@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?feg14h");
  src: url("../fonts/icomoon.eot?feg14h#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?feg14h") format("truetype"), url("../fonts/icomoon.woff?feg14h") format("woff"), url("../fonts/icomoon.svg?feg14h#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icons-"], [class*=" icons-"], viralstyle-testimonials .owl-carousel .owl-next,
viralstyle-testimonials .owl-carousel .owl-prev, home-image-carousel > .owl-carousel .owl-next,
home-image-carousel > .owl-carousel .owl-prev, .product-list .owl-next,
.product-list .owl-prev, .product-carousel .owl-next,
.product-carousel .owl-prev, .jcf-select .jcf-select-opener:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icons-facebook-1:before {
  content: "\e929"; }

.icons-twitter-1:before {
  content: "\e92a"; }

.icons-check-1:before {
  content: "\e928"; }

.icons-lock:before {
  content: "\e927"; }

.icons-phone-alt:before {
  content: "\e925"; }

.icons-email-alt:before {
  content: "\e926"; }

.icons-arrow-bottom:before {
  content: "\e91d"; }

.icons-arrow-left2:before {
  content: "\e91e"; }

.icons-arrow-right2:before {
  content: "\e91f"; }

.icons-arrow-top:before {
  content: "\e920"; }

.icons-basket:before {
  content: "\e921"; }

.icons-ico:before {
  content: "\e922"; }

.icons-print:before {
  content: "\e923"; }

.icons-shop:before {
  content: "\e919"; }

.icons-stat:before {
  content: "\e91a"; }

.icons-team:before {
  content: "\e91b"; }

.icons-t-short:before {
  content: "\e91c"; }

.icons-cart:before {
  content: "\e905"; }

.icons-arrow-right:before {
  content: "\e918"; }

.icons-arrow-left:before {
  content: "\e900"; }

.icons-arrow-next:before, viralstyle-testimonials .owl-carousel .owl-next:before, home-image-carousel > .owl-carousel .owl-next:before, .product-list .owl-next:before, .product-carousel .owl-next:before {
  content: "\e901"; }

.icons-arrow-prev:before, viralstyle-testimonials .owl-carousel .owl-prev:before, home-image-carousel > .owl-carousel .owl-prev:before, .product-list .owl-prev:before, .product-carousel .owl-prev:before {
  content: "\e902"; }

.icons-baseball:before {
  content: "\e903"; }

.icons-basketball:before {
  content: "\e904"; }

.icons-chat:before {
  content: "\e906"; }

.icons-check:before {
  content: "\e907"; }

.icons-cloud:before {
  content: "\e908"; }

.icons-design:before {
  content: "\e909"; }

.icons-dog:before {
  content: "\e90a"; }

.icons-email:before {
  content: "\e90b"; }

.icons-food:before {
  content: "\e90c"; }

.icons-football:before {
  content: "\e90d"; }

.icons-hockey:before {
  content: "\e90e"; }

.icons-info:before {
  content: "\e90f"; }

.icons-lamp:before {
  content: "\e910"; }

.icons-military:before {
  content: "\e911"; }

.icons-music:before {
  content: "\e912"; }

.icons-order:before {
  content: "\e913"; }

.icons-phone:before {
  content: "\e914"; }

.icons-profit:before {
  content: "\e915"; }

.icons-search:before {
  content: "\e916"; }

.icons-soccer:before {
  content: "\e917"; }

.icons-star:before {
  content: "\e611"; }

.icons-mail-envelope-closed:before {
  content: "\e924"; }

.subpost ul, .contact-list, .col-holder .links, .logo-list, .intro-list, .partners-list, .logo-row, .list-star, .list-radio, campaign-upsell .sales-list, .social-networks, .product-list, .nav-tabs.tabset, .tab-product ul, .services-list, .nav-page ul, .info-post, .categories-list, .circles, .success-list, .centered-list, .step-details ol, .step-details ol ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.clearfix:after, .section .heading:after, .form-info .threcolumns:after, .form-info .twocolumns:after, .intro-list:after, .reviews-section .blockquote-box:after, .checkout-form .columns:after, .checkout-form .threcolumns:after, .checkout-form .footer-form:after, .block-basket .bar-basket:after, .item-basket:after, .address-block:after, .payment-box .box-card:after, .payment-box .body .threecolumns:after, .payment-box .footer:after, .title-order .box:after, .order .footer-box:after, .rating:after, .list-star:after, .cart-form .two-columns:after,
.cart__controls .two-columns:after, .product-list:after, .product-list .info:after, .tab-product .tab-pane:after, .info-post:after, .post:after, .shadow-style .modal-body:after {
  content: '';
  display: block;
  clear: both; }

.subpost .more:before, .mission-block a, .partners-list a, .search-form .submit {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

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

body {
  min-width: 320px;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease; }

a {
  cursor: pointer;
  -webkit-transition: background 0.3s ease, color 0.3s ease;
  transition: background 0.3s ease, color 0.3s ease; }

h1,
h2,
h3,
h4 {
  text-transform: uppercase; }

iframe[name^="fb"] {
  display: block; }

.btn {
  border: none;
  text-transform: uppercase;
  font-weight: bold;
  padding: 12px;
  letter-spacing: 2px;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease; }
  .btn.btn-default {
    border: 2px solid #007087;
    font-size: 18px;
    line-height: 22px;
    color: #007087; }
    .btn.btn-default:hover {
      color: #fff;
      background: #007087; }
  .btn.btn-secondary {
    background-color: #1fbba6;
    color: #fff;
    line-height: 1.5; }
    .btn.btn-secondary:hover, .btn.btn-secondary:active {
      background-color: #188f7f; }
  .btn.btn-transparent {
    border: 1px solid #fff;
    color: #fff;
    margin-top: 25px;
    background: transparent; }
    .btn.btn-transparent:hover, .btn.btn-transparent:active {
      background: #fff;
      color: #1fbba6; }
  .btn.btn-facebook {
    background: #3b5998;
    color: #fff;
    text-transform: none;
    font-weight: 500;
    letter-spacing: 1px; }
    .btn.btn-facebook:hover, .btn.btn-facebook:active {
      background: #2d4373; }
  @media (max-width: 767px) {
    .btn {
      font-size: 13px;
      line-height: 16px;
      padding: 10px 14px;
      letter-spacing: 1px; }
      .btn.btn-default {
        font-size: 13px;
        line-height: 12px; } }

.jumbotron.visual img {
  width: 100%; }

.container-fluid {
  max-width: 1236px; }

#wrapper {
  width: 100%;
  overflow: hidden;
  position: relative; }

.section {
  overflow: hidden;
  width: 100%;
  padding: 39px 0 6px; }
  @media (max-width: 1024px) {
    .section {
      padding: 29px 0 6px; } }
  @media (max-width: 767px) {
    .section {
      padding: 14px 0 18px;
      position: relative; } }
  .section.partnerships {
    padding: 35px 0 6px; }
    @media (max-width: 1024px) {
      .section.partnerships {
        padding: 17px 0 6px; } }
    @media (max-width: 767px) {
      .section.partnerships {
        padding: 2px 13px 6px; } }
    .section.partnerships .container-fluid {
      max-width: 1124px; }
      @media (max-width: 1024px) {
        .section.partnerships .container-fluid {
          max-width: 908px; } }
  .section.style-1 {
    background: #F4F5F6; }
  .section.large .container-fluid {
    max-width: 1236px; }
  .section.post-type {
    background: #1fbba6;
    color: #fff;
    position: relative;
    padding: 72px 0 47px; }
    @media (max-width: 1024px) {
      .section.post-type {
        font-size: 14px; } }
    @media (max-width: 767px) {
      .section.post-type {
        padding: 60px 0 20px; } }
    .section.post-type .container-fluid:before {
      height: 0;
      width: 0;
      border-left: 30px solid transparent;
      border-right: 30px solid transparent;
      border-top: 30px solid #fff;
      content: '';
      position: absolute;
      top: 0;
      margin-left: 133px; }
      @media (max-width: 767px) {
        .section.post-type .container-fluid:before {
          left: 50%;
          margin-left: -30px; } }
    .section.post-type .img-holder img {
      max-width: 100%; }
    .section.post-type a {
      color: #fff; }
    .section.post-type h2 {
      font-size: 28px;
      line-height: 1.25;
      margin: 0 0 31px;
      letter-spacing: 2px; }
      @media (max-width: 1024px) {
        .section.post-type h2 {
          font-size: 21px;
          margin-bottom: 15px; } }
    .section.post-type h1,
    .section.post-type h2,
    .section.post-type h3,
    .section.post-type h4 {
      color: #fff; }
    .section.post-type .content {
      padding: 21px 0 21px 31px; }
      @media (max-width: 1024px) {
        .section.post-type .content {
          padding-left: 0; } }
  .section .container-fluid {
    max-width: 1136px; }
    @media (max-width: 1024px) {
      .section .container-fluid {
        max-width: 924px; } }
  .section .heading {
    overflow: hidden;
    width: 100%;
    padding: 0 0 27px; }
    @media (max-width: 1024px) {
      .section .heading {
        padding: 0 0 20px; } }
    @media (max-width: 767px) {
      .section .heading {
        overflow: visible;
        padding: 0 0 6px; } }
    .section .heading h1 {
      float: left;
      margin: 0 0 10px; }
      @media (max-width: 767px) {
        .section .heading h1 {
          float: none;
          text-align: center; } }
  .section h1 {
    font-size: 29px;
    line-height: 32px;
    color: #000;
    margin: 10px 0 37px;
    letter-spacing: 1px; }
    @media (max-width: 1024px) {
      .section h1 {
        font-size: 23px;
        line-height: 28px;
        margin: 10px 0 27px; } }
    @media (max-width: 999px) {
      .section h1 {
        font-size: 21px; } }
    @media (max-width: 767px) {
      .section h1 {
        font-size: 17px;
        line-height: 20px;
        width: 100%;
        text-align: center;
        letter-spacing: 0;
        margin: 4px 0 10px; } }
  .section .main-title {
    font-size: 31px;
    line-height: 1;
    margin: 0 0 33px;
    color: #1fbba6;
    letter-spacing: 0.5px; }
    @media (max-width: 1024px) {
      .section .main-title {
        font-size: 25px;
        margin-bottom: 27px; } }
    @media (max-width: 767px) {
      .section .main-title {
        font-size: 21px;
        margin-bottom: 21px; } }
  .section .btn-more {
    font-weight: bold;
    float: right;
    text-transform: uppercase;
    padding: 0 44px 0 0;
    letter-spacing: 1px;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease;
    position: absolute;
    right: 0;
    bottom: -30px; }
    @media (max-width: 1024px) {
      .section .btn-more {
        font-size: 14px;
        line-height: 16px;
        padding: 0 38px 0 0; } }
    .section .btn-more i {
      font-size: 30px;
      position: absolute;
      right: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); }
      @media (max-width: 1024px) {
        .section .btn-more i {
          font-size: 25px; } }
      @media (max-width: 767px) {
        .section .btn-more i {
          font-size: 22px; } }

.section-holder {
  padding: 28px 0 14px; }
  @media (max-width: 1024px) {
    .section-holder {
      padding: 24px 0 11px; } }
  @media (max-width: 767px) {
    .section-holder {
      padding: 13px 0 11px; } }
  .section-holder + .section-holder {
    padding: 47px 0 44px;
    border-top: 3px solid #e4e5e6; }
    @media (max-width: 1024px) {
      .section-holder + .section-holder {
        padding: 38px 0 34px;
        border-top-width: 2px; } }
    @media (max-width: 767px) {
      .section-holder + .section-holder {
        margin: 0 -15px;
        padding: 24px 15px 0; } }

.subpost {
  padding: 0 0 37px; }
  @media (max-width: 1024px) {
    .subpost {
      font-size: 14px;
      line-height: 23px;
      padding: 0 0 27px; } }
  @media (max-width: 767px) {
    .subpost {
      padding: 0 0 11px;
      font-size: 13px;
      line-height: 21px; } }
  .partnerships .subpost {
    padding-bottom: 47px; }
    @media (max-width: 1024px) {
      .partnerships .subpost {
        padding-bottom: 29px; } }
    @media (max-width: 767px) {
      .partnerships .subpost {
        padding-bottom: 12px; } }
    .partnerships .subpost .icon {
      height: 111px;
      margin-bottom: 19px; }
      @media (max-width: 1024px) {
        .partnerships .subpost .icon {
          margin: 0 0 4px -14px; } }
      @media (max-width: 767px) {
        .partnerships .subpost .icon {
          margin: 0 0 -4px -18px; } }
      @media (max-width: 767px) {
        .partnerships .subpost .icon img {
          -webkit-transform: scale(0.7);
          transform: scale(0.7); } }
    .partnerships .subpost h2 {
      font-size: 21px;
      line-height: 24px;
      font-weight: 600;
      letter-spacing: 2px;
      margin-bottom: 20px; }
      @media (max-width: 1024px) {
        .partnerships .subpost h2 {
          font-size: 17px;
          line-height: 20px;
          margin-bottom: 17px; } }
      @media (max-width: 767px) {
        .partnerships .subpost h2 {
          font-size: 15px;
          line-height: 18px;
          margin-bottom: 12px; } }
      .partnerships .subpost h2 a {
        color: #000; }
    .partnerships .subpost p {
      margin-bottom: 18px; }
      @media (max-width: 1024px) {
        .partnerships .subpost p {
          margin-bottom: 10px; } }
      @media (max-width: 767px) {
        .partnerships .subpost p {
          margin-bottom: 5px; } }
  .subpost + .box-type {
    margin-top: -15px; }
    @media (max-width: 767px) {
      .subpost + .box-type {
        margin-top: 0; } }
  .subpost .more {
    display: inline-block;
    vertical-align: top;
    position: relative;
    text-transform: uppercase;
    padding: 0 15px 0 0; }
    @media (max-width: 767px) {
      .subpost .more {
        padding-right: 10px;
        letter-spacing: -1px; } }
    .subpost .more:hover:before {
      border-color: transparent #14796c; }
    .subpost .more:before {
      content: "";
      position: absolute;
      right: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      border-width: 6px 0 6px 6px;
      border-style: solid;
      border-color: transparent #1fbba6; }
      @media (max-width: 767px) {
        .subpost .more:before {
          border-width: 4px 0 4px 4px; } }
  .subpost .icon {
    min-height: 95px;
    line-height: 88px;
    margin: 0 0 9px;
    display: block; }
    @media (max-width: 1024px) {
      .subpost .icon {
        line-height: 74px;
        min-height: 76px; } }
    @media (max-width: 767px) {
      .subpost .icon {
        line-height: 66px;
        min-height: 75px; } }
    @media (max-width: 1024px) {
      .subpost .icon img {
        -webkit-transform: scale(0.8);
        transform: scale(0.8); } }
    @media (max-width: 767px) {
      .subpost .icon img {
        vertical-align: top;
        -webkit-transform: scale(0.75);
        transform: scale(0.75); } }
  .subpost h2 {
    margin: 0 0 4px;
    font-weight: normal;
    font-size: 18px;
    letter-spacing: 1px; }
    @media (max-width: 1024px) {
      .subpost h2 {
        font-size: 14px; } }
    @media (max-width: 767px) {
      .subpost h2 {
        letter-spacing: 0; } }
    .subpost h2 a {
      color: #2e3641; }
      .subpost h2 a:hover {
        color: #1fbba6; }
  @media (max-width: 767px) {
    .subpost ul {
      margin-bottom: 10px; } }
  .subpost ul li {
    position: relative;
    padding: 0 0 0 15px; }
    @media (max-width: 767px) {
      .subpost ul li {
        padding-left: 10px; } }
    .subpost ul li:before {
      position: absolute;
      top: 11px;
      left: 0;
      width: 6px;
      height: 6px;
      border-radius: 50%;
      content: '';
      background: #777777; }
      @media (max-width: 767px) {
        .subpost ul li:before {
          top: 7px; } }
  @media (max-width: 767px) {
    .subpost.last {
      padding-bottom: 0; } }
  .subpost.box-type {
    color: #fff;
    background: #1fbba6;
    padding: 51px 30px 44px 39px; }
    @media (max-width: 1024px) {
      .subpost.box-type {
        padding: 40px 30px 31px 33px; } }
    @media (max-width: 767px) {
      .subpost.box-type {
        margin-bottom: 20px;
        padding: 19px 23px 12px;
        font-size: 12px;
        line-height: 19px; } }
    .subpost.box-type h2 {
      font-size: 31px;
      line-height: 1;
      margin: 0 0 27px;
      font-weight: bold;
      color: #fff; }
      @media (max-width: 1024px) {
        .subpost.box-type h2 {
          font-size: 25px;
          margin: 0 0 22px; } }
      @media (max-width: 767px) {
        .subpost.box-type h2 {
          font-size: 22px; } }
    .subpost.box-type a[href^='mailto'] {
      color: #fff;
      text-decoration: none; }
      .subpost.box-type a[href^='mailto']:hover {
        text-decoration: underline; }

hr {
  display: block;
  height: 3px;
  border: none;
  color: #e4e5e6;
  background: #e4e5e6;
  margin: 0; }

@media (max-width: 1024px) {
  .form-group {
    margin-bottom: 14px; } }

.action-block {
  color: #fff;
  font-size: 32px;
  line-height: 42px;
  padding: 31px 0;
  background: #007189;
  text-align: center; }
  @media (max-width: 1199px) {
    .action-block {
      font-size: 24px; } }
  @media (max-width: 1024px) {
    .action-block {
      font-size: 20px; } }
  .action-block div > span {
    display: inline-block;
    vertical-align: top;
    margin: 5px 0; }
  .action-block .btn {
    display: inline-block;
    vertical-align: top;
    margin: 0 30px; }
    @media (max-width: 1024px) {
      .action-block .btn {
        margin: 0 0 0 10px; } }
    .action-block .btn.btn-default {
      border-color: #fff;
      color: #fff;
      background: transparent; }
      .action-block .btn.btn-default:hover {
        background: #fff;
        color: #007087; }

.panel {
  box-shadow: none;
  border: none;
  letter-spacing: -.4px;
  margin-bottom: 69px; }
  @media (max-width: 1024px) {
    .panel {
      font-size: 14px;
      margin-bottom: 57px; } }
  @media (max-width: 767px) {
    .panel {
      margin: 0 -15px 5px;
      font-size: 10px;
      line-height: 1.6; } }
  .panel .panel-heading {
    border-width: 0 0 3px;
    font-size: 21px;
    letter-spacing: 1px; }
    @media (max-width: 1024px) {
      .panel .panel-heading {
        font-size: 17px;
        padding: 16px 30px 15px;
        border-bottom-width: 2px; } }
    @media (max-width: 767px) {
      .panel .panel-heading {
        font-size: 15px;
        padding: 8px 19px 9px; } }
  @media (max-width: 1024px) {
    .panel .panel-body {
      padding: 21px 30px; } }
  @media (max-width: 767px) {
    .panel .panel-body {
      padding: 20px 20px 14px; } }
  .panel p {
    margin: 0; }
  .panel.panel-default .panel-body {
    color: #2e3641; }
  .panel .icons {
    color: #1fbba6;
    display: block;
    text-align: center;
    font-size: 97px;
    height: 110px;
    line-height: 112px;
    margin: -13px 20px 10px 0; }
    @media (max-width: 1024px) {
      .panel .icons {
        font-size: 77px;
        line-height: 93px;
        height: 93px;
        margin-bottom: 5px;
        margin-right: 10px; } }
    @media (max-width: 767px) {
      .panel .icons {
        margin: -15px 0 5px;
        font-size: 55px;
        line-height: 60px;
        height: 60px; } }
    .panel .icons.icons-phone-alt {
      font-size: 90px; }
      @media (max-width: 1024px) {
        .panel .icons.icons-phone-alt {
          font-size: 74px; } }
      @media (max-width: 767px) {
        .panel .icons.icons-phone-alt {
          font-size: 48px; } }

.form-control {
  font-size: 22px;
  box-shadow: none !important;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  padding-left: 18px;
  padding-right: 18px; }
  @media (max-width: 1024px) {
    .form-control {
      font-size: 18px;
      height: 40px;
      padding: 4px 10px; } }
  @media (max-width: 767px) {
    .form-control {
      font-size: 16px;
      height: 32px; } }

.form-control::-ms-expand {
  display: none; }

textarea.form-control {
  height: 191px;
  resize: none; }
  @media (max-width: 1024px) {
    textarea.form-control {
      height: 154px; } }
  @media (max-width: 767px) {
    textarea.form-control {
      height: 118px; } }

.vs-checkbox > input[type="checkbox"] {
  position: absolute;
  height: 0;
  width: 0;
  margin: 0;
  opacity: 0; }
  .vs-checkbox > input[type="checkbox"]:checked + .vs-checkbox-outline > .vs-checkbox-fill {
    display: block; }

.vs-checkbox-outline {
  height: 16px;
  width: 16px;
  border: 1px solid #7f7f7f;
  cursor: pointer;
  position: relative;
  display: inline-block;
  margin: 0 5px 0 0;
  background-color: #fff;
  vertical-align: middle; }

.vs-checkbox-fill {
  height: 10px;
  width: 10px;
  position: absolute;
  top: 2px;
  left: 2px;
  background-color: #7f7f7f;
  display: none; }

.vs-checkbox > span {
  color: #7f7f7f;
  vertical-align: middle; }

.vs-checkbox #terms_checkbox:focus + .vs-checkbox-outline,
.vs-checkbox #remember_checkbox:focus + .vs-checkbox-outline {
  border-color: #1fbba6; }

.vs-radio > input[type="radio"] {
  display: none; }
  .vs-radio > input[type="radio"]:checked + .vs-radio-outline > .vs-radio-fill {
    display: block; }

.vs-radio-outline {
  height: 18px;
  width: 18px;
  border: 1px solid #7f7f7f;
  cursor: pointer;
  position: relative;
  display: inline-block;
  margin: 0 5px 0 0;
  vertical-align: middle;
  border-radius: 50%; }

.vs-radio-fill {
  height: 12px;
  width: 12px;
  position: absolute;
  top: 2px;
  left: 2px;
  background-color: #7f7f7f;
  display: none;
  border-radius: 50%; }

.vs-radio > span {
  margin-left: 10px;
  vertical-align: middle; }

.vs-form h2 {
  font-weight: 500;
  color: #000;
  letter-spacing: 2px;
  margin: 0 0 22px; }
  .vs-form h2.panel-title {
    margin: 0; }
  @media (max-width: 1199px) {
    .vs-form h2 {
      font-size: 17px;
      margin-bottom: 17px; } }
  @media (max-width: 767px) {
    .vs-form h2 {
      font-size: 18px; } }

.vs-form .form-group {
  margin-bottom: 15px; }
  @media (max-width: 1199px) {
    .vs-form .form-group {
      margin-bottom: 12px; } }

.vs-form .form-btn {
  min-width: 301px;
  font-size: 18px;
  line-height: 28px;
  font-weight: normal;
  padding: 16px 0;
  letter-spacing: 2px; }
  .vs-form .form-btn.btn-default {
    border-width: 1px; }
  @media (max-width: 1199px) {
    .vs-form .form-btn {
      font-size: 16px;
      line-height: 16px;
      min-width: 236px; } }
  @media (max-width: 767px) {
    .vs-form .form-btn {
      min-width: 1px;
      width: 100%;
      float: none !important; } }

@media (max-width: 767px) {
  .form-text {
    font-size: 14px; } }

.vs-select {
  position: relative;
  text-align: left; }
  .vs-select > select {
    cursor: pointer;
    background-color: transparent;
    padding-right: 20% !important; }
    @media (max-width: 1023px) {
      .vs-select > select {
        padding-right: 15% !important; } }
  .vs-select-btn {
    background-color: transparent;
    cursor: pointer;
    padding-right: 45px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
    @media (max-width: 1199px) {
      .vs-select-btn {
        padding-right: 40px !important; } }
  .vs-select-dropdown {
    text-align: left;
    max-height: 0;
    list-style: none;
    -webkit-transition: max-height 0.5s ease;
    transition: max-height 0.5s ease;
    list-style: none;
    padding: 0;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #fff;
    position: absolute;
    border: 1px solid #afafaf;
    border-top: none;
    box-sizing: border-box;
    width: 100%;
    z-index: 11;
    visibility: hidden;
    box-shadow: #afafaf 2px 2px 5px -3px; }
    .vs-select-dropdown > li > span {
      padding-left: 18px;
      font-size: 16px;
      line-height: 2;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      display: block;
      cursor: pointer; }
      @media (max-width: 1199px) {
        .vs-select-dropdown > li > span {
          padding-left: 16px;
          font-size: 15px; } }
      .vs-select-dropdown > li > span:hover {
        color: #1fbba6; }
      .vs-select-dropdown > li > span:active, .vs-select-dropdown > li > span.selected {
        color: #fff;
        background-color: #1fbba6; }
    .vs-select-dropdown.dropdown-open {
      max-height: 200px;
      visibility: visible; }

@media (max-width: 767px) {
  .product-size {
    text-align: left; } }

.vs-table-header > [class^="col-"] {
  color: #2e3641;
  border-bottom: 2px solid #2e3641; }

.vs-table-body {
  line-height: 70px; }
  @media (max-width: 767px) {
    .vs-table-body {
      line-height: normal; } }
  .vs-table-body > [class^="col-"] {
    border-bottom: 1px solid #ddd; }
    .vs-table-body > [class^="col-"] > figure {
      width: 65px;
      display: inline-block;
      text-align: center; }
      .vs-table-body > [class^="col-"] > figure > img {
        max-width: 100%;
        max-height: 65px; }
    .vs-table-body > [class^="col-"] > .product-image {
      margin-right: 10px; }
    @media (max-width: 767px) {
      .vs-table-body > [class^="col-"]:first-child {
        border: none; } }

.vs-table-header > [class^="col-"], .vs-table-body > [class^="col-"] {
  padding: 8px 0;
  font-weight: normal;
  font-size: 16px;
  text-transform: uppercase;
  vertical-align: middle; }
  @media (max-width: 767px) {
    .vs-table-header > [class^="col-"], .vs-table-body > [class^="col-"] {
      font-size: 14px; } }

.vs-input-addon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .vs-input-addon > .vs-input {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 300px; }
  .vs-input-addon > .addon > button {
    height: 60px;
    padding: 6px 12px; }
    @media (max-width: 1199px) {
      .vs-input-addon > .addon > button {
        height: 48px; } }

.vs-form-control {
  color: #333;
  font-size: 18px;
  line-height: 22px;
  height: 60px;
  padding: 19px 15px; }
  .vs-form-control::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.5); }
  .vs-form-control::-moz-placeholder {
    opacity: 1;
    color: rgba(0, 0, 0, 0.5); }
  .vs-form-control:-moz-placeholder {
    color: rgba(0, 0, 0, 0.5); }
  .vs-form-control:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.5); }
  .vs-form-control.placeholder {
    color: rgba(0, 0, 0, 0.5); }
  @media (max-width: 1199px) {
    .vs-form-control {
      height: 48px;
      font-size: 16px;
      padding: 13px 15px; } }

.vs-input {
  position: relative;
  height: 60px;
  overflow: hidden; }
  @media (max-width: 1199px) {
    .vs-input {
      height: 48px;
      font-size: 18px; } }
  .vs-input.small {
    height: 48px; }
    .vs-input.small > .placeholder {
      font-size: 16px;
      left: 15px; }
    .vs-input.small > .icons-arrow-bottom {
      font-size: 12px; }
    .vs-input.small > .form-control,
    .vs-input.small > .vs-select > .form-control {
      font-size: 18px; }
    .vs-input.small > .form-control {
      padding: 13px 15px 13px 13px; }
      .vs-input.small > .form-control.filled {
        padding: 21px 15px 5px 13px; }
    .vs-input.small > .vs-select > .form-control {
      padding: 18px 15px 2px 14px; }
    .vs-input.small > .vs-select-dropdown > li > span {
      padding-left: 16px;
      font-size: 15px; }
    .vs-input.small.active > .form-control, .vs-input.small.filled > .form-control {
      padding: 17px 15px 5px 13px; }
  .vs-input > .placeholder {
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0) scale(1);
    transform: translate3d(0, -50%, 0) scale(1);
    left: 19px;
    font-size: 18px;
    color: rgba(0, 0, 0, 0.5);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    cursor: text;
    z-index: 1; }
    @media (max-width: 1199px) {
      .vs-input > .placeholder {
        font-size: 16px;
        left: 15px; } }
  .vs-input > .icons-arrow-bottom {
    font-size: 14px;
    position: absolute;
    top: 50%;
    right: 18px;
    color: #1fbba6;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 1; }
    @media (max-width: 1023px) {
      .vs-input > .icons-arrow-bottom {
        font-size: 12px; } }
    @media (max-width: 767px) {
      .vs-input > .icons-arrow-bottom {
        font-size: 10px; } }
  .vs-input > .form-control,
  .vs-input > .vs-select > .form-control {
    color: #333;
    font-size: 20px;
    line-height: 26px;
    z-index: 2;
    position: absolute;
    height: 100%; }
    .vs-input > .form-control::-webkit-input-placeholder,
    .vs-input > .vs-select > .form-control::-webkit-input-placeholder {
      color: transparent; }
    .vs-input > .form-control::-moz-placeholder,
    .vs-input > .vs-select > .form-control::-moz-placeholder {
      opacity: 1;
      color: transparent; }
    .vs-input > .form-control:-moz-placeholder,
    .vs-input > .vs-select > .form-control:-moz-placeholder {
      color: transparent; }
    .vs-input > .form-control:-ms-input-placeholder,
    .vs-input > .vs-select > .form-control:-ms-input-placeholder {
      color: transparent; }
    .vs-input > .form-control.placeholder,
    .vs-input > .vs-select > .form-control.placeholder {
      color: transparent; }
    @media (max-width: 1199px) {
      .vs-input > .form-control,
      .vs-input > .vs-select > .form-control {
        font-size: 18px; } }
    .vs-input > .form-control:-webkit-autofill, .vs-input > .form-control:-webkit-autofill:hover,
    .vs-input >
.form-control:-webkit-autofill:focus .vs-input > .form-control:-webkit-autofill, .vs-input > .form-control:-webkit-autofill, .vs-input > .form-control:-webkit-autofill:hover, .vs-input > .form-control:-webkit-autofill:focus,
    .vs-input > .vs-select > .form-control:-webkit-autofill,
    .vs-input > .vs-select > .form-control:-webkit-autofill:hover,
    .vs-input >
.vs-select > .form-control:-webkit-autofill:focus .vs-input > .form-control:-webkit-autofill,
    .vs-input > .vs-select > .form-control:-webkit-autofill,
    .vs-input > .vs-select > .form-control:-webkit-autofill:hover,
    .vs-input > .vs-select > .form-control:-webkit-autofill:focus,
    .vs-input >
.form-control:-webkit-autofill:focus
    .vs-input > .vs-select > .form-control:-webkit-autofill,
    .vs-input >
.vs-select > .form-control:-webkit-autofill:focus
    .vs-input > .vs-select > .form-control:-webkit-autofill {
      border: 1px solid #afafaf;
      -webkit-text-fill-color: #333;
      -webkit-box-shadow: 0 0 0px 1000px #fff inset;
      -webkit-transition: background-color 5000s ease-in-out 0s;
      transition: background-color 5000s ease-in-out 0s; }
  .vs-input > .form-control {
    padding: 17px;
    background: transparent; }
    .vs-input > .form-control.filled {
      padding: 26px 17px 8px; }
      @media (max-width: 1199px) {
        .vs-input > .form-control.filled {
          padding: 21px 15px 5px 13px; } }
      .vs-input > .form-control.filled + .placeholder {
        -webkit-transform: translate3d(0, -100%, 0) scale(0.8);
        transform: translate3d(0, -100%, 0) scale(0.8); }
    @media (max-width: 1199px) {
      .vs-input > .form-control {
        padding: 13px 15px 13px 13px; } }
  .vs-input > .vs-select > .form-control {
    padding: 24px 19px 8px 18px; }
    @media (max-width: 1199px) {
      .vs-input > .vs-select > .form-control {
        padding: 18px 15px 2px 14px; } }
  .vs-input.active .placeholder, .vs-input.filled .placeholder {
    -webkit-transform: translate3d(0, -100%, 0) scale(0.8);
    transform: translate3d(0, -100%, 0) scale(0.8); }
  .vs-input.active > .form-control, .vs-input.filled > .form-control {
    padding: 26px 17px 6px; }
    @media (max-width: 1199px) {
      .vs-input.active > .form-control, .vs-input.filled > .form-control {
        padding: 17px 15px 5px 13px; } }
  .vs-input-bg {
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    width: 100%;
    height: 100%;
    z-index: 0; }

.account-modal {
  max-width: 500px; }

.input-icon {
  position: relative; }
  .input-icon .form-control {
    padding-right: 40px; }
  .input-icon > i {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: rgba(0, 0, 0, 0.2);
    z-index: 1; }

.fixed-header #main {
  margin-top: 53px; }

.fixed-header .success-notifications {
  background: #93b7b2;
  color: #016558;
  padding: 10px 100px;
  font-size: 1em;
  -webkit-animation: fadeOut 2s forwards;
  animation: fadeOut 2s forwards;
  -webkit-animation-delay: 5s;
  animation-delay: 5s; }

@-webkit-keyframes fadeOut {
  from {
    height: auto;
    padding: 10px 100px; }
  to {
    height: 0;
    padding: 0 100px; } }

@keyframes fadeOut {
  from {
    height: auto;
    padding: 10px 100px; }
  to {
    height: 0;
    padding: 0 100px; } }

@media (min-width: 768px) {
  .fixed-header #main {
    margin-top: 63px; } }

@media (min-width: 1025px) {
  main#main {
    min-height: 500px; }
  .fixed-header #main {
    margin-top: 80px; } }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s; }

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important; }

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

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "CategoryIcon";
    src: url("../fonts/category-icons.svg#Flaticon") format("svg"); } }

.ci:before {
  display: inline-block;
  font-family: "CategoryIcon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased; }

.category-all:before {
  content: "\e900"; }

.category-business:before {
  content: "\f100"; }

.category-holidays:before {
  content: "\f101"; }

.category-animals:before {
  content: "\f102"; }

.category-military:before {
  content: "\f103"; }

.category-occupation:before {
  content: "\f104"; }

.category-sports:before {
  content: "\f105"; }

.category-hobbies:before {
  content: "\f106"; }

.contact-list {
  text-transform: uppercase;
  font-size: 19px;
  line-height: 24px;
  display: inline-block;
  vertical-align: top; }
  @media (max-width: 1199px) {
    .contact-list {
      font-size: 18px; } }
  @media (max-width: 1024px) {
    .contact-list {
      font-size: 16px;
      line-height: 20px; } }
  @media (max-width: 999px) {
    .contact-list {
      font-size: 13px;
      line-height: 18px; } }
  .contact-list li {
    display: inline-block;
    vertical-align: top;
    padding: 0 52px 10px 0; }
    @media (max-width: 1199px) {
      .contact-list li {
        padding: 0 20px 10px 0; } }
    @media (max-width: 1024px) {
      .contact-list li {
        padding: 0 34px 10px 0; } }
    @media (max-width: 999px) {
      .contact-list li {
        padding: 0 15px 10px 0; } }
    @media (max-width: 767px) {
      .contact-list li {
        padding: 0 15px 14px 12px; } }
    .contact-list li:last-child {
      padding: 0 0 10px; }
      @media (max-width: 767px) {
        .contact-list li:last-child {
          padding: 0 0 14px 18px; } }
    @media (max-width: 1024px) {
      .contact-list li:first-child {
        padding: 0 45px 10px 0; } }
    @media (max-width: 999px) {
      .contact-list li:first-child {
        padding: 0 15px 10px 0; } }
    @media (max-width: 767px) {
      .contact-list li:first-child {
        padding: 0 20px 30px 0; } }
  .contact-list .icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    font-size: 40px;
    margin: 5px 5px 0 0;
    height: 46px; }
    @media (max-width: 1024px) {
      .contact-list .icon {
        height: 34px;
        font-size: 34px; } }
    @media (max-width: 767px) {
      .contact-list .icon {
        margin-right: 4px;
        height: 30px; } }
    .contact-list .icon.icons-phone {
      margin-bottom: -7px; }
      @media (max-width: 1024px) {
        .contact-list .icon.icons-phone {
          margin: 5px 5px 0 0; } }
    .contact-list .icon.icons-chat {
      font-size: 36px; }
      @media (max-width: 1024px) {
        .contact-list .icon.icons-chat {
          font-size: 29px; } }
      @media (max-width: 767px) {
        .contact-list .icon.icons-chat {
          font-size: 25px; } }
    .contact-list .icon.icons-email {
      font-size: 34px;
      margin-right: 15px; }
      @media (max-width: 1024px) {
        .contact-list .icon.icons-email {
          font-size: 26px; } }
      @media (max-width: 767px) {
        .contact-list .icon.icons-email {
          font-size: 22px;
          margin-right: 5px; } }
    .contact-list .icon.icons-info {
      font-size: 33px; }
      @media (max-width: 1024px) {
        .contact-list .icon.icons-info {
          font-size: 27px; } }
      @media (max-width: 767px) {
        .contact-list .icon.icons-info {
          font-size: 22px; } }
    .contact-list .icon.icons-order {
      position: relative;
      font-size: 53px;
      margin-right: 10px; }
      @media (max-width: 1024px) {
        .contact-list .icon.icons-order {
          font-size: 44px;
          top: 0; } }
      @media (max-width: 767px) {
        .contact-list .icon.icons-order {
          font-size: 30px; } }
  .contact-list a {
    color: #fff;
    -webkit-transition: color .2s ease;
    transition: color .2s ease; }
    .contact-list a:hover {
      color: #000; }
  .contact-list .phone {
    display: inline-block;
    vertical-align: middle;
    font-weight: normal;
    font-size: 29px;
    text-align: center; }
    @media (max-width: 1024px) {
      .contact-list .phone {
        font-size: 22px;
        letter-spacing: 1px; } }
    @media (max-width: 999px) {
      .contact-list .phone {
        font-size: 19px; } }
    @media (max-width: 767px) {
      .contact-list .phone {
        font-size: 24px; } }
    .contact-list .phone i {
      display: block;
      font-style: normal;
      font-size: 15px;
      line-height: 18px;
      padding: 8px 0 0;
      letter-spacing: 1px; }
      @media (max-width: 1024px) {
        .contact-list .phone i {
          font-size: 12px;
          line-height: 15px;
          padding: 6px 0 0; } }
      @media (max-width: 999px) {
        .contact-list .phone i {
          font-size: 10px; } }
      @media (max-width: 767px) {
        .contact-list .phone i {
          font-size: 13px;
          padding: 8px 0 0; } }
  .contact-list .text {
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 1px;
    padding: 0 0 4px; }
    @media (max-width: 1024px) {
      .contact-list .text {
        padding: 0 0 3px; } }

#footer {
  background: #1c1f2a;
  width: 100%;
  overflow: hidden;
  position: relative; }
  #footer .frame {
    overflow: hidden;
    padding: 0 0 28px; }
    @media (max-width: 767px) {
      #footer .frame {
        padding: 0 0 24px;
        margin: 0 -10px; } }

.col-holder {
  overflow: hidden;
  padding: 49px 0 30px; }
  @media (max-width: 1024px) {
    .col-holder {
      padding: 37px 0 76px; } }
  @media (max-width: 767px) {
    .col-holder {
      padding: 20px 0 16px 14px; } }
  @media (max-width: 767px) {
    .col-holder > div:last-child {
      margin-top: 20px;
      padding: 120px 14px 0 0;
      display: table;
      position: relative; } }
  .col-holder > div:last-child .title {
    overflow: hidden;
    text-align: right;
    text-transform: none;
    font-size: 17px;
    padding: 6px 13px 0 0; }
    @media (max-width: 1024px) {
      .col-holder > div:last-child .title {
        padding: 5px 8px 0 0;
        font-size: 14px; } }
    @media (max-width: 999px) {
      .col-holder > div:last-child .title {
        font-size: 12px;
        padding-top: 0; } }
    @media (max-width: 767px) {
      .col-holder > div:last-child .title {
        font-size: 17px;
        line-height: 22px;
        display: block;
        text-align: center;
        padding: 0 0 14px; } }
  .col-holder .title {
    display: block;
    color: #fff;
    font-size: 18px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0 0 10px; }
    @media (max-width: 1024px) {
      .col-holder .title {
        font-size: 14px;
        line-height: 18px;
        padding: 0 0 8px; } }
  .col-holder .links {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px; }
    @media (max-width: 1024px) {
      .col-holder .links {
        font-size: 14px;
        line-height: 19px; } }
    @media (max-width: 767px) {
      .col-holder .links {
        line-height: 20px; } }
    .col-holder .links li.active a {
      color: #fff; }
    .col-holder .links a {
      -webkit-transition: color .2s ease;
      transition: color .2s ease; }
      .col-holder .links a:hover {
        color: #fff; }
  .col-holder .social-networks {
    float: right; }
    @media (max-width: 767px) {
      .col-holder .social-networks {
        display: table-footer-group;
        width: 100%;
        float: none;
        text-align: center; } }
  .col-holder .printed-usa {
    clear: both;
    float: right;
    margin: 16px 10px 0 0; }
    @media (max-width: 767px) {
      .col-holder .printed-usa {
        position: absolute;
        top: 80px;
        left: 50%;
        -webkit-transform: translateX(-56%);
        transform: translateX(-56%);
        margin: 0; } }
  .col-holder .footer-logo {
    float: right;
    margin: 15px 7px 0 0;
    width: 212px; }
    @media (max-width: 1024px) {
      .col-holder .footer-logo {
        width: 172px;
        margin: 44px 4px 0 0; } }
    @media (max-width: 1024px) {
      .col-holder .footer-logo {
        width: 172px;
        margin: 38px 0 0 0; } }
    @media (max-width: 767px) {
      .col-holder .footer-logo {
        position: absolute;
        top: 11px;
        left: 50%;
        -webkit-transform: translateX(-56%);
        transform: translateX(-56%);
        width: 192px;
        margin: 0; } }
    .col-holder .footer-logo img {
      width: 100%;
      height: auto; }

.copyright {
  padding: 5px 0 0;
  float: left;
  color: #fff;
  font-size: 12px;
  /* font-weight:600; */ }
  @media (max-width: 1024px) {
    .copyright {
      line-height: 20px;
      padding: 1px 0 0; } }
  @media (max-width: 999px) {
    .copyright {
      width: 100%;
      text-align: center;
      padding: 0 0 15px; } }
  @media (max-width: 767px) {
    .copyright {
      line-height: 14px;
      padding: 0 0 16px; } }
  .copyright a {
    -webkit-transition: color .2s ease;
    transition: color .2s ease; }
    .copyright a:hover {
      color: #fff; }

.logo-list {
  float: right;
  padding: 0 5px 0 0; }
  @media (max-width: 999px) {
    .logo-list {
      width: 100%;
      padding: 0;
      float: none;
      text-align: center; } }
  .logo-list li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 10px 18px; }
    @media (max-width: 1024px) {
      .logo-list li {
        margin: 0 0 10px; } }
    @media (max-width: 767px) {
      .logo-list li {
        text-align: center; } }
  @media (max-width: 1024px) {
    .logo-list img {
      max-width: 80%;
      height: auto;
      display: block; } }
  @media (max-width: 767px) {
    .logo-list img {
      display: inline-block; } }

[ng\:cloak], [ng-cloak], .ng-cloak {
  display: none !important; }

#header {
  position: relative;
  border-top: 4px solid #1fbba6;
  background: #fff;
  z-index: 1000; }
  @media (max-width: 1024px) {
    #header {
      border-width: 3px 0 0; } }
  #header .container-fluid {
    max-width: none; }
  #header:after, #header:before {
    content: '';
    position: absolute;
    left: 358px;
    top: -4px;
    height: 4px;
    width: 10px;
    background: #21272f;
    margin: 0 0 0 -9999px;
    padding: 0 0 0 9999px; }
    @media (max-width: 1024px) {
      #header:after, #header:before {
        height: 3px;
        left: 288px;
        top: -3px; } }
    @media (max-width: 767px) {
      #header:after, #header:before {
        left: 174px; } }
  #header:after {
    left: auto;
    right: 122px;
    margin: 0 -9999px 0 0;
    padding: 0 9999px 0 0;
    background: #007087; }
    @media (max-width: 1024px) {
      #header:after {
        right: 98px;
        left: auto; } }
    @media (max-width: 767px) {
      #header:after {
        right: 45px;
        left: auto; } }
  #header.checkout-header .navbar-brand, #header.thank-you .navbar-brand {
    margin: 0 !important;
    left: 52px;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
    @media (max-width: 1199px) {
      #header.checkout-header .navbar-brand, #header.thank-you .navbar-brand {
        left: 15px; } }
  #header .navbar-brand {
    padding: 0;
    width: 176px;
    height: 50px;
    margin-left: 0 !important;
    position: absolute;
    top: 14px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
    @media (max-width: 1024px) {
      #header .navbar-brand {
        width: 144px;
        top: 11px; } }
    @media (max-width: 767px) {
      #header .navbar-brand {
        width: 116px;
        top: 8px; } }
    #header .navbar-brand img {
      width: 100%;
      height: auto; }
  #header .navbar-nav .dropdown-menu {
    width: 184px; }
    @media (max-width: 1024px) {
      #header .navbar-nav .dropdown-menu {
        width: 203px; } }
    @media (max-width: 767px) {
      #header .navbar-nav .dropdown-menu {
        width: 100%; } }
  #header .ng-leave {
    display: none !important; }

.fixed-header #header {
  position: fixed;
  width: 100%; }

.navbar {
  border: none; }
  @media (max-width: 1024px) {
    .navbar {
      min-height: 60px; } }
  @media (max-width: 767px) {
    .navbar {
      min-height: 50px; } }
  .navbar .menu-opener {
    width: 52px;
    height: 76px;
    background: #fff;
    border: none;
    float: left;
    padding: 13px 15px 9px;
    margin: 0 0 0 3px; }
    @media (max-width: 1024px) {
      .navbar .menu-opener {
        height: 60px;
        margin: 0;
        padding: 11px 12px 9px;
        width: 42px; } }
    .navbar .menu-opener:hover .icon-bar {
      background: #000; }
    .navbar .menu-opener .icon-bar {
      height: 4px;
      border-radius: 2px;
      width: 22px;
      background: #1fbba6;
      display: block;
      -webkit-transition: background 0.2s ease;
      transition: background 0.2s ease; }
      @media (max-width: 1024px) {
        .navbar .menu-opener .icon-bar {
          height: 3px;
          width: 18px; } }
    .navbar .menu-opener .icon-bar + .icon-bar {
      margin-top: 3px; }
      @media (max-width: 1024px) {
        .navbar .menu-opener .icon-bar + .icon-bar {
          margin-top: 2px; } }
  .navbar .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
    float: left; }
    @media (max-width: 767px) {
      .navbar .navbar-collapse {
        float: none;
        padding-left: 15px;
        padding-right: 15px; } }
  .navbar.shadow-header {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); }

.navbar-right {
  margin-right: 0;
  min-width: 200px;
  text-align: right; }

.top-panel {
  padding: 15px 4px 0 0; }
  @media (max-width: 1024px) {
    .top-panel {
      padding: 13px 1px 0 0; } }
  @media (max-width: 767px) {
    .top-panel {
      float: right;
      padding: 0; } }
  .top-panel .dropdown {
    display: inline-block;
    vertical-align: top; }
    @media (max-width: 767px) {
      .top-panel .dropdown {
        display: block; } }
  .top-panel .cart {
    display: inline-block;
    vertical-align: middle;
    margin-left: 1px;
    color: #2e3641;
    position: relative;
    font-size: 23px;
    line-height: 20px;
    padding: 8px 0 0;
    min-width: 35px;
    height: 31px;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease; }
    @media (max-width: 1024px) {
      .top-panel .cart {
        font-size: 20px;
        padding: 6px 0 0; } }
    @media (max-width: 767px) {
      .top-panel .cart {
        position: absolute;
        right: 9px;
        top: 12px; } }
    .top-panel .cart:hover {
      color: #1fbba6; }
    .top-panel .cart .badge {
      display: inline-block;
      vertical-align: top;
      margin: -9px 0 0 -5px;
      font-size: 14px;
      line-height: 14px;
      padding: 3px 4px;
      right: 0;
      background: #1fbba6;
      color: #fff;
      border-radius: 0; }
      @media (max-width: 1024px) {
        .top-panel .cart .badge {
          margin: -7px 0 0 -5px;
          font-size: 10px;
          padding: 1px 4px; } }

.navbar-nav {
  font-size: 15px;
  line-height: 18px; }
  @media (max-width: 1024px) {
    .navbar-nav {
      font-size: 12px;
      line-height: 14px; } }
  .navbar-nav > li.open > a:before {
    display: block; }
  @media (max-width: 767px) {
    .navbar-nav > li.hover .navbar-nav > li.open .dropdown-menu {
      display: block; } }
  .navbar-nav > li > a {
    font-weight: 600;
    letter-spacing: 1px;
    padding: 26px 20px 22px 21px;
    position: relative; }
    @media (max-width: 1024px) {
      .navbar-nav > li > a {
        padding: 18px 16px 14px; } }
    @media (max-width: 768px) {
      .navbar-nav > li > a {
        padding: 18px 12px 14px; } }
    .navbar-nav > li > a:before {
      z-index: 1001;
      position: absolute;
      display: none;
      bottom: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      content: '';
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 22px solid #fff; }
      @media (max-width: 767px) {
        .navbar-nav > li > a:before {
          visibility: hidden; } }
  .navbar-nav .dropdown-menu {
    border-radius: 0;
    padding: 0;
    border: none;
    box-shadow: 0 0 32px rgba(0, 0, 0, 0.35);
    font-size: 17px;
    line-height: 20px;
    left: 17px;
    right: auto; }
    @media (max-width: 1024px) {
      .navbar-nav .dropdown-menu {
        font-size: 20px;
        line-height: 22px;
        left: 4px;
        box-shadow: 0 0 26px rgba(0, 0, 0, 0.35); } }
    @media (max-width: 767px) {
      .navbar-nav .dropdown-menu {
        font-size: 12px;
        line-height: 20px; } }
    .navbar-nav .dropdown-menu li {
      margin: 0 0 2px; }
      .navbar-nav .dropdown-menu li:last-child {
        margin-bottom: 0; }
      .navbar-nav .dropdown-menu li a {
        font-weight: normal;
        background: #fff;
        padding: 13px 10px 10px 66px;
        position: relative;
        -webkit-transition: color 0.2s ease, background 0.2s ease;
        transition: color 0.2s ease, background 0.2s ease; }
        @media (max-width: 1024px) {
          .navbar-nav .dropdown-menu li a {
            padding: 13px 10px 11px 73px; } }
        @media (max-width: 767px) {
          .navbar-nav .dropdown-menu li a {
            background: #fff;
            color: #1fbba6;
            padding: 5px 10px 5px 73px !important;
            line-height: 20px; }
            .navbar-nav .dropdown-menu li a:hover {
              color: #fff;
              background: #1fbba6; } }
        .navbar-nav .dropdown-menu li a:active, .navbar-nav .dropdown-menu li a:hover {
          background: #1fbba6 !important;
          color: #fff !important; }
          .navbar-nav .dropdown-menu li a:active i, .navbar-nav .dropdown-menu li a:hover i {
            color: #fff; }
        .navbar-nav .dropdown-menu li a i {
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          width: 66px;
          font-size: 29px;
          color: #1fbba6;
          -webkit-transition: color 0.2s ease;
          transition: color 0.2s ease; }
          @media (max-width: 1024px) {
            .navbar-nav .dropdown-menu li a i {
              font-size: 32px;
              width: 72px; } }
          @media (max-width: 767px) {
            .navbar-nav .dropdown-menu li a i {
              font-size: 24px; } }
          .navbar-nav .dropdown-menu li a i:before {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%); }
          .navbar-nav .dropdown-menu li a i.icons-football {
            margin: 0 0 0 2px; }
          .navbar-nav .dropdown-menu li a i.icons-baseball {
            margin: 0 0 0 1px; }
          .navbar-nav .dropdown-menu li a i.icons-basketball {
            margin: -2px 0 0; }
          .navbar-nav .dropdown-menu li a i.icons-hockey {
            margin: 3px 0 0 -1px;
            font-size: 35px; }
            @media (max-width: 1024px) {
              .navbar-nav .dropdown-menu li a i.icons-hockey {
                font-size: 37px; } }
            @media (max-width: 767px) {
              .navbar-nav .dropdown-menu li a i.icons-hockey {
                font-size: 24px; } }
          .navbar-nav .dropdown-menu li a i.icons-soccer {
            margin: 1px 0 0 1px;
            font-size: 35px; }
            @media (max-width: 1024px) {
              .navbar-nav .dropdown-menu li a i.icons-soccer {
                font-size: 38px;
                margin: 2px 0 0 1px; } }
            @media (max-width: 767px) {
              .navbar-nav .dropdown-menu li a i.icons-soccer {
                font-size: 24px; } }
          .navbar-nav .dropdown-menu li a i.icons-dog {
            margin: 2px 0 0 1px;
            font-size: 31px; }
            @media (max-width: 1024px) {
              .navbar-nav .dropdown-menu li a i.icons-dog {
                font-size: 33px;
                margin: 4px 0 0 1px; } }
            @media (max-width: 767px) {
              .navbar-nav .dropdown-menu li a i.icons-dog {
                font-size: 24px; } }
          .navbar-nav .dropdown-menu li a i.icons-music {
            margin: 0 0 0 -2px;
            font-size: 31px; }
            @media (max-width: 1024px) {
              .navbar-nav .dropdown-menu li a i.icons-music {
                font-size: 34px;
                margin: 2px 0 0 -3px; } }
            @media (max-width: 767px) {
              .navbar-nav .dropdown-menu li a i.icons-music {
                font-size: 24px; } }
          .navbar-nav .dropdown-menu li a i.icons-food {
            margin: 0 0 0 2px;
            font-size: 27px; }
            @media (max-width: 1024px) {
              .navbar-nav .dropdown-menu li a i.icons-food {
                font-size: 30px;
                margin: 1px 0 0 2px; } }
            @media (max-width: 767px) {
              .navbar-nav .dropdown-menu li a i.icons-food {
                font-size: 24px; } }
          .navbar-nav .dropdown-menu li a i.icons-military {
            margin: -1px 0 0;
            font-size: 36px; }
            @media (max-width: 767px) {
              .navbar-nav .dropdown-menu li a i.icons-military {
                font-size: 24px; } }

.dropdown-basket {
  position: static; }
  .dropdown-basket .dropdown-menu {
    top: 101px;
    right: 0 !important;
    width: 450px; }
    @media (max-width: 767px) {
      .dropdown-basket .dropdown-menu {
        width: 100%;
        top: 60px;
        padding: 15px 15px 20px; } }
    .dropdown-basket .dropdown-menu:after {
      content: '';
      position: absolute;
      top: -36px;
      right: 66px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 31px 30px 31px;
      border-color: transparent transparent #1fbba6 transparent; }
      @media (max-width: 1023px) {
        .dropdown-basket .dropdown-menu:after {
          right: 46px; } }
      @media (max-width: 767px) {
        .dropdown-basket .dropdown-menu:after {
          top: -21px;
          right: 18px;
          border-width: 0 15px 15px 15px; } }

.dropdown-menu {
  box-shadow: -3px 3px 7px 0 rgba(0, 0, 0, 0.35);
  border-radius: 0;
  border: 0;
  border-top: 6px solid #1fbba6;
  padding: 35px 40px 40px;
  background: #f7f8fa; }
  .dropdown-menu.bg-white {
    background: #fff; }
  .dropdown-menu .return {
    line-height: 20px;
    margin: 0 0 14px;
    display: inline-block;
    vertical-align: top; }
    .dropdown-menu .return [class^="icons-"] {
      margin-left: -12px;
      margin-right: -4px;
      font-size: 20px;
      position: relative;
      top: 2px; }
    .dropdown-menu .return .icons-arrow-right2 {
      margin: 0; }
  .dropdown-menu h2 {
    margin: 0 0 18px;
    letter-spacing: 1px; }
    @media (max-width: 767px) {
      .dropdown-menu h2 {
        font-size: 18px; } }
  .dropdown-menu .closed {
    position: absolute;
    right: 16px;
    top: 19px;
    width: 14px;
    height: 14px; }
    .dropdown-menu .closed:hover:after, .dropdown-menu .closed:hover:before {
      background: #007087; }
    .dropdown-menu .closed:after, .dropdown-menu .closed:before {
      content: '';
      position: absolute;
      width: 16px;
      height: 2px;
      background: #c5c5c5;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      top: 50%;
      z-index: 10; }
    .dropdown-menu .closed:before {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .dropdown-menu .closed.disabled, .dropdown-menu .closed.disabled:hover {
      opacity: 0.5; }
      .dropdown-menu .closed.disabled:after, .dropdown-menu .closed.disabled:before, .dropdown-menu .closed.disabled:hover:after, .dropdown-menu .closed.disabled:hover:before {
        background: #c5c5c5; }
  .dropdown-menu .price {
    color: #1fbba6;
    font-size: 52px;
    line-height: 1;
    padding: 0; }
    .dropdown-menu .price .del {
      color: #d6dae3;
      margin: 0 10px 0 0; }

.form-info .box {
  border-bottom: 2px solid #dadada;
  padding: 22px 0 6px; }

.form-info .form-control {
  color: #333;
  font-size: 15px;
  line-height: 18px;
  padding: 16px; }
  .form-info .form-control::-webkit-input-placeholder {
    color: #333; }
  .form-info .form-control::-moz-placeholder {
    opacity: 1;
    color: #333; }
  .form-info .form-control:-moz-placeholder {
    color: #333; }
  .form-info .form-control:-ms-input-placeholder {
    color: #333; }
  .form-info .form-control.placeholder {
    color: #333; }
  @media (max-width: 1023px) {
    .form-info .form-control {
      padding: 11px 16px; } }
  @media (max-width: 767px) {
    .form-info .form-control {
      padding: 7px 16px; } }

.form-info .form-group {
  margin-bottom: 13px; }

.form-info .lock {
  position: relative; }
  .form-info .lock:after {
    content: '\e92b';
    position: absolute;
    right: 13px;
    font-size: 28px;
    line-height: 1;
    color: #cacaca;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: 'icomoon'; }
    @media (max-width: 1023px) {
      .form-info .lock:after {
        font-size: 22px; } }
    @media (max-width: 767px) {
      .form-info .lock:after {
        font-size: 18px; } }
  .form-info .lock .form-control {
    padding-right: 40px; }

.form-info .threcolumns .col {
  float: left;
  width: 33.3%;
  padding: 0 0 0 12px; }
  @media (max-width: 767px) {
    .form-info .threcolumns .col {
      width: 100%;
      padding: 13px 0 0; } }
  .form-info .threcolumns .col:first-child {
    padding-left: 0; }
    @media (max-width: 767px) {
      .form-info .threcolumns .col:first-child {
        padding-top: 0; } }

.form-info .jcf-select {
  min-width: 50px;
  margin: 0; }
  @media (max-width: 767px) {
    .form-info .jcf-select {
      height: 34px; } }
  .form-info .jcf-select .jcf-select-text {
    font-size: 15px;
    line-height: 18px;
    color: #333;
    margin: 0 30px 0 15px;
    padding: 15px 0; }
    @media (max-width: 1023px) {
      .form-info .jcf-select .jcf-select-text {
        padding: 10px 0; } }
    @media (max-width: 767px) {
      .form-info .jcf-select .jcf-select-text {
        padding: 7px 0; } }
  .form-info .jcf-select .jcf-select-opener {
    width: 28px;
    text-align: left; }
    .form-info .jcf-select .jcf-select-opener:before {
      font-size: 11px;
      text-align: left;
      margin-top: -5px; }

.form-info label {
  font-weight: normal;
  text-transform: uppercase;
  color: #333;
  font-size: 15px;
  line-height: 15px;
  margin: 0 0 10px;
  padding: 5px 0 0;
  vertical-align: top; }

.form-info .twocolumns .col {
  float: right;
  width: 44%; }
  .form-info .twocolumns .col:first-child {
    float: left; }

.form-info .footer-form {
  padding: 20px 0 0; }
  .form-info .footer-form .btn {
    width: 100%;
    font-size: 21px;
    line-height: 1.333; }

.jcf-select-select-info .jcf-list {
  font-size: 15px; }
  .jcf-select-select-info .jcf-list .jcf-option {
    padding: 5px 15px; }

.upsell {
  color: #333;
  font-size: 17px;
  line-height: 1.353; }
  .upsell h1 {
    margin: 0 0 10px;
    font-weight: normal;
    color: #1fbba6;
    font-size: 27px;
    line-height: 1.185; }
  .upsell h3 {
    margin: 0 0 6px;
    color: #1fbba6;
    text-transform: none;
    font-size: 23px;
    line-height: 1.2;
    font-weight: normal; }
  .upsell .head {
    margin: -16px -40px 0;
    padding: 0 24px;
    border-bottom: 2px solid #dadada;
    text-align: left; }
    @media (max-width: 767px) {
      .upsell .head {
        padding: 0 15px;
        margin: 0 -15px; } }
    .upsell .head h2 {
      margin-bottom: 16px; }
  @media (max-width: 767px) {
    .upsell .img-hold {
      margin-bottom: 10px; } }
  .upsell .btn {
    width: 100%;
    font-size: 21px;
    padding: 10px 12px;
    margin-bottom: 18px; }
    @media (max-width: 767px) {
      .upsell .btn {
        font-size: 16px; } }
  .upsell .body {
    padding: 20px 0 15px; }
  .upsell .visual {
    padding: 10px 0 20px; }
  .upsell .text {
    font-size: 16px;
    line-height: 1.25;
    padding: 0 20px 9px; }
    .upsell .text p {
      margin: 0; }
  .upsell .footer {
    margin: 0 -40px;
    padding: 10px 40px 0;
    border-top: 2px solid #dadada; }
  .upsell .return {
    margin: 0; }
  .upsell .block-basket {
    padding: 0;
    margin: 0;
    background: none; }
  .upsell .item-basket {
    margin: 0 -20px;
    padding: 4px 30px 10px 0; }
    @media (max-width: 767px) {
      .upsell .item-basket {
        margin: 0; } }
    .upsell .item-basket h3 {
      font-size: 16px;
      line-height: 1.3; }
    .upsell .item-basket .visual {
      padding: 0;
      margin-right: 14px; }
      .upsell .item-basket .visual .label {
        top: -2px;
        right: -4px; }
    .upsell .item-basket .text {
      padding: 0; }
    .upsell .item-basket .body {
      padding-top: 19px; }
    .upsell .item-basket .inc {
      font-size: 19px; }
    .upsell .item-basket .closed {
      top: 23px;
      right: -4px; }
      @media (max-width: 767px) {
        .upsell .item-basket .closed {
          right: 2px; } }
  .upsell .logo-row {
    margin: 6px -40px 2px;
    padding: 17px 40px 0; }
    .upsell .logo-row li {
      float: right;
      width: 39%;
      margin: 0 0 10px; }
      .upsell .logo-row li img {
        width: 100%;
        height: auto; }
      .upsell .logo-row li:first-child {
        float: left;
        width: 59%; }
  .upsell .payment-container {
    margin-top: 6px;
    border-top: 2px solid #dadada; }
    .upsell .payment-container .btn {
      margin-top: 21px; }
  .upsell.box-cart .body {
    padding-top: 12px;
    padding-bottom: 0; }
  .upsell.box-cart .btn {
    margin-bottom: 9px; }

.product-wrap {
  background: #f7f8fa;
  margin: 0 -40px;
  padding: 29px 21px 9px;
  position: relative; }
  @media (max-width: 767px) {
    .product-wrap {
      margin: 0 -15px; } }
  .product-wrap .product-list {
    letter-spacing: -4px;
    font-size: 0;
    line-height: 0;
    margin: 0 -10px; }
    .product-wrap .product-list li {
      line-height: 1;
      letter-spacing: 0;
      margin: 0;
      padding: 0 5px 10px;
      width: 33.3%; }
      .product-wrap .product-list li > a {
        display: block; }
    .product-wrap .product-list .img {
      margin: 0; }
  .product-wrap h2 {
    letter-spacing: 1px;
    padding: 0 60px 0 0;
    margin: 0 0 18px; }
  .product-wrap .more {
    position: absolute;
    top: 25px;
    right: 7px;
    font-size: 19px; }
    .product-wrap .more > span {
      width: 25px;
      display: inline-block;
      margin-left: -7px;
      vertical-align: middle; }

.box-time {
  font-size: 17px;
  line-height: 1.2;
  text-transform: uppercase;
  color: #000;
  margin: 0 0 20px; }
  .box-time .time {
    display: block;
    font-size: 71px;
    line-height: 1;
    margin: 0 0 -4px;
    color: #F9293D;
    font-weight: 500; }

.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.header-search {
  -webkit-transition: height 0.25s ease;
  transition: height 0.25s ease;
  height: 0px; }
  .header-search > input[type="search"] {
    border-width: 0 0 1px 0;
    box-sizing: content-box; }
    .header-search > input[type="search"]:focus {
      border-color: #afafaf; }
  .header-search.open-search {
    height: 63px; }
    @media (max-width: 1023px) {
      .header-search.open-search {
        height: 49px; } }
    @media (max-width: 767px) {
      .header-search.open-search {
        height: 41px; } }

.sales-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 75px; }
  @media (max-width: 767px) {
    .sales-header {
      height: 50px; } }

.navbar-link {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-left: 37px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center; }
  @media (max-width: 1023px) {
    .navbar-link {
      margin-left: 0; } }

.navbar-link-img {
  width: 175px; }
  .navbar-link-img img {
    width: 100%; }
  @media (max-width: 1023px) {
    .navbar-link-img {
      width: 144px; } }
  @media (max-width: 767px) {
    .navbar-link-img {
      width: 116px; } }

.login-link {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  margin-right: 37px; }
  @media (max-width: 1023px) {
    .login-link {
      margin-right: 0; } }
  @media (max-width: 767px) {
    .login-link {
      font-size: 16px; } }

.checkout-header .login-link {
  display: none; }

.account-btn-icon {
  margin-left: 5px; }

.temp-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 75px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around; }

.logo-nav {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center; }

.vs-search-suggest {
  position: absolute;
  z-index: 10;
  background-color: white;
  width: 50%;
  max-width: 700px;
  list-style: none;
  padding: 0;
  line-height: 2.5;
  border: 1px solid #afafaf;
  border-top: none;
  border-left: none; }
  .vs-search-suggest > li > a {
    display: block;
    width: 100%;
    padding-left: 18px;
    color: #777777;
    font-weight: bold; }
    .vs-search-suggest > li > a:active, .vs-search-suggest > li > a:hover {
      color: #fff;
      background-color: #1fbba6; }
  @media (max-width: 1023px) {
    .vs-search-suggest > li > a {
      padding-left: 10px;
      font-size: 16px; } }
  @media (max-width: 767px) {
    .vs-search-suggest {
      width: 100%;
      border-right: none; }
      .vs-search-suggest > li > a {
        font-size: 12px; } }

.btn-search-mobile {
  position: absolute;
  right: 18px;
  top: 13px;
  z-index: 1;
  font-size: 16px; }
  .btn-search-mobile:active, .btn-search-mobile:focus, .btn-search-mobile:hover {
    color: #1fbba6; }
  .btn-search-mobile.active {
    color: #2e3641; }

.user {
  width: 34px;
  height: 34px;
  display: inline-block; }
  @media (max-width: 1024px) {
    .user {
      width: 27px;
      height: 27px; } }
  .user > img.gravatar {
    border-radius: 50%; }

.nav-right > a {
  font-size: 15px;
  color: #2e3641;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 26px 10px 22px;
  display: inline-block; }
  .nav-right > a:active, .nav-right > a:hover {
    color: #1fbba6; }
  .nav-right > a > span {
    display: inline-block;
    vertical-align: top;
    line-height: 26px;
    margin-top: 2px; }
  .nav-right > a > i {
    font-size: 18px;
    color: #1fbba6;
    line-height: 28px;
    vertical-align: top; }
  @media (max-width: 1024px) {
    .nav-right > a {
      font-size: 12px;
      padding: 18px 8px 14px; }
      .nav-right > a > i {
        font-size: 16px; } }
  .nav-right > a.btn-search {
    margin-right: 20px; }
    .nav-right > a.btn-search.active > i {
      color: #2e3641; }
    .nav-right > a.btn-search:active > i, .nav-right > a.btn-search:hover > i {
      color: #2e3641; }
  .nav-right > a.btn {
    padding: 10px;
    -webkit-transition: background-color 0.5s ease, color 0.5s ease, border-color 0.5s ease;
    transition: background-color 0.5s ease, color 0.5s ease, border-color 0.5s ease;
    font-weight: 600;
    border: 1px solid #1fbba6;
    font-size: 15px;
    line-height: 18px;
    margin-right: 20px;
    letter-spacing: 2px; }
    @media (max-width: 1024px) {
      .nav-right > a.btn {
        font-size: 12px;
        line-height: 14px;
        margin-top: 10px; } }
    .nav-right > a.btn.btn-primary {
      background-color: #1fbba6;
      color: #fff; }
      .nav-right > a.btn.btn-primary:active, .nav-right > a.btn.btn-primary:hover {
        background-color: #188f7f;
        border-color: #188f7f;
        color: #fff; }
    .nav-right > a.btn.btn-default {
      color: #1fbba6; }
      .nav-right > a.btn.btn-default:active, .nav-right > a.btn.btn-default:hover {
        border-color: #1fbba6;
        background-color: #1fbba6;
        color: #fff; }

.gravatar-dropdown {
  display: inline-block; }

.navbar-header-menu {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 100vh;
  background-color: #1fbba6;
  z-index: 1; }
  .navbar-header-menu > ul {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 3;
    padding: 0;
    list-style: none;
    text-align: center; }
    .navbar-header-menu > ul > li {
      margin: 15px; }
      .navbar-header-menu > ul > li > a {
        color: #fff;
        font-size: 26px;
        padding: 5px;
        font-weight: 300; }
        .navbar-header-menu > ul > li > a:active, .navbar-header-menu > ul > li > a:hover {
          text-decoration: underline; }

.navbar-toggle {
  left: 10px;
  width: 42px;
  padding: 5px 8px;
  height: 51px;
  border: none;
  border-radius: 0;
  position: absolute;
  margin: 0;
  z-index: 2; }
  .navbar-toggle:active, .navbar-toggle:focus, .navbar-toggle:hover {
    background-color: transparent !important; }
    .navbar-toggle:active > .icon-bar, .navbar-toggle:focus > .icon-bar, .navbar-toggle:hover > .icon-bar {
      background: #1fbba6; }
  .navbar-toggle .icon-bar {
    height: 2px;
    background: #1fbba6;
    width: 20px;
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: -webkit-transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease; }
  .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px; }
  .navbar-toggle.open {
    position: fixed; }
    .navbar-toggle.open + .navbar-header-menu {
      display: block; }
      @media (min-width: 768px) {
        .navbar-toggle.open + .navbar-header-menu {
          display: none; } }
    .navbar-toggle.open > .icon-bar:not(:nth-child(2)) {
      background: #fff; }
      .navbar-toggle.open > .icon-bar:not(:nth-child(2)):active, .navbar-toggle.open > .icon-bar:not(:nth-child(2)):focus, .navbar-toggle.open > .icon-bar:not(:nth-child(2)):hover {
        background: #fff; }
    .navbar-toggle.open > .icon-bar:first-child {
      -webkit-transform: translateY(6px) rotate(45deg);
      transform: translateY(6px) rotate(45deg); }
    .navbar-toggle.open > .icon-bar:nth-child(2) {
      background: transparent; }
    .navbar-toggle.open > .icon-bar:last-child {
      -webkit-transform: translateY(-6px) rotate(-45deg);
      transform: translateY(-6px) rotate(-45deg); }
  .navbar-toggle-min {
    right: 10px;
    left: auto;
    width: auto; }

.no-scroll {
  overflow: hidden;
  -webkit-overflow-scrolling: auto; }

.slide-open {
  -webkit-transform: translate3d(182px, 0, 0);
  transform: translate3d(182px, 0, 0); }
  @media (max-width: 1024px) {
    .slide-open {
      -webkit-transform: translate3d(193px, 0, 0);
      transform: translate3d(193px, 0, 0); } }
  @media (max-width: 767px) {
    .slide-open {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); } }

.slideout-toggle {
  border: none;
  background-color: transparent;
  width: 25px;
  margin: 22px;
  padding: 0; }
  .slideout-toggle:hover > .icon-bar {
    background-color: #2e3641; }
  .slideout-toggle.open {
    position: fixed;
    z-index: 1002; }
    .slideout-toggle.open:hover > .icon-bar {
      background-color: #e6e6e6; }
    .slideout-toggle.open > .icon-bar {
      background-color: #fff; }
    .slideout-toggle.open > .icon-bar:first-child {
      -webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
      transform: translate3d(0, 8px, 0) rotate(45deg); }
    .slideout-toggle.open > .icon-bar:nth-child(2) {
      background-color: transparent; }
    .slideout-toggle.open > .icon-bar:last-child {
      -webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
      transform: translate3d(0, -8px, 0) rotate(-45deg); }
  .slideout-toggle > .icon-bar {
    height: 2px;
    background-color: #1fbba6;
    width: 100%;
    margin: 6px 0;
    display: block;
    -webkit-transition: -webkit-transform 0.25s ease;
    transition: -webkit-transform 0.25s ease;
    transition: transform 0.25s ease;
    transition: transform 0.25s ease, -webkit-transform 0.25s ease; }
  .slideout-toggle-cont {
    background-color: #fff;
    margin-left: -15px;
    border: 1px solid #fff;
    height: 76px;
    width: 69px; }
  @media (max-width: 1024px) {
    .slideout-toggle {
      margin: 18px;
      width: 20px; }
      .slideout-toggle > .icon-bar {
        margin: 4px 0; }
      .slideout-toggle.open > .icon-bar:first-child {
        -webkit-transform: translate3d(0, 6px, 0) rotate(45deg);
        transform: translate3d(0, 6px, 0) rotate(45deg); }
      .slideout-toggle.open > .icon-bar:nth-child(2) {
        background-color: transparent; }
      .slideout-toggle.open > .icon-bar:last-child {
        -webkit-transform: translate3d(0, -6px, 0) rotate(-45deg);
        transform: translate3d(0, -6px, 0) rotate(-45deg); }
      .slideout-toggle-cont {
        height: 60px;
        width: 57px; } }
  @media (max-width: 767px) {
    .slideout-toggle {
      display: none; } }

.slideout-menu {
  background-color: #1fbba6;
  width: 250px;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  z-index: 1001;
  -webkit-transform: translate3d(-250px, 0, 0);
  transform: translate3d(-250px, 0, 0);
  -webkit-transition: -webkit-transform 0.25s ease;
  transition: -webkit-transform 0.25s ease;
  transition: transform 0.25s ease;
  transition: transform 0.25s ease, -webkit-transform 0.25s ease;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }
  .slideout-menu.open {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0); }
  .slideout-menu-list {
    list-style: none;
    padding: 0;
    margin-top: 76px;
    height: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    text-align: center; }
  .slideout-menu-link {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    width: 100%; }
    .slideout-menu-link:active, .slideout-menu-link:focus, .slideout-menu-link:hover {
      text-decoration: underline;
      color: #e6e6e6; }
  @media (max-width: 1024px) {
    .slideout-menu.open {
      -webkit-transform: translate3d(0px, 0, 0);
      transform: translate3d(0px, 0, 0); }
    .slideout-menu-list {
      margin-top: 60px; }
    .slideout-menu-link {
      font-size: 12px; } }
  @media (max-width: 767px) {
    .slideout-menu {
      display: none; } }

.slideout-overlay {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 1000; }
  .slideout-overlay.open {
    display: block; }

.partner-logo {
  max-height: 50px;
  width: auto; }
  @media (max-width: 768px) {
    .partner-logo {
      width: 350px; } }
  @media (max-width: 480px) {
    .partner-logo {
      width: 250px; } }

.dropdown-toggle:focus {
  outline: 5px auto -webkit-focus-ring-color; }

.zopim.off-whitelist {
  display: none !important; }

@-webkit-keyframes top {
  0% {
    stroke-dashoffset: 239px; }
  30% {
    stroke-dashoffset: 0; }
  60% {
    fill: transparent; }
  80% {
    fill: #2E3641; }
  100% {
    fill: #2E3641;
    stroke-dashoffset: 0; } }

@keyframes top {
  0% {
    stroke-dashoffset: 239px; }
  30% {
    stroke-dashoffset: 0; }
  60% {
    fill: transparent; }
  80% {
    fill: #2E3641; }
  100% {
    fill: #2E3641;
    stroke-dashoffset: 0; } }

@-webkit-keyframes bottom {
  0%,
  30% {
    stroke-dashoffset: 327px; }
  60% {
    stroke-dashoffset: 0;
    fill: transparent; }
  80% {
    fill: #1FBBA6; }
  100% {
    fill: #1FBBA6;
    stroke-dashoffset: 0; } }

@keyframes bottom {
  0%,
  30% {
    stroke-dashoffset: 327px; }
  60% {
    stroke-dashoffset: 0;
    fill: transparent; }
  80% {
    fill: #1FBBA6; }
  100% {
    fill: #1FBBA6;
    stroke-dashoffset: 0; } }

.loading-overlay {
  z-index: 1051;
  border: none;
  margin: 0;
  padding: 0;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  opacity: 0.8;
  cursor: wait;
  position: fixed;
  background-color: #fff; }

.loading > figure {
  height: 100px;
  width: 100px;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1052; }
  .loading > figure > svg {
    height: 100%;
    width: 100%; }

.bottom-right-logo {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: transparent;
  stroke: #2E3641;
  stroke-width: 1px;
  stroke-dasharray: 239px;
  stroke-dashoffset: 239px;
  -webkit-animation: top 2s infinite linear;
  animation: top 2s infinite linear; }

.top-left-logo {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: transparent;
  stroke: #1FBBA6;
  stroke-width: 1px;
  stroke-dasharray: 327px;
  stroke-dashoffset: 327px;
  -webkit-animation: bottom 2s infinite linear;
  animation: bottom 2s infinite linear; }

.loading-button {
  position: relative;
  display: inline-block;
  text-align: center;
  margin: 0; }
  .loading-button:not(.block) {
    vertical-align: middle; }
  .loading-button.block {
    width: 100%; }
  .loading-button > button {
    display: block;
    margin: 0 auto;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 1px;
    font-size: 18px;
    font-family: 'Oswald', sans-serif;
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;
    transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s; }
    .loading-button > button span {
      -webkit-transition: opacity 0.3s 0.1s;
      transition: opacity 0.3s 0.1s; }
  .loading-button svg {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    pointer-events: none;
    height: 100%; }
    .loading-button svg path {
      opacity: 0;
      fill: none; }
    .loading-button svg.loading-circle path {
      stroke: #ddd;
      stroke-width: 5; }
    .loading-button svg.progress-circle path {
      stroke: #1fbba6;
      stroke-width: 5; }
    .loading-button svg.checkmark path,
    .loading-button svg.cross path {
      stroke: #fff;
      stroke-linecap: round;
      stroke-width: 4;
      -webkit-transition: opacity 0.1s;
      transition: opacity 0.1s; }
  .loading-button.loading span, .loading-button.success span, .loading-button.error span {
    opacity: 0;
    -webkit-transition: opacity 0.15s;
    transition: opacity 0.15s; }
  .loading-button.loading svg path, .loading-button.success svg path, .loading-button.error svg path {
    -webkit-transition: stroke-dashoffset 0.3s;
    transition: stroke-dashoffset 0.3s;
    will-change: stroke-dashoffset; }
  .loading-button.success button,
  .loading-button.error button {
    -webkit-transition: background-color 0.3s, width 0.3s, border-width 0.3s;
    transition: background-color 0.3s, width 0.3s, border-width 0.3s; }
  .loading-button.loading button {
    background-color: transparent;
    color: #fff;
    border-color: transparent; }
    .loading-button.loading button:active, .loading-button.loading button:hover {
      background-color: transparent; }
  .loading-button.loading svg.progress-circle path, .loading-button.loading svg.loading-circle path {
    opacity: 1; }
  .loading-button.success button {
    border-color: #1fbba6;
    background-color: #1fbba6; }
    .loading-button.success button:hover, .loading-button.success button:active, .loading-button.success button:focus {
      border-color: #1fbba6;
      background-color: #1fbba6; }
  .loading-button.success svg.checkmark path {
    opacity: 1; }
  .loading-button.error button {
    border-color: #F9293D;
    background-color: #F9293D; }
    .loading-button.error button:hover, .loading-button.error button:active, .loading-button.error button:focus {
      border-color: #F9293D;
      background-color: #F9293D; }
  .loading-button.error svg.cross path {
    opacity: 1; }

.placeholder .placeholder-expander {
  height: 200px; }

.placeholder .placeholder-text {
  background-color: #58687d;
  display: inline-block;
  height: 25px;
  width: 100%; }
  .placeholder .placeholder-text.big {
    height: 35px; }
  .placeholder .placeholder-text.hightlight {
    background-color: #1fbba6; }
  .placeholder .placeholder-text.accent {
    background-color: #c2c2c2; }
  .placeholder .placeholder-text.white {
    background-color: white; }
  .placeholder .placeholder-text + .placeholder-text {
    margin-top: 10px; }

shopping-cart hr {
  height: 1px;
  margin-bottom: 20px; }

shopping-cart .payment-button {
  text-align: center;
  width: 100% !important; }

shopping-cart .payment-button:hover {
  opacity: 0.8; }

shopping-cart paypal-payment {
  background: transparent url(/assets/customer-ui/images/pay-paypal.png) no-repeat;
  background-position: center;
  background-size: contain;
  border: none;
  cursor: pointer;
  display: block;
  height: 50px;
  width: 100%; }

shopping-cart #amazon_pay_button {
  margin-top: 14px;
  height: 44px; }
  shopping-cart #amazon_pay_button img {
    width: 200px !important;
    height: auto !important; }

shopping-cart stripe-payment button.btn {
  font-size: 17px;
  height: 55px;
  letter-spacing: 0;
  margin-top: 10px; }

shopping-cart .list-ico {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 390px;
  padding: 19px 0 5px; }

shopping-cart .security-seals {
  margin: 0 auto;
  max-height: 30px; }

shopping-cart .box-cart ul.logo-row {
  margin: 6px -40px 12px; }

.shopping-cart-items .coupon-basket.form-hidden {
  font-size: 14px;
  text-align: right; }

.checkout-form shopping-cart-items .remove-item {
  display: none; }

shopping-cart-items .apply-coupon {
  line-height: 37px; }

.has-shipping-discount {
  color: #c2c2c2;
  text-decoration: line-through; }

.alert--cart {
  margin: -12px -12px 12px;
  text-align: center;
  padding: 8px;
  background-color: transparent !important;
  border: none; }
  .alert--cart > h6 {
    color: #f9293d;
    margin: 0;
    line-height: 1.25;
    font-weight: 400;
    letter-spacing: .5px;
    font-size: 13px; }

.smart-img-loading {
  opacity: 0.3; }

.smart-img-spinner {
  background: url(/assets/customer-ui/images/loading-spinner.svg) no-repeat;
  width: 108px;
  height: 108px;
  position: absolute;
  left: 50%;
  top: 25%;
  margin-left: -54px;
  z-index: 10; }

viralstyle-testimonials .owl-carousel {
  position: relative;
  margin: 0 auto;
  max-width: 1210px;
  padding: 0 54px; }
  @media (max-width: 1024px) {
    viralstyle-testimonials .owl-carousel {
      max-width: 946px;
      padding: 0 45px; } }
  @media (max-width: 767px) {
    viralstyle-testimonials .owl-carousel {
      padding: 0 14px; } }
  viralstyle-testimonials .owl-carousel .mask {
    position: relative;
    overflow: hidden;
    width: 100%; }
  viralstyle-testimonials .owl-carousel .slideset {
    width: 99999px;
    float: left; }
  viralstyle-testimonials .owl-carousel .testimonial a {
    display: block;
    color: #2e3641;
    -webkit-transition: color .2s ease;
    transition: color .2s ease; }
    viralstyle-testimonials .owl-carousel .testimonial a:hover {
      color: #1fbba6; }
  viralstyle-testimonials .owl-carousel .owl-next,
  viralstyle-testimonials .owl-carousel .owl-prev {
    position: absolute;
    width: 32px;
    height: 60px;
    top: 50%;
    left: 0;
    margin-top: -35px;
    font-size: 67px;
    line-height: 1;
    color: transparent;
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
    overflow: hidden; }
    @media (max-width: 1024px) {
      viralstyle-testimonials .owl-carousel .owl-next,
      viralstyle-testimonials .owl-carousel .owl-prev {
        font-size: 58px;
        margin-top: -32px; } }
    viralstyle-testimonials .owl-carousel .owl-next:before,
    viralstyle-testimonials .owl-carousel .owl-prev:before {
      position: absolute;
      top: -2px;
      left: -18px;
      color: #7f7f7f; }
      @media (max-width: 1024px) {
        viralstyle-testimonials .owl-carousel .owl-next:before,
        viralstyle-testimonials .owl-carousel .owl-prev:before {
          left: -13px; } }
  viralstyle-testimonials .owl-carousel .owl-next {
    left: auto;
    right: 0; }
  viralstyle-testimonials .owl-carousel .box {
    border: 2px solid #ebebeb;
    border-radius: 14px;
    padding: 20px 20px 25px 40px;
    line-height: 22px;
    margin-right: 20px; }
    @media (max-width: 1024px) {
      viralstyle-testimonials .owl-carousel .box {
        border-radius: 10px;
        padding: 15px 20px 15px 32px;
        font-size: 14px;
        line-height: 18px; } }
    @media (max-width: 767px) {
      viralstyle-testimonials .owl-carousel .box {
        width: 100%;
        font-size: 10px;
        line-height: 13px;
        padding: 11px 20px 6px 24px;
        border-width: 1px;
        margin: 0 0 10px; } }
    viralstyle-testimonials .owl-carousel .box .img-box {
      width: 110px;
      height: 110px;
      border: 3px solid #d2d2d2;
      border-radius: 50%;
      overflow: hidden;
      float: left;
      margin: 0 19px 0 0; }
      @media (max-width: 1024px) {
        viralstyle-testimonials .owl-carousel .box .img-box {
          width: 88px;
          height: 88px;
          border-width: 2px;
          margin-right: 16px; } }
      @media (max-width: 767px) {
        viralstyle-testimonials .owl-carousel .box .img-box {
          width: 60px;
          height: 60px;
          border-width: 1px;
          margin-right: 12px; } }
    viralstyle-testimonials .owl-carousel .box .text-box {
      overflow: hidden;
      font-weight: 600;
      padding: 3px 0 0; }
      @media (max-width: 767px) {
        viralstyle-testimonials .owl-carousel .box .text-box {
          padding: 0; } }
    viralstyle-testimonials .owl-carousel .box .name {
      font-size: 26px;
      line-height: 30px;
      display: block;
      font-weight: normal;
      padding: 0 0 10px; }
      @media (max-width: 1024px) {
        viralstyle-testimonials .owl-carousel .box .name {
          font-size: 21px;
          line-height: 26px;
          padding: 0 0 4px; } }
      @media (max-width: 767px) {
        viralstyle-testimonials .owl-carousel .box .name {
          font-size: 15px;
          line-height: 18px;
          padding: 0 0 2px; } }
    viralstyle-testimonials .owl-carousel .box .buyer {
      display: block;
      padding: 0 0 0 34px;
      position: relative;
      color: #1fbba6;
      text-transform: uppercase;
      font-size: 16px;
      line-height: 18px;
      font-weight: 400;
      letter-spacing: 4px;
      margin: 0 0 9px; }
      @media (max-width: 1024px) {
        viralstyle-testimonials .owl-carousel .box .buyer {
          font-size: 14px;
          line-height: 18px;
          padding: 0 0 0 26px;
          letter-spacing: 3px;
          margin: 0 0 5px; } }
      @media (max-width: 767px) {
        viralstyle-testimonials .owl-carousel .box .buyer {
          font-size: 10px;
          line-height: 14px;
          letter-spacing: 2px;
          padding: 0 0 0 19px; } }
      viralstyle-testimonials .owl-carousel .box .buyer i {
        position: absolute;
        top: -3px;
        left: 2px;
        font-size: 24px; }
        @media (max-width: 1024px) {
          viralstyle-testimonials .owl-carousel .box .buyer i {
            font-size: 20px;
            top: -1px; } }
        @media (max-width: 767px) {
          viralstyle-testimonials .owl-carousel .box .buyer i {
            font-size: 13px;
            top: 0; } }
    viralstyle-testimonials .owl-carousel .box .star-rating {
      width: 142px;
      margin: 0 0 7px 3px; }
      @media (max-width: 1024px) {
        viralstyle-testimonials .owl-carousel .box .star-rating {
          width: 120px;
          margin: 0 0 6px; } }
      @media (max-width: 767px) {
        viralstyle-testimonials .owl-carousel .box .star-rating {
          width: 85px;
          margin: 0 0 2px; } }

.forgot-pwd-col {
  text-align: right; }

@media (max-width: 767px) {
  .forgot-pwd-col,
  .remember-me-col {
    text-align: center; } }

.vs-form .login-btn {
  letter-spacing: 0;
  min-width: 0; }

.login-hr {
  height: 1px;
  margin: 30px 0; }
  @media (max-width: 1023px) {
    .login-hr {
      margin: 24px 0; } }

.login-or {
  border-radius: 50%;
  border: 1px solid #afafaf;
  width: 30px;
  height: 30px;
  line-height: 28px;
  font-size: 14px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: white; }

.social-share-button {
  border: none;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
  display: block;
  width: 35px;
  height: 35px;
  margin-bottom: 6px;
  font-size: 22px;
  padding: 0; }
  .social-share-button:last-child {
    margin-bottom: 0; }

.facebook-share.social-share-button {
  background-color: #306199; }
  .facebook-share.social-share-button:hover {
    background-color: #3972b4; }
  .facebook-share.social-share-button .fa.social-icon:before {
    content: '\f09a'; }

.twitter-share.social-share-button {
  background-color: #26C4F1; }
  .twitter-share.social-share-button:hover {
    background-color: #48cdf3; }
  .twitter-share.social-share-button .fa.social-icon:before {
    content: '\f099'; }

.email-share.social-share-button {
  background-color: #0A88FF; }
  .email-share.social-share-button:hover {
    background-color: #2e99ff; }
  .email-share.social-share-button .fa.social-icon:before {
    content: '\f0e0'; }

.pinterest-share.social-share-button {
  background-color: #B81621; }
  .pinterest-share.social-share-button:hover {
    background-color: #d81a27; }
  .pinterest-share.social-share-button .fa.social-icon:before {
    content: '\f231'; }

.google-share.social-share-button {
  background-color: #E93F2E; }
  .google-share.social-share-button:hover {
    background-color: #ec5d4e; }
  .google-share.social-share-button .fa.social-icon:before {
    content: '\f0d5'; }

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

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

home-image-carousel > .owl-carousel .owl-next,
home-image-carousel > .owl-carousel .owl-prev {
  position: absolute;
  width: 32px;
  height: 60px;
  top: 50%;
  line-height: 1;
  color: transparent;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
  overflow: hidden;
  font-size: 58px;
  margin-top: -32px; }
  @media (min-width: 1025px) {
    home-image-carousel > .owl-carousel .owl-next,
    home-image-carousel > .owl-carousel .owl-prev {
      font-size: 67px;
      margin-top: -35px; } }
  home-image-carousel > .owl-carousel .owl-next:before,
  home-image-carousel > .owl-carousel .owl-prev:before {
    position: absolute;
    top: -2px;
    left: -13px;
    color: #7f7f7f; }
    @media (min-width: 1025px) {
      home-image-carousel > .owl-carousel .owl-next:before,
      home-image-carousel > .owl-carousel .owl-prev:before {
        left: -18px; } }

home-image-carousel > .owl-carousel .owl-next {
  right: 30px; }

home-image-carousel > .owl-carousel .owl-prev {
  left: 30px; }

home-image-carousel > .owl-carousel .owl-dots {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: block; }
  home-image-carousel > .owl-carousel .owl-dots > .owl-dot {
    height: 10px;
    width: 10px;
    margin: 0 5px;
    border: 1px solid #fff;
    background-color: transparent;
    display: inline-block;
    border-radius: 50%;
    -webkit-transition: border-color 0.5s ease, background-color 0.5s ease;
    transition: border-color 0.5s ease, background-color 0.5s ease; }
    home-image-carousel > .owl-carousel .owl-dots > .owl-dot.active {
      border-color: #007087;
      background-color: #007087; }
    home-image-carousel > .owl-carousel .owl-dots > .owl-dot:active, home-image-carousel > .owl-carousel .owl-dots > .owl-dot:focus {
      border-color: #fff; }
    home-image-carousel > .owl-carousel .owl-dots > .owl-dot:hover {
      border-color: #007087; }
  @media (min-width: 769px) {
    home-image-carousel > .owl-carousel .owl-dots {
      display: none; } }

.carousel-item {
  overflow: hidden;
  text-align: center;
  font-family: AvenirNext;
  position: relative;
  padding-top: 250px;
  height: 0; }
  @media (min-width: 769px) {
    .carousel-item {
      padding-top: 26.2467191%; } }
  .owl-item img.carousel-item__image {
    height: 100%;
    width: auto;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-left: 50%;
    position: absolute;
    top: 0; }
    .owl-item img.carousel-item__image--dad {
      -webkit-transform: translateX(-15%);
      transform: translateX(-15%);
      margin-left: 0; }
    .owl-item img.carousel-item__image--hoodie {
      margin-left: 38%; }
    .owl-item img.carousel-item__image--mug {
      margin-left: 62%; }
    .owl-item img.carousel-item__image--wall, .owl-item img.carousel-item__image--lady {
      margin-left: 80%; }
      @media (min-width: 481px) {
        .owl-item img.carousel-item__image--wall, .owl-item img.carousel-item__image--lady {
          margin-left: 62%; } }
    @media (min-width: 769px) {
      .owl-item img.carousel-item__image--dad, .owl-item img.carousel-item__image--hoodie, .owl-item img.carousel-item__image--lady, .owl-item img.carousel-item__image--mug, .owl-item img.carousel-item__image--wall {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        margin-left: 50%; } }
  .carousel-item__content {
    position: absolute;
    text-align: left; }
    .carousel-item__content--dad {
      right: 5px;
      bottom: 20px;
      text-align: right; }
      @media (min-width: 769px) {
        .carousel-item__content--dad {
          left: 45%;
          top: 50%;
          right: auto;
          bottom: auto;
          text-align: left;
          -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%); } }
    .carousel-item__content--hoodie {
      top: 20px;
      left: 20px; }
      @media (min-width: 769px) {
        .carousel-item__content--hoodie {
          top: 50%;
          left: 7.5%;
          -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%); } }
    .carousel-item__content--lady {
      top: 20px;
      right: 10px; }
      @media (min-width: 769px) {
        .carousel-item__content--lady {
          left: 50%;
          top: 50%;
          right: auto;
          -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%); } }
    .carousel-item__content--mug {
      right: 10px;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      transform: translate(0, -50%); }
      @media (min-width: 769px) {
        .carousel-item__content--mug {
          left: 50%;
          right: auto; } }
    .carousel-item__content--wall {
      top: 20px;
      left: 20px; }
      @media (min-width: 769px) {
        .carousel-item__content--wall {
          top: 50%;
          left: 7%;
          -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%); } }
  .carousel-item__inline > .carousel-item__heading {
    display: block; }
    @media (min-width: 769px) {
      .carousel-item__inline > .carousel-item__heading {
        display: inline-block; } }
  .carousel-item__heading, .carousel-item__subheading {
    color: #fff;
    line-height: 1; }
    .carousel-item__heading--lady, .carousel-item__subheading--lady {
      color: #6E5B41; }
    .carousel-item__heading--wall, .carousel-item__subheading--wall {
      color: #41443E; }
  .carousel-item__heading {
    font-size: 40px;
    font-weight: 700; }
    @media (min-width: 769px) {
      .carousel-item__heading {
        font-size: 5.75vw; } }
    .carousel-item__heading--dad {
      font-size: 38px; }
      @media (min-width: 769px) {
        .carousel-item__heading--dad {
          font-size: 5.75vw; } }
    .carousel-item__heading--lady {
      font-size: 40px;
      text-align: right; }
      @media (min-width: 769px) {
        .carousel-item__heading--lady {
          font-size: 7.25vw;
          text-align: left; } }
    .carousel-item__heading--mug {
      text-shadow: 2px 2px 50px #000; }
  .carousel-item__subheading {
    font-size: 14px;
    font-weight: 400;
    display: none;
    margin-top: .5vw; }
    @media (min-width: 769px) {
      .carousel-item__subheading {
        font-size: 1.8vw;
        display: block; } }
    @media (min-width: 769px) {
      .carousel-item__subheading--wall {
        font-size: 1.5vw; } }
  .carousel-item__button {
    background-color: #1fbba6;
    color: #fff;
    font-weight: 700;
    margin-top: 1vw;
    display: none;
    letter-spacing: 1px;
    border: 2px solid #fff;
    border-radius: 3px; }
    @media (min-width: 769px) {
      .carousel-item__button {
        font-size: 18px;
        padding: 5px 15px;
        display: inline-block; } }
    @media (min-width: 1025px) {
      .carousel-item__button {
        font-size: 24px; } }
    @media (min-width: 1201px) {
      .carousel-item__button {
        font-size: 30px;
        padding: 10px 20px;
        border: 3px solid #fff; } }
    .carousel-item__button:hover, .carousel-item__button:active, .carousel-item__button:focus {
      background-color: #1ba593;
      color: #fff; }

.kern {
  margin-left: 2px; }
  @media (min-width: 769px) {
    .kern {
      margin-left: 5px; } }

.btn-cancel {
  margin-right: 10px; }

.contact-us-message {
  color: #333; }
  .contact-us-message::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.5);
    font-size: 18px; }
  .contact-us-message::-moz-placeholder {
    opacity: 1;
    color: rgba(0, 0, 0, 0.5);
    font-size: 18px; }
  .contact-us-message:-moz-placeholder {
    color: rgba(0, 0, 0, 0.5);
    font-size: 18px; }
  .contact-us-message:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.5);
    font-size: 18px; }
  .contact-us-message.placeholder {
    color: rgba(0, 0, 0, 0.5);
    font-size: 18px; }

.file-upload {
  background-color: #DCF9F5;
  float: left;
  width: 100%; }

.file-upload-link {
  cursor: pointer;
  height: 200px;
  border: 2px dashed #1FBBA6;
  margin: 5px;
  display: block;
  text-align: center;
  line-height: 200px; }

.is-dragover > .file-upload {
  background-color: #B9F4EC; }

.product-list.owl-carousel {
  display: none; }

.product-list.owl-carousel.owl-loaded {
  display: block; }

.product-list .owl-item {
  display: inline-block; }
  .product-list .owl-item .title {
    text-align: center; }

.product-list .owl-next,
.product-list .owl-prev {
  position: absolute;
  width: 32px;
  height: 60px;
  top: 50%;
  left: -35px;
  margin-top: -35px;
  font-size: 67px;
  line-height: 1;
  color: transparent;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
  overflow: hidden; }
  @media (max-width: 1024px) {
    .product-list .owl-next,
    .product-list .owl-prev {
      font-size: 58px;
      margin-top: -32px; } }
  .product-list .owl-next:before,
  .product-list .owl-prev:before {
    position: absolute;
    top: -2px;
    left: -18px;
    color: #7f7f7f; }
    @media (max-width: 1024px) {
      .product-list .owl-next:before,
      .product-list .owl-prev:before {
        left: -13px; } }
  .product-list .owl-next:hover:before,
  .product-list .owl-prev:hover:before {
    color: #1fbba6; }
  .product-list .owl-next.disabled:before,
  .product-list .owl-prev.disabled:before {
    cursor: default;
    color: #cacaca; }

.product-list .owl-next {
  left: auto;
  right: -35px; }

.product-list .owl-dots {
  display: none; }

.intro {
  border-top: 3px solid #1fbba6;
  padding: 0;
  margin-bottom: 30px; }

.intro-list {
  display: inline-block;
  vertical-align: top; }
  @media (max-width: 1024px) {
    .intro-list {
      font-size: 14px;
      line-height: 16px; } }
  @media (max-width: 767px) {
    .intro-list {
      font-size: 12px;
      line-height: 16px;
      text-align: center;
      float: none !important;
      width: 100%; } }
  .intro-list li {
    float: left;
    position: relative;
    text-align: center;
    padding: 0 0 0 55px;
    min-width: 70px; }
    @media (max-width: 1024px) {
      .intro-list li {
        padding: 0 0 0 40px; } }
    @media (max-width: 767px) {
      .intro-list li {
        padding: 0 15px;
        float: left;
        width: 25%; } }
    .intro-list li:first-child {
      padding: 0; }
      @media (max-width: 767px) {
        .intro-list li:first-child {
          padding: 0 15px; } }
      .intro-list li:first-child:before {
        display: none; }
    .intro-list li:before {
      position: absolute;
      left: 16px;
      font-size: 20px;
      top: 37%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      color: rgba(255, 255, 255, 0.4);
      content: "\e900";
      font-family: 'icomoon' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1; }
      @media (max-width: 1024px) {
        .intro-list li:before {
          left: 10px; } }
      @media (max-width: 767px) {
        .intro-list li:before {
          left: -8px;
          font-size: 16px;
          margin: 2px 0 0; } }
  .intro-list .text {
    font-weight: 500;
    display: block;
    padding: 0;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 1.5; }
    @media (max-width: 1199px) {
      .intro-list .text {
        font-size: 15px; } }
    @media (max-width: 1023px) {
      .intro-list .text {
        font-size: 13px; } }
  .intro-list .icon {
    line-height: 1;
    width: 100%;
    text-align: center;
    white-space: nowrap;
    display: block;
    font-size: 34px; }
    @media (max-width: 1199px) {
      .intro-list .icon {
        font-size: 28px; } }
    @media (max-width: 1023px) {
      .intro-list .icon {
        font-size: 24px; } }

.intro-list-cont {
  text-align: right; }

.trending-product-container {
  text-align: center;
  display: inline-block; }

.home__heading {
  text-align: center;
  position: relative;
  margin-bottom: 30px; }
  .home__heading > h1 {
    float: none;
    padding: 0 20px;
    background-color: #fff;
    display: inline-block;
    margin: 0;
    width: auto; }
  .home__heading-line {
    height: 2px;
    background-color: #000;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: -1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }

.home-cta {
  background-color: #2e3641;
  padding: 10px; }
  .home-cta__border {
    border: 1px dashed #1fbba6;
    padding: 15px 20px 15px 10px;
    width: 100%;
    margin: 0 auto;
    display: table;
    table-layout: fixed; }
  .home-cta__button {
    border: none;
    background-color: #1fbba6;
    color: #fff;
    padding: 5px 0;
    text-align: center;
    display: block; }
    .home-cta__button:active, .home-cta__button:focus, .home-cta__button:hover {
      background-color: #1ba593;
      color: #fff; }
    @media (min-width: 769px) {
      .home-cta__button {
        display: table-cell;
        vertical-align: middle;
        width: 30%; } }
  .section h1.home-cta__text {
    color: #fff;
    font-weight: 700;
    margin: 0;
    line-height: 28px;
    margin-bottom: 15px;
    display: block;
    padding: 0 10px;
    font-size: 18px;
    letter-spacing: 1px;
    text-align: center; }
    @media (min-width: 769px) {
      .section h1.home-cta__text {
        line-height: 38px;
        margin-bottom: 0;
        display: table-cell;
        vertical-align: middle;
        width: 70%;
        font-size: 22px;
        text-align: left; } }
    @media (min-width: 1025px) {
      .section h1.home-cta__text {
        font-size: 28px; } }
    @media (min-width: 1201px) {
      .section h1.home-cta__text {
        font-size: 32px; } }

.amazon-checkout #amazon_address_book, .amazon-checkout #amazon_wallet_widget {
  height: 270px; }

.checkout-form.paypal-checkout .address-block address label {
  color: rgba(0, 0, 0, 0.5);
  font-size: 14.4px; }

.checkout-form.paypal-checkout .address-block address .address-value {
  font-size: 20px; }

.checkout-form.paypal-checkout .checkout-btn {
  clear: both;
  width: 100%; }

.checkout-form.paypal-checkout .checkout-confirm-header, .checkout-form.paypal-checkout .checkout-confirm-address, .checkout-form.paypal-checkout .checkout-confirm-footer {
  display: none; }

@media (max-width: 1199px) {
  .checkout-form.paypal-checkout .checkout-confirm-footer {
    display: inline-block;
    float: right;
    width: 50%; } }

@media (max-width: 767px) {
  .checkout-form.paypal-checkout .checkout-confirm-header, .checkout-form.paypal-checkout .checkout-confirm-address, .checkout-form.paypal-checkout .checkout-confirm-footer {
    display: block;
    width: 100%; }
  .checkout-form.paypal-checkout .checkout-confirm-header {
    margin-bottom: 15px; } }

.info-section {
  padding: 39px 0 33px; }
  @media (max-width: 767px) {
    .info-section {
      padding: 15px 0 12px; } }
  .info-section .container-fluid {
    max-width: 1130px; }
  .info-section p {
    margin: 0 0 28px; }
    @media (max-width: 767px) {
      .info-section p {
        margin-bottom: 15px; } }
  .info-section .annotation {
    display: block;
    color: #1fbba6;
    font-size: 24px;
    line-height: 28px;
    margin: 2px 0 30px; }
    @media (max-width: 767px) {
      .info-section .annotation {
        margin: 0 0 15px;
        font-size: 20px;
        line-height: 24px; } }

.mission-block {
  margin: 0 0 14px;
  color: #000;
  font-weight: 700; }
  .mission-block p {
    margin-bottom: 3px; }
  .mission-block .mission {
    text-align: center;
    display: block;
    color: #007087;
    font-size: 35px;
    line-height: 34px;
    font-style: italic; }
    @media (max-width: 767px) {
      .mission-block .mission {
        font-size: 28px;
        line-height: 28px; } }
  .mission-block a {
    color: #007087; }
    .mission-block a:hover {
      color: #1fbba6; }

.map-shop {
  background: #007087;
  padding: 37px 0 32px;
  color: #fff; }
  @media (max-width: 767px) {
    .map-shop {
      padding: 15px 0; } }
  .map-shop .container-fluid {
    max-width: 1130px; }
  .map-shop img {
    display: inline-block;
    vertical-align: top; }
  .map-shop h2 {
    color: #fff;
    font-size: 29px;
    line-height: 32px;
    margin: 0 0 18px;
    letter-spacing: 2px; }
    @media (max-width: 767px) {
      .map-shop h2 {
        font-size: 17px;
        line-height: 22px; } }

.support-block {
  padding: 43px 0 39px; }
  @media (max-width: 767px) {
    .support-block {
      padding: 20px 0 10px; } }
  .support-block .container-fluid {
    letter-spacing: -5px;
    max-width: 1058px; }
    .support-block .container-fluid > * {
      letter-spacing: 0; }
  .support-block h2 {
    color: #000;
    font-size: 29px;
    line-height: 32px;
    margin: 0 0 21px;
    letter-spacing: 2px; }
    @media (max-width: 767px) {
      .support-block h2 {
        font-size: 17px;
        line-height: 22px;
        letter-spacing: 0;
        margin-bottom: 15px; } }
  .support-block .picture-holder {
    display: inline-block;
    vertical-align: middle;
    width: 50%; }
    @media (max-width: 767px) {
      .support-block .picture-holder {
        float: none !important;
        width: 100%;
        margin: 0 0 20px;
        display: block; } }
    @media (max-width: 767px) {
      .support-block .picture-holder img {
        display: inline-block;
        vertical-align: top; } }
  .support-block .text-col {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    padding: 0 0 0 63px; }
    @media (max-width: 767px) {
      .support-block .text-col {
        float: none !important;
        display: block;
        width: 100%;
        padding-left: 0; } }

.partners-block {
  padding: 32px 0 39px;
  border-top: 1px solid #bebebe; }
  @media (max-width: 1024px) {
    .partners-block {
      padding: 27px 0; } }
  @media (max-width: 767px) {
    .partners-block {
      padding: 20px 0; } }
  .partners-block .container-fluid {
    max-width: 1130px; }
    @media (max-width: 1024px) {
      .partners-block .container-fluid {
        max-width: 916px; } }
  .partners-block h2 {
    color: #000;
    font-size: 29px;
    line-height: 32px;
    margin: 0 0 15px;
    letter-spacing: 3px; }
    @media (max-width: 1024px) {
      .partners-block h2 {
        font-size: 23px;
        line-height: 26px;
        margin-bottom: 12px; } }
    @media (max-width: 767px) {
      .partners-block h2 {
        font-size: 17px;
        line-height: 22px;
        letter-spacing: 0;
        margin-bottom: 23px; } }
  .partners-block .btn {
    padding: 15px 35px;
    font-weight: 400; }

.partners-list {
  width: 100%;
  display: table;
  margin: 0 0 16px; }
  @media (max-width: 767px) {
    .partners-list {
      display: block;
      width: auto;
      margin: 0 -18px;
      text-align: center; } }
  .partners-list li {
    display: table-cell;
    vertical-align: middle; }
    @media (max-width: 767px) {
      .partners-list li {
        display: inline-block;
        vertical-align: middle;
        margin: 0 18px 23px; } }
  .partners-list a:hover {
    opacity: 0.7; }
  .partners-list img {
    vertical-align: top; }
  .partners-list__img-abc {
    height: 37px;
    width: 80px; }
    @media (min-width: 481px) {
      .partners-list__img-abc {
        height: 59px;
        width: 129px; } }
    @media (min-width: 1025px) {
      .partners-list__img-abc {
        height: 74px;
        width: 161px; } }
  .partners-list__img-tbbj {
    height: 35px;
    width: 119px; }
    @media (min-width: 481px) {
      .partners-list__img-tbbj {
        height: 57px;
        width: 192px; } }
    @media (min-width: 1025px) {
      .partners-list__img-tbbj {
        height: 72px;
        width: 240px; } }
  .partners-list__img-yahoo {
    height: 19px;
    width: 81px; }
    @media (min-width: 481px) {
      .partners-list__img-yahoo {
        height: 29px;
        width: 129px; } }
    @media (min-width: 1025px) {
      .partners-list__img-yahoo {
        height: 37px;
        width: 160px; } }
  .partners-list__img-tc {
    height: 27px;
    width: 78px; }
    @media (min-width: 481px) {
      .partners-list__img-tc {
        height: 42px;
        width: 125px; } }
    @media (min-width: 1025px) {
      .partners-list__img-tc {
        height: 52px;
        width: 155px; } }
  .partners-list__img-fox {
    height: 44px;
    width: 28px; }
    @media (min-width: 481px) {
      .partners-list__img-fox {
        height: 72px;
        width: 46px; } }
    @media (min-width: 1025px) {
      .partners-list__img-fox {
        height: 89px;
        width: 58px; } }

.reviews-section {
  background: #f7f8fa;
  padding: 50px 0 1px; }
  @media (max-width: 767px) {
    .reviews-section {
      padding: 20px 0 1px; } }
  .reviews-section .container-fluid {
    max-width: 970px; }
  .reviews-section h2 {
    color: #000;
    font-size: 29px;
    line-height: 32px;
    margin: 0 0 56px; }
    @media (max-width: 767px) {
      .reviews-section h2 {
        font-size: 17px;
        line-height: 22px;
        margin-bottom: 30px; } }
  .reviews-section .picture-block {
    width: 24.1%; }
    .reviews-section .picture-block img {
      border: 3px solid #d2d2d2;
      max-width: none;
      width: 100%; }
  .reviews-section .blockquote-box {
    margin: 0 0 79px; }
    @media (max-width: 767px) {
      .reviews-section .blockquote-box {
        margin-bottom: 30px; } }
  .reviews-section blockquote {
    border-left: none;
    width: 75.9%;
    padding: 0 0 0 20px;
    margin: 0;
    line-height: 22px; }
    @media (max-width: 767px) {
      .reviews-section blockquote {
        font-size: 16px;
        line-height: 20px; } }
    .reviews-section blockquote cite {
      display: block;
      font-size: 27px;
      line-height: 32px;
      margin: 0 0 12px;
      color: rgba(46, 54, 65, 0.4);
      font-style: normal; }
      @media (max-width: 767px) {
        .reviews-section blockquote cite {
          font-size: 20px;
          line-height: 24px; } }
    .reviews-section blockquote q {
      color: #2e3641;
      font-weight: 600; }

.logo-row {
  overflow: hidden;
  margin-right: -13px;
  display: block;
  padding: 0 0 24px; }
  @media (max-width: 1199px) {
    .logo-row {
      padding-bottom: 16px; } }
  @media (max-width: 767px) {
    .logo-row {
      text-align: center;
      letter-spacing: -4px;
      line-height: 0;
      font-size: 0; } }
  .logo-row li {
    float: left;
    margin: 0 13px 10px 0; }
    @media (max-width: 1199px) {
      .logo-row li {
        width: 21%;
        margin-right: 10px; } }
    @media (max-width: 767px) {
      .logo-row li {
        width: 33%;
        float: none;
        display: inline-block;
        vertical-align: top;
        line-height: 1;
        letter-spacing: 0;
        margin: 0 5px 10px; } }
    @media (max-width: 1199px) {
      .logo-row li img {
        width: 100%;
        height: auto; } }
    @media (max-width: 1199px) {
      .logo-row li:first-child {
        width: 31.5%; } }
    @media (max-width: 767px) {
      .logo-row li:first-child {
        width: 50%; } }
    .logo-row li a {
      display: block;
      line-height: 1; }
      .logo-row li a:hover {
        opacity: 0.8; }

.checkout-form {
  padding: 67px 0 30px; }
  @media (max-width: 1199px) {
    .checkout-form {
      padding-top: 53px; } }
  @media (max-width: 1023px) {
    .checkout-form {
      padding-bottom: 0; } }
  @media (max-width: 767px) {
    .checkout-form {
      padding-top: 20px; } }
  .checkout-form h2 {
    font-weight: 500;
    color: #000;
    letter-spacing: 2px;
    margin: 0 0 22px; }
    @media (max-width: 1199px) {
      .checkout-form h2 {
        font-size: 17px;
        margin-bottom: 17px; } }
    @media (max-width: 767px) {
      .checkout-form h2 {
        font-size: 18px; } }
  .checkout-form .box {
    padding-bottom: 41px; }
    @media (max-width: 1199px) {
      .checkout-form .box {
        padding-bottom: 31px; } }
  .checkout-form .form-group {
    margin-bottom: 15px; }
    @media (max-width: 1199px) {
      .checkout-form .form-group {
        margin-bottom: 12px; } }
  .checkout-form .scan-icons {
    padding: 16px 0 10px;
    max-width: 418px;
    margin: 0 0 0 auto;
    text-align: right; }
    @media (max-width: 1199px) {
      .checkout-form .scan-icons {
        max-width: 328px;
        padding-top: 12px; } }
    @media (max-width: 767px) {
      .checkout-form .scan-icons {
        text-align: center;
        max-width: none; } }
    .checkout-form .scan-icons img {
      max-width: 100%;
      height: auto; }
  .checkout-form .columns .col {
    float: right;
    width: 47%;
    padding-left: 12px; }
    @media (max-width: 767px) {
      .checkout-form .columns .col {
        width: 100%;
        padding: 15px 0 0; } }
    .checkout-form .columns .col:first-child {
      padding-left: 0;
      float: left;
      width: 53%; }
      @media (max-width: 767px) {
        .checkout-form .columns .col:first-child {
          width: 100%;
          padding-top: 0; } }
  .checkout-form .columns.columns-1 .col {
    width: 36%; }
    @media (max-width: 767px) {
      .checkout-form .columns.columns-1 .col {
        width: 100%; } }
    .checkout-form .columns.columns-1 .col:first-child {
      width: 64%; }
      @media (max-width: 767px) {
        .checkout-form .columns.columns-1 .col:first-child {
          width: 100%; } }
  .checkout-form .jcf-select {
    margin: 0;
    height: 60px;
    min-width: 1px;
    color: #333; }
    @media (max-width: 1199px) {
      .checkout-form .jcf-select {
        height: 48px; } }
    .checkout-form .jcf-select .jcf-select-text {
      font-size: 18px;
      line-height: 60px;
      margin-left: 18px; }
      @media (max-width: 1199px) {
        .checkout-form .jcf-select .jcf-select-text {
          font-size: 16px;
          line-height: 48px;
          margin-left: 14px; } }
  .checkout-form .threcolumns .col {
    float: left;
    padding-left: 12px;
    width: 33.33%; }
    @media (max-width: 767px) {
      .checkout-form .threcolumns .col {
        width: 100%;
        padding: 15px 0 0; } }
    .checkout-form .threcolumns .col:first-child {
      padding-left: 0; }
      @media (max-width: 767px) {
        .checkout-form .threcolumns .col:first-child {
          width: 100%;
          padding-top: 0; } }
  .checkout-form .footer-form {
    margin-top: -30px; }
    @media (max-width: 1199px) {
      .checkout-form .footer-form {
        margin-top: 20px; }
        .checkout-form .footer-form.main-checkout-footer {
          margin-top: -20px;
          margin-bottom: 25px; } }
  .checkout-form .checkout-btn {
    min-width: 301px;
    font-size: 21px;
    line-height: 28px;
    padding: 12px; }
    @media (max-width: 1199px) {
      .checkout-form .checkout-btn {
        font-size: 16px;
        line-height: 26px;
        min-width: 236px; } }
    @media (max-width: 767px) {
      .checkout-form .checkout-btn {
        min-width: 1px;
        width: 100%;
        float: none !important; } }
  .checkout-form .return {
    margin-top: 11px;
    display: inline-block;
    vertical-align: top;
    color: #1fbba6; }
    .checkout-form .return:hover {
      color: #007087; }
    @media (max-width: 1199px) {
      .checkout-form .return {
        font-size: 15px;
        margin-top: 9px; } }
    @media (max-width: 767px) {
      .checkout-form .return {
        margin: 0 0 10px;
        font-size: 14px; } }
    .checkout-form .return .icons-arrow-left2 {
      font-size: 20px;
      position: relative;
      top: 2px; }
      @media (max-width: 1199px) {
        .checkout-form .return .icons-arrow-left2 {
          font-size: 16px;
          top: 0; } }
      @media (max-width: 767px) {
        .checkout-form .return .icons-arrow-left2 {
          font-size: 16px; } }
  .checkout-form .how-it-works-details {
    padding: 30px 44px 0; }
    .checkout-form .how-it-works-details h4 {
      text-transform: none; }

.jcf-select-select-checkout .jcf-list {
  font-size: 18px; }
  .jcf-select-select-checkout .jcf-list .jcf-option {
    padding: 5px 18px; }

.checkout-header .container-fluid .navbar-brand {
  position: static;
  float: left;
  margin: 14px 0 0 34px !important;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0); }

.block-basket {
  background: #f7f8fa;
  margin-top: -147px;
  z-index: 1001;
  margin-bottom: -9999px;
  padding: 150px 36px 9999px; }
  @media (max-width: 1199px) {
    .block-basket {
      padding-left: 30px; } }
  @media (max-width: 1023px) {
    .block-basket {
      margin: 0 -15px;
      padding: 20px 45px 20px 25px; }
      .block-basket:after {
        display: none; } }
  @media (max-width: 767px) {
    .block-basket {
      padding: 20px 25px; } }
  .block-basket .input-group {
    margin: 15px 0 5px; }
    .block-basket .input-group > .form-control {
      height: 48px;
      font-size: 16px; }
    .block-basket .input-group > .input-group-btn > .btn {
      height: 48px;
      padding: 6px 12px;
      font-size: 16px;
      margin-bottom: 0;
      width: auto; }
  .block-basket .coupon-basket.form-group {
    margin: 0; }
  .block-basket .footer-basket {
    padding: 15px 0 0; }
    .block-basket .footer-basket .panel-basket {
      padding: 27px 10px;
      border-top: 1px solid #dadada;
      overflow: hidden; }
      @media (max-width: 1199px) {
        .block-basket .footer-basket .panel-basket {
          padding: 15px 6px; } }
      .block-basket .footer-basket .panel-basket .col {
        width: 50%;
        float: left;
        color: #1fbba6;
        font-size: 19px;
        line-height: 22px;
        text-align: right; }
        @media (max-width: 1199px) {
          .block-basket .footer-basket .panel-basket .col {
            font-size: 17px; } }
        .block-basket .footer-basket .panel-basket .col p {
          margin: 11px 0 0; }
          @media (max-width: 1199px) {
            .block-basket .footer-basket .panel-basket .col p {
              margin-top: 5px; } }
          .block-basket .footer-basket .panel-basket .col p:first-child {
            margin-top: 0; }
          .block-basket .footer-basket .panel-basket .col p.discount {
            color: #F9293D; }
        .block-basket .footer-basket .panel-basket .col:first-child {
          text-align: left;
          color: #2e3641;
          font-size: 18px; }
          @media (max-width: 1199px) {
            .block-basket .footer-basket .panel-basket .col:first-child {
              font-size: 14px;
              padding-top: 3px; }
              .block-basket .footer-basket .panel-basket .col:first-child p {
                margin-top: 3px; } }
  @media (max-width: 1199px) {
    .block-basket .footer-thank .panel-basket .col p {
      margin-top: 10px; } }
  @media (max-width: 1199px) {
    .block-basket .footer-thank .panel-basket .col:first-child {
      font-size: 18px; } }
  @media (max-width: 1199px) {
    .block-basket .footer-thank .panel-basket .col:first-child p {
      margin-top: 8px; } }
  @media (max-width: 1199px) {
    .block-basket .footer-thank .panel-basket .col:first-child p:first-child {
      margin-top: 0; } }
  .block-basket .bar-basket {
    padding: 14px 8px 0; }
    @media (max-width: 1199px) {
      .block-basket .bar-basket {
        padding: 7px 4px 0; } }
    .block-basket .bar-basket .col {
      width: 50%;
      float: left;
      text-align: right; }
      .block-basket .bar-basket .col:first-child {
        text-align: left; }
    .block-basket .bar-basket .inc {
      color: #1fbba6;
      font-size: 34px;
      line-height: 36px; }
      @media (max-width: 1199px) {
        .block-basket .bar-basket .inc {
          font-size: 27px; } }
      @media (max-width: 767px) {
        .block-basket .bar-basket .inc {
          font-size: 25px; } }
      .block-basket .bar-basket .inc .value {
        color: #c2c2c2;
        text-transform: uppercase;
        font-size: 16px; }
        @media (max-width: 1199px) {
          .block-basket .bar-basket .inc .value {
            font-size: 13px; } }
        @media (max-width: 767px) {
          .block-basket .bar-basket .inc .value {
            font-size: 14px; } }
  .block-basket .total {
    text-transform: uppercase;
    color: #000;
    font-weight: 500;
    font-size: 26px;
    line-height: 36px;
    letter-spacing: 2px; }
    @media (max-width: 1199px) {
      .block-basket .total {
        font-size: 20px; } }
    @media (max-width: 767px) {
      .block-basket .total {
        font-size: 22px; } }

.item-basket {
  color: #1fbba6;
  font-size: 14px;
  line-height: 1.2;
  padding: 10px 0 17px;
  position: relative; }
  @media (max-width: 1199px) {
    .item-basket {
      padding-bottom: 11px;
      font-size: 11px; } }
  .item-basket h3 {
    margin: 0 0 5px;
    font-size: 18px;
    line-height: 1.278;
    color: #2e3641;
    text-transform: none;
    font-weight: normal; }
    @media (max-width: 1199px) {
      .item-basket h3 {
        font-size: 14px;
        line-height: 1.286; } }
    @media (max-width: 767px) {
      .item-basket h3 {
        font-size: 14px !important; } }
  .item-basket .visual {
    float: left;
    margin: 0 20px 0 0;
    position: relative;
    overflow: visible;
    width: 100px;
    max-height: 100px; }
    .item-basket .visual img {
      max-width: 100%;
      max-height: 100px; }
    @media (max-width: 767px) {
      .item-basket .visual {
        width: 65px;
        max-height: 65px; }
        .item-basket .visual > img {
          max-height: 65px; } }
    .item-basket .visual .label {
      position: absolute;
      display: block;
      padding: 0;
      top: -3px;
      right: 1px;
      width: 25px;
      height: 25px;
      border-radius: 50%;
      background: #1fbba6;
      text-align: center;
      color: #fff;
      line-height: 25px;
      font-size: 18px;
      font-weight: bold;
      z-index: 10; }
      @media (max-width: 1199px) {
        .item-basket .visual .label {
          width: 20px;
          height: 20px;
          font-size: 14px;
          line-height: 20px; } }
  .item-basket .body {
    overflow: hidden;
    padding: 17px 0 0; }
    @media (max-width: 1199px) {
      .item-basket .body {
        padding-top: 13px; } }
  .item-basket .inc {
    float: right;
    font-size: 21px;
    margin: 0 0 0 10px; }
    @media (max-width: 1199px) {
      .item-basket .inc {
        font-size: 16px; } }
  .item-basket .text {
    overflow: hidden; }
  .item-basket .closed {
    position: absolute;
    right: -20px;
    top: 31px;
    width: 14px;
    height: 14px; }
    @media (max-width: 1309px) {
      .item-basket .closed {
        top: 0;
        right: 0; } }
    .item-basket .closed:hover:after, .item-basket .closed:hover:before {
      background: #007087; }
    .item-basket .closed:after, .item-basket .closed:before {
      content: '';
      position: absolute;
      width: 16px;
      height: 2px;
      background: #c5c5c5;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      top: 50%;
      z-index: 10; }
    .item-basket .closed:before {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }

.address-block {
  padding-bottom: 59px; }
  @media (max-width: 1199px) {
    .address-block {
      padding-bottom: 45px; } }
  .address-block .col {
    float: left;
    width: 50%; }
    @media (max-width: 767px) {
      .address-block .col {
        width: 100%;
        padding-top: 30px; }
        .address-block .col:first-child {
          padding-top: 0; } }
  .address-block address {
    font-size: 21px;
    line-height: 1.381;
    color: #333;
    margin: 0;
    padding: 0;
    font-style: normal;
    margin-bottom: 14px; }
    @media (max-width: 1199px) {
      .address-block address {
        font-size: 17px;
        line-height: 1.3;
        margin-bottom: 8px; } }
    @media (max-width: 767px) {
      .address-block address {
        font-size: 16px; } }
  .address-block a {
    color: #1fbba6;
    font-size: 18px; }
    @media (max-width: 1199px) {
      .address-block a {
        font-size: 15px; } }
    .address-block a:hover {
      color: #007087; }
  .address-block h2 {
    margin-bottom: 18px; }

.payment {
  margin-bottom: 59px;
  color: #2e3641; }
  @media (max-width: 1199px) {
    .payment {
      font-size: 14px;
      margin-bottom: 44px; } }
  @media (max-width: 767px) {
    .payment {
      font-size: 16px; } }
  .payment h2 {
    margin: 0 0 8px; }
  .payment p {
    margin: 0 0 18px; }
    @media (max-width: 1199px) {
      .payment p {
        margin-bottom: 15px; } }

.lock,
.question {
  position: relative; }
  .lock input,
  .question input {
    padding-right: 25px; }
  .lock:after,
  .question:after {
    content: '\e927';
    position: absolute;
    top: 50%;
    right: 18px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 16px;
    line-height: 1;
    color: #ccc;
    font-family: 'icomoon'; }
    @media (max-width: 1199px) {
      .lock:after,
      .question:after {
        font-size: 14px; } }

.question .tooltip-question {
  position: absolute;
  width: 18px;
  height: 18px;
  top: 50%;
  right: 18px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  background: #ccc;
  color: #fff;
  border-radius: 50%;
  z-index: 10; }
  @media (max-width: 1199px) {
    .question .tooltip-question {
      width: 15px;
      height: 15px;
      font-size: 12px;
      line-height: 15px; } }

.question:after {
  display: none; }

.question .tooltip {
  min-width: 150px; }

.payment-box {
  border: 1px solid #d9d9d9;
  margin-bottom: 40px; }
  @media (max-width: 767px) {
    .payment-box {
      margin-bottom: 20px; } }
  .payment-box .header {
    padding: 17px 20px;
    border-bottom: 1px solid #d9d9d9;
    overflow: hidden; }
    @media (max-width: 1199px) {
      .payment-box .header {
        padding: 10px 15px; } }
  .payment-box .box-card {
    font-size: 15px;
    line-height: 27px;
    float: right;
    color: #98a5b6; }
    @media (max-width: 1199px) {
      .payment-box .box-card {
        font-size: 12px;
        line-height: 21px;
        padding-top: 2px; } }
    @media (max-width: 767px) {
      .payment-box .box-card {
        width: 100%;
        padding-top: 5px; } }
    .payment-box .box-card .img-box {
      display: inline; }
      @media (max-width: 1199px) {
        .payment-box .box-card .img-box {
          width: 142px;
          display: inline-block; }
          .payment-box .box-card .img-box img {
            max-width: 100%;
            height: auto; } }
      @media (max-width: 767px) {
        .payment-box .box-card .img-box {
          width: 150px;
          float: left;
          margin-right: 10px; } }
  .payment-box label {
    font-size: 15px;
    line-height: 27px;
    margin: 0; }
    @media (max-width: 1199px) {
      .payment-box label {
        font-size: 12px; } }
  .payment-box .body {
    background: #fafafa;
    padding: 18px 18px 15px; }
    @media (max-width: 1199px) {
      .payment-box .body {
        padding: 14px 14px 6px; } }
    @media (max-width: 767px) {
      .payment-box .body {
        padding: 18px 18px 8px; } }
    .payment-box .body .form-group {
      margin-bottom: 10px; }
    .payment-box .body .input-placeholder-text {
      display: block !important;
      color: #9c949a !important;
      font-size: 18px;
      line-height: 22px;
      padding: 12px 15px 13px;
      -webkit-transition: padding 0.3s, font-size 0.3s;
      transition: padding 0.3s, font-size 0.3s; }
      @media (max-width: 1199px) {
        .payment-box .body .input-placeholder-text {
          font-size: 14px;
          padding: 9px 15px 0; } }
    .payment-box .body .parent-active .input-placeholder-text {
      font-size: 12px;
      padding-top: 2px; }
    .payment-box .body .threecolumns .col {
      float: left;
      width: 25%;
      padding-left: 11px; }
      @media (max-width: 767px) {
        .payment-box .body .threecolumns .col {
          width: 100%;
          padding-left: 0; } }
      .payment-box .body .threecolumns .col:first-child {
        width: 50%;
        padding-left: 0; }
        @media (max-width: 767px) {
          .payment-box .body .threecolumns .col:first-child {
            width: 100%; } }
        .payment-box .body .threecolumns .col:first-child + .col {
          width: 25%; }
          @media (max-width: 767px) {
            .payment-box .body .threecolumns .col:first-child + .col {
              width: 100%; } }
  .payment-box .footer {
    border-top: 1px solid #d9d9d9;
    padding: 17px 20px; }
    @media (max-width: 1199px) {
      .payment-box .footer {
        padding: 12px 15px; } }
    @media (max-width: 1199px) {
      .payment-box .footer .img-box {
        width: 34px; } }

.thank {
  padding: 41px 0 88px; }
  @media (max-width: 1199px) {
    .thank {
      padding: 31px 0 88px;
      font-size: 17px; } }
  @media (max-width: 767px) {
    .thank {
      padding-bottom: 30px; } }
  .thank .phone {
    margin: 0 0 25px; }
  .thank .title {
    text-align: center;
    color: #2e3641;
    margin: 0 0 30px; }
    @media (max-width: 1199px) {
      .thank .title {
        margin-bottom: 54px; } }
    @media (max-width: 767px) {
      .thank .title {
        font-size: 16px;
        margin-bottom: 20px; } }
    .thank .title h1 {
      color: #1fbba6;
      margin: 0 0 20px;
      font-size: 39px;
      line-height: 1.2;
      font-weight: 500;
      letter-spacing: 2px; }
      @media (max-width: 1199px) {
        .thank .title h1 {
          font-size: 38px; } }
      @media (max-width: 767px) {
        .thank .title h1 {
          font-size: 28px; } }
    .thank .title .ico {
      font-size: 63px;
      line-height: 1;
      display: inline-block;
      vertical-align: top;
      color: #1fbba6;
      margin-bottom: 25px; }
      @media (max-width: 1199px) {
        .thank .title .ico {
          font-size: 50px;
          margin-bottom: 17px; } }
    .thank .title p {
      margin: 0; }

.title-order {
  padding-bottom: 3px; }
  .title-order h2 {
    padding: 7px 0 0;
    letter-spacing: 1px; }
    @media (max-width: 1199px) {
      .title-order h2 {
        font-size: 17px; } }
  .title-order .box {
    float: right; }
    @media (max-width: 1199px) {
      .title-order .box {
        padding-top: 2px; } }
    @media (max-width: 767px) {
      .title-order .box {
        float: none;
        width: 100%; } }
    .title-order .box .print {
      float: left;
      font-size: 19px;
      line-height: 38px; }
      @media (max-width: 1199px) {
        .title-order .box .print {
          font-size: 15px;
          line-height: 30px; } }
      .title-order .box .print .icons-print {
        margin: 0 2px 0 0;
        position: relative;
        top: -2px;
        font-size: 22px;
        vertical-align: middle; }
        @media (max-width: 1199px) {
          .title-order .box .print .icons-print {
            font-size: 18px; } }
    .title-order .box .social-networks {
      float: left;
      margin-left: 13px; }
      @media (max-width: 1199px) {
        .title-order .box .social-networks {
          margin-left: 8px; } }
      @media (max-width: 767px) {
        .title-order .box .social-networks {
          float: right; } }
      .title-order .box .social-networks li {
        margin-right: 0;
        margin-left: 6px; }
      @media (max-width: 1199px) {
        .title-order .box .social-networks a {
          width: 30px;
          height: 30px; } }

.order .block-basket {
  padding: 0;
  margin: 0;
  background: none; }
  .order .block-basket .panel-basket {
    border: 0;
    padding: 0;
    clear: both; }
    .order .block-basket .panel-basket .col {
      line-height: 26px; }
      .order .block-basket .panel-basket .col:first-child {
        color: #000;
        font-weight: 500;
        font-size: 16px; }
  .order .block-basket .bar-basket {
    margin-bottom: 43px;
    margin-top: 11px;
    padding: 0;
    border-top: 1px solid #2e3641; }
    @media (max-width: 1199px) {
      .order .block-basket .bar-basket {
        margin-bottom: 15px; } }
    .order .block-basket .bar-basket h4 {
      margin: 0;
      line-height: 38px; }
    .order .block-basket .bar-basket .inc {
      font-size: 21px; }
      @media (max-width: 1199px) {
        .order .block-basket .bar-basket .inc {
          font-size: 19px; } }
  .order .block-basket .footer-basket {
    color: #333;
    padding: 24px 0 0; }
    @media (max-width: 1199px) {
      .order .block-basket .footer-basket {
        padding: 15px 0 0; } }
    .order .block-basket .footer-basket h2 {
      padding-top: 9px;
      margin-bottom: 18px; }
      @media (max-width: 1199px) {
        .order .block-basket .footer-basket h2 {
          font-size: 17px;
          margin-bottom: 15px; } }
    .order .block-basket .footer-basket address {
      line-height: 1.3; }

.order .footer-box {
  margin: 0; }

.order .item-basket {
  border-bottom: 2px solid #e2e2e2;
  padding: 13px 0 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media (max-width: 1199px) {
    .order .item-basket {
      padding: 10px 0 6px; } }
  @media (max-width: 767px) {
    .order .item-basket {
      display: block; } }
  .order .item-basket:first-child {
    border-top: 2px solid #e2e2e2; }
  .order .item-basket h3 {
    font-size: 20px; }
    @media (max-width: 767px) {
      .order .item-basket h3 {
        font-size: 18px; } }
  .order .item-basket .inc {
    font-size: 24px; }
    @media (max-width: 1199px) {
      .order .item-basket .inc {
        font-size: 19px; } }
    @media (max-width: 767px) {
      .order .item-basket .inc {
        font-size: 21px; } }
  .order .item-basket .visual {
    margin: 0; }
    @media (max-width: 1199px) {
      .order .item-basket .visual {
        width: 11%; } }
    @media (max-width: 767px) {
      .order .item-basket .visual {
        width: 102px;
        padding: 0;
        margin: 0 auto 10px;
        float: none; } }
  .order .item-basket .body {
    padding: 0;
    width: 84.9%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    @media (max-width: 767px) {
      .order .item-basket .body {
        width: 100%; } }
    .order .item-basket .body .hold {
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      @media (max-width: 767px) {
        .order .item-basket .body .hold {
          -webkit-box-align: center;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center; } }

.order .btn {
  min-width: 301px;
  margin-bottom: 23px;
  font-size: 21px;
  padding: 10px 12px; }
  @media (max-width: 1199px) {
    .order .btn {
      font-size: 16px;
      min-width: 235px;
      padding: 8px 12px; } }

.order .return {
  clear: both;
  font-size: 19px; }
  @media (max-width: 1199px) {
    .order .return {
      font-size: 18px; }
      .order .return > span {
        font-size: 20px;
        position: relative;
        top: 2px; } }

.order h2 {
  margin: 0 0 5px; }

.order.promo-order {
  margin-top: 25px; }
  .order.promo-order .item-basket:last-child {
    border-bottom: none; }

.collapse-group {
  max-height: 0;
  -webkit-transition: max-height 0.5s ease;
  transition: max-height 0.5s ease;
  overflow: hidden; }
  .collapse-group.open {
    max-height: 500px;
    overflow: visible; }

.contacts-section {
  padding: 29px 0 73px; }
  @media (max-width: 1024px) {
    .contacts-section {
      padding: 23px 12px 58px; } }
  @media (max-width: 767px) {
    .contacts-section {
      padding: 10px 0 6px; } }
  @media (max-width: 1024px) {
    .contacts-section .form-group {
      margin-bottom: 22px; } }
  @media (max-width: 767px) {
    .contacts-section .form-group {
      margin-bottom: 16px; } }
  .contacts-section .form-group + .btn {
    margin-top: -7px; }
    @media (max-width: 767px) {
      .contacts-section .form-group + .btn {
        margin-top: -5px; } }
  .contacts-section form {
    margin-bottom: 38px;
    max-width: 508px; }
    @media (max-width: 1024px) {
      .contacts-section form {
        max-width: 408px;
        margin-bottom: 17px; } }
    @media (max-width: 767px) {
      .contacts-section form {
        max-width: none; } }
    .contacts-section form .btn {
      font-weight: normal;
      font-size: 16px;
      padding: 16px 10px; }
      @media (max-width: 1024px) {
        .contacts-section form .btn {
          font-size: 13px;
          padding: 13px 10px; } }
      @media (max-width: 767px) {
        .contacts-section form .btn {
          font-size: 16px;
          font-weight: bold;
          padding: 14px 10px; } }
  @media (max-width: 767px) {
    .contacts-section .panels {
      margin-bottom: 19px; } }
  .contacts-section .text-block {
    padding: 0 37px 51px;
    color: #2e3641;
    max-width: 480px; }
    @media (max-width: 1024px) {
      .contacts-section .text-block {
        font-size: 14px;
        padding: 0 30px 43px;
        max-width: 370px; } }
    @media (max-width: 767px) {
      .contacts-section .text-block {
        font-size: 12px;
        line-height: 1.64;
        padding: 0 10px 15px; } }
    .contacts-section .text-block address {
      margin: 28px 0; }
      @media (max-width: 1024px) {
        .contacts-section .text-block address {
          margin: 25px 0 27px; } }
      @media (max-width: 767px) {
        .contacts-section .text-block address {
          margin: -4px 0 16px; } }
    .contacts-section .text-block p {
      margin-bottom: 10px; }
  .contacts-section h2 {
    letter-spacing: 2px;
    color: #000;
    font-size: 21px;
    margin: 0 0 19px; }
    @media (max-width: 1024px) {
      .contacts-section h2 {
        font-size: 17px;
        letter-spacing: 1px;
        margin-bottom: 15px; } }
    @media (max-width: 767px) {
      .contacts-section h2 {
        margin-bottom: 10px; } }
  .contacts-section .phone {
    font-weight: normal;
    font-size: 35px;
    line-height: 1;
    display: block;
    padding: 3px 0 29px; }
    @media (max-width: 1024px) {
      .contacts-section .phone {
        font-size: 28px;
        padding: 2px 0 25px; } }
    @media (max-width: 767px) {
      .contacts-section .phone {
        font-size: 23px;
        padding: 0 0 17px; } }

.links-list {
  text-transform: uppercase;
  padding-bottom: 22px;
  letter-spacing: 0.5px;
  margin-bottom: 0; }
  @media (max-width: 1024px) {
    .links-list {
      font-size: 14px;
      padding-bottom: 15px; } }
  @media (max-width: 767px) {
    .links-list {
      font-size: 11px;
      padding: 0 10px 4px; } }
  .links-list li {
    margin-bottom: 13px; }
    @media (max-width: 767px) {
      .links-list li {
        margin-bottom: 8px; } }
  .links-list a:after {
    height: 0;
    width: 0;
    border-bottom: 6.5px solid transparent;
    border-left: 6.5px solid #1fbba6;
    border-top: 6.5px solid transparent;
    content: '';
    display: inline-block;
    margin-left: 10px; }
    @media (max-width: 1024px) {
      .links-list a:after {
        border-width: 4px;
        margin-left: 7px; } }
    @media (max-width: 767px) {
      .links-list a:after {
        border-width: 3px;
        margin-left: 5px; } }

.chat-link {
  display: inline-block;
  vertical-align: top;
  text-transform: uppercase;
  font-size: 17px;
  line-height: 25px;
  letter-spacing: 1px; }
  @media (max-width: 1024px) {
    .chat-link {
      font-size: 14px;
      line-height: 20px; } }
  @media (max-width: 767px) {
    .chat-link {
      font-size: 11px;
      line-height: 15px;
      margin: 0 10px 32px; } }
  .chat-link img {
    display: inline-block;
    vertical-align: top;
    margin: 0 19px 0 0; }
    @media (max-width: 1024px) {
      .chat-link img {
        width: 146px;
        height: auto;
        margin-right: 12px; } }
    @media (max-width: 767px) {
      .chat-link img {
        width: 110px; } }
  .chat-link span {
    padding: 10px 0 0;
    display: inline-block;
    vertical-align: top; }
    @media (max-width: 1024px) {
      .chat-link span {
        padding: 8px 0 0; } }
    @media (max-width: 767px) {
      .chat-link span {
        padding: 6px 0 0; } }

.faq-section {
  padding: 41px 15px 30px; }
  @media (max-width: 767px) {
    .faq-section {
      padding: 20px 15px; } }
  .faq-section.container-fluid {
    max-width: 1130px; }
  .faq-section.style-02 {
    padding: 0 15px 50px; }
    .faq-section.style-02.container-fluid {
      max-width: 1140px; }
    .faq-section.style-02 .faq-box {
      margin: 0 0 0 -17px; }
      @media (max-width: 1024px) {
        .faq-section.style-02 .faq-box {
          margin-left: 0; } }
      .faq-section.style-02 .faq-box:first-child {
        padding-top: 73px; }
        @media (max-width: 1024px) {
          .faq-section.style-02 .faq-box:first-child {
            padding-top: 57px; } }
        @media (max-width: 767px) {
          .faq-section.style-02 .faq-box:first-child {
            padding-top: 15px; } }
      .faq-section.style-02 .faq-box h2 {
        font-size: 39px;
        line-height: 42px;
        margin: 0 0 36px;
        font-weight: 700;
        color: #1fbba6; }
        @media (max-width: 1024px) {
          .faq-section.style-02 .faq-box h2 {
            font-size: 31px;
            line-height: 34px;
            margin-bottom: 30px; } }
        @media (max-width: 767px) {
          .faq-section.style-02 .faq-box h2 {
            font-size: 30px;
            line-height: 34px;
            margin-bottom: 13px; } }

.faq-box {
  border-top: 1px solid #d4d4d4;
  padding: 26px 0 0;
  margin: 0 0 16px; }
  @media (max-width: 767px) {
    .faq-box {
      padding: 15px 9px 0; } }
  .faq-box:first-child {
    border-top: 0;
    padding-top: 0; }
  .faq-box h2 {
    margin: 0 0 21px; }
  .faq-box .panel-group {
    margin-bottom: 0; }
  .faq-box .panel {
    background: transparent; }
    @media (max-width: 1024px) {
      .faq-box .panel {
        margin: 0; } }
    .faq-box .panel + .panel {
      margin-top: 0; }
      @media (max-width: 1024px) {
        .faq-box .panel + .panel {
          margin-top: 4px; } }
      @media (max-width: 767px) {
        .faq-box .panel + .panel {
          margin-top: 1px; } }
  .faq-box .panel-body {
    padding: 13px 0 10px 54px;
    line-height: 20px; }
    @media (max-width: 1024px) {
      .faq-box .panel-body {
        padding: 9px 0 9px 54px;
        font-size: 17px;
        line-height: 19px; } }
    @media (max-width: 767px) {
      .faq-box .panel-body {
        font-size: 14px;
        line-height: 16px;
        padding: 4px 0 4px 24px; } }
    .faq-box .panel-body .faq-hold {
      margin-bottom: 20px; }
      @media (max-width: 767px) {
        .faq-box .panel-body .faq-hold {
          margin-bottom: 13px; } }
    .faq-box .panel-body p {
      margin-bottom: 0; }
    .faq-box .panel-body .asked-letter {
      font-weight: 700;
      color: #007087; }
  .faq-box .no-answer-letter .asked-letter {
    display: none; }

.open-accordion {
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  padding: 0 8px 0 27px;
  position: relative; }
  @media (max-width: 1024px) {
    .open-accordion {
      font-size: 17px;
      line-height: 20px;
      padding: 2px 8px 2px 24px; } }
  @media (max-width: 767px) {
    .open-accordion {
      font-size: 14px;
      line-height: 18px; } }
  .open-accordion:focus {
    color: #1fbba6; }
  .open-accordion.collapsed:before {
    content: "+";
    line-height: 18px; }
    @media (max-width: 767px) {
      .open-accordion.collapsed:before {
        line-height: 13px; } }
  .open-accordion:before {
    content: "-";
    position: absolute;
    left: 0;
    top: 6px;
    background: #007087;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    font-size: 20px;
    line-height: 14px;
    font-weight: 600; }
    @media (max-width: 1024px) {
      .open-accordion:before {
        top: 1px; } }
    @media (max-width: 767px) {
      .open-accordion:before {
        width: 16px;
        height: 16px;
        font-size: 16px;
        line-height: 11px;
        top: 3px; } }

.vs-features .vs-feature-comparison {
  position: relative; }

.vs-features .vs-feature-table {
  width: 100%; }
  .vs-features .vs-feature-table th, .vs-features .vs-feature-table .vs-feature-title {
    font-weight: normal;
    text-align: center;
    text-transform: uppercase; }
  .vs-features .vs-feature-table th.vs-feature-title {
    background-color: #1fbba6;
    padding: 10px;
    width: 30%;
    vertical-align: bottom; }
    .vs-features .vs-feature-table th.vs-feature-title div, .vs-features .vs-feature-table th.vs-feature-title h4 {
      color: #fff; }
    .vs-features .vs-feature-table th.vs-feature-title h4 {
      font-size: 28px; }
  .vs-features .vs-feature-table th.vs-feature-competitor {
    background-color: #fff;
    width: 14%; }
    .vs-features .vs-feature-table th.vs-feature-competitor h6 {
      color: #7f7f7f;
      font-size: 17px; }
    .vs-features .vs-feature-table th.vs-feature-competitor img {
      max-width: 90%; }
  .vs-features .vs-feature-table td.vs-feature-title {
    color: #cacaca;
    height: 54px; }
  .vs-features .vs-feature-table td.yes, .vs-features .vs-feature-table td.no, .vs-features .vs-feature-table td.vs {
    font-size: 0; }
  .vs-features .vs-feature-table td.yes:after, .vs-features .vs-feature-table td.vs:after {
    background-image: url("//assets.viralstyle.com/images/customer/feature-sprite.png");
    background-repeat: no-repeat;
    content: '';
    display: block;
    margin: 0 auto;
    position: relative;
    height: 36px;
    width: 36px; }
  .vs-features .vs-feature-table td.yes:after {
    background-position: 0 center; }
  .vs-features .vs-feature-table td.vs:after {
    background-position: -36px center; }
  .vs-features .vs-feature-table tr td.vs-feature-title {
    background-color: #2e3641; }
  .vs-features .vs-feature-table tr td.yes, .vs-features .vs-feature-table tr td.no {
    background-color: #F2F2F2; }
  .vs-features .vs-feature-table tr td.vs {
    background-color: #1fbba6; }
  .vs-features .vs-feature-table tr:nth-child(even) td.vs-feature-title {
    background-color: #2A323C; }
  .vs-features .vs-feature-table tr:nth-child(even) td.yes, .vs-features .vs-feature-table tr:nth-child(even) td.no {
    background-color: #DFDFDF; }
  .vs-features .vs-feature-table tr:nth-child(even) td.vs {
    background-color: #1DAC99; }

@media (max-width: 1024px) {
  .vs-features .vs-feature-title {
    font-size: 15px; } }

@media (min-width: 768px) {
  .vs-features .vs-feature-comparison:before {
    background-color: #1fbba6;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 146px;
    z-index: -1; }
  .vs-features th.vs-feature-title {
    height: 146px; } }

.vs-feature-details {
  background-color: #F3F3F3;
  padding: 25px 0; }

.ft-icon {
  font-size: 18px;
  font-weight: 700; }
  .ft-icon.buyer-data:before {
    background-position: 0 0; }
  .ft-icon.lower-costs:before {
    background-position: 0 -36px; }
  .ft-icon.mail-server:before {
    background-position: 0 -72px; }
  .ft-icon.crm-dash:before {
    background-position: 0 -108px; }
  .ft-icon.one-click:before {
    background-position: 0 -144px; }
  .ft-icon.live-overview:before {
    background-position: 0 -180px; }
  .ft-icon.coupon-codes:before {
    background-position: 0 -216px; }
  .ft-icon.sales-page:before {
    background-position: 0 -252px; }
  .ft-icon.sub-users:before {
    background-position: 0 -288px; }
  .ft-icon.split-testing:before {
    background-position: 0 -324px; }
  .ft-icon.relaunch:before {
    background-position: 0 -360px; }
  .ft-icon.conversions:before {
    background-position: 0 -396px; }
  .ft-icon.analytics:before {
    background-position: 0 -432px; }
  .ft-icon.currency-conv:before {
    background-position: 0 -468px; }
  .ft-icon.no-minimums:before {
    background-position: 0 -504px; }
  .ft-icon.amazon-paypal:before {
    background-position: 0 -540px; }
  .ft-icon.storefront:before {
    background-position: 0 -576px; }

.ft-icon:before {
  background-image: url("/assets/customer-ui/images/featurePoints-sprite.png");
  background-repeat: no-repeat;
  content: '';
  display: inline-block;
  float: left;
  margin-right: 15px;
  height: 36px;
  width: 36px; }

.ft-desc {
  margin-left: 52px; }

.terms-of-service .table-of-contents ul {
  margin: 0;
  padding: 0; }

.terms-of-service .table-of-contents li {
  list-style: none; }

.terms-of-service .terms-proper {
  margin-bottom: 25px;
  margin-top: 30px; }

@media (max-width: 767px) {
  .terms-of-service {
    font-size: 14px; }
    .terms-of-service .table-of-contents {
      text-align: center; } }

.video-section {
  background: #f7f8fa;
  padding: 48px 0 53px; }
  @media (max-width: 1024px) {
    .video-section {
      padding: 40px 0 44px; } }
  @media (max-width: 767px) {
    .video-section {
      padding: 24px 0 20px; } }
  .video-section h1 {
    letter-spacing: 2px;
    color: #000;
    font-size: 29px;
    margin: 0 0 33px; }
    @media (max-width: 1024px) {
      .video-section h1 {
        font-size: 23px;
        margin-bottom: 26px; } }
    @media (max-width: 767px) {
      .video-section h1 {
        font-size: 17px;
        line-height: 20px;
        margin-bottom: 15px; } }
  .video-section .btn {
    font-size: 28px;
    font-weight: normal;
    padding: 20px 50px;
    letter-spacing: 1px; }
    @media (max-width: 1024px) {
      .video-section .btn {
        font-size: 23px;
        padding: 15px 40px; } }
    @media (max-width: 767px) {
      .video-section .btn {
        font-size: 12px;
        font-weight: bold;
        padding: 10px 30px; } }

.video-holder {
  margin: 0 auto 38px;
  max-width: 984px;
  position: relative;
  padding-bottom: 44%;
  padding-top: 25px;
  height: 0; }
  @media (max-width: 1024px) {
    .video-holder {
      padding-bottom: 53%; } }
  @media (max-width: 767px) {
    .video-holder {
      padding-bottom: 52%; } }
  .video-holder iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

section.product-detail .placeholder .silhouette {
  height: auto;
  width: 100%; }

.product-carousel .owl-next,
.product-carousel .owl-prev {
  position: absolute;
  width: 32px;
  height: 60px;
  top: 50%;
  left: -35px;
  margin-top: -35px;
  font-size: 67px;
  line-height: 1;
  color: transparent;
  -webkit-transition: color .2s ease;
  transition: color .2s ease;
  overflow: hidden; }
  @media (max-width: 1024px) {
    .product-carousel .owl-next,
    .product-carousel .owl-prev {
      font-size: 58px;
      margin-top: -32px; } }
  .product-carousel .owl-next:before,
  .product-carousel .owl-prev:before {
    position: absolute;
    top: -2px;
    left: -18px;
    color: #7f7f7f; }
    @media (max-width: 1024px) {
      .product-carousel .owl-next:before,
      .product-carousel .owl-prev:before {
        left: -13px; } }
  .product-carousel .owl-next:hover:before,
  .product-carousel .owl-prev:hover:before {
    color: #1fbba6; }
  .product-carousel .owl-next.disabled:before,
  .product-carousel .owl-prev.disabled:before {
    cursor: default;
    color: #cacaca; }

.product-carousel .owl-next {
  left: auto;
  right: -35px; }

.product-carousel .owl-dots {
  display: none;
  position: absolute;
  bottom: 0px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }
  .product-carousel .owl-dots > .owl-dot {
    margin: 0 10px;
    height: 20px;
    width: 20px;
    border: 2px solid #c2c2c2;
    background-color: transparent;
    display: inline-block;
    border-radius: 50%;
    -webkit-transition: border-color 0.5s ease, background-color 0.5s ease;
    transition: border-color 0.5s ease, background-color 0.5s ease; }
    .product-carousel .owl-dots > .owl-dot.active {
      border-color: #007087;
      background-color: #007087; }
    .product-carousel .owl-dots > .owl-dot:active, .product-carousel .owl-dots > .owl-dot:focus {
      border-color: #fff; }
    .product-carousel .owl-dots > .owl-dot:hover {
      border-color: #007087; }
  @media (max-width: 1199px) {
    .product-carousel .owl-dots > .owl-dot {
      height: 15px;
      width: 15px;
      margin: 0 8px; } }
  @media (max-width: 767px) {
    .product-carousel .owl-dots > .owl-dot {
      height: 10px;
      width: 10px;
      margin: 0 5px;
      border-width: 1px; } }

product-zoom .zoom-display {
  cursor: move;
  display: none;
  background-color: white;
  background-repeat: no-repeat;
  width: 100%;
  height: 80%; }

product-zoom .zoom-display.show-zoom {
  display: block;
  position: absolute;
  z-index: 10; }

product-color-transition .mug-container {
  position: relative;
  margin-left: 4%; }
  product-color-transition .mug-container canvas#display {
    display: block;
    max-width: 100%;
    height: auto; }
  product-color-transition .mug-container img.design, product-color-transition .mug-container img.mask {
    display: none; }
  product-color-transition .mug-container .demo-handle {
    background-color: #1fbba6;
    border-radius: 50%;
    color: white;
    cursor: -webkit-grab;
    cursor: grab;
    font-weight: bold;
    font-size: 39px;
    line-height: 55px;
    position: absolute;
    text-align: center;
    height: 55px;
    width: 55px;
    z-index: 5;
    right: 0;
    bottom: 85%; }
    @media (min-width: 768px) {
      product-color-transition .mug-container .demo-handle {
        right: -30px; } }
  product-color-transition .mug-container .demo-handle.grabbed {
    cursor: -webkit-grabbing;
    cursor: grabbing; }
  product-color-transition .mug-container .demo-handle-hitbox {
    position: absolute;
    height: 200%;
    width: 300%;
    top: -50%;
    left: -100%; }
  product-color-transition .mug-container .color-target {
    left: 13px;
    font-size: 28px;
    position: absolute; }
    product-color-transition .mug-container .color-target.fa-chevron-up {
      top: -30px; }
    product-color-transition .mug-container .color-target.fa-chevron-down {
      bottom: -25px; }

.product-detail {
  margin-bottom: 25px; }
  .product-detail .page-title {
    text-align: center;
    margin: 0 auto;
    font-size: 20px;
    text-transform: none;
    position: relative;
    z-index: 1; }
    @media (max-width: 767px) {
      .product-detail .page-title {
        margin: 5px auto; } }
  .product-detail .flair img {
    width: 100%; }
  .product-detail .flair.flair-banner {
    margin-bottom: 20px; }
    .product-detail .flair.flair-banner img {
      max-width: 100%; }
  .product-detail .flair-seal {
    position: absolute;
    right: 0;
    bottom: 75px;
    z-index: 10;
    pointer-events: none; }
    .product-detail .flair-seal > img {
      max-width: 80px;
      max-height: 80px; }
      @media (min-width: 768px) {
        .product-detail .flair-seal > img {
          max-width: 125px;
          max-height: 125px; } }
    @media (min-width: 768px) {
      .product-detail .flair-seal {
        bottom: 175px; } }
  .product-detail .product-tabs img {
    height: 100%;
    max-width: 100%; }
  .product-detail .product-tabs .tab-content {
    min-height: 250px; }
  .product-detail .product-tabs .nav-tabs li {
    cursor: pointer; }
  .product-detail .product-page-placeholder {
    min-height: 600px; }
  .product-detail shopping-cart .extended-details {
    display: none; }

.product-gallery {
  position: relative;
  padding: 25px 0 0; }
  @media (max-width: 767px) {
    .product-gallery {
      margin: 0 -11px 15px; } }
  .product-gallery .mask {
    position: relative;
    overflow: hidden; }
    .product-gallery .mask .slideset {
      width: 99999px;
      float: left; }
      .product-gallery .mask .slideset .slide {
        float: left;
        text-align: center;
        padding: 0 54px; }
        @media (max-width: 1199px) {
          .product-gallery .mask .slideset .slide {
            padding: 0 40px; } }
        @media (max-width: 767px) {
          .product-gallery .mask .slideset .slide {
            padding: 0; } }
        .product-gallery .mask .slideset .slide img {
          max-width: 100%;
          height: auto;
          vertical-align: top;
          margin: 0 auto; }
  .product-gallery .img-holder {
    position: relative; }
  .product-gallery [class^='btn-'] {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    font-size: 70px;
    color: #7f7f7f; }
    .product-gallery [class^='btn-']:hover {
      color: #1fbba6; }
    @media (max-width: 1199px) {
      .product-gallery [class^='btn-'] {
        font-size: 54px; } }
    @media (max-width: 767px) {
      .product-gallery [class^='btn-'] {
        font-size: 37px; } }
  .product-gallery .btn-prev {
    left: -27px; }
    @media (max-width: 1199px) {
      .product-gallery .btn-prev {
        left: 14px; } }
    @media (max-width: 767px) {
      .product-gallery .btn-prev {
        left: 4px; } }
  .product-gallery .btn-next {
    right: -27px; }
    @media (max-width: 1199px) {
      .product-gallery .btn-next {
        right: 14px; } }
    @media (max-width: 767px) {
      .product-gallery .btn-next {
        right: 4px; } }

.standalone-slide {
  width: 100%; }

.thumbnail-links {
  text-align: center; }
  @media (max-width: 767px) {
    .thumbnail-links {
      margin-top: -30px; } }
  .thumbnail-links .thumbnail-link {
    display: block;
    background-color: white;
    border: 1px solid #E6E6E6;
    margin: 15px auto;
    position: relative;
    z-index: 10; }
    .thumbnail-links .thumbnail-link.active, .thumbnail-links .thumbnail-link:hover {
      border: 1px solid #1fbba6; }
    .thumbnail-links .thumbnail-link.active:after {
      bottom: 100%;
      left: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(136, 183, 213, 0);
      border-bottom-color: #1fbba6;
      border-width: 12px;
      margin-left: -12px; }
  .thumbnail-links img {
    max-height: 100px; }

.product-tabs {
  border: 1px solid #cacaca; }
  @media (max-width: 767px) {
    .product-tabs {
      margin: 50px -15px 0; } }

.alert__row--mobile {
  text-align: center; }
  @media (max-width: 767px) {
    .alert__row--mobile {
      margin-left: -15px;
      margin-right: -15px; } }

.cart {
  background: #f7f8fa;
  position: relative;
  margin-bottom: 30px; }
  @media (max-width: 1023px) {
    .cart {
      clear: both; } }
  @media (max-width: 767px) {
    .cart {
      font-size: 14px;
      margin: 0 -15px 20px; } }
  .cart__controls {
    padding: 32px 10% 17px; }
    @media (max-width: 1199px) {
      .cart__controls {
        padding: 24px 10% 17px; } }
    @media (max-width: 767px) {
      .cart__controls {
        padding: 15px 20px; } }
  @media (max-width: 1023px) {
    .cart__buttons {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      z-index: 10; }
      .cart__buttons.cart__buttons--static {
        position: static; } }
  .cart__buttons > .btn {
    width: 100%;
    display: block;
    font-size: 18px;
    line-height: 1.65;
    padding: 12px;
    letter-spacing: 0; }
    @media (max-width: 1199px) {
      .cart__buttons > .btn {
        font-size: 16px;
        line-height: 2.1; } }
    @media (max-width: 1023px) {
      .cart__buttons > .btn {
        font-size: 18px; } }
    .cart__buttons > .btn [class^="icons-"] {
      margin-right: 5px; }

.widget-box {
  background: #f7f8fa;
  padding: 32px 10% 17px;
  margin-bottom: 27px;
  position: relative; }
  @media (max-width: 1023px) {
    .widget-box {
      clear: both; } }
  @media (max-width: 1199px) {
    .widget-box {
      padding: 24px 10% 17px; } }
  @media (max-width: 767px) {
    .widget-box {
      font-size: 14px;
      padding: 15px 20px;
      margin: 0 -15px 15px; } }
  .widget-box.sorter {
    margin-top: 0; }
    .widget-box.sorter .list-radio li {
      margin: 0 2px 8px 4px; }
    .widget-box.sorter .list-radio .jcf-radio {
      width: 30px;
      height: 30px;
      margin: 0; }
      .widget-box.sorter .list-radio .jcf-radio span {
        border-width: 4px; }

.rating {
  display: none;
  font-size: 19px;
  line-height: 20px;
  margin: 0 0 27px; }
  @media (max-width: 1199px) {
    .rating {
      font-size: 15px;
      line-height: 15px;
      margin: 0; } }
  @media (max-width: 767px) {
    .rating {
      margin-top: 30px;
      text-align: center;
      font-size: 14px;
      clear: both; } }
  .rating a {
    color: #1fbba6; }

.list-star {
  float: left;
  margin: 0 14px 0 0; }
  @media (max-width: 1199px) {
    .list-star {
      margin-right: 10px; } }
  @media (max-width: 767px) {
    .list-star {
      float: none;
      display: inline-block;
      vertical-align: top; } }
  .list-star li {
    float: left;
    font-size: 19px;
    line-height: 1;
    color: #e4bb2e;
    margin: 0 0 0 6px; }
    @media (max-width: 1199px) {
      .list-star li {
        font-size: 15px;
        margin: 0 0 0 6px;
        line-height: 15px; } }
    .list-star li:first-child {
      margin-left: 0; }
      @media (max-width: 1199px) {
        .list-star li:first-child {
          margin-left: 0; } }
    .list-star li .grey-star {
      color: #d0d1d2; }

.price-banner {
  display: none;
  background-color: #1fbba6;
  color: white;
  font-size: 18px;
  position: absolute;
  right: 0;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  z-index: 100;
  top: 20px; }
  .price-banner:after {
    background: transparent url("/assets/customer-ui/images/banner-tail.png") no-repeat top right;
    background-size: 25px 15px;
    content: ' ';
    display: block;
    height: 30px;
    position: absolute;
    right: 0;
    width: 25px; }

.cart-form h2,
.cart__controls h2 {
  font-size: 28px;
  line-height: 1;
  color: #2e3641;
  margin: 0 0 4px;
  font-weight: normal;
  text-transform: none;
  margin-bottom: 10px; }
  @media (max-width: 1199px) {
    .cart-form h2,
    .cart__controls h2 {
      font-size: 24px; } }
  @media (max-width: 767px) {
    .cart-form h2,
    .cart__controls h2 {
      font-size: 22px;
      text-align: center; } }

.cart-form h3,
.cart__controls h3 {
  font-size: 22px;
  line-height: 1;
  font-weight: normal;
  color: #000;
  margin: 0 0 7px;
  text-transform: none; }
  @media (max-width: 1199px) {
    .cart-form h3,
    .cart__controls h3 {
      font-size: 18px; } }

.cart-form .inc,
.cart__controls .inc {
  font-size: 21px;
  line-height: 1;
  color: #1fbba6;
  display: block;
  text-transform: uppercase;
  margin: 0 0 10px; }
  @media (max-width: 1199px) {
    .cart-form .inc,
    .cart__controls .inc {
      font-size: 19px; } }
  .cart-form .inc .value,
  .cart__controls .inc .value {
    font-size: 17px;
    color: #adadad; }
    @media (max-width: 1199px) {
      .cart-form .inc .value,
      .cart__controls .inc .value {
        font-size: 15px; } }

.cart-form .name,
.cart__controls .name {
  color: #0096b6;
  font-size: 23px;
  line-height: 1;
  display: block;
  margin: 0 0 8px; }
  @media (max-width: 1199px) {
    .cart-form .name,
    .cart__controls .name {
      font-size: 18px; } }
  @media (max-width: 767px) {
    .cart-form .name,
    .cart__controls .name {
      display: none; } }

.cart-form .btn,
.cart__controls .btn {
  width: 100%;
  display: block;
  font-size: 18px;
  line-height: 1.65;
  margin-bottom: 29px; }
  @media (max-width: 1199px) {
    .cart-form .btn,
    .cart__controls .btn {
      margin-bottom: 17px;
      font-size: 16px;
      line-height: 2.1; } }
  @media (max-width: 767px) {
    .cart-form .btn,
    .cart__controls .btn {
      margin-bottom: 26px; } }
  .cart-form .btn [class^="icons-"],
  .cart__controls .btn [class^="icons-"] {
    margin-right: 5px; }

.cart-form .two-columns .col,
.cart__controls .two-columns .col {
  float: right;
  width: 38%; }
  .cart-form .two-columns .col:first-child,
  .cart__controls .two-columns .col:first-child {
    float: left;
    width: 60%; }

.cart-form .jcf-select,
.cart__controls .jcf-select {
  min-width: 1px;
  width: 100%; }
  @media (max-width: 1199px) {
    .cart-form .jcf-select,
    .cart__controls .jcf-select {
      height: 40px;
      margin-bottom: 5px; } }
  .cart-form .jcf-select .jcf-select-text,
  .cart__controls .jcf-select .jcf-select-text {
    margin-left: 13px; }
    @media (max-width: 1199px) {
      .cart-form .jcf-select .jcf-select-text,
      .cart__controls .jcf-select .jcf-select-text {
        font-size: 17px;
        line-height: 38px; } }
  .cart-form .jcf-select .jcf-select-opener:before,
  .cart__controls .jcf-select .jcf-select-opener:before {
    font-size: 10px;
    margin-top: -5px; }

.cart-form .row-form,
.cart__controls .row-form {
  padding-bottom: 14px; }

@media (min-width: 1200px) {
  .cart-form select.group-label-small-widescreen,
  .cart__controls select.group-label-small-widescreen {
    font-size: 16px !important; } }

@media (min-width: 1024px) and (max-width: 1199px) {
  .cart-form select.group-label-small-desktop,
  .cart__controls select.group-label-small-desktop {
    font-size: 16px !important; } }

.social-widgets {
  position: absolute;
  left: 15px;
  z-index: 10;
  bottom: 95px; }
  @media (min-width: 768px) {
    .social-widgets {
      left: -25px;
      bottom: 175px; } }

.campaign-stats .campaign-countdown-timer {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #2E404E;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-weight: bold;
  margin-bottom: 10px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-align: center;
  text-transform: uppercase; }
  .campaign-stats .campaign-countdown-timer .countdown-component .clock-icon {
    margin-top: 9px; }
  .campaign-stats .campaign-countdown-timer .countdown-component .amount {
    font-size: 30px; }
  .campaign-stats .campaign-countdown-timer .countdown-component .unit {
    font-size: 16px; }
  @media (max-width: 1023px) {
    .campaign-stats .campaign-countdown-timer {
      zoom: 80%;
      width: 400px;
      margin: 5px auto; } }
  @media (max-width: 767px) {
    .campaign-stats .campaign-countdown-timer {
      zoom: 70%;
      width: 325px;
      margin: 5px auto; } }

.campaign-stats .sold-percentage-bar {
  background: #CCC url("//assets.viralstyle.com/images/pattern_bg.jpg");
  color: white;
  font-size: 17px;
  position: relative;
  min-height: 25px; }
  @media (max-width: 1023px) {
    .campaign-stats .sold-percentage-bar {
      height: 10px;
      min-height: 10px; } }
  .campaign-stats .sold-percentage-bar .progress-bar {
    background-color: #1fbba6;
    position: absolute;
    height: 100%;
    z-index: 1; }
  .campaign-stats .sold-percentage-bar .inside-count {
    line-height: 40px;
    padding: 0 15px;
    position: relative;
    z-index: 2; }
    @media (max-width: 1023px) {
      .campaign-stats .sold-percentage-bar .inside-count {
        top: 5px; } }

.campaign-stats p {
  font-size: 14px;
  text-align: justify; }

@media (max-width: 1023px) {
  .campaign-stats {
    background: 0 0;
    padding: 2px 25px 35px; }
    .campaign-stats .sold-percentage-bar {
      text-align: center; }
    .campaign-stats .inside-count {
      padding-top: 5px;
      color: #2E404E; } }

.color-list {
  list-style-type: none;
  margin-left: -6px;
  padding: 0;
  margin-bottom: 0; }
  .color-list li.color {
    border: 1px solid #d8d9db;
    cursor: pointer;
    display: inline-block;
    margin: 0 6px 8px;
    height: 35px;
    width: 35px; }
    .color-list li.color span {
      border-color: #fff;
      display: inline-block;
      width: 100%;
      height: 100%; }
    .color-list li.color.active span {
      border-style: solid;
      border-width: 7px; }

.list-radio {
  overflow: hidden;
  margin: 0 -4px;
  padding: 4px 0; }
  .list-radio li {
    float: left;
    margin: 0 6px 8px; }
    @media (max-width: 1199px) {
      .list-radio li {
        margin: 0 3px 6px; } }
  .list-radio .jcf-radio {
    cursor: pointer;
    display: block;
    border: 1px solid #d8d9db;
    width: 43px;
    height: 43px;
    border-radius: 0; }
    @media (max-width: 1199px) {
      .list-radio .jcf-radio {
        width: 34px;
        height: 34px; } }
    .list-radio .jcf-radio span {
      border-radius: 0;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      border: 7px solid #fff; }
      @media (max-width: 1199px) {
        .list-radio .jcf-radio span {
          border-width: 5px; } }
    .list-radio .jcf-radio.jcf-focus {
      border-color: #d8d9db !important; }
    .list-radio .jcf-radio.jcf-focus span {
      border-color: #fff !important; }

.fan {
  font-size: 18px;
  line-height: 1.278;
  color: #2e3641; }
  @media (max-width: 1199px) {
    .fan {
      font-size: 16px;
      line-height: 1.3125; } }
  @media (max-width: 767px) {
    .fan {
      font-size: 13px;
      line-height: 1.23; } }
  .fan .title {
    margin-bottom: 32px; }
  .fan h1 {
    font-size: 25px;
    line-height: 1.2;
    color: #1fbba6;
    text-transform: none;
    font-weight: bold;
    margin: 0 0 12px; }
    @media (max-width: 1199px) {
      .fan h1 {
        font-size: 19px; } }
    @media (max-width: 767px) {
      .fan h1 {
        font-size: 17px; } }
  .fan .avatar {
    border: 3px solid #d2d2d2;
    border-radius: 50%;
    overflow: hidden;
    float: left;
    margin: 0 17px 0 0; }
    .fan .avatar > img {
      max-width: 100%;
      height: auto; }
    @media (max-width: 1199px) {
      .fan .avatar {
        width: 61px;
        height: 61px;
        border-width: 2px; } }
    @media (max-width: 767px) {
      .fan .avatar {
        width: 54px;
        height: 54px; } }
  .fan .btn {
    overflow: hidden;
    min-width: 148px;
    font-size: 13px;
    line-height: 16px;
    padding: 8px 10px 9px 0; }
    @media (max-width: 1199px) {
      .fan .btn {
        font-size: 10px;
        padding: 5px 10px 6px 0;
        min-width: 116px; } }
    @media (max-width: 767px) {
      .fan .btn {
        min-width: 130px; } }
    .fan .btn .ico-follow {
      float: left;
      width: 36px;
      font-size: 17px;
      margin: -8px 14px -9px 0;
      height: 33px;
      padding: 8px 0 0 7px;
      position: relative;
      background: #1fbba6; }
      @media (max-width: 1199px) {
        .fan .btn .ico-follow {
          width: 23px;
          padding: 6px 0 0 6px;
          font-size: 14px;
          height: 27px;
          margin-top: -5px; } }
      @media (max-width: 767px) {
        .fan .btn .ico-follow {
          width: 30px; } }
      .fan .btn .ico-follow:after {
        content: '';
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 100%;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 17px 0 17px 15px;
        border-color: transparent transparent transparent #1fbba6; }
  .fan .product-list {
    letter-spacing: -4px;
    font-size: 0;
    line-height: 0;
    padding: 38px 0 0; }
    @media (max-width: 1199px) {
      .fan .product-list {
        padding: 15px 0 0; } }
    .fan .product-list .footer-box {
      min-width: 100%;
      padding: 0; }
    .fan .product-list .title {
      margin-bottom: 25px; }
    .fan .product-list li {
      letter-spacing: 0;
      font-size: 16px;
      line-height: 20px;
      margin: 0 0 1px;
      width: 50%;
      padding: 0 3px; }
      @media (max-width: 1199px) {
        .fan .product-list li {
          font-size: 13px;
          line-height: 1.23; } }
      @media (max-width: 767px) {
        .fan .product-list li {
          font-size: 12px;
          line-height: 14px; } }

.widget-box shopping-cart h2 {
  font-size: 21px;
  font-weight: bold;
  letter-spacing: 1px; }

.widget-box shopping-cart .head {
  border-bottom: none; }

.widget-box shopping-cart .payment-container {
  border-top: none;
  margin: 0 auto;
  max-width: 390px; }

.cart-container {
  float: right; }
  @media (max-width: 1023px) {
    .cart-container {
      float: none; } }

#campaign-support-id {
  color: white;
  font-size: 12px;
  position: absolute;
  bottom: 3px;
  right: 3px;
  z-index: 1; }

.alert-vs {
  background-color: #007087;
  border-color: #007087;
  color: #fff; }
  .alert-vs hr {
    border-top-color: #005b6e; }
  .alert-vs .alert-link {
    color: #e6e6e6; }
  @media (max-width: 767px) {
    .alert-vs {
      font-size: 15px;
      padding: 10px 15px;
      margin-bottom: 20px; } }

.coupon-animate.ng-enter,
.coupon-animate.ng-leave {
  -webkit-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s; }

.coupon-animate.ng-enter,
.coupon-animate.ng-leave.ng-leave-active {
  opacity: 0; }

.coupon-animate.ng-enter.ng-enter-active,
.coupon-animate.ng-leave {
  opacity: 1; }

.msrp-price {
  text-decoration: line-through;
  color: #adadad;
  font-size: 17px; }
  @media (max-width: 1199px) {
    .msrp-price {
      font-size: 15px; } }

.msrp-visible {
  margin-top: 5px;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important; }
  .msrp-visible > .product-price {
    line-height: 20px; }
    @media (max-width: 1199px) {
      .msrp-visible > .product-price {
        line-height: 18px; } }
  .msrp-visible > .value {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end; }
  .msrp-visible > .msrp-savings {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    text-align: right;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }

.msrp-savings {
  font-size: 17px;
  color: #adadad;
  text-transform: capitalize; }
  @media (max-width: 1199px) {
    .msrp-savings {
      font-size: 15px; } }

.thumbnails {
  margin-left: -15px;
  margin-right: -15px; }
  .thumbnails__item {
    width: 70px;
    height: 50px;
    overflow: hidden;
    border: 1px solid transparent;
    display: inline-block;
    margin-left: 10px;
    margin-bottom: 0;
    cursor: pointer;
    position: relative;
    vertical-align: top; }
    .thumbnails__item--active {
      border-color: #1fbba6; }
    .thumbnails__item:hover > .thumbnails__overlay, .thumbnails__item--active > .thumbnails__overlay {
      background-color: rgba(255, 255, 255, 0); }
  .thumbnails__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(225, 225, 225, 0.25);
    -webkit-transition: background-color 200ms ease;
    transition: background-color 200ms ease; }
  .thumbnails__image {
    width: 100%; }
  @media (max-width: 1023px) {
    .thumbnails {
      margin-left: 0;
      margin-right: 0;
      max-height: 50px;
      overflow: hidden;
      white-space: nowrap; }
      .thumbnails__container {
        overflow-x: scroll;
        overflow-y: hidden; }
      .thumbnails__item:first-child {
        margin-left: 0; } }

.product__name {
  margin: 0; }

@media (min-width: 1024px) {
  .back-to-store {
    position: absolute;
    left: 55px;
    top: 80px;
    z-index: 1000;
    font-size: 20px; } }

.track-order-form {
  padding: 100px 0; }
  @media (max-width: 1199px) {
    .track-order-form {
      padding: 17px 0; } }

.track-order-img-cont {
  position: relative; }

.track-order-img {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

@media (max-width: 1199px) {
  .map-shop.track-order {
    padding: 17px 0 0; }
    .map-shop.track-order .vs-form {
      padding-top: 0; } }

.order-status-col {
  padding-left: 0;
  padding-right: 0; }
  .order-status-col:not(:first-child) > .order-status-icon-cont.active-status:before {
    border-color: #1fbba6; }
  .order-status-col:not(:first-child) > .order-status-icon-cont:before {
    content: "";
    border-top: 3px solid #777777;
    width: 100%;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: -50%;
    z-index: 0; }
    @media (max-width: 767px) {
      .order-status-col:not(:first-child) > .order-status-icon-cont:before {
        border-width: 2px; } }

.order-status-icon-cont {
  padding: 0;
  position: relative; }
  .order-status-icon-cont.active-status > .order-status-icon {
    color: #1fbba6;
    border-color: #1fbba6; }

.order-status-icon {
  font-size: 40px;
  padding: 20px;
  border: 3px solid #777777;
  color: #777777;
  border-radius: 50%;
  z-index: 1;
  background-color: #fff; }
  @media (max-width: 1023px) {
    .order-status-icon {
      padding: 15px;
      font-size: 30px; } }
  @media (max-width: 767px) {
    .order-status-icon {
      padding: 10px;
      font-size: 20px;
      border-width: 2px; } }

.order-status-text {
  margin-top: 14px; }

@media (max-width: 767px) {
  .order-status-text {
    font-size: 14px; } }

@media (max-width: 767px) {
  .page-alerts {
    text-align: center; } }

.page-alerts .container-fluid {
  max-width: 1122px; }

.page-alerts > .alert {
  margin-bottom: 0; }

.page-sub-header > .container-fluid {
  max-width: 1122px;
  margin-top: 50px; }
  @media (max-width: 767px) {
    .page-sub-header > .container-fluid {
      margin-top: 25px; } }

.product-summary {
  margin-top: 75px;
  margin-bottom: 50px; }
  .product-summary-table {
    margin-top: 25px;
    margin-bottom: 50px; }
    .product-summary-table > .vs-table-body > [class^="col-"]:last-child {
      color: #1fbba6; }
  @media (max-width: 767px) {
    .product-summary {
      margin-top: 25px; }
      .product-summary-table {
        margin-top: 10px; } }

.order .btn.update-size-btn {
  min-width: initial;
  padding: 5px 10px;
  font-size: 16px;
  line-height: 1.5;
  border-radius: 0;
  margin-bottom: 0; }

.history-list {
  padding-top: 10px;
  border-top: 1px solid #e2e2e2; }
  .history-list-item > span {
    display: inline-block;
    vertical-align: middle; }
    .history-list-item > span:last-child {
      margin-left: 5px; }

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

campaign-upsell .campaign-upsell-background {
  position: fixed;
  z-index: 1040;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #7f7f7f;
  filter: alpha(opacity=0.7);
  opacity: 0.7; }

campaign-upsell .modal {
  position: absolute; }

campaign-upsell .description-col img {
  max-width: 100%;
  height: auto; }

campaign-upsell .color-list {
  list-style-type: none;
  margin-left: -6px;
  padding: 0; }
  campaign-upsell .color-list li.color {
    border: 1px solid #d8d9db;
    cursor: pointer;
    display: inline-block;
    margin: 0px 6px 8px;
    height: 43px;
    width: 43px; }
    campaign-upsell .color-list li.color span {
      border-color: #fff;
      display: inline-block;
      width: 100%;
      height: 100%; }
    campaign-upsell .color-list li.color.active span {
      border-style: solid;
      border-width: 7px; }

campaign-upsell .size-list {
  list-style-type: none;
  padding: 0; }
  campaign-upsell .size-list li.size {
    background-color: #E6E6E6;
    border: 1px solid #D5D5D5;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    text-align: center;
    line-height: 40px;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
    min-width: 42px;
    font-size: 16px; }
  campaign-upsell .size-list li.size.active {
    background-color: #1fbba6;
    color: white; }

campaign-upsell paypal-payment.btn {
  padding: 0 !important; }
  campaign-upsell paypal-payment.btn .paypal-click-trigger {
    padding: 14px 38px; }

campaign-upsell #amazon_pay_button {
  position: relative; }
  campaign-upsell #amazon_pay_button > img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0; }
  campaign-upsell #amazon_pay_button:before {
    content: 'Yes, add to my order'; }

campaign-upsell .sales-list {
  text-align: center;
  margin: 0 -12px 14px;
  font-size: 70px;
  line-height: 74px; }
  @media (max-width: 1024px) {
    campaign-upsell .sales-list {
      font-size: 39px;
      line-height: 42px;
      margin-bottom: 8px; } }
  campaign-upsell .sales-list li {
    display: block;
    vertical-align: top;
    letter-spacing: 0;
    margin: 0 19px; }
  campaign-upsell .sales-list li.normal-price {
    color: #d6dae3;
    font-size: 50%;
    text-decoration: line-through; }
  campaign-upsell .sales-list li.discounted-price {
    color: #1fbba6; }
  campaign-upsell .sales-list li.shipping-price {
    font-size: 20px;
    color: grey;
    line-height: normal; }

#marketplace > section {
  min-height: 650px; }

#marketplace .img-responsive {
  max-height: 300px;
  width: auto; }

.market-search {
  background-color: #f5f5f5; }
  .market-search i {
    font-size: 18px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 18px; }
  .market-search-input {
    background-color: transparent;
    height: 63px;
    border: none;
    padding-left: 35px; }
    .market-search-input::-webkit-input-placeholder {
      color: #b8b8b8;
      font-style: italic;
      font-weight: normal; }
    .market-search-input::-moz-placeholder {
      opacity: 1;
      color: #b8b8b8;
      font-style: italic;
      font-weight: normal; }
    .market-search-input:-moz-placeholder {
      color: #b8b8b8;
      font-style: italic;
      font-weight: normal; }
    .market-search-input:-ms-input-placeholder {
      color: #b8b8b8;
      font-style: italic;
      font-weight: normal; }
    .market-search-input.placeholder {
      color: #b8b8b8;
      font-style: italic;
      font-weight: normal; }
    @media (max-width: 1023px) {
      .market-search-input {
        height: 49px; } }
    @media (max-width: 767px) {
      .market-search-input {
        height: 41px; } }

.subcategory {
  display: inline-block;
  margin-left: 20px;
  vertical-align: middle; }
  .subcategory > span {
    font-size: 28px;
    display: inline-block;
    vertical-align: middle; }
  @media (max-width: 1023px) {
    .subcategory > span {
      font-size: 24px; } }
  @media (max-width: 767px) {
    .subcategory {
      display: block;
      margin-left: 0; }
      .subcategory > span {
        display: none; } }

.p-cat-dd,
.s-cat-dd {
  cursor: pointer;
  margin-bottom: 40px;
  display: inline-block; }
  .p-cat-dd-item,
  .s-cat-dd-item {
    text-transform: uppercase; }
    .p-cat-dd-item-text,
    .s-cat-dd-item-text {
      display: inline-block;
      vertical-align: middle; }
    .p-cat-dd-item-icon,
    .s-cat-dd-item-icon {
      margin-left: 10px;
      display: inline-block;
      vertical-align: middle; }

.p-cat-dd {
  vertical-align: middle; }
  .p-cat-dd-item {
    font-size: 28px;
    color: #000; }
    .p-cat-dd-item:hover, .p-cat-dd-item:active, .p-cat-dd-item:focus {
      color: #000; }
    .p-cat-dd-item-icon {
      color: #000;
      font-size: 14px; }
  @media (max-width: 1023px) {
    .p-cat-dd-item {
      font-size: 24px; }
      .p-cat-dd-item-icon {
        font-size: 12px; } }
  @media (max-width: 767px) {
    .p-cat-dd.show-sub {
      margin-bottom: 10px; }
    .p-cat-dd-item {
      font-size: 20px; }
      .p-cat-dd-item-icon {
        font-size: 10px; } }

.s-cat-dd {
  margin-left: 20px;
  vertical-align: sub; }
  .s-cat-dd-item {
    color: #777777;
    font-size: 20px; }
    .s-cat-dd-item:hover, .s-cat-dd-item:active, .s-cat-dd-item:focus {
      color: #777777; }
    .s-cat-dd-item-icon {
      color: #777777;
      font-size: 10px; }
  @media (max-width: 1023px) {
    .s-cat-dd-item {
      font-size: 18px; }
      .s-cat-dd-item-icon {
        font-size: 9px; } }
  @media (max-width: 767px) {
    .s-cat-dd {
      margin-left: 0; } }

.load-more {
  padding: 15px 40px;
  font-weight: normal;
  font-size: 20px;
  margin-bottom: 60px; }
  @media (max-width: 1023px) {
    .load-more {
      font-size: 18px;
      margin-bottom: 50px; } }
  @media (max-width: 767px) {
    .load-more {
      font-size: 16px;
      margin-bottom: 30px; } }

.back-to-top {
  top: 63px;
  background-color: #1fbba6;
  border-radius: 50%;
  color: white;
  font-size: 13px;
  padding: 8px;
  position: fixed;
  right: 50px;
  z-index: 4; }
  .back-to-top:hover {
    color: #95ede1; }

@media (min-width: 768px) {
  .back-to-top {
    top: 73px; } }

@media (min-width: 1024px) {
  .back-to-top {
    top: 90px; } }

.no-results {
  font-size: 40px;
  color: #1fbba6;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  line-height: 100px;
  width: 100% !important; }
  @media (max-width: 767px) {
    .no-results {
      font-size: 20px; } }

.slider-group {
  margin-bottom: 27px; }
  .slider-group > h5 {
    font-weight: 400; }
  @media (max-width: 767px) {
    .slider-group {
      margin-bottom: 14px; } }

.product-list > .filter-group {
  margin: 0;
  padding: 0;
  max-height: 500px;
  overflow: visible;
  -webkit-transition: max-height 0.5s ease;
  transition: max-height 0.5s ease;
  float: left; }
  @media (max-width: 767px) {
    .product-list > .filter-group {
      display: block;
      width: 100%;
      overflow: hidden; }
      .product-list > .filter-group.closed {
        max-height: 0; } }
  @media (max-width: 1023px) {
    .product-list > .filter-group > .widget-box {
      padding: 20px 20px 5px; } }

.heading.mobile-category {
  padding: 0 5px 20px; }
  .heading.mobile-category > h1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    float: none; }
    .heading.mobile-category > h1 > .subcategory-heading {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1; }
      .heading.mobile-category > h1 > .subcategory-heading > span {
        font-size: 80%;
        color: #777;
        margin-left: 10px; }
        @media (max-width: 767px) {
          .heading.mobile-category > h1 > .subcategory-heading > span {
            margin-left: 5px; } }
    .heading.mobile-category > h1 > i {
      font-size: 24px; }

rzslider .rz-bar {
  background-color: rgba(31, 187, 166, 0.4); }
  rzslider .rz-bar.rz-selection {
    background-color: #1fbba6; }

rzslider .rz-bubble {
  color: #1fbba6;
  bottom: 20px; }
  rzslider .rz-bubble.rz-limit {
    color: #777777; }

rzslider .rz-pointer {
  background-color: #fff;
  border: 1px solid #afafaf; }
  rzslider .rz-pointer:after {
    display: none; }

.form-control:focus {
  outline: 5px auto -webkit-focus-ring-color; }

.whr-date {
  display: none; }

.whr-location {
  display: none; }

.whr-info {
  display: none; }

.whr-items {
  list-style: none;
  padding: 0; }

.whr-title {
  font-size: 20px;
  text-transform: capitalize; }
  @media (max-width: 1023px) {
    .whr-title {
      font-size: 18px; } }

#whr_embed_hook {
  text-align: center; }

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

.visual.careers-header {
  background-image: url(/assets/customer-ui/images/img-visual-01.jpg);
  background-size: cover;
  height: auto;
  padding: 100px 0; }
  @media (max-width: 1023px) {
    .visual.careers-header {
      padding: 75px 0; } }
  @media (max-width: 767px) {
    .visual.careers-header {
      height: auto;
      padding: 50px 0; } }

.error-page .error-message {
  margin: 100px auto; }

.my-account .page-header .container-fluid {
  max-width: 1236px; }

.my-account .page-header h1 {
  padding-left: 25px; }

@media (max-width: 1199px) {
  .my-account .page-header h1 {
    padding-left: 15px; } }

@media (max-width: 1023px) {
  .my-account .page-header h1 {
    padding-left: 8px; } }

.my-account .set-menu ul {
  -webkit-box-pack: initial;
  -webkit-justify-content: initial;
  -ms-flex-pack: initial;
  justify-content: initial; }

.order-history .no-history {
  margin: 65px auto; }

.order-history .order-historic {
  background-color: #eaeaea;
  list-style-type: none;
  margin-top: 20px;
  padding: 5px 20px; }
  .order-history .order-historic:last-child {
    margin-bottom: 20px; }
  .order-history .order-historic h5 {
    color: #007087;
    margin-bottom: 0px; }
  .order-history .order-historic h6 {
    color: #7f7f7f;
    margin-top: 5px; }
  .order-history .order-historic .track-shipping {
    font-size: 14px;
    margin-top: 12px; }
  .order-history .order-historic uib-accordion-heading {
    cursor: pointer; }
  .order-history .order-historic .panel-heading {
    padding: 0; }
  .order-history .order-historic .panel-body {
    border-top: none !important;
    padding: 0; }

.payment-methods .no-payment, .payment-methods .payment-form, .payment-methods .payment-info {
  margin: 65px auto; }

.payment-methods .saved-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.payment-methods .card-options a.btn {
  width: 100%; }

.payment-methods .checkout-form {
  padding: 0; }

.default-address .no-address, .default-address .show-address, .default-address .edit-address {
  margin: 65px auto; }

.default-address .save-address {
  width: 100%; }

.thank-you .order-linking {
  display: none; }

.create-account {
  margin-bottom: 15px; }
  .create-account h4 {
    margin: 20px 0 15px; }

.partnership-html {
  height: 100%;
  background-color: #1fbba6; }

.partnership-body {
  padding-bottom: 0 !important; }

.partnership-content {
  background-color: #1fbba6; }

.partnership-register {
  margin: 50px 0;
  color: #ffffff; }
  @media (max-width: 767px) {
    .partnership-register {
      margin: 25px 0; }
      .partnership-register h1 {
        font-size: 22px; } }
  .partnership-register .form-text,
  .partnership-register h1,
  .partnership-register h2,
  .partnership-register h3,
  .partnership-register h4,
  .partnership-register h5,
  .partnership-register h6 {
    color: #ffffff; }
    .partnership-register .form-text > a,
    .partnership-register h1 > a,
    .partnership-register h2 > a,
    .partnership-register h3 > a,
    .partnership-register h4 > a,
    .partnership-register h5 > a,
    .partnership-register h6 > a {
      color: #ffffff;
      text-decoration: underline;
      border: 1px solid #1fbba6; }
      .partnership-register .form-text > a:visited,
      .partnership-register h1 > a:visited,
      .partnership-register h2 > a:visited,
      .partnership-register h3 > a:visited,
      .partnership-register h4 > a:visited,
      .partnership-register h5 > a:visited,
      .partnership-register h6 > a:visited {
        color: #d5d5d5; }
      .partnership-register .form-text > a:focus,
      .partnership-register h1 > a:focus,
      .partnership-register h2 > a:focus,
      .partnership-register h3 > a:focus,
      .partnership-register h4 > a:focus,
      .partnership-register h5 > a:focus,
      .partnership-register h6 > a:focus {
        border: 1px dotted #d5d5d5; }
  .partnership-register .vs-input > .form-control {
    border-width: 0 0 1px 0;
    border-color: #ffffff;
    padding-left: 0; }
    .partnership-register .vs-input > .form-control:focus {
      border-color: #d5d5d5; }
  .partnership-register .vs-input > .placeholder,
  .partnership-register .vs-input > i,
  .partnership-register .vs-input > .form-control {
    color: #ffffff; }
  .partnership-register .vs-input > .placeholder {
    left: 0; }
  .partnership-register .vs-input > i {
    right: 0; }
  .partnership-register .vs-input-bg {
    background-color: #1fbba6; }
  .partnership-register #terms_checkbox:focus + .vs-checkbox-outline {
    border-color: #d5d5d5; }
  .partnership-register .vs-checkbox-outline {
    border-color: #ffffff;
    background-color: #1fbba6; }
  .partnership-register .vs-checkbox-fill {
    background-color: #ffffff; }
  .partnership-register .btn {
    color: #ffffff;
    background-color: #1fbba6;
    border: 1px solid #ffffff; }
    .partnership-register .btn:active, .partnership-register .btn:hover {
      color: #1fbba6;
      background-color: #ffffff; }
    .partnership-register .btn:focus {
      border-color: #d5d5d5; }
  .partnership-register .has-error .form-control {
    border-color: rgba(249, 41, 61, 0.6); }
  .partnership-register .has-error .help-block {
    color: rgba(249, 41, 61, 0.6); }
  .partnership-register-img {
    max-width: 100%;
    height: auto; }

.cobrand-admin-content {
  margin-top: 25px;
  margin-bottom: 25px; }
  .cobrand-admin-content .fa-warning {
    margin-right: 15px; }
  .cobrand-admin-content .fa-minus,
  .cobrand-admin-content .fa-plus {
    cursor: pointer; }
  .cobrand-admin-content .ng-hide-add {
    display: none !important; }

.failure-details {
  border-bottom: 1px solid #ccc;
  margin-top: -1px;
  background: white;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.history-row {
  margin-top: 40px;
  border-top: 1px solid #ccc; }
  .history-row > div > .col-sm-6 {
    border-bottom: 1px solid #ccc;
    line-height: 40px; }
    @media (max-width: 767px) {
      .history-row > div > .col-sm-6:first-child {
        border-bottom: none; } }

.promo .frame.jumbotron-text-container {
  padding: 55px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-position: 50% 50%; }
  .promo .frame.jumbotron-text-container .btn {
    margin-top: 20px; }
  @media (min-width: 1024px) {
    .promo .frame.jumbotron-text-container {
      min-height: 500px; } }
  .promo .frame.jumbotron-text-container > .container {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center; }

.overview-image {
  background: url("/assets/customer-ui/images/img-visual-07.jpg");
  background-size: cover; }

.artists-image {
  background: url("/assets/customer-ui/images/hero-artists.jpg");
  background-size: cover; }

.bloggers-image {
  background: url("/assets/customer-ui/images/hero-bloggers.jpg");
  background-size: cover; }

.youtubers-image {
  background: url("/assets/customer-ui/images/hero-youtubers.jpg");
  background-size: cover; }

.brands-image {
  background: url("/assets/customer-ui/images/hero-brands.jpg");
  background-size: cover; }

.affiliates-image {
  background: url("/assets/customer-ui/images/hero-affiliates.jpg");
  background-size: cover; }

.sports-image {
  background: url("/assets/customer-ui/images/hero-sports.jpg");
  background-size: cover; }

.esports-image {
  background: url("/assets/customer-ui/images/hero-esports.jpg");
  background-size: cover; }

.musicians-image {
  background: url("/assets/customer-ui/images/hero-musicians.jpg");
  background-size: cover; }

/*--------------------------------- global */
#open-shop {
  /*---------------------------- media queries */ }
  #open-shop .post-type a {
    margin-bottom: 30px; }
  #open-shop .services {
    padding: 40px 0; }
    #open-shop .services .icon img {
      margin: 25px 0; }
  #open-shop img {
    width: 75px;
    margin: 10px; }
  #open-shop hr {
    height: 1px; }
  #open-shop h1 {
    font-size: 27px; }
  #open-shop h3,
  #open-shop p {
    text-align: left; }
  #open-shop .featured-img {
    min-width: 100%; }
  #open-shop .rmv-text-transform {
    text-transform: none; }
  #open-shop .nowrap {
    white-space: nowrap; }
  #open-shop .center-align {
    text-align: center; }
  #open-shop .promo-btn {
    margin-top: 50px;
    margin-bottom: 50px; }
  #open-shop .featured-img {
    margin-bottom: 50px; }
  #open-shop .section.post-type h2 {
    letter-spacing: 0;
    font-size: 22px;
    line-height: 32px;
    margin-top: 25px; }
  #open-shop .services-list img {
    width: 180px;
    margin: 0; }
  @media (min-width: 480px) and (max-width: 767px) {
    #open-shop .services {
      padding: 0; }
    #open-shop h1 {
      line-height: 30px; }
    #open-shop .promo-section p {
      text-align: center; } }
  @media (min-width: 220px) and (max-width: 479px) {
    #open-shop .services {
      font-size: 14px;
      padding: 0; }
      #open-shop .services .icon img {
        margin: 10px 0; }
    #open-shop h1 {
      margin: 25px 0;
      font-size: 26px;
      line-height: 30px; }
    #open-shop h2 {
      font-size: 16px; }
    #open-shop p {
      font-size: 14px; }
    #open-shop .promo-section p {
      text-align: center; } }

.social-networks li {
  float: left;
  margin: 0 6px 6px 0; }
  @media (max-width: 1024px) {
    .social-networks li {
      margin: 0 5px 5px 0; } }
  @media (max-width: 767px) {
    .social-networks li {
      padding: 0 2px 7px;
      float: none;
      display: inline-block;
      vertical-align: top;
      margin: 0; } }

.social-networks a {
  width: 38px;
  height: 38px;
  display: block;
  opacity: 1;
  -webkit-transition: opacity .2s ease;
  transition: opacity .2s ease; }
  @media (max-width: 1024px) {
    .social-networks a {
      width: 31px;
      height: 31px; } }
  @media (max-width: 767px) {
    .social-networks a {
      width: 44px;
      height: 44px; } }
  .social-networks a:hover {
    opacity: .8; }

.share-module {
  position: fixed;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 100; }

.promo {
  padding: 0;
  overflow: hidden;
  font-size: 21px;
  line-height: 31px;
  color: #fff;
  margin: 0;
  position: relative; }
  .promo.style2 .row {
    letter-spacing: -6px; }
  .promo.style2 [class^="col-"] {
    float: none;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 0; }
    @media (max-width: 1024px) {
      .promo.style2 [class^="col-"] {
        float: left; } }
  .promo.style2 p {
    margin-bottom: 0; }
  @media (max-width: 1024px) {
    .promo.style2 .holder:after {
      vertical-align: middle; } }
  @media (max-width: 1024px) {
    .promo.style2 .frame {
      vertical-align: middle; } }
  @media (max-width: 767px) {
    .promo .logo-holder {
      max-width: 90px;
      margin: 13px auto; } }
  .promo .logo-holder img {
    max-width: 100%;
    height: auto; }
  .promo.style-line {
    height: 158px; }
    @media (max-width: 1024px) {
      .promo.style-line {
        height: 187px; } }
    @media (max-width: 767px) {
      .promo.style-line {
        height: 130px; } }
  .promo .holder {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    white-space: nowrap; }
    .promo .holder:after {
      content: '';
      display: inline-block;
      height: 100%;
      width: 1px;
      overflow: hidden;
      vertical-align: middle; }
      @media (max-width: 1024px) {
        .promo .holder:after {
          vertical-align: top; } }
  .promo .frame {
    white-space: normal;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    padding: 20px 0; }
    .promo .frame.academy-header-cont {
      padding: 55px 0; }
    @media (max-width: 1024px) {
      .promo .frame {
        vertical-align: top;
        padding: 32px 0; }
        .promo .frame.academy-header-cont {
          padding: 32px 0; } }
    @media (max-width: 767px) {
      .promo .frame {
        padding: 5px 0; }
        .promo .frame.academy-header-cont {
          padding: 5px 0; } }
  .promo .container-fluid {
    max-width: 1160px; }
    @media (max-width: 1024px) {
      .promo .container-fluid {
        max-width: 938px; } }
  .promo > img {
    width: 100%; }
  .promo h1 {
    text-transform: uppercase;
    font-size: 54px;
    line-height: 63px;
    margin: 0 -15px 16px 0;
    letter-spacing: 5px;
    font-weight: 400; }
    @media (max-width: 1024px) {
      .promo h1 {
        font-size: 49px;
        line-height: 57px; } }
    @media (max-width: 999px) {
      .promo h1 {
        font-size: 34px;
        line-height: 38px; } }
    @media (max-width: 767px) {
      .promo h1 {
        font-size: 20px;
        line-height: 24px;
        margin: 0 0 3px; } }
  .promo p {
    font-size: 20px;
    line-height: 30px;
    margin: 0 0 27px;
    font-weight: 600; }
    @media (max-width: 1024px) {
      .promo p {
        font-size: 19px;
        line-height: 28px;
        margin: 0 0 20px; } }
    @media (max-width: 999px) {
      .promo p {
        font-size: 14px;
        line-height: 18px; } }
    @media (max-width: 767px) {
      .promo p {
        font-size: 12px;
        line-height: 16px; } }
  .promo .btn {
    padding-left: 2em;
    padding-right: 2em; }
    @media (max-width: 999px) {
      .promo .btn {
        font-size: 14px;
        line-height: 18px; } }
  @media (max-width: 767px) {
    .promo + .set-menu {
      margin-top: 15px; } }

.promo-links {
  padding: 31px 0 7px;
  font-size: 22px; }
  @media (max-width: 1024px) {
    .promo-links {
      padding: 24px 0 2px;
      font-size: 17.5px; } }
  @media (max-width: 767px) {
    .promo-links {
      padding: 13px 12px;
      font-size: 17px; } }
  .promo-links .container-fluid {
    max-width: 1000px; }
    @media (max-width: 1024px) {
      .promo-links .container-fluid {
        max-width: 838px; } }
  .promo-links .logo-holder {
    margin-bottom: 15px;
    padding-right: 8px; }
    .promo-links .logo-holder img {
      height: auto; }
      @media (max-width: 1024px) {
        .promo-links .logo-holder img {
          max-width: 142px; } }
      @media (max-width: 767px) {
        .promo-links .logo-holder img {
          max-width: 130px; } }
  .promo-links h2 {
    font-weight: 600;
    font-size: 24px;
    margin: 20px 0 12px;
    letter-spacing: 1px; }
    @media (max-width: 1024px) {
      .promo-links h2 {
        font-size: 19px;
        margin: 12px 0 10px; } }
    @media (max-width: 767px) {
      .promo-links h2 {
        font-size: 19px;
        font-weight: 600;
        margin: 10px 0 10px; } }
  .promo-links ul {
    margin-bottom: 52px; }
    @media (max-width: 1024px) {
      .promo-links ul {
        margin-bottom: 44px; } }
    @media (max-width: 767px) {
      .promo-links ul {
        margin-bottom: 30px; } }
    @media (max-width: 767px) {
      .promo-links ul li {
        margin-bottom: 2px; } }

.visual {
  padding: 0;
  overflow: hidden;
  font-weight: bold;
  font-size: 30px;
  line-height: 1.34;
  color: #fff;
  margin: 0;
  position: relative;
  text-align: center; }
  @media (max-width: 767px) {
    .visual {
      margin: 0;
      height: 162px; } }
  @media (max-width: 767px) {
    .visual.small {
      height: auto; } }
  @media (max-width: 767px) {
    .visual.small .frame {
      padding: 10px 0; } }
  .visual.small .container-fluid {
    max-width: 1130px; }
  .visual.small h1 {
    font-size: 33px;
    font-weight: 600;
    margin: 0; }
    @media (max-width: 767px) {
      .visual.small h1 {
        font-size: 22px; } }
  @media (max-width: 767px) {
    .visual.small img {
      position: static;
      -webkit-transform: translateX(0);
      transform: translateX(0);
      width: 100%;
      height: auto; } }
  .visual.small2 {
    background: #1fbba6; }
    @media (max-width: 1024px) {
      .visual.small2 {
        height: auto; } }
    .visual.small2 p {
      font-size: 24px;
      line-height: 1.17;
      margin: 17px 0 0; }
      @media (max-width: 1024px) {
        .visual.small2 p {
          font-size: 19px;
          margin-top: 14px; } }
      @media (max-width: 767px) {
        .visual.small2 p {
          font-size: 14px; } }
    .visual.small2 h1 {
      font-size: 33px;
      font-weight: 600;
      margin: 0;
      letter-spacing: 3px; }
      .visual.small2 h1 strong {
        font-size: 39px; }
        @media (max-width: 1024px) {
          .visual.small2 h1 strong {
            font-size: 31px; } }
        @media (max-width: 767px) {
          .visual.small2 h1 strong {
            font-size: 18px; } }
      @media (max-width: 1024px) {
        .visual.small2 h1 {
          font-size: 26px; } }
      @media (max-width: 767px) {
        .visual.small2 h1 {
          font-size: 18px;
          letter-spacing: 2px; } }
    @media (max-width: 767px) {
      .visual.small2 img {
        display: none; } }
    @media (max-width: 767px) {
      .visual.small2 .holder {
        position: static; } }
    @media (max-width: 767px) {
      .visual.small2 .holder:after {
        display: none; } }
    @media (max-width: 767px) {
      .visual.small2 .frame {
        display: block;
        padding: 17px 0; } }
  @media (max-width: 767px) {
    .visual.style-text {
      height: 295px; } }
  @media (max-width: 767px) {
    .visual.style-text img {
      height: auto;
      width: 100%; } }
  .visual.style-text .container-fluid {
    max-width: 915px; }
  .visual.style-text p {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400; }
    @media (max-width: 1024px) {
      .visual.style-text p {
        font-size: 14px;
        line-height: 23px; } }
    @media (max-width: 767px) {
      .visual.style-text p {
        font-size: 13px;
        line-height: 20px; } }
  .visual.style-text h1 {
    font-size: 33px;
    line-height: 36px;
    font-weight: 600; }
    @media (max-width: 1024px) {
      .visual.style-text h1 {
        font-size: 26px;
        line-height: 30px; } }
    @media (max-width: 767px) {
      .visual.style-text h1 {
        font-size: 28px;
        line-height: 32px; } }
  .visual .holder {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    white-space: nowrap; }
    .visual .holder:after {
      content: '';
      display: inline-block;
      height: 100%;
      width: 1px;
      overflow: hidden;
      vertical-align: middle; }
  .visual .frame {
    white-space: normal;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    padding: 20px 0; }
  .visual .container-fluid {
    max-width: 1160px; }
    @media (max-width: 1024px) {
      .visual .container-fluid {
        max-width: 938px; } }
  @media (max-width: 767px) {
    .visual img {
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      position: absolute;
      left: 50%;
      top: 0; } }
  .visual h1 {
    text-transform: uppercase;
    font-size: 77px;
    line-height: 1;
    margin: -10px 0 17px;
    font-weight: bold; }
    @media (max-width: 1024px) {
      .visual h1 {
        font-size: 62px;
        margin: -7px 0 14px; } }
    @media (max-width: 767px) {
      .visual h1 {
        font-size: 27px;
        margin: -7px 0 6px; } }
  .visual p {
    font-weight: bold;
    font-size: 30px;
    line-height: 1.34;
    margin: 0; }
    @media (max-width: 1024px) {
      .visual p {
        font-size: 24px; } }
    @media (max-width: 767px) {
      .visual p {
        font-size: 18px;
        line-height: 20px; } }

.stat-item {
  font-size: 26px;
  line-height: 1;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 2px;
  padding: 0 0 15px; }
  @media (max-width: 1024px) {
    .stat-item {
      font-size: 21px;
      letter-spacing: 1px; } }
  @media (max-width: 767px) {
    .stat-item {
      font-size: 18px;
      padding: 0 0 24px;
      margin: 0 -14px; } }
  @media (max-width: 339px) {
    .stat-item {
      font-size: 15px; } }
  .stat-item .icon {
    height: 118px;
    line-height: 118px;
    display: block;
    color: #2e3641;
    font-size: 68px; }
    @media (max-width: 1024px) {
      .stat-item .icon {
        height: 91px;
        line-height: 88px;
        font-size: 56px; } }
    @media (max-width: 767px) {
      .stat-item .icon {
        line-height: 70px;
        font-size: 49px;
        height: 76px; } }
    .stat-item .icon.icons-team {
      font-size: 60px; }
      @media (max-width: 1024px) {
        .stat-item .icon.icons-team {
          font-size: 48px; } }
  .stat-item strong {
    font-weight: 600;
    font-size: 45px;
    line-height: 1;
    display: block;
    padding: 0 0 15px; }
    @media (max-width: 1024px) {
      .stat-item strong {
        font-size: 36px;
        padding-bottom: 11px; } }
    @media (max-width: 767px) {
      .stat-item strong {
        font-size: 32px;
        padding-bottom: 9px; } }
    @media (max-width: 339px) {
      .stat-item strong {
        font-size: 24px; } }

.product-list {
  padding: 0 5px;
  font-size: 18px;
  line-height: 18px; }
  @media (max-width: 1024px) {
    .product-list {
      font-size: 14px;
      line-height: 16px; } }
  @media (max-width: 999px) {
    .product-list {
      font-size: 14px; } }
  @media (max-width: 767px) {
    .product-list {
      padding: 0;
      font-size: 12px;
      line-height: 14px; } }
  .product-list > li {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    text-align: center;
    margin: 0 -4px 20px 0;
    padding: 0 0 20px;
    position: relative; }
    @media (max-width: 1024px) {
      .product-list > li {
        margin-bottom: 20px; } }
    @media (max-width: 767px) {
      .product-list > li {
        width: 50%;
        margin-bottom: 15px;
        padding: 0 0 10px; } }
  .product-list.three-products li {
    width: 33.33%; }
    @media (max-width: 767px) {
      .product-list.three-products li {
        width: 50%; } }
  .product-list.four-products li {
    width: 25%; }
    @media (max-width: 1023px) {
      .product-list.four-products li {
        width: 33.33%; } }
    @media (max-width: 767px) {
      .product-list.four-products li {
        width: 50%; } }
  .product-list a:hover .title {
    color: #1fbba6; }
  .product-list .store-product-preview {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 200px; }
  .product-list .img {
    display: block;
    width: 100%;
    text-align: center;
    margin: 0 0 2px;
    position: relative; }
    @media (max-width: 1024px) {
      .product-list .img {
        margin: 0 0 4px; } }
    .product-list .img img {
      display: inline-block;
      vertical-align: top; }
    .product-list .img > i {
      position: absolute;
      top: 0;
      cursor: pointer; }
      .product-list .img > i.glyphicon-eye-open {
        color: #1fbba6; }
        .product-list .img > i.glyphicon-eye-open:hover, .product-list .img > i.glyphicon-eye-open:active {
          color: #188f7f; }
      .product-list .img > i.glyphicon-eye-close {
        color: #F9293D; }
        .product-list .img > i.glyphicon-eye-close:hover, .product-list .img > i.glyphicon-eye-close:active {
          color: #e8071c; }
  .product-list .footer-box {
    display: inline-block;
    vertical-align: top;
    max-width: 250px;
    width: 100%;
    padding: 0 10px; }
    @media (max-width: 1023px) {
      .product-list .footer-box {
        max-width: 190px; } }
    @media (max-width: 767px) {
      .product-list .footer-box {
        max-width: 220px; } }
  .product-list .title {
    display: block;
    color: #2e3641;
    font-weight: normal;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease;
    padding: 0 0 1px;
    font-size: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
    @media (max-width: 1024px) {
      .product-list .title {
        font-size: 14px; } }
    @media (max-width: 999px) {
      .product-list .title {
        font-size: 14px; } }
    @media (max-width: 767px) {
      .product-list .title {
        font-size: 12px;
        line-height: 16px; } }
  .product-list .info {
    display: block;
    width: 100%; }
  .product-list .price {
    color: #1fbba6;
    font-size: 14px; }
    @media (max-width: 1024px) {
      .product-list .price {
        font-size: 14px; } }
    @media (max-width: 999px) {
      .product-list .price {
        font-size: 13px; } }
    @media (max-width: 767px) {
      .product-list .price {
        font-size: 12px;
        line-height: 16px; } }
  .product-list .category {
    font-size: 16px;
    text-align: left;
    float: left;
    color: #007087; }
  .product-list .btn {
    margin: 35px auto 0;
    font-size: 15px;
    line-height: 18px;
    font-weight: 400;
    padding: 13px 14px;
    display: block;
    max-width: 180px; }
    @media (max-width: 767px) {
      .product-list .btn {
        font-size: 13px;
        line-height: 16px;
        padding: 12px 5px;
        margin-top: 10px; } }

.testimonials {
  padding: 30px 0 48px;
  color: #2e3641; }
  @media (max-width: 1024px) {
    .testimonials {
      padding: 33px 0 39px; } }
  @media (max-width: 767px) {
    .testimonials {
      padding: 12px 0 10px; } }
  .testimonials .head-box {
    width: 100%;
    overflow: hidden;
    font-size: 20px;
    line-height: 26px;
    padding: 0 0 15px; }
    @media (max-width: 1024px) {
      .testimonials .head-box {
        font-size: 15px;
        line-height: 20px;
        padding: 0 0 9px; } }
    @media (max-width: 767px) {
      .testimonials .head-box {
        font-size: 10px;
        line-height: 14px;
        padding: 0; } }
    .testimonials .head-box .icon {
      margin: 0 0 14px; }
      .testimonials .head-box .icon img {
        vertical-align: top; }
      .testimonials .head-box .icon + h1 {
        margin-bottom: 14px; }
    @media (max-width: 767px) {
      .testimonials .head-box p {
        margin: 0 0 10px; } }
    .testimonials .head-box h1 {
      font-size: 33px;
      line-height: 38px;
      margin: 0 0 5px;
      letter-spacing: 2px; }
      @media (max-width: 1024px) {
        .testimonials .head-box h1 {
          font-size: 27px;
          line-height: 32px; } }
      @media (max-width: 767px) {
        .testimonials .head-box h1 {
          font-size: 16px;
          line-height: 20px;
          letter-spacing: 1px;
          margin: 0 0 3px; } }
    .testimonials .head-box .holder {
      display: inline-block;
      vertical-align: top;
      padding: 15px 2px 0 112px;
      position: relative; }
      @media (max-width: 1024px) {
        .testimonials .head-box .holder {
          padding: 15px 2px 0 90px; } }
      @media (max-width: 767px) {
        .testimonials .head-box .holder {
          padding: 75px 0 0; } }
    .testimonials .head-box .decor {
      position: absolute;
      top: 50%;
      margin-top: -49px;
      width: 89px;
      height: 87px;
      left: 0; }
      @media (max-width: 1024px) {
        .testimonials .head-box .decor {
          width: 72px;
          height: 70px;
          margin-top: -39px; } }
      @media (max-width: 767px) {
        .testimonials .head-box .decor {
          margin-top: 0;
          top: 0;
          left: 50%;
          margin-left: -34px;
          height: 68px;
          width: 70px; } }
  .testimonials .btn-holder {
    padding: 61px 0 18px; }
    @media (max-width: 1024px) {
      .testimonials .btn-holder {
        padding: 30px 0 10px; } }
    .testimonials .btn-holder .btn {
      font-size: 21px;
      line-height: 1.34;
      min-width: 360px; }
      @media (max-width: 1024px) {
        .testimonials .btn-holder .btn {
          font-size: 18px;
          min-width: 200px; } }

.offers-block {
  background: url(../images/bg-box.svg);
  background-size: 500px 500px;
  border-top: 3px solid #f1f1f1;
  padding: 60px 0; }
  @media (max-width: 1024px) {
    .offers-block {
      background-size: 400px 400px;
      padding: 50px; } }
  @media (max-width: 767px) {
    .offers-block {
      border-width: 2px 0 0;
      padding: 20px; } }
  .offers-block h1 {
    margin: 0 0 33px;
    letter-spacing: 2px; }
    @media (max-width: 1024px) {
      .offers-block h1 {
        font-size: 27px;
        line-height: 32px;
        margin: 0 0 25px; } }
    @media (max-width: 767px) {
      .offers-block h1 {
        font-size: 19px;
        line-height: 24px;
        margin: 0 0 12px; } }

.offer-form {
  width: 668px;
  margin: 0 auto; }
  @media (max-width: 1024px) {
    .offer-form {
      width: 538px; } }
  @media (max-width: 767px) {
    .offer-form {
      width: 100%; } }
  .offer-form .input-group {
    width: 100%; }
  .offer-form .form-control {
    font-size: 26px;
    border-color: #b8b8b8;
    border-width: 2px;
    height: 70px;
    width: 100%;
    padding: 10px 21px;
    color: #000; }
    .offer-form .form-control::-webkit-input-placeholder {
      color: #cfcfcf; }
    .offer-form .form-control::-moz-placeholder {
      opacity: 1;
      color: #cfcfcf; }
    .offer-form .form-control:-moz-placeholder {
      color: #cfcfcf; }
    .offer-form .form-control:-ms-input-placeholder {
      color: #cfcfcf; }
    .offer-form .form-control.placeholder {
      color: #cfcfcf; }
    @media (max-width: 1024px) {
      .offer-form .form-control {
        height: 60px;
        font-size: 24px;
        padding: 10px 17px; } }
    @media (max-width: 767px) {
      .offer-form .form-control {
        height: 35px;
        font-size: 16px;
        border-width: 1px;
        padding: 10px; } }
  .offer-form .input-group-btn {
    width: 32.6%; }
    .offer-form .input-group-btn .btn {
      font-size: 26px;
      height: 70px;
      width: 100%;
      font-weight: normal;
      letter-spacing: 1px;
      line-height: 1; }
      @media (max-width: 1024px) {
        .offer-form .input-group-btn .btn {
          height: 60px;
          font-size: 22px; } }
      @media (max-width: 767px) {
        .offer-form .input-group-btn .btn {
          font-size: 14px;
          height: 35px; } }

.form-control {
  border-radius: 0 !important; }

.input-group-btn > .btn {
  border-radius: 0 !important; }

.contact-box {
  background: #1fbba6;
  padding: 36px 0 13px;
  color: #fff;
  position: relative;
  border-bottom: 5px solid #1fbba6;
  text-align: center; }
  @media (max-width: 1024px) {
    .contact-box {
      border-width: 0 0 4px;
      padding: 29px 0 11px; } }
  @media (max-width: 767px) {
    .contact-box {
      border: none;
      padding: 25px 0 0; } }

.map-section {
  position: relative;
  max-height: 655px;
  overflow: hidden; }
  @media (max-width: 767px) {
    .map-section {
      margin: 0 -115px; } }
  .map-section > img {
    width: 100%; }
  .map-section .marker {
    position: absolute;
    top: 18%;
    left: 50%;
    margin-left: -62px; }
    @media (max-width: 1024px) {
      .map-section .marker {
        margin-left: -49px; } }
    @media (max-width: 767px) {
      .map-section .marker {
        left: 133px;
        right: 133px;
        margin: 0;
        top: 24px; } }
  .map-section .pin {
    display: block;
    width: 85px; }
    @media (max-width: 1024px) {
      .map-section .pin {
        width: 69px; } }
    @media (max-width: 767px) {
      .map-section .pin {
        display: none; } }
    .map-section .pin img {
      display: block;
      width: 100%;
      height: auto; }
  .map-section .popup {
    position: absolute;
    right: 100%;
    top: 33px;
    width: 460px;
    background: #2e3641;
    color: #fff;
    padding: 38px 38px 43px;
    margin: 0 26px 0 0; }
    @media (max-width: 1024px) {
      .map-section .popup {
        margin: -6px 20px 0 0;
        width: 370px;
        font-size: 14px;
        line-height: 21px;
        padding: 30px 30px 36px; } }
    @media (max-width: 767px) {
      .map-section .popup {
        font-size: 9px;
        line-height: 14px;
        position: relative;
        right: auto;
        top: 100px;
        width: auto;
        margin: 0 34px 0 20px;
        padding: 19px 20px; } }
    .map-section .popup h2 {
      letter-spacing: 3px;
      color: #fff;
      font-size: 28px;
      line-height: 35px;
      font-weight: 600;
      margin: 0 0 9px; }
      @media (max-width: 1024px) {
        .map-section .popup h2 {
          font-size: 23px;
          line-height: 28px;
          letter-spacing: 2px; } }
      @media (max-width: 767px) {
        .map-section .popup h2 {
          font-size: 14px;
          line-height: 17px;
          letter-spacing: 1px;
          margin-bottom: 7px; } }
    .map-section .popup p {
      margin: 0 0 1px; }

.nav-tabs {
  border-bottom: none; }
  .nav-tabs > li > a {
    margin: 0;
    border: 0;
    line-height: 26px;
    font-weight: 500;
    border-radius: 0;
    letter-spacing: 1px;
    padding: 15px 10px 12px; }
    .nav-tabs > li > a:hover {
      background: #fff;
      color: #000; }

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  border: 0;
  color: #000; }

.nav-tabs.tabset {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 21px;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center; }
  @media (max-width: 767px) {
    .nav-tabs.tabset {
      font-size: 12px;
      display: table;
      width: 100%; } }
  .nav-tabs.tabset li {
    border-bottom: 1px solid #cacaca;
    width: 100%; }
    @media (max-width: 767px) {
      .nav-tabs.tabset li {
        display: table-cell;
        width: auto;
        float: none; } }
    .nav-tabs.tabset li.active {
      border-bottom: 1px solid transparent; }
      .nav-tabs.tabset li.active a {
        color: black;
        background: #fff; }
  .nav-tabs.tabset li + li {
    border-left: 1px solid #cacaca; }
  .nav-tabs.tabset a {
    display: block;
    padding: 15px 10px 12px;
    color: rgba(0, 0, 0, 0.3);
    background: #f7f8fa; }
    @media (max-width: 1199px) {
      .nav-tabs.tabset a {
        padding: 9px 10px 6px;
        font-size: 17px; } }
    @media (max-width: 767px) {
      .nav-tabs.tabset a {
        padding: 12px 5px 11px;
        line-height: 12px;
        font-size: 12px;
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center; } }

.tab-product {
  color: #2e3641;
  font-size: 18px;
  line-height: 1.278;
  padding: 30px 4.5% 10px; }
  @media (max-width: 1199px) {
    .tab-product {
      padding: 22px 4.5% 10px;
      font-size: 16px;
      line-height: 1.3125; } }
  @media (max-width: 767px) {
    .tab-product {
      font-size: 12px;
      line-height: 1.25;
      padding: 16px 4% 10px; } }
  .tab-product p {
    margin: 0 0 23px; }
    @media (max-width: 767px) {
      .tab-product p {
        margin-bottom: 15px; } }
  .tab-product h2 {
    margin: 0 0 11px;
    padding-top: 20px;
    font-size: 21px;
    line-height: 1.4;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px; }
    @media (max-width: 767px) {
      .tab-product h2 {
        font-size: 18px; } }
  .tab-product ul {
    margin: 0 0 23px; }
    .tab-product ul li {
      position: relative;
      padding: 0 0 0 18px; }
      @media (max-width: 767px) {
        .tab-product ul li {
          padding-left: 12px; } }
      .tab-product ul li:after {
        content: '';
        position: absolute;
        top: 9px;
        left: 0;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #2e3641; }
        @media (max-width: 767px) {
          .tab-product ul li:after {
            width: 5px;
            height: 5px;
            top: 7px; } }
  .tab-product .visual {
    padding: 21px 0 0; }
    @media (max-width: 767px) {
      .tab-product .visual {
        float: none !important;
        margin: 0 auto; } }
    .tab-product .visual + h2 {
      padding-top: 15px; }
  .tab-product .table-box {
    padding-top: 15px; }

.table-size {
  font-size: 14px;
  margin-bottom: 31px; }
  @media (max-width: 767px) {
    .table-size {
      font-size: 12px; } }
  .table-size .circle {
    display: block;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #1fbba6;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
    line-height: 42px;
    text-align: center; }
    @media (max-width: 767px) {
      .table-size .circle {
        width: 30px;
        height: 30px;
        font-size: 16px;
        line-height: 30px; } }
    .table-size .circle.size-2 {
      font-size: 18px; }
      @media (max-width: 767px) {
        .table-size .circle.size-2 {
          font-size: 12px; } }
  .table-size thead th {
    padding: 2px 5px 8px; }
    .table-size thead th:first-child {
      width: 122px;
      padding-right: 20px; }
  .table-size td {
    text-align: center;
    padding: 2px 3px; }
    .table-size td:first-child {
      text-align: right;
      text-transform: capitalize;
      font-weight: bold;
      width: 122px;
      padding-right: 20px; }
      @media (max-width: 767px) {
        .table-size td:first-child {
          white-space: nowrap;
          padding-right: 10px; } }
  .table-size tbody tr:first-child td:first-child {
    color: #ED1C24; }
  .table-size tbody tr:nth-child(2) td:first-child {
    color: #0080C7; }
  .table-size tbody tr:nth-child(3) td:first-child {
    color: #54B847; }

.js-tab-hidden {
  display: block !important;
  height: 0;
  overflow: hidden; }
  .js-tab-hidden.active {
    height: auto; }

.set-menu ul {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: -1px 0;
  text-align: center;
  font-size: 0;
  letter-spacing: -4px; }
  .set-menu ul li {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    letter-spacing: 1px;
    margin: 0 2px; }
    @media (max-width: 767px) {
      .set-menu ul li {
        display: block;
        margin: 0; } }
  .set-menu ul a {
    color: #c4c5c6;
    display: block;
    padding: 14px 25px 15px;
    position: relative;
    text-transform: uppercase; }
    @media (max-width: 1199px) {
      .set-menu ul a {
        padding: 14px 15px 15px; } }
    @media (max-width: 1024px) {
      .set-menu ul a {
        font-size: 16px;
        padding: 11px 16px; } }
    @media (max-width: 1023px) {
      .set-menu ul a {
        padding: 11px 5px; } }
    @media (max-width: 767px) {
      .set-menu ul a {
        padding: 5px 8px;
        font-size: 17px;
        color: #747474; } }
    .set-menu ul a:hover {
      color: #fff;
      text-decoration: none;
      background: #1fbba6; }
    .set-menu ul a:after {
      position: absolute;
      bottom: 0;
      left: 50%;
      height: 0;
      width: 0;
      border-bottom: 10px solid #fff;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      margin-left: -10px; }
  .set-menu ul .active a {
    background: #1fbba6;
    color: #fff; }
    .set-menu ul .active a:after {
      content: ''; }

.set-menu .jcf-select-text {
  text-transform: uppercase; }

.set-menu .jcf-select {
  margin: 0;
  display: block !important; }

.set-menu #submenu {
  border-bottom: 2px solid #e4e5e6;
  width: 100%; }
  @media (max-width: 768px) {
    .set-menu #submenu ul {
      margin: 0;
      padding-left: 0; } }

.user-promo {
  padding: 0 0 19px;
  margin: 0;
  background: #fff;
  color: #2e3641; }
  @media (max-width: 1024px) {
    .user-promo {
      padding-bottom: 12px; } }
  @media (max-width: 767px) {
    .user-promo {
      padding-bottom: 9px; } }
  .user-promo > img {
    width: 100%; }
  .user-promo .avatar {
    margin: -97px 0 15px;
    background: #d2d2d2;
    border-radius: 50%;
    padding: 3px; }
    @media (max-width: 1024px) {
      .user-promo .avatar {
        padding: 2px;
        margin: -77px 0 12px; } }
    @media (max-width: 767px) {
      .user-promo .avatar {
        margin: -48px -3px 0 3px; } }
    .user-promo .avatar img {
      border-radius: 50%;
      vertical-align: top;
      width: 100%; }
  .user-promo .avatar-holder {
    margin: 0 0 0 auto;
    max-width: 202px; }
    @media (max-width: 1024px) {
      .user-promo .avatar-holder {
        max-width: 161px; } }
    @media (max-width: 767px) {
      .user-promo .avatar-holder {
        float: left;
        width: 90px; } }
    .user-promo .avatar-holder .btn {
      font-size: 21px;
      padding: 10px 5px; }
      @media (max-width: 1024px) {
        .user-promo .avatar-holder .btn {
          font-size: 16px;
          padding: 9px 5px; } }
      .user-promo .avatar-holder .btn .icons-mail-envelope-closed {
        font-size: 40px;
        line-height: 20px;
        display: inline-block;
        vertical-align: top;
        position: relative;
        top: 7px;
        margin-left: -15px; }
        @media (max-width: 1024px) {
          .user-promo .avatar-holder .btn .icons-mail-envelope-closed {
            font-size: 34px;
            top: 2px;
            margin-left: -10px; } }
  .user-promo h1 {
    text-transform: none;
    font-size: 42px;
    line-height: 1;
    margin: -2px 0 7px;
    color: #2e3641; }
    @media (max-width: 1024px) {
      .user-promo h1 {
        font-size: 34px;
        margin: -3px 0 6px; } }
    @media (max-width: 767px) {
      .user-promo h1 {
        font-size: 21px;
        margin-bottom: 2px; } }
  .user-promo address {
    color: #1fbba6;
    font-size: 18px;
    margin: 0 0 19px; }
    @media (max-width: 1024px) {
      .user-promo address {
        font-size: 15px;
        margin-bottom: 16px; } }
    @media (max-width: 767px) {
      .user-promo address {
        font-size: 10px;
        margin-bottom: 7px; } }
  .user-promo p {
    font-size: 18px;
    line-height: 23px;
    font-weight: 400; }
    @media (max-width: 1024px) {
      .user-promo p {
        font-size: 14px;
        line-height: 18px; } }
    @media (max-width: 767px) {
      .user-promo p {
        font-size: 9px;
        line-height: 12px; } }
  .user-promo .content {
    padding: 32px 0 0 8px; }
    @media (max-width: 1024px) {
      .user-promo .content {
        padding: 26px 0 0 3px; } }
    @media (max-width: 767px) {
      .user-promo .content {
        padding: 13px 0 0; } }
  .user-promo .heading {
    overflow: hidden; }
    @media (max-width: 767px) {
      .user-promo .heading > div {
        padding: 0 0 0 12px; } }
    .user-promo .heading .btn {
      font-size: 17px;
      min-width: 200px;
      padding: 8px; }
      @media (max-width: 1024px) {
        .user-promo .heading .btn {
          font-size: 14px;
          min-width: 161px;
          padding: 6px; } }
  .user-promo .btns {
    margin: 0 -14px; }
    .user-promo .btns .btn {
      font-size: 14px;
      margin: 0 1px;
      padding: 10px 17px; }
      .user-promo .btns .btn .icons-mail-envelope-closed {
        font-size: 24px;
        line-height: 14px;
        position: relative;
        vertical-align: top;
        display: inline-block;
        top: 1px;
        margin-left: -5px; }

/* custom radio styles */
.jcf-radio {
  vertical-align: middle;
  display: inline-block;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  background: #fff;
  border: 1px solid #dddddd;
  border-radius: 50%;
  margin: -2px 0 0 0;
  height: 20px;
  width: 20px; }
  @media (max-width: 1199px) {
    .jcf-radio {
      width: 17px;
      height: 17px; } }

.jcf-radio span {
  display: none;
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  background: #fff;
  border-radius: 50%;
  border: 8px solid #0090c3; }
  @media (max-width: 1199px) {
    .jcf-radio span {
      border-width: 6px; } }

.jcf-radio input[type="radio"] {
  position: absolute;
  height: 100%;
  width: 100%;
  border: 0;
  margin: 0;
  left: 0;
  top: 0; }

.jcf-radio.jcf-checked span {
  display: block; }

/* custom select styles */
.jcf-select {
  display: block;
  position: relative;
  border: 1px solid #afafaf;
  background: #fff;
  margin: 0 0 12px;
  min-width: 150px;
  height: 50px;
  color: #747474; }
  @media (max-width: 1024px) {
    .jcf-select {
      height: 40px; } }
  @media (max-width: 767px) {
    .jcf-select {
      height: 38px; } }

.jcf-select select {
  z-index: 1;
  left: 0;
  top: 0; }

.jcf-select .jcf-select-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: default;
  display: block;
  font-size: 22px;
  line-height: 48px;
  margin: 0 40px 0 24px; }
  @media (max-width: 1024px) {
    .jcf-select .jcf-select-text {
      font-size: 18px;
      margin: 0 40px 0 10px;
      line-height: 38px; } }
  @media (max-width: 767px) {
    .jcf-select .jcf-select-text {
      font-size: 17px;
      line-height: 36px;
      margin-left: 10px; } }

.jcf-select .jcf-select-opener {
  position: absolute;
  text-align: center;
  width: 40px;
  bottom: 0;
  right: 0;
  top: 0; }
  .jcf-select .jcf-select-opener:before {
    content: "\e91d";
    color: #1fbba6;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    margin-top: -7px;
    font-size: 14px;
    line-height: 1; }
    @media (max-width: 1024px) {
      .jcf-select .jcf-select-opener:before {
        font-size: 12px;
        margin-top: -6px; } }
    @media (max-width: 767px) {
      .jcf-select .jcf-select-opener:before {
        font-size: 10px;
        margin-top: -5px; } }

body > .jcf-select-drop {
  position: absolute;
  margin: -1px 0 0;
  z-index: 9999; }

body > .jcf-select-drop.jcf-drop-flipped {
  margin: 1px 0 0; }

.jcf-select .jcf-select-drop {
  position: absolute;
  margin-top: 0px;
  z-index: 9999;
  top: 100%;
  left: -1px;
  right: -1px; }

.jcf-select .jcf-drop-flipped {
  bottom: 100%;
  top: auto; }

/* multiple select styles */
.jcf-list-box {
  overflow: hidden;
  display: inline-block;
  border: 1px solid #2e3641;
  min-width: 200px;
  margin: 0 15px; }

/* select options styles */
.jcf-list {
  display: inline-block;
  vertical-align: top;
  position: relative;
  background: #fff;
  font-size: 22px;
  width: 100%;
  border: 1px solid #afafaf; }
  @media (max-width: 767px) {
    .jcf-list {
      font-size: 17px; } }

.jcf-list .jcf-list-content {
  vertical-align: top;
  display: inline-block;
  overflow: auto;
  width: 100%; }

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

.jcf-list ul li {
  overflow: hidden;
  display: block; }

.jcf-list .jcf-overflow {
  overflow: auto; }

.jcf-list .jcf-option {
  white-space: nowrap;
  overflow: hidden;
  cursor: default;
  display: block;
  padding: 5px 24px;
  color: #656565;
  height: 1%; }
  @media (max-width: 767px) {
    .jcf-list .jcf-option {
      padding: 5px 10px; } }

.jcf-list .jcf-disabled {
  background: #fff !important;
  color: #aaaaaa !important; }

.jcf-select-drop .jcf-hover,
.jcf-list-box .jcf-selected {
  background: #e6e6e6;
  color: #000; }

.jcf-list .jcf-optgroup-caption {
  white-space: nowrap;
  font-weight: bold;
  display: block;
  padding: 5px 9px;
  cursor: default;
  color: #000; }

.jcf-list .jcf-optgroup .jcf-option {
  padding-left: 30px; }

/* common custom form elements styles */
.jcf-disabled {
  background: #dddddd !important; }

/* slider */
.slider-group p {
  margin: 0 !important; }
  .slider-group p label {
    margin-bottom: 0; }

.slider-group input[type="text"] {
  background: none;
  width: 100%;
  display: block;
  text-align: right;
  color: #1fbba6 !important;
  font-size: 18px;
  font-weight: normal !important;
  height: auto;
  padding: 0;
  border: none;
  margin: -5px 0 0; }
  @media (max-width: 1024px) {
    .slider-group input[type="text"] {
      font-size: 16px; } }
  @media (max-width: 767px) {
    .slider-group input[type="text"] {
      font-size: 14px; } }

.slider-group .ui-slider {
  height: 14px;
  position: relative;
  border-radius: 14px;
  background: #1fbba6;
  margin: 16px 0 34px; }
  @media (max-width: 1024px) {
    .slider-group .ui-slider {
      height: 10px; } }
  .slider-group .ui-slider .ui-slider-handle {
    width: 32px;
    position: absolute;
    height: 32px;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #b0b0b0;
    top: -8px;
    cursor: -webkit-grab;
    cursor: grab; }
    @media (max-width: 1024px) {
      .slider-group .ui-slider .ui-slider-handle {
        width: 20px;
        height: 20px;
        top: -5px; } }
    .slider-group .ui-slider .ui-slider-handle:active {
      cursor: -webkit-grabbing;
      cursor: grabbing; }
  .slider-group .ui-slider .ui-slider-range {
    display: none; }

.page-header {
  background: #1fbba6;
  margin: 0;
  border-bottom: 0;
  padding: 28px 0 24px;
  color: #fff;
  position: relative;
  z-index: 5; }
  @media (max-width: 1024px) {
    .page-header {
      padding: 21px 0 20px; } }
  @media (max-width: 767px) {
    .page-header {
      padding: 15px 0;
      text-align: center; } }
  .page-header.large .container-fluid {
    max-width: 1210px; }
  @media (max-width: 767px) {
    .page-header.large h1 {
      margin-bottom: 13px; } }
  .page-header.large .row {
    letter-spacing: -6px; }
  .page-header.large [class^="col-"] {
    float: none;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 0; }
  .page-header .container-fluid {
    max-width: 1122px; }
  .page-header.marketplace-header {
    padding: 19px 0 16px; }
    .page-header.marketplace-header .container-fluid {
      max-width: 1236px; }
  .page-header .dropdown .opener,
  .page-header h1 {
    color: #fff;
    margin: 0;
    letter-spacing: 2px; }
    @media (max-width: 1024px) {
      .page-header .dropdown .opener,
      .page-header h1 {
        font-size: 26px;
        line-height: 30px; } }
    @media (max-width: 767px) {
      .page-header .dropdown .opener,
      .page-header h1 {
        font-size: 18px;
        line-height: 22px; } }
  .page-header .dropdown {
    padding: 2px 0 0; }
    @media (max-width: 1024px) {
      .page-header .dropdown {
        padding-top: 10px; } }
    @media (max-width: 767px) {
      .page-header .dropdown {
        padding: 0 0 10px; } }
    .page-header .dropdown .opener {
      font-weight: 600;
      font-size: 33px;
      letter-spacing: 2.7px; }
      @media (max-width: 1024px) {
        .page-header .dropdown .opener {
          font-size: 26px;
          line-height: 30px; } }
      @media (max-width: 767px) {
        .page-header .dropdown .opener {
          font-size: 18px;
          line-height: 22px; } }
      .page-header .dropdown .opener i {
        font-size: 11px;
        display: inline-block;
        position: relative;
        top: -5px;
        margin-left: 11px; }
        @media (max-width: 1024px) {
          .page-header .dropdown .opener i {
            font-size: 10px;
            margin-left: 5px; } }
        @media (max-width: 767px) {
          .page-header .dropdown .opener i {
            font-size: 7px;
            top: -3px; } }
    .page-header .dropdown .dropdown-menu {
      border-radius: 0;
      background: #fff;
      padding: 11px 0 9px;
      border: none;
      width: 184px;
      box-shadow: 0 0 32px rgba(0, 0, 0, 0.35);
      font-size: 17px;
      line-height: 20px;
      left: 0;
      margin-top: 20px; }
      @media (max-width: 767px) {
        .page-header .dropdown .dropdown-menu {
          margin-top: 0; } }
      .page-header .dropdown .dropdown-menu:before {
        z-index: 1001;
        position: absolute;
        bottom: 100%;
        left: 40px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        content: '';
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 22px solid #fff; }
        @media (max-width: 767px) {
          .page-header .dropdown .dropdown-menu:before {
            left: 50%;
            border-width: 10px; } }
      @media (max-width: 1024px) {
        .page-header .dropdown .dropdown-menu {
          font-size: 20px;
          line-height: 22px;
          width: 203px;
          box-shadow: 0 0 26px rgba(0, 0, 0, 0.35); } }
      @media (max-width: 767px) {
        .page-header .dropdown .dropdown-menu {
          width: 100%; } }
      .page-header .dropdown .dropdown-menu li {
        margin: 0 0 2px; }
        .page-header .dropdown .dropdown-menu li a {
          font-weight: normal;
          background: #fff;
          padding: 13px 10px 10px 10px;
          position: relative;
          -webkit-transition: color .2s ease, background .2s ease;
          transition: color .2s ease, background .2s ease; }
          @media (max-width: 1024px) {
            .page-header .dropdown .dropdown-menu li a {
              padding: 13px 10px 11px 10px; } }
          @media (max-width: 767px) {
            .page-header .dropdown .dropdown-menu li a {
              background: #fff;
              color: #1fbba6;
              padding: 13px 10px 11px 10px !important; }
              .page-header .dropdown .dropdown-menu li a:hover {
                color: #fff;
                background: #1fbba6; } }
          .page-header .dropdown .dropdown-menu li a:active, .page-header .dropdown .dropdown-menu li a:hover {
            background: #1fbba6 !important;
            color: #fff !important; }
            .page-header .dropdown .dropdown-menu li a:active i, .page-header .dropdown .dropdown-menu li a:hover i {
              color: #fff; }
          .page-header .dropdown .dropdown-menu li a i {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            width: 66px;
            font-size: 29px;
            color: #1fbba6;
            -webkit-transition: color .2s ease;
            transition: color .2s ease; }
            @media (max-width: 1024px) {
              .page-header .dropdown .dropdown-menu li a i {
                font-size: 32px;
                width: 72px; } }
            .page-header .dropdown .dropdown-menu li a i:before {
              position: absolute;
              top: 50%;
              left: 50%;
              -webkit-transform: translateX(-50%) translateY(-50%);
              transform: translateX(-50%) translateY(-50%); }
  .page-header .refine-form {
    padding-right: 38px; }
    @media (max-width: 1024px) {
      .page-header .refine-form {
        padding-right: 0; } }

.services {
  padding: 53px 0; }
  @media (max-width: 1024px) {
    .services {
      padding: 40px 0; } }
  @media (max-width: 767px) {
    .services {
      padding: 24px 0 9px; } }
  .services h1 {
    color: #000;
    font-size: 29px;
    margin: 0 0 39px;
    letter-spacing: 2px; }
    @media (max-width: 1024px) {
      .services h1 {
        font-size: 23px;
        margin-bottom: 34px; } }
    @media (max-width: 767px) {
      .services h1 {
        font-size: 17px;
        margin-bottom: 22px; } }

.services-list {
  counter-reset: item;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 auto;
  max-width: 1078px; }
  @media (max-width: 1024px) {
    .services-list {
      max-width: 870px;
      font-size: 14px;
      line-height: 22px; } }
  @media (max-width: 767px) {
    .services-list {
      margin: 0 -10px;
      font-size: 11px;
      line-height: 16px; } }
  .services-list li {
    width: 25%;
    position: relative;
    margin-bottom: 16px;
    padding: 0 10px; }
    @media (max-width: 767px) {
      .services-list li {
        width: 50%;
        margin-bottom: 20px; } }
    .services-list li:after {
      z-index: -1;
      content: '----------------------------------------------------------------------';
      white-space: nowrap;
      color: #1fbba6;
      font-size: 24px;
      position: absolute;
      top: 70px;
      left: 50%;
      width: 100%;
      overflow: hidden; }
      @media (max-width: 1024px) {
        .services-list li:after {
          top: 63px; } }
      @media (max-width: 767px) {
        .services-list li:after {
          display: none; } }
    .services-list li:last-child:after, .services-list li:nth-child(4n+4):after {
      display: none; }
  .services-list .img-holder {
    position: relative;
    margin: 0 auto 15px;
    max-width: 194px;
    min-height: 183px; }
    @media (max-width: 1024px) {
      .services-list .img-holder {
        max-width: 145px;
        min-height: 145px; } }
    @media (max-width: 767px) {
      .services-list .img-holder {
        max-width: 111px;
        min-height: 111px;
        margin-bottom: 12px; } }
    .services-list .img-holder:before {
      content: counters(item, ".") "";
      counter-increment: item;
      background: #1fbba6;
      color: #fff;
      border: 5px solid #fff;
      width: 44px;
      height: 44px;
      line-height: 35px;
      font-size: 30px;
      font-weight: normal;
      position: absolute;
      top: -1px;
      left: 11px;
      z-index: 3;
      border-radius: 50%; }
      @media (max-width: 1024px) {
        .services-list .img-holder:before {
          width: 36px;
          height: 36px;
          border-width: 4px;
          line-height: 28px;
          font-size: 24px; } }
      @media (max-width: 767px) {
        .services-list .img-holder:before {
          border-width: 2px;
          width: 26px;
          height: 26px;
          line-height: 22px;
          font-size: 17px; } }
    .services-list .img-holder img {
      max-width: 100%;
      vertical-align: top; }
  .services-list strong {
    text-transform: uppercase;
    font-weight: normal;
    color: #2e3641;
    display: block;
    margin: 0 0 1px; }
  .services-list p {
    margin: 0; }
  .services-list.alt {
    padding: 15px 0 47px; }
    @media (max-width: 1024px) {
      .services-list.alt {
        padding: 10px 0; } }
    .services-list.alt li {
      width: 33.33%; }
      @media (max-width: 767px) {
        .services-list.alt li {
          width: 50%; } }
    .services-list.alt .img-holder:before {
      display: none; }
    .services-list.alt .img-holder .mark1 {
      margin-top: -26px; }
      @media (max-width: 767px) {
        .services-list.alt .img-holder .mark1 {
          margin-top: -13px; } }

.search-form {
  background: #199988;
  position: relative; }
  @media (max-width: 767px) {
    .search-form {
      margin: 0 -6px; } }
  .search-form .form-control {
    background: transparent;
    border: none;
    color: #fff;
    font-size: 16px;
    height: 56px;
    line-height: 52px;
    padding: 1px 60px 1px 27px; }
    @media (max-width: 1024px) {
      .search-form .form-control {
        font-size: 14px;
        line-height: 40px;
        height: 46px;
        padding: 1px 60px 1px 22px; } }
    @media (max-width: 767px) {
      .search-form .form-control {
        font-size: 15px;
        height: 50px;
        line-height: 44px;
        padding: 1px 32px 1px 14px; } }
    .search-form .form-control:focus {
      box-shadow: none; }
    .search-form .form-control::-webkit-input-placeholder {
      color: #fff; }
    .search-form .form-control::-moz-placeholder {
      opacity: 1;
      color: #fff; }
    .search-form .form-control:-moz-placeholder {
      color: #fff; }
    .search-form .form-control:-ms-input-placeholder {
      color: #fff; }
    .search-form .form-control.placeholder {
      color: #fff; }
  .search-form .submit {
    background: transparent;
    border: none;
    position: absolute;
    right: 17px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0;
    color: #1fbba6;
    font-size: 31px;
    line-height: 34px; }
    @media (max-width: 1024px) {
      .search-form .submit {
        font-size: 26px;
        line-height: 34px;
        right: 12px; } }
    .search-form .submit:hover {
      color: #fff; }

@media (max-width: 767px) {
  .select-box {
    background: #F4F5F6;
    padding: 20px 15px 12px;
    margin: 0 -15px; } }

@media (max-width: 767px) {
  .select-box label {
    font-size: 17px;
    line-height: 20px;
    font-weight: 400;
    color: #000;
    display: inline-block;
    vertical-align: top;
    margin: 0; } }

@media (max-width: 767px) {
  .select-box .jcf-select {
    text-transform: capitalize; } }

.nav-page {
  padding: 72px 10px 9999px 9999px;
  margin: 0 -24px -9999px -9999px;
  background: #f7f8fa;
  font-weight: 700;
  text-transform: uppercase; }
  @media (max-width: 1024px) {
    .nav-page {
      font-size: 14px;
      line-height: 18px;
      margin: 0 35px -9999px -9999px;
      padding: 59px 10px 9999px 10050px; } }
  .nav-page li {
    margin: 0 0 16px; }
    @media (max-width: 1024px) {
      .nav-page li {
        margin-bottom: 17px; } }
    .nav-page li.active a {
      color: #2e3641; }
  .nav-page a:hover {
    color: #2e3641; }

.main-post {
  margin: 6px 0 82px; }
  @media (max-width: 1024px) {
    .main-post {
      font-size: 16px;
      line-height: 23px;
      margin: 16px 0 66px; } }
  @media (max-width: 767px) {
    .main-post {
      margin: 0 -15px 15px;
      font-size: 10px;
      line-height: 16px; } }
  .main-post .text-col {
    padding: 14px 0 0 34px; }
    @media (max-width: 1024px) {
      .main-post .text-col {
        padding: 11px 0 0 23px; } }
    @media (max-width: 767px) {
      .main-post .text-col {
        padding: 13px 15px 0; } }
  @media (max-width: 767px) {
    .main-post .img-responsive {
      max-width: none;
      width: 100%; } }
  .main-post h2 {
    font-size: 29px;
    line-height: 35px;
    margin: 0 0 22px;
    letter-spacing: 2px; }
    @media (max-width: 1024px) {
      .main-post h2 {
        font-size: 23px;
        line-height: 27px; } }
    @media (max-width: 767px) {
      .main-post h2 {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 0;
        margin-bottom: 12px; } }
    .main-post h2 a {
      color: #000; }
      .main-post h2 a:hover {
        color: #1fbba6; }
  .main-post p {
    margin: 0 0 28px; }
    @media (max-width: 1024px) {
      .main-post p {
        margin-bottom: 23px; } }
    @media (max-width: 767px) {
      .main-post p {
        margin-bottom: 14px; } }
  .main-post .btn {
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    padding: 17px 36px; }
    @media (max-width: 1024px) {
      .main-post .btn {
        font-size: 16px;
        line-height: 20px;
        padding: 13px 27px; } }
    @media (max-width: 767px) {
      .main-post .btn {
        font-weight: 700;
        font-size: 13px;
        line-height: 16px;
        width: 100%;
        max-width: 140px;
        margin: 0 auto;
        padding: 10px 5px;
        display: block; } }
  .main-post .info-post {
    margin-left: 0; }
    .main-post .info-post li:first-child {
      padding-left: 0;
      margin-left: 0; }
      .main-post .info-post li:first-child:before {
        display: none; }

.info-post {
  color: #1fbba6;
  margin: 0 0 0 -28px; }
  @media (max-width: 1024px) {
    .info-post {
      font-size: 14px;
      line-height: 18px; } }
  @media (max-width: 767px) {
    .info-post {
      margin-left: 0; } }
  .info-post li {
    float: left;
    padding: 0 0 0 17px;
    margin: 0 0 0 10px;
    position: relative; }
    @media (max-width: 767px) {
      .info-post li {
        margin-left: 5px;
        padding-left: 8px; } }
    @media (max-width: 767px) {
      .info-post li:first-child {
        margin-left: 0;
        padding-left: 0; }
        .info-post li:first-child:before {
          display: none; } }
    .info-post li:before {
      content: "";
      position: absolute;
      left: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 2px;
      height: 17px;
      background: #1fbba6; }
      @media (max-width: 1024px) {
        .info-post li:before {
          height: 13px; } }
      @media (max-width: 767px) {
        .info-post li:before {
          height: 10px;
          width: 1px; } }

.post-holder {
  padding: 0 0 63px; }
  @media (max-width: 1024px) {
    .post-holder {
      padding-bottom: 50px; } }
  @media (max-width: 767px) {
    .post-holder {
      margin: 0 -15px;
      padding-bottom: 26px; } }

.post {
  margin: 0 0 50px;
  overflow: hidden; }
  @media (max-width: 1024px) {
    .post {
      margin-bottom: 43px; } }
  @media (max-width: 767px) {
    .post {
      border: solid #f6f6f6;
      border-width: 2px 0;
      margin-bottom: 10px; } }
  .post p {
    text-align: justify; }
    @media (max-width: 1024px) {
      .post p {
        font-size: 14px; } }
  .post .picture-holder {
    margin: 0 0 19px; }
    @media (max-width: 1024px) {
      .post .picture-holder {
        margin-bottom: 10px; } }
    @media (max-width: 767px) {
      .post .picture-holder {
        float: left;
        width: 39%;
        margin-bottom: 0; } }
  @media (max-width: 767px) {
    .post .text-box {
      float: left;
      width: 61%;
      padding: 13px 10px 5px 12px; } }
  .post .img-responsive {
    max-width: none;
    width: 100%; }
  .post h2 {
    margin: 0 0 6px;
    line-height: 25px; }
    @media (max-width: 1024px) {
      .post h2 {
        font-size: 17px;
        line-height: 22px;
        margin-bottom: 7px; } }
    .post h2 a {
      color: #000; }
      .post h2 a:hover {
        color: #1fbba6; }

@media (max-width: 767px) {
  .refine-form {
    text-align: center; } }

.refine-form .jcf-select {
  width: 262px;
  text-align: left;
  display: inline-block;
  vertical-align: top;
  margin: 0; }
  @media (max-width: 1024px) {
    .refine-form .jcf-select {
      width: 230px; } }
  @media (max-width: 767px) {
    .refine-form .jcf-select {
      width: 100%;
      margin: 0 0 10px; } }

.refine-form .btn {
  font-size: 17px;
  min-width: 133px;
  margin-left: 5px;
  vertical-align: top; }
  @media (max-width: 1024px) {
    .refine-form .btn {
      min-width: 100px;
      padding: 7px; } }
  @media (max-width: 767px) {
    .refine-form .btn {
      padding: 10px 10px; } }

.categories-holder {
  background: #1fbba6;
  padding: 15px 0 22px;
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600; }
  @media (max-width: 767px) {
    .categories-holder {
      font-size: 13px;
      line-height: 16px; } }
  .categories-holder .row {
    letter-spacing: -6px; }
  .categories-holder .container-fluid {
    max-width: 1150px; }
  .categories-holder [class^="col-"] {
    float: none;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 0; }
    @media (max-width: 1024px) {
      .categories-holder [class^="col-"] {
        float: left; } }
  .categories-holder .title-section {
    font-size: 25px;
    line-height: 28px;
    font-weight: 600;
    display: block;
    margin: 0 -5px; }
    @media (max-width: 1024px) {
      .categories-holder .title-section {
        margin: 0 0 15px; } }
    @media (max-width: 767px) {
      .categories-holder .title-section {
        font-size: 17px;
        line-height: 20px; } }

.categories-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media (max-width: 767px) {
    .categories-list {
      display: block;
      letter-spacing: -5px; } }
  .categories-list li {
    display: block; }
    @media (max-width: 767px) {
      .categories-list li {
        display: inline-block;
        vertical-align: top;
        letter-spacing: 0;
        width: 33.333%;
        padding: 0 5px;
        margin: 0 0 10px; } }
  .categories-list a {
    color: #fff;
    display: inline-block;
    vertical-align: top;
    padding: 70px 0 0;
    position: relative; }
    .categories-list a:hover {
      color: #2e3641; }
  .categories-list [class^="icons-"] {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    height: 65px;
    line-height: 65px;
    color: #2e3641;
    font-size: 55px; }
    @media (max-width: 767px) {
      .categories-list [class^="icons-"] {
        font-size: 40px; } }

.modal {
  display: block !important;
  visibility: hidden; }
  @media (max-width: 1024px) {
    .modal {
      font-size: 14px; } }
  .modal.in {
    visibility: visible; }
  .modal .close {
    position: absolute;
    top: 14px;
    right: 10px;
    width: 38px;
    height: 38px;
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    z-index: 20;
    opacity: 1; }
    @media (max-width: 1024px) {
      .modal .close {
        top: 10px;
        width: 30px;
        height: 30px; } }
    .modal .close:after, .modal .close:before {
      border-top: 4px solid #b7b7b7;
      width: 40px;
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      margin: -1px 0 0 -20px;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
      @media (max-width: 1024px) {
        .modal .close:after, .modal .close:before {
          width: 26px;
          border-width: 2px;
          margin-left: -13px; } }
    .modal .close:after {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .modal .close:hover:after, .modal .close:hover:before {
      border-color: #1fbba6; }
  .modal .product-gallery {
    margin: 53px 0 33px;
    border-bottom: 2px solid #dadada;
    padding: 0; }
    @media (max-width: 1024px) {
      .modal .product-gallery {
        margin: 30px 0 20px; } }
    .modal .product-gallery .mask {
      margin: 0 auto 39px;
      max-width: 646px; }
      @media (max-width: 1024px) {
        .modal .product-gallery .mask {
          margin-bottom: 15px; } }
    .modal .product-gallery .img-holder {
      margin: 0 auto;
      max-width: 756px;
      text-align: center; }
    .modal .product-gallery .btn-prev {
      left: 0; }
      @media (max-width: 767px) {
        .modal .product-gallery .btn-prev {
          left: -15px; } }
    .modal .product-gallery .btn-next {
      right: 0px; }
      @media (max-width: 767px) {
        .modal .product-gallery .btn-next {
          right: -15px; } }
  .modal h3 {
    font-size: 21px;
    margin: 0 0 24px;
    letter-spacing: 2px; }
    @media (max-width: 1024px) {
      .modal h3 {
        font-size: 18px;
        margin-bottom: 14px; } }
  .modal .modal-footer {
    background-color: #F4F5F6;
    padding: 28px 24px; }
    .modal .modal-footer h3 {
      margin-bottom: 16px; }
    .modal .modal-footer .product-list {
      margin-bottom: 0; }
      .modal .modal-footer .product-list li {
        padding-bottom: 0;
        margin-bottom: 17px; }
  .modal .section {
    padding: 0 30px; }
    @media (max-width: 1023px) {
      .modal .section {
        padding: 0; } }
    @media (max-width: 767px) {
      .modal .section {
        width: auto; } }
  .modal .list-radio {
    margin: 0 -6px; }
    .modal .list-radio li {
      margin-right: 3px; }
    .modal .list-radio .jcf-radio {
      margin-right: 0; }
  .modal .cart-form h3 {
    margin-bottom: 8px; }
  .modal .cart-form .row-form {
    padding-bottom: 8px; }
  .modal .cart-form .btn {
    margin: 13px 0 44px; }

@media (max-width: 1023px) {
  .modal-dialog {
    max-width: 680px;
    margin: 10px auto;
    width: 100%; } }

.detail-info {
  padding: 0 0 20px; }
  .detail-info h2 {
    text-transform: none;
    font-weight: normal;
    letter-spacing: -1px;
    font-size: 32px;
    line-height: 1.25;
    margin: 6px 0 0; }
    @media (max-width: 1024px) {
      .detail-info h2 {
        font-size: 24px;
        margin: 0 0 5px; } }
    @media (max-width: 767px) {
      .detail-info h2 {
        font-size: 21px; } }
  .detail-info .price {
    font-size: 37px;
    color: #1fbba6;
    line-height: 1;
    display: block;
    margin: 0 0 21px; }
    @media (max-width: 1024px) {
      .detail-info .price {
        font-size: 21px; } }
    @media (max-width: 767px) {
      .detail-info .price {
        margin-bottom: 11px; } }
    .detail-info .price .value {
      font-size: 21px;
      color: #c2c2c2; }
      @media (max-width: 1024px) {
        .detail-info .price .value {
          font-size: 14px; } }
  .detail-info .fan .title {
    overflow: hidden;
    margin-bottom: 49px; }
    @media (max-width: 1024px) {
      .detail-info .fan .title {
        margin-bottom: 20px; } }
  .detail-info .fan .avatar {
    width: 62px; }
    .detail-info .fan .avatar img {
      height: auto;
      width: 100%; }
  .detail-info .fan .heading {
    overflow: hidden;
    padding: 6px 0 0;
    width: auto; }
  .detail-info .fan h1 {
    text-align: left;
    font-weight: normal;
    font-size: 19px; }
    .detail-info .fan h1 span {
      font-size: 17px;
      display: block;
      color: #2e3641; }
  .detail-info .rating {
    margin-bottom: 22px; }

.product-descr {
  color: #2e3641;
  line-height: 1.28; }
  .product-descr p {
    margin: 0; }

.shadow-style {
  box-shadow: 0 0 49px 0 rgba(0, 0, 0, 0.75); }
  @media (max-width: 1024px) {
    .shadow-style .modal-dialog {
      width: 920px; } }
  @media (max-width: 767px) {
    .shadow-style .modal-dialog {
      width: 100%; } }
  @media (max-width: 1024px) {
    .shadow-style.style-02 .col-md-6 {
      width: 100%; } }
  .shadow-style.style-02 .modal-header {
    background: transparent;
    padding: 41px 15px 20px; }
    @media (max-width: 1024px) {
      .shadow-style.style-02 .modal-header {
        padding: 31px 15px 13px; } }
    .shadow-style.style-02 .modal-header h1 {
      color: #393939; }
      .shadow-style.style-02 .modal-header h1 .small {
        color: #1fbba6;
        font-size: 41px;
        line-height: 49px;
        display: block;
        margin: 9px 0 0; }
        @media (max-width: 1024px) {
          .shadow-style.style-02 .modal-header h1 .small {
            font-size: 32px;
            line-height: 36px; } }
        @media (max-width: 767px) {
          .shadow-style.style-02 .modal-header h1 .small {
            font-size: 20px;
            line-height: 24px; } }
  .shadow-style.style-02 .modal-body {
    padding: 5px 39px 30px; }
    @media (max-width: 1024px) {
      .shadow-style.style-02 .modal-body {
        font-size: 14px;
        line-height: 19px;
        padding: 5px 15px 30px; } }
  .shadow-style.style-02 .picture-holder {
    margin: 0 0 11px;
    text-align: center; }
    @media (max-width: 1024px) {
      .shadow-style.style-02 .picture-holder {
        float: left;
        width: 53%; } }
    @media (max-width: 767px) {
      .shadow-style.style-02 .picture-holder {
        float: none;
        width: 100%; } }
    .shadow-style.style-02 .picture-holder img {
      display: inline-block;
      vertical-align: top; }
  @media (max-width: 1024px) {
    .shadow-style.style-02 .text-holder {
      float: right;
      width: 47%;
      padding: 15px 0 0; } }
  @media (max-width: 767px) {
    .shadow-style.style-02 .text-holder {
      float: none;
      width: 100%;
      padding: 0; } }
  .shadow-style.style-02 h2 {
    font-size: 37px;
    line-height: 46px;
    margin: 0 0 20px;
    text-transform: capitalize;
    font-weight: 400; }
    @media (max-width: 1024px) {
      .shadow-style.style-02 h2 {
        font-size: 29px;
        line-height: 37px;
        margin-bottom: 8px; } }
    @media (max-width: 767px) {
      .shadow-style.style-02 h2 {
        font-size: 22px;
        line-height: 26px; } }
  .shadow-style.style-02 .time-hold {
    text-align: center;
    margin: 17px 0 62px; }
    @media (max-width: 1024px) {
      .shadow-style.style-02 .time-hold {
        text-align: left;
        margin: 0 0 36px; } }
  .shadow-style .modal-header {
    border: 0;
    min-height: 0;
    padding: 33px 15px 35px;
    background: #2e3641; }
    @media (max-width: 767px) {
      .shadow-style .modal-header {
        padding: 20px 15px; } }
    .shadow-style .modal-header h1 {
      font-size: 83px;
      line-height: 86px;
      font-weight: 400;
      margin: 0;
      color: #fff;
      text-transform: capitalize; }
      @media (max-width: 1024px) {
        .shadow-style .modal-header h1 {
          font-size: 65px;
          line-height: 68px; } }
      @media (max-width: 767px) {
        .shadow-style .modal-header h1 {
          font-size: 43px;
          line-height: 46px; } }
  .shadow-style .modal-body {
    padding: 49px 51px;
    font-size: 18px;
    line-height: 24px;
    color: #333333; }
    @media (max-width: 767px) {
      .shadow-style .modal-body {
        padding: 20px 15px;
        font-size: 16px;
        line-height: 22px; } }
  .shadow-style .title {
    display: block;
    color: #1fbba6;
    font-size: 43px;
    line-height: 51px;
    margin: 0 0 12px;
    text-transform: uppercase; }
    @media (max-width: 767px) {
      .shadow-style .title {
        font-size: 24px;
        line-height: 28px; } }
  .shadow-style p {
    margin: 0 0 27px; }
    @media (max-width: 1024px) {
      .shadow-style p {
        margin-bottom: 20px; } }
  .shadow-style .time-hold {
    display: block;
    margin: 0 0 39px;
    text-transform: uppercase;
    color: #000;
    font-size: 19px;
    line-height: 22px; }
    @media (max-width: 1024px) {
      .shadow-style .time-hold {
        font-size: 15px;
        line-height: 18px; } }
    .shadow-style .time-hold .number {
      display: block;
      color: #f00;
      font-size: 73px;
      line-height: 82px;
      font-weight: 600; }
      @media (max-width: 1024px) {
        .shadow-style .time-hold .number {
          font-size: 62px;
          line-height: 63px; } }
  .shadow-style .btn-hold {
    margin: 0 0 35px; }
    @media (max-width: 1024px) {
      .shadow-style .btn-hold {
        margin-bottom: 28px; } }
  .shadow-style .close-modal {
    display: inline-block;
    vertical-align: top;
    padding: 0 36px 0 0;
    color: #1fbba6;
    font-size: 19px;
    line-height: 22px;
    position: relative; }
    @media (max-width: 1024px) {
      .shadow-style .close-modal {
        font-size: 15px;
        line-height: 18px; } }
    .shadow-style .close-modal:hover {
      color: #2e3641; }
    .shadow-style .close-modal:before {
      position: absolute;
      right: 0;
      top: 63%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      content: "\e91f";
      font-family: 'icomoon'; }
  .shadow-style .btn {
    font-size: 21px;
    line-height: 24px;
    padding: 14px 38px; }
    @media (max-width: 1024px) {
      .shadow-style .btn {
        font-size: 16px;
        line-height: 18px;
        padding: 11px 31px; } }
    @media (max-width: 1023px) {
      .shadow-style .btn {
        font-size: 14px;
        line-height: 18px; } }
  .shadow-style .description-col {
    font-size: 14px;
    line-height: 18px; }
    @media (max-width: 767px) {
      .shadow-style .description-col {
        margin-bottom: 30px;
        text-align: center; } }
    .shadow-style .description-col img {
      margin: -25px 0 9px;
      display: inline-block;
      vertical-align: top; }
      @media (max-width: 767px) {
        .shadow-style .description-col img {
          margin: 0 0 9px; } }
    .shadow-style .description-col .text-box {
      max-width: 240px;
      margin: 0 auto 29px; }
    .shadow-style .description-col .title {
      font-size: 20px;
      line-height: 24px;
      margin: 0 0 8px;
      text-transform: capitalize; }
    .shadow-style .description-col p {
      margin: 0 0 15px; }

.step-menu {
  padding: 41px 0 18px;
  font-size: 17px;
  line-height: 1;
  color: #aeaeae; }
  @media (max-width: 1024px) {
    .step-menu {
      font-size: 15px;
      line-height: 17px; } }
  @media (max-width: 767px) {
    .step-menu {
      padding: 25px 0 10px; } }
  .step-menu ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden;
    margin: 0 auto;
    max-width: 1114px; }
    @media (max-width: 767px) {
      .step-menu ul {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center; } }
    .step-menu ul li {
      position: relative;
      padding: 25px 3px 20px; }
      @media (max-width: 767px) {
        .step-menu ul li {
          width: 50%; } }
      .step-menu ul li.active {
        color: #1fbba6; }
        .step-menu ul li.active strong:before {
          background: #1fbba6; }
      .step-menu ul li:before {
        content: '.......................................................................................................';
        font-size: 37px;
        line-height: 1;
        color: #aeaeae;
        position: absolute;
        left: 50%;
        top: -21px;
        background: #fff;
        z-index: -1; }
      .step-menu ul li:last-child:before {
        color: #fff;
        z-index: 2; }
      @media (max-width: 767px) {
        .step-menu ul li:nth-child(2n+2):before {
          color: #fff;
          z-index: 2; } }
  .step-menu strong {
    margin: 0 auto;
    max-width: 120px;
    display: block;
    font-weight: normal; }
    .step-menu strong:before {
      position: absolute;
      left: 50%;
      top: 0;
      border-radius: 50%;
      width: 18px;
      height: 18px;
      margin-left: -10px;
      z-index: 10;
      content: '';
      background: #aeaeae; }

.circles {
  letter-spacing: -7px;
  font-size: 24px;
  line-height: 30px;
  margin: 0 auto 4px;
  max-width: 1136px;
  counter-reset: item; }
  @media (max-width: 1199px) {
    .circles {
      font-size: 14px;
      line-height: 18px; } }
  @media (max-width: 767px) {
    .circles {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center; } }
  .circles.fonts-small {
    font-size: 21px;
    line-height: 27px; }
    @media (max-width: 1199px) {
      .circles.fonts-small {
        font-size: 17px;
        line-height: 20px; } }
  .circles.unnumbered li:before {
    display: none; }
  .circles.small {
    font-size: 24px;
    line-height: 30px; }
    .circles.small li {
      width: 254px; }
      @media (max-width: 1054px) {
        .circles.small li {
          width: 34%; } }
      @media (max-width: 767px) {
        .circles.small li {
          width: 100%; } }
    .circles.small .holder {
      height: 230px; }
      @media (max-width: 1054px) {
        .circles.small .holder {
          width: 230px;
          margin: 0 auto; } }
  .circles.multiline .holder {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 84px 20px 15px; }
    @media (max-width: 1199px) {
      .circles.multiline .holder {
        padding: 39px 20px 15px; } }
    @media (max-width: 767px) {
      .circles.multiline .holder {
        padding: 50px 20px 5px; } }
  .circles li {
    width: 376px;
    padding: 0 12px 24px;
    letter-spacing: 0;
    display: inline-block;
    vertical-align: top;
    position: relative; }
    @media (max-width: 1199px) {
      .circles li {
        width: 246px; } }
    @media (max-width: 767px) {
      .circles li {
        width: 274px;
        display: block;
        margin: 0 auto 24px; } }
    .circles li:before {
      content: counters(item, ".") "";
      counter-increment: item;
      color: #1fbba6;
      position: absolute;
      top: 26px;
      left: 0;
      text-align: center;
      width: 100%;
      font-size: 49px;
      line-height: 1;
      z-index: 20; }
      @media (max-width: 1199px) {
        .circles li:before {
          font-size: 28px;
          top: 10px; } }
  .circles .text-hold {
    display: block;
    width: 100%; }
  .circles .title-hold {
    display: block;
    margin: 0 0 1px;
    color: #1fbba6;
    text-transform: uppercase;
    width: 100%;
    font-size: 30px;
    line-height: 34px; }
    @media (max-width: 1199px) {
      .circles .title-hold {
        font-size: 20px;
        line-height: 24px; } }
  .circles .holder {
    height: 352px;
    background: #2e3641;
    color: #fff;
    position: relative;
    padding: 25px 20px;
    border-radius: 50%;
    white-space: nowrap;
    overflow: hidden; }
    @media (max-width: 1199px) {
      .circles .holder {
        height: 222px; } }
    @media (max-width: 767px) {
      .circles .holder {
        height: 250px; } }
    .circles .holder:after {
      display: inline-block;
      vertical-align: middle;
      width: 1px;
      overflow: hidden;
      content: '';
      height: 100%; }
    .circles .holder * {
      white-space: normal; }
    .circles .holder .vertical-align {
      display: inline-block;
      vertical-align: middle; }

.step-intro {
  padding: 21px 0 0;
  font-size: 24px;
  line-height: 36px; }
  @media (max-width: 1024px) {
    .step-intro {
      font-size: 17px;
      line-height: 1.4;
      padding: 20px 0 0; } }
  .step-intro .text {
    margin: 0 auto;
    max-width: 90%;
    overflow: hidden; }
    @media (max-width: 767px) {
      .step-intro .text {
        max-width: none; } }
  .step-intro h1 {
    letter-spacing: 2px;
    font-size: 29px;
    margin: 0 0 24px;
    font-weight: 600; }
    @media (max-width: 767px) {
      .step-intro h1 {
        font-size: 24px; } }
  .step-intro h2 {
    font-size: 24px;
    margin: 0 0 40px;
    font-weight: bold;
    padding: 5px 0 0; }
    @media (max-width: 1024px) {
      .step-intro h2 {
        font-size: 20px;
        margin-bottom: 20px; } }
    @media (max-width: 767px) {
      .step-intro h2 {
        font-size: 18px; } }
    .step-intro h2 .large {
      font-size: 35px;
      line-height: 38px;
      color: #1fbba6; }
      @media (max-width: 1024px) {
        .step-intro h2 .large {
          font-size: 24px;
          line-height: 28px; } }
  .step-intro .img-holder,
  .step-intro p {
    margin: 0 0 36px; }
    @media (max-width: 1024px) {
      .step-intro .img-holder,
      .step-intro p {
        margin-bottom: 20px; } }
  .step-intro .img-holder.pull-right {
    width: 46%;
    margin: 0 0 36px 20px; }
    @media (max-width: 767px) {
      .step-intro .img-holder.pull-right {
        float: none !important;
        margin: 0 0 20px;
        width: 100%;
        text-align: center !important; } }
  .step-intro .img-holder img {
    max-width: 100%;
    vertical-align: top; }
  .step-intro .title {
    color: #000; }

.success-list {
  margin: 0 auto;
  max-width: 890px;
  line-height: 30px; }
  @media (max-width: 1024px) {
    .success-list {
      line-height: 20px;
      max-width: 90%; } }
  .success-list li {
    padding: 0 0 30px 25px;
    position: relative; }
    @media (max-width: 1024px) {
      .success-list li {
        padding: 0 0 15px 15px; } }
    .success-list li:before {
      position: absolute;
      left: 0;
      top: 13px;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      content: '';
      background: #1fbba6; }
      @media (max-width: 1024px) {
        .success-list li:before {
          top: 6px;
          width: 8px;
          height: 8px; } }
    .success-list li span {
      color: #777; }

.centered-list {
  margin: 0 20px 36px; }
  @media (max-width: 767px) {
    .centered-list {
      margin: 0 0 20px; } }
  .centered-list li:before {
    display: inline-block;
    vertical-align: top;
    margin: 13px 8px 0 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    content: '';
    background: #1fbba6; }
    @media (max-width: 1024px) {
      .centered-list li:before {
        width: 8px;
        height: 8px;
        margin-top: 8px; } }

.step-details {
  background: #2e3641;
  padding: 44px 0;
  color: #fff;
  font-size: 22px;
  line-height: 32px; }
  @media (max-width: 1024px) {
    .step-details {
      font-size: 15px;
      line-height: 20px; } }
  @media (max-width: 767px) {
    .step-details {
      padding: 30px 0; } }
  .step-details .success-list {
    font-size: 24px;
    line-height: 36px; }
    @media (max-width: 1024px) {
      .step-details .success-list {
        font-size: 15px;
        line-height: 24px; } }
    .step-details .success-list li {
      padding-bottom: 0; }
      .step-details .success-list li:before {
        top: 15px; }
        @media (max-width: 1024px) {
          .step-details .success-list li:before {
            top: 8px; } }
  .step-details h2 {
    color: #fff;
    text-transform: uppercase;
    font-size: 26px;
    line-height: 32px;
    font-weight: 500;
    margin: 0 0 22px;
    letter-spacing: 2px; }
    @media (max-width: 1024px) {
      .step-details h2 {
        font-size: 21px;
        margin-bottom: 10px; } }
    @media (max-width: 767px) {
      .step-details h2 {
        letter-spacing: 0;
        font-size: 18px;
        line-height: 24px; } }
  .step-details h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 22px;
    line-height: 32px;
    font-weight: bold;
    margin: 0;
    letter-spacing: 1px; }
    @media (max-width: 1024px) {
      .step-details h3 {
        font-size: 21px;
        margin-bottom: 10px; } }
    @media (max-width: 767px) {
      .step-details h3 {
        letter-spacing: 0;
        font-size: 18px;
        line-height: 24px; } }
  .step-details p {
    margin: 0 0 34px; }
    @media (max-width: 1024px) {
      .step-details p {
        margin-bottom: 20px; } }
  .step-details ol {
    counter-reset: item;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 57px; }
    @media (max-width: 1024px) {
      .step-details ol {
        margin-bottom: 10px; } }
    .step-details ol > li {
      padding: 7px 10px 30px 66px;
      position: relative;
      width: 50%; }
      @media (max-width: 1024px) {
        .step-details ol > li {
          padding: 0 20px 10px 40px; } }
      @media (max-width: 767px) {
        .step-details ol > li {
          width: 100%; } }
      .step-details ol > li:before {
        content: counters(item, ".") "";
        counter-increment: item;
        position: absolute;
        left: 0;
        top: 0;
        background: #1fbba6;
        color: #fff;
        width: 48px;
        height: 48px;
        border-radius: 50%;
        line-height: 48px;
        font-size: 36px;
        text-align: center; }
        @media (max-width: 1024px) {
          .step-details ol > li:before {
            width: 30px;
            height: 30px;
            line-height: 30px;
            font-size: 20px; } }
      .step-details ol > li.full {
        width: 100%; }
    .step-details ol ul li {
      margin: 33px 0 0; }
      .step-details ol ul li:before {
        display: inline-block;
        vertical-align: top;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        content: '';
        margin: 15px 7px 0 2px;
        background: #1fbba6; }
        @media (max-width: 1024px) {
          .step-details ol ul li:before {
            margin-top: 7px; } }
      .step-details ol ul li:first-child {
        margin: 0; }
  .step-details .success-text {
    font-weight: bold;
    font-size: 31px;
    display: block;
    color: #1fbba6;
    margin: -4px 0 0; }
    @media (max-width: 1024px) {
      .step-details .success-text {
        font-size: 20px; } }

.steps-paging {
  padding: 56px 0; }
  @media (max-width: 767px) {
    .steps-paging {
      padding: 25px 0; } }
  @media (max-width: 767px) {
    .steps-paging .text-left {
      text-align: center !important; } }
  .steps-paging .back {
    font-size: 30px;
    display: inline-block;
    margin: 25px 0 0 19px; }
    @media (max-width: 1024px) {
      .steps-paging .back {
        font-size: 22px;
        margin: 15px 0 0; } }
    @media (max-width: 767px) {
      .steps-paging .back {
        margin: 0 0 20px -20px;
        font-size: 16px; } }
    .steps-paging .back i {
      display: inline-block;
      vertical-align: top;
      line-height: 1;
      margin: 8px 5px 0 0; }
      @media (max-width: 767px) {
        .steps-paging .back i {
          margin-top: 4px; } }
  .steps-paging .btn {
    font-size: 28px;
    padding: 13px 35px;
    min-width: 350px; }
    @media (max-width: 1024px) {
      .steps-paging .btn {
        font-size: 20px;
        min-width: 0; } }

.set-promo-type {
  padding: 92px 0 120px; }
  @media (max-width: 1024px) {
    .set-promo-type {
      padding: 60px 0 80px; } }
  @media (max-width: 767px) {
    .set-promo-type {
      padding: 40px 0; } }
  .set-promo-type h1 {
    font-weight: 600;
    font-size: 53px;
    margin: 0 0 62px;
    color: #1fbba6;
    letter-spacing: 3px; }
    @media (max-width: 1024px) {
      .set-promo-type h1 {
        font-size: 40px;
        letter-spacing: 1px; } }
    @media (max-width: 767px) {
      .set-promo-type h1 {
        font-size: 38px;
        margin-bottom: 50px;
        font-weight: 600; } }
  .set-promo-type ul {
    font-size: 45px;
    line-height: 54px;
    margin: 0 auto 115px;
    max-width: 843px; }
    @media (max-width: 1024px) {
      .set-promo-type ul {
        max-width: 600px;
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 60px; } }
    .set-promo-type ul li {
      margin: 0 0 25px; }
  .set-promo-type .checkbox {
    position: relative;
    padding: 0 0 0 78px;
    display: inline-block;
    margin: 0;
    letter-spacing: 2px; }
    @media (max-width: 1024px) {
      .set-promo-type .checkbox {
        padding-left: 60px; } }
    .set-promo-type .checkbox input[type="checkbox"] {
      position: fixed;
      left: -99999px; }
      .set-promo-type .checkbox input[type="checkbox"]:disabled + .face-label {
        color: #d5d5d5; }
        .set-promo-type .checkbox input[type="checkbox"]:disabled + .face-label:before {
          border-color: #d5d5d5; }
      .set-promo-type .checkbox input[type="checkbox"]:checked + .face-label {
        color: #1fbba6; }
        .set-promo-type .checkbox input[type="checkbox"]:checked + .face-label:before {
          border-color: #1fbba6; }
        .set-promo-type .checkbox input[type="checkbox"]:checked + .face-label:after {
          content: ''; }
    .set-promo-type .checkbox .face-label {
      font-weight: 600;
      color: #000; }
      .set-promo-type .checkbox .face-label:before {
        border: 6px solid #000;
        border-radius: 17px;
        position: absolute;
        left: 0;
        top: 0;
        content: '';
        width: 53px;
        height: 53px; }
        @media (max-width: 1024px) {
          .set-promo-type .checkbox .face-label:before {
            width: 40px;
            height: 40px;
            border-radius: 10px;
            border-width: 4px; } }
      .set-promo-type .checkbox .face-label:after {
        background: url("../images/ico-check.png") no-repeat;
        background-size: cover;
        width: 46px;
        height: 45px;
        position: absolute;
        top: -6px;
        left: 11px; }
        @media (max-width: 1024px) {
          .set-promo-type .checkbox .face-label:after {
            width: 40px;
            height: 39px;
            left: 5px; } }
  .set-promo-type .btn {
    font-size: 28px;
    padding: 13px 43px;
    white-space: normal; }
    @media (max-width: 1024px) {
      .set-promo-type .btn {
        font-size: 18px;
        min-width: 300px;
        padding: 13px 10px; } }

.text-section {
  font-size: 24px;
  line-height: 36px; }
  @media (max-width: 1024px) {
    .text-section {
      font-size: 17px;
      line-height: 1.4; } }
  .text-section p {
    margin-bottom: 36px; }
    @media (max-width: 1024px) {
      .text-section p {
        margin-bottom: 20px; } }
    @media (max-width: 767px) {
      .text-section p {
        margin-bottom: 15px; } }
  .text-section em {
    font-size: 20px;
    line-height: 24px;
    display: block; }
    @media (max-width: 1024px) {
      .text-section em {
        font-size: 18px;
        line-height: 22px; } }
    @media (max-width: 767px) {
      .text-section em {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 20px; } }
  .text-section .text {
    max-width: 90%;
    margin: 0 auto;
    overflow: hidden; }
    @media (max-width: 767px) {
      .text-section .text {
        max-width: none; } }
  .text-section .warning {
    font-size: 18px;
    line-height: 24px; }
    .text-section .warning span {
      font-size: 24px;
      letter-spacing: 1px;
      text-transform: uppercase; }
  .text-section h1 {
    color: #1fbba6;
    font-size: 53px;
    margin: 0 0 11px;
    letter-spacing: 3px; }
    @media (max-width: 767px) {
      .text-section h1 {
        font-size: 36px;
        letter-spacing: 1px; } }
  .text-section h2 {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 29px;
    color: #000;
    margin: 0 0 17px; }
    @media (max-width: 767px) {
      .text-section h2 {
        font-size: 22px; } }
  .text-section .img-responsive {
    display: inline-block;
    vertical-align: top; }