/*
 * Instructions
 * Have scss watch and output to the "css" folder.
 * sass --watch css:css
 *
 * 'Open Sans', 
 */
/* --------------------------- IMPORTS --------------------------- */
/*
 * This controls the spacing between columns.
 * Note that it is added to both sides of the columns,
 * except on end columns.
 */
/*
 * Add any extra space below columns on mobile?
 */
/*
 * Gridest (http://www.gridest.com/)
 * Copyright 2015 REST Studios (http://www.reststudios.com/)
 * Licensed under MIT (https://github.com/jbelelieu/gridest/blob/master/LICENSE)
 */
html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

.clearfix {
  clear: both; }

/*
 * Mobile and tablet are considerted one and the same.
 */
@media (max-width: 920px) {
  .col100,
  .col85l,
  .col85r,
  .col75l,
  .col75r,
  .col66l,
  .col66r,
  .col50l,
  .col50c,
  .col50r,
  .col35l,
  .col35c,
  .col35r,
  .col33l,
  .col33c,
  .col33r,
  .col25l,
  .col25r,
  .col25c,
  .col23l,
  .col23r,
  .col23c,
  .col20l,
  .col20r,
  .col20c,
  .col15l,
  .col15r,
  .col15c {
    float: none !important;
    width: 100% !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-bottom: 0px solid transparent !important;
    display: block; }

  .mobileAdd {
    margin-bottom: 0px !important; }

  .holder {
    margin-bottom: 0px !important; } }
@media (min-width: 768px) and (max-width: 992px) {
  .col25l,
  .col25r,
  .col25c,
  .col23l,
  .col23r,
  .col23c,
  .col20l,
  .col20r,
  .col20c,
  .col15l,
  .col15r,
  .col15c {
    float: none !important;
    width: 100% !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-bottom: 0px solid transparent !important;
    display: block; } }
@media (max-width: 768px) {
  .mobileHide {
    display: none !important; }

  .midFront {
    min-height: 350px;
    margin-bottom: -16px;
    width: 100% !important;
    background-position: bottom center !important; } }
/*
 * Main Styles
 */
.holder, .holderFixed, .holderClear {
  margin-bottom: 0px;
  position: relative; }

.holder:after, .holderFixed:after, .holderClear:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0; }

.contentBox .holder:last-of-type {
  margin-bottom: 0px !important;
  border-bottom: 0px !important; }

.negateHolder {
  margin-top: -16px; }

* html .holder {
  zoom: 1; }

*:first-child + html .holder {
  zoom: 1; }

/*
 * Column System
 */
.col85l,
.col85r,
.col75l,
.col75r,
.col66l,
.col66r,
.col50l,
.col50c,
.col50r,
.col35l,
.col35c,
.col35r,
.col33l,
.col33c,
.col33r,
.col25l,
.col25r,
.col25c,
.col23l,
.col23r,
.col23c,
.col20l,
.col20r,
.col20c,
.col15l,
.col15r,
.col15c {
  float: left; }

.col15l,
.col15r,
.col15c {
  width: 15%; }

.col20l,
.col20r,
.col20c {
  width: 20%; }

.col23l,
.col23r,
.col23c {
  width: 23.3333333333%; }

.col25l,
.col25r,
.col25c {
  width: 25%; }

.col33l,
.col33c,
.col33r {
  width: 33.33333333%; }

.col35l,
.col35c,
.col35r {
  width: 35%; }

.col50l,
.col50r,
.col50c {
  width: 50%; }

.col66r,
.col66l {
  width: 66.66666666%; }

.col75l,
.col75r {
  width: 75%; }

.col85l,
.col85r {
  width: 85%; }

.col85l,
.col75l,
.col66l,
.col50l,
.col35l,
.col33l,
.col25l,
.col23l,
.col20l,
.col15l {
  border-right: 0px solid transparent; }

.col50c,
.col35c,
.col33c,
.col25c,
.col23c,
.col20c,
.col15c {
  border-left: 0px solid transparent;
  border-right: 0px solid transparent; }

.col85r,
.col75r,
.col66r,
.col50r,
.col35r,
.col33r,
.col25r,
.col23r,
.col20r,
.col15r {
  border-left: 0px solid transparent; }

@media (max-width: 920px) {
  #navExpand {
    display: block !important;
    text-align: right;
    z-index: 900;
    position: absolute;
    top: 42px;
    right: 42px; }

  #navExpand img {
    width: 24px !important;
    height: 24px !important;
    margin-top: 30px; }

  #nav {
    display: none; }

  #subPageLimit {
    width: 100% !important; }

  .highlightImage {
    max-width: 100% !important;
    width: auto;
    height: auto;
    display: block;
    margin: 12px auto -72px auto;
    border: 12px solid #a4e2ff;
    border-radius: 8px; }

  img#macScreen {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto 0 auto !important; }

  .bubble {
    margin-left: 0px !important;
    margin-right: 0px !important; }

  .mobileFixMargins {
    margin-left: 0px !important;
    padding-top: 0px !important; }

  ul.who li {
    float: none !important;
    display: block !important; }

  .homeFeatureRight,
  .homeFeatureLeft {
    text-align: center !important; }

  .featureBox {
    margin-bottom: 12px !important;
    float: none !important; }

  .homeFeatureRight img,
  .homeFeatureLeft img {
    margin: 0 0 12px 0 !important;
    float: none !important;
    max-width: 100%;
    height: auto !important; }

  .featureBoxCenter,
  .featureBoxLeft,
  .featureBoxRight {
    margin: 0 0 12px 0 !important; } }
/* --------------------------- OVERVIEW --------------------------- */
body {
  margin: 0;
  padding: 0;
  font-family: "Oxygen", arial, sans-serif;
  font-weight: 300;
  color: #333; }

a {
  text-decoration: none;
  color: #216397; }

a:hover {
  color: #000; }

#navExpand {
  display: none; }

ul#mobileMenu {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #000;
  margin: 0;
  width: 90%;
  padding: 0;
  z-index: 999;
  display: none;
  color: #fff;
  overflow-y: auto; }

ul#mobileMenu li {
  border-bottom: 1px solid #222;
  padding: 4px 18px; }

ul#mobileMenu li a {
  color: #fff; }

/* --------------------------- HEADERS --------------------------- */
h1 {
  line-height: 52px;
  font-size: 42px;
  font-weight: 300;
  margin: 0;
  padding: 0;
  font-family: "Roboto Slab", "Lato", arial, sans-serif; }

h2 {
  line-height: 52px;
  font-size: 42px;
  font-weight: 300;
  margin: 0 0 16px 0;
  padding: 0;
  font-family: "Roboto Slab", "Lato", arial, sans-serif; }

h3 {
  line-height: 34px;
  font-size: 24px;
  font-weight: 300;
  margin: 0 0 16px 0;
  padding: 0;
  font-family: "Roboto Slab", "Lato", arial, sans-serif; }

h4 {
  font-family: "Roboto Slab", "Lato", arial, sans-serif;
  font-size: 32px;
  line-height: 1;
  padding: 0;
  margin: 0 0 12px 0;
  font-style: italic; }

/* --------------------------- HELPERS --------------------------- */
.text-right {
  text-align: right; }

.text-left {
  text-align: left; }

.text-center {
  text-align: center; }

.text-italic {
  font-style: italic; }

.text-bold {
  font-weight: bold; }

.error {
  color: red; }

.success {
  color: green; }

.margin-none {
  margin: 0px !important; }

.margin-bottom-none {
  margin-bottom: 0px !important; }

.margin-top-none {
  margin-top: 0px !important; }

.margin-left-none {
  margin-left: 0px !important; }

.margin-right-none {
  margin-right: 0px !important; }

.margin-top {
  margin-top: 24px !important; }

.margin-top-more {
  margin-top: 48px !important; }

/* --------------------------- FORMS --------------------------- */
span.req:after {
  content: '*';
  color: red;
  margin-left: 4px; }

ul.form {
  margin: 0;
  padding: 0;
  list-style: none; }

ul.form li {
  padding: 0 0 21px 0; }

li {
  line-height: 1.8em; }

::-webkit-input-placeholder {
  color: #aaa;
  font-family: "Oxygen", arial, sans-serif;
  font-weight: 300;
  font-style: italic; }

:-moz-placeholder {
  color: #aaa;
  font-family: "Oxygen", arial, sans-serif;
  font-weight: 300;
  font-style: italic; }

::-moz-placeholder {
  color: #aaa;
  font-family: "Oxygen", arial, sans-serif;
  font-weight: 300;
  font-style: italic; }

:-ms-input-placeholder {
  color: #aaa;
  font-family: "Oxygen", arial, sans-serif;
  font-weight: 300;
  font-style: italic; }

label {
  display: block;
  margin: 0 0 8px 0;
  height: 14px;
  line-height: 14px; }

select,
textarea,
input[type=text],
input[type=email],
input[type=tel],
input[type=number],
input[type=password] {
  font-family: "Oxygen", arial, sans-serif;
  font-size: 14px;
  -webkit-appearance: none;
  width: 100%;
  border: 1px solid #ccc;
  background-color: #f9f9f9;
  padding: 12px 18px;
  margin: 0;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15); }

button {
  font-family: "Oxygen", arial, sans-serif;
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: 2px;
  color: #fff;
  background-color: #216397;
  border: none;
  padding: 12px 18px;
  font-size: 14px;
  -webkit-appearance: none;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15); }

button:hover {
  background-color: #65c5ef; }

/* --------------------------- TOPBAR --------------------------- */
#topbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 91px;
  z-index: 100;
  border-top: 12px solid #000;
  background: transparent; }

.topbarBack {
  background: -moz-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%) !important;
  background: -webkit-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%) !important;
  background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0) 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ) !important; }

#topbar ul {
  list-style: none;
  margin: 0 42px 0 0;
  padding: 0;
  width: 100%; }

#topbar ul li {
  padding: 0;
  display: inline-block;
  position: relative; }

#topbar ul li:last-child a {
  margin-right: 0px !important;
  padding-right: 0px !important; }

#topbar ul li a {
  display: block;
  padding: 0 16px;
  line-height: 79px; }

#topbar ul li a:hover {
  color: #fff; }

#superSmall {
  position: absolute;
  left: 0;
  bottom: 16px;
  text-align: center;
  width: 100%;
  text-transform: uppercase;
  letter-spacing: 1px;
  z-index: 999;
  color: #e1e1e1;
  font-size: 10px; }

#topbar ul li a.download {
  position: relative;
  color: #fabb4a;
  background: #000000;
  background: -moz-linear-gradient(top, #000000 0%, #444 100%);
  background: -webkit-linear-gradient(top, #000000 0%, #444 100%);
  background: linear-gradient(to bottom, #000000 0%, #444 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444',GradientType=0 );
  border-radius: 0px 0px 16px 16px;
  -moz-border-radius: 0px 0px 16px 16px;
  -webkit-border-radius: 0px 0px 16px 16px;
  padding: 0 16px !important;
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.35); }

#topbar ul li a.download:hover {
  color: #faae26;
  background: -moz-linear-gradient(top, #000000 0%, #666 100%);
  background: -webkit-linear-gradient(top, #000000 0%, #666 100%);
  background: linear-gradient(to bottom, #000000 0%, #666 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#666',GradientType=0 ); }

#topbar ul li:not(.download):hover {
  background-color: #000; }

#topbar ul li.blog:hover {
  background-color: transparent; }

#topbar ul li ul {
  display: none;
  margin: 0;
  padding: 18px 0;
  list-style: none;
  position: absolute;
  top: 100%;
  right: 0;
  width: 320px;
  background-color: #000;
  border-radius: 8px 0px 8px 8px;
  -moz-border-radius: 8px 0px 8px 8px;
  -webkit-border-radius: 8px 0px 8px 8px; }

#topbar ul li ul li a {
  display: block;
  line-height: 15px;
  font-size: 15px;
  padding: 6px 24px !important;
  color: #a4e2ff; }

#topbar ul li ul li:last-child a {
  padding: 6px 24px !important; }

#topbar ul li ul li {
  display: block;
  float: none;
  text-align: right;
  text-transform: none;
  font-size: 0.9em;
  letter-spacing: 0px; }

#topbar ul li ul li:hover {
  background-color: #f9f9f9; }

#topbar ul li:hover > ul {
  display: block; }

/* --------------------------- CUSTOM STYLES --------------------------- */
.padInner {
  padding: 0 42px; }

.pad {
  padding: 42px; }

.padBox {
  padding: 0 24px; }

#homeRays {
  background: url("/assets/img/landscape.jpg") center center no-repeat;
  background-size: cover;
  background-position: fixed;
  overflow: visible;
  margin-top: -91px;
  border-bottom: 4px solid #fabb4a;
  position: relative; }

@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(1, 1); }
  50% {
    -webkit-transform: scale(1.05, 1.05); }
  100% {
    -webkit-transform: scale(1, 1); } }
.home_learn_more {
  -webkit-animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  background-color: #fabb4a;
  z-index: 99;
  text-align: center;
  width: 200px;
  height: 64px;
  line-height: 64px;
  position: absolute;
  bottom: -67px;
  left: 50%;
  margin-left: -100px;
  padding: 0 24px;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: bold;
  color: #000;
  border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  -webkit-border-radius: 0px 0px 10px 10px;
  border: 0px solid #000000;
  text-shadow: 0px -1px rgba(255, 255, 255, 0.35); }

#headingSubPage {
  text-align: center;
  padding: 42px 0;
  background: url("/assets/img/landscape.jpg") center center no-repeat;
  background-size: cover;
  margin-top: -91px;
  padding-top: 124px;
  border-bottom: 1px solid #f1f1f1; }

#headingSubPage h1,
#headingSubPageLimit h1:first-of-type {
  font-weight: 300;
  margin: 0 0 0 0;
  padding: 0;
  font-size: 52px;
  line-height: 52px; }

#headingSubPageLimit h3.subtitle {
  font-weight: 300;
  margin: 12px 0 0 0;
  padding: 0;
  font-size: 19px;
  line-height: 19px; }

#headingSubPageLimit p:first-of-type {
  margin-top: 0;
  padding-top: 0; }

#headingSubPage h2 {
  font-weight: 300;
  margin: 0 0 24px 0;
  padding: 0;
  font-size: 19px;
  line-height: 19px; }

#headingSubPageLimit {
  text-align: center;
  background: url("/assets/img/landscape.jpg") bottom center no-repeat #a5e2ff;
  background-size: 100% auto;
  margin-top: -91px;
  padding-top: 104px;
  border-bottom: 1px solid #f1f1f1;
  text-shadow: 0px -1px rgba(255, 255, 255, 0.5); }

.subpageLogo {
  margin: 0 auto;
  display: block;
  height: 32px;
  width: auto; }

.effect6 {
  position: relative;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.05) inset;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.05) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.05) inset; }

.effect6:before, .effect6:after {
  content: "";
  position: absolute;
  z-index: -1;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  top: 50%;
  bottom: 0;
  left: 10px;
  right: 10px;
  -moz-border-radius: 100px / 10px;
  border-radius: 100px / 10px; }

.effect6:after {
  right: 10px;
  left: auto;
  -webkit-transform: skew(8deg) rotate(3deg);
  -moz-transform: skew(8deg) rotate(3deg);
  -ms-transform: skew(8deg) rotate(3deg);
  -o-transform: skew(8deg) rotate(3deg);
  transform: skew(8deg) rotate(3deg); }

#subPageLimit {
  background-color: #fff;
  width: 1020px;
  margin: 24px auto 0 auto;
  border-left: 1px solid #f1f1f1;
  border-right: 1px solid #f1f1f1;
  border-radius: 3px;
  margin-bottom: -24px;
  text-align: left; }

#subPage {
  padding-bottom: 42px; }

#subPage h2:first-child {
  margin-top: 0px !important; }

#subPage h2 {
  margin-bottom: 32px; }

#subPageLimit h2:first-of-type {
  margin-top: 0px !important; }

#subPageLimit h2 {
  margin-top: 42px !important; }

#subPageLimit > .holder:first-of-type {
  margin-bottom: 0px !important; }

.holderFixed {
  width: 80%;
  margin: 0 auto;
  position: relative; }

p {
  line-height: 1.8em !important; }

#heading span,
#headingSubPage span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal; }

#heading h1,
#headingSubPage h1 {
  font-weight: 300;
  margin: 0 0 12px 0;
  padding: 0;
  font-size: 52px;
  line-height: 52px; }

.padInner {
  padding: 0 42px; }

#logo {
  width: auto;
  height: 61px;
  padding-top: 15px;
  display: block; }

.leftFront {
  text-align: center;
  z-index: 10; }

.rightFront {
  text-align: center;
  z-index: 10; }

.bubble {
  border-radius: 100px;
  padding: 24px;
  background-color: #000;
  text-align: center;
  color: #fff; }

.bubble:hover {
  background-color: #333; }

.rightFront .bubble {
  margin: 0 42px 16px 0; }

.leftFront .bubble {
  margin: 0 0 16px 42px; }

.bubble span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal; }

.bubble a {
  color: #fff; }

#home_icons {
  margin: 42px auto;
  text-align: center;
  font-weight: 300;
  color: #444; }

.block {
  padding: 42px 0; }

.overview2 {
  margin: 32px 0 0 0;
  font-size: 1.5em;
  font-family: 'Roboto Slab', Oxygen, arial, san-serif;
  font-weight: 100;
  line-height: 1.8em !important;
  color: #444; }

.overview {
  margin: 32px 0;
  font-size: 1.5em;
  text-align: center;
  font-family: 'Roboto Slab', Oxygen, arial, san-serif;
  font-weight: 100;
  line-height: 1.8em !important;
  color: #444; }

.testimonial {
  background: url("/assets/img/icon-pack/interface.png") top left no-repeat;
  padding: 0 0 0 92px;
  font-family: 'Roboto Slab', Oxygen, arial, san-serif;
  font-weight: 100;
  line-height: 1.8em !important;
  color: #444;
  font-style: italic;
  font-size: 1.5em; }

.did_you_know {
  background: url("/assets/img/icon-pack/light-bulb.png") top left no-repeat;
  padding: 0 0 0 92px;
  font-family: 'Roboto Slab', Oxygen, arial, san-serif;
  font-weight: 100;
  line-height: 1.7em !important;
  color: #444;
  font-size: 1.3em; }

.testimonial_credit {
  padding: 0 0 0 92px;
  color: #444;
  font-size: 0.9em; }

#home_icons h2,
#home_icons h3 {
  text-align: center; }

.featureBox:hover {
  border: 1px solid #000;
  background: #d2f2ff;
  background: -moz-linear-gradient(top, #d2f2ff 0%, #f0fbff 100%);
  background: -webkit-linear-gradient(top, #d2f2ff 0%, #f0fbff 100%);
  background: linear-gradient(to bottom, #d2f2ff 0%, #f0fbff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2f2ff', endColorstr='#f0fbff',GradientType=0 );
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);
  transform: scale(1.05, 1.05); }

.featureBoxCenter,
.featureBoxLeft,
.featureBoxRight {
  transition: all 0.4s ease;
  position: relative;
  border-radius: 5px;
  border: 1px solid #e1e1e1;
  padding: 32px;
  height: inherit; }

/*
.featureBoxLeft:after,
.featureBoxCenter:after {
    content:"";
	display: block;
	background: url('/assets/img/icon-pack/arrows-1.png') center center no-repeat;
	background-size: contain;
	width: 42px;
	height: 42px;
	position: absolute;
	top: 24px;
	right: 24px;
	z-index: 400;
}
*/
.featureBoxCenter {
  margin: 0 12px; }

.featureBoxRight {
  margin: 0 0 0 12px; }

.featureBoxLeft {
  margin: 0 12px 0 0; }

#home_logos {
  margin-bottom: 42px;
  text-align: center;
  padding: 42px 0; }

#home_logos img {
  height: 37px;
  width: auto;
  display: inline-block;
  margin: 0 32px 0 0;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  transition: all 0.4s ease; }

#home_logos img:hover {
  -webkit-filter: grayscale(0%);
  filter: grayscale(100%);
  transform: scale(1.2, 1.2); }

#heading {
  /*91*/
  padding: 105px 0 0px 0;
  text-align: center;
  text-shadow: 0px -1px rgba(255, 255, 255, 0.5); }

#heading h1 {
  margin-bottom: 0px; }

#heading h2 {
  font-size: 1.4em;
  margin-bottom: 0px; }

.homeFeatureLeft,
.homeFeatureRight {
  padding: 42px 0 42px 0;
  position: relative;
  margin-top: 42px; }

.homeFeatureLeft {
  background-color: #f0fbff !important; }

.homeFeatureRight {
  text-align: right; }

.homeFeatureLeft img {
  float: left;
  margin: 0 42px 0 0;
  vertical-align: bottom; }

.homeFeatureRight img {
  float: right;
  margin: 0 0 0 42px; }

.homeFeatureLeft img,
.homeFeatureRight img {
  height: 300px;
  width: auto;
  display: block;
  border-radius: 5px;
  border: 1px solid #e1e1e1; }

#penguin {
  position: relative;
  z-index: 5;
  text-align: center;
  min-height: 300px;
  background-size: cover;
  padding-bottom: 0px !important;
  margin-bottom: 0px !important; }

#homeRays h1 {
  font-size: 2.7em;
  line-height: 1.1em; }

#homeRays h2 {
  line-height: 1.3em;
  margin: 12px 0 24px 0; }

#penguin img {
  height: 350px;
  width: auto;
  max-width: 100%;
  display: block;
  margin: 0 auto; }

#mainContact {
  margin-top: 91px; }

.dropArea {
  background-color: #000;
  color: #fff !important;
  border-bottom: 0px !important;
  margin-bottom: 0px !important; }

.dropArea p {
  margin: 0;
  padding: 0; }

a.action {
  background-color: #fabb4a;
  display: block;
  width: 100%;
  padding: 24px 0;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: bold;
  font-style: italic;
  color: #000;
  text-shadow: 0px -1px rgba(255, 255, 255, 0.35); }

a.action:hover {
  background-color: #faae26; }

a.button {
  background-color: #fabb4a;
  display: inline-block;
  padding: 18px 24px;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: bold;
  color: #000;
  border-radius: 8px;
  text-shadow: 0px -1px rgba(255, 255, 255, 0.35); }

a.lightButton {
  background-color: #000;
  display: inline-block;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: bold;
  color: #fff !important;
  padding: 8px 16px;
  border-radius: 8px;
  text-shadow: 0px -1px rgba(255, 255, 255, 0.35); }

a.lightButton:hover {
  background-color: #333 !important; }

a.outline_button {
  display: inline-block;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: bold;
  padding: 12px 24px;
  border-radius: 8px;
  border: 4px solid #000; }

a.outline_button:hover {
  background-color: #f1f1f1; }

a.button:hover {
  background-color: #faae26; }

img#macScreen {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 0 0 -150px; }

.mobileFixMargins {
  margin-left: -140px; }

.slipUp {
  margin-top: -68px;
  margin-bottom: -42px; }

#footer {
  border-top: 1px solid #f1f1f1;
  font-size: 0.9em;
  color: #666; }

#penguinFooter {
  width: 64px;
  height: 64px;
  margin: 0 auto;
  background: url("/assets/img/penguin-character.png") center bottom no-repeat;
  background-size: contain; }

.alignFooterImage {
  line-height: 42px;
  vertical-align: middle; }

.highlightSection {
  background-color: #a4e2ff; }

.highlightSectionLighter {
  background-color: #f0fbff; }

.highlight {
  color: #fabb4a;
  padding: 16px 24px;
  text-align: center;
  margin: 0;
  line-height: 1.8em !important; }

.icon-twitter {
  color: 1b95e0; }

.icon {
  display: block;
  width: 64px;
  height: 64px;
  margin: 0 auto 24px auto; }

hr {
  height: 0;
  padding: 0;
  border-top: 4px solid #f1f1f1;
  border-bottom: none;
  border-left: none;
  border-right: none;
  clear: both; }

hr.justSpace {
  border-top: none !important;
  height: 24px; }

hr.margin {
  margin: 32px 0; }

.marginTop {
  margin: 42px 0 0 0; }

.marginBottom {
  margin: 0 0 32px 0; }

.paddingBottom {
  padding-bottom: 42px !important; }

.companyLogo {
  width: auto;
  height: 26px; }

p.caption {
  color: #999;
  font-size: 12px;
  text-align: center; }

p.sub_text {
  font-size: 1.0em;
  border-top: 1px dotted #e1e1e1;
  border-bottom: 1px dotted #e1e1e1;
  padding: 18px 0;
  margin: 24px 0;
  color: #999; }

.featureImage {
  width: 100%;
  max-width: 900px;
  height: auto;
  display: block;
  border: 1px solid #000;
  margin: -84px auto 0 auto;
  border-radius: 8px; }

.featureImgBoxTop {
  margin-top: -84px; }

.featureImageSide {
  width: 300px;
  max-width: 300px;
  height: auto;
  border: 1px solid #000;
  display: inline-block;
  margin-right: 12px;
  border-radius: 8px; }

.implementExample {
  width: 48%;
  max-width: 500px;
  height: auto;
  border: 1px solid #000;
  display: inline-block;
  margin-right: 12px;
  border-radius: 8px; }

.highlightImage {
  max-width: 600px;
  width: auto;
  height: auto;
  display: block;
  margin: 12px auto -72px auto;
  border: 12px solid #a4e2ff;
  border-radius: 8px; }

.feature-icon {
  width: 124px;
  height: auto;
  display: block;
  margin: 0 auto 12px auto; }

.featureImageSm {
  width: auto;
  height: 200px;
  display: block;
  border: 1px solid #000;
  margin: 0 auto 12px auto; }

.box {
  padding-bottom: 18px;
  border-radius: 8px;
  border: 4px solid #000; }

ul.who {
  margin-bottom: 42px; }

ul.who li {
  padding: 8px 0;
  float: left;
  width: 50%; }

.weak {
  font-size: 12px; }

.weakGray {
  font-size: 11px;
  color: #ccc; }

ul#news {
  list-style: none;
  margin: 0;
  padding: 0; }

ul#news li {
  padding: 0 0 10px 0; }

ul#news li h3 {
  font-size: 18px;
  margin: 0;
  padding: 0;
  line-height: 24px; }

ul#news li p {
  margin: 3px 0 0 0;
  padding: 0;
  color: #999; }

ul#news li:last-child {
  border-bottom: none !important; }

#featuredClient {
  margin: 32px 0 0 0;
  text-align: center; }

#featuredClient h3 {
  font-size: 18px !important;
  margin: 0;
  padding: 0;
  line-height: 24px; }

.border-top {
  border-top: 1px solid #f1f1f1; }

.border-left {
  border-left: 1px solid #f1f1f1; }

.border-right {
  border-right: 1px solid #f1f1f1; }

.longTile {
  margin: 42px 0; }

h2.upper {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 2px; }

.featuredLogo {
  display: block;
  margin: 22px 0 8px 0;
  max-width: 100%;
  width: auto;
  height: 40px; }

ol#steps {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0; }

ol#steps li {
  padding: 0 0 8px 0; }

ul.plain li {
  line-height: 22px !important;
  padding: 0 0 8px 0; }

#case_study_biotab,
#case_study_sred,
#case_study_stealthsys,
#case_study_profitunity {
  position: relative;
  color: #fff !important; }

#case_study_profitunity {
  background: url("/assets/img/case-study-profitunity.jpg") center bottom no-repeat;
  background-size: cover; }

#case_study_stealthsys {
  background: url("/assets/img/case-study-stealthsys.jpg") center bottom no-repeat;
  background-size: cover; }

#case_study_biotab {
  background: url("/assets/img/case-study-biotab.jpg") center bottom no-repeat;
  background-size: cover; }

#case_study_sred {
  background: url("/assets/img/case-study-sred.jpg") center center no-repeat;
  background-size: cover; }

.iconCellHolder {
  border-radius: 5px;
  border: 1px solid #e1e1e1;
  height: 180px;
  margin: 10px;
  padding: 16px;
  transition: all 0.4s ease; }

.iconCellHolder:hover {
  border: 1px solid #000;
  background: #d2f2ff;
  background: -moz-linear-gradient(top, #d2f2ff 0%, #f0fbff 100%);
  background: -webkit-linear-gradient(top, #d2f2ff 0%, #f0fbff 100%);
  background: linear-gradient(to bottom, #d2f2ff 0%, #f0fbff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2f2ff', endColorstr='#f0fbff',GradientType=0 );
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);
  transform: scale(1.05, 1.05); }

.iconInner {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.iconInner a {
  display: block;
  width: 100%;
  height: 100%; }

.iconCell {
  text-align: center;
  animation: grow 4s linear infinite; }

a.fill {
  color: inherit; }

.iconCell img {
  width: 64px;
  height: 64px;
  display: block;
  margin: 0 auto 8px auto; }

.imgfull {
  display: block;
  max-width: 100%;
  width: 100%;
  height: auto;
  margin: 0 auto; }

/*
http://nicolasgallagher.com/pure-css-speech-bubbles/demo/
*/
.triangle-right {
  position: relative;
  padding: 16px 24px 8px 24px;
  margin: 1em 0 3em;
  color: #fff;
  background: rgba(0, 0, 0, 0.65);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  width: 100%; }

.triangle-right.left {
  margin-left: 40px;
  background: rgba(0, 0, 0, 0.65); }

.triangle-right.left:after {
  top: 16px;
  left: -40px;
  /* value = - border-left-width - border-right-width */
  bottom: auto;
  right: auto;
  border-width: 30px 40px 0 0;
  /* vary these values to change the angle of the vertex */
  border-color: transparent rgba(0, 0, 0, 0.65); }

.triangle-right.right {
  margin-right: 40px;
  background: rgba(0, 0, 0, 0.65); }

.triangle-right.right:after {
  top: 16px;
  right: -40px;
  bottom: auto;
  left: auto;
  border-width: 30px 0 0 40px;
  /* vary these values to change the angle of the vertex */
  border-color: transparent rgba(0, 0, 0, 0.65); }

.triangle-right:after {
  content: "";
  position: absolute;
  bottom: -20px;
  /* value = - border-top-width - border-bottom-width */
  left: 0px;
  /* controls horizontal position */
  border-width: 40px 0 0 40px;
  /* vary these values to change the angle of the vertex */
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.65) transparent;
  display: block;
  width: 0; }

.newsflash {
  position: relative; }

.containBubble a {
  color: #fff; }

.containBubble {
  position: absolute;
  top: 20%;
  right: -40px; }

.containBubbleRight {
  position: absolute;
  top: 20%;
  left: -80px; }

.pluginLogoAuth,
.pluginLogoVen,
.pluginLogo {
  display: block;
  margin: 0 auto; }

.pluginLogoAuth {
  height: 25px;
  max-width: 100%;
  width: auto; }

.pluginLogoVen {
  height: 150px;
  max-width: 100%;
  width: auto; }

.pluginLogo {
  height: 45px;
  max-width: 100%;
  width: auto; }

/*# sourceMappingURL=main.css.map */