@charset "UTF-8";
/* Colors */
/* Brand colors */
.media, .bd {
  overflow: hidden;
  _overflow: visible;
  zoom: 1; }

.media .img {
  float: left; }

.media .img img {
  display: block; }

.media .imgExt {
  float: right; }

@font-face {
  font-family: 'icomoon1';
  src: url("../fonts/icomoon1.eot");
  src: url("../fonts/icomoon1.eot?#iefix") format("embedded-opentype"), url("../fonts/icomoon1.woff") format("woff"), url("../fonts/icomoon1.ttf") format("truetype"), url("../fonts/icomoon1.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon1]:before {
  font-family: 'icomoon1';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-money, .icon-brain, .icon-hand, .icon-login {
  font-family: 'icomoon1';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

.icon-money:before {
  content: "\e000"; }

.icon-brain:before {
  content: "\e001"; }

.icon-hand:before {
  content: "\e002"; }

.icon-login:before {
  content: "\e031"; }

p, .news ul {
  text-align: left; }

a {
  color: #1c8ece; }

.blue {
  color: #31b7e8; }

#login-menu span {
  font-size: 2.5em !important; }

#main-nav {
  margin-bottom: 0 !important; }
  #main-nav span.text {
    display: none; }
  #main-nav ul li {
    width: 33.333%; }

#empty-menu {
  border-left: none !important; }

#img-wrap {
  width: 100%;
  max-width: 74.9em;
  margin: 1em auto 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }
  #img-wrap li {
    list-style: none; }

#values {
  background: white;
  max-width: 74.9em;
  margin: 0 auto;
  padding: 1em;
  border-top: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5; }
  #values div {
    text-align: center; }
    #values div h2 {
      font-size: 5em;
      font-weight: normal;
      margin: 0.25em 0; }
    #values div h3 {
      font-family: "Ubuntu Condensed", sans-serif;
      font-size: 1.7em;
      font-weight: normal;
      margin-bottom: 0.5em;
      color: #ff6732; }
    #values div p {
      max-width: 40em;
      margin: 0 auto; }
    #values div .icon-hand {
      color: #1c8ece; }
    #values div .icon-brain {
      color: #ff6732; }
    #values div .icon-money {
      color: #637b2a; }

#how, .why {
  background: white;
  max-width: 74.9em;
  margin: 0 auto;
  padding: 1em;
  border-top: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5;
  margin-top: 20px; }
  #how h2, .why h2 {
    font-family: "Ubuntu Condensed", sans-serif;
    color: #ff6732;
    font-size: 1.5em;
    font-weight: normal;
    text-align: center; }
  #how p, .why p {
    font-family: "Open Sans", sans-serif;
    margin: 1em 0;
    font-size: 1.2em; }
  #how img, .why img {
    float: right;
    display: none; }

.why {
  margin-top: 0px;
  margin-bottom: 0px;
  border-top: none;
  overflow: overlay; }
  .why img {
    float: left; }
  .why div {
    margin-top: 0px;
    margin-bottom: 0px; }
    .why div.blue-line {
      display: none; }

#full {
  width: 100%; }

#content .flex-control-nav {
  position: relative;
  bottom: 0px;
  margin-top: -1.5em;
  z-index: 9999; }

.flex-viewport img {
  border: 0px !important; }

.flexslider {
  border: 0px !important; }
  .flexslider .slides {
    z-index: 0; }

.flex-control-paging li a {
  background: white !important; }
  .flex-control-paging li a.flex-active {
    width: 15px;
    height: 15px;
    position: relative;
    top: -2px; }

.usp, #social, #news, #values, .why {
  text-align: center;
  background: white;
  max-width: 74.9em;
  margin: 10px auto;
  padding: 1em;
  padding-top: 0;
  border-top: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5; }
  .usp h1, #social h1, #news h1, #values h1, .why h1 {
    font-family: "Ubuntu Condensed", sans-serif;
    color: #ff6732;
    font-size: 1.7em;
    font-weight: normal;
    margin: 0.5em 0; }
    .usp h1.large, #social h1.large, #news h1.large, #values h1.large, .why h1.large {
      font-size: 2.5em;
      line-height: 1.0em; }
  .usp p, #social p, #news p, #values p, .why p {
    font-family: "Open Sans", sans-serif;
    margin: 0 auto;
    line-height: 1.3em; }
  .usp div, #social div, #news div, #values div, .why div {
    margin: 0.5em 0;
    padding-top: 1em; }
  .usp .reg-btn, #social .reg-btn, #news .reg-btn, #values .reg-btn, .why .reg-btn {
    font-family: "Ubuntu Condensed", sans-serif;
    color: #fff;
    background: #1c8ece;
    border: none;
    padding: 0.5em 1em;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    /* Safari 3.2+, Chrome */
    -moz-transition: all 0.3s ease-in-out;
    /* Firefox 4-15 */
    -o-transition: all 0.3s ease-in-out;
    /* Opera 10.5–12.00 */
    transition: all 0.3s ease-in-out;
    /* Firefox 16+, Opera 12.50+ */
    font-size: 1.5rem;
    margin: 10px 0;
    margin-left: 3%;
    margin-right: 3%;
    min-width: 220px;
    display: inline-block; }
    .usp .reg-btn.orange-gradient, #social .reg-btn.orange-gradient, #news .reg-btn.orange-gradient, #values .reg-btn.orange-gradient, .why .reg-btn.orange-gradient {
      background: #ef502d;
      background-image: -webkit-linear-gradient(top, #ef502d, #ff6732);
      background-image: -moz-linear-gradient(top, #ef502d, #ff6732);
      background-image: -ms-linear-gradient(top, #ef502d, #ff6732);
      background-image: -o-linear-gradient(top, #ef502d, #ff6732);
      background-image: linear-gradient(to bottom, #ef502d, #ff6732);
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0px;
      color: #ffffff;
      font-size: 1.6em;
      padding: 10px 20px 10px 20px;
      text-decoration: none;
      width: 94%; }
  .usp .log-btn, #social .log-btn, #news .log-btn, #values .log-btn, .why .log-btn {
    color: #1c8ece;
    text-decoration: none;
    font-size: 0.9em;
    margin: 10px 0;
    display: inline-block; }
  .usp img, #social img, #news img, #values img, .why img {
    max-width: 100%; }

#news p, .usp p {
  margin-bottom: 1em; }
#news ul, .usp ul {
  text-align: left;
  list-style-position: inside;
  list-style-type: disc; }
  #news ul li, .usp ul li {
    margin-bottom: 0.25em;
    line-height: 1.2em; }

#social {
  padding: 6px 0.5em 0; }
  #social p {
    text-align: center;
    line-height: 0.8em;
    width: 155px; }
  #social iframe#facebook {
    width: 167px; }

#news p {
  line-height: 1.1em; }
#news .date {
  font-family: "Ubuntu Condensed", sans-serif;
  font-size: 1.3em;
  color: #31b7e8;
  margin-bottom: 1em; }
#news li.news {
  font-family: "Open Sans", sans-serif;
  list-style: none; }

#promo {
  background: #31b7e8; }
  #promo h1 {
    color: white;
    margin: 0; }
  #promo h3 {
    font-family: "Ubuntu Condensed", sans-serif;
    font-size: 1.1em;
    font-weight: normal;
    color: white; }
  #promo div {
    margin: 0;
    width: 32%;
    display: inline-block; }

.about p {
  font-style: italic; }

#values .name {
  min-height: 1em;
  float: right; }

.no-touch .reg-btn:hover, .no-touch .reg-btn:focus, #values .reg-btn:hover, #values .reg-btn:focus {
  background: #31b7e8; }
.no-touch .reg-btn:active, #values .reg-btn:active {
  -webkit-box-shadow: "inset 1px 1px 1px 1px #000";
  box-shadow: "inset 1px 1px 1px 1px #000"; }

#footer-nav {
  margin-top: 2em; }
  #footer-nav ul li:last-child ul li:last-child {
    margin-bottom: 0em; }

@media all and (max-width: 48em) {
  #full {
    margin-top: 4%;
    margin-bottom: 4%; }

  #img-wrap {
    height: auto; }

  #img-wrap img {
    height: auto;
    max-width: 100%; }

  .why p {
    font-size: 1.0em; } }
@media all and (min-width: 34.0625em) {
  #main-nav ul li span.text {
    display: block; }

  #footer-nav:not(.inner) {
    padding-left: 1em; } }
@media all and (min-width: 48em) {
  #img-wrap, .usp, #news, #social, #values, #how, .why {
    border: 1px solid #d5d5d5; }

  .flexslider {
    border: 1px solid #d5d5d5 !important; }

  #social, .usp, #news, #values {
    font-size: 1.2em; }

  #social {
    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5; }

  #full {
    width: 100% !important;
    margin-top: 3%; }

  #values {
    overflow: hidden; }
    #values div {
      padding: 0 1em;
      width: 33.333%;
      float: left; }
    #values p {
      min-height: 15em; }

  #how, .why {
    overflow: hidden; }
    #how h2, .why h2 {
      font-size: 2em;
      color: #ff6732;
      padding-bottom: 0.7em;
      font-weight: normal; }
    #how div, .why div {
      width: 75%;
      float: left;
      padding-right: 2em; }
    #how img, .why img {
      display: block;
      max-width: 20%; }

  .why {
    margin: 0;
    padding: 0;
    border-top: none;
    border-bottom: none; }
    .why div {
      float: right;
      padding-right: 0;
      padding-left: 2em; }
    .why img {
      margin-top: 30px; }
    .why div.blue-line {
      display: block;
      width: 98%;
      margin-left: 1%;
      margin-right: 1%;
      border-bottom: 1px solid #1c8ece;
      padding: 0px; }
    .why a.reg-btn {
      font-size: 1.5em;
      margin-top: 30px; }

  .why:nth-child(1) {
    border-top: 1px solid #d5d5d5; }

  .why:last-child {
    border-bottom: 1px solid #d5d5d5; }

  .why div {
    float: right;
    padding-left: 0;
    padding-right: 2em; }
  .why img {
    float: left;
    margin-left: 2em; }

  li.news p {
    line-height: 0.8em; }

  .orange-gradient {
    font-size: 1.5em !important; }

  #main-nav {
    height: 5em; }
    #main-nav ul {
      height: 100%; }
      #main-nav ul li {
        height: 100%; } }
@media screen and (min-width: 56.25em) {
  #values p {
    min-height: 12em; } }
@media screen and (min-width: 980px) {
  #footer-nav:not(.inner) {
    padding-left: 2em; } }