* {
  -webkit-box-sizing : border-box;
  -moz-box-sizing    : border-box;
  box-sizing         : border-box;
  margin             : 0;
  padding            : 0;
  font-family        : 'Source Sans Pro',sans-serif;
  vertical-align     : top;
}

body {
  font-size: 0;
  background: #ffffff;
  text-align: center;
}

body.noscroll {
	overflow: hidden;
}
/* Error Page Styles */

body.error-page, html.error-page {
	height:100%;
	min-height: 100%;
}

body.error-page #error-graphic {
	height:100%;
	display: block;
}

body.error-page #error-graphic svg {
	height: calc(100% - 150px);
	width:auto;
	max-width: 100%;
	margin-top:20px;
}

body.error-page #error-graphic #goback {
	height:130px;
	width:100%;
}

body.error-page #error-graphic #goback a {
	display: inline-block;
	position: relative;
	top: 26px;
	padding:15px;
	font-weight: 200;
	font-size: 18px;
	line-height: 18px;
	background-color: #46b0e4;
	color:#ebf4f7;
	border-radius: 3px;
}

body.error-page #error-graphic #goback a:hover {
	background-color: #004969;
}
/* ------- Images */

.contact,
[class*="icon"] .img-attribution {
  background: url(img/assets/__black-60.png);
}

.shadowbox {
  background: url(img/assets/__black-80.png);
}

.shadowbox_spinner {
  background: url(img/spinner/__spinner.png);
}

.captcha {
  background: url(img/assets/__captcha.png);
}

.section-arrow {
  background: url(img/assets/__section-arrow.png);
}

.required-field-label_icon {
  background: url(img/assets/__required-field.png);
}

.logo-large {
  background: url(img/header_footer/__logo.png);
}

[class*="solutions_icon-"],
.solutions_title .smt {
  background: url(img/solutions/__icons.png);
}

.support-logo {
  background: url(img/assets/__support.png);
}

.required-field_icon {
  background: url(img/assets/__required-field.png);
}

.signup-nav_pill,
.signup_item-seperator {
  background: url(img/assets/__signup.png);
}

[class*="affiliate_icon"] {
  background: url(img/affiliate/__desktop.png);
}

[class*="blog-icon_"] {
  background: url(img/blog/__icons.png);
}

/* ------- Display Inline Block */

.about-team_copy,
.about-team_members_favorite_title,
.about-team_members_favorite_value,
.about-team_name,
.about-team_title,
.alert-help_text,
.alert-help_title,
.amount,
.blog_author-picture,
.blog-item_content_share,
.blog-nav,
.btn-nav_btn,
.captcha,
.contact_label,
.contact_option,
.container,
.container,
.cycle,
.denomination,
.feature,
.footer_aws,
.footer_heading,
.footer_item,
.footer_logo,
.footer_notice,
.form-validate-prompt_arrow,
.form-validate-prompt_container,
.g3,
.g4,
.g5,
.g6,
.g7,
.g8,
.g9,
.hero_subtitle,
.hero_terms-text,
.hero_title,
.ib,
.icon-nav-trigger,
.icon-timeline,
.m2,
.m3,
.m4,
.m5,
.m6,
.m7,
.m8,
.m9,
.nav,
.nav-item,
.nav-item-seperator,
.required-field-label_icon,
.required-field_icon,
.section,
.shadowbox_spinner,
.signup-nav_pill,
.signup_item,
.signup_item-seperator,
.solution,
.solution_img,
.solutions_info,
.solutions_info_text,
.solutions_title .smt,
.statusbar_logo,
.support-logo,
.support_desk,
.support_facebook,
.team-member,
.testimonial_text,
.testimonial_text,
.timeline-line,
.timeline-notch,
.timeline-years,
.timeline_event-bubble_date,
.timeline_event-bubble_text,
.timeline_marker,
.tip-text,
.tooltip-text,
[class*="btn"],
[class*="feature_icon-"],
[class*="g1"],
[class*="g2"],
[class*="icon"],
[class*="m1"],
input,
label,
select {
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.-mobile {
  display: none;
}

/* Grid Layout */

.g3,
.g4,
.g5,
.g6,
.g7,
.g8,
.g9,
.m2,
.m3,
.m4,
.m5,
.m6,
.m7,
.m8,
.m9,
[class*="g1"],
[class*="g2"],
[class*="m1"],
[class*="m2"] {
  position: relative;
}

.g1  { width: 4.16666666666667%;  }
.g2  { width: 8.33333333333334%;  }
.g3  { width: 12.50000000000001%; }
.g4  { width: 16.66666666666668%; }
.g5  { width: 20.83333333333335%; }
.g6  { width: 25%;                }
.g7  { width: 29.16666666666669%; }
.g8  { width: 33.33333333333336%; }
.g9  { width: 37.50000000000003%; }
.g10 { width: 41.6666666666667%;  }
.g11 { width: 45.83333333333337%; }
.g12 { width: 50%;                }
.g13 { width: 54.16666666666671%; }
.g14 { width: 58.33333333333338%; }
.g15 { width: 62.50000000000005%; }
.g16 { width: 66.66666666666672%; }
.g17 { width: 70.83333333333339%; }
.g18 { width: 75%;                }
.g19 { width: 79.16666666666673%; }
.g20 { width: 83.3333333333334%;  }
.g21 { width: 87.50000000000007%; }
.g22 { width: 91.66666666666674%; }
.g23 { width: 95.83333333333341%; }
.g24 { width: 100%;               }

.l05 { margin-left: 2.08%;  }
.l1  { margin-left: 4.16666666666667%;  }
.l2  { margin-left: 8.33333333333334%;  }
.l3  { margin-left: 12.50000000000001%; }
.l4  { margin-left: 16.66666666666668%; }
.l5  { margin-left: 20.83333333333335%; }
.l6  { margin-left: 25%;                }
.l7  { margin-left: 29.16666666666669%; }
.l8  { margin-left: 33.33333333333336%; }
.l9  { margin-left: 37.50000000000003%; }
.l10 { margin-left: 41.6666666666667%;  }
.l11 { margin-left: 45.83333333333337%; }
.l12 { margin-left: 50%;                }
.l13 { margin-left: 54.16666666666671%; }
.l14 { margin-left: 58.33333333333338%; }
.l15 { margin-left: 62.50000000000005%; }
.l16 { margin-left: 66.66666666666672%; }
.l17 { margin-left: 70.83333333333339%; }
.l18 { margin-left: 75%;                }
.l19 { margin-left: 79.16666666666673%; }
.l20 { margin-left: 83.3333333333334%;  }
.l21 { margin-left: 87.50000000000007%; }
.l22 { margin-left: 91.66666666666674%; }
.l23 { margin-left: 95.83333333333341%; }

.r1  { margin-right: 4.16666666666667%;  }
.r2  { margin-right: 8.33333333333334%;  }
.r3  { margin-right: 12.50000000000001%; }
.r4  { margin-right: 16.66666666666668%; }
.r5  { margin-right: 20.83333333333335%; }
.r6  { margin-right: 25%;                }
.r7  { margin-right: 29.16666666666669%; }
.r8  { margin-right: 33.33333333333336%; }
.r9  { margin-right: 37.50000000000003%; }
.r10 { margin-right: 41.6666666666667%;  }
.r11 { margin-right: 45.83333333333337%; }
.r12 { margin-right: 50%;                }
.r13 { margin-right: 54.16666666666671%; }
.r14 { margin-right: 58.33333333333338%; }
.r15 { margin-right: 62.50000000000005%; }
.r16 { margin-right: 66.66666666666672%; }
.r17 { margin-right: 70.83333333333339%; }
.r18 { margin-right: 75%;                }
.r19 { margin-right: 79.16666666666673%; }
.r20 { margin-right: 83.3333333333334%;  }
.r21 { margin-right: 87.50000000000007%; }
.r22 { margin-right: 91.66666666666674%; }
.r23 { margin-right: 95.83333333333341%; }

/* Columns */

.col1of2    { padding-right: 30px ; }
.col2of2    { padding-left: 30px  ; }

.col1of2-sm { padding-right: 11px ; }
.col2of2-sm { padding-left: 11px  ; }

.col1of3    { padding-right: 29px ;                       }
.col2of3    { padding-left: 15px  ; padding-right: 15px ; }
.col3of3    { padding-left: 29px  ;                       }

.col1of3-sm { padding-right: 15px ;                       }
.col2of3-sm { padding-left: 7px   ; padding-right: 7px ;  }
.col3of3-sm { padding-left: 15px  ;                       }

.col1of3-xl { padding-right: 50px ;                       }
.col2of3-xl { padding-left: 25px  ; padding-right: 25px ; }
.col3of3-xl { padding-left: 50px  ;                       }

.col1of4    { padding-right: 33px ;                       }
.col2of4    { padding-left: 11px  ; padding-right: 22px ; }
.col3of4    { padding-left: 22px  ; padding-right: 11px ; }
.col4of4    { padding-left: 33px  ;                       }

.col1of4-sm { padding-right: 17px ;                       }
.col2of4-sm { padding-left: 5px   ; padding-right: 11px ; }
.col3of4-sm { padding-left: 11px  ; padding-right: 5px  ; }
.col4of4-sm { padding-left: 17px  ;                       }

[class*="col"] p { text-align: justify; }

[class*="col"].center p { text-align: center; }

.row-xl + hr {
  margin-top: 60px;
  margin-bottom: 60px;
}

[class*="row"] + .row {
  margin-top: 20px;
}

[class*="row"] + .row-xl {
  margin-top: 60px;
}

/* ------------- Section */

.main {
  min-height: 777px;
  overflow: hidden;
  padding-top: 80px;
}

.section {
  width: 100%;
  padding: 100px 0 110px;
  position: relative;
  overflow: hidden;
}

.section_has-border {
  border-bottom: 1px solid #e6e6e6;
}

.section._no-bottom {
  padding-bottom: 0;
}

.section._no-top {
  padding-top: 0;
}

.section-arrow {
  width: 88px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -44px;
}

/* ------------- Container */

.container {
  width: 950px;
  text-align: left;
  position: relative;
}

.container.-narrow {
  width: 600px;
}

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

.block { display: block; width: 100%; }

.padding { padding: 20px; }

/* ------------- Typography */

a {
  text-decoration: none;
  color: #00A7E1;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  -ms-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s;
}

a:hover {
  color: #498CB8;
}

a:focus { outline: none; }

br {
  font-size: 16px;
}

p {
  font-size: 20px;
  line-height: 35px;
  color: #808080;
  font-weight: 300;
  text-align: justify;
}

p + p {
  margin-top: 35px;
}

.hero p {
  width: 700px;
  margin-left: auto;
  margin-right: auto;
}

h1 {
  text-align: center;
}

h1 {
  margin-bottom: 10px;
  font-size: 50px;
  line-height: 55px;
  color: #464649;
}

h1+form {
  margin-top: 60px;
}

h1+p {
  margin-top: 30px;
}

h2 {
  margin-bottom: 15px;
  font-size: 33px;
  font-weight: bold;
  line-height: 50px;
  color: #606065;
  text-align: center;
}

h3 {
  margin-bottom: 30px;
  font-size: 28px;
  font-weight: 300;
  line-height: 50px;
  color: #919198;
  text-align: center;
}

p + h3 {
  margin-top: 50px;
}

h4 {
  margin-bottom: 30px;
  font-size: 26px;
  font-weight: 300;
  line-height: 30px;
  color: #919198;
}

h5 {
  font-size: 17px;
  line-height: 28px;
  font-weight: 100;
}

/* Typography Colors */

h5 {
  color: #464649;
}


.section.-dark h1,
.section.-dark h2,
.section.-dark h3,
.section.-dark h4,
.section.-dark h5,
.section.-dark p,
.btn-blue,
.btn-blue:hover,
.btn-nav_btn_is-active,
.btn-red,
.btn-orange,
.btn-white,
.form-validate-prompt_message,
.img-attribution,
.img-attribution a,
.img-attribution a:hover,
.section-blue h3,
.hero_heading,
.hero_subheading,
.hero_terms-text,
.solutions-item_text,
.section-blue .price_value,
.timeline-year,
.section_cta_heading,
.section_cta_subheading,
.section_cta_heading_pricing,
.section-blue p,
.alert-help,
.white {
  color: #fff;
}

/* ------------- Horizontal Rules */

hr {
  border: none;
  border-top: 1px solid #DADAE5;
  margin: 60px 0;
}

.hr_small {
  width: 600px;
  margin: 60px auto;
}

.section.testimonials hr {
  border-color: #fff;
  border-color: rgba(255,255,255,0.3);
}

.hr-narrow {
  width: 605px;
  margin-left: auto;
  margin-right: auto;
}

/* ------- Controls */

[class^="btn"],
input[type="date"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="text"],
label,
select,
textarea {
  height: 54px;
  padding: 10px 12px;
  border-radius: 9px;
  font-size: 18px;
  line-height: 34px;
}

input[type="date"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="text"],
select,
textarea {
  border: 2px solid #C1C1CB;
  box-shadow: 0 2px 0 rgba(0,0,0,0.1) inset;
  color: #606065;
}

input[type="date"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
select:focus,
textarea:focus {
  outline: none;
  border-color: #28AAE1;
}

label {
  padding-left: 0;
  color: #606065;
}

label input[type="checkbox"] {
  margin: 13px 10px 0 0;
}

select {
  -webkit-appearance: menulist-button;
}

.checkbox-label {
  border: 1px solid #B3B3B3;
  display: block;
  padding: 0 10px;
  border-radius: 5px;
}

/* ------- Form Validate */

.form-validate-container {
  width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.form-validate-group {
  position: relative;
}

.form-validate-prompt {
  position: absolute;
  top: 43px;
  width: 100%;
  left: -10000px;
  z-index: 2;
  opacity: 0;
  text-align: center;
  -webkit-transition: opacity 0.3s,top 0.2s;
}

#divUpdatePopUp .form-validate-prompt._animated-in {
  top: 33px;
}

.form-validate-prompt._animated-in {
  left: 0;
  opacity: 1;
  top: 112px;
}

.form-validate-prompt._animated-out {
  left: 0;
  opacity: 0;
  top: 30px;
}

.form-validate-prompt_container {
  margin: 6px 0 0;
  background: #e1491f;
  padding: 16px 15px;
  text-align: center;
  border-radius: 9px;
  box-shadow: 2px 2px 0 rgba(0,0,0,0.2);
  width: 100%;
}

.form-validate-prompt_arrow {
  border: 10px solid transparent;
  border-bottom-color: #e1491f;
  position: absolute;
  left: 50%;
  top: -14px;
  margin-left: -5px;
}

.form-validate-prompt_message {
  font-size: 16px;
  font-weight: 300;
  text-align: center;
  line-height: 22px;
}

.required-field_icon {
  width: 20px;
  height: 20px;
  margin: 7px 6px 0 0;
}

label._invalid .required-field_icon {
  background-position: -40px 0;
}

label._valid .required-field_icon {
  background-position: -20px 0;
}

.form-help {
  font-size: 15px;
  line-height: 30px;
  margin-top: 10px;
}

/* ------------- Buttons */

[class*="btn"] {
  position: relative;
  padding-right: 25px;
  padding-left: 25px;
  text-align: center;
  font-weight: 300;
  box-shadow: 0 2px 3px rgba(0,0,0,0.0) inset;
  -webkit-transition: background 0.2s;
  -moz-transition: background 0.2s;
  -ms-transition: background 0.2s;
  -o-transition: background 0.2s;
  transition: background 0.2s;
  cursor: pointer;
}

[class*="btn"]:active {
  line-height: 40px;
  box-shadow: 0 2px 3px rgba(0,0,0,0.5) inset;
}

/* Btn Blue */

.btn-blue {
  background: #28AAE1;
}

.btn-blue:hover {
  background: #1D7FB6;
}

.btn-nav_btn_is-active {
  background   : #28AAE1;
  border: 1px solid #28AAE1;
}

.btn-nav_btn_is-active:hover {
  background   : #1098E4;
}

.section-blue .btn-blue {
  border: 1px solid #6ac4eb;
}

/* Btn Green */

.btn-green {
  color        : #F0FFF5;
  background   : #17A857;
}

/* Btn Red */

.btn-red {
  background   : #CE515B;
}

/* Btn Orange */

.btn-orange {
  background: #EFA91F;
}

.btn-orange:hover {
  background: #CF7809;
  color: #fff;
}

/* Btn Dark */

.btn-dark {
  background: #606065;
  color: #fff;
}

/* Btn White */

.btn-white {
  border: 1px solid #cbcbcb;
  background: transparent;
  color: #00a6e1;
}

[class^="btn"] + [class^="btn"] {
  margin-left: 10px;
}

[class*="btn"] [class*="icon"] {
  margin-left: -18px;
  margin-top: 3px;
  margin-right: 6px;
}

/* ------------- Dropdown */

.dropdown {
  position: relative;
  width: 100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.dropdown_menu {
  position: absolute;
  border: 1px solid #c1c1cb;
  background: #fff;
  width: 100%;
  top: 20px;
  padding: 5px 0;
  border-radius: 5px;
  left: -10000px;
  opacity: 0;
  -webkit-transition: top 0.2s, opacity 0.3s;
  -moz-transition: top 0.2s, opacity 0.3s;
  -ms-transition: top 0.2s, opacity 0.3s;
  -o-transition: top 0.2s, opacity 0.3s;
  transition: top 0.2s, opacity 0.3s;
  z-index: 1;
}

.dropdown._animated-in .dropdown_menu {
  left: 0;
  top: 38px;
  opacity: 1;
}

.dropdown._animated-out .dropdown_menu {
  left: 0;
  -webkit-transition: top 0.2s, opacity 0.15s;
  -moz-transition: top 0.2s, opacity 0.15s;
  -ms-transition: top 0.2s, opacity 0.15s;
  -o-transition: top 0.2s, opacity 0.15s;
  transition: top 0.2s, opacity 0.15s;
}

.dropdown_menu_item {
  font-size: 14px;
  display: block;
  font-weight: 300;
  line-height: 36px;
}

.dropdown_menu_item a {
  padding: 0 12px;
  display: block;
}

.dropdown_menu_item a:hover {
  background: #28aae1;
  color: #fff;
}

/* Fullscreen Background */

.fs_background {
  /* Set rules to fill background */
  min-width: 1024px;

  /* Set up proportionate scaling */
  width: 100%;
  height: auto;

  /* Set up positioning */
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.fs_about {
  margin-top: -60px;
}

/* Attribution */

.img-attribution {
  font-size: 10px;
  font-weight: 100;
  position: absolute;
  bottom: 13px;
  line-height: 20px;
  right: 25px;
  opacity: 0.7;
}

.img-attribution a:hover {
  border-bottom: 1px dotted #fff;
}

[class*="icon"] {
  position: relative;
}

[class*="icon"] .img-attribution {
  position: absolute;
  width: 150px;
  text-align: center;
  right: auto;
  left: 50%;
  top: 50%;
  bottom: auto;
  margin-top: -15px;
  line-height: 30px;
  margin-left: -75px;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

[class*="icon"]:hover .img-attribution {
  opacity: 1;
}

/* ------------- Logo Large */

.logo-large {
  width: 217px;
  height: 34px;
}

/* ------------- Status bar */

.statusbar {
  border-bottom: 1px solid #E6E6E6;
  height: 80px;
  position: fixed;
  background: #fff;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.statusbar_logo {
  margin-top: 24px;
  position: relative;
  -webkit-transition: margin 0.2s;
  -moz-transition: margin 0.2s;
  -ms-transition: margin 0.2s;
  -o-transition: margin 0.2s;
  transition: margin 0.2s;
  z-index: 10;
}

/* ------------- Nav */

.nav {
  z-index: 3;
  position: fixed;
  top: 13px;
  left: 0;
  width: 100%;
  -webkit-transition: top 0.2s;
  -moz-transition: top 0.2s;
  -ms-transition: top 0.2s;
  -o-transition: top 0.2s;
  transition: top 0.2s;
}

.nav .container {
  text-align: right;
}

.nav-item {
  padding: 0 15px;
  font-size: 18px;
  line-height: 55px;
  color: #00A7E2;
  cursor: pointer;
}

.nav-item + .btn-blue {
  margin-left: 10px;
}

.nav-item._is-active {
  border: 1px solid #E6E6E6;
}

.nav-item-seperator {
  width: 1px;
  height: 38px;
  background: #E6E6E6;
  margin-top: 9px;
  margin-right: 10px;
  margin-left: 10px;
}

/* ------------- Sticky Header */

.sticky-header .statusbar {
  height: 60px;
}

.sticky-header .statusbar_logo {
  margin-top: 14px;
}

.sticky-header .nav {
  top: 10px;
}

/* ------------- Hero */

.hero {
  overflow: hidden;
  padding: 170px 0 150px;
}

.hero h1 {
	text-shadow: 2px 2px 2px rgba(0,0,0,.3);
}

.hero h2 {
  margin-bottom: 30px;
  font-size: 27px;
  font-weight: 300;
  line-height: 40px;
  width: 100%;
  text-shadow: 2px 2px 2px rgba(0,0,0,.3);
}

.hero_terms-text {
  font-size: 10px;
  font-weight: 100;
  text-align: center;
  width: 100%;
  line-height: 20px;
  margin-top: 20px;
}

/* ------- Solutions */

.p_solutions {
  margin-bottom: 60px;
}

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

.solution {
  margin-bottom: 70px;
}

.solution_img {
  padding: 4px;
  background: #606065;
  border-radius: 5px;
  margin-bottom: 30px;
  width: 100%;
  cursor: pointer;
}

.solution_img:hover {
  background: #00A7E1;
}

.solution_img img {
  border: none;
}

.solution img {
  width: 100%;
  height: auto;
}

[class*="solutions_icon-"],
.solutions_title .smt {
  width: 50px;
  height: 50px;
  margin-right: 15px;
}

[class*="solutions_icon-"] {
  position: absolute;
}

.solutions_title .smt {
  width: 20px;
  height: 20px;
  background-position: -250px 0;
  margin: 4px 7px 0;
}

.solutions_icon-research   { background-position: 0 0; }
.solutions_icon-list       { background-position: -50px 0; }
.solutions_icon-accounting { background-position: -100px 0; }
.solutions_icon-inventory  { background-position: -150px 0; }
.solutions_icon-analyze    { background-position: -200px 0; }

.solutions_info_text {
  padding-left: 65px;
}

.solutions_title,
.solutions_text {
  line-height: 25px;
  display: block;
}

.solutions_title {
  font-size: 20px;
  color: #808080;
  font-weight: 300;
  margin-top: 10px;
  margin-bottom: 10px;
}

.solutions_text {
  font-size: 17px;
  color: #79797f;
  font-weight: 300;
}

.solutions_img {
  width: 635px;
  height: 445px;
  background-position: -48px 0;
  margin-top: 66px;
}

.solutions_info {
  width: 100%;
  text-align: left;
}

/* ------------- Testimonials */

.testimonial {
  margin-top: 60px;
  position: relative;
  margin-bottom: 30px;
  text-align: right;
}

.testimonial_text,
.testimonial_author,
.testimonial_author a {
  color: #fff;
}

.testimonial_text {
  left: 0;
  top: 0;
  text-align: justify;
  font-size: 24px;
}

.testimonial_author {
  bottom: 0;
  right: 0;
}

.testimonial_author a {
  border-bottom: 1px dashed #fff;
}

/* ------ Pricing */

.price-unit {
  width: 100%;
  margin-top: 70px;
  border: 3px solid #CBCBD3;
  padding: 50px 40px 50px;
  border-radius: 30px;
  position: relative;
}

.price-unit_plan-title {
  margin-bottom: 20px;
  font-size: 30px;
  font-weight: 400;
  line-height: 30px;
}

.price-unit .price-container {
  position: relative;
  text-align: center;
}

.price-unit .denomination {
  font-size: 80px;
  font-weight: 300;
  width: 50px;
  margin-left: -50px;
  line-height: 95px;
  color: #464646;
}

.price-unit .amount {
  line-height: 120px;
  font-size: 130px;
  font-weight: 300;
  letter-spacing: -5px;
  color: #464646;
}

.price-save {
  width: 180px;
  height: 180px;
  position: absolute;
  left: -3px;
  top: -3px;
}

/* ------- Sign up Call to Action */

.section.sign-up {
  padding-top: 170px;
  padding-bottom: 130px;
}

.section.sign-up .container {
  text-align: center;
}

.section.sign-up [class*="btn"].-sign-up {
  margin-top: 30px;
  width: 180px; 
}

/* ------- Support */

.support-unit {
  position: relative;
  margin-top: 50px;
  text-align: center;
}

.support-logo {
  width: 300px;
  height: 120px;
  margin-bottom: 20px;
  position: absolute;
  top: 0;
  margin-top: 10px;
}

.support-logo.-yonyx {
  left: 0;
}

.support-logo.-facebook {
  background-position: 0 -120px;
  right: 0;
}

.support-unit p {
  margin-bottom: 70px;
  text-align: justify;
}

.support-unit.-yonyx p {
  margin-left: 340px;
}

.support-unit.-facebook p {
  margin-right: 340px;
}

.support-unit [class*="btn"] {
  margin-bottom: 20px;
  width: 234px;
}

/* ------- FAQ */

.faq_list-item_expander-title {
  font-size: 18px;
  color: #606065;
  font-weight: 300;
  line-height: 26px;
}

/* ------- About */

.hero.about {
	background-size: cover;
	background-position: center center;
}

.hero.about img.fs_background {
	margin-top:-100px;
}

h1.about {
	margin-bottom: 40px;
}

.team-member {
  position: relative;
  padding-top: 40px;
  padding-bottom: 40px;
  width: 50%;
  float: left;
}

.team-member:nth-of-type(2n + 1){
	clear: both;
}

.team-member:last-of-type:nth-of-type(odd){
	width:100%;
	box-shadow:0 -1px 0 #DADAE5;
}

.team-member_portrait {
  margin:0 auto;
  height:160px;
  width:160px;
  border-radius: 100%;
  overflow: hidden;
}

.team-member_portrait img {
	width:100%;
	height:auto;
}

.team-member_content {
	width: 100%;
}

.team-member:nth-of-type(2n - 1) {
	box-shadow: 1px 0 0 #DADAE5, 0 -1px 0 #DADAE5;
}

.team-member:nth-of-type(2n) {
	box-shadow: inset 1px 0 0 #DADAE5, 0 -1px 0 #DADAE5;
}

.team-member:nth-of-type(1) {
	box-shadow: 1px 0 0 #DADAE5, 0 -1px 0 transparent;
}

.team-member:nth-of-type(2) {
	box-shadow: inset 1px 0 0 #DADAE5, 0 -1px 0 transparent;
}

.team-member_content h2 {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 0;
}

.team-member_content h4 {
	text-align: center;
	font-size: 24px;
	margin-bottom: 0;
}

.team-member_content p {
	text-align: left;
	font-size: 18px;
	line-height: 30px;
	max-height: 0px;
	transition:.5s ease-in-out;
	overflow: hidden;
	padding:0 30px;
	background-color: #028bbc;
	border-radius: 5px;
	color:#ebf4f7;
	margin-top: 0;
	opacity: 0;
	position: relative;
	width:calc(100% - 80px);
	margin:0 auto;
}

.team-member_content p:before {
	content:'';
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -10px;
	top:-10px;
	border-top: 10px solid transparent;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #028bbc;
}

.team-member_content .bio-toggle {
	position: absolute;
	opacity: 0;
	left: -4000px;
}

.team-member_content .bio-toggle + label {
	margin:10px auto 0 auto;
	display: block;
	text-align: center;
	font-weight: 400;
	font-size: 14px;
	line-height: 14px;
	color: white;
	padding: 0;
	height: auto;
	transition:.5s ease-in-out;
}

.team-member_content .bio-toggle + label span {
	display: inline-block;
	padding:10px;
	background-color: #faa822;
	border-radius: 5px;
	cursor: pointer;
}

.team-member_content .bio-toggle + label span:hover {
	background-color: #ea8c06;
}

.team-member_content .bio-toggle:checked + label {
	opacity: 0;
	margin:0px auto 20px auto;
}

.team-member_content .bio-toggle:checked ~ p {
	max-height: 1000px;
	padding: 30px;
	margin-top: -30px;
	opacity: 1;
	overflow: visible;
}

.team-member_content .bio-toggle:checked ~ p:before {
	top: -20px;
}

/* ------- Signup */

.signup-nav {
  position: relative;
  text-align: center;
  padding: 50px 0;
  overflow: hidden;
}

.signup-nav .container {
  text-align: center;
}

.signup-nav_pill {
  width: 40px;
  height: 40px;
}

.signup_item-seperator {
  background-position: -40px 0;
  width: 110px;
  height: 40px;
  margin: 0 -30px;
}

.signup_item {
  opacity: 0.5;
  width: 200px;
}

.signup_item._active {
  opacity: 1;
}

.signup-nav_text {
  font-size: 18px;
  color: #fff;
  font-weight: 100;
  line-height: 33px;
}

/* ------- Shadowbox */

.shadowbox_img-container,
.shadowbox {
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.shadowbox {
  z-index: 99999;
  position: absolute;
  top: 0;
  left: -10000px;
  width: 100%;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -ms-user-select: none;
}

.shadowbox._animated-out,
.shadowbox._animated-in {
  left: 0;
}

.shadowbox._animated-in {
  opacity: 1;
}

.shadowbox_chrome {
  position: absolute;
  width: 100%;
  padding: 20px;
  text-align: center;
}

.shadowbox_img-container {
  max-width: 100%;
  position: relative;
  top: 0;
  left: 0;
}

.shadowbox_img-container._animated-in {
  opacity: 1;
}

.shadowbox_img {
  z-index: 1;
  height: auto;
  max-width: 100%;
}

.shadowbox_spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 88px;
  height: 88px;
  margin-top: -44px;
  margin-left: -44px;
  max-height: 1408px;
}

.shadowbox_close {
  position: fixed;
  bottom: 30px;
  left: 50%;
  width: 150px;
  margin-left: -75px;
  border: 1px solid #fff;
  color: #fff;
  background: rgba(0,0,0,0.3);
}

.shadowbox_close:active {
  box-shadow: 0 2px 3px rgba(0,0,0,0.6) inset;
}

/* ------- Contact */

.contact {
  z-index: 999;
  position: absolute;
  top: -300px;
  left: -10000px;
  width: 960px;
  margin-left: -480px;
  opacity: 0;
  -webkit-transition: top 0.3s,opacity 0.3s;
}

.contact._animated-in,
.contact._animated-out {
  left: 50%;
}

.contact._animated-in {
  opacity: 1;
}

.contact_chrome {
  margin: 20px;
  padding: 50px;
  background: #fff;
  text-align: left;
}

[class*="contact_icon"] {
  background: url(img/contact/__desktop.png);
  width: 240px;
  height: 150px;
}

.contact_icon-email {
  background-position: -240px 0;
}

.contact_icon-facebook {
  background-position: -480px 0;
}

.contact_option {
  text-align: center;
  width: 33.333%;
  padding: 10px 10px 20px;
  cursor: pointer;
  border: 3px solid transparent;
  border-radius: 19px;
}

.contact_option:hover {
  border-color: #28AAE1;
  background: #F9FDFF;
}

.contact_label {
  font-size: 18px;
  color: #919198;
  text-align: center;
  line-height: 30px;
  width: 100%;
}

.contact_control {
  margin-top: 40px;
  display: block;
  text-align: center;
}

/* ------- Captcha */

.captcha {
  width: 444px;
  height: 136px;
  margin: 20px 0 30px 0;
}

/* ------------- Blog */

.blog-item {
  position: relative;
  min-height: 196px;
}

.blog-item + .blog-item {
  margin-top: 90px;
}

.blog_author {
  width: 140px;
  position: absolute;
  text-align: center;
}

.blog_author-picture {
  margin-bottom: 20px;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  overflow: hidden;
}

[class*="blog-icon_"] {
  width: 40px;
  height: 40px;
}

[class*="blog-icon_"] + [class*="blog-icon_"] {
  margin-left: 5px;
}

.blog-icon_twitter {
  background-position: 0 -40px;
}

.blog-icon_linkedin {
  background-position: 0 -80px;
}

.blog-icon_googleplus {
  background-position: 0 -120px;
}

/* Blog Content */

.blog-item_content {
  margin-left: 180px;
}

.blog-item h2,
.blog-item h3 {
  text-align: left;
}

.blog-item h2 + h3 {
  margin-top: -15px;
  margin-bottom: 10px;
  font-size: 20px;
}

.blog-item .comments {
  font-size: 20px;
  color: #919198;
  font-weight: 300;
  line-height: 40px;
  margin-top: 20px;
  width: 100%;
}

.blog-item_content_post {
  width: 100%;
  margin-top: 12px;
  text-align: justify;
  font-size: 15px;
  font-weight: 300;
  line-height: 30px;
  color: #464649;
}

.blog-item_content_share {
  margin-top: 20px;
  height: 33px;
}

.blog-nav {
  text-align: center;
  margin-top: 70px;
  width: 100%;
}

.blog-nav [class*="btn"] {
  width: 175px;
}

.blog-item_comments {
  margin-top: 50px;
}

/* ------------- Footer */

.footer {
  background: #464649;
  padding: 60px 0;
}

.footer_heading {
  font-size: 18px;
  color: #fff;
  border-bottom: 1px solid #79797F;
  line-height: 60px;
  width: 100%;
  margin-bottom: 10px;
}

.footer_item {
  font-size: 18px;
  color: #919198;
  width: 100%;
  line-height: 40px;
  cursor: pointer;
}

.footer_item._is-active {
  color: #00C8FA;
}

[class*="footer_icon-"],
.footer_logo,
.footer_aws {
  background: url(img/header_footer/__footer.png);
}

[class*="footer_icon-"] {
  width: 26px;
  height: 26px;
  margin: 8px 7px 0 0;
}

.footer_icon-twitter {
  background-position: 0 -37px;
}

.footer_icon-google-plus {
  background-position: -26px -37px;
}

.footer_icon-facebook {
  background-position: -52px -37px;
}

.footer_icon-blog {
  background-position: -78px -37px;
}

.footer_logo {
  background-position: 0 0;
  width: 238px;
  height: 37px;
  margin-top: 30px;
}

.footer_aws {
  background-position: -238px 0;
  width: 103px;
  height: 41px;
  margin-top: 30px;
}

.footer_notice {
  margin-top: 30px;
  font-size: 12px;
  color: #919198;
  font-weight: 100;
}

/* ------------- Affiliate Page ------------- */

.affiliate-instruction {
  margin-top: 30px;
  margin-bottom: 40px;
}

.affiliate_icon-handshake {
  width: 280px;
  height: 280px;
  margin: auto;
  display: block;
  margin-bottom: 60px;
}

.affiliate_icon-broadcast,
.affiliate_icon-commission {
  width: 200px;
  height: 200px;
  display: block;
  margin: 0 auto 40px;
}

.affiliate_icon-broadcast {
  background-position: 0 -325px;
}

.affiliate_icon-commission {
  background-position: -200px -325px;
}

.affiliate_icon-reporting {
  background-position: -280px 0;
  width: 490px;
  height: 325px;
  margin-top: 40px;
  margin-bottom: 30px;
}

.affiliate-instruction h2 {
  text-align: center;
}

/* Pricing */

.affiliate-plan {
  text-align: center;
  position: relative;
}

.affiliate-plan h2,
.affiliate-plan h3 { 
  line-height: 45px;
}

.affiliate-plan h2 {
  margin-bottom: 35px;
  font-size: 40px;
}

.affiliate-plan h3 {
  margin-bottom: 0;
}

.affiliate-plan .denomination,
.affiliate-plan .amount {
  font-weight: 700;
}

.affiliate-plan .cycle {
  font-weight: 300;
}

.affiliate-plan .denomination,
.affiliate-plan .amount,
.affiliate-plan .cycle {
  color: #fff;
}

.affiliate-plan .amount {
  letter-spacing: -5px;
}

.affiliate-plan .denomination {
  line-height: 70px;
  font-size: 77px;
}

.affiliate-plan .amount {
  line-height: 110px;
  font-size: 154px;
}

.affiliate-plan .cycle {
  font-size: 25px;
  margin-top: 80px;
  line-height: 30px;
}

.affiliate-price {
  margin-bottom: 35px;
}

/* ------- Mobile */

@media screen and (max-device-width: 480px) {
  /* ------- Images */
  .statusbar_logo {
	background-image: url(img/header_footer/__logo_mobile.png);
  }

  [class*="solutions_icon-"],
  .solutions_title .smt {
	background-image: url(img/solutions/__icons_mobile.png);
  }

  .nav-control {
	background-image: url(img/assets/__nav-control.png);
  }

  .faq_list-item_expander-btn {
	background-image: url(img/faq/__expander_mobile.png);
  }

  [class*="contact_icon"] {
	background-image: url(img/contact/__mobile.png);
  }

  .support-logo {
	background-image: url(img/assets/__support_mobile.png);
  }

  .section-arrow {
	background-image: url(img/assets/__section-arrow_mobile.png);
  }

  [class*="footer_icon-"],
  .footer_logo,
  .footer_aws {
	background-image: url(img/header_footer/__footer_mobile.png);
  }

  [class*="blog-icon_"] {
	background-image: url(img/blog/__icons_mobile.png);
  }

  [class*="affiliate_icon"] {
	background-image: url(img/affiliate/__mobile.png);
  }


  /* ------- Toggle visibility */

  .-mobile,
  .tip-text,
  .section_cta_heading,
  .section_cta_subheading {
	display: inline-block;
  }

  .is-desktop {
	display: none;
  }

  /* ------- Layout */
  
  /* Grid */

  .-mxl { width: 100%; }

  .col1of2 {
	padding-right: 10px;
  }

  .col2of2 {
	padding-left: 10px;
  }

  [class*="col1of"].-mxl,
  [class*="col2of"].-mxl,
  [class*="col3of"].-mxl,
  [class*="col4of"].-mxl,
  [class*="col5of"].-mxl {
	padding-left: 0;
	padding-right: 0;
  }

  .mcol1of2 {
	padding-left: 0;
	padding-right: 10px;
  }

  .mcol2of2 {
	padding-left: 10px;
	padding-right: 0;
  }

  /* ------- Container & Section Rules */

  .container,
  .container.-narrow {
	width: 100%;
	padding: 0 20px;
	height: 100%;
  }

  .section {
	padding: 50px 0;
  }

  .main {
	padding-top: 44px;
  }

  .section-arrow {
	width: 44px;
	height: 22px;
	margin-left: -22px;
  }

  /* ------- App Container */

  .app-container {
	overflow: hidden;
	width: 100%;
  }

  /* ------- Status bar */

  .statusbar {
	height: 44px;
	position: fixed;
	top: 0;
	z-index: 1000;
	width: 100%;
  }

  .statusbar_logo {
	height: 25px;
	width: 140px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -12.5px;
	margin-left: -70px;
  }

  .statusbar .container {
	padding: 0;
  }

  /* ------- Nav */

  .nav {
	width: 150px;
	z-index: 10;
	background: #464649;
	height: 100%;
	top: 0;
  }

  .nav .container {
	padding: 0 0 0 15px;
  }

  .nav-item {
	width: 100%;
	text-align: left;
	font-size: 14px;
	line-height: 17px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	color: #919198;
	padding-top: 13px;
	padding-bottom: 13px;
  }

  .nav-control {
	width: 44px;
	height: 44px;
  }

  .nav-item-seperator {
	display: none;
  }

  .nav-item_is-active {
	border: none;
	color: #fff;
  }

  /* Nav is not active */

  .nav,
  .statusbar,
  .footer,
  .main {
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	-ms-transition: -ms-transform 0.3s;
	transition: transform 0.3s;
  }

  .nav {
	-webkit-transform: translateX(-150px);
	-moz-transform: -moz-translateX(-150px);
	-ms-transform: translateX(-150px);
	transform: translateX(-150px);
  }

  /* Nav is active */

  .app-container._animated-in .statusbar,
  .app-container._animated-in .main,
  .app-container._animated-in .footer {
	-webkit-transform: translateX(150px);
	-moz-transform: translateX(150px);
	-ms-transform: translateX(150px);
	transform: translateX(150px);
  }

  .app-container._animated-in .nav {
	-webkit-transform: translateX(0);
	-moz-transform: -moz-translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
  }

  /* ------- Typography */

  p {
	font-size: 16px;
	line-height: 24px;
  }

  p + p {
	margin-top: 24px;
  }

  h1 {
	font-size: 28px;
	margin-bottom: 15px;
	line-height: 35px;
  }

  h2,
  .hero h2 {
	line-height: 26px;
	font-size: 20px;
	margin-bottom: 5px;
  }

  .hero h2 + [class*="btn"] {
	margin-top: 30px;
  }

  h1+h2 {
	margin-top: -6px;
  }

  h3 {
	font-size: 20px;
	line-height: 26px;
	margin-bottom: 20px;
  }

  h4 {
	font-size: 18px;
	margin-bottom: 20px;
	line-height: 25px;
	margin-top: 5px;
  }

  hr {
	margin: 40px 0;
  }

  .hr_small {
	width: 280px;
	margin: 50px auto;
  }

  .input-group {
	height: 46px;
  }

  /* ------- Hero */

  .hero_heading {
	font-size: 38px;
	margin-bottom: 20px;
	line-height: 38px;
  }

  .hero_subheading {
	font-size: 22px;
	line-height: 30px;
  }

  /* ------- Solution */

  .section.solutions {
	padding-bottom: 10px;
  }

  .p_solutions {
	margin-bottom: 40px;
  }

  .solution {
	width: 100%;
	margin-bottom: 50px;
  }

  [class*="solutions_icon-"] {
	width: 37px;
	height: 37px;
	margin-right: 10px;
  }

  .solutions_title .smt {
	width: 16px;
	height: 16px;
	background-position: -185px 0;
	margin: 3px 3px 0;
  }

  .solution_img {
	margin-bottom: 20px;
  }

  /* Solutions icons */

  .solutions_icon-list {
	background-position: -37px 0;
  }

  .solutions_icon-accounting {
	background-position: -74px 0;
  }

  .solutions_icon-inventory {
	background-position: -111px 0;
  }

  .solutions_icon-analyze {
	background-position: -148px 0;
  }

  /* Solutions info */
  
  .solutions_info {
	position: relative;
	height: 45px;
	height: 110px;
  }

  .solutions_info_text {
	position: absolute;
	left: 0;
	top: 0;
	padding-left: 45px;
	width: 100%;
  }

  .solutions_title, .solutions_text {
	line-height: 22px;
  }

  .solutions_title {
	font-size: 19px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
  }

  .solutions_text {
	font-size: 16px;
  }

  /* ------- Testimonial */

  .testimonial {
	margin-top: 30px;
  }

  .testimonial ~ .testimonial {
	margin-top: 0;
  }


  .testimonial-container {
	margin-top: 20px;
  }

  .testimonial_text {
	line-height: 30px;
	font-size: 18px;
  }

  /* ------- Price Unit */

  .price-unit {
	margin-top: 30px;
	padding: 30px;
  }

  .price-unit_plan-title {
	font-size: 20px;
	line-height: 20px;
	margin-bottom: 10px;
	font-weight: 400;
  }

  .price-unit_plan-price-container {
	margin-bottom: 30px;
  }

  .price-unit .denomination {
	font-size: 50px;
	width: 35px;
	margin-left: -35px;
	line-height: 78px;
  }

  .price-save {
	width: 130px;
	height: 130px;
  }

  .price-unit .amount {
	font-size: 85px;
	letter-spacing: -2px;
	line-height: 85px;
  }

  /* ------- Sign up */

  .section.sign-up {
	padding: 80px 0 70px;
  }

  /* ------- Support */

  .support-unit {
	margin-top: 30px;
  }

  .support-logo {
	position: static;
	margin-bottom: 20px;
	width: 220px;
	height: 100px;
  }

  .support-logo.-facebook {
	background-position: 0 -100px;
  }

  .support-unit.-yonyx p,
  .support-unit.-facebook p {
	margin: 0 0 50px;
  }

  /* ------- Contact */

  .contact {
	width: 100%;
	margin-left: -50%;
  }

  .contact h2 {
	text-align: center;
  }

  .contact_chrome {
	margin: 10px;
	padding: 20px;
  }

  .contact_option:hover {
	border-color: transparent;
	background: none;
  }

  [class*="contact_icon"] {
	width: 100px;
	height: 68px;
  }

  .contact_icon-email {
	background-position: -100px 0;
  }

  .contact_icon-facebook {
	background-position: -200px 0;
  }

  .contact_option {
	width: 100%;
	text-align: left;
	padding: 0;
  }

  .contact_label {
	width: auto;
	line-height: 68px;
	margin-left: 10px;
  }

  /* ------- About */

  .team-member {
	margin: 30px 0 0;
  }

  .team-member + .team-member {
	margin-top: 60px;
  }

  .team-member_portrait {
	position: static;
	text-align: center;
  }

  .team-member_content {
	margin-left: 0;
	margin-top: 40px;
  }

  .team-member_content h2,
  .team-member_content h4 {
	text-align: center;
  }

  .team-member_content p {
	text-align: justify;
  }

  /* ------- Blog */

  .blog-item + .blog-item {
	border-top: 3px solid #DADAE5;
	margin-top: 40px;
	padding-top: 40px;
  }

  .blog_author {
	position: static;
	width: 100%;
  }

  .blog_author-picture {
	margin-bottom: 30px;
  }

  .blog-item_content {
	margin-top: 20px;
	margin-left: 0;
  }

  .blog-item h2 {
	font-size: 30px;
	line-height: 28px;
  }

  .blog-item .comments,
  .blog-item h2 + h3 {
	font-size: 16px;
  }
  .blog-item h2 + h3 {
	margin-top: 15px;
  }

  .blog-item .comments {
	line-height: 20px;
  }

  .blog-item h2 + h3 {
	margin-bottom: 10px;
  }

  [class*="blog-icon_"] {
	width: 60px;
	height: 60px;
  }

  .blog-icon_twitter {
	background-position: 0 -60px;
  }

  .blog-icon_linkedin {
	background-position: 0 -120px;
  }

  .blog-icon_googleplus {
	background-position: 0 0;
  }

  /* ------- Affiliate */

  .affiliate-plan + .affiliate-plan {
	margin-top: 50px;
	border-top: 2px solid #fff;
	border-top-color: rgba(255,255,255,0.5);
	padding-top: 50px;
  }

  .affiliate-plan h2 {
	font-size: 30px;
	line-height: 40px;
	margin-bottom: 20px;
  }

  .affiliate-plan .denomination {
	font-size: 50px;
	line-height: 55px;
  }

  .affiliate-plan .amount {
	font-size: 100px;
	line-height: 70px;
  }

  .affiliate-plan .cycle {
	font-size: 17px;
	line-height: 20px;
	margin-top: 52px;
	width: 90px;
	margin-right: -60px;
  }

  .affiliate-instruction {
	margin-bottom: 20px;
  }

  .affiliate_icon-handshake,
  .affiliate_icon-broadcast,
  .affiliate_icon-commission {
	width: 200px;
	height: 200px;
	margin-bottom: 30px;
  }

  .affiliate_icon-handshake {
  }

  .affiliate_icon-broadcast {
	background-position: 0 -200px;
  }

  .affiliate_icon-commission {
	background-position: -200px -200px;
  }

  .affiliate_icon-reporting {
	width: 280px;
	height: 185px;
	background-position: -200px 0;
  }

  /* ------- Footer */

  .footer {
	padding: 20px 0 50px;
  }

  .footer_logo {
	display: none;
  }

  .footer_aws {
	width: 150px;
	height: 65px;
	background-position: -195px 0;
	display: block;
	margin: 40px auto 0;
  }

  .footer_heading {
	font-size: 16px;
	margin-top: 10px;
  }

  .footer_item {
	line-height: 44px;
	font-size: 16px;
  }

  [class*="footer_icon-"] {
	margin-top: 5px;
	width: 35px;
	height: 35px;
  }

  .footer_icon-twitter {
	background-position: 0 -40px;
  }

  .footer_icon-google-plus {
	background-position: -35px -40px;
  }

  .footer_icon-facebook {
	background-position: -70px -40px;
  }

  .footer_icon-blog {
	background-position: -105px -40px;
  }

  /* ------- Full screen background */

  .fs_background {
  /* Set rules to fill background */
	min-width: 1024px;

	/* Set up proportionate scaling */
	width: auto;
	height: 100%;

	/* Set up positioning */
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
  }

  .fs_about {
	margin-top: 0;
  }

  /* ------- Shadowbox */

  .shadowbox_img {
	width: 100%;
	max-width: initial;
  }

  .shadowbox_close {
	bottom: 20px;
  }

  /* Mobile Retina Icons */

  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {

	/* ------- Images */
	.statusbar_logo {
	  background-image: url(img/header_footer/__logo_mobile_retina.png);
	  background-size: 140px 25px;
	}

	[class*="solutions_icon-"],
	.solutions_title .smt {
	  background-image: url(img/solutions/__icons_mobile_retina.png);
	  background-size: 201px 37px;
	}

	.nav-control {
	  background-image: url(img/assets/__nav-control_retina.png);
	  background-size: 44px 44px;
	}

	.support-logo {
	  background-image: url(img/assets/__support_mobile_retina.png);
	  background-size: 220px 200px;
	}

	[class*="contact_icon"] {
	  background-image: url(img/contact/__mobile_retina.png);
	  background-size: 300px 68px;
	}

	[class*="footer_icon-"],
	.footer_logo,
	.footer_aws {
	  background-image: url(img/header_footer/__footer_mobile_retina.png);
	  background-size: 345px 75px;
	}

  }

}

@media screen and (min-width: 1280px) {
  .fs_background {
	margin-top: -100px
  }
}

@media screen and (min-width: 1440px) {

  .col1of2    { padding-right: 40px ; }
  .col2of2    { padding-left: 40px  ; }

  .col1of2-sm { padding-right: 20px ; }
  .col2of2-sm { padding-left: 20px  ; }

  .col1of3    { padding-right: 40px ;                       }
  .col2of3    { padding-left: 20px  ; padding-right: 20px ; }
  .col3of3    { padding-left: 40px  ;                       }

  .col1of3-sm { padding-right: 25px ;                       }
  .col2of3-sm { padding-left: 12.5px   ; padding-right: 12.5px ;  }
  .col3of3-sm { padding-left: 25px  ;                       }

  .col1of4    { padding-right: 43px ;                       }
  .col2of4    { padding-left: 14.3px  ; padding-right: 28.6px ; }
  .col3of4    { padding-left: 28.6px  ; padding-right: 14.3px ; }
  .col4of4    { padding-left: 43px  ;                       }

  .section {
	padding: 120px 0;
  }

  .fs_background {
	margin-top: -300px
  }

  .container {
	width: 1190px;
  }

  .section.hero {
	padding: 200px 0 180px;
  }

  /* ------ Pricing */

  .price-unit {
	padding: 60px;
  }

  .price-unit_plan-title {
	margin-bottom: 20px;
	font-size: 35px;
	line-height: 35px;
  }

  .price-unit .denomination {
	font-size: 90px;
	line-height: 105px;
  }

  .price-unit .amount {
	line-height: 130px;
	font-size: 150px;
  }
  
}

.reactive [class*="btn-"],
.reactive input[type="number"],
.reactive input[type="text"],
.reactive select,
.reactive label {
  height: 34px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: normal;
  line-height: 22px;
}

.reactive h2 {
font-size: 16px;
font-weight: 600;
margin-bottom: 0;
line-height: inherit;
text-align: inherit;
}

.reactive .btn-grey, 
.reactive .btn-grey-disabled, 
.reactive .btn-green, 
.reactive .btn-blue, 
.reactive .btn-blue-disabled, 
.reactive .status-bar, 
.reactive .left-panel_view-all {
  background-image: url('../../Images/sprite_btn.png');
}

.btn-green {
  background-position: 0 -102px;
  color: #fff;
  border-color: #007A27;
}
.container .btn-blue { border: none; }
.reactive .btn-blue {
  background-position: 0 -204px;
  color: #fff;
  border-color: #0077A2;
  text-shadow: 0 1px 0 rgba(0,0,0,0.3);
  font-weight: normal;
}

.btn-green:hover { background-position: 0 -136px; }
.btn-green:active { background-position: 0 -170px; }
.btn-green._disabled,
.btn-green._disabled:hover,
.btn-green._disabled:active {
  background: #41D3AC;
  color: #A6F3D2;
}
.reactive .btn-blue:hover  { background-position: 0 -238px; }
.reactive .btn-blue:active { background-position: 0 -272px; }
.reactive .btn-blue._disabled,
.reactive .btn-blue._disabled:hover,
.reactive .btn-blue._disabled:active {
  background: #68C8F7;
  color: #c5edff;
  border: 1px solid #3AADE4;
}

[class*="btn"] {
  transition: opacity 0.3s;
}
.modal_window {
  position: absolute;
  left: 50%;
  margin-left: -350px;
  width: 700px;
  border-radius: 10px;
  box-shadow: 0 2px 13px rgba(0,0,0,0.8);
  text-align: left;
}
.modal_icon-alert {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 7px;
  top: 8px;
}

.section-container input[type="password"] {
	height: 34px;
	padding: 5px 7px 5px 7px;
	border-radius: 5px;
	line-height: 18px;
	outline: none;
}

/* -- bio modal */

.bio-modal {
	position: fixed;
	z-index: 5000;
	top:0;
	left:0;
	height: 100%;
	width: 100%;
	animation: fadeInUp .5s ease-in-out forwards;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#028bbc+0,006f96+100&0.99+0,0.99+100 */
	background: -moz-linear-gradient(top,  rgba(2,139,188,0.99) 0%, rgba(0,111,150,0.99) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(2,139,188,0.99) 0%,rgba(0,111,150,0.99) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(2,139,188,0.99) 0%,rgba(0,111,150,0.99) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc028bbc', endColorstr='#fc006f96',GradientType=0 ); /* IE6-9 */
}

.bio-modal.fadeOutDown {
	animation: fadeOutDown .5s ease-in-out forwards;
}

.bio-modal .closemodal {
	position: absolute;
	height:50px;
	width:50px;
	top:20px;
	right:20px;
	border-radius: 100%;
	cursor: pointer;
	transition:.25s ease-in-out;
	transform:rotate(45deg);
}

.bio-modal .closemodal:before {
	content:'';
	display: block;
	height:2px;
	width:35px;
	background:#15c1ff;
	position: absolute;
	top:50%;
	left:50%;
	margin:-1px 0 0 -17.5px;  
	border-radius: 2px;
	transition:.25s ease-in-out;
}

.bio-modal .closemodal:after {
	content:'';
	display: block;
	height:35px;
	width:2px;
	background:#15c1ff;
	position: absolute;
	top:50%;
	left:50%;
	margin:-17.5px 0 0 -1px;  
	border-radius: 2px;
	transition:.25s ease-in-out;
} 

.bio-modal .closemodal:hover {
	background:#006286;
}

.bio-modal .closemodal:hover:before, .bio-modal .closemodal:hover:after {
	background:white;
	transition:.25s ease-in-out;
}

.bio-modal .content-wrapper {
	width: 100%;
	max-width: 100%;
	max-height: 100%;
	overflow: scroll;
	margin:0 auto;
	padding:100px 100px 0 100px;
}

.bio-modal .team-member_portrait {
	position: relative;
	height: 250px;
	width:250px;
	box-shadow: 0 0 25px #006f97;
	margin-bottom: 50px;
	border-radius: 100%;
	overflow: hidden;
}

.bio-modal .team-member_portrait img {
	position: relative;
	z-index: 0;
	border-radius: 100%;
}

.bio-modal .team-member_portrait:after {
	content:'';
	display: block;
	position: absolute;
	top:0;
	left: 0;
	z-index: 1;
	height: 100%;
	width:100%;
	border-radius: 100%;
	box-shadow:inset 0 0 0 3px white,inset 0 0 100px rgba(10,102,133,.75);
}

.bio-modal h2 {
	color:white;
	padding:0;
	margin:0 auto 20px auto;
	font-size: 45px;
	line-height: 45px;
	max-width: 800px;
}

.bio-modal h4 {
	color:rgba(255,255,255,.5);
	padding:0;
	max-width: 800px;
	margin:0 auto;
	font-size: 30px;
	line-height: 30px;
}

.bio-modal p {
	margin: 50px auto 0 auto;
	max-width: 800px;
	color:rgba(255,255,255,.75);
	padding-bottom: 100px;
}

@keyframes fadeInUp {
	0% {
		transform: translateY(50px);
		opacity: 0;
	}
	100% {
		transform: translateY(0px);
		opacity: 1;
	}
}

@keyframes fadeOutDown {
	0% {
		transform: translateY(0px);
		opacity: 1;
	}
	100% {
		transform: translateY(50px);
		opacity: 0;
	}
}

.price-save {
  width: 180px;
  height: 180px;
  position: absolute;
  left: -3px;
  top: -3px;
  overflow: hidden;
}

.price-save > .discount {
  background-color: #e14b2b;
  color:white;
  font-size:25px;
  line-height: 25px;
  width:240px;
  height: 65px;
  text-align: center;
  letter-spacing: 0px;
  text-transform: uppercase;
  padding:20px;
  position: absolute;
  left: -30px;
  top:50%;
  margin-top: -32.5px;
  -webkit-transform: rotate(-45deg) translate(0,-40px) scale(1);
  -moz-transform: rotate(-45deg) translate(0,-40px) scale(1);
  -o-transform: rotate(-45deg) translate(0,-40px) scale(1);
  -ms-transform: rotate(-45deg) translate(0,-40px) scale(1);
  transform: rotate(-45deg) translate(0,-40px) scale(1);
  font-weight: 400;
}