@charset "UTF-8";
/* Bootstrap Breakpoints
 * col-sm-min: 768px
 * col-md-min: 1024px
 * col-lg-min: 1220px
 */
.clearfix:after {
  content: '';
  display: block;
  clear: both; }

.ellipsis {
  white-space: nowrap;
  /* 1 */
  text-overflow: ellipsis;
  /* 2 */
  overflow: hidden; }

a {
  text-decoration: none; }
  a:focus, a:hover {
    outline: none;
    text-decoration: none; }

button {
  border: none;
  display: inline-block;
  margin: 0px;
  padding: 0px;
  text-align: center;
  text-transform: uppercase;
  width: 100%; }

h2 {
  color: #24B1E6;
  font-family: "Open Sans", sans-serif;
  font-size: 25px;
  font-weight: 800;
  line-height: 1;
  margin: 0px;
  text-transform: uppercase; }
  @media (min-width: 768px) {
    h2 {
      font-size: 24px;
      line-height: 28px; } }

h3 {
  color: #24B1E6;
  font-family: "Open Sans", sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
  margin: 0px;
  text-transform: uppercase; }

h4 {
  color: #0E162E;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase; }

p {
  color: #0E162E;
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px; }
  @media (min-width: 768px) {
    p {
      line-height: 28px; } }

.btn {
  padding: 0;
  box-shadow: none;
  border-radius: 0;
  border: 0; }

.btn-default {
  color: #0f1d3c;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  white-space: normal;
  padding: 0;
  background: none;
  border: 0;
  padding-right: 30px;
  position: relative;
  text-align: left;
  transition: all 0.25s linear; }
  .btn-default:after {
    font-size: 22px;
    line-height: 18px;
    color: #00b3f1;
    content: '\e803';
    font-family: "fontello";
    position: absolute;
    right: 0;
    top: 1px;
    transition: all 0.25s linear; }
  .btn-default:before {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    right: 2px;
    top: 0;
    z-index: 0;
    background: #c6ffff;
    border-radius: 100%;
    transition: all 0.25s linear; }
  .btn-default:focus, .btn-default:hover {
    color: #00b3f1;
    background: none; }
    .btn-default:focus:after, .btn-default:hover:after {
      right: -10px; }
    .btn-default:focus:before, .btn-default:hover:before {
      right: -8px; }

.btn-default:active:hover,
.btn-default:active:focus,
.btn-default.focus:active,
.btn-default.active:hover,
.btn-default.active:focus,
.btn-default.active.focus,
.open > .btn-default.dropdown-toggle:hover,
.open > .btn-default.dropdown-toggle:focus,
.open > .btn-default.dropdown-toggle.focus {
  background: none;
  box-shadow: none;
  outline: none; }

.btn-toolbar > .btn,
.btn-group > .btn {
  margin: 5px 5px 5px; }

.btn-xs, .btn-group-xs > .btn,
.btn-sm, .btn-group-sm > .btn,
.btn-lg, .btn-group-lg > .btn {
  padding: 0 30px 0 0; }

.btn-group-vertical > .btn-group > .btn {
  margin: 0; }

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: 5px; }

.input-group-addon, .input-group-btn {
  padding: 5px; }

.btn-group-justified > .btn:after {
  right: 5px; }
.btn-group-justified > .btn:before {
  right: 7px; }

.btn-group-justified > .btn-group {
  padding: 0 4px; }

.bg-primary {
  color: #0f1d3c; }

#header {
  background: #0f1d3c;
  position: relative;
  z-index: 10; }
  #header .container {
    padding-top: 15px;
    padding-bottom: 15px; }
    @media (min-width: 768px) {
      #header .container {
        position: relative;
        padding-bottom: 0; } }
    @media (min-width: 1220px) {
      #header .container {
        padding-top: 26px; } }
  #header .user-overlay .container {
    padding-top: 0;
    padding-bottom: 0; }

.sticky #header {
  position: absolute;
  left: 0;
  top: 0;
  right: 0; }

.logo {
  float: left;
  background-image: url(/img/theme/logo.png);
  background-image: url(/img/theme/logo.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 128px;
  height: 35px; }
  @media (max-width: 768px) {
    .logo {
      margin-top: 4px;
      width: 140px; } }

.logo-home {
  background-image: url(/img/theme/logo-home.png);
  background-image: url(/img/theme/logo-home.svg); }

@media (min-width: 768px) {
  .header-content {
    padding: 6px 0 0; } }
@media (min-width: 1220px) {
  .header-content {
    padding: 7px 0 0; } }

@media (min-width: 768px) {
  .nav-area {
    padding: 13px 0 0 4px;
    display: inline-block;
    vertical-align: top; } }
@media (min-width: 1220px) {
  .nav-area {
    padding: 0 0 0 60px; } }
@media (max-width: 768px) {
  .nav-area .list-holder {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    max-height: 0;
    overflow: hidden;
    transition: all 0.25s linear; } }

.nav-opener {
  position: relative;
  width: 30px;
  height: 29px;
  float: right;
  z-index: 0;
  margin: 8px 6px 0 0;
  border-radius: 3px;
  border: 1px solid #fff;
  transition: all 0.25s linear; }
  .nav-opener:hover {
    background: #fff; }
    .nav-opener:hover span, .nav-opener:hover:before, .nav-opener:hover:after {
      background: #0f1d3c; }
  .nav-opener span, .nav-opener:before, .nav-opener:after {
    border-radius: 3px;
    position: absolute;
    top: 12px;
    left: 12%;
    right: 12%;
    height: 3px;
    background: #fff;
    transition: all 0.25s linear; }
  .nav-opener:before, .nav-opener:after {
    content: '';
    top: 5px; }
  .nav-opener:after {
    top: 19px; }

#nav {
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  margin: 0; }
  @media (max-width: 768px) {
    #nav {
      background: #0d1c3b;
      padding: 10px 0;
      transform: translateY(-100%);
      transition: all 0.25s linear; } }
  #nav > li {
    padding: 0; }
    @media (max-width: 768px) {
      #nav > li {
        display: block; } }
    @media (min-width: 768px) {
      #nav > li {
        margin: 0 3px 15px; } }
    @media (min-width: 1024px) {
      #nav > li {
        margin: 0 8px 15px; } }
    @media (min-width: 1220px) {
      #nav > li {
        margin: 0 10px 30px; } }
    @media (min-width: 768px) {
      #nav > li.hover {
        margin-bottom: 0;
        padding-bottom: 15px; } }
    @media (min-width: 1220px) {
      #nav > li.hover {
        margin-bottom: 0;
        padding-bottom: 30px; } }
    @media (min-width: 768px) {
      #nav > li.hover > a {
        color: #00b3f1; } }
    @media (min-width: 768px) {
      #nav > li.hover .more-items {
        display: block; } }
    #nav > li.hover .dropdown {
      display: block; }
    @media (min-width: 768px) {
      #nav > li.hover.more {
        margin-bottom: 0;
        padding-bottom: 15px; } }
    @media (min-width: 1220px) {
      #nav > li.hover.more {
        padding-bottom: 30px; } }
    #nav > li.hover.self > a {
      color: #F36D25; }
    #nav > li.more {
      position: relative; }
    #nav > li.active > a {
      color: #00b3f1; }
    #nav > li.self.active > a {
      color: #F36D25; }
    #nav > li.self > a:hover {
      color: #F36D25; }
  #nav a {
    color: #fff;
    transition: all 0.25s linear; }
    @media (max-width: 768px) {
      #nav a {
        display: block;
        padding: 8px 10px;
        color: #d9d6d4; } }
    #nav a:hover {
      color: #00b3f1; }
  #nav .social-networks {
    margin: 0;
    font-size: 0;
    line-height: 0; }
    #nav .social-networks li {
      font-size: 29px;
      line-height: 29px;
      padding: 0 6px;
      display: inline-block;
      vertical-align: top; }
    #nav .social-networks a {
      color: #00b3f1; }
      #nav .social-networks a:hover {
        color: #007aa5; }
      @media (max-width: 768px) {
        #nav .social-networks a {
          padding: 0; } }
  @media (min-width: 768px) {
    #nav .more-items {
      font-weight: 300; } }
  @media (min-width: 768px) {
    #nav .more-items a {
      color: #d9d6d4; }
      #nav .more-items a:hover {
        color: #00b3f1; } }
  #nav .more-items ul {
    overflow: hidden; }
    @media (min-width: 768px) {
      #nav .more-items ul {
        padding: 0; } }
    @media (min-width: 768px) {
      #nav .more-items ul li {
        margin: 0 0 14px; } }
  #nav .more-items .social-networks {
    padding: 0; }
    @media (min-width: 768px) {
      #nav .more-items .social-networks {
        margin: 12px -16px 0; } }
    @media (min-width: 768px) {
      #nav .more-items .social-networks a {
        color: #00b3f1; }
        #nav .more-items .social-networks a:hover {
          color: #008dbe; } }
  #nav .more-opener {
    position: relative;
    padding-right: 14px; }
    #nav .more-opener:after {
      color: #00b3f1;
      font-size: 18px;
      line-height: 18px;
      content: '\e800';
      font-family: "fontello";
      position: absolute;
      right: 0;
      top: 1px; }
  @media (min-width: 768px) {
    #nav .dropdown ul {
      display: table;
      width: 100%; } }
  @media (min-width: 1024px) {
    #nav .dropdown ul {
      font-size: 15px;
      font-weight: 700;
      line-height: 18px; } }
  @media (min-width: 768px) {
    #nav .dropdown ul a {
      color: #0f1d3c;
      display: block;
      padding: 5px;
      text-align: center;
      min-height: 50px;
      white-space: nowrap;
      text-align: center; }
      #nav .dropdown ul a:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        width: 0;
        min-height: 50px; }
      #nav .dropdown ul a > * {
        white-space: normal;
        display: inline-block;
        vertical-align: middle;
        max-width: 100%;
        width: 100%; }
      #nav .dropdown ul a:hover {
        color: #00b3f1; } }
  @media (min-width: 1220px) {
    #nav .dropdown ul a {
      min-height: 112px; }
      #nav .dropdown ul a:before {
        min-height: 112px; } }
  @media (min-width: 768px) {
    #nav .dropdown ul a:hover {
      background: #fff; } }
  #nav .dropdown ul span img {
    margin: 0 5px 0 0; }
    @media (min-width: 1220px) {
      #nav .dropdown ul span img {
        margin: 0 20px 0 0; } }
  @media (min-width: 768px) {
    #nav .dropdown li {
      display: table-cell;
      vertical-align: middle;
      background: #e9e9e9;
      width: 1%; } }
  @media (min-width: 768px) {
    #nav .dropdown li + li {
      border-left: 1px solid #b7b7b7; } }
  @media (min-width: 768px) {
    #nav .dropdown li.contact a {
      position: relative;
      color: #fff;
      min-width: 110px;
      background: url(/img/theme/bg02.jpg) no-repeat;
      background-size: cover; }
      #nav .dropdown li.contact a i {
        display: inline-block;
        vertical-align: middle;
        font-size: 25px;
        line-height: 25px; }
      #nav .dropdown li.contact a span {
        display: none; } }
  #nav .dropdown li.contact a i {
    margin: 0 5px; }
    @media (min-width: 768px) {
      #nav .dropdown li.contact a i {
        margin: 0;
        position: absolute;
        left: 50%;
        top: 50%;
        width: auto !important;
        margin: -12px 0 0 -12px; } }
    @media (min-width: 1220px) {
      #nav .dropdown li.contact a i {
        font-size: 40px;
        line-height: 40px;
        margin: -20px 0 0 -20px; } }
  @media (min-width: 768px) {
    #nav .dropdown li.contact a:hover {
      background: #00a8ff; }
      #nav .dropdown li.contact a:hover i {
        opacity: 0.28; }
      #nav .dropdown li.contact a:hover span {
        display: inline-block;
        vertical-align: middle; } }
  @media (min-width: 768px) {
    #nav .dropdown li.support {
      min-width: 170px; } }
  @media (min-width: 1024px) {
    #nav .dropdown li.support {
      min-width: 300px; } }
  @media (min-width: 768px) {
    #nav .dropdown li.support a {
      color: #fff;
      position: relative;
      background: url(/img/theme/img01.jpg) no-repeat;
      background-size: cover; }
      #nav .dropdown li.support a:hover:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(7, 14, 28, 0.8); } }
  #nav .dropdown li.support a .holder {
    position: relative;
    z-index: 1; }
  @media (min-width: 768px) {
    #nav .dropdown li.support a .btn-default {
      color: #fff; } }
  #nav .dropdown li.support a:hover .btn-default {
    color: #00b3f1; }
  @media (min-width: 768px) {
    #nav .dropdown li.support .sub-title {
      line-height: 0; } }
  @media (min-width: 1024px) {
    #nav .dropdown li.support .sub-title {
      display: inline-block;
      vertical-align: middle;
      padding: 0 20px 0 0; } }
  #nav .dropdown li.support .sub-title img {
    margin: 0 5px 0 0; }
  #nav .dropdown li.support .btn-default {
    font-weight: 400; }
    #nav .dropdown li.support .btn-default:after {
      top: 1px; }
    @media (max-width: 768px) {
      #nav .dropdown li.support .btn-default {
        color: #d9d6d4; }
        #nav .dropdown li.support .btn-default:before, #nav .dropdown li.support .btn-default:after {
          display: none; } }
    @media (min-width: 1024px) {
      #nav .dropdown li.support .btn-default {
        display: inline-block;
        vertical-align: middle; } }

@media (min-width: 768px) {
  .more-items {
    display: none;
    position: absolute;
    left: -20px;
    top: 100%;
    width: 189px;
    background: #162b59;
    border-radius: 8px;
    padding: 24px 28px 16px;
    box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.47); }
    .more-items:before {
      content: "";
      position: absolute;
      left: 27px;
      top: -5px;
      width: 0;
      height: 0;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-bottom: 7px solid #162b59; } }

.dropdown {
  display: none; }
  @media (min-width: 768px) {
    .dropdown {
      position: absolute;
      left: 10px;
      top: 100%;
      right: 10px; } }
  .dropdown .title a {
    display: block;
    padding: 25px;
    background: url(/img/theme/bg01.jpg) no-repeat;
    background-size: cover;
    position: relative; }
    @media (min-width: 1220px) {
      .dropdown .title a {
        padding: 31px 58px 30px; } }
    .dropdown .title a:hover .btn-default {
      padding: 0 43px 0 0; }
    .dropdown .title a:hover:after {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: rgba(7, 14, 28, 0.5); }
  .dropdown .title .btn-default {
    position: relative;
    z-index: 1;
    padding: 0 36px 0 0;
    font-weight: 400; }
    .dropdown .title .btn-default:after {
      top: 1px; }
    @media (min-width: 768px) {
      .dropdown .title .btn-default {
        font-size: 18px;
        line-height: 20px; } }

@media (max-width: 768px) {
  .nav-active .nav-opener {
    background: #0f1d3c; }
    .nav-active .nav-opener span {
      opacity: 0; }
    .nav-active .nav-opener:after, .nav-active .nav-opener:before {
      top: 12px;
      background: #fff;
      transform: rotate(45deg); }
    .nav-active .nav-opener:after {
      transform: rotate(-45deg); } }
.nav-active .nav-area .list-holder {
  max-height: 4000px; }
@media (max-width: 768px) {
  .nav-active #nav {
    transform: translateY(0); } }
.nav-active.home .nav-opener:before, .nav-active.home .nav-opener:after,
.nav-active.home .nav-opener span {
  background: #fff; }

.contact-block .user-overlay1,
.contact-block .user-overlay2,
.contact-block .user-overlay3 {
  position: fixed;
  background: #00b3f1; }
  .contact-block .user-overlay1 .container,
  .contact-block .user-overlay2 .container,
  .contact-block .user-overlay3 .container {
    padding-top: 0;
    padding-bottom: 0; }
.contact-block .content-form {
  opacity: 1;
  z-index: 10;
  visibility: visible; }

.user-info {
  float: right;
  padding: 2px 0 0 15px;
  line-height: 0;
  position: relative; }
  @media (min-width: 768px) {
    .user-info {
      padding: 0 0 0 15px; } }
  .user-info .user-signup, .user-info .user-opener {
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    position: relative;
    color: #fff;
    padding: 0 0 0 27px;
    z-index: 10; }
    .user-info .user-signup:before, .user-info .user-opener:before {
      content: "";
      width: 17px;
      height: 17px;
      border-radius: 100%;
      background: #00b3f1;
      position: absolute;
      left: 0;
      top: 2px; }
  @media (max-width: 768px) {
    .user-info .user-signup {
      display: block;
      margin-top: 5px; } }
  .user-info .user-login {
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    position: relative;
    color: #fff;
    padding: 0 0 0 27px;
    z-index: 10; }
    @media (max-width: 768px) {
      .user-info .user-login {
        display: block; } }
    .user-info .user-login:before {
      content: "";
      width: 17px;
      height: 17px;
      border-radius: 100%;
      background: #F36D21;
      position: absolute;
      left: 0;
      top: 2px; }
  .user-info .mask {
    overflow: hidden;
    background: #00b3f1;
    position: fixed;
    border-radius: 50%;
    top: 0;
    right: 0;
    z-index: 10;
    transition: right 0.6s ease 0s, top 0.6s ease 0s, width 0.6s ease 0s, height 0.6s ease 0s; }

.home #header {
  background: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0; }
.home #nav a {
  color: #0f1d3c; }
  @media (max-width: 768px) {
    .home #nav a {
      color: #d9d6d4; } }
  .home #nav a:hover {
    color: #00b3f1; }
@media (min-width: 768px) {
  .home #nav .more-items a {
    color: #d9d6d4; }
    .home #nav .more-items a:hover {
      color: #00b3f1; } }
.home #nav .more-items .social-networks li {
  margin: 0; }
.home #nav .more-items .social-networks a {
  color: #00b3f1; }
  .home #nav .more-items .social-networks a:hover {
    color: #007aa5; }
.home .user-info .user-opener, .home .user-info .user-login, .home .user-info .user-signup {
  color: #0f1d3c; }
  .home .user-info .user-opener:hover, .home .user-info .user-login:hover, .home .user-info .user-signup:hover {
    color: #00b3f1; }
.home .nav-opener {
  border-color: #0f1d3c; }
  .home .nav-opener:before, .home .nav-opener:after,
  .home .nav-opener span {
    background: #0f1d3c; }
  .home .nav-opener:hover {
    background: #0f1d3c; }
    .home .nav-opener:hover:before, .home .nav-opener:hover:after,
    .home .nav-opener:hover span {
      background: #fff; }

.socials-area {
  border-top: 1px solid #1c2a47;
  padding: 8px; }

.social-networks {
  margin: 0;
  font-size: 0;
  line-height: 0; }
  .social-networks li {
    font-size: 28px;
    line-height: 28px; }
    .social-networks li a {
      position: relative;
      z-index: 1;
      display: block; }
      .social-networks li a:hover {
        color: #007aa5; }
      .social-networks li a:before {
        content: "";
        position: absolute;
        left: 4px;
        right: 4px;
        bottom: 4px;
        top: 4px;
        background: #fff;
        border-radius: 100%;
        z-index: -1; }

.user-overlay,
.user-overlay1,
.user-overlay2,
.user-overlay3 {
  display: block !important;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -999;
  line-height: 20px;
  transition: all 0.30s linear; }
  .user-overlay .num-box,
  .user-overlay1 .num-box,
  .user-overlay2 .num-box,
  .user-overlay3 .num-box {
    display: block;
    margin: 0 0 25px; }
    @media (min-width: 1220px) {
      .user-overlay .num-box,
      .user-overlay1 .num-box,
      .user-overlay2 .num-box,
      .user-overlay3 .num-box {
        margin: 0 0 41px; } }
  .user-overlay .num,
  .user-overlay1 .num,
  .user-overlay2 .num,
  .user-overlay3 .num {
    color: #4c9dba;
    font-size: 22px;
    font-weight: 300;
    line-height: 24px;
    display: inline-block;
    vertical-align: top; }
    .user-overlay .num:before,
    .user-overlay1 .num:before,
    .user-overlay2 .num:before,
    .user-overlay3 .num:before {
      content: "1"; }
    @media (min-width: 768px) {
      .user-overlay .num,
      .user-overlay1 .num,
      .user-overlay2 .num,
      .user-overlay3 .num {
        font-size: 32px;
        line-height: 36px; } }
  .user-overlay .header,
  .user-overlay1 .header,
  .user-overlay2 .header,
  .user-overlay3 .header {
    margin: 0 0 25px; }
    @media (min-width: 1220px) {
      .user-overlay .header,
      .user-overlay1 .header,
      .user-overlay2 .header,
      .user-overlay3 .header {
        margin: 0 0 187px; } }
    .user-overlay .header .title,
    .user-overlay1 .header .title,
    .user-overlay2 .header .title,
    .user-overlay3 .header .title {
      margin: 0; }
  .user-overlay .title,
  .user-overlay1 .title,
  .user-overlay2 .title,
  .user-overlay3 .title {
    display: block;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    color: #0f1d3c;
    margin: 0 0 70px;
    letter-spacing: -1px; }
    @media (min-width: 768px) {
      .user-overlay .title,
      .user-overlay1 .title,
      .user-overlay2 .title,
      .user-overlay3 .title {
        font-size: 32px;
        line-height: 36px;
        margin: 0 0 50px; } }
    .user-overlay .title span,
    .user-overlay1 .title span,
    .user-overlay2 .title span,
    .user-overlay3 .title span {
      color: #fff;
      font-weight: 700; }
  .user-overlay .btn-list,
  .user-overlay1 .btn-list,
  .user-overlay2 .btn-list,
  .user-overlay3 .btn-list {
    margin: 0; }
    @media (min-width: 768px) {
      .user-overlay .btn-list,
      .user-overlay1 .btn-list,
      .user-overlay2 .btn-list,
      .user-overlay3 .btn-list {
        font-size: 0;
        line-height: 0;
        text-align: justify; }
        .user-overlay .btn-list:after,
        .user-overlay1 .btn-list:after,
        .user-overlay2 .btn-list:after,
        .user-overlay3 .btn-list:after {
          content: "";
          display: inline-block;
          vertical-align: top;
          font-size: 0;
          line-height: 0;
          width: 100% !important; } }
    @media (min-width: 1220px) {
      .user-overlay .btn-list,
      .user-overlay1 .btn-list,
      .user-overlay2 .btn-list,
      .user-overlay3 .btn-list {
        margin: 0 -45px; } }
    .user-overlay .btn-list li,
    .user-overlay1 .btn-list li,
    .user-overlay2 .btn-list li,
    .user-overlay3 .btn-list li {
      font-size: 15px;
      line-height: 18px;
      padding: 0;
      margin: 0 0 10px; }
      @media (max-width: 768px) {
        .user-overlay .btn-list li,
        .user-overlay1 .btn-list li,
        .user-overlay2 .btn-list li,
        .user-overlay3 .btn-list li {
          display: block; } }
      @media (min-width: 768px) {
        .user-overlay .btn-list li,
        .user-overlay1 .btn-list li,
        .user-overlay2 .btn-list li,
        .user-overlay3 .btn-list li {
          font-size: 17px;
          line-height: 20px;
          margin: 0;
          padding: 0 15px;
          vertical-align: top; } }
      @media (min-width: 1220px) {
        .user-overlay .btn-list li,
        .user-overlay1 .btn-list li,
        .user-overlay2 .btn-list li,
        .user-overlay3 .btn-list li {
          padding: 0 50px; } }
      .user-overlay .btn-list li.active .content-form,
      .user-overlay1 .btn-list li.active .content-form,
      .user-overlay2 .btn-list li.active .content-form,
      .user-overlay3 .btn-list li.active .content-form {
        z-index: 1;
        opacity: 1;
        visibility: visible; }
    .user-overlay .btn-list .open,
    .user-overlay1 .btn-list .open,
    .user-overlay2 .btn-list .open,
    .user-overlay3 .btn-list .open {
      display: inline-block;
      vertical-align: top;
      position: relative;
      padding: 0 31px 0 0; }
      .user-overlay .btn-list .open:hover,
      .user-overlay1 .btn-list .open:hover,
      .user-overlay2 .btn-list .open:hover,
      .user-overlay3 .btn-list .open:hover {
        opacity: 0.70; }
      .user-overlay .btn-list .open:after,
      .user-overlay1 .btn-list .open:after,
      .user-overlay2 .btn-list .open:after,
      .user-overlay3 .btn-list .open:after {
        content: '\e803';
        font-family: "fontello";
        position: absolute;
        right: 0;
        top: 1px;
        font-size: 20px;
        line-height: 20px; }
  .user-overlay .content,
  .user-overlay1 .content,
  .user-overlay2 .content,
  .user-overlay3 .content {
    height: 100vh;
    overflow: hidden;
    white-space: nowrap;
    text-align: center; }
    .user-overlay .content:before,
    .user-overlay1 .content:before,
    .user-overlay2 .content:before,
    .user-overlay3 .content:before {
      content: '';
      display: inline-block;
      vertical-align: middle;
      width: 0;
      min-height: 100%; }
    .user-overlay .content > *,
    .user-overlay1 .content > *,
    .user-overlay2 .content > *,
    .user-overlay3 .content > * {
      white-space: normal;
      display: inline-block;
      vertical-align: middle;
      max-width: 100%;
      width: 100%; }
  .user-overlay .content-holder,
  .user-overlay1 .content-holder,
  .user-overlay2 .content-holder,
  .user-overlay3 .content-holder {
    width: 100%;
    padding: 15px 0; }
  .user-overlay .content-box,
  .user-overlay1 .content-box,
  .user-overlay2 .content-box,
  .user-overlay3 .content-box {
    min-height: 380px;
    position: relative; }
    @media (min-width: 768px) {
      .user-overlay .content-box,
      .user-overlay1 .content-box,
      .user-overlay2 .content-box,
      .user-overlay3 .content-box {
        min-height: 547px; } }
  .user-overlay .form-active .num:before,
  .user-overlay1 .form-active .num:before,
  .user-overlay2 .form-active .num:before,
  .user-overlay3 .form-active .num:before {
    content: "2"; }
  .user-overlay .close,
  .user-overlay1 .close,
  .user-overlay2 .close,
  .user-overlay3 .close {
    padding: 0;
    position: absolute !important;
    right: 10px;
    top: 10px; }
    .user-overlay .close:after,
    .user-overlay1 .close:after,
    .user-overlay2 .close:after,
    .user-overlay3 .close:after {
      display: none; }
    .user-overlay .close:hover,
    .user-overlay1 .close:hover,
    .user-overlay2 .close:hover,
    .user-overlay3 .close:hover {
      opacity: 0.60; }
    @media (min-width: 768px) {
      .user-overlay .close,
      .user-overlay1 .close,
      .user-overlay2 .close,
      .user-overlay3 .close {
        font-size: 25px;
        line-height: 25px; } }
    @media (min-width: 1220px) {
      .user-overlay .close,
      .user-overlay1 .close,
      .user-overlay2 .close,
      .user-overlay3 .close {
        font-size: 35px;
        line-height: 35px;
        right: 80px;
        top: 68px; } }
  .user-overlay .open.back,
  .user-overlay1 .open.back,
  .user-overlay2 .open.back,
  .user-overlay3 .open.back {
    padding: 0;
    font-size: 25px;
    line-height: 25px;
    position: absolute !important;
    left: 10px;
    top: 10px; }
    .user-overlay .open.back:after,
    .user-overlay1 .open.back:after,
    .user-overlay2 .open.back:after,
    .user-overlay3 .open.back:after {
      display: none; }
    .user-overlay .open.back:hover,
    .user-overlay1 .open.back:hover,
    .user-overlay2 .open.back:hover,
    .user-overlay3 .open.back:hover {
      opacity: 0.60; }
    @media (min-width: 768px) {
      .user-overlay .open.back,
      .user-overlay1 .open.back,
      .user-overlay2 .open.back,
      .user-overlay3 .open.back {
        font-size: 35px;
        line-height: 35px; } }
    @media (min-width: 1220px) {
      .user-overlay .open.back,
      .user-overlay1 .open.back,
      .user-overlay2 .open.back,
      .user-overlay3 .open.back {
        top: 68px;
        right: auto;
        left: 80px;
        font-size: 45px;
        line-height: 45px; } }
  .user-overlay .mask,
  .user-overlay1 .mask,
  .user-overlay2 .mask,
  .user-overlay3 .mask {
    position: absolute;
    width: 0;
    height: 0;
    right: 0;
    top: 0;
    border-radius: 100%;
    z-index: -1;
    background: #00b3f1;
    transition: all 0.30s linear; }

.thanks-block {
  height: 100%;
  overflow: auto;
  color: #0f1d3c;
  display: block !important;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #00b3f1;
  transition: all 0.25s linear;
  text-align: center;
  margin: 0 auto;
  width: 100% !important; }
  @media (min-width: 1220px) {
    .thanks-block {
      min-height: 550px; } }
  .thanks-block .holder {
    margin: 0 auto;
    overflow: hidden;
    max-width: 400px;
    padding: 83px 20px 40px; }
  .thanks-block .ico {
    width: 44px;
    height: 44px;
    display: block;
    margin: 0 auto 38px; }
    @media (max-width: 768px) {
      .thanks-block .ico {
        margin: 0 auto 30px; } }
  .thanks-block h2 {
    font-size: 31px;
    min-height: 87px;
    margin: 0 0 30px;
    line-height: 35px;
    letter-spacing: -1px; }
    @media (max-width: 768px) {
      .thanks-block h2 {
        min-height: inherit; } }
  .thanks-block strong {
    display: block;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px; }
    @media (max-width: 768px) {
      .thanks-block strong {
        font-size: 16px;
        line-height: 24px; }
        .thanks-block strong br {
          display: none; } }
  .thanks-block .close {
    padding: 0;
    position: absolute !important;
    right: 10px;
    top: 10px; }
    .thanks-block .close:after {
      display: none; }
    .thanks-block .close:hover {
      opacity: 0.60; }
    @media (min-width: 768px) {
      .thanks-block .close {
        font-size: 25px;
        line-height: 25px; } }
    @media (min-width: 1220px) {
      .thanks-block .close {
        font-size: 35px;
        line-height: 35px;
        right: 80px;
        top: 68px; } }

body:not(.user-active) .user-info .mask {
  right: 100% !important;
  top: 9px !important;
  width: 0px !important;
  height: 0px !important;
  margin: 0 -22px 0 0; }

.user-active {
  overflow: hidden; }
  .user-active .user-overlay {
    position: fixed;
    opacity: 1;
    visibility: visible;
    z-index: 9999; }
  .user-active #header {
    z-index: 1000; }

.user-active1 {
  overflow: hidden; }
  .user-active1 .user-overlay1 {
    position: fixed;
    opacity: 1;
    visibility: visible;
    z-index: 9999; }
  .user-active1 #header {
    z-index: -1; }

.user-active2 {
  overflow: hidden; }
  .user-active2 .user-overlay2 {
    position: fixed;
    opacity: 1;
    visibility: visible;
    z-index: 9999; }
  .user-active2 #header {
    z-index: -1; }

.user-active3 {
  overflow: hidden; }
  .user-active3 .user-overlay3 {
    position: fixed;
    opacity: 1;
    visibility: visible;
    z-index: 9999; }
  .user-active3 #header {
    z-index: -1; }

#footer {
  background: #0c162e;
  border-top: 1px solid #264079; }
  @media (min-width: 768px) {
    #footer {
      position: static;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 1; } }

.footer-logo {
  margin: 0 0 15px; }
  @media (min-width: 1220px) {
    .footer-logo {
      margin: 4px 0 25px; } }

.footer-t {
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 0;
  line-height: 0; }
  @media (min-width: 1024px) {
    .footer-t {
      padding-top: 25px;
      padding-bottom: 25px; } }
  @media (min-width: 1220px) {
    .footer-t {
      padding-top: 60px;
      padding-bottom: 15px; } }
  .footer-t .col {
    font-size: 12px;
    line-height: 16px; }
    @media (min-width: 768px) {
      .footer-t .col {
        width: 33.333%;
        padding: 0 10px 15px 0;
        display: inline-block;
        vertical-align: top; } }
    @media (min-width: 1024px) {
      .footer-t .col {
        width: 14.285%; } }
    @media (min-width: 768px) {
      .footer-t .col:first-child {
        width: 100%;
        text-align: center; } }
    @media (min-width: 1024px) {
      .footer-t .col:first-child {
        width: 14.285%;
        text-align: left; } }
    .footer-t .col .address {
      color: #fff;
      font-size: 12px;
      line-height: 16px;
      margin-top: 23px; }
  .footer-t a {
    color: #fff; }
    .footer-t a:hover {
      opacity: 0.60; }
  @media (max-width: 768px) {
    .footer-t .opener {
      display: block;
      padding: 5px 15px 5px 5px;
      position: relative; }
      .footer-t .opener:after {
        font-size: 18px;
        line-height: 18px;
        content: '\e800';
        font-family: "fontello";
        position: absolute;
        right: 3px;
        top: 5px; } }
  @media (min-width: 768px) {
    .footer-t .opener {
      pointer-events: none; } }
  .footer-t .title {
    font-weight: 600; }
    @media (min-width: 768px) {
      .footer-t .title {
        display: block;
        margin: 0 0 5px; } }
    @media (min-width: 1024px) {
      .footer-t .title {
        margin: 0 0 8px; } }
    .footer-t .title.blue a {
      color: #00b3f1; }
    .footer-t .title.orange a {
      color: #F36D25; }
  .footer-t .sub-title {
    color: #fff;
    font-size: 15px;
    font-style: italic;
    font-weight: 400;
    line-height: 20px; }
    @media (min-width: 1024px) {
      .footer-t .sub-title {
        font-size: 19px;
        line-height: 24px; } }
    .footer-t .sub-title span {
      display: block; }
    .footer-t .sub-title a {
      color: #00b3f1; }
      .footer-t .sub-title a:hover {
        opacity: 0.80; }
  .footer-t .slide {
    margin: 0; }
    @media (max-width: 768px) {
      .footer-t .slide {
        padding: 2px 5px 0; } }
    @media (min-width: 768px) {
      .footer-t .slide.js-slide-hidden {
        display: block !important;
        position: static !important;
        left: auto !important;
        top: auto !important; } }
    .footer-t .slide li {
      margin: 0 0 3px; }
      @media (min-width: 1024px) {
        .footer-t .slide li {
          margin: 0 0 8px; } }
  .footer-t .footer-logo a {
    opacity: 1; }

.footer-b {
  border-top: 1px solid #264079;
  padding: 10px 70px 0 0;
  position: relative; }
  @media (min-width: 768px) {
    .footer-b {
      padding: 14px 70px 10px 0; } }
  @media (min-width: 1220px) {
    .footer-b {
      padding: 18px 70px 8px 0; } }
  @media (min-width: 1400px) {
    .footer-b {
      padding: 18px 100px 5px; } }
  .footer-b .col-sm-6 {
    position: static;
    padding-bottom: 10px; }
    @media (min-width: 768px) {
      .footer-b .col-sm-6 {
        padding-bottom: 0; } }
  @media (max-width: 1220px) {
    .footer-b .container {
      width: 890px; } }
  @media (max-width: 1024px) {
    .footer-b .container {
      width: 670px; } }
  @media (min-width: 1220px) {
    .footer-b .container {
      width: 1120px; } }
  @media (min-width: 1400px) {
    .footer-b .container {
      width: 1200px; } }
  .footer-b .copyright {
    font-size: 14px;
    line-height: 16px;
    color: #122247; }
    .footer-b .copyright p {
      margin: 0; }
      @media (min-width: 768px) {
        .footer-b .copyright p {
          margin: 10px 0 0; } }
      @media (min-width: 1220px) {
        .footer-b .copyright p {
          margin: 14px 0 0; } }
      .footer-b .copyright p a {
        color: #122247; }
        .footer-b .copyright p a:hover {
          opacity: 0.80; }
  .footer-b .social-networks li {
    font-size: 30px;
    line-height: 30px;
    padding: 0 5px 5px; }
    @media (min-width: 1220px) {
      .footer-b .social-networks li {
        font-size: 38px;
        line-height: 38px;
        padding: 0 0 14px 14px; } }
  .footer-b .social-networks a {
    color: #00b3f1; }
  @media (max-width: 768px) {
    .footer-b .text-right {
      text-align: left; } }

.top-link {
  position: absolute;
  right: 0;
  top: 0;
  padding: 15px;
  bottom: 0;
  white-space: nowrap;
  text-align: center; }
  .top-link:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 0;
    min-height: 100%; }
  .top-link > * {
    white-space: normal;
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    width: 100%; }
  @media (min-width: 1400px) {
    .top-link {
      width: 100px; } }
  .top-link:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #264079;
    width: 1px;
    height: 9999px; }
  .top-link .top {
    color: #00b3f1;
    font-size: 30px;
    line-height: 30px; }
    .top-link .top:hover {
      color: #007aa5; }
    @media (min-width: 1400px) {
      .top-link .top {
        font-size: 36px;
        line-height: 36px; } }

@font-face {
  font-family: 'fontello';
  src: url("../fonts/fontello.eot?41712340");
  src: url("../fonts/fontello.eot?41712340#iefix") format("embedded-opentype"), url("../fonts/fontello.svg?41712340") format("svg"), url("../fonts/fontello.woff?41712340") format("woff"), url("../fonts/fontello.ttf?41712340") format("truetype");
  font-weight: normal;
  font-style: normal; }
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?27884118#fontello') format('svg');
  }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-down-open-mini:before {
  content: '\e800'; }

/* '' */
.icon-up-open-mini:before {
  content: '\e801'; }

/* '' */
.icon-arrow-left:before {
  content: '\e802'; }

/* '' */
.icon-arrow-right:before {
  content: '\e803'; }

/* '' */
.icon-twitter-circled:before {
  content: '\e804'; }

/* '' */
.icon-facebook-circled:before {
  content: '\e805'; }

/* '' */
.icon-linkedin-circled:before {
  content: '\e806'; }

/* '' */
.icon-soundcloud-circled:before {
  content: '\e807'; }

/* '' */
.icon-top-arrow:before {
  content: '\e808'; }

/* '' */
.icon-comment:before {
  content: '\e809'; }

/* '' */
.icon-close:before {
  content: '\e80a'; }

/* '' */
.icon-left-open-big:before {
  content: '\e80b'; }

/* '' */
.icon-right-open-big:before {
  content: '\e80c'; }

/* '' */
.icon-location:before {
  content: '\e80d'; }

/* '' */
.icon-phone:before {
  content: '\e80e'; }

/* '' */
.icon-mail:before {
  content: '\e80f'; }

/* '' */
.icon-arrow-left-1:before {
  content: '\e810'; }

/* '' */
.icon-arrow-right-1:before {
  content: '\e811'; }

/* '' */
.icon-back:before {
  content: '\e812'; }

/* '' */
.icon-mail-circled:before {
  content: '\e813'; }

/* '' */
.icon-arrow-top:before {
  content: '\e814'; }

/* '' */
.icon-arrow-bottom:before {
  content: '\e815'; }

/* '' */
.icon-edit:before {
  content: '\e816'; }

/* '' */
.icon-back-1:before {
  content: '\e817'; }

/* '' */
section.simple-text {
  /* Colors */ }
  section.simple-text iframe {
    max-width: 100%;
    display: block;
    margin: 35px auto 15px auto; }
  section.simple-text h2 {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 24px;
    color: #24B1E6;
    margin-bottom: 10px; }
    section.simple-text h2 em {
      color: #F36D25;
      text-decoration: none;
      font-style: normal; }
  section.simple-text div.content {
    padding: 50px 10px;
    position: relative;
    width: 100%;
    text-align: justify; }
    section.simple-text div.content h1, section.simple-text div.content h2, section.simple-text div.content h3, section.simple-text div.content h4, section.simple-text div.content h5 {
      text-align: center; }
    @media (min-width: 768px) {
      section.simple-text div.content {
        width: 700px;
        margin: 0 auto; } }
    @media (min-width: 1024px) {
      section.simple-text div.content {
        width: 992px; } }
  @media (min-width: 768px) {
    section.simple-text.left p {
      text-align: left; }
    section.simple-text.center p {
      text-align: center; }
    section.simple-text.right p {
      text-align: right; }
    section.simple-text.justify p {
      text-align: justify; } }
  section.simple-text div.ctas {
    text-align: center;
    padding-top: 30px; }
    section.simple-text div.ctas a.button {
      display: inline-block;
      padding: 10px 80px; }
  section.simple-text.white {
    background-color: #fff; }
    section.simple-text.white a.button {
      background-color: #24B1E6;
      color: #fff; }
  section.simple-text.dark-blue {
    background-color: #0E162E;
    color: #fff; }
  section.simple-text.medium-blue {
    background-color: #26407A; }
    section.simple-text.medium-blue p {
      color: #fff; }
  section.simple-text.light-blue {
    background-color: #24B1E6; }

section.three-columns > div {
  padding: 50px; }
  section.three-columns > div > div:first-child, section.three-columns > div > div:last-child {
    position: relative;
    width: 100%;
    text-align: center; }
    @media (min-width: 768px) {
      section.three-columns > div > div:first-child, section.three-columns > div > div:last-child {
        width: 700px;
        margin: 0 auto; } }
    @media (min-width: 1024px) {
      section.three-columns > div > div:first-child, section.three-columns > div > div:last-child {
        width: "768px"; } }
  section.three-columns > div h2 {
    margin-bottom: 10px; }
  section.three-columns > div h3, section.three-columns > div h3 > a {
    font-size: 17px;
    margin-bottom: 10px;
    color: #F36D25;
    font-weight: 800;
    text-decoration: none; }
  section.three-columns > div div.columns {
    text-align: center; }
    section.three-columns > div div.columns div {
      padding: 50px 10px;
      position: relative;
      width: 100%;
      text-align: center;
      vertical-align: top; }
      @media (min-width: 1024px) {
        section.three-columns > div div.columns div {
          display: inline-block;
          width: 256px; } }
      @media (min-width: 1220px) {
        section.three-columns > div div.columns div {
          width: 350px; } }
  section.three-columns > div a {
    color: #24B1E6;
    text-decoration: underline; }

section.hero-header {
  position: relative;
  background-size: cover;
  background-position: center;
  height: 200px;
  height: 80vh; }
  @media (min-height: 450px) {
    section.hero-header {
      height: 300px;
      height: 80vh; } }
  @media (min-height: 850px) {
    section.hero-header {
      height: 600px;
      height: 80vh; } }
  section.hero-header::before {
    height: 100%;
    width: 100%;
    content: "";
    background-color: rgba(255, 255, 255, 0.1);
    position: absolute; }
  section.hero-header div.content {
    position: absolute;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.75);
    padding: 50px;
    bottom: 0;
    text-align: center; }
    section.hero-header div.content p {
      color: #0E162E;
      font-size: 17px;
      font-weight: 100; }
    section.hero-header div.content h1 {
      text-transform: uppercase;
      color: #24B1E6;
      font-weight: 700;
      font-size: 30px;
      margin-bottom: 20px;
      line-height: 150%; }
      @media (min-width: 1024px) {
        section.hero-header div.content h1 {
          font-size: 54px; } }

.clean {
  margin: 0px;
  padding: 0px; }

.standard-margin, .tiles-block .tiles-container {
  max-width: 1350px;
  margin-left: 30px;
  margin-right: 30px; }
  @media (min-width: 768px) {
    .standard-margin, .tiles-block .tiles-container {
      margin-left: 80px;
      margin-right: 80px; } }
  @media (min-width: 992px) {
    .standard-margin, .tiles-block .tiles-container {
      margin-left: 93px;
      margin-right: 93px; } }
  @media (min-width: 1024px) {
    .standard-margin, .tiles-block .tiles-container {
      margin-left: 147px;
      margin-right: 147px; } }
  @media (min-width: 1220px) {
    .standard-margin, .tiles-block .tiles-container {
      margin-left: 220px;
      margin-right: 220px; } }
  @media (min-width: 1532px) {
    .standard-margin, .tiles-block .tiles-container {
      margin-left: auto;
      margin-right: auto; } }

/* Generic Form Styling */
.lp-form .form-errors {
  color: red;
  font-size: 16px;
  list-style-type: none; }
.lp-form p {
  font-size: 15px !important;
  margin: 0;
  text-align: left !important; }
.lp-form label strong {
  color: #24B1E6;
  font-size: 18px; }
.lp-form button {
  background-color: #FDC60C;
  text-transform: uppercase;
  border: none;
  font-weight: 600;
  width: 100%;
  line-height: 102px;
  font-size: 25px;
  vertical-align: middle;
  padding: 0 !important; }
  .lp-form button img {
    display: inline;
    margin-right: 10px;
    vertical-align: middle; }
.lp-form input[type="checkbox"] {
  display: inline-block;
  width: auto; }

/* Component Styles */
button {
  font-family: "Open Sans", sans-serif; }
  button.md {
    font-size: 15px;
    font-weight: 400;
    line-height: 28px;
    padding: 6px 0px; }
  button.light-blue {
    background-color: #24B1E6; }
    button.light-blue a, button.light-blue p {
      color: #fff; }
    button.light-blue:hover {
      background-color: #fff; }
      button.light-blue:hover a, button.light-blue:hover p {
        color: #0E162E; }

/* Block Styles */
.tiles-block {
  padding-top: 50px;
  padding-bottom: 70px;
  text-align: center; }
  .tiles-block h2 {
    margin: 25px 0px; }
  .tiles-block h4 {
    padding: 10px; }
  .tiles-block .column-headers {
    border-bottom: 8px solid #FDC60C;
    margin: 15px 10px; }
  .tiles-block .content-wrapper p {
    margin: 22px auto;
    width: 80%; }
  .tiles-block .intro {
    margin-bottom: 15px; }
  .tiles-block .shared-header:hover .column-headers {
    border-color: #24B1E6; }
  .tiles-block .tile {
    background-color: #FAFAFA;
    border: 1px solid #707070;
    height: 400px; }
    .tiles-block .tile button {
      bottom: 25px;
      left: 10%;
      position: absolute;
      width: 80%; }
    .tiles-block .tile .tile-icon {
      margin: 22px; }
    .tiles-block .tile .tile-icon-hover {
      margin: 22px;
      display: none; }
    @media (min-width: 480px) {
      .tiles-block .tile {
        padding-top: 15px;
        height: 365px; } }
    @media (min-width: 768px) {
      .tiles-block .tile {
        height: 450px; } }
    @media (min-width: 1024px) {
      .tiles-block .tile {
        padding-top: 10px;
        height: 380px; } }
    @media (min-width: 1220px) {
      .tiles-block .tile {
        height: 500px; } }
    @media (min-width: 1532px) {
      .tiles-block .tile {
        height: 455px; } }
  .tiles-block .tile-wrapper {
    margin-bottom: 25px;
    padding-left: 10px;
    padding-right: 10px; }
    .tiles-block .tile-wrapper .column-headers {
      margin-left: 0px;
      margin-right: 0px; }
    .tiles-block .tile-wrapper:hover a, .tiles-block .tile-wrapper:hover p {
      color: #fff; }
    .tiles-block .tile-wrapper:hover button {
      background-color: #fff; }
      .tiles-block .tile-wrapper:hover button a {
        color: #0E162E; }
    .tiles-block .tile-wrapper:hover h3 {
      color: #fff; }
    .tiles-block .tile-wrapper:hover .column-headers {
      border-color: #24B1E6; }
    .tiles-block .tile-wrapper:hover .tile-icon {
      display: none; }
    .tiles-block .tile-wrapper:hover .tile-icon-hover {
      display: inline-block; }
    .tiles-block .tile-wrapper:hover .tile {
      background-color: #24B1E6;
      border: 1px solid #24B1E6;
      cursor: pointer; }
  @media (min-width: 768px) {
    .tiles-block .tiles-container {
      margin-left: 40px;
      margin-right: 40px; } }
  @media (min-width: 992px) {
    .tiles-block .tiles-container {
      max-width: 1500px;
      margin-left: auto;
      margin-right: auto;
      width: 90%; } }
  @media (min-width: 1532px) {
    .tiles-block .tiles-container {
      max-width: 2000px;
      margin-left: auto;
      margin-right: auto;
      width: 95%; } }

/* PAGE SPECIFIC STYLES */
/* Publisher Direct Platform */
.publisher-direct-platform-page .candy-theme-tab-switcher-block {
  background: #24B1E6 url("/img/theme/microphone_graphic.png") no-repeat 70% 100%;
  background-size: 360px; }
  @media (max-width: 1649px) {
    .publisher-direct-platform-page .candy-theme-tab-switcher-block {
      background-position: 80% 100%;
      background-size: 350px; } }
  @media (max-width: 999px) {
    .publisher-direct-platform-page .candy-theme-tab-switcher-block {
      background-position: 90% 100%;
      background-size: 280px; } }
  @media (max-width: 799px) {
    .publisher-direct-platform-page .candy-theme-tab-switcher-block {
      background-image: none; } }

/* CANDY THEME COMPONENTS */
/* Candy Theme Shared Components */
.candy-theme .inner-container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 60px 100px 63px 100px; }
.candy-theme h2 {
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 20px;
  padding: 0 2%;
  text-align: center; }
.candy-theme h3 {
  text-transform: none; }
.candy-theme p {
  font-size: 17px;
  font-weight: 300;
  line-height: 25px;
  text-align: center; }
@media (max-width: 999px) {
  .candy-theme .inner-container {
    padding: 30px 50px; } }
@media (max-width: 399px) {
  .candy-theme .inner-container {
    padding: 20px 30px; } }

/* Candy Theme Component: Highlight Block */
.candy-theme-highlight-block {
  background-color: #26407A; }
  .candy-theme-highlight-block h2 {
    color: #24B1E6; }
  .candy-theme-highlight-block p {
    color: #fff; }
  .candy-theme-highlight-block em {
    color: #F36D25;
    font-style: normal;
    font-weight: 600; }
  .candy-theme-highlight-block p {
    margin-bottom: 0; }

/* Candy Theme Component: Features Block*/
.candy-theme-features-block h2, .candy-theme-features-block p {
  color: #0f1d3c; }
.candy-theme-features-block .group {
  margin-top: 50px;
  text-align: center; }
.candy-theme-features-block .content-block {
  display: inline-block;
  width: 23%;
  padding: 0 1%;
  vertical-align: top;
  margin-bottom: 20px; }
  .candy-theme-features-block .content-block .img-container {
    height: 100px; }
  .candy-theme-features-block .content-block img {
    width: 100px; }
  .candy-theme-features-block .content-block h3 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #F36D25;
    margin-top: 10px;
    margin-bottom: 10px; }
  .candy-theme-features-block .content-block p {
    font-size: 15px;
    line-height: 20px; }
.candy-theme-features-block a {
  margin-top: 50px;
  display: block;
  height: 50px;
  font-weight: 500;
  width: 282px;
  background-color: #0f1d3c;
  line-height: 50px;
  font-size: 15px;
  color: #fff;
  text-align: center;
  margin: 0 auto;
  text-transform: uppercase; }
.candy-theme-features-block a:hover {
  background-color: #fff;
  color: #0f1d3c;
  border: 3px solid #0f1d3c;
  line-height: 44px; }
@media (max-width: 1404px) {
  .candy-theme-features-block .content-block .img-container {
    height: 80px; }
  .candy-theme-features-block .content-block img {
    width: 70px; } }
@media (max-width: 799px) {
  .candy-theme-features-block .group {
    margin-top: 50px; }
  .candy-theme-features-block .content-block {
    width: 40%; }
    .candy-theme-features-block .content-block .img-container {
      height: 80px; }
    .candy-theme-features-block .content-block img {
      width: 70px; } }
@media (max-width: 499px) {
  .candy-theme-features-block .group {
    margin-top: 25px; }
  .candy-theme-features-block .content-block {
    width: 80%;
    margin-bottom: 20px; }
    .candy-theme-features-block .content-block .img-container {
      height: 80px; }
    .candy-theme-features-block .content-block img {
      width: 80px; } }

/* Candy Theme Component: Tab Switcher Block*/
.candy-theme-tab-switcher-block {
  height: 575px;
  padding-top: 10px; }
  .candy-theme-tab-switcher-block .tab-nav {
    padding: 0;
    text-align: center; }
    .candy-theme-tab-switcher-block .tab-nav li {
      list-style: none;
      display: inline-block;
      width: 24%;
      font-size: 22px;
      line-height: 70px;
      height: 70px;
      text-align: center;
      padding: 0;
      cursor: pointer;
      background: url("/img/theme/bar.png") right center no-repeat transparent; }
      .candy-theme-tab-switcher-block .tab-nav li.active {
        background: #fff;
        font-weight: 600;
        margin-left: -6px;
        color: #F36D25; }
      .candy-theme-tab-switcher-block .tab-nav li:last-child {
        background-image: none; }
  .candy-theme-tab-switcher-block .tab-body {
    padding-top: 45px; }
    .candy-theme-tab-switcher-block .tab-body > div {
      display: none; }
    .candy-theme-tab-switcher-block .tab-body .active {
      display: block; }
    .candy-theme-tab-switcher-block .tab-body h3 {
      width: 50%;
      font-size: 24px;
      line-height: 30px;
      color: #fff;
      font-weight: 700;
      margin-bottom: 25px; }
    .candy-theme-tab-switcher-block .tab-body ul {
      margin: 0;
      padding: 0 0 0 20px;
      width: 50%; }
    .candy-theme-tab-switcher-block .tab-body li {
      font-size: 16px;
      padding: 0;
      margin: 0;
      margin-bottom: 5px; }
  @media (max-width: 999px) {
    .candy-theme-tab-switcher-block {
      height: 475px; }
      .candy-theme-tab-switcher-block .tab-nav li {
        font-size: 18px; }
      .candy-theme-tab-switcher-block .tab-body {
        padding-top: 20px; }
        .candy-theme-tab-switcher-block .tab-body .active {
          display: block; }
        .candy-theme-tab-switcher-block .tab-body h3 {
          width: 50%;
          font-size: 24px;
          line-height: 30px;
          margin-bottom: 10px; }
        .candy-theme-tab-switcher-block .tab-body ul {
          width: 55%; }
        .candy-theme-tab-switcher-block .tab-body li {
          font-size: 14px; } }
  @media (max-width: 799px) {
    .candy-theme-tab-switcher-block {
      height: 350px; }
      .candy-theme-tab-switcher-block .tab-nav li {
        font-size: 16px; }
      .candy-theme-tab-switcher-block .tab-body h3 {
        width: 100%;
        font-size: 20px; }
      .candy-theme-tab-switcher-block .tab-body ul {
        width: 100%; }
      .candy-theme-tab-switcher-block .tab-body li {
        font-size: 13px; } }
  @media (max-width: 699px) {
    .candy-theme-tab-switcher-block {
      height: auto; }
      .candy-theme-tab-switcher-block .tab-nav {
        padding: 0;
        text-align: center; }
        .candy-theme-tab-switcher-block .tab-nav li {
          list-style: none;
          display: block;
          width: 100%;
          font-size: 22px;
          line-height: 70px;
          background: none; }
          .candy-theme-tab-switcher-block .tab-nav li .active {
            margin-left: 0; } }

/* Candy Theme Component: Contact Block*/
.candy-theme-contact-block {
  background: #fff; }
  .candy-theme-contact-block h2 {
    color: #0E162E; }
  .candy-theme-contact-block input {
    display: block; }
  .candy-theme-contact-block label {
    display: inline; }
  .candy-theme-contact-block input {
    width: 100%; }
  .candy-theme-contact-block .form-component-names .form-component {
    float: left;
    width: 47.5%;
    margin-right: 5%; }
    .candy-theme-contact-block .form-component-names .form-component:last-child {
      margin-right: 0; }
  .candy-theme-contact-block .form-component-names:after {
    content: "";
    display: table;
    clear: both; }
  .candy-theme-contact-block .form-component {
    margin-bottom: 20px; }
    .candy-theme-contact-block .form-component input {
      border: 2px solid #CACACA;
      background: transparent;
      padding: 8px; }
    .candy-theme-contact-block .form-component #signup {
      float: left;
      width: auto;
      margin-right: 10px; }
    .candy-theme-contact-block .form-component label[for="signup"] {
      font-size: 14px;
      font-weight: 700; }
    .candy-theme-contact-block .form-component strong {
      color: #00b3f1; }
    .candy-theme-contact-block .form-component.clear {
      text-align: center; }
  .candy-theme-contact-block .form-component.terms {
    margin-bottom: 40px;
    text-align: center;
    line-height: 20px; }
    .candy-theme-contact-block .form-component.terms input[type="checkbox"] {
      margin-right: 5px; }
    .candy-theme-contact-block .form-component.terms label {
      display: inline;
      font-weight: normal;
      color: #0f1d3c;
      font-size: 12px; }
      .candy-theme-contact-block .form-component.terms label a, .candy-theme-contact-block .form-component.terms label strong {
        color: #24B1E6; }
      .candy-theme-contact-block .form-component.terms label strong {
        font-weight: bold;
        font-size: 15px; }
    .candy-theme-contact-block .form-component.terms a {
      text-decoration: underline;
      color: #00b3f1; }
  .candy-theme-contact-block .recaptcha {
    text-align: center; }
    .candy-theme-contact-block .recaptcha .g-recaptcha {
      display: inline-block; }
  .candy-theme-contact-block .contact-form-errors, .candy-theme-contact-block .server-errors {
    display: none; }
    .candy-theme-contact-block .contact-form-errors p, .candy-theme-contact-block .server-errors p {
      color: #0E162E;
      margin-bottom: 30px; }
  .candy-theme-contact-block button {
    width: 100%;
    background: #FDC60C;
    border: none;
    padding: 0;
    font-weight: 600;
    text-transform: uppercase;
    height: 50px;
    font-size: 15px;
    line-height: 50px; }
  @media (max-width: 499px) {
    .candy-theme-contact-block .form-component-names .form-component {
      float: none;
      width: 100%;
      margin-right: 0%; }
    .candy-theme-contact-block .form-component-names:after {
      content: "";
      display: table;
      clear: both; } }

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