/*@font-face {
    font-family: 'MyriadPro';
    font-style: normal;
    font-weight: 400;
    src: local('MyriadPro-Regular'),
        url(../fonts/MyriadPro-Regular.otf) format('opentype');
}*/
*:focus {
  outline: none !important; }

a:focus {
  text-decoration: none; }

a, a:focus, a:hover {
  color: #c3d52e; }

#shipping_block {
  display: none; }

.logined-user .desktop {
  display: inline-block; }

.logined-user .mobile {
  display: none; }

header .up-head ul li.login .desktop {
  display: inline-block; }
header .up-head ul li.login .mobile {
  display: none; }

@media all and (max-width: 600px) {
  #shipping_method {
    width: 100%;
    max-width: 100%;
    margin-bottom: 5px;
    float: left; } }

.color-grey {
  color: #999999;}

.order-warning {
  display: block;
  width: 100%;
  clear: both;
}

.bootstrap-select .dropdown-toggle:focus {
  outline: none !important;
  outline: none !important;
  outline-offset: none; }

.mibile-banner {
  display: none; }

.modal-text {
  display: inline-block !important;
  width: auto !important; }

.error-text {
  float: left;
  width: 100%;
  color: #a94442; }
.qty-inline {
  display: inline-block; }
.stock-count {
  font-size: 12px; }
.stock-count.color-red{
    color: #d43f3a; }
.stock-message {
  display: none; }
.stock-message.show {
  display: block;
  font-size: 16px;
  margin-top: 5px; }
.stock-message.show.larger {
  font-size: 14px; }
.cart-buttons {
  margin-top: 15px; }
.quantity-item.form-control {
  width: 60px;
  padding: 0px 10px;
  font-size: 16px;
  display: inline-block;
  float: none; }
.quantity-item .dropdown-menu.inner {
  max-height: 250px !important; }

/*@font-face {
    font-family: 'TradeGothicLTPro-Cn18';
    font-style: normal;
    font-weight: 400;
    src: local('TradeGothic-CondEighteen'),
        url(../fonts/TradeGothic-CondEighteen.otf) format('opentype');
}
@font-face{
    font-family: 'TradeGothicLTPro-Cn18';
    font-style: normal;
    font-weight: 500;
    src: local('TradeGothic-Bold'),
        url(../fonts/TradeGothic-Bold.otf) format('opentype');
}*/
@font-face {
  font-family: 'TradeGothicCond';
  font-style: normal;
  font-weight: 500;
  src: local("TradeGothic-BoldCondTwenty"), url(../fonts/TradeGothic-BoldCondTwenty.otf) format("opentype"); }
@font-face {
  font-family: 'TradeGothicLTPro-Cn18';
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.5px;
  src: url("../fonts/webfonts/360078_0_0.eot");
  src: url("../fonts/webfonts/360078_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/webfonts/360078_0_0.woff2") format("woff2"), url("../fonts/webfonts/360078_0_0.woff") format("woff"), url("../fonts/webfonts/360078_0_0.ttf") format("truetype"); }
@font-face {
  font-family: 'TradeGothicLTPro-Cn18Obl';
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/webfonts/360078_1_0.eot");
  src: url("../fonts/webfonts/360078_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/webfonts/360078_1_0.woff2") format("woff2"), url("../fonts/webfonts/360078_1_0.woff") format("woff"), url("../fonts/webfonts/360078_1_0.ttf") format("truetype"); }
@font-face {
  font-family: 'TradeGothicLTPro-BdCn20Obl';
  letter-spacing: 0.5px;
  src: url("../fonts/webfonts/360078_2_0.eot");
  src: url("../fonts/webfonts/360078_2_0.eot?#iefix") format("embedded-opentype"), url("../fonts/webfonts/360078_2_0.woff2") format("woff2"), url("../fonts/webfonts/360078_2_0.woff") format("woff"), url("../fonts/webfonts/360078_2_0.ttf") format("truetype"); }
@font-face {
  font-family: 'TradeGothicLTPro-Cn18';
  letter-spacing: 0.5px;
  font-weight: 500;
  src: url("../fonts/webfonts/360078_3_0.eot");
  src: url("../fonts/webfonts/360078_3_0.eot?#iefix") format("embedded-opentype"), url("../fonts/webfonts/360078_3_0.woff2") format("woff2"), url("../fonts/webfonts/360078_3_0.woff") format("woff"), url("../fonts/webfonts/360078_3_0.ttf") format("truetype"); }
/*
@font-face{
    font-family: 'TradeGothicLTPro-Cn18';
    font-style: normal;
    font-weight: 500;
    src: local('TradeGothic-BdCondTwentyObl'),
        url(../fonts/TradeGothic-BdCondTwentyObl.otf) format('opentype');
}*/
body {
  position: relative;
  color: #333E48;
  font-family: 'TradeGothicLTPro-Cn18', sans-serif;
  line-height: 1.42; }
  body.overflow {
    overflow: hidden; }

.login-again {
  font-size: 18px;
  float: left; }

.modal {
  -webkit-overflow-scrolling: touch; }

.nav > li > a {
  padding: 0px; }

.nav > li > a:focus, .nav > li > a:hover {
  text-decoration: none;
  background-color: transparent; }

.wcppec-checkout-buttons__separator {
  display: none !important; }

.wcppec-checkout-buttons__button {
  padding: 0px !important; }

.wcppec-checkout-buttons {
  margin: 0px 0px 15px 0px !important; }

.woocommerce-NoticeGroup-updateOrderReview {
  display: none !important; }

.wc-gateway-ppec-cancel {
  display: none !important; }

.checkout-button.wc-forward {
  display: none; }

a:hover {
  text-decoration: none; }

.zoomImg.active {
  opacity: 1 !important; }

.bg-light-grey {
  background-color: #F7F7F7 !important; }

.bg-light-grey-2 {
  background-color: #DDDDDD; }

.bg-grey {
  background-color: #333E48 !important; }

.bg-black {
  background-color: #000 !important; }

.bg-orange {
  background-color: #F26F21 !important; }

.bg-blue {
  background-color: #00B3DA !important; }

.bg-pink {
  background-color: #DA7DD0 !important; }

.bg-brown {
  background-color: #AF996A !important; }

.bg-green {
  background-color: #37B34A !important; }

.bg-light-green {
  background-color: #C3D52E !important; }

.bg-light-blue {
  background-color: #52ACC4 !important; }

.bg-dark {
  background-color: #262F36 !important; }

b, .bold {
  font-family: "TradeGothicLTPro-Cn18";
  font-weight: 500; }

label {
  font-weight: 400; }

.text-transform-upper {
  text-transform: uppercase; }

.disabled .bs-caret {
  display: none !important; }

.slider-custom-printing {
  width: 100%;
  position: relative; }
  .slider-custom-printing .upblock-slider {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    z-index: 5; }
  .slider-custom-printing .slider-area {
    padding: 0px !important;
    margin-bottom: 0px !important; }
    .slider-custom-printing .slider-area .item {
      height: 700px;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat; }

#edit-form .modal-select .dropdown-menu.inner {
  max-height: 220px !important; }

.upblock-slider {
  text-align: center;
  padding-top: 200px; }
  .upblock-slider img {
    display: inline-block;
    max-width: 60px;
    max-height: 60px;
    margin: 0px 0px 20px; }
  .upblock-slider .title-slider-up {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 40px;
    font-weight: 500;
    font-family: "TradeGothicLTPro-Cn18"; }

#seeForm {
  display: inline-block;
  margin-bottom: 10px; }

#simple-signup-pro-3 {
  display: none; }

.no-padding {
  padding: 0px !important; }

.custom-printing-content h3 {
  font-weight: 500;
  font-family: "TradeGothicLTPro-Cn18"; }

.hideThis {
  display: none !important; }

.clear-list {
  float: left;
  width: 100%;
  padding: 0px;
  margin: 0px;
  list-style: none; }
  .clear-list.inline-block-style {
    margin-bottom: 20px; }
    .clear-list.inline-block-style li {
      display: inline-block;
      vertical-align: top;
      margin-right: 10px;
      width: auto;
      float: none; }
  .clear-list li {
    float: left;
    width: 100%; }

.h1 {
  line-height: 1;
  font-size: 48px;
  float: left;
  width: 100%;
  font-family: "TradeGothicLTPro-Cn18";
  text-transform: uppercase;
  margin: 0px 0px 30px; }
  .h1 span {
    color: #666E76; }

#map img {
  max-height: none; }

#catalog-area {
  position: relative; }
  #catalog-area .loader-map {
    z-index: 1001;
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.2); }
    #catalog-area .loader-map .wrep-load {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      position: absolute;
      left: 0px;
      top: 0px;
      height: 100%;
      width: 100%;
      justify-content: center;
      -ms-flex-pack: center;
      -webkit-box-align: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center; }
    #catalog-area .loader-map .blobs {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 200px;
      margin-right: -240px; }

.unline {
  text-decoration: underline; }

.subtitle-post {
  float: left;
  width: 100%;
  font-family: "TradeGothicLTPro-Cn18";
  font-size: 24px;
  margin: 0px 0px 15px; }

.info-post-page {
  margin-bottom: 30px; }
  .info-post-page span {
    float: left;
    width: 100%;
    font-family: "TradeGothicLTPro-Cn18";
    font-size: 18px; }

.title-block {
  font-family: "TradeGothicLTPro-Cn18";
  float: left;
  width: 100%;
  font-size: 48px;
  font-weight: 500;
  margin-bottom: 10px;
  text-transform: uppercase; }

.title-block-small {
  float: left;
  width: 100%;
  font-weight: 500;
  font-family: "TradeGothicLTPro-Cn18";
  text-transform: uppercase;
  color: #333E48;
  font-size: 24px; }

.subtitle-block {
  float: left;
  width: 100%;
  font-size: 21px;
  font-weight: 500;
  margin: 0px 0px 80px; }

.mb-none {
  margin-bottom: 0px; }

.mb-small {
  margin-bottom: 15px; }

.mb-middle {
  margin-bottom: 25px !important; }

.mb-large {
  margin-bottom: 50px !important; }

.mb-huge {
  margin-bottom: 70px !important; }

.mr-small {
  margin-right: 15px; }

.mt-small {
  margin-top: 15px; }

p.development {
  display: none;
  font-size: 16px; }
  p.development.color-red {
    color: #d43f3a; }

.abs-svg {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 55px; }

hr {
  float: left;
  width: 100%;
  height: 1px;
  background-color: #ccc; }

.mobile-acc-btn {
  display: none; }

.mibile-slide {
  display: none !important; }

.add-to-cart-custom.added {
  background-color: #E0E0E0 !important; }

.out-of-stock, .add-to-cart-custom {
  display: none !important; }
.out-of-stock.show, .add-to-cart-custom.show {
  display: block !important; }
.page-404 {
  text-align: center;
  min-height: calc(100vh - 160px);
  background: url(../images/pt-404-page.jpg) no-repeat center;
  background-size: cover;
  padding-top: 240px; }
  .page-404 h1 {
    float: left;
    width: 100%;
    font-size: 44px;
    color: #fff;
    font-family: "TradeGothicLTPro-Cn18";
    font-weight: 500;
    text-transform: uppercase;
    margin: 0px 0px 20px; }
  .page-404 .subtitle {
    float: left;
    width: 100%;
    color: #fff;
    text-transform: uppercase;
    font-size: 19px;
    font-family: "TradeGothicLTPro-Cn18";
    font-weight: 500;
    margin: 0px 0px 40px; }
  .page-404 form {
    float: left;
    margin: 0px 0px 40px;
    width: 100%; }
    .page-404 form input {
      float: left;
      width: 100%;
      height: 55px;
      border: none;
      background-color: rgba(255, 255, 255, 0.3);
      border-radius: 8px;
      padding-left: 20px;
      color: #fff;
      font-size: 18px; }
      .page-404 form input::-webkit-input-placeholder {
        color: #fff; }
      .page-404 form input::-moz-placeholder {
        color: #fff; }
      .page-404 form input:-ms-input-placeholder {
        color: #fff; }
      .page-404 form input:-moz-placeholder {
        color: #fff; }
  .page-404 p {
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    font-family: "TradeGothicLTPro-Cn18";
    font-weight: 500; }
    .page-404 p a {
      color: #C3D52E; }
  .page-404 .container {
    max-width: 520px;
    min-width: 290px; }

.slider-culture {
  margin-bottom: 0px !important; }
  .slider-culture .slick-prev {
    background-image: url(../images/arrow-left-white.png);
    left: 15% !important; }
  .slider-culture .slick-next {
    background-image: url(../images/arrow-right-white.png);
    right: 15% !important; }
  .slider-culture .item {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: auto;
    position: relative; }
    .slider-culture .item img {
      float: left;
      width: 100%; }
    .slider-culture .item .title {
      position: absolute;
      bottom: 10px;
      left: 150px;
      color: #fff;
      font-size: 24px;
      font-family: "TradeGothicLTPro-Cn18";
      font-weight: 500; }

.move-navbar.fixed {
  margin: 0px;
  overflow: hidden;
  z-index: 802;
  position: fixed;
  top: 51px;
  left: 0px;
  height: 65px;
  transition: 0.3s linear;
  box-shadow: 0px 12px 30px 0px rgba(50, 50, 50, 0.35);
  background-color: #262F36;
  color: #fff; }
  .move-navbar.fixed.help-desk nav ul li a {
    transition: 0.3s linear;
    line-height: 1.1;
    height: 65px; }
  .move-navbar.fixed.overviews-nav {
    height: 65px; }
    .move-navbar.fixed.overviews-nav ul li {
      min-height: 65px;
      transition: 0.3s linear; }
      .move-navbar.fixed.overviews-nav ul li.active::after {
        bottom: 0px; }

.woocommerce-error {
  background-color: #f7f7f7;
  margin-bottom: 20px;
  padding: 30px 25px;
  float: left;
  width: 100%;
  list-style: none;
  margin: 10px 0px; }
  .woocommerce-error li {
    float: left;
    width: 100%;
    font-size: 18px;
    color: #d9534f; }

.dropdown-menu > li > a {
  padding: 7px 20px;
  font-size: 15px;
  color: #666E76; }

.select.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn).border-style .btn-default {
  border: 1px solid #666E76;
  background-color: transparent;
  color: #666E76; }
.select.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn).border-style-bold .btn-default {
  border: 2px solid #E0E0E0;
  background-color: transparent;
  color: #666E76; }
.select.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn).middle {
  width: 200px; }
.select.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn).color-white {
  color: #fff; }
  .select.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn).color-white .btn-default {
    border-color: #fff;
    color: #fff !important; }
    .select.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn).color-white .btn-default .filter-option {
      color: #fff; }
    .select.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn).color-white .btn-default .bs-caret {
      color: #fff; }
  .select.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn).color-white .dropdown-menu {
    background-color: #333E48; }

.ml-10 {
  margin-left: 10px; }

.added_to_cart.wc-forward {
  display: none !important; }

.map-section {
  height: 750px;
  position: relative; }
  .map-section .filter-map {
    position: absolute;
    z-index: 2;
    top: 0px;
    left: 0px;
    width: 450px;
    background-color: rgba(51, 62, 72, 0.6);
    padding: 20px; }
    .map-section .filter-map .no-result {
      display: none; }
      .map-section .filter-map .no-result p {
        font-family: "TradeGothicLTPro-Cn18";
        font-weight: 500;
        font-size: 16px;
        color: red; }
    .map-section .filter-map .have-result {
      display: none; }
      .map-section .filter-map .have-result p {
        font-family: "TradeGothicLTPro-Cn18";
        font-weight: 500;
        font-size: 16px;
        color: #C3D52E; }
        .map-section .filter-map .have-result p span {
          color: #F26F21; }
    .map-section .filter-map .title-filter {
      float: left;
      width: 100%;
      color: #C3D52E;
      font-weight: 500;
      font-size: 48px;
      line-height: 1;
      font-family: "TradeGothicLTPro-Cn18";
      text-transform: uppercase;
      margin: 0px 0px 40px; }
    .map-section .filter-map input {
      width: 100%;
      border-radius: 5px;
      height: 40px;
      padding-left: 12px;
      font-size: 16px;
      font-weight: 500;
      border: 2px solid #E0E0E0;
      width: calc(100% - 160px);
      background-color: transparent; }
    .map-section .filter-map input[name="zip"] {
      padding-right: 55px; }
    .map-section .filter-map input.btn.btn-light-green {
      background-color: #C3D52E;
      border-color: #C3D52E;
      color: #333E48;
      width: auto;
      position: absolute;
      right: 0px;
      top: 0px;
      padding: 0px 15px; }
    .map-section .filter-map .attr-filter > .item {
      margin-bottom: 10px;
      float: left;
      width: 100%;
      position: relative; }
      .map-section .filter-map .attr-filter > .item > .text {
        float: left;
        width: 160px;
        font-size: 18px;
        line-height: 40px;
        color: #fff; }
      .map-section .filter-map .attr-filter > .item .select.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: calc(100% - 160px); }
        .map-section .filter-map .attr-filter > .item .select.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) .dropdown-menu li {
          float: left;
          width: 100%; }
          .map-section .filter-map .attr-filter > .item .select.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) .dropdown-menu li.seleced {
            background-color: #C3D52E; }
          .map-section .filter-map .attr-filter > .item .select.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) .dropdown-menu li a {
            float: left;
            width: 100%; }
  .map-section .map {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: url(../images/map.png) no-repeat center;
    background-size: cover; }

.hidden {
  display: none !important; }

.ptec-color-black {
  background-color: #000000; }

.ptec-color-olive {
  background-color: #7b7356; }

.ptec-color-ultraviolet {
  background-color: #590098; }

.ptec-color-infrared {
  position: relative;
  background-color: #D1D2D4; }
  .ptec-color-infrared::before {
    content: "";
    position: absolute;
    left: -0.5px;
    top: 0px;
    display: block;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    content: "IR";
    font-size: 14px; }

.ptec-color-tan {
  background-color: #c2ae8b; }

.ptec-color-neon-yellow {
  background-color: #e0e14a; }

.ptec-color-white {
  background-color: #fff;
  outline: 1px solid #000 !important; }

.ptec-color-white2 {
  background-color: #fff; }

.ptec-color-green {
  background-color: #b4cc20; }

.ptec-color-red {
  background-color: #ef3e33; }

.ptec-color-blue {
  background-color: #2e80ae; }

.ptec-color-orange {
  background-color: #f16f21; }

.ptec-color-pink {
  background-color: #db588e; }

.ptec-color-black-mount-with-neon-yellow-amp {
  background-color: #e0e14a; }

.ptec-color-olive-drab {
  background-color: #7b7356; }

.ptec-color-rocket-red {
  background-color: #ef3e33; }

.ptec-color-lime {
  background-color: #c2d42e; }

.ptec-color-multicam {
  background-color: #aa9d79;
  background-image: url("/wp-content/themes/ptec/images/multi-cam-swatch.svg");
  background-position: center; }

.ptec-color-gray {
  background-color: #6f797e; }

.ptec-color-grey {
  background-color: #6f797e; }

.ptec-color-black-red {
  position: relative;
  background-color: transparent; }
  .ptec-color-black-red::after {
    content: '';
    display: block;
    height: 100%;
    width: 50%;
    left: 0px;
    top: 0px;
    position: absolute;
    background-color: #000; }
  .ptec-color-black-red::before {
    content: '';
    display: block;
    height: 100%;
    width: 50%;
    right: 0px;
    top: 0px;
    position: absolute;
    background-color: #ef3e33; }

.ptec-color-olive-drab-tan {
  position: relative;
  background-color: transparent; }
  .ptec-color-olive-drab-tan::after {
    content: '';
    display: block;
    height: 100%;
    width: 50%;
    left: 0px;
    top: 0px;
    position: absolute;
    background-color: #7b7356; }
  .ptec-color-olive-drab-tan::before {
    content: '';
    display: block;
    height: 100%;
    width: 50%;
    right: 0px;
    top: 0px;
    position: absolute;
    background-color: #c2ae8b; }

.ptec-color-black-green {
  position: relative;
  background-color: transparent; }
  .ptec-color-black-green::after {
    content: '';
    display: block;
    height: 100%;
    width: 50%;
    left: 0px;
    top: 0px;
    position: absolute;
    background-color: #000; }
  .ptec-color-black-green::before {
    content: '';
    display: block;
    height: 100%;
    width: 50%;
    right: 0px;
    top: 0px;
    position: absolute;
    background-color: #37b24a; }

.ptec-color-black-gray {
  position: relative;
  background-color: transparent; }
  .ptec-color-black-gray::after {
    content: '';
    display: block;
    height: 100%;
    width: 50%;
    left: 0px;
    top: 0px;
    position: absolute;
    background-color: #000; }
  .ptec-color-black-gray::before {
    content: '';
    display: block;
    height: 100%;
    width: 50%;
    right: 0px;
    top: 0px;
    position: absolute;
    background-color: #6f797e; }

.ptec-color-black-cyan {
  position: relative;
  background-color: transparent; }
  .ptec-color-black-cyan::after {
    content: '';
    display: block;
    height: 100%;
    width: 50%;
    left: 0px;
    top: 0px;
    position: absolute;
    background-color: #000; }
  .ptec-color-black-cyan::before {
    content: '';
    display: block;
    height: 100%;
    width: 50%;
    right: 0px;
    top: 0px;
    position: absolute;
    background-color: #00acec; }

.ptec-color-transparent-blue {
  background-color: #2e80ae; }

.ptec-color-transparent-black {
  background-color: #000; }

.ptec-color-white-green {
  position: relative;
  outline: 1px solid #000 !important;
  background-color: transparent; }
  .ptec-color-white-green::after {
    content: '';
    display: block;
    height: 100%;
    width: 50%;
    left: 0px;
    top: 0px;
    position: absolute;
    background-color: #fff; }
  .ptec-color-white-green::before {
    content: '';
    display: block;
    height: 100%;
    width: 50%;
    right: 0px;
    top: 0px;
    position: absolute;
    background-color: #37b24a; }

.ptec-color-n-a {
  position: relative;
  background-color: #fff; }
  .ptec-color-n-a::before {
    content: 'N/A';
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    text-align: center;
    width: 100%;
    height: 100%;
    font-size: 12px;
    line-height: 22px; }

.ptec-color-blue-lime-gray {
  position: relative;
  background-color: #6f797e; }
  .ptec-color-blue-lime-gray::after {
    content: '';
    display: block;
    height: 100%;
    width: 33%;
    left: 0px;
    top: 0px;
    position: absolute;
    background-color: #2e80ae; }
  .ptec-color-blue-lime-gray::before {
    content: '';
    display: block;
    height: 100%;
    width: 33%;
    left: 33%;
    top: 0px;
    position: absolute;
    background-color: #c2d42e; }

.ptec-color-gray-black {
  position: relative;
  background-color: transparent; }
  .ptec-color-gray-black::after {
    content: '';
    display: block;
    height: 100%;
    width: 50%;
    left: 0px;
    top: 0px;
    position: absolute;
    background-color: #6f797e; }
  .ptec-color-gray-black::before {
    content: '';
    display: block;
    height: 100%;
    width: 50%;
    right: 0px;
    top: 0px;
    position: absolute;
    background-color: #000; }

.ptec-color-green-white {
  position: relative;
  outline: 1px solid #000 !important;
  background-color: transparent; }
  .ptec-color-green-white::after {
    content: '';
    display: block;
    height: 100%;
    width: 50%;
    left: 0px;
    top: 0px;
    position: absolute;
    background-color: #37b24a; }
  .ptec-color-green-white::before {
    content: '';
    display: block;
    height: 100%;
    width: 50%;
    right: 0px;
    top: 0px;
    position: absolute;
    background-color: #fff; }

.ptec-color-orange-white {
  position: relative;
  outline: 1px solid #000 !important;
  background-color: transparent; }
  .ptec-color-orange-white::after {
    content: '';
    display: block;
    height: 100%;
    width: 50%;
    left: 0px;
    top: 0px;
    position: absolute;
    background-color: #f16f21; }
  .ptec-color-orange-white::before {
    content: '';
    display: block;
    height: 100%;
    width: 50%;
    right: 0px;
    top: 0px;
    position: absolute;
    background-color: #fff; }

.fRight {
  float: right !important; }

.block-show {
  height: 50px;
  background-color: #333E48;
  color: #fff;
  line-height: 50px;
  padding: 0px 15px; }

.bootstrap-select.big {
  max-width: 320px !important;
  width: 100% !important; }

.relativeDistanse {
  position: relative;
  /*    .max{
          position: absolute;
          top: 0px;
          right: 0px;
          line-height: 45px;
      }*/ }
  .relativeDistanse .min {
    position: absolute;
    top: 0px;
    left: 0px;
    line-height: 45px; }
  .relativeDistanse .item_text {
    position: absolute;
    top: 0px;
    line-height: 45px; }
    @media all and (max-width: 480px) { 
      .relativeDistanse .item_text {
        display: none; }
      .relativeDistanse .item_text:nth-child(2) {
        display: inline-block;
        margin-left: -6px; }
    }

.btn-product .bulbs {
  max-width: 220px !important; }

.search-input {
  float: left;
  width: 320px;
  margin-left: 25px;
  position: relative; }
  .search-input .fa {
    position: absolute;
    left: 20px;
    top: 11px; }
  .search-input input {
    font-family: "TradeGothicLTPro-Cn18";
    height: 40px;
    font-size: 18px;
    border-radius: 4px;
    border: 1px solid #666E76;
    padding-left: 42px; }
    .search-input input::-webkit-input-placeholder {
      opacity: 0.3; }
    .search-input input::-moz-placeholder {
      opacity: 0.3; }
    .search-input input:-ms-input-placeholder {
      opacity: 0.3; }
    .search-input input:-moz-placeholder {
      opacity: 0.3; }

.color-green {
  color: #37B34A !important; }

.color-orange {
  color: #F26F21 !important; }

.color-blue {
  color: #00B3DA !important; }

.color-brown {
  color: #AF996A !important; }

.color-white {
  color: #fff !important; }

.color-light-green {
  color: #C3D52E !important; }

.color-black {
  color: #000 !important; }

.black-menu .header-area {
  background-color: #333E48 !important; }
.black-menu .down-nav {
  background-color: #262F36; }

#catalogs {
  padding-bottom: 0px; }

.new-catalogs {
  margin: 0px;
  list-style: none;
  font-size: 16px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  -ms-flex-pack: center; }
  .new-catalogs li {
    width: 19%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    padding: 1em;
    padding-left: 0px;
    padding-right: 0px;
    justify-content: center;
    -ms-flex-pack: center; }
    .new-catalogs li img {
      margin-bottom: 0.5em;
      width: 500px; }
    .new-catalogs li a {
      color: #666E76; }
  @media all and (max-width: 480px) {
    .new-catalogs {
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-between; }
      .new-catalogs li {
        width: 48%;
        padding: 0px;
        flex-direction: column;
        margin-bottom: 1.5em; }
      .new-catalogs li:first-child {
        width: 100%; } }

.new-manuals .half {
  width: 45%;
  float: left; }
  .new-manuals .half + .half {
    float: right; }
.new-manuals .title-manuals {
  float: left;
  width: 100%;
  font-family: "TradeGothicLTPro-Cn18";
  font-weight: 500;
  text-transform: uppercase;
  font-size: 28px;
  margin: 0px 0px 10px; }
.new-manuals ul {
  float: left;
  width: 100%;
  padding: 0px;
  list-style: none;
  margin: 0px 0px 15px;
  color: #9C9C9C; }
  .new-manuals ul li {
    text-transform: uppercase;
    float: left;
    width: 100%;
    font-size: 16px; }
    .new-manuals ul li .right {
      float: right; }
      .new-manuals ul li .right > a {
        margin-right: 10px; }
      .new-manuals ul li .right a {
        text-transform: capitalize;
        color: #333E48;
        float: left; }

.col-del {
  min-height: 250px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }
  .col-del .col-md-3 {
    border-right: 1px solid #ccc; }
  .col-del > .col-md-3:last-child {
    border-right: none; }
  .col-del .title-cat {
    font-size: 28px;
    float: left;
    width: 100%;
    font-family: "TradeGothicLTPro-Cn18";
    font-weight: 500;
    margin: 0px 0px 10px; }
  .col-del ul {
    float: left;
    width: 100%;
    margin: 0px 0px 5px;
    list-style: none; }
    .col-del ul li {
      float: left;
      width: 100%; }
      .col-del ul li a {
        font-size: 18px;
        color: #ccc; }

.inside-color-green span {
  color: #37B34A !important; }

.inside-color-orange span {
  color: #F26F21 !important; }

.inside-color-blue span {
  color: #00B3DA !important; }

.inside-color-brown span {
  color: #AF996A !important; }

.inside-color-white span {
  color: #fff !important; }

.inside-color-light-green span {
  color: #C3D52E !important; }

button,
input {
  font-family: inherit; }

* {
  padding: 0px;
  margin: 0px;
  box-sizing: border-box; }

a {
  text-decoration: none; }

button {
  cursor: pointer; }

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

img {
  max-width: 100%;
  max-height: 100%; }

.col-2 {
  padding: 0px 10px;
  float: left;
  width: 12.5%; }

.col-4 {
  padding: 0px 10px;
  float: left;
  width: 25%; }

.third {
  width: 33.333%;
  padding: 0px 10px;
  float: left; }

.col-6 {
  padding: 0px 10px;
  float: left;
  width: 37.5%; }

.col-8 {
  padding: 0px 10px;
  float: left;
  width: 50%; }

.col-10 {
  padding: 0px 10px;
  float: left;
  width: 62.5%; }

.width {
  float: left;
  width: 100%; }

.container {
  margin: 0px auto;
  min-width: 1210px;
  padding: 0px 15px; }
  .container::before {
    content: '';
    display: table;
    clear: both; }

.input-style {
  width: 100%;
  height: 28px;
  margin-bottom: 10px;
  padding-left: 5px; }
  .input-style.footer-style {
    background-color: transparent;
    font-size: 13px;
    border: 1px solid #666E76; }

.grey-style {
  background-color: transparent;
  width: 100%;
  float: left;
  border: 2px solid #333E48;
  padding-left: 10px;
  border-radius: 3px;
  height: 40px;
  border-color: #E0E0E0; }
  .grey-style.big-input {
    width: 100%; }
  .grey-style.small-input {
    width: 75px; }
    .grey-style.small-input + .small-input {
      margin-left: 10px; }

.row {
  margin-right: -15px;
  margin-left: -15px; }
  .row::after {
    content: "";
    display: table;
    clear: both; }
  .row.row-10 {
    margin-left: -10px;
    margin-right: -10px; }

.navbar-ptec.help-desk nav {
  height: 65px;
  float: left;
  width: 100%; }
  .navbar-ptec.help-desk nav ul {
    float: left;
    width: 100%;
    padding: 0px;
    margin: 0px;
    list-style: none; }
    .navbar-ptec.help-desk nav ul li {
      max-width: 140px;
      display: inline-block;
      margin: 0px 15px; }
      .navbar-ptec.help-desk nav ul li.active a::before {
        content: "";
        display: block;
        height: 8px;
        width: 100%;
        background-color: #C3D52E;
        position: absolute;
        bottom: 0px;
        left: 0px; }
      .navbar-ptec.help-desk nav ul li a {
        letter-spacing: 1.5px;
        width: 100%;
        padding-top: 10px;
        min-width: 140px;
        line-height: 1.4;
        float: left;
        font-family: "TradeGothicLTPro-Cn18";
        position: relative;
        font-weight: 500;
        height: 65px;
        display: block;
        font-size: 16px;
        color: #fff;
        text-transform: uppercase; }

.title-list {
  float: left;
  width: 100%;
  font-size: 30px;
  text-transform: uppercase;
  color: #333E48;
  font-weight: 500;
  font-family: "TradeGothicLTPro-Cn18";
  margin: 0px 0px 20px; }

.file-list {
  padding: 0px;
  margin: 0px 0px 50px;
  list-style: none;
  float: left;
  width: 100%; }
  .file-list li {
    float: left;
    margin-bottom: 5px;
    width: 100%; }
    .file-list li a {
      float: left;
      width: 100%;
      font-size: 18px;
      color: #666E76; }
      .file-list li a i {
        float: left;
        margin-right: 10px; }

.text-block p {
  font-size: 18px;
  color: #666E76;
  margin-bottom: 20px; }
.text-block a {
  color: #C3D52E; }

.accardions .item {
  float: left;
  width: 100%;
  border-bottom: 1px solid #666E76; }
  .accardions .item .title-item {
    line-height: 2.2em;
    cursor: pointer;
    float: left;
    width: 100%;
    font-family: "TradeGothicLTPro-Cn18";
    font-size: 22px;
    color: #333E48; }
  .accardions .item .content {
    display: none; }
  .accardions .item p {
    margin-bottom: 15px; }
  .accardions .item p, .accardions .item ol li, .accardions .item ul li {
    font-size: 18px;
    color: #9C9C9C; }
    .accardions .item p a, .accardions .item ol li a, .accardions .item ul li a {
      color: #C3D52E; }
  .accardions .item ol {
    margin-left: 1em; }
  .accardions .item ul {
    margin-left: 1em; }

#warranty h2, #warranty h3 {
  margin-top: 1.5em; }
#warranty h3 {
  font-size: 22px; }
#warranty p {
  color: #9C9C9C; }
#warranty ol li, #warranty ul li {
  font-size: 18px;
  color: #9C9C9C; }
  #warranty ol li a, #warranty ul li a {
    color: #C3D52E; }
#warranty ol {
  margin-left: 1em; }
#warranty ul {
  margin-left: 1em; }

.wrep {
  overflow: hidden; }

.section {
  padding: 50px 0px; }

.img-image-grid a {
  float: left;
  width: 33.333%;
  overflow: hidden;
  height: 350px;
  overflow: hidden; }
  .img-image-grid a img {
    width: 100%;
    height: auto;
    max-height: none; }

.mobile-banner-category {
  display: none; }

.my-tooltip {
  position: relative; }
  .my-tooltip.static-size {
    float: none;
    vertical-align: top;
    display: inline-block;
    margin: 2px 3px;
    height: 50px;
    width: 50px; }
    .my-tooltip.static-size .absolute {
      transition: 0.4s linear;
      position: absolute;
      left: 0px;
      top: 0px; }
      .my-tooltip.static-size .absolute.static {
        opacity: 1; }
      .my-tooltip.static-size .absolute.hover {
        opacity: 0; }
  .my-tooltip:hover .my-content-tooltip {
    display: block; }
  .my-tooltip:hover .absolute.static {
    opacity: 0; }
  .my-tooltip:hover .absolute.hover {
    opacity: 1; }
  .my-tooltip .my-content-tooltip {
    display: none;
    text-align: left;
    bottom: 105%;
    min-width: 320px;
    left: -30px;
    background-color: #333E48;
    position: absolute;
    border: 1px solid #C3D52E;
    padding: 15px; }
    .my-tooltip .my-content-tooltip .title {
      float: left;
      width: 100%;
      color: #C3D52E;
      font-size: 20px;
      text-transform: uppercase; }
    .my-tooltip .my-content-tooltip p {
      float: left;
      margin: 0px;
      font-size: 14px;
      color: #fff; }

.current_page_item > a {
  color: #9C9C9C !important; }

header.banner {
  position: relative;
  height: 830px;
  background-size: cover;
  background-position: top center; }
  header.banner.banner-about.big-about {
    height: 1000px; }
  header.banner.banner-about.small-about {
    height: 150px;
    background-color: #262F36; }
  header.banner.banner-about.small-head {
    height: 235px; }
  header.banner.banner-about .block {
    text-align: left;
    margin: 150px 0px 0px 0px;
    width: 100%;
    max-width: 750px; }
    header.banner.banner-about .block .title {
      float: left;
      width: 100%;
      font-size: 44px;
      color: #fff;
      text-transform: uppercase;
      font-family: "TradeGothicLTPro-Cn18";
      font-weight: 500; }
    header.banner.banner-about .block p {
      font-size: 21px;
      color: #D3D3D3;
      margin-bottom: 20px; }
  header.banner .slider-home-page {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%; }
    header.banner .slider-home-page .item {
      overflow: hidden;
      position: relative;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      height: 830px; }
      header.banner .slider-home-page .item svg {
        width: 80px;
        height: 40px;
        bottom: 20px;
        right: 20px;
        z-index: 2;
        position: absolute; }
      header.banner .slider-home-page .item .logo-svg {
        position: absolute;
        bottom: 20px;
        right: 20px;
        width: 80px;
        height: 40px;
        z-index: 2; }
      header.banner .slider-home-page .item.slick-current .img {
        transition-delay: 0.7s;
        right: 100px; }
      header.banner .slider-home-page .item .img {
        z-index: 3;
        transition: 0.6s ease-in-out;
        position: absolute;
        bottom: 100px;
        right: -450px; }
header.banner-overview .block {
  float: left;
  width: 100%;
  margin: 100px 0px 0px; }
  header.banner-overview .block h1 {
    float: left;
    width: 100%;
    font-size: 88px;
    font-family: "TradeGothicLTPro-Cn18";
    text-transform: uppercase; }
    header.banner-overview .block h1 .icon {
      float: none;
      display: inline-block;
      height: 66px;
      width: 66px;
      background-position: center;
      background-repeat: no-repeat; }
  header.banner-overview .block span {
    font-size: 24px; }
header.inside-page {
  background-color: #333E48; }
  header.inside-page .up-head {
    background-color: #262F36; }
header .block {
  float: left;
  margin: 210px 0px 0px 260px;
  width: 260px;
  text-align: center; }
  header .block.width {
    width: 100%;
    margin: 100px 0px 0px 0px;
    max-width: 100%; }
  header .block.half {
    margin-left: 25%;
    width: 50%; }
  header .block.text-center {
    text-align: center; }
    header .block.text-center .h1-banner, header .block.text-center span {
      float: none; }
  header .block.big {
    width: 730px;
    margin-left: 0px; }
  header .block .h1-banner {
    float: left;
    width: 100%;
    color: #fff;
    font-family: "TradeGothicLTPro-Cn18";
    line-height: 1;
    margin-bottom: 20px;
    font-size: 44px;
    font-weight: 500; }
  header .block span {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 21px; }
header .header-area {
  transition: 0.3s linear;
  position: relative;
  z-index: 14; }
  header .header-area.fixed .top-alert {
    display: none;
  }
  header .header-area.fixed {
    position: fixed;
    top: -80px;
    left: 0px;
    width: 100%;
    height: 50px;
    z-index: 1001; }
    header .header-area.fixed .down-head {
      background-color: #333E48;
      border-bottom: 1px solid #586069;
      padding: 15px 0px 0px; }
      header .header-area.fixed .down-head .logo .up {
        margin-top: 0px; }
      header .header-area.fixed .down-head .logo .down {
        display: none !important; }
      header .header-area.fixed .down-head nav > ul > li > a {
        font-size: 16px;
        padding-bottom: 13px; }
    header .header-area.fixed .down-head nav > ul > li > ul.vis {
      z-index: 999; }
    header .header-area.fixed .down-head nav > ul > li > ul.vis::before {
      background-color: #333e48; }
    header .header-area.fixed .up-head {
      margin-top: 15px;
      margin-top: -35px;
      /*                background-color: transparent;
                      position: absolute;
                      ul li{
                          position: relative;
                          z-index: 33;
                      }
                      .finder,
                      .where{
                          display: none;
                      }*/ }
      header .header-area.fixed .up-head .cart-li {
        z-index: 101;
        position: fixed;
        top: 15px;
        right: 20px; }
      header .header-area.fixed .up-head .search-li {
        z-index: 101;
        position: fixed;
        top: 15px;
        right: 50px; }
header .up-head {
  position: relative;
  padding: 7px 10px 5px;
  height: 35px;
  border-bottom: 1px solid #4B555E;
  background-color: #333E48; }
  header .up-head.fixed {
    position: fixed;
    top: 0px;
    z-index: 13;
    left: 0px;
    width: 100%;
    height: 50px;
    background-color: #333E48; }
  header .up-head ul {
    float: right;
    list-style: none;
    margin: 0px;
    padding: 0px; }
    header .up-head ul li {
      float: left;
      font-size: 12px;
      color: #fff;
      margin: 0px 10px; }
      header .up-head ul li button {
        background-color: transparent;
        border: none; }
      header .up-head ul li a, header .up-head ul li button {
        font-size: inherit;
        color: inherit; }
        header .up-head ul li a:hover, header .up-head ul li button:hover {
          color: #c3d52e; }
      header .up-head ul li .cart {
        position: relative; }
        header .up-head ul li .cart span {
          height: 12px;
          width: 12px;
          background-color: #C3D52E;
          border-radius: 50%;
          font-size: 12px;
          color: #333E48;
          text-align: center;
          line-height: 12px;
          right: -7px;
          top: -4px;
          position: absolute; }
header .down-head {
  position: relative;
  transition: 0.3s linear;
  padding: 15px 0px 0px; }
  header .down-head:hover {
    background-color: #333E48; }
  header .down-head.fixed {
    position: fixed;
    z-index: 2;
    top: 0px;
    left: 0px;
    width: 100%;
    background-color: #333E48; }
  header .down-head.vis {
    background-color: #333E48; }
  header .down-head .logo {
    width: 220px;
    transition: 0.4s linear;
    position: absolute;
    z-index: 3;
    left: 0px; }
    header .down-head .logo:hover {
      opacity: 0.7; }
    header .down-head .logo .up {
      margin-top: -15px;
      position: relative; }
    header .down-head .logo .down {
      transition: 0.3s linear;
      transition-delay: 0.8s; }
    header .down-head .logo img {
      width: 100%;
      float: left; }
    header .down-head .logo.hover .up {
      transition-delay: 0s; }
    header .down-head .logo.hover .down {
      opacity: 0;
      transition-delay: 0s; }
    header .down-head .logo .mobile {
      opacity: 0;
      top: -10px;
      left: -10px;
      transition: 0.3s linear; }
    header .down-head .logo .desktop {
      transition: 0.3s linear; }
  @media all and (min-width: 992px) {
    header .down-head .container {
      position: relative; } }
  header .down-head nav {
    position: relative;
    width: 100%; }
    header .down-head nav > ul {
      padding: 0px;
      margin: 0px;
      position: relative;
      list-style: none;
      text-align: center;
      float: left;
      width: 100%; }
      header .down-head nav > ul > li {
        display: inline-block;
        vertical-align: top;
        margin: 0px -1px; }
        header .down-head nav > ul > li.border-h-green > a::before, header .down-head nav > ul > li.border-h-green > a::after {
          background-color: #37B34A; }
        header .down-head nav > ul > li.border-h-blue > a::before, header .down-head nav > ul > li.border-h-blue > a::after {
          background-color: #00B3DA; }
        header .down-head nav > ul > li.border-h-orange > a::before, header .down-head nav > ul > li.border-h-orange > a::after {
          background-color: #F26F21; }
        header .down-head nav > ul > li.border-h-brown > a::before, header .down-head nav > ul > li.border-h-brown > a::after {
          background-color: #AF996A; }
        header .down-head nav > ul > li:hover > a::before {
          width: calc(50% - 15px); }
        header .down-head nav > ul > li:hover > a::after {
          width: calc(50% - 15px); }
        header .down-head nav > ul > li > a {
          font-size: 16px;
          padding: 0px 15px;
          text-transform: uppercase;
          font-family: "TradeGothicLTPro-Cn18";
          font-weight: 500;
          color: #fff;
          display: inline-block;
          padding-bottom: 14px;
          position: relative; }
          header .down-head nav > ul > li > a::before {
            content: "";
            display: block;
            height: 4px;
            right: 50%;
            width: 0px;
            position: absolute;
            bottom: 0px;
            background-color: #C3D52E;
            transition: 0.3s linear; }
          header .down-head nav > ul > li > a::after {
            content: "";
            display: block;
            height: 4px;
            left: 50%;
            width: 0px;
            position: absolute;
            bottom: 0px;
            background-color: #C3D52E;
            transition: 0.3s linear; }
        header .down-head nav > ul > li > ul {
          position: absolute;
          width: 100%;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          z-index: -1;
          transition: 0.3s linear;
          max-height: 0px;
          transition: 0s;
          transition-delay: 0s;
          justify-content: center;
          -ms-flex-pack: center;
          text-align: left;
          padding: 0px;
          overflow: hidden;
          top: calc(100% - 3px);
          left: 0px; }
          header .down-head nav > ul > li > ul > li {
            overflow: hidden; }
          header .down-head nav > ul > li > ul.vis {
            transition: 0s;
            overflow: visible;
            top: 100%;
            padding: 40px 0px 50px;
            max-height: 410px;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex; }
            header .down-head nav > ul > li > ul.vis::before {
              transition: 0s;
              border-color: #586069;
              background-color: #333e48; }
          header .down-head nav > ul > li > ul > li:last-child {
            border-right: none; }
          header .down-head nav > ul > li > ul > li {
            padding: 0px 30px;
            vertical-align: top;
            text-align: left;
            display: block;
            position: relative;
            z-index: 2;
            border-right: 1px solid #586069; }
            header .down-head nav > ul > li > ul > li.list-col ul {
              columns: 150px 2; }
            header .down-head nav > ul > li > ul > li > a {
              color: #fff;
              margin-bottom: 10px;
              font-size: 16px;
              text-transform: uppercase;
              font-family: "TradeGothicLTPro-Cn18";
              font-weight: 500;
              transition: 0.3s linear; }
              header .down-head nav > ul > li > ul > li > a:hover {
                color: #C3D52E; }
            header .down-head nav > ul > li > ul > li > ul {
              float: left;
              width: 100%;
              padding: 0px;
              margin: 2px 0px 0px 0px;
              list-style: none; }
              header .down-head nav > ul > li > ul > li > ul li {
                margin-bottom: 5px; }
                header .down-head nav > ul > li > ul > li > ul li a {
                  transition: 0.3s linear;
                  color: #fff;
                  transition: 0.3s linear;
                  font-size: 16px; }
                  header .down-head nav > ul > li > ul > li > ul li a:hover {
                    color: #C3D52E; }
                  header .down-head nav > ul > li > ul > li > ul li a.big {
                    font-weight: 500;
                    text-transform: uppercase;
                    font-family: "TradeGothicLTPro-Cn18"; }
          header .down-head nav > ul > li > ul::before {
            content: "";
            transition: 0.3s linear;
            transition-delay: 0s;
            border-top: 1px solid transparent;
            border-bottom: 1px solid transparent;
            position: absolute;
            display: block;
            height: 100%;
            width: 4000px;
            left: -1000px;
            top: 0px;
            background-color: transparent; }
    @media all and (max-width: 992px) {
      header .down-head nav > ul {
        padding-right: 1em;
        text-align: right; } }
  header .down-head .right-side-menu {
    position: absolute;
    top: 1px;
    right: 0px; }
    header .down-head .right-side-menu ul {
      float: right;
      list-style: none;
      margin: 0px;
      padding: 0px; }
    header .down-head .right-side-menu li {
      float: left;
      font-size: 12px;
      color: #fff;
      margin: 0px 10px; }
      header .down-head .right-side-menu li button {
        background-color: transparent;
        border: none; }
      header .down-head .right-side-menu li a, header .down-head .right-side-menu li button {
        font-size: inherit;
        color: inherit; }
      header .down-head .right-side-menu li .cart {
        position: relative; }
        header .down-head .right-side-menu li .cart span {
          height: 12px;
          width: 12px;
          background-color: #fff;
          border-radius: 50%;
          font-size: 12px;
          color: #333E48;
          text-align: center;
          line-height: 12px;
          right: -7px;
          top: -4px;
          position: absolute; }
  @media all and (max-width: 992px) {
    header .down-head .right-side-menu {
      top: 16px;
      right: 15px; } }

#parallax {
  background-repeat: no-repeat;
  background-color: #000; }

.up-about {
  padding-top: 200px;
  height: 850px; }
  .up-about .block {
    float: left;
    width: 750px; }
    .up-about .block .title {
      float: left;
      width: 100%;
      color: #fff;
      font-size: 44px;
      font-family: "TradeGothicLTPro-Cn18";
      font-weight: 500;
      text-transform: uppercase;
      margin: 0px 0px 20px; }
    .up-about .block p {
      font-size: 21px;
      color: #D3D3D3;
      margin: 0px 0px 30px; }

.about-content .container {
  padding: 0px 5%;
  width: 100%; }

.video-play-container {
  text-align: center; }

#vimeo-video {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 2000;
  top: 0px;
  left: 0px;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none; }
  #vimeo-video iframe {
    width: 90vw;
    height: 50.625vw; }
  #vimeo-video i {
    color: #FFF;
    z-index: 2001;
    position: absolute;
    top: 1em;
    right: 1em;
    cursor: pointer; }

.history-steps > .sec-history:nth-child(1) {
  padding-top: 50px; }
.history-steps .sec-history {
  position: relative;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100%; }
  .history-steps .sec-history .container {
    position: relative;
    z-index: 3; }
  .history-steps .sec-history.shadow-down::before {
    content: '';
    height: 683px;
    width: 100%;
    position: absolute;
    background: url(../images/about/shadow-down.png) no-repeat top center;
    background-size: cover;
    left: 0px;
    bottom: 0px; }
  .history-steps .sec-history.shadow-top::after {
    content: '';
    height: 500px;
    width: 100%;
    position: absolute;
    background: url(../images/about/shadow-top.png) no-repeat top center;
    background-size: cover;
    left: 0px;
    top: 0px; }
  .history-steps .sec-history.shadow-top-brown {
    background-color: #2a2a2a; }
    .history-steps .sec-history.shadow-top-brown::after {
      content: '';
      height: 500px;
      width: 100%;
      position: absolute;
      background: url(../images/about/shadow-top-brown.png) no-repeat top center;
      background-size: cover;
      left: 0px;
      top: 0px; }
  .history-steps .sec-history.shadow-down-2::before {
    content: '';
    height: 400px;
    width: 100%;
    position: absolute;
    background: url(../images/about/shadow-down-2.png) no-repeat top center;
    background-size: cover;
    left: 0px;
    bottom: 0px; }
  .history-steps .sec-history.shadow-top-2::after {
    content: '';
    height: 200px;
    width: 100%;
    position: absolute;
    background: url(../images/about/shadow-top-2.png) no-repeat top center;
    background-size: cover;
    left: 0px;
    top: 0px; }
  .history-steps .sec-history .left-side {
    float: left;
    width: calc(100% - 400px); }
    .history-steps .sec-history .left-side img + span {
      position: absolute;
      left: 10px;
      bottom: 20px;
      color: #ABABAB; }
    .history-steps .sec-history .left-side .light-green {
      color: #B2C42E; }
    .history-steps .sec-history .left-side .name {
      position: absolute;
      font-size: 16px;
      bottom: 0px;
      left: 0px; }
      .history-steps .sec-history .left-side .name.left-bottom {
        bottom: 15%;
        left: 15%; }
      .history-steps .sec-history .left-side .name.right-bottom {
        left: auto;
        bottom: 35%;
        right: 25%; }
      .history-steps .sec-history .left-side .name.right-top {
        left: auto;
        bottom: auto;
        top: 5%;
        right: 35%; }
      .history-steps .sec-history .left-side .name.right-bottom2 {
        right: 35%;
        left: auto;
        bottom: 15%; }
    .history-steps .sec-history .left-side .title {
      float: left;
      width: 100%;
      font-size: 30px;
      color: #B2C42E;
      text-transform: uppercase;
      margin: 0px 0px 20px;
      font-family: "TradeGothicLTPro-Cn18";
      font-weight: 500; }
    .history-steps .sec-history .left-side p {
      color: #fff;
      font-size: 18px;
      margin-bottom: 20px;
      text-shadow: 2px 2px 12px #000; }
      .history-steps .sec-history .left-side p a {
        color: #B2C42E; }
    .history-steps .sec-history .left-side .left-f {
      position: relative;
      float: left;
      width: 50%; }
    .history-steps .sec-history .left-side .right-f {
      position: relative;
      width: 50%;
      float: right; }
    .history-steps .sec-history .left-side .width75 {
      width: 75% !important; }
  .history-steps .sec-history .right-side {
    float: right;
    width: 350px; }
    .history-steps .sec-history .right-side .item {
      float: left;
      width: 100%;
      position: relative;
      margin-bottom: 100px;
      padding-bottom: 95px;
      padding-right: 40px; }
      .history-steps .sec-history .right-side .item.mb-50 {
        margin-bottom: 50px !important; }
      .history-steps .sec-history .right-side .item.mb-100 {
        margin-bottom: 100px !important; }
      .history-steps .sec-history .right-side .item.mb-120 {
        margin-bottom: 120px !important; }
      .history-steps .sec-history .right-side .item.mb-150 {
        margin-bottom: 150px !important; }
      .history-steps .sec-history .right-side .item.mb-200 {
        margin-bottom: 200px !important; }
      .history-steps .sec-history .right-side .item.add-line::after {
        content: "";
        display: block;
        height: 750px;
        width: 1px;
        background-color: #fff;
        position: absolute;
        right: -1px;
        top: 0px; }
      .history-steps .sec-history .right-side .item.border-small::after {
        height: 466px; }
      .history-steps .sec-history .right-side .item::after {
        content: "";
        display: block;
        height: 700px;
        width: 1px;
        background-color: #fff;
        position: absolute;
        right: 0px;
        bottom: 100%; }
      .history-steps .sec-history .right-side .item::before {
        content: "";
        display: block;
        width: 40px;
        height: 1px;
        background-color: #fff;
        position: absolute;
        right: 0px;
        top: 0px; }
      .history-steps .sec-history .right-side .item.border-none {
        border-right: 1px solid transparent; }
        .history-steps .sec-history .right-side .item.border-none::after {
          display: none; }
      .history-steps .sec-history .right-side .item .year {
        float: left;
        width: 100%;
        color: #fff;
        font-size: 28px;
        color: #fff;
        margin: -15px 0px 10px; }
      .history-steps .sec-history .right-side .item p {
        color: #fff;
        font-size: 18px;
        margin: 0px 0px 20px;
        text-shadow: 2px 2px 8px #000; }
        .history-steps .sec-history .right-side .item p a {
          color: #B2C42E; }

.custim-block-1 {
  background-color: #333E48;
  padding: 30px 0px 20px; }
  .custim-block-1 .title-sec {
    float: left;
    width: 100%;
    text-transform: uppercase;
    color: #37B34A;
    font-size: 36px;
    font-family: "TradeGothicLTPro-Cn18";
    margin: 0px 0px 10px; }
  .custim-block-1 .subtitle {
    float: left;
    width: 100%;
    font-size: 24px;
    color: #fff;
    margin: 0px 0px 40px; }
  .custim-block-1 .title2 {
    float: left;
    width: 100%;
    text-transform: uppercase;
    font-size: 29px;
    font-family: "TradeGothicLTPro-Cn18";
    margin: 0px 0px 10px;
    color: #37B34A;
    line-height: 1.1; }
  .custim-block-1 .bg-white-50 {
    margin: 0px 0px 30px;
    padding: 25px 0px;
    background-color: rgba(255, 255, 255, 0.2); }
    .custim-block-1 .bg-white-50 .item .img {
      margin-bottom: 20px;
      height: 140px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: center;
      -ms-flex-pack: center;
      -webkit-box-align: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center; }
    .custim-block-1 .bg-white-50 .item .title-item {
      float: left;
      width: 100%;
      color: #fff;
      font-size: 21px;
      font-family: "TradeGothicLTPro-Cn18"; }
    .custim-block-1 .bg-white-50 .item p {
      color: #fff;
      font-size: 21px;
      float: left;
      width: 100%; }
    .custim-block-1 .bg-white-50:nth-of-type(2) {
      display: flex;
      justify-content: center; }

.tabs-content .tab-sec {
  display: none; }
  .tabs-content .tab-sec.active {
    display: block; }

.nav-style li.active a {
  color: #9C9C9C; }
.nav-style .outdoor li.active::after, .nav-style .outdoor li:hover::after {
  background-color: #37b34a; }
.nav-style .dive li.active::after, .nav-style .dive li:hover::after {
  background-color: #00b3da; }
.nav-style .industrial li.active::after, .nav-style .industrial li:hover::after {
  background-color: #f26f21; }
.nav-style .tactical li.active::after, .nav-style .tactical li:hover::after {
  background-color: #ae996a; }
.nav-style li::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 0%;
  height: 9px;
  transition: 0.3s linear;
  left: calc(50%); }
.nav-style li:hover::after {
  left: 0px;
  width: 100%; }

.down-nav {
  border-bottom: 1px solid #586069;
  height: 65px; }
  .down-nav.overviews-nav ul li {
    min-height: 65px;
    line-height: 1.5;
    vertical-align: top;
    padding: 0px;
    max-width: 150px; }
  .down-nav ul {
    text-align: center;
    float: left;
    width: 100%;
    padding: 0px;
    margin: 0px;
    /*        &.outdoor{
                li.active{
                    &::after{
                        background-color: #37B34A;
                    }
                }
            }
            &.dive{
                li.active{
                    &::after{
                        background-color: #00b3da;
                    }
                }
            }
            &.industrial{
                li.active{
                    &::after{
                        background-color: ##00b3da;
                    }
                }
            }
            &.tactical{
                li.active{
                    &::after{
                        background-color: #C3D52E;
                    }
                }
            }*/ }
    .down-nav ul li {
      padding: 0px;
      display: inline-block;
      margin: 0px 15px; }
      .down-nav ul li a {
        padding: 12px 5px 8px;
        display: block;
        min-height: 4em;
        line-height: 1;
        color: #fff;
        font-size: 15px;
        text-transform: uppercase;
        font-family: "TradeGothicLTPro-Cn18";
        font-weight: 500;
        /*                display: -webkit-box; display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display: flex;
                        justify-content: center; -ms-flex-pack: center;
                        -webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;
                        text-align: center;
                        height: 40px;*/ }

.banner-about .down-nav ul li a, .culture-subnav ul li a {
  line-height: 2em; }

.culture-subnav {
  height: 57px; }

.history .acc-mobile > .sec:nth-child(odd) .img-block {
  float: right; }
.history .sec {
  float: left; }
  .history .sec .img-block {
    float: left;
    height: 600px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
  .history .sec .content-block {
    float: left;
    padding: 100px 50px 50px 50px; }
    .history .sec .content-block .title-block {
      font-size: 30px; }
    .history .sec .content-block p {
      font-size: 18px;
      margin: 0px 0px 20px; }

@media all and (max-width: 768px) {
  #technology .acc-mobile .tabs-sec-head .title-block {
    padding: 0.5em; } }
.product-page {
  padding: 40px 0px 0px; }
  .product-page .info-left-product {
    float: left;
    width: 480px; }
    .product-page .info-left-product .up-section {
      min-height: 110px;
      position: relative; }
      .product-page .info-left-product .up-section .maidInUSA {
        position: absolute;
        bottom: 0px;
        right: 0px;
        height: 50px;
        width: 65px;
        background: url(../images/usa.svg) no-repeat center;
        background-size: 100%; }
    .product-page .info-left-product .SKU {
      float: left;
      width: 100%;
      font-size: 18px;
      color: #666E76; }
    .product-page .info-left-product .price {
      float: left;
      width: 100%;
      font-size: 30px;
      font-family: "TradeGothicLTPro-Cn18"; }
      .product-page .info-left-product .price .old {
        text-decoration: line-through; }
      .product-page .info-left-product .price .new {
        font-weight: 500; }
    .product-page .info-left-product .info-product .name-info {
      width: 140px;
      float: left;
      font-size: 18px;
      text-transform: uppercase;
      font-weight: 500;
      font-family: "TradeGothicLTPro-Cn18"; }
    .product-page .info-left-product .info-product .items {
      float: right;
      width: calc(100% - 140px); }
      .product-page .info-left-product .info-product .items span, .product-page .info-left-product .info-product .items a {
        margin-bottom: 5px;
        float: left;
        width: 100%;
        font-size: 18px;
        color: #666E76; }
      .product-page .info-left-product .info-product .items a {
        display: inline-block;
        width: auto;
        line-height: 1.2;
        border-bottom: 1px solid #666E76; }
    .product-page .info-left-product .color-title .title {
      float: left;
      margin-right: 10px;
      font-size: 24px;
      font-weight: 500;
      font-family: "TradeGothicLTPro-Cn18";
      text-transform: uppercase;
      color: #333E48; }
    .product-page .info-left-product .color-title .color {
      padding-top: 5px;
      float: left;
      font-size: 18px;
      color: #666E76; }
    .product-page .info-left-product .select {
      margin-right: 10px; }
    .product-page .info-left-product .btn {
      float: left;
      margin-right: 8px;
      margin-bottom: 10px; }
    .product-page .info-left-product .colors-image {
      margin-bottom: 20px;
      float: left;
      width: 100%; }
      .product-page .info-left-product .colors-image ul {
        float: left;
        width: 100%;
        padding: 0px;
        margin: 0px;
        list-style: none; }
        .product-page .info-left-product .colors-image ul li {
          float: left; }
          .product-page .info-left-product .colors-image ul li a {
            transition: 0.3s linear;
            border: 2px solid transparent;
            float: left;
            width: 120px;
            height: 120px; }
            .product-page .info-left-product .colors-image ul li a.active, .product-page .info-left-product .colors-image ul li a:hover {
              border-color: #ccc; }
  .product-page .right-img {
    float: right;
    width: 680px;
    margin-bottom: 30px;
    position: relative; }
    .product-page .right-img:hover {
      cursor: grab;
      cursor: -webkit-grab; }
    .product-page .right-img .add_wishlist {
      z-index: 12;
      height: 28px;
      width: 28px;
      top: 0px;
      font-family: FontAwesome;
      background-color: transparent;
      border: none;
      right: 40px;
      font-size: 30px;
      position: absolute;
      color: #595959; }
      .product-page .right-img .add_wishlist.active {
        color: #C2D42E; }
        .product-page .right-img .add_wishlist.active::before {
          content: "\f005"; }
      .product-page .right-img .add_wishlist::before {
        content: "\f006";
        position: absolute;
        top: 0px;
        left: 0px;
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center; }
    .product-page .right-img .zoom-icon {
      position: absolute;
      top: 0px;
      right: 0px;
      width: 28px;
      height: 28px;
      z-index: 12;
      background: url(../images/zoom-in.svg) no-repeat center;
      background-size: 28px; }
      .product-page .right-img .zoom-icon.active {
        background-image: url(../images/zoom-out.svg); }
    .product-page .right-img .pdf {
      width: 140px;
      position: absolute;
      bottom: 0px;
      right: 0px; }
      .product-page .right-img .pdf a {
        padding-left: 20px;
        font-size: 16px;
        color: #ccc;
        float: left;
        width: 100%;
        background: url(../images/icon-doc.png) no-repeat left center;
        background-size: 16px; }
    .product-page .right-img .logo-photo {
      position: absolute;
      bottom: 0px;
      right: 0px; }

#performance .flash-beam svg {
  animation-duration: 0.75s;
  animation-name: flashing;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate; }

@keyframes flashing {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
.features-block {
  padding: 60px 0px; }
  .features-block .features-slider {
    margin: 0px; }
    .features-block .features-slider .item {
      margin: 0px 10px;
      float: left;
      width: 100%; }
    .features-block .features-slider .img {
      float: left;
      width: 100%; }
    .features-block .features-slider .text-area {
      float: right;
      width: 100%; }
      .features-block .features-slider .text-area .title-slider {
        float: left;
        width: 100%;
        font-size: 24px;
        font-weight: 500;
        font-family: "TradeGothicLTPro-Cn18"; }
      .features-block .features-slider .text-area p {
        font-size: 18px;
        color: #666E76;
        display: none; }

.slider-reviews-product .item {
  float: left;
  width: 100%; }
  .slider-reviews-product .item .img {
    float: left;
    width: 280px;
    height: 280px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }
  .slider-reviews-product .item .info-review {
    float: right;
    width: calc(100% - 300px);
    padding: 80px 200px 0px 0px; }
    .slider-reviews-product .item .info-review .quote {
      float: left;
      width: 100%;
      font-size: 24px;
      color: #333E48;
      font-style: italic;
      margin-bottom: 25px; }
    .slider-reviews-product .item .info-review .name {
      float: left;
      width: 100%;
      color: #666E76;
      font-size: 18px;
      font-weight: 500;
      font-family: "TradeGothicLTPro-Cn18"; }

.reviews-product-block {
  padding: 50px 0px; }

.gallery-slider-head {
  float: left;
  width: 100%;
  height: 0px; }
  .gallery-slider-head .container {
    position: relative; }
    .gallery-slider-head .container span {
      z-index: 11;
      position: absolute;
      top: 0px;
      left: 15px;
      line-height: 63px;
      padding: 0px 25px;
      color: #fff;
      font-size: 24px;
      font-weight: 500;
      font-family: "TradeGothicLTPro-Cn18";
      text-transform: uppercase;
      background-color: rgba(51, 62, 72, 0.8); }

.posts-product {
  padding: 50px 0px; }

.gallery-slider {
  float: left;
  margin-bottom: 0px !important;
  width: 100%; }
  .gallery-slider.gallery_slide_ver_2 .item {
    height: auto !important; }
  .gallery-slider .slick-prev, .gallery-slider .slick-prev:hover, .gallery-slider .slick-prev:focus {
    left: 100px;
    background-image: url(../images/arrow-left-white.png); }
  .gallery-slider .slick-next, .gallery-slider .slick-next:hover, .gallery-slider .slick-next:focus {
    right: 100px;
    background-image: url(../images/arrow-right-white.png); }
  .gallery-slider .item {
    height: 900px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }
    .gallery-slider .item img {
      width: 100%; }
    .gallery-slider .item .video {
      height: 100%;
      width: 100%;
      position: absolute;
      top: 0px;
      left: 0px;
      background-color: rgba(0, 0, 0, 0.3);
      display: flex;
      justify-content: center;
      align-items: center; }
      .gallery-slider .item .video button {
        display: block;
        color: transparent;
        height: 65px;
        width: 65px;
        border: none;
        background: url(../images/icon_play.svg) no-repeat center;
        background-size: cover; }

.navs-product {
  height: 65px;
  margin: 10px 0px 0px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc; }
  .navs-product.fixed nav ul li a {
    color: #fff; }
  .navs-product nav {
    padding-top: 17px;
    width: 100%;
    float: left; }
    .navs-product nav ul {
      text-align: center;
      float: left;
      width: 100%;
      padding: 0px;
      margin: 0px;
      list-style: none; }
      .navs-product nav ul li {
        display: inline-block; }
        .navs-product nav ul li.active a::after {
          content: '';
          display: block;
          position: absolute;
          bottom: -3px;
          left: 0px;
          width: 100%;
          height: 9px;
          background-color: #C3D52E; }
        .navs-product nav ul li a {
          padding: 0px 10px 20px;
          position: relative;
          font-size: 18px;
          font-weight: 500;
          font-family: "TradeGothicLTPro-Cn18";
          text-transform: uppercase;
          color: #333E48; }

.nav-style li.active::after {
  content: '';
  display: block;
  position: absolute;
  bottom: -4px;
  left: 0px;
  width: 100%;
  height: 9px;
  background-color: #C3D52E; }
.nav-style li {
  position: relative; }

.details-sec {
  margin-bottom: 50px;
  padding-top: 30px; }
  .details-sec .left-details {
    float: left;
    width: 480px; }
    .details-sec .left-details p {
      font-size: 18px; }
    .details-sec .left-details ul, .details-sec .left-details ol {
      margin-left: 1em; }
      .details-sec .left-details ul li, .details-sec .left-details ol li {
        font-size: 18px; }
  .details-sec .right-tags {
    float: right;
    width: 680px; }
    .details-sec .right-tags ul {
      float: left;
      width: 100%;
      padding: 0px;
      margin: 0px 0px 30px;
      list-style: none; }
      .details-sec .right-tags ul li {
        cursor: pointer;
        display: block;
        float: left;
        width: 61px;
        height: 61px;
        position: relative;
        margin-right: 20px;
        margin-bottom: 20px; }
        .details-sec .right-tags ul li:hover img.active {
          opacity: 1; }
        .details-sec .right-tags ul li:hover img.static {
          opacity: 0; }
        .details-sec .right-tags ul li img {
          position: absolute;
          top: 0px;
          left: 0px;
          width: 100%;
          height: 100%;
          transition: 0.3s linear; }
          .details-sec .right-tags ul li img.active {
            opacity: 0; }

.events {
  padding: 100px 0px 80px; }
  .events .subtitle-event {
    float: left;
    color: #fff;
    font-size: 21px;
    margin-bottom: 20px; }
  .events .item {
    float: left;
    width: 280px;
    height: 400px;
    margin: 0px 10px 20px; }
    .events .item .date {
      color: #fff;
      font-size: 16px;
      margin-bottom: 10px; }
    .events .item .title-event {
      float: left;
      width: 100%;
      color: #fff !important;
      font-size: 21px;
      margin-bottom: 10px;
      font-family: "TradeGothicLTPro-Cn18";
      font-weight: 500; }
    .events .item .place {
      float: left;
      width: 100%;
      font-size: 18px;
      color: #fff;
      margin-bottom: 10px; }
    .events .item .url {
      display: inline-block;
      margin-bottom: 10px;
      text-decoration: underline; }
    .events .item .content {
      padding-top: 15px;
      border-top: 1px solid #666E76; }
      .events .item .content p {
        color: #fff; }

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  float: left;
  width: auto; }
  .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) .btn-default {
    height: 40px;
    line-height: 40px;
    padding: 0px 40px 0px 30px;
    background-color: #E0E0E0;
    color: #333E48; }
  .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) .dropdown-menu {
    padding: 0px;
    margin: 0px; }

.login-fb {
  margin-bottom: 15px;
  float: left;
  width: 100%;
  height: 38px;
  line-height: 38px;
  color: #fff;
  border-radius: 5px;
  font-size: 15px;
  font-family: "TradeGothicLTPro-Cn18";
  text-align: center;
  position: relative;
  border: none;
  background-color: #45607C; }
  .login-fb .fa {
    position: absolute;
    left: 10px;
    top: 13px;
    color: #fff; }

.light-table {
  padding: 20px 0px; }
  .light-table .title-block-small {
    margin-bottom: 30px; }
  .light-table table {
    font-size: 18px;
    color: #fff;
    width: 100%; }
    .light-table table tfoot {
      background-color: #333E48; }
    .light-table table tr td {
      height: 45px; }
    .light-table table tr > td:nth-child(2) {
      padding-left: 25px; }
    .light-table table tr > td:last-child {
      border-right: none; }
    .light-table table thead tr td {
      border-bottom: 1px solid #fff;
      border-right: 1px solid #fff; }
    .light-table table tbody tr td {
      height: 45px;
      max-height: 80px !important;
      border-right: 1px solid #fff;
      overflow: visible; }
      .light-table table tbody tr td .fixed-content {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: flex-start;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        max-height: 80px !important;
        position: relative; }
        .light-table table tbody tr td .fixed-content svg.absolute-light {
          position: absolute;
          left: 0px;
          top: 50%;
          transform: translate(0%, -50%); }
    .light-table table tbody tr > td:nth-child(1) {
      width: 250px; }
    .light-table table tbody tr > td:nth-child(2) {
      width: 250px;
      padding-left: 25px; }
    .light-table table tbody tr:first-child td .fixed-content, .light-table table tbody tr:last-child td .fixed-content {
      max-height: 180px !important; }
    .light-table table tfoot tr td {
      border-top: 1px solid #fff;
      border-bottom: 1px solid #fff; }

  .light-table table.new tr > td {
    padding: 0px 15px !important;
    text-align: center; }

  .light-table table.new tr > td:first-child {
    padding: 0px 15px 0px 0px !important;
    text-align: left;
  }

  .light-table table.new tbody tr > td:nth-child(2) {
    width: auto !important;
  }

  .light-table table.new tr > td.no-padding {
    padding: 0px !important;
  }

.btn {
  line-height: 40px;
  height: 40px;
  border: none;
  border-radius: 5px;
  transition: 0.3s linear;
  font-family: "TradeGothicLTPro-Cn18";
  font-weight: 500;
  color: #333E48;
  display: inline-block;
  font-size: 18px;
  padding: 0px 25px; }
  .btn.border-btn {
    border: 1px solid #fff;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-size: 15px; }
  .btn.style-white {
    border-color: #fff;
    color: #fff; }
  .btn.middle-width {
    min-width: 165px;
    padding: 0px 10px; }
  .btn.full-width {
    width: 100%;
    text-align: center; }
  .btn.size-medium {
    width: 150px;
    text-align: center; }
  .btn.size-big {
    max-width: 310px;
    width: 100%;
    text-align: center; }
  .btn.btn-grey-2 {
    background-color: #E0E0E0; }
  .btn.btn-border {
    line-height: 40px;
    border: 1px solid #fff;
    color: #fff; }
  .btn.border-dark {
    line-height: 40px;
    border: 1px solid #333E48;
    color: #333E48; }
    .btn.border-dark:hover {
      background-color: #333E48;
      color: #fff; }
  .btn.btn-orange {
    line-height: 40px;
    border: 1px solid #F26F21;
    background-color: #F26F21; }
  .btn.btn-brown {
    line-height: 40px;
    border: 1px solid #AF996A;
    background-color: #AF996A; }
  .btn.btn-green {
    line-height: 40px;
    border: 1px solid #37B34A;
    background-color: #37B34A; }
  .btn.border-dark {
    line-height: 40px;
    border: 1px solid #333E48;
    color: #333E48; }
  .btn.btn-light-green {
    background-color: #C3D52E;
    border-color: #C3D52E;
    color: #333E48; }
  .btn.hover-green:hover {
    background-color: #37B34A; }
  .btn.hover-orange:hover {
    background-color: #F26F21; }
  .btn.hover-blue:hover {
    background-color: #00B3DA; }
  .btn.hover-brown:hover {
    background-color: #AF996A; }
  .btn.hover-light-green:hover {
    background-color: #C3D52E; }

.career .title-sec {
  float: left;
  width: 100%;
  font-size: 48px;
  text-transform: uppercase;
  color: #B2C42E;
  font-family: "TradeGothicLTPro-Cn18";
  font-weight: 500;
  margin: 0px; }
.career p {
  font-size: 21px;
  margin: 0px 0px 30px; }

.sec {
  background-color: #f8f8f8; }
  .sec .dark-bg {
    padding: 10px;
    background-color: #333E48; }
  .sec .white-bg {
    padding: 10px;
    background-color: #fff; }

.slide-posts .slick-dots {
  bottom: -10px; }

.juicer-feed h1.referral {
  margin-bottom: 25px; }

.ambassadors-block {
  background-color: #F7F7F7;
  padding: 50px 0px 70px; }
  .ambassadors-block .item {
    width: 280px;
    margin: 0px 10px 30px;
    background-color: #333E48;
    float: left; }
    .ambassadors-block .item .photo {
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      float: left;
      width: 100%;
      height: 270px;
      position: relative; }
      .ambassadors-block .item .photo .view-bio {
        position: absolute;
        right: 0.5em;
        top: 0.26em;
        font-size: 26px;
        font-family: FontAwesome;
        color: #C3D52E !important; }
    .ambassadors-block .item .content-item {
      min-height: 226px;
      padding: 20px 10px 10px;
      font-family: "TradeGothicLTPro-Cn18";
      color: #fff; }
      .ambassadors-block .item .content-item .name {
        float: left;
        width: 100%;
        font-size: 23px; }
      .ambassadors-block .item .content-item .login {
        float: left;
        width: 100%;
        font-size: 18px;
        color: #C3D52E;
        margin-bottom: 1em;
        padding-bottom: 1em;
        border-bottom: 1px solid #666E76; }
        .ambassadors-block .item .content-item .login a {
          color: inherit; }
      .ambassadors-block .item .content-item .width {
        display: flex;
        flex-direction: row;
        line-height: 26px; }
        .ambassadors-block .item .content-item .width .title-col, .ambassadors-block .item .content-item .width .list {
          font-size: 18px;
          align-items: center; }
        .ambassadors-block .item .content-item .width .title-col {
          width: 75px;
          font-size: 16px; }
        .ambassadors-block .item .content-item .width .list {
          width: calc(100% - 75px); }

.block-future {
  padding: 50px 0px; }
  .block-future p {
    font-size: 21px;
    margin: 0px 0px 40px; }
  .block-future ul {
    float: left;
    width: 100%;
    padding: 0px 100px;
    list-style: none;
    columns: 300px 3; }
    .block-future ul li {
      margin-bottom: 10px; }
      .block-future ul li a {
        color: #333E48;
        font-size: 16px;
        font-family: "TradeGothicLTPro-Cn18";
        font-weight: 500;
        transition: 0.4s linear; }
        .block-future ul li a:hover {
          color: #C3D52E; }

.text-select {
  float: left;
  margin-right: 10px;
  line-height: 40px;
  font-size: 18px;
  color: #333E48; }

.instagram-block {
  padding: 50px 0px 70px; }
  .instagram-block .item {
    float: left;
    margin-bottom: 50px;
    width: 380px; }
    .instagram-block .item .photo {
      margin-bottom: 10px;
      float: left;
      width: 100%; }
      .instagram-block .item .photo img {
        float: left;
        width: 100%; }
    .instagram-block .item p {
      font-size: 18px;
      color: #666E76;
      margin: 0px; }
      .instagram-block .item p span {
        color: #C3D52E; }

.tabs-sec-head {
  background: #333E48 url(../images/bg-tabs-about.png) no-repeat top center;
  height: 300px;
  position: relative; }
  .tabs-sec-head .title-block {
    line-height: 1; }
  .tabs-sec-head .title-block {
    padding-top: 100px; }
  .tabs-sec-head .subtitle {
    font-size: 21px; }
  .tabs-sec-head .tabs {
    position: absolute;
    bottom: 0px;
    left: 0px; }

.tabs-sec {
  padding: 70px 0px 50px; }
  .tabs-sec .title-tab {
    font-family: "TradeGothicLTPro-Cn18";
    font-weight: 500;
    font-size: 30px;
    float: left;
    width: 100%;
    margin: 0px 0px 20px;
    line-height: 1;
    text-transform: uppercase;
    color: #333E48; }
  .tabs-sec p {
    font-size: 18px;
    color: #333E48;
    margin-bottom: 30px; }
  .tabs-sec .items .item {
    float: left;
    width: calc(50% - 30px);
    padding-left: 100px;
    position: relative;
    background-size: 55px, auto;
    background-position: left top;
    background-repeat: no-repeat;
    margin: 0px 15px 30px; }
    .tabs-sec .items .item .title-item {
      float: left;
      width: 100%;
      font-family: "TradeGothicLTPro-Cn18";
      font-weight: 500;
      font-size: 21px;
      color: #C3D52E;
      margin-bottom: 10px; }
    .tabs-sec .items .item p {
      margin: 0px; }

.tabs {
  background: #333E48; }
  .tabs ul {
    float: left;
    width: 100%;
    padding: 0px;
    margin: 0px;
    list-style: none; }
    .tabs ul li {
      display: inline-block;
      vertical-align: top; }
      .tabs ul li button {
        display: inline-block;
        vertical-align: top;
        padding: 0px 15px;
        line-height: 38px;
        color: #fff;
        font-family: "TradeGothicLTPro-Cn18";
        font-size: 18px;
        background-color: transparent;
        border: none;
        border-radius: 5px 5px 0px 0px;
        font-weight: 500;
        transition: 0.3s linear; }
        .tabs ul li button.active {
          background-color: #fff;
          color: #333E48; }

.post-page .banner-img {
  height: 700px;
  margin-bottom: 70px;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center; }
  .post-page .banner-img .up-line {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 60px; }
    .post-page .banner-img .up-line::before {
      content: "";
      position: absolute;
      left: 0px;
      top: 0px;
      height: 100%;
      width: 100%;
      opacity: 0.9;
      background-color: #333E48; }
    .post-page .banner-img .up-line a {
      position: relative;
      z-index: 2;
      line-height: 60px;
      color: #fff;
      font-size: 18px;
      font-weight: 500; }
.post-page .post-content {
  padding: 0px 100px 50px; }
  .post-page .post-content img {
    float: left;
    margin: 10px 0px 50px; }
    .post-page .post-content img.width-full {
      width: calc(100% + 200px);
      max-width: calc(100% + 200px);
      margin-left: -100px; }
  .post-page .post-content p {
    color: #666E76;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 20px; }

.down-product-block {
  background-color: #F7F7F7;
  padding: 60px 0px 10px; }
  .down-product-block .item {
    position: relative;
    z-index: 2;
    width: calc(25% - 20px);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0px 10px 20px;
    float: left; }
    .down-product-block .item img {
      width: 100%; }
    .down-product-block .item .img {
      float: left;
      width: 100%;
      height: 280px;
      background-color: #fff;
      background-size: 90%;
      background-position: center;
      background-repeat: no-repeat; }
    .down-product-block .item .title-product {
      float: left;
      width: 100%;
      font-weight: 500;
      margin: 5px 0px 0px;
      font-size: 29px;
      color: #000;
      font-family: "TradeGothicLTPro-Cn18";
      text-transform: uppercase; }
    .down-product-block .item .tag {
      font-size: 18px;
      color: #666E76; }

.cart-area {
  padding: 50px 0px; }
  .cart-area hr {
    margin-bottom: 40px; }
  .cart-area .cart-list {
    float: left;
    width: calc(100% - 320px); }
    .cart-area .cart-list > .item:last-child {
      border-bottom: none; }
    .cart-area .cart-list .item {
      padding-top: 20px;
      float: left;
      width: 100%;
      padding-bottom: 40px;
      border-bottom: 1px solid #E4E4E4; }
      .cart-area .cart-list .item .img {
        background-color: #fff;
        float: left;
        width: 290px;
        height: 300px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 90%; }
      .cart-area .cart-list .item .info-area {
        float: right;
        width: calc(100% - 320px);
        position: relative; }
        .cart-area .cart-list .item .info-area .price {
          position: absolute;
          top: 0px;
          right: 100px;
          font-size: 22px; }
          .cart-area .cart-list .item .info-area .price .old {
            margin-right: 10px;
            padding: 0px 5px;
            text-decoration: line-through; }
          .cart-area .cart-list .item .info-area .price .new {
            color: #C3D52E; }
        .cart-area .cart-list .item .info-area > ul {
          float: left;
          width: 100%;
          padding: 0px;
          margin: 0px;
          list-style: none; }
          .cart-area .cart-list .item .info-area > ul > li {
            float: left;
            width: 100%;
            font-size: 18px;
            color: #666E76; }
            .cart-area .cart-list .item .info-area > ul > li .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
              display: inline-block;
              float: none !important; }
            .cart-area .cart-list .item .info-area > ul > li .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) .btn-default {
              width: 40px;
              line-height: 30px;
              height: 30px;
              padding: 0px 20px 0px 10px; }
            .cart-area .cart-list .item .info-area > ul > li .bootstrap-select.btn-group .dropdown-toggle .caret {
              right: 5px; }
            .cart-area .cart-list .item .info-area > ul > li > a {
              color: #333E48;
              font-family: "TradeGothicLTPro-Cn18";
              text-transform: uppercase;
              font-size: 29px;
              color: #000; }
            .cart-area .cart-list .item .info-area > ul > li .old {
              margin-right: 10px;
              padding: 0px 5px;
              text-decoration: line-through; }
            .cart-area .cart-list .item .info-area > ul > li .new {
              color: #C3D52E; }
  .cart-area .info {
    float: right;
    width: 300px;
    background-color: #F7F7F7;
    padding: 20px 15px 30px; }
    .cart-area .info .title {
      font-family: "TradeGothicLTPro-Cn18";
      text-transform: uppercase;
      float: left;
      width: 100%;
      font-weight: 500;
      font-size: 29px;
      text-transform: uppercase;
      color: #333E48;
      margin: 0px 0px 30px; }
    .cart-area .info .btn {
      margin-bottom: 15px; }
    .cart-area .info ul {
      float: left;
      width: 100%;
      padding: 0px;
      margin: 0px 0px 15px;
      list-style: none; }
      .cart-area .info ul li {
        border-bottom: 1px solid #E4E4E4;
        margin-bottom: 15px;
        line-height: 40px;
        padding-bottom: 10px;
        color: #666E76;
        font-size: 18px;
        float: left;
        width: 100%; }
        .cart-area .info ul li #removeCoupon {
          font-size: 12px;
          cursor: pointer;
          float: right; }
        .cart-area .info ul li .discount-note {
          font-size: 12px;
          width: 100%;
          color: #F26F21;
          text-align: right;
          display:block;
          margin-top: -15px; }
        .cart-area .info ul li .input-promo-code {
          position: relative;
          padding-right: 30px;
          width: auto !important;
          float: right; }
          .cart-area .info ul li .input-promo-code .apply {
            display: none;
            position: absolute;
            top: 0px;
            left: -152px; }
          .cart-area .info ul li .input-promo-code .error-text {
            position: absolute;
            top: 100%;
            right: 0px;
            line-height: 1.2;
            font-size: 12px; }
          .cart-area .info ul li .input-promo-code.done .icon {
            color: #C3D52E; }
          .cart-area .info ul li .input-promo-code .icon {
            position: absolute;
            top: 0px;
            cursor: pointer;
            right: 0px;
            height: 40px;
            width: 30px;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #636569; }
          .cart-area .info ul li .input-promo-code input {
            padding-left: 10px;
            width: 90px;
            height: 40px;
            border-radius: 3px;
            background-color: transparent;
            border: 2px solid #E0E0E0; }
        .cart-area .info ul li span {
          float: right;
          text-align: left;
          width: 65px; }
          .cart-area .info ul li span span {
            display: inline-block;
            float: none;
            width: auto; }

.check-square {
  display: none; }
  .check-square:checked + label::before {
    content: "\f046"; }
  .check-square:checked + label + .payment-block {
    display: block; }
  .check-square + label {
    cursor: pointer;
    font-size: 18px;
    color: #595959;
    display: inline-block;
    padding-left: 20px;
    position: relative; }
    .check-square + label::before {
      content: "\f096";
      font-size: 19px;
      font-family: FontAwesome;
      position: absolute;
      left: 0px;
      top: 1px;
      height: 20px;
      width: 20px; }

.payment-block {
  display: none; }

.checkout-page h2 {
  padding: 0px;
  margin: 0px;
  text-transform: uppercase;
  font-size: 29px;
  color: #000000;
  float: left;
  width: 100%; }
.checkout-page .info ul {
  padding: 0px;
  margin: 0px;
  list-style: none; }
  .checkout-page .info ul > li:last-child {
    border: none; }
  .checkout-page .info ul li {
    font-size: 18px;
    padding: 0px 0px 15px 0px;
    margin: 0px 0px 15px 0px;
    border-bottom: 1px solid #E4E4E4; }
    .checkout-page .info ul li.dis {
      color: #999999; }
    .checkout-page .info ul li span {
      float: right;
      width: 70px; }
.checkout-page .block {
  background-color: #F7F7F7;
  margin-bottom: 20px;
  padding: 30px 25px; }
  .checkout-page .block.done {
    /*            .short-block{
                    display: block;
                }
                .full-block{
                    display: none!important;
                }*/ }
    .checkout-page .block.done .edit-style {
      display: block; }
  .checkout-page .block .cus-address {
    display: none; }
  .checkout-page .block .full-block {
    margin: 15px 0px 0px 0px;
    padding: 25px 0px 0px 0px;
    border-top: 1px solid #E4E4E4;
    display: none; }
  .checkout-page .block .short-block {
    margin: 15px 0px 0px 0px;
    padding: 25px 0px 0px 0px;
    border-top: 1px solid #E4E4E4;
    display: none;
    font-size: 18px;
    color: #595959;
    padding: 5px 0px; }
    .checkout-page .block .short-block .half {
      float: left;
      width: 50%; }
    .checkout-page .block .short-block h3 {
      text-transform: uppercase; }
    .checkout-page .block .short-block p {
      margin: 0px 0px 5px; }
.checkout-page .edit-style {
  display: none;
  float: right;
  min-width: 120px; }
.checkout-page .select-style-checkout.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100%;
  float: left; }
  .checkout-page .select-style-checkout.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) .btn-default {
    float: left;
    width: 100%;
    height: 40px;
    font-size: 18px;
    color: #666E76;
    font-weight: 400;
    padding-left: 10px;
    border-radius: 5px;
    border: 2px solid #E0E0E0;
    background-color: transparent; }
    .checkout-page .select-style-checkout.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) .btn-default .filter-option {
      line-height: 36px; }
.checkout-page .dropdown-menu > .active > a, .checkout-page .dropdown-menu > .active > a:focus, .checkout-page .dropdown-menu > .active > a:hover {
  background-color: #C3D52E; }
.checkout-page .input-style-checkout {
  float: left;
  width: 100%;
  height: 40px;
  font-size: 18px;
  color: #595959;
  padding-left: 10px;
  border-radius: 5px;
  border: 2px solid #E0E0E0;
  background-color: transparent; }
  .checkout-page .input-style-checkout.small {
    max-width: 90px;
    margin-right: 20px; }
    .checkout-page .input-style-checkout.small + a {
      line-height: 40px; }
.checkout-page .left-side {
  float: left;
  width: calc(50% - 10px); }
  .checkout-page .left-side .input-block .width {
    margin-bottom: 20px; }
  .checkout-page .left-side .input-block .text-block {
    float: left;
    width: 160px; }
    .checkout-page .left-side .input-block .text-block p {
      margin: 0px;
      line-height: 40px; }
  .checkout-page .left-side .input-block .input-block {
    padding-right: 60px;
    float: left;
    width: calc(100% - 160px); }
  .checkout-page .left-side .radio-buttons {
    float: left;
    width: 100%; }
    .checkout-page .left-side .radio-buttons ul {
      max-width: 350px;
      padding: 0px;
      margin: 0px;
      list-style: none; }
      .checkout-page .left-side .radio-buttons ul li {
        float: left;
        width: 100%; }
        .checkout-page .left-side .radio-buttons ul li input {
          display: none; }
          .checkout-page .left-side .radio-buttons ul li input:checked + label::before {
            content: "\f10c"; }
          .checkout-page .left-side .radio-buttons ul li input:checked + label::after {
            content: "";
            position: absolute;
            height: 5px;
            width: 5px;
            left: 4px;
            top: 10px;
            border-radius: 50%;
            background-color: #595959; }
          .checkout-page .left-side .radio-buttons ul li input + label {
            font-size: 18px;
            position: relative;
            padding-left: 20px;
            color: #595959;
            color: 595959;
            float: left; }
            .checkout-page .left-side .radio-buttons ul li input + label::before {
              font-family: FontAwesome;
              content: "\f1db";
              height: 20px;
              width: 20px;
              position: absolute;
              top: 1px;
              left: -1px; }
            .checkout-page .left-side .radio-buttons ul li input + label .text {
              float: left;
              width: 240px; }
            .checkout-page .left-side .radio-buttons ul li input + label .price {
              float: left;
              width: calc(100% - 240px); }
.checkout-page .right-side {
  float: right;
  width: calc(50% - 10px); }
  .checkout-page .right-side .btn-grey-2 {
    min-width: 240px; }
  .checkout-page .right-side .down-text-info {
    font-size: 18px;
    margin: -15px 0px 30px;
    color: #999999; }
  .checkout-page .right-side .info {
    margin-top: 15px;
    padding: 25px 0px 0px;
    border-top: 1px solid #E4E4E4; }
  .checkout-page .right-side .cart-list {
    padding-right: 50%;
    margin: 50px 0px 10px 0px; }
    .checkout-page .right-side .cart-list > .item:last-child {
      border-bottom: none;
      margin-bottom: 0px; }
    .checkout-page .right-side .cart-list .item {
      float: left;
      padding-bottom: 20px;
      border-bottom: 1px solid #E4E4E4;
      margin-bottom: 20px;
      width: 100%; }
      .checkout-page .right-side .cart-list .item .img {
        float: left;
        width: 100px;
        height: 100px;
        background-size: cover; }
      .checkout-page .right-side .cart-list .item .info-area {
        float: left;
        width: calc(100% - 100px);
        padding-left: 10px; }
        .checkout-page .right-side .cart-list .item .info-area ul {
          float: left;
          width: 100%;
          color: #666E76;
          padding: 0px;
          margin: 0px;
          list-style: none; }
          .checkout-page .right-side .cart-list .item .info-area ul li {
            width: 100%;
            color: #666E76;
            font-size: 18px;
            float: left; }
            .checkout-page .right-side .cart-list .item .info-area ul li a {
              color: #595959;
              text-transform: uppercase;
              font-weight: 500; }
  .checkout-page .right-side .other-info h3 {
    color: #595959;
    text-transform: uppercase; }
  .checkout-page .right-side .other-info p {
    font-size: 18px;
    margin: 0px 0px 5px; }
  .checkout-page .right-side .other-info a {
    color: #C3D52E;
    font-weight: 500; }

.cols-checkout {
  justify-content: space-between;
  align-items: flex-start;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }
  .cols-checkout .col {
    background-color: #F7F7F7;
    padding: 30px 20px;
    width: calc(33.33% - 20px);
    float: left; }
    .cols-checkout .col .title-col {
      font-family: "TradeGothicLTPro-Cn18";
      font-size: 29px;
      margin-bottom: 10px;
      float: left;
      width: 100%;
      text-transform: uppercase;
      color: #000; }
    .cols-checkout .col p {
      font-size: 18px; }
    .cols-checkout .col .content {
      min-height: 180px; }
    .cols-checkout .col form label {
      float: left;
      width: 100%;
      margin-bottom: 5px;
      color: #666E76;
      font-size: 18px; }
    .cols-checkout .col form .forgot {
      font-size: 18px;
      font-weight: 500;
      font-family: "TradeGothicLTPro-Cn18";
      display: inline-block; }
    .cols-checkout .col .down-text {
      color: #333E48; }

.page-chackout {
  background-color: #E0E0E0; }

.thanks-page {
  min-height: 750px;
  text-align: center;
  background-position: center;
  background: url(../images/bg-thanks-page.jpg) no-repeat center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 200px; }
  .thanks-page .title-thanks {
    text-transform: uppercase;
    float: left;
    width: 100%;
    color: #fff;
    font-size: 44px;
    font-weight: 500;
    line-height: 1;
    font-family: "TradeGothicLTPro-Cn18";
    margin: 0px 0px 35px; }
  .thanks-page p {
    float: left;
    width: 100%;
    color: #fff;
    margin-bottom: 35px;
    font-size: 21px; }
  .thanks-page .social {
    margin: 0px 0px 40px;
    float: left;
    width: 100%;
    text-align: center;
    list-style: none; }
    .thanks-page .social li {
      margin: 0px 15px;
      display: inline-block;
      vertical-align: top;
      text-align: left;
      color: #FFFFFF;
      font-size: 21px; }
      .thanks-page .social li a {
        font-size: inherit;
        color: inherit; }
        .thanks-page .social li a i {
          font-size: 1.5em; }
  .thanks-page .btn-light-green {
    margin-top: 15px; }

.country_url .dropdown-menu {
  max-height: 240px !important; }

.checkout-content .left-area {
  float: left;
  width: calc(100% - 320px); }
  .checkout-content .left-area .block {
    float: left;
    width: 100%;
    padding: 25px;
    background-color: #F7F7F7;
    margin-bottom: 30px; }
    .checkout-content .left-area .block .cart-list {
      float: left;
      width: 420px; }
      .checkout-content .left-area .block .cart-list .item {
        float: left;
        width: 100%;
        margin-bottom: 10px; }
        .checkout-content .left-area .block .cart-list .item .img {
          background-size: cover;
          background-position: center;
          background-repeat: no-repeat;
          float: left;
          width: 105px;
          height: 105px; }
        .checkout-content .left-area .block .cart-list .item .info-area {
          float: right;
          position: relative;
          width: calc(100% - 120px); }
          .checkout-content .left-area .block .cart-list .item .info-area .price {
            position: absolute;
            top: 0px;
            right: 0px;
            font-size: 19px;
            color: #666E76; }
          .checkout-content .left-area .block .cart-list .item .info-area ul {
            float: left;
            width: 100%;
            padding: 0px;
            margin: 0px;
            list-style: none; }
            .checkout-content .left-area .block .cart-list .item .info-area ul li {
              float: left;
              font-size: 18px;
              color: #666E76;
              margin: 0px;
              width: 100%; }
              .checkout-content .left-area .block .cart-list .item .info-area ul li a {
                color: #666E76;
                font-family: "TradeGothicLTPro-Cn18";
                font-weight: 500; }
    .checkout-content .left-area .block .sum-checkout {
      position: relative; }
      .checkout-content .left-area .block .sum-checkout .btn-light-green {
        width: 340px;
        position: absolute;
        bottom: 10px;
        right: 0px; }
      .checkout-content .left-area .block .sum-checkout ul {
        max-width: 420px;
        float: left;
        width: 100%;
        padding: 0px;
        margin: 0px;
        list-style: none; }
        .checkout-content .left-area .block .sum-checkout ul li {
          font-size: 19px;
          color: #666E76;
          margin-bottom: 5px;
          float: left;
          width: 100%; }
          .checkout-content .left-area .block .sum-checkout ul li.total {
            font-size: 29px;
            font-family: "TradeGothicLTPro-Cn18";
            font-weight: 500;
            color: #333E48; }
          .checkout-content .left-area .block .sum-checkout ul li span {
            float: right; }
    .checkout-content .left-area .block .col-list ul {
      float: left;
      width: 200px;
      list-style: none;
      padding: 0px;
      margin: 0px; }
      .checkout-content .left-area .block .col-list ul li {
        float: left;
        font-size: 18px;
        color: #666E76;
        width: 100%; }
        .checkout-content .left-area .block .col-list ul li span {
          text-transform: uppercase;
          font-family: "TradeGothicLTPro-Cn18";
          font-weight: 500; }
    .checkout-content .left-area .block .title-block-checkout {
      float: left;
      width: 100%;
      font-size: 29px;
      margin: 0px;
      font-weight: 500;
      font-family: "TradeGothicLTPro-Cn18"; }
    .checkout-content .left-area .block .input-block {
      margin-bottom: 15px; }
      .checkout-content .left-area .block .input-block .right-promo-code span {
        float: left;
        width: 95px;
        line-height: 40px;
        font-size: 18px;
        color: #666E76; }
      .checkout-content .left-area .block .input-block .hit {
        margin-left: 10px;
        line-height: 40px;
        font-size: 18px;
        float: left;
        color: #C3D52E; }
    .checkout-content .left-area .block .subtitle-checkout {
      font-size: 18px;
      font-weight: 500;
      margin: 10px 0px;
      color: #333E48;
      text-transform: uppercase;
      margin-bottom: 10px;
      float: left;
      width: 100%;
      font-family: "TradeGothicLTPro-Cn18"; }
    .checkout-content .left-area .block .text {
      float: left;
      width: 160px;
      height: 40px;
      line-height: 40px;
      font-size: 18px;
      color: #666E76; }
      .checkout-content .left-area .block .text span {
        color: #C3D52E; }
      .checkout-content .left-area .block .text + .big-input {
        width: 100%;
        max-width: 310px; }
.checkout-content .right-area {
  width: 300px;
  background-color: #F7F7F7;
  float: right;
  padding: 30px 20px; }
  .checkout-content .right-area .title-area {
    float: left;
    width: 100%;
    font-size: 29px;
    color: #000;
    font-weight: 500;
    font-family: "TradeGothicLTPro-Cn18"; }
  .checkout-content .right-area .up-cart-info {
    float: left;
    width: 100%;
    padding: 0px;
    margin: 0px 0px 15px;
    list-style: none; }
    .checkout-content .right-area .up-cart-info > li:last-child {
      border-bottom: none; }
    .checkout-content .right-area .up-cart-info li {
      color: #666E76;
      float: left;
      width: 100%;
      font-size: 18px;
      padding-bottom: 5px;
      margin-bottom: 5px;
      border-bottom: 1px solid #E4E4E4; }
      .checkout-content .right-area .up-cart-info li span {
        float: right; }
  .checkout-content .right-area .list-product-cart > .item:last-child {
    border: none;
    margin-bottom: 0px; }
  .checkout-content .right-area .list-product-cart .item {
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #E4E4E4;
    float: left;
    width: 100%; }
    .checkout-content .right-area .list-product-cart .item .img {
      float: left;
      width: 105px;
      height: 105px;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat; }
    .checkout-content .right-area .list-product-cart .item .right-info {
      padding-left: 5px;
      float: right;
      width: 145px; }
      .checkout-content .right-area .list-product-cart .item .right-info ul {
        float: left;
        width: 100%;
        padding: 0px;
        margin: 0px 0px 10px;
        list-style: none; }
        .checkout-content .right-area .list-product-cart .item .right-info ul li {
          float: left;
          width: 100%;
          font-size: 18px;
          color: #666E76; }
          .checkout-content .right-area .list-product-cart .item .right-info ul li .name-product {
            font-size: inherit;
            text-transform: uppercase;
            font-family: "TradeGothicLTPro-Cn18";
            font-weight: 500;
            color: inherit; }

.style-check {
  display: none; }
  .style-check:checked + label::after {
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    display: block;
    height: 14px;
    width: 14px;
    position: absolute;
    left: -1px;
    top: 0px; }
  .style-check + label {
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    font-size: 18px;
    color: #666E76; }
    .style-check + label::before {
      content: "";
      display: block;
      height: 14px;
      width: 14px;
      border-radius: 3px;
      border: 1px solid #666E76;
      position: absolute;
      left: 0px;
      top: 6px; }

.catalog-area {
  padding: 0px 110px 0px 20px; }
  .catalog-area .left-filter {
    float: left;
    width: 290px;
    background-color: #F7F7F7;
    padding: 40px 0px 0px 0px; }
    .catalog-area .left-filter .title-filter {
      font-size: 29px;
      color: #333E48;
      float: left;
      width: 100%;
      font-family: "TradeGothicLTPro-Cn18";
      font-weight: 500;
      text-transform: uppercase;
      margin: 0px 0px 10px;
      padding: 0px 10px 10px;
      border-bottom: 1px solid #fff;
      line-height: 1; }
    .catalog-area .left-filter .subtitle {
      cursor: pointer;
      float: left;
      width: 100%;
      color: #333E48;
      margin-bottom: 10px;
      font-size: 18px;
      font-weight: 500;
      position: relative; }
      .catalog-area .left-filter .subtitle.closes i {
        transform: rotate(0deg); }
      .catalog-area .left-filter .subtitle i {
        transition: 0.3s linear;
        transform: rotate(-180deg);
        position: absolute;
        top: 5px;
        right: 0px; }
    .catalog-area .left-filter .list {
      float: left;
      width: 100%; }
      .catalog-area .left-filter .list ul {
        float: left;
        width: 100%;
        padding: 0px;
        margin: 0px;
        list-style: none; }
      .catalog-area .left-filter .list li {
        float: left;
        width: 100%;
        margin-bottom: 5px;
        /*                .style-check{
                            display: none;
                            & + label{
                                cursor: pointer;
                                position: relative;
                                padding-left: 25px;
                                font-size: 18px;
                                color: $light-grey;
                                &::before{
                                    content: "";
                                    display: block;
                                    height: 14px;
                                    width: 14px;
                                    border-radius: 3px;
                                    border: 1px solid $light-grey;
                                    position: absolute;
                                    left: 0px;
                                    top: 6px;
                                }
                            }
                        }*/ }
    .catalog-area .left-filter .color-list li {
      margin-right: 10px;
      float: left;
      width: auto; }
      .catalog-area .left-filter .color-list li .style-check-color {
        display: none; }
        .catalog-area .left-filter .color-list li .style-check-color:checked + label::before {
          content: "\f00c";
          color: #000;
          font-family: FontAwesome;
          font-style: normal;
          font-weight: normal;
          font-size: 20px;
          text-decoration: inherit;
          display: block;
          height: 14px;
          width: 14px;
          z-index: 2;
          position: absolute;
          left: 1px;
          top: -4px; }
        .catalog-area .left-filter .color-list li .style-check-color + label {
          border-radius: 2px;
          cursor: pointer;
          position: relative;
          color: transparent;
          font-size: 0.0000001px;
          width: 21px;
          height: 21px; }
          .catalog-area .left-filter .color-list li .style-check-color + label span {
            position: absolute;
            top: 0px;
            left: 0px;
            height: 100%;
            width: 100%;
            color: #000; }
    .catalog-area .left-filter .color-list-2 li {
      margin-right: 10px;
      float: left;
      width: auto; }
      .catalog-area .left-filter .color-list-2 li .style-check-color {
        display: none; }
        .catalog-area .left-filter .color-list-2 li .style-check-color:checked + label::before {
          content: "\f00c";
          font-family: FontAwesome;
          font-style: normal;
          font-weight: normal;
          text-decoration: inherit;
          display: block;
          font-size: 20px;
          height: 14px;
          width: 14px;
          position: absolute;
          left: 1px;
          top: -4px; }
        .catalog-area .left-filter .color-list-2 li .style-check-color + label {
          border-radius: 50%;
          cursor: pointer;
          position: relative;
          width: 21px;
          height: 21px; }
    .catalog-area .left-filter .list-category {
      float: left;
      list-style: none;
      width: 100%;
      padding: 0px; }
      .catalog-area .left-filter .list-category li {
        float: left;
        width: 100%; }
        .catalog-area .left-filter .list-category li a {
          color: #666E76;
          font-size: 18px; }
          .catalog-area .left-filter .list-category li a.active {
            color: #333E48;
            font-weight: 500;
            font-family: "TradeGothicLTPro-Cn18"; }
    .catalog-area .left-filter .block {
      float: left;
      margin-bottom: 10px;
      width: 100%;
      padding: 0px 10px 10px;
      border-bottom: 1px solid #fff; }
  .catalog-area .right-content {
    padding: 40px 0px 0px;
    float: right;
    width: calc(100% - 310px); }
    .catalog-area .right-content .h1-catalog {
      float: left;
      font-size: 48px;
      margin-bottom: 20px;
      color: #333E48;
      width: auto;
      font-family: "TradeGothicLTPro-Cn18";
      text-transform: uppercase; }
      .catalog-area .right-content .h1-catalog span {
        color: #666E76; }
    .catalog-area .right-content .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
      margin-top: 5px; }

.filter-active {
  padding: 20px 0px;
  margin: 0px 0px 30px;
  border-top: 1px solid #9C9C9C;
  border-bottom: 1px solid #9C9C9C; }
  .filter-active ul {
    float: left;
    width: 100%;
    padding: 0px;
    margin: 0px;
    list-style: none;
    vertical-align: top; }
    .filter-active ul li {
      display: block;
      font-size: 18px;
      color: #666E76;
      margin-right: 35px;
      float: left; }
      .filter-active ul li a {
        padding-left: 10px;
        font-size: inherit;
        color: inherit;
        position: relative; }
        .filter-active ul li a::before {
          content: "x";
          position: absolute;
          left: 0px;
          top: -3px;
          color: #666E76;
          height: 100%;
          width: 10px; }

.product-picker-page {
  padding: 100px 0px 80px; }
  .product-picker-page .steps {
    padding: 0px;
    margin: 0px 0px 120px;
    text-align: center;
    list-style: none;
    float: left;
    width: 100%; }
    .product-picker-page .steps li {
      display: inline-block;
      vertical-align: top; }
      .product-picker-page .steps li.active button {
        background-color: #262F36; }
      .product-picker-page .steps li button {
        margin: 0px 20px;
        border-radius: 50%;
        font-size: 18px;
        font-family: "TradeGothicLTPro-Cn18";
        background-color: #C3D52E;
        color: #fff;
        border: none;
        text-align: center;
        height: 32px;
        width: 32px;
        font-weight: 500; }
  .product-picker-page .answers {
    margin-bottom: 120px; }
    .product-picker-page .answers .item {
      float: left;
      width: calc(33.333% - 20px);
      margin: 0px 10px;
      height: 280px;
      cursor: pointer;
      background-color: #F7F7F7;
      padding: 20px; }
      .product-picker-page .answers .item.active {
        position: relative; }
        .product-picker-page .answers .item.active::before {
          content: "";
          position: absolute;
          display: block;
          height: 100%;
          width: 100%;
          left: 0px;
          top: 0px;
          border: 3px solid #C3D52E; }
      .product-picker-page .answers .item .title-item {
        float: left;
        width: 100%;
        font-family: "TradeGothicLTPro-Cn18";
        font-size: 29px;
        font-weight: 500;
        color: #333E48; }
      .product-picker-page .answers .item p {
        font-size: 21px;
        color: #333E48; }
        .product-picker-page .answers .item p a {
          color: #00B3DA; }
  .product-picker-page .question {
    margin-bottom: 35px;
    float: left;
    width: 100%;
    color: #C3D52E;
    font-size: 29px;
    font-family: "TradeGothicLTPro-Cn18";
    font-weight: 500; }

.destributer-list .item {
  float: left;
  width: 25%;
  min-height: 200px;
  margin-bottom: 40px; }
  .destributer-list .item .title-item {
    text-transform: uppercase;
    float: left;
    width: 100%;
    font-size: 18px;
    font-family: "TradeGothicLTPro-Cn18";
    font-weight: 500;
    color: #333E48; }
  .destributer-list .item .subtitle-item {
    float: left;
    width: 100%;
    font-size: 18px;
    color: #333E48; }
  .destributer-list .item ul {
    float: left;
    width: 100%;
    padding: 0px;
    margin: 0px;
    list-style: none; }
    .destributer-list .item ul li {
      float: left;
      width: 100%;
      color: #666E76;
      font-size: 18px; }
      .destributer-list .item ul li a {
        color: #C3D52E; }

.tab-content .tab-pane {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }

.logos .item {
  float: left;
  width: 25%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 180px; }

.product-area .item {
  float: left;
  width: 25%;
  border: 1px solid transparent;
  transition: 0.3s linear;
  padding: 10px;
  height: 410px; }
  .product-area .item:hover {
    border-color: #9C9C9C; }
    .product-area .item:hover .img .width .btn {
      opacity: 1; }
  .product-area .item .img {
    position: relative;
    float: left;
    width: 100%;
    height: 270px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90%; }
    .product-area .item .img .width {
      position: absolute;
      bottom: 25px;
      left: 0px;
      text-align: center; }
      .product-area .item .img .width .btn {
        opacity: 0; }
  .product-area .item .name-product {
    font-size: 28px;
    line-height: 1.2;
    font-weight: 500;
    color: #333E48;
    display: inline-block;
    font-family: "TradeGothicLTPro-Cn18";
    text-transform: uppercase; }
  .product-area .item .details {
    float: left;
    width: 100%;
    padding: 0px;
    margin: 0px 0px 5px;
    list-style: none; }
    .product-area .item .details li {
      float: left;
      width: 100%;
      font-size: 18px;
      color: #666E76; }
      .product-area .item .details li span {
        display: inline-block; }
        .product-area .item .details li span + span {
          position: relative;
          margin-left: 15px; }
          .product-area .item .details li span + span::before {
            content: "";
            display: block;
            height: 18px;
            width: 1px;
            top: 4px;
            left: -8px;
            position: absolute;
            background-color: #666E76; }
  .product-area .item .colors {
    float: left;
    width: 100%;
    padding: 0px;
    margin: 0px;
    list-style: none; }
    .product-area .item .colors li {
      margin-right: 10px;
      float: left; }
      .product-area .item .colors li button {
        border: none;
        display: block;
        float: left;
        width: 20px;
        height: 20px; }

.zoom {
  height: 670px;
  margin-bottom: 30px;
  float: left;
  width: 100%;
  overflow: hidden; }

.post-page {
  padding: 0px 0px 40px; }

.my-breadclubs {
  margin-bottom: 20px; }
  .my-breadclubs ul {
    float: left;
    width: 100%;
    list-style: none;
    margin: 0px;
    border-bottom: 1px solid #CCCCCC;
    padding: 0px 0px 15px; }
    .my-breadclubs ul > li:last-child::after {
      display: none; }
    .my-breadclubs ul li {
      display: inline-block;
      vertical-align: top;
      float: left;
      font-size: 18px;
      color: #CCCCCC; }
      .my-breadclubs ul li:after {
        content: ">";
        margin: 0px 5px;
        font-size: 18px;
        color: #ccc;
        vertical-align: top;
        display: inline-block; }
      .my-breadclubs ul li a {
        font-size: 18px;
        color: #333E48; }
      .my-breadclubs ul li span {
        font-size: 18px;
        color: #CCCCCC; }

.select-light-option {
  float: left; }

.colours-select {
  float: left; }
  .colours-select .item {
    display: none; }
    .colours-select .item.show {
      display: block; }

.slider-area {
  padding: 0px 100px; }

.block-main-slider {
  top: -50px;
  background-color: #333E48;
  position: relative; }
  .block-main-slider .slick-prev {
    left: -150px; }
  .block-main-slider .slick-next {
    right: -150px; }
  .block-main-slider .item {
    text-align: center;
    float: left;
    width: 100%;
    padding: 45px 30px; }
    .block-main-slider .item .title-slide {
      font-family: "TradeGothicLTPro-Cn18";
      font-weight: 500;
      color: #fff;
      font-size: 36px;
      float: left;
      width: 100%;
      margin-bottom: 25px;
      text-transform: uppercase; }
    .block-main-slider .item p {
      color: #fff;
      font-size: 21px;
      margin: 0px 0px 30px; }
    .block-main-slider .item .btn {
      text-transform: uppercase;
      transition: 0.4s linear; }
      .block-main-slider .item .btn:hover {
        color: #fff !important; }

.slick-dots {
  bottom: -40px;
  justify-content: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }
  .slick-dots li {
    padding: 0px;
    margin: 0px 5px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 10px;
    height: 10px; }
    .slick-dots li:hover button {
      background-color: #333E48; }
    .slick-dots li.slick-active button {
      width: 10px;
      height: 10px;
      background-color: #333E48; }
    .slick-dots li button {
      padding: 0px;
      transition: 0.3s linear;
      height: 6px;
      width: 6px;
      background-color: #666E76;
      border-radius: 50%; }
      .slick-dots li button::before {
        display: none; }

.posts-page {
  padding: 80px 0px 30px; }

.area-post {
  padding: 50px 0px; }

#questions > .item {
  display: none; }
  #questions > .item.active {
    display: block; }

.posts .item {
  float: left;
  width: calc(50% - 20px);
  margin: 0px 10px 50px; }
  .posts .item.big {
    width: 100%;
    margin: 0px; }
    .posts .item.big .img {
      float: left;
      width: calc(50% - 15px); }
    .posts .item.big .text-area {
      float: right;
      width: calc(50% - 15px); }
    .posts .item.big p {
      font-size: 18px;
      color: #666E76; }
    .posts .item.big .readmore {
      font-family: "TradeGothicLTPro-Cn18";
      font-size: 15px;
      font-weight: 500;
      color: #C3D52E; }
  .posts .item .img {
    float: left;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 25px;
    width: 100%;
    transition: 0.3s linear;
    height: 285px; }
    .posts .item .img:hover {
      opacity: 0.7; }
    .posts .item .img img {
      float: left;
      min-width: 100%;
      min-height: 100%;
      height: auto;
      width: auto;
      max-height: 125%;
      max-width: 125%; }
  .posts .item .title-post {
    text-transform: uppercase;
    font-size: 30px;
    color: #333E48;
    font-family: "TradeGothicLTPro-Cn18";
    font-weight: 500;
    margin-bottom: 15px; }
  .posts .item .subtitle-post {
    float: left;
    width: 100%;
    font-size: 24px;
    color: #333E48;
    margin-bottom: 15px;
    font-weight: 500; }

.ptec-personal {
  min-height: 500px; }
  .ptec-personal .block-cabinet {
    margin-bottom: 30px;
    background-color: #F7F7F7;
    padding: 20px; }
  .ptec-personal .number-order {
    float: left;
    width: 100%;
    font-size: 18px;
    text-transform: uppercase; }
    .ptec-personal .number-order b {
      font-weight: 500; }
  .ptec-personal .list-orders .item {
    float: left;
    width: 100%;
    padding-bottom: 0px;
    margin-bottom: 20px;
    border-bottom: 1px solid #E4E4E4; }
    .ptec-personal .list-orders .item .half {
      float: left;
      width: 50%; }
      .ptec-personal .list-orders .item .half .products-item {
        margin-bottom: 30px;
        font-size: 18px;
        float: left;
        width: 100%; }
        .ptec-personal .list-orders .item .half .products-item .img {
          float: left;
          padding-right: 20px;
          width: 130px; }
        .ptec-personal .list-orders .item .half .products-item .params-item {
          float: left;
          width: 240px; }
          .ptec-personal .list-orders .item .half .products-item .params-item .name-product {
            font-weight: 500;
            display: inline-block;
            text-transform: uppercase;
            color: #595959; }
          .ptec-personal .list-orders .item .half .products-item .params-item ul {
            float: left;
            width: 100%;
            padding: 0px;
            margin: 0px;
            list-style: none; }
            .ptec-personal .list-orders .item .half .products-item .params-item ul li {
              float: left;
              width: 100%; }
        .ptec-personal .list-orders .item .half .products-item .price-item {
          font-size: 19px;
          color: #595959;
          float: left;
          width: calc(100% - 370px); }
  .ptec-personal .cabinet-head {
    border-bottom: 1px solid #E4E4E4;
    margin-bottom: 20px; }
    .ptec-personal .cabinet-head .edit-btn {
      float: right;
      width: 150px;
      height: 35px;
      border-radius: 3px;
      background-color: #E0E0E0;
      text-transform: uppercase;
      font-size: 15px;
      text-align: center;
      line-height: 35px;
      font-weight: 500;
      color: #333E48; }
    .ptec-personal .cabinet-head .form-become-member .half {
      float: left;
      width: 33%;
      padding-right: 20px; }
      .ptec-personal .cabinet-head .form-become-member .half input {
        float: left;
        width: 100%;
        height: 40px;
        margin-bottom: 10px;
        border-radius: 3px;
        border: 1px solid #595959;
        padding-left: 10px;
        font-size: 18px; }
      .ptec-personal .cabinet-head .form-become-member .half .modal-select.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) .btn-default {
        height: 40px; }
      .ptec-personal .cabinet-head .form-become-member .half .btn-light-green {
        margin-bottom: 15px; }
  .ptec-personal .related-product .item {
    font-size: 18px;
    float: left;
    width: 204px;
    margin: 0px 15px; }
    .ptec-personal .related-product .item .img {
      float: left;
      width: 100%; }
    .ptec-personal .related-product .item .name-product {
      display: inline-block;
      text-transform: uppercase;
      color: #595959;
      font-weight: 500; }
    .ptec-personal .related-product .item p {
      color: #595959; }
    .ptec-personal .related-product .item .add-to-cart {
      display: inline-block;
      width: 150px;
      height: 45px;
      line-height: 45px;
      text-transform: uppercase;
      background-color: #C3D52E;
      font-size: 15px;
      color: #333E48;
      text-align: center;
      font-weight: 500; }
  .ptec-personal .wishlist .load-more-whish {
    color: #C3D52E;
    font-weight: 500;
    font-size: 18px;
    background-color: transparent;
    border: none; }
  .ptec-personal .wishlist .products-item {
    margin-bottom: 20px;
    float: left;
    width: calc(50% - 15px); }
    .ptec-personal .wishlist .products-item .img {
      float: left;
      width: 180px; }
      .ptec-personal .wishlist .products-item .img img {
        width: 100%; }
    .ptec-personal .wishlist .products-item .params-item {
      float: left;
      font-size: 18px;
      padding-left: 15px;
      width: calc(100% - 180px); }
      .ptec-personal .wishlist .products-item .params-item .name-product {
        font-weight: 500;
        text-transform: uppercase;
        display: inline-block;
        color: #595959; }
      .ptec-personal .wishlist .products-item .params-item ul {
        color: 595959;
        float: left;
        width: 100%;
        list-style: none;
        padding: 0px;
        margin: 0px; }
        .ptec-personal .wishlist .products-item .params-item ul li {
          float: left;
          width: 100%; }
      .ptec-personal .wishlist .products-item .params-item .remove-from-whishlist {
        color: #A3A3A3;
        display: inline-block;
        margin-bottom: 10px; }
      .ptec-personal .wishlist .products-item .params-item .add-to-cart {
        display: inline-block;
        height: 45px;
        font-size: 15px;
        text-transform: uppercase;
        line-height: 45px;
        font-weight: 500;
        border-radius: 3px;
        background-color: #C3D52E;
        text-align: center;
        color: #333E48;
        width: 150px; }
  .ptec-personal .cabine-h2 {
    margin: 0px 0px 15px;
    float: left;
    color: #333E48;
    text-transform: uppercase;
    font-size: 29px;
    font-weight: 500; }
  .ptec-personal .pro-member .cols {
    float: left;
    display: block; }
    .ptec-personal .pro-member .cols form {
      display: none; }
    .ptec-personal .pro-member .cols .col {
      padding-right: 10px;
      font-size: 18px;
      float: left;
      width: 20%; }
      .ptec-personal .pro-member .cols .col input {
        margin-bottom: 20px; }
      .ptec-personal .pro-member .cols .col h3 {
        float: left;
        width: 100%;
        font-size: 18px;
        margin: 0px 0px 10px;
        font-weight: 500;
        color: #595959;
        text-transform: uppercase; }
      .ptec-personal .pro-member .cols .col ul, .ptec-personal .pro-member .cols .col dl {
        float: left;
        width: 100%;
        padding: 0px;
        margin: 0px;
        list-style: none; }
        .ptec-personal .pro-member .cols .col ul.checkbox-style-list li, .ptec-personal .pro-member .cols .col ul.checkbox-style-list dt, .ptec-personal .pro-member .cols .col ul.checkbox-style-list dd, .ptec-personal .pro-member .cols .col dl.checkbox-style-list li, .ptec-personal .pro-member .cols .col dl.checkbox-style-list dt, .ptec-personal .pro-member .cols .col dl.checkbox-style-list dd {
          padding-left: 25px;
          position: relative; }
          .ptec-personal .pro-member .cols .col ul.checkbox-style-list li::before, .ptec-personal .pro-member .cols .col ul.checkbox-style-list dt::before, .ptec-personal .pro-member .cols .col ul.checkbox-style-list dd::before, .ptec-personal .pro-member .cols .col dl.checkbox-style-list li::before, .ptec-personal .pro-member .cols .col dl.checkbox-style-list dt::before, .ptec-personal .pro-member .cols .col dl.checkbox-style-list dd::before {
            content: "\f14a";
            font-family: FontAwesome;
            display: block;
            position: absolute;
            left: 0px;
            top: 2px; }
        .ptec-personal .pro-member .cols .col ul li, .ptec-personal .pro-member .cols .col ul dt, .ptec-personal .pro-member .cols .col ul dd, .ptec-personal .pro-member .cols .col dl li, .ptec-personal .pro-member .cols .col dl dt, .ptec-personal .pro-member .cols .col dl dd {
          float: left;
          width: 100%;
          color: #595959; }
        .ptec-personal .pro-member .cols .col ul dt, .ptec-personal .pro-member .cols .col dl dt {
          font-weight: 500; }
  .ptec-personal .orders {
    margin-bottom: 30px;
    background-color: #F7F7F7;
    padding: 20px; }
    .ptec-personal .orders .h2-style {
      float: left;
      width: 100%;
      text-transform: uppercase;
      font-size: 29px;
      color: #333E48;
      font-weight: 500; }

.info-post span {
  color: #9C9C9C;
  font-size: 18px;
  font-weight: 500;
  position: relative;
  display: inline-block; }
  .info-post span + span {
    margin-left: 20px; }
    .info-post span + span::before {
      content: "";
      display: block;
      height: 14px;
      width: 2px;
      background-color: #9C9C9C;
      position: absolute;
      left: -11px;
      top: 6px; }

.juicer-feed .j-paginate {
  border-radius: 5px !important;
  transition: 0.3s linear !important;
  font-family: "TradeGothicCond", sans-serif !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  padding: 0px 25px !important;
  line-height: 40px !important;
  border: 1px solid #333E48 !important;
  color: #333E48 !important; }
  .juicer-feed .j-paginate:hover {
    background-color: #333E48 !important;
    color: #fff !important; }

.info-block {
  position: relative; }
  .info-block.small-style {
    height: 550px; }
    .info-block.small-style .text p {
      font-size: 21px;
      color: #333E48; }
    .info-block.small-style .text .btn.border-btn {
      color: #333E48;
      border-color: #333E48; }
  .info-block.small-style-2 {
    max-height: 400px; }
    .info-block.small-style-2 .text {
      padding: 50px 60px;
      height: inherit; }
      .info-block.small-style-2 .text .title {
        font-size: 26px; }
  .info-block .text {
    width: 600px;
    height: 780px;
    padding: 140px 60px;
    float: left; }
    .info-block .text .icon {
      height: 60px;
      margin-bottom: 20px; }
    .info-block .text .title {
      line-height: 1.1;
      float: left;
      width: 100%;
      margin: 0px 0px 25px;
      text-transform: uppercase;
      font-size: 48px;
      font-family: "TradeGothicLTPro-Cn18";
      font-weight: 500; }
      .info-block .text .title br {
        display: none; }
    .info-block .text .subtitle {
      font-size: 22px;
      margin: -10px 0px 20px;
      float: left;
      width: 100%; }
    .info-block .text p {
      color: #fff;
      margin-bottom: 30px; }
  .info-block .img {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: calc(100% - 600px);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }

.custom-block-2 {
  background-color: #475357;
  color: #fff;
  text-align: center;
  padding: 50px 0px 0px; }
  .custom-block-2 .svg-img {
    position: relative;
    width: 100%;
    display: inline-block;
    max-width: 850px;
    margin-top: 20px; }
    .custom-block-2 .svg-img .right-sec {
      position: absolute;
      width: 50%;
      height: 100%;
      top: 0px;
      right: 0px; }
    .custom-block-2 .svg-img .left-sec {
      position: absolute;
      width: 50%;
      height: 100%;
      left: 0px;
      top: 0px; }
    .custom-block-2 .svg-img svg {
      width: 100%;
      float: left; }
  .custom-block-2 .title {
    float: left;
    width: 100%;
    color: #AF996A;
    font-size: 36px;
    text-transform: uppercase;
    margin: 0px 0px 10px;
    font-family: "TradeGothicLTPro-Cn18";
    font-weight: 500; }
  .custom-block-2 p {
    color: #fff;
    font-size: 24px;
    margin: 0px 0px 70px; }
  .custom-block-2 .down-block {
    float: left;
    text-align: center;
    padding: 0px 110px;
    position: relative; }
    .custom-block-2 .down-block .left-area,
    .custom-block-2 .down-block .right-area {
      text-align: left;
      position: absolute;
      left: 110px;
      bottom: 70px;
      width: 255px; }
      .custom-block-2 .down-block .left-area .btn,
      .custom-block-2 .down-block .right-area .btn {
        margin-bottom: 20px;
        width: 100%;
        text-align: center; }
        .custom-block-2 .down-block .left-area .btn:hover,
        .custom-block-2 .down-block .right-area .btn:hover {
          background-color: #ae996a !important; }
      .custom-block-2 .down-block .left-area br,
      .custom-block-2 .down-block .right-area br {
        display: none !important; }
      .custom-block-2 .down-block .left-area .title-area,
      .custom-block-2 .down-block .right-area .title-area {
        float: left;
        width: 100%;
        color: #808080;
        text-transform: uppercase;
        font-family: "TradeGothicLTPro-Cn18";
        font-weight: 500;
        font-size: 29px; }
        .custom-block-2 .down-block .left-area .title-area.active,
        .custom-block-2 .down-block .right-area .title-area.active {
          color: #AF996A; }
      .custom-block-2 .down-block .left-area p,
      .custom-block-2 .down-block .right-area p {
        color: #fff;
        font-size: 18px;
        margin: 0px 0px 60px; }
    .custom-block-2 .down-block .right-area {
      left: auto;
      right: 110px; }

.custom-block-3 {
  background-color: #F7F7F7;
  padding: 60px 0px 100px; }
  .custom-block-3 .half {
    float: left;
    width: 47.5%; }
    .custom-block-3 .half + .half {
      float: right; }
    .custom-block-3 .half .title {
      float: left;
      width: 100%;
      text-transform: uppercase;
      color: #AF996A;
      font-size: 36px;
      font-weight: 500;
      margin: 0px 0px 15px; }
    .custom-block-3 .half p {
      font-size: 21px;
      color: #333E48;
      margin-bottom: 30px; }
    .custom-block-3 .half .images {
      text-align: center; }
      .custom-block-3 .half .images br {
        display: none !important; }
      .custom-block-3 .half .images img {
        max-width: 45%;
        display: inline-block;
        margin: 0px 20px; }
    .custom-block-3 .half ul {
      float: left;
      width: 100%;
      padding: 0px;
      margin: 0px; }
      .custom-block-3 .half ul > li:nth-child(even) {
        float: right; }
      .custom-block-3 .half ul li {
        float: left;
        position: relative;
        height: 90px;
        padding-left: 40px;
        display: block;
        width: 47.5%;
        font-size: 14px; }
        .custom-block-3 .half ul li::before {
          content: "";
          position: absolute;
          left: 0px;
          top: 23px;
          display: block;
          height: 24px;
          width: 24px;
          border-radius: 50%; }
        .custom-block-3 .half ul li.marker-1::before {
          border: 1px solid #333E48;
          background-color: #fff; }
        .custom-block-3 .half ul li.marker-2::before {
          background-color: #4CAAE8; }
        .custom-block-3 .half ul li.marker-3::before {
          background-color: #DA3832; }
        .custom-block-3 .half ul li.marker-4::before {
          background-color: #852F8B; }
        .custom-block-3 .half ul li.marker-5::before {
          background-color: #59B279; }
        .custom-block-3 .half ul li.marker-6::before {
          background-color: #D1D2D4;
          text-align: center;
          line-height: 24px;
          content: "IR";
          font-size: 14px; }
        .custom-block-3 .half ul li b {
          font-family: "TradeGothicLTPro-Cn18";
          font-weight: 500; }
        .custom-block-3 .half ul li > span {
          display: inline-block;
          position: absolute;
          left: 40px;
          top: 50%;
          transform: translate(0px, -50%); }

.custom-block-4 {
  background-color: #4D585C;
  padding: 60px 0px 20px; }
  .custom-block-4 .title {
    float: left;
    width: 100%;
    border-bottom: 1px solid #F26F21;
    text-transform: uppercase;
    color: #F26F21;
    padding-bottom: 5px;
    font-size: 26px;
    font-family: "TradeGothicLTPro-Cn18";
    font-weight: 500;
    margin: 0px 0px 20px; }
  .custom-block-4 br {
    display: none !important; }
  .custom-block-4 .col-md-12 .btn:hover {
    background-color: #F26F21; }
  .custom-block-4 .down-block .col-md-6 {
    position: relative;
    padding-left: 100px; }
    .custom-block-4 .down-block .col-md-6 img {
      position: absolute;
      top: 0px;
      left: 0px; }
    .custom-block-4 .down-block .col-md-6 .btn:hover {
      background-color: #F26F21; }
  .custom-block-4 .mb-large {
    margin-bottom: 30px !important; }
  .custom-block-4 .container .row {
    margin-bottom: 4em; }
  .custom-block-4 .btn {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0px 20px; }
  .custom-block-4 p {
    font-size: 21px;
    color: #fff; }
    .custom-block-4 p b {
      color: #F26F21;
      font-family: "TradeGothicLTPro-Cn18";
      font-weight: 500; }

.product-sec {
  text-align: center;
  padding: 40px 0px; }
  .product-sec .fa-angle-down {
    display: none; }
  .product-sec .title-block {
    float: left;
    width: 100%;
    margin: 0px 0px 40px;
    text-transform: uppercase;
    font-size: 29px; }
  .product-sec table {
    table-layout: fixed;
    width: 100%; }
    .product-sec table thead tr td {
      text-align: center;
      padding: 0px 0px 10px;
      font-size: 18px;
      color: #595959;
      line-height: 1.1;
      font-family: "TradeGothicLTPro-Cn18";
      font-weight: 500; }
    .product-sec table tbody tr > td:nth-child(2) {
      text-align: left; }
    .product-sec table tbody tr td {
      height: 140px;
      border-bottom: 1px solid #E4E4E4;
      border-top: 1px solid #E4E4E4;
      padding: 10px;
      font-size: 22px;
      color: #595959;
      font-family: "TradeGothicLTPro-Cn18";
      font-weight: 500; }
      .product-sec table tbody tr td span img {
        max-width: 50px;
        max-height: 50px; }
      .product-sec table tbody tr td span {
        color: #595959;
        float: left;
        width: 100%; }
      .product-sec table tbody tr td .price {
        font-family: 'TradeGothicLTPro-Cn18', sans-serif;
        font-weight: 400;
        font-size: 18px; }
      .product-sec table tbody tr td ul.color-lights {
        float: left;
        width: 100%;
        text-align: center;
        list-style: none;
        text-align: center; }
        .product-sec table tbody tr td ul.color-lights li {
          display: inline-block;
          height: 20px;
          width: 20px;
          border-radius: 50%;
          border: 1px solid #595959;
          margin: 0px 10px; }

.text-sec {
  padding: 0px;
  color: #fff;
  background-repeat: repeat-y; }
  .text-sec .title {
    padding-top: 40px;
    font-size: 25px;
    font-style: italic;
    margin: 0px 0px 10px;
    float: left;
    width: 100%; }
  .text-sec .subtitle {
    float: left;
    width: 100%;
    text-transform: uppercase;
    font-size: 18px;
    font-family: "TradeGothicLTPro-Cn18";
    font-weight: 500;
    margin: 30px 0px; }
  .text-sec .btn {
    margin: 2em 0px; }
    .text-sec .btn:hover {
      background-color: #333E48 !important; }

.slick-prev, .slick-next {
  z-index: 5;
  width: 17px;
  height: 33px; }
  .slick-prev.slick-disabled, .slick-next.slick-disabled {
    opacity: 0.2; }
  .slick-prev::before, .slick-next::before {
    display: none; }

.category_event .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  float: none;
  margin-bottom: 50px; }

.light-block tbody td {
  min-height: 50px; }
.light-block.focus svg {
  opacity: 1;
  max-width: 100%; }
.light-block svg {
  opacity: 0;
  transition: 2s ease-in-out;
  max-width: 0px;
  overflow: hidden; }

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

.no-border {
  border: none !important; }

.slick-prev, .slick-prev:focus, .slick-prev:hover {
  background: url(../images/arrow-left.png) no-repeat center; }

.slick-next, .slick-next:focus, .slick-next:hover {
  background: url(../images/arrow-right.png) no-repeat center; }

#slider-range {
  margin-bottom: 10px;
  height: 25px;
  border: none;
  background-color: #F7F7F7; }
  #slider-range .ui-widget-header {
    background-color: #C3D52E;
    height: 25px; }
  #slider-range .ui-slider-handle {
    height: 32px;
    width: 32px;
    border: none;
    background: url(../images/icon-range.png) no-repeat center; }

.price-range > span {
  color: #333E48;
  font-size: 29px;
  font-family: "TradeGothicLTPro-Cn18";
  font-weight: 500; }

.down-text {
  float: left;
  width: 100%;
  color: #fff;
  padding-left: 15px;
  font-size: 18px; }
  .down-text a {
    color: #C3D52E; }

.btn.color-hover-outdoor:hover {
  background-color: #37b34a; }
.btn.color-hover-dive:hover {
  color: #FFF !important;
  border-color: #00b3da !important;
  background-color: #00b3da; }
.btn.color-hover-industrial:hover {
  background-color: #f26f21; }
.btn.color-hover-tactical:hover {
  background-color: #ae996a; }

.big-modal .modal-dialog {
  max-width: 100%;
  width: 800px;
  margin-top: 50px; }
.big-modal .modal-body {
  background-color: #fff !important;
  text-align: left !important;
  border-radius: 5px;
  padding: 20px 50px 40px 50px;
  font-size: 16px; }
  .big-modal .modal-body h2 {
    margin-bottom: 40px; }
  .big-modal .modal-body .close-modal {
    top: 25px; }

.banner-category {
  position: relative;
  height: 600px;
  padding: 60px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  .banner-category.hover-active::before {
    opacity: 0.35; }
  .banner-category::before {
    content: '';
    transition: 1s cubic-bezier(0.9, 0.18, 0.46, 0.81);
    display: block;
    height: 100%;
    width: 450px;
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    background: -moz-linear-gradient(left, black 1%, black 14%, rgba(0, 0, 0, 0.71) 39%, rgba(0, 0, 0, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, black 1%, black 14%, rgba(0, 0, 0, 0.71) 39%, rgba(0, 0, 0, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, black 1%, black 14%, rgba(0, 0, 0, 0.71) 39%, rgba(0, 0, 0, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); }
  .banner-category .btn-block {
    position: relative;
    z-index: 2;
    left: 60px;
    bottom: 60px;
    position: absolute; }
  .banner-category img {
    position: relative;
    z-index: 2;
    margin-bottom: 30px;
    max-width: 60px; }
  .banner-category .btn + .btn {
    position: relative;
    z-index: 2;
    margin-left: 30px; }
  .banner-category .title-cat {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    line-height: 1.1;
    text-transform: uppercase;
    font-family: "TradeGothicLTPro-Cn18";
    font-weight: 500;
    font-size: 48px; }
  .banner-category p {
    position: relative;
    z-index: 2;
    margin-bottom: 15px;
    float: left;
    width: 100%;
    color: #fff; }
  .banner-category ul {
    position: relative;
    z-index: 2;
    display: none;
    float: left;
    width: 100%;
    list-style: none;
    padding: 0px;
    margin: 0px; }
    .banner-category ul.blue li a:hover {
      color: #00B3DA !important; }
    .banner-category ul.orange li a:hover {
      color: #F26F21 !important; }
    .banner-category ul.brown li a:hover {
      color: #AF996A !important; }
    .banner-category ul.brown li a:hover {
      color: #AF996A !important; }
    .banner-category ul.green li a:hover {
      color: #37B34A !important; }
    .banner-category ul li {
      margin-bottom: 12px;
      float: left;
      width: 100%; }
      .banner-category ul li a {
        transition: 0.3s linear;
        font-size: 18px;
        color: #fff;
        font-weight: 400; }

.content-area {
  padding: 30px 0px; }

footer {
  padding: 30px 0px;
  background-color: #333E48; }
  footer .input-style.footer-style {
    color: #fff; }
  footer .title-main-footer {
    font-family: "TradeGothicLTPro-Cn18";
    font-weight: 500;
    color: #fff;
    width: 100%;
    float: left;
    font-size: 18px;
    margin-bottom: 30px;
    text-transform: uppercase; }
  footer .col-4 {
    padding: 0px 25px; }
    footer .col-4 .title-sub-title, footer .col-4 .title-sub-title > button {
      font-size: 18px; }
    footer .col-4 p, footer .col-4 a {
      line-height: 1.6;
      font-size: 16px; }
    footer .col-4 p {
      color: #666e76; }
    footer .col-4 a {
      line-height: 1; }
  @media all and (max-width: 768px) {
    footer .col-4 .title-sub-title, footer .col-4 .title-sub-title > button {
      font-size: 22px !important; } }
  footer .line {
    border-bottom: 2px solid #666E76; }
  footer form {
    float: left;
    width: 100%;
    position: relative; }
    footer form button {
      height: 28px;
      width: 28px;
      border: none;
      border-color: #666E76;
      position: absolute;
      top: 0px;
      right: 0px; }
  footer .social {
    padding: 0px;
    margin: 0px 0px 30px;
    float: left;
    width: 100%;
    text-align: center; }
    footer .social li {
      margin: 0px 30px;
      display: inline-block;
      vertical-align: top; }
      footer .social li a {
        color: #fff; }
        footer .social li a:hover {
          color: #C3D52E; }
        footer .social li a i {
          transition: 0.3s linear; }
  footer .up {
    margin-bottom: 30px; }
  footer .middle {
    padding: 0px 150px 25px; }
    footer .middle ul {
      float: left;
      width: 100%;
      padding: 0px;
      margin: 0px;
      list-style: none; }
      footer .middle ul li {
        float: left;
        width: 100%;
        margin-bottom: 5px;
        color: #666E76;
        font-size: 16px;
        font-weight: 400; }
        footer .middle ul li a, footer .middle ul li p {
          font-weight: inherit;
          color: inherit;
          font-size: inherit; }
          footer .middle ul li a:hover, footer .middle ul li p:hover {
            color: #999; }
  footer .title-sub-title {
    font-family: "TradeGothicLTPro-Cn18";
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 5px;
    float: left;
    width: 100%;
    color: #fff;
    background-color: transparent;
    border: none;
    text-transform: uppercase; }
    footer .title-sub-title > button {
      border: none;
      background-color: transparent; }
  footer .down {
    padding: 15px 0px 0px; }
    footer .down .logo-footer {
      float: left;
      opacity: 0.35; }
    footer .down p {
      color: #666E76;
      float: left;
      width: calc(100% - 155px);
      margin: 0px;
      text-align: center; }
      footer .down p a, footer .down p span {
        display: inline-block;
        vertical-align: top;
        font-size: 13px;
        color: inherit;
        margin: 0px 15px; }
      footer .down p a:hover {
        color: #999; }
      footer .down p span {
        position: relative; }
        footer .down p span::before {
          content: "";
          display: block;
          height: 12px;
          width: 1px;
          background-color: #666E76;
          position: absolute;
          top: 2px;
          right: -16px; }

.check-normal-white {
  display: none; }
  .check-normal-white:checked + label::before {
    content: "\f046"; }
  .check-normal-white + label {
    cursor: pointer;
    position: relative;
    color: #fff;
    padding-left: 25px; }
    .check-normal-white + label::before {
      position: absolute;
      left: 0px;
      top: 2px;
      font-family: "FontAwesome";
      content: "\f096";
      display: block;
      height: 22px;
      width: 22px; }

.check-normal-grey {
  display: none; }
  .check-normal-grey:checked + label::before {
    content: "\f046"; }
  .check-normal-grey + label {
    cursor: pointer;
    position: relative;
    font-size: 16px;
    color: #595959;
    padding-left: 25px; }
    .check-normal-grey + label::before {
      position: absolute;
      left: 0px;
      top: 2px;
      font-family: "FontAwesome";
      content: "\f096";
      display: block;
      height: 22px;
      width: 22px; }

.title-modal.small-margin {
  margin-bottom: 15px !important; }

.modal-text {
  margin-bottom: 15px;
  float: left;
  width: 100%;
  text-align: center; }

.modal {
  background-color: rgba(51, 62, 72, 0.5); }
  .modal .close-modal {
    position: absolute;
    background-color: transparent;
    color: #fff;
    top: 40px;
    right: 40px;
    border: none; }
  .modal input {
    background-color: #788086;
    color: #fff;
    font-size: 16px; }
    .modal input::-webkit-input-placeholder {
      color: #fff; }
    .modal input::-moz-placeholder {
      color: #fff; }
    .modal input:-ms-input-placeholder {
      color: #fff; }
    .modal input:-moz-placeholder {
      color: #fff; }
  .modal.ambasadors-program {
    background-color: rgba(51, 62, 72, 0.35); }
    .modal.ambasadors-program .modal-dialog {
      max-width: 500px; }
      .modal.ambasadors-program .modal-dialog .modal-content .modal-body {
        padding: 40px 50px;
        background-color: #333e48; }
        .modal.ambasadors-program .modal-dialog .modal-content .modal-body .close-modal {
          top: 10px;
          right: 10px; }
        .modal.ambasadors-program .modal-dialog .modal-content .modal-body .title-modal {
          margin: 0px 0px 20px; }
        .modal.ambasadors-program .modal-dialog .modal-content .modal-body p {
          font-size: 16px;
          margin: 0px 0px 20px;
          color: #acb1b5; }
        .modal.ambasadors-program .modal-dialog .modal-content .modal-body input {
          background-color: #788086;
          color: #fff;
          font-size: 16px; }
          .modal.ambasadors-program .modal-dialog .modal-content .modal-body input::-webkit-input-placeholder {
            color: #fff; }
          .modal.ambasadors-program .modal-dialog .modal-content .modal-body input::-moz-placeholder {
            color: #fff; }
          .modal.ambasadors-program .modal-dialog .modal-content .modal-body input:-ms-input-placeholder {
            color: #fff; }
          .modal.ambasadors-program .modal-dialog .modal-content .modal-body input:-moz-placeholder {
            color: #fff; }
        .modal.ambasadors-program .modal-dialog .modal-content .modal-body textarea {
          font-family: "TradeGothicLTPro-Cn18";
          background-color: #788086;
          font-size: 16px;
          color: #fff;
          float: left;
          width: 100%;
          padding-top: 10px;
          height: 135px;
          margin-bottom: 5px;
          border: none;
          background-color: rgba(255, 255, 255, 0.45);
          padding-left: 20px;
          border-radius: 8px;
          color: #fff; }
          .modal.ambasadors-program .modal-dialog .modal-content .modal-body textarea::-webkit-input-placeholder {
            color: #fff; }
          .modal.ambasadors-program .modal-dialog .modal-content .modal-body textarea::-moz-placeholder {
            color: #fff; }
          .modal.ambasadors-program .modal-dialog .modal-content .modal-body textarea:-ms-input-placeholder {
            color: #fff; }
          .modal.ambasadors-program .modal-dialog .modal-content .modal-body textarea:-moz-placeholder {
            color: #fff; }
        .modal.ambasadors-program .modal-dialog .modal-content .modal-body button[type=submit] {
          max-width: 140px; }
  .modal.ambasadors-modal {
    background-color: transparent; }
    .modal.ambasadors-modal .modal-dialog {
      max-width: 1400px;
      width: 100%; }
      .modal.ambasadors-modal .modal-dialog .modal-content .modal-body {
        padding: 0px;
        background-color: #fff; }
        .modal.ambasadors-modal .modal-dialog .modal-content .modal-body .close-modal {
          top: 10px;
          right: 10px;
          color: #333e48; }
        .modal.ambasadors-modal .modal-dialog .modal-content .modal-body .slider-model-amb {
          float: left;
          width: calc(100% - 460px); }
          .modal.ambasadors-modal .modal-dialog .modal-content .modal-body .slider-model-amb .item {
            height: 550px;
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat; }
          .modal.ambasadors-modal .modal-dialog .modal-content .modal-body .slider-model-amb .slick-next {
            right: 20px; }
          .modal.ambasadors-modal .modal-dialog .modal-content .modal-body .slider-model-amb .slick-prev {
            left: 20px; }
        .modal.ambasadors-modal .modal-dialog .modal-content .modal-body .info-sider-slider {
          height: 550px;
          position: relative;
          padding: 20px 15px 20px 10px;
          float: right;
          width: 460px; }
          .modal.ambasadors-modal .modal-dialog .modal-content .modal-body .info-sider-slider .title {
            float: left;
            color: #333e48;
            font-size: 36px;
            float: left;
            width: 100%;
            margin: 0px 0px 5px; }
          .modal.ambasadors-modal .modal-dialog .modal-content .modal-body .info-sider-slider .url-inst {
            margin-bottom: 15px;
            display: inline-block;
            color: #666E76;
            font-size: 18px; }
          .modal.ambasadors-modal .modal-dialog .modal-content .modal-body .info-sider-slider div.text {
            float: left;
            width: 100%;
            color: #333e48; }
            .modal.ambasadors-modal .modal-dialog .modal-content .modal-body .info-sider-slider div.text p {
              font-size: 16px; }
          .modal.ambasadors-modal .modal-dialog .modal-content .modal-body .info-sider-slider .down-sec {
            padding: 20px 15px 20px 10px;
            position: absolute;
            bottom: 0px;
            left: 0px;
            width: 100%; }
            .modal.ambasadors-modal .modal-dialog .modal-content .modal-body .info-sider-slider .down-sec .name {
              float: left;
              width: 70px;
              color: #333e48;
              text-transform: uppercase; }
            .modal.ambasadors-modal .modal-dialog .modal-content .modal-body .info-sider-slider .down-sec p {
              color: #333e48; }
              .modal.ambasadors-modal .modal-dialog .modal-content .modal-body .info-sider-slider .down-sec p a {
                color: #00B3DA; }
  .modal.login-model .modal-dialog {
    max-width: 385px; }
    .modal.login-model .modal-dialog .modal-content .modal-body {
      padding: 0px; }
  .modal.singup-model .modal-dialog {
    width: 800px; }
    .modal.singup-model .modal-dialog .modal-body {
      padding: 0px; }
  .modal.singup-model .half {
    float: left;
    width: calc(50% - 15px); }
    .modal.singup-model .half + .half {
      float: right; }
  .modal.singup-model p {
    color: #fff;
    font-size: 18px;
    margin-bottom: 10px; }
  .modal.singup-model a {
    color: #C3D52E;
    font-size: 17px; }
  .modal.singup-model .style-check-white + label {
    margin-right: 10px;
    margin-left: 0px !important; }
  .modal.search-model .modal-dialog {
    max-width: 600px;
    width: 100%; }
    .modal.search-model .modal-dialog .fa-search {
      color: #fff; }
    .modal.search-model .modal-dialog form {
      float: right;
      width: calc(100% - 70px); }
      .modal.search-model .modal-dialog form input {
        font-family: "TradeGothicLTPro-Cn18";
        font-size: 18px;
        float: left;
        width: 100%;
        height: 55px;
        border: none;
        background-color: rgba(255, 255, 255, 0.7);
        padding-left: 20px;
        border-radius: 8px;
        color: #333E48; }
  .modal.modal-gallery .modal-dialog {
    margin-top: 0px;
    width: 100%;
    max-width: 100%; }
    .modal.modal-gallery .modal-dialog .modal-body {
      position: relative;
      padding: 0px; }
      .modal.modal-gallery .modal-dialog .modal-body::before {
        content: "";
        display: block;
        position: absolute;
        height: calc(100% - 20px);
        width: calc(100% - 20px);
        z-index: 2;
        top: 10px;
        left: 10px;
        border: 1px solid #fff; }
      .modal.modal-gallery .modal-dialog .modal-body .close-modal {
        z-index: 3; }
      .modal.modal-gallery .modal-dialog .modal-body .close-modal {
        position: absolute;
        top: 20px;
        right: 20px; }
      .modal.modal-gallery .modal-dialog .modal-body img {
        float: left;
        width: 100%; }
  .modal .modal-dialog {
    margin-top: 180px; }
    .modal .modal-dialog .modal-content {
      box-shadow: none;
      border: none;
      background-color: transparent; }
      .modal .modal-dialog .modal-content .modal-body {
        background-color: transparent; }
        .modal .modal-dialog .modal-content .modal-body::after {
          content: "";
          display: table;
          clear: both; }
        .modal .modal-dialog .modal-content .modal-body .title-modal {
          float: left;
          width: 100%;
          text-align: center;
          color: #fff;
          font-size: 44px;
          font-family: "TradeGothicLTPro-Cn18";
          font-weight: 500;
          text-transform: uppercase;
          margin: 0px 0px 80px; }
          .modal .modal-dialog .modal-content .modal-body .title-modal span {
            color: #C3D52E; }
        .modal .modal-dialog .modal-content .modal-body .forgot {
          float: right;
          font-size: 18px;
          color: #C3D52E; }
        .modal .modal-dialog .modal-content .modal-body input[type=text], .modal .modal-dialog .modal-content .modal-body input[type=password], .modal .modal-dialog .modal-content .modal-body input[type=email] {
          font-family: "TradeGothicLTPro-Cn18";
          font-size: 18px;
          float: left;
          width: 100%;
          height: 45px;
          margin-bottom: 20px;
          border: none;
          background-color: rgba(255, 255, 255, 0.7);
          padding-left: 20px;
          border-radius: 8px;
          color: #fff; }
        .modal .modal-dialog .modal-content .modal-body button[type=submit] {
          width: 100%;
          text-align: center;
          font-family: "TradeGothicLTPro-Cn18";
          background-color: #C3D52E;
          height: 38px;
          line-height: 38px;
          border: none;
          color: #333E48;
          font-weight: 500;
          text-transform: uppercase;
          font-family: "TradeGothicLTPro-Cn18";
          font-size: 15px;
          border-radius: 5px;
          margin-bottom: 20px; }

#edit-form .modal-select.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) .btn-default {
  line-height: 34px;
  height: 34px;
  padding: 0px 30px 0px 10px; }
#edit-form .select-style-checkout.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100%;
  margin-bottom: 20px;
  float: left; }
  #edit-form .select-style-checkout.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) .btn-default {
    float: left;
    width: 100%;
    height: 34px;
    font-size: 14px;
    color: #666E76;
    font-weight: 400;
    padding-left: 10px;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #ccc; }
    #edit-form .select-style-checkout.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) .btn-default .filter-option {
      line-height: 34px; }
  #edit-form .select-style-checkout.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) .form-control {
    margin-bottom: 0px !important; }
  #edit-form .select-style-checkout.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) .dropdown-menu.inner {
    max-height: 200px !important; }

.modal.small-modal {
  background-color: transparent !important; }
  .modal.small-modal .modal-dialog {
    max-width: 420px;
    border: none;
    background-color: #333E48; }
    .modal.small-modal .modal-dialog .modal-body {
      padding: 45px 50px; }
      .modal.small-modal .modal-dialog .modal-body .content-width h2 {
        color: #fff;
        font-size: 29px;
        margin: 0px 0px 15px; }
      .modal.small-modal .modal-dialog .modal-body .content-width p {
        color: #fff;
        font-size: 18px;
        margin: 0px 0px 25px; }
        .modal.small-modal .modal-dialog .modal-body .content-width p strong {
          color: #ef3e33; }
        .modal.small-modal .modal-dialog .modal-body .content-width p a {
          color: #C3D52E; }
      .modal.small-modal .modal-dialog .modal-body .content-width .btn-light-green {
        min-width: 160px; }

.modal-select {
  width: 100%; }

.modal-select.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100%; }
  .modal-select.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn).dark .btn-default {
    color: #595959 !important;
    border: 1px solid #595959 !important; }
    .modal-select.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn).dark .btn-default .caret {
      color: #595959 !important; }
  .modal-select.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) .btn-default {
    color: #fff;
    height: 45px;
    font-weight: 400;
    background-color: rgba(255, 255, 255, 0.45); }
    .modal-select.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) .btn-default .caret {
      color: #fff; }
  .modal-select.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) .dropdown-menu {
    background-color: rgba(51, 62, 72, 0.7); }
  .modal-select.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) .dropdown-menu > li.selected > a .check-mark::before {
    content: "\f046"; }
  .modal-select.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) .dropdown-menu > li > a {
    position: relative;
    padding: 3px 20px 3px 45px;
    color: #fff; }
    .modal-select.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) .dropdown-menu > li > a .check-mark {
      display: block !important;
      position: absolute;
      margin-top: 0px !important;
      right: auto !important;
      height: 15px;
      width: 15px;
      top: 7px;
      left: 15px; }
      .modal-select.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) .dropdown-menu > li > a .check-mark:before {
        position: absolute;
        color: #fff;
        font-family: "FontAwesome";
        content: "\f096";
        left: 0px;
        top: 0px; }
  .modal-select.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) .dropdown-menu > li > a:focus, .modal-select.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) .dropdown-menu > li > a:hover {
    color: #fff;
    text-decoration: none;
    background-color: transparent; }

.attachfilemodal {
  display: none !important; }
  .attachfilemodal.grey-style + label {
    color: #595959;
    height: 40px;
    line-height: 40px;
    background-color: transparent;
    border: 1px solid #595959; }
    .attachfilemodal.grey-style + label::before {
      background-color: #595959;
      color: #fff; }
  .attachfilemodal.done + label::before {
    content: "\f00c";
    background-color: #C3D52E;
    color: #fff; }
  .attachfilemodal.processing-load + label::before {
    content: "\f110";
    animation: fa-spin 1s infinite steps(8); }
  .attachfilemodal.errorMess + label::before {
    content: "\f071";
    background-color: #ef3e33;
    color: #fff; }
  .attachfilemodal + label {
    float: left;
    width: 100%;
    cursor: pointer;
    position: relative;
    font-family: "TradeGothicLTPro-Cn18";
    font-size: 18px;
    float: left;
    width: 100%;
    height: 45px;
    margin-bottom: 0px;
    border: none;
    line-height: 45px;
    background-color: rgba(255, 255, 255, 0.45);
    padding-left: 55px;
    border-radius: 5px;
    color: #fff; }
    .attachfilemodal + label::before {
      content: "\f0c6";
      font-family: "FontAwesome";
      display: flex;
      font-size: 22px;
      justify-content: center;
      align-items: center;
      position: absolute;
      left: 0px;
      top: 0px;
      z-index: 2;
      height: 100%;
      width: 45px; }
    .attachfilemodal + label::after {
      content: "";
      border-radius: 5px;
      background-color: rgba(255, 255, 255, 0.4);
      position: absolute;
      left: 0px;
      top: 0px;
      height: 100%;
      width: 45px; }
    span.warning {
      color: #FFF;
      display: block;
      margin-bottom: 20px;
    }
.all-page {
  width: 200px;
  position: fixed;
  z-index: 1001;
  top: 50px;
  right: 0px; }
  .all-page button {
    border-radius: 50%;
    background-color: #333E48;
    border-color: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 42px;
    float: right;
    width: 42px;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: 2px solid #fff;
    color: #fff; }
  .all-page ul {
    max-height: 500px;
    overflow: auto;
    display: none;
    background-color: #fff;
    float: right;
    width: 100%;
    border: 1px solid #333E48;
    padding: 15px;
    margin: 0px;
    list-style: none; }
    .all-page ul li {
      float: left;
      margin-bottom: 3px;
      padding-bottom: 3px;
      border-bottom: 1px solid #666E76;
      width: 100%; }
      .all-page ul li a {
        color: #333E48;
        font-size: 16px;
        font-family: "TradeGothicLTPro-Cn18";
        font-weight: 500;
        transition: 0.3s linear; }
        .all-page ul li a:hover {
          color: #C3D52E; }

@media screen and (min-width: 991px) {
  .custom-block-2 .svg-img .group-svg.no-active polyline, .custom-block-2 .svg-img .group-svg.no-active line {
    transition: 0.4s ease-in-out;
    fill: transparent !important;
    stroke: transparent !important; }
  .custom-block-2 .svg-img .group-svg.no-active * {
    fill: #808080;
    stroke-color: #929292; } }
@media screen and (max-width: 1700px) {
  header.banner .slider-home-page .item {
    height: 700px; }

  header.banner {
    height: 700px; }

  /*    .history-steps .sec-history .right-side .item{
          padding-bottom: 55px;
      }*/
  .custom-block-2 .svg-img {
    max-width: 720px; }

  .info-block .text {
    height: 600px; } }
@media screen and (max-width: 1500px) {
  .custom-block-2 .svg-img {
    max-width: 650px; } }
@media screen and (max-width: 1420px) {
  .catalog-area {
    padding: 0px 20px; }

  .product-area .item {
    width: 33.333%; }

  .img-image-grid a {
    height: 250px; }

  .modal.ambasadors-modal .modal-dialog {
    max-width: 1000px; }

  .modal.ambasadors-modal .modal-dialog .modal-content .modal-body .slider-model-amb .item,
  .modal.ambasadors-modal .modal-dialog .modal-content .modal-body .info-sider-slider {
    height: 475px; }

  /*    .history-steps .sec-history .right-side .item{
          padding-bottom: 55px;
      }*/
  /*    .history-steps .sec-history .right-side .item::after{
          height: 674px;
      }*/
  .modal.ambasadors-modal .modal-dialog .modal-content .modal-body .slider-model-amb {
    float: left;
    width: calc(100% - 325px); }

  .modal.ambasadors-modal .modal-dialog .modal-content .modal-body .info-sider-slider {
    width: 325px; }

  .custom-block-2 .svg-img {
    max-width: 570px; }

  .custom-block-2 .down-block .left-area {
    left: 60px; }

  .custom-block-2 .down-block .right-area {
    right: 60px; }

  .map-section {
    min-height: 350px;
    height: calc(100vh - 150px); }

  .info-block .text {
    height: 460px; }

  .info-block .text {
    padding: 50px 40px; } }
@media screen and (max-width: 1280px) {
  .container {
    min-width: 320px; }

  .block-main-slider .item .title-slide {
    font-size: 30px; }

  .block-main-slider .item p {
    font-size: 18px; }

  footer .middle {
    padding: 0px 120px 25px; }

  .product-area .item {
    width: 50%; }

  .posts .item .img {
    height: 255px; }

  .posts .item .title-post {
    font-size: 26px; }

  .posts .item .subtitle-post {
    font-size: 20px; }

  .info-post span {
    font-size: 16px; }

  .ambassadors-block .item {
    width: 270px; }

  .instagram-block .item {
    width: 365px; }

  .events .item {
    width: 270px; }

  .product-page .right-img {
    width: 660px; }

  .details-sec .right-tags {
    width: 640px; }

  .gallery-slider .item {
    height: 700px; }

  .custom-block-2 .svg-img {
    max-width: 445px; }

  .custom-block-2 .down-block .left-area, .custom-block-2 .down-block .right-area {
    bottom: -40px; } }
@media screen and (max-width: 1200px) {
  .ambassadors-block .item {
    width: 220px; }

  .ambassadors-block .item .content-item .name {
    font-size: 24px; }

  .ambassadors-block .item .content-item .login {
    font-size: 16px;
    margin-bottom: 15px; }

  .ambassadors-block .item .content-item .title-col {
    font-size: 14px; }

  .ambassadors-block .item .content-item .list {
    font-size: 12px; }

  .instagram-block .item {
    width: 300px; }

  .block-future ul {
    padding: 0px 50px;
    columns: 220px 3; }

  .navbar-ptec.help-desk nav ul li {
    max-width: 110px; }
    .navbar-ptec.help-desk nav ul li a {
      min-width: 110px; }

  .product-page .right-img {
    width: 460px; }

  .details-sec .left-details {
    width: 430px; }

  .details-sec .right-tags {
    width: 490px; }

  .cart-area .cart-list .item .btn {
    padding: 0px 10px;
    width: 120px; }

  .cart-area .cart-list .item .info-area .price {
    right: 0px; }

  /*    .history-steps .sec-history .right-side .item {
          padding-bottom: 43px;
      }*/
  .custom-block-2 .svg-img {
    max-width: 100%; }

  .custom-block-2 .down-block .left-area, .custom-block-2 .down-block .right-area {
    float: left;
    width: 40%; }

  .history-steps .sec-history .left-side .left-f,
  .history-steps .sec-history .left-side .right-f {
    width: 100%; }
    .history-steps .sec-history .left-side .left-f img,
    .history-steps .sec-history .left-side .right-f img {
      max-width: 75%; }

  .history-steps .sec-history .left-side .width75 {
    width: 100% !important; } }
@media all and (min-width: 991px) and (max-width: 1200px) {
  .custom-block-2 .down-block p:first-child {
    margin-bottom: 310px; } }
@media screen and (max-width: 991px) {
  .slider-area {
    padding: 0px; }

  .ptec-personal .cabinet-head .form-become-member .half {
    width: 50%; }

  .checkout-page .left-side,
  .checkout-page .right-side {
    width: 100%; }

  .ptec-personal .pro-member .cols .col {
    width: 25%; }

  header.banner,
  header.banner .slider-home-page .item {
    height: 500px; }

  .posts .item .img {
    height: 195px; }

  .posts .item .title-post {
    font-size: 22px;
    margin-bottom: 10px;
    display: inline-block; }

  .posts .item .subtitle-post {
    font-size: 18px; }

  .banner-category {
    height: 520px; }

  .banner-category ul li a {
    font-size: 16px; }

  .banner-category ul li {
    margin-bottom: 5px; }

  .banner-category .title-cat {
    font-size: 32px; }

  .history .sec .img-block {
    width: 100%; }

  .history .sec .content-block {
    width: 100%;
    padding: 50px; }

  footer .middle {
    padding: 0px 30px 25px; }

  header .block {
    margin-top: 30px; }

  .ambassadors-block .item {
    width: 350px; }

  .instagram-block .item {
    width: 350px; }

  .destributer-list .item {
    width: 33.333%; }

  .product-page .info-left-product {
    width: 100%; }

  .product-page .right-img {
    width: 100%; }

  .zoom {
    height: 500px; }

  .details-sec .left-details,
  .details-sec .right-tags {
    width: 100%; }

  .product-picker-page .answers .item .title-item {
    font-size: 24px; }

  .product-picker-page .answers .item p {
    font-size: 18px; }

  .cart-area .cart-list {
    width: 100%; }

  .cart-area .info {
    width: 100%; }

  .cols-checkout .col {
    margin: 0px 10px 20px;
    width: calc(50% - 20px); }

  .cols-checkout {
    display: block; }

  header.banner.banner-about {
    height: 780px; }

  .history-steps .sec-history .left-side .left-f,
  .history-steps .sec-history .left-side .right-f {
    width: 100%; }

  .history-steps .sec-history .left-side p {
    font-size: 15px; }

  .img-image-grid a {
    width: 50%;
    height: 200px; }

  .modal.ambasadors-modal .modal-dialog .modal-content .modal-body .slider-model-amb .item,
  .modal.ambasadors-modal .modal-dialog .modal-content .modal-body .info-sider-slider {
    height: 400px; }

  .modal.ambasadors-modal .modal-dialog .modal-content .modal-body .info-sider-slider {
    width: 300px; }

  .modal.ambasadors-modal .modal-dialog .modal-content .modal-body .slider-model-amb {
    width: calc(100% - 300px); }

  .ambassadors-block .item .content-item {
    min-height: 170px; }

  .up-about .block {
    width: 100%; }

  /*    .history-steps .sec-history .right-side .item::after{
          display: none;
      }*/
  .about-content .container {
    padding: 0px 50px; }

  .about-content {
    background-position: top center; }

  .history-steps .sec-history .right-side .item {
    /*        padding-bottom: 0px;
            margin-bottom: 20px!important;*/ }

  /*    .history-steps .sec-history .right-side .item.mb-200,
      .history-steps .sec-history .right-side .item.mb-150,
      .history-steps .sec-history .right-side .item.mb-120,
      .history-steps .sec-history .right-side .item.mb-100,
      .history-steps .sec-history .right-side .item.mb-50{
          min-height: 300px!important;
          margin-bottom: 50px !important;
      }*/
  .history-steps .sec-history .left-side .width75 {
    width: 100% !important; }

  .light-table table tbody tr > td:nth-child(1) {
    width: 145px; }

  .light-table table tbody tr > td:nth-child(2) {
    width: 80px; }

  .custom-block-2 .down-block .left-area, .custom-block-2 .down-block .right-area {
    width: 50%;
    position: relative;
    padding: 0px 15px; }

  .custom-block-2 .down-block .left-area {
    left: 0px; }

  .custom-block-2 .down-block .right-area {
    right: 0px; }

  .down-block p {
    margin: 0px; }

  /*    header .down-head nav > ul > li > a{
          padding: 0px 12px;
      }*/ }
@media screen and (max-width: 768px) {
  header .down-head nav {
    display: none; }

  header.banner {
    padding-top: 55px; }

  header.banner {
    height: auto !important;
    min-height: 200px; }

  header.banner-overview .block {
    margin-top: 90px; }

  .mibile-banner {
    display: block;
    position: relative; }

  /*    .slick-slide img{
          display: none;
      }*/
  header.banner.banner-about.small-about {
    height: 55px;
    min-height: 55px; }

  header .down-head .logo .down {
    display: none; }

  header .down-head .logo {
    z-index: 100;
    width: 120px; }

  .all-page {
    display: none; }

  header .up-head ul li.finder, header .up-head ul li.where, header .up-head ul li.helpdesk {
    display: none; }
  header .up-head ul li.login .desktop {
    display: none; }
  header .up-head ul li.login .mobile {
    display: inline-block; }
  .padding-none-mobile .container {
    width: 100%;
    padding: 0px; }

  header .header-area {
    position: fixed;
    top: 0px;
    left: 0px; }

  .block-main-slider {
    top: 0px; }
    .block-main-slider .slick-dots {
      top: auto;
      bottom: 15px; }

  header.banner-overview .block h1 {
    font-size: 42px; }

  .product-sec {
    padding: 25px 0px; }

  .product-sec table {
    display: block; }
    .product-sec table thead {
      display: none; }
    .product-sec table tbody {
      display: block;
      float: left;
      width: 100%; }
      .product-sec table tbody tr {
        width: 100%;
        display: block;
        float: left; }
        .product-sec table tbody tr > td:nth-child(1) {
          display: block !important;
          float: left;
          width: 30%;
          border-bottom: 1px solid #E4E4E4;
          border-top: 1px solid #E4E4E4;
          min-height: 105px;
          max-height: 100px; }
        .product-sec table tbody tr > td:nth-child(2) {
          display: block !important;
          position: relative;
          padding-top: 25px;
          font-size: 20px;
          border-bottom: 1px solid #E4E4E4;
          border-top: 1px solid #E4E4E4;
          float: right;
          width: 70%;
          min-height: 105px; }
          .product-sec table tbody tr > td:nth-child(2) .fa-angle-down {
            z-index: 6;
            display: block;
            transition: 0.3s linear;
            position: absolute;
            left: auto;
            right: 15px;
            top: 50%;
            cursor: pointer;
            transform: translate(0%, -50%); }
            .product-sec table tbody tr > td:nth-child(2) .fa-angle-down.active {
              margin-top: -10px;
              transform: rotate(90deg); }
        .product-sec table tbody tr td {
          border: none;
          position: relative;
          font-size: 18px;
          display: block;
          float: left;
          width: 100%;
          height: auto;
          text-align: right; }
          .product-sec table tbody tr td .visible-xs {
            position: absolute;
            text-align: left;
            left: 10px;
            top: 50%;
            transform: translate(0%, -50%); }
        .product-sec table tbody tr .slide {
          display: none; }

  .info-block .text {
    height: auto;
    padding: 20px 15px;
    text-align: center;
    width: 100%; }

  .info-block .text .title {
    font-size: 26px; }

  .info-block .img {
    float: left;
    width: 100%;
    height: 350px;
    position: relative; }

  header.banner-overview .block {
    margin-top: 0px; }

  .slick-dotted.slick-slider {
    margin: 0px; }

  .slider-area {
    background-color: #333E48; }

  .slider-area .slick-dots li.slick-active button {
    background-color: #fff; }

  .block-main-slider .item .title-slide {
    font-size: 24px; }

  .custim-block-1 br {
    display: none; }

  .custim-block-1 .title-sec {
    font-size: 28px; }

  .custim-block-1 .slick-next {
    right: 10px; }
  .custim-block-1 .slick-prev {
    left: 10px; }
  .custim-block-1 .slick-dots {
    top: auto;
    bottom: 15px; }
    .custim-block-1 .slick-dots li.slick-active button {
      background-color: #A9A9A9; }
    .custim-block-1 .slick-dots li button {
      background-color: #333E48; }

  .custim-block-1 .bg-white-50 {
    padding: 25px 0px 35px; }

  .custim-block-1 .bg-white-50 .item p {
    margin-bottom: 15px; }

  .info-block .btn.middle-width {
    width: auto;
    padding: 0px 15px; }

  #product_manuals .title-manuals {
    font-size: 22px; }
  #product_manuals .right {
    display: block;
    float: none;
    padding-left: 2em; }

  .custom-block-2 .down-block .left-area, .custom-block-2 .down-block .right-area,
  .custom-block-2 .down-block .left-area, .custom-block-2 .down-block .right-area {
    float: left;
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    width: 50%;
    padding: 10px; }

  .custom-block-2 .down-block {
    padding: 0px 5px; }

  .custom-block-2 {
    color: #fff; }
    .custom-block-2 br {
      display: none; }
    .custom-block-2 .up-section {
      margin-bottom: 20px; }

  .custom-block-3 .half {
    width: 100%; }

  .custom-block-3 .half ul li {
    height: 130px; }

  .custom-block-2 .down-block .left-area .title-area, .custom-block-2 .down-block .right-area .title-area {
    font-size: 20px; }

  .info-block.small-style {
    height: auto; }

  .custom-block-4 .down-block .col-md-6 {
    float: left;
    width: 100%;
    margin-bottom: 25px; }

  .custom-block-4 .down-block .col-md-6 img {
    left: 15px; }

  .info-block.small-style-2 {
    height: auto; }
    .info-block.small-style-2 .img {
      height: 250px; }

  .custom-block-4 .btn.btn-border {
    margin-bottom: 10px; }

  .custom-block-2 .down-block .left-area .btn, .custom-block-2 .down-block .right-area .btn {
    white-space: normal;
    line-height: 1.2em;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px; }

  .custim-block-1 .bg-white-50 {
    margin-bottom: 30px !important; }

  .text-sec .title {
    font-size: 20px; }

  .text-sec .subtitle {
    font-size: 20px; }

  .block-main-slider .item p {
    font-size: 16px; }

  .block-main-slider .item {
    padding: 20px 15px 30px; }

  .banner-category {
    height: 440px;
    padding: 20px; }

  .banner-category .btn-block {
    bottom: 15px;
    left: 15px; }

  .banner-category ul li a,
  .banner-category p {
    font-size: 18px; }
    .banner-category ul li a br,
    .banner-category p br {
      display: none; }

  .banner-category .btn {
    padding: 0px 15px; }

  .area-post {
    padding: 30px 0px; }

  .title-block {
    font-size: 32px; }

  .subtitle-block {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 30px; }

  .area-post {
    padding: 40px 0px 30px; }

  .posts .item .img {
    height: auto;
    display: block;
    float: left; }
    .posts .item .img img {
      width: 100%; }

  .post-slide-mobile.posts {
    margin-top: 10px;
    margin-left: -15px;
    margin-right: -15px; }

  .slick-dots {
    bottom: auto;
    top: -30px; }

  footer .middle {
    padding: 0px; }

  footer .down .logo-footer {
    display: none; }

  footer .down p {
    width: 100%; }

  footer .down p a, footer .down p span {
    color: #666E76;
    font-size: 12px; }

  footer .down p span::before {
    background-color: #666E76; }

  footer .social li {
    margin: 0px 20px; }

  .modal .close-modal {
    top: 20px;
    right: 20px; }

  .modal .modal-dialog .modal-content .modal-body .title-modal {
    font-size: 40px; }

  .modal.search-model .modal-dialog .fa-search {
    font-size: 32px;
    margin-top: 5px; }

  .modal.search-model .modal-dialog form {
    width: calc(100% - 50px); }

  .modal .modal-dialog .modal-content .modal-body input[type=text] {
    background-color: rgba(255, 255, 255, 0.3); }

  .modal .modal-dialog .modal-content .modal-body .title-modal {
    font-size: 46px;
    margin-bottom: 40px; }

  .modal-open .modal {
    padding: 0px !important; }

  .modal.singup-model .half {
    width: 100%; }

  .modal.singup-model .modal-dialog {
    width: 100%; }

  .modal .modal-dialog {
    margin-top: 50px; }

  .modal form {
    float: left;
    width: 100%; }

  .modal-dialog {
    margin: 0px; }

  .modal.singup-model .modal-dialog .modal-body {
    padding: 15px; }

  .modal.singup-model a {
    float: left;
    width: 100%;
    margin-bottom: 15px; }

  .modal .modal-dialog .modal-content .modal-body .style-check-white + label {
    margin-bottom: 10px; }

  .modal.login-model .modal-dialog .modal-content .modal-body {
    padding: 15px; }

  header .block.big {
    width: 100%;
    padding-right: 50px; }

  header .block .h1-banner {
    font-size: 24px; }
    header .block .h1-banner br {
      display: none; }

  header .block span {
    font-size: 14px; }

  .down-nav {
    display: none; }

  .mobile-acc-btn {
    position: relative;
    float: left;
    border: none;
    width: 100%;
    text-align: left;
    font-size: 17px;
    display: block;
    color: #333E48;
    text-transform: uppercase;
    line-height: 24px;
    background-color: #F7F7F7;
    padding: 13px 15px 11px;
    border-bottom: 1px solid #E1E1E1;
    border-top: 1px solid #E1E1E1;
    margin-top: -1px;
    font-family: "TradeGothicLTPro-Cn18";
    font-weight: 500; }
    .mobile-acc-btn .fa {
      top: auto;
      position: absolute;
      right: 15px;
      top: 10px;
      margin-top: 4px;
      float: right; }
    .mobile-acc-btn small {
      float: left;
      width: 100%; }

  .history .sec .img-block {
    height: 210px; }

  .history .sec .content-block {
    padding: 15px; }

  .history .sec .content-block .title-block {
    font-size: 20px; }

  .history .sec .content-block p {
    font-size: 16px; }

  .tabs ul li {
    display: block;
    float: left; }

  .tabs ul li button {
    padding: 0px 6px;
    line-height: 30px;
    border-radius: 0px;
    font-size: 10px; }

  .tabs-sec-head {
    height: auto; }

  .tabs-sec-head .tabs {
    position: relative; }

  header .block span {
    font-size: 14px; }

  .tabs-sec {
    padding: 20px 0px; }

  .tabs-sec p {
    font-size: 14px; }

  .tabs-sec .items .item {
    float: left;
    width: calc(100% - 30px);
    padding-left: 60px;
    background-size: 50px auto; }

  .tabs-sec .items .item p {
    color: #666E76; }

  .tabs-sec .items .item .title-item {
    font-size: 18px; }

  .posts .item {
    position: relative;
    width: calc(100% - 20px); }

  .news-page .posts .item .title-post {
    position: absolute;
    bottom: 30px;
    left: 0px;
    width: 100%;
    font-size: 20px;
    text-align: center;
    color: #fff; }

  .news-page .posts .item .subtitle-post {
    display: none; }

  .news-page .posts .item .info-post {
    text-align: center;
    color: #fff;
    position: absolute;
    bottom: 20px; }
    .news-page .posts .item .info-post span {
      color: #fff; }

  .posts .item .info-post span + span::before {
    background-color: #fff; }

  .news-page .posts .item .img {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-around;
    -webkit-justify-content: space-around;
    -ms-flex-pack: space-around;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; }

  .news-page .posts .item .img img {
    height: auto;
    min-width: 100%;
    width: auto;
    max-width: 150%; }

  .posts .item .img {
    height: 180px;
    margin-bottom: 15px; }

  .posts .item {
    margin-bottom: 30px; }

  .bootstrap-select.big.search-mobile {
    max-width: 150px !important; }

  .search-input {
    width: 156px; }

  .posts-page {
    padding: 30px 0px; }

  .mb-huge {
    margin-bottom: 30px; }

  .post-page .banner-img {
    height: 320px;
    margin-bottom: 30px; }

  .post-page .post-content {
    padding: 0px 0px 20px; }

  .post-page .post-content img.width-full {
    width: calc(100% + 30px);
    max-width: calc(100% + 30px);
    margin-left: -15px; }

  .h1 {
    font-size: 32px; }

  .subtitle-post {
    font-size: 20px; }

  .info-post-page span {
    font-size: 16px; }

  .post-page .post-content p {
    font-size: 14px; }

  .post-page .post-content img {
    margin-bottom: 20px; }

  .down-product-block .item {
    width: calc(50% - 20px); }

  .down-product-block {
    padding-top: 20px; }

  .mb-large {
    margin-bottom: 20px; }

  header .up-head {
    height: 55px;
    padding: 15px 10px; }

  .menu-toggle {
    background-color: transparent;
    border: none;
    width: 24px; }
    .menu-toggle.active {
      height: 24px;
      width: 19px;
      background: url(../images/close-menu.svg) no-repeat center;
      background-size: 19px; }
      .menu-toggle.active .line-btn {
        display: none; }
    .menu-toggle .line-btn {
      height: 3px;
      background-color: #fff;
      float: left;
      width: 100%; }
      .menu-toggle .line-btn + .line-btn {
        margin-top: 5px; }

  .search-input input {
    margin-bottom: 0px;
    padding-left: 10px; }

  .search-input .fa {
    display: none; }

  .toogle-search-input {
    margin-top: 10px;
    margin-left: 5px;
    background-color: transparent;
    border: none;
    float: right; }

  header .up-head ul {
    margin-top: 4px; }

  header .down-head .logo {
    position: absolute;
    top: -35px;
    width: 165px;
    left: 10px; }

  header .down-head .right-side-menu {
    position: absolute;
    top: -36px;
    right: 50px; }

  .mobile-action {
    margin-bottom: -50px;
    position: relative;
    bottom: -10px; }

  .banner-category .mobile-banner-category {
    height: auto !important;
    max-width: 100% !important;
    margin: 0px !important; }

  .banner-category .content-mobile {
    padding: 15px; }

  .banner-category p {
    display: none; }

  .banner-category.down {
    position: relative;
    height: 240px;
    padding: 20px !important; }

  .banner-category {
    padding: 0px !important; }

  .block-main-slider .slick-prev,
  .block-main-slider .slick-next {
    display: none !important; }

  .block-main-slider .item p {
    line-height: 1.7; }

  #search-icon {
    background: url(../images/musica-searcher.svg) no-repeat center;
    background-size: cover;
    height: 24px;
    width: 24px;
    top: -1px;
    position: relative; }

  header .down-head nav > ul > li > ul > li > a {
    line-height: 35px; }

  #search-icon * {
    display: none; }

  header .down-head {
    padding: 0px; }

  .fa-lg {
    font-size: 1.9em; }

  .posts-page .select.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn).border-style .btn-default {
    padding: 0px 20px 0px 15px;
    font-size: 16px; }

  .posts-page .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    max-width: 130px !important; }

  .posts-page .search-input input {
    padding-left: 15px;
    font-size: 16px; }

  .search-input {
    transition: 0.3s linear;
    margin-left: 0px;
    float: right;
    width: 0px;
    overflow: hidden; }
    .search-input.show {
      width: calc(100% - 175px); }

  header .down-head {
    position: relative; }

  .banner-category ul {
    display: none !important; }

  header .down-head nav ul li {
    display: block;
    margin: 0px;
    height: 38px;
    border-bottom: 1px solid #666E76;
    text-align: left;
    float: left;
    width: 100%; }
    header .down-head nav ul li.visible-xs a {
      color: #C3D52E; }
    header .down-head nav ul li > a {
      display: block;
      line-height: 38px;
      font-family: 'TradeGothicLTPro-Cn18';
      font-weight: 400;
      font-size: 16px; }

  .banner-category img {
    margin-bottom: 25px; }

  header .down-head nav > ul > li > ul {
    overflow: visible; }

  header .down-head nav {
    position: fixed;
    top: 55px;
    z-index: 1001;
    display: none;
    height: 800px;
    background-color: #333E48;
    left: 0px;
    width: 100%; }
    header .down-head nav > ul {
      position: relative;
      border-top: 1px solid #666E76;
      float: left;
      width: 100%; }
      header .down-head nav > ul > li > ul {
        width: 320px;
        padding: 0px;
        position: absolute;
        top: 0px;
        left: 100%; }
        header .down-head nav > ul > li > ul > li {
          float: left;
          width: 100%;
          margin: 0px; }
      header .down-head nav > ul li a {
        padding: 0px 15px;
        float: left;
        width: 100%; }
        header .down-head nav > ul li a .next-list {
          background-color: transparent;
          border: none;
          float: right; }

  header .down-head nav > ul > li > ul > li {
    border-right: none; }

  .back-style-menu {
    padding-top: 2px !important;
    text-transform: uppercase;
    line-height: 32px;
    border: none;
    width: 100%;
    float: left;
    text-align: center;
    font-size: 18px;
    background-color: transparent;
    color: #C3D52E; }
    .back-style-menu .fa {
      margin-left: 15px;
      margin-top: 7px;
      color: #fff;
      float: left; }

  header .down-head nav > ul > li > ul > li > ul {
    width: 320px;
    padding: 0px;
    position: absolute;
    top: 0px;
    left: 100%; }
    header .down-head nav > ul > li > ul > li > ul > li {
      float: left;
      width: 100%;
      margin: 0px; }

  header .down-head nav > ul > li > ul > li.list-col > ul {
    float: left;
    width: 100%; }

  header .down-head nav > ul > li > ul > li {
    position: static; }

  header .down-head nav > ul > li > ul > li.list-col > ul {
    columns: auto;
    display: none; }

  header .down-head nav > ul > li > ul {
    width: 320px;
    display: none;
    padding: 0px;
    position: absolute;
    top: 0px;
    left: 100%; }
    header .down-head nav > ul > li > ul > li {
      float: left;
      width: 100%;
      margin: 0px; }

  header .down-head nav > ul > li > ul.vis {
    display: none; }

  header .down-head nav > ul > li > ul > li > ul li a.big,
  header .down-head nav > ul > li > ul > li > a {
    line-height: 32px;
    font-family: 'TradeGothicLTPro-Cn18';
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 0px; }

  header .down-head nav > ul > li > ul > li > ul {
    display: none; }

  header .down-head nav > ul > li > a::before {
    display: none; }

  #menu {
    transition: 0.3s linear; }

  header .down-head nav > ul > li > ul::before {
    width: auto;
    height: auto;
    left: 0px;
    top: 0px;
    border: none; }

  header .down-head nav > ul > li > ul > li {
    padding: 0px; }

  header.banner {
    overflow: visible; }

  .up-head.vis-menu {
    background-color: #333E48; }

  footer .middle {
    text-align: center; }
    footer .middle .col-4 {
      display: inline-block !important;
      width: auto;
      vertical-align: top;
      float: none; }
      footer .middle .col-4.hidden {
        display: none !important; }
      footer .middle .col-4 .title-sub-title {
        display: block;
        vertical-align: top;
        float: none;
        width: auto;
        line-height: 22px; }
        footer .middle .col-4 .title-sub-title p {
          color: #666e76;
          font-size: 16px; }
        footer .middle .col-4 .title-sub-title a, footer .middle .col-4 .title-sub-title p {
          clear: both;
          text-transform: none;
          width: 100%; }
        footer .middle .col-4 .title-sub-title > button {
          font-size: 16px;
          background-color: transparent;
          border: none;
          text-transform: uppercase; }
      footer .middle .col-4 > * {
        display: none; }

  footer .container {
    flex-direction: column;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
    footer .container > div {
      float: left;
      width: 100%; }
    footer .container .up {
      order: 2;
      margin-bottom: 0px; }
    footer .container .middle {
      margin-bottom: 20px;
      border-bottom: none;
      order: 1; }
    footer .container .down {
      order: 3; }
    footer .container .title-main-footer {
      display: none; }
    footer .container .title-sub-title {
      margin-bottom: 10px; }
    footer .container .social {
      margin-bottom: 15px; }

  .events .item {
    height: auto;
    width: calc(100% - 20px);
    margin: 0px 10px 30px; }

  .events {
    padding: 30px 0px 20px; }

  .ambassadors-block .item {
    width: calc(50% - 20px);
    margin: 0px 10px 20px; }

  .ambassadors-block .item .photo {
    height: 155px; }

  .ambassadors-block .item .content-item {
    padding: 10px 5px 5px; }

  .ambassadors-block .item .content-item .name {
    font-size: 18px;
    margin-bottom: 0px; }

  .ambassadors-block .item .content-item .login {
    margin-bottom: 5px; }

  .ambassadors-block .item .content-item .title-col {
    font-size: 10px; }

  .ambassadors-block .item .content-item .title-col {
    width: 46px; }

  .ambassadors-block .item .content-item .list {
    width: calc(100% - 47px); }

  .ambassadors-block .item .content-item .login {
    font-size: 13px; }

  .ambassadors-block .item .content-item .list {
    font-size: 8px; }

  .title-block {
    font-size: 25px; }

  .instagram-block .item {
    width: calc(50% - 10px);
    margin-bottom: 20px; }

  .instagram-block .item p {
    font-size: 12px; }

  .block-future {
    padding: 0px 0px 10px; }

  .block-future p {
    font-size: 16px; }

  .block-future ul {
    padding: 0px; }

  .block-future ul li a {
    font-size: 14px; }

  .catalog-area .left-filter {
    display: block; }

  .catalog-area .right-content {
    width: 100%; }

  .product-area .item .img {
    height: 145px; }

  .product-area .item {
    padding: 5px;
    height: 235px; }

  .product-area .item .name-product {
    font-size: 18px; }

  .product-area .item .details li {
    font-size: 16px; }

  .catalog-area .right-content .h1-catalog {
    font-size: 34px; }

  .catalog-area .right-content .h1-catalog span {
    display: none; }

  .catalog-area .right-content .h1-catalog {
    text-align: center;
    cursor: pointer;
    float: left;
    width: 100%; }
    .catalog-area .right-content .h1-catalog.active .fa-lg {
      transform: rotate(180deg); }
    .catalog-area .right-content .h1-catalog .fa-lg {
      transition: 0.3s linear;
      position: relative;
      top: -4px;
      font-size: 1em; }

  #move-category-mobile {
    float: left;
    display: none;
    width: 100%;
    padding: 0px;
    margin: 0px 0px 15px;
    list-style: none; }
    #move-category-mobile li {
      float: left;
      width: 100%; }
      #move-category-mobile li a {
        color: #333E48;
        font-size: 18px; }
        #move-category-mobile li a.active {
          color: #666E76; }

  .catalog-area {
    padding: 0px 15px; }

  .filter-active {
    padding: 10px;
    border: none;
    background-color: #F7F7F7;
    width: calc(100% + 30px);
    margin-left: -15px; }
    .filter-active ul {
      display: none; }

  .open-filter {
    margin-top: 10px;
    float: left;
    font-size: 16px;
    background-color: transparent; }
    .open-filter span {
      margin-left: 10px;
      font-size: 18px;
      float: right;
      line-height: 34px; }

  .filter-active {
    margin-bottom: 10px; }

  header.inside-page {
    height: 45px; }

  /*    .help-desk{
          display: none;
      }*/
  .third {
    width: 100%; }

  .section {
    padding: 20px 0px; }

  .title-list {
    font-size: 24px; }

  .file-list {
    margin-bottom: 20px; }

  .accardions .item .title-item {
    font-size: 18px; }

  .accardions .item p {
    font-size: 16px; }

  .text-block p {
    font-size: 16px; }

  .map-section .filter-map {
    max-width: 450px;
    width: 100%; }

  .map-section .filter-map .title-filter {
    font-size: 30px;
    margin-bottom: 10px; }

  .navbar-ptec.help-desk nav ul li a {
    letter-spacing: 0px; }

  .navbar-ptec.help-desk nav ul li {
    margin: 0px 8px;
    max-width: 75px; }
    .navbar-ptec.help-desk nav ul li a {
      height: 50px;
      min-width: 75px; }

  .navbar-ptec.help-desk nav {
    height: 65px; }

  .navbar-ptec.help-desk nav ul li a {
    font-size: 14px; }

  .destributer-list .item {
    width: 50%; }

  .logos .item {
    width: 50%;
    height: 105px; }

  .zoom {
    height: 320px; }

  .product-page .info-left-product .info-product .name-info {
    font-size: 16px; }

  .product-page .info-left-product .info-product .items span {
    font-size: 14px; }

  .product-page .info-left-product .colors-image ul li a {
    height: 95px;
    width: 95px; }

  .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) .btn-default {
    padding: 0px 30px 0px 10px; }

  .navs-product {
    display: none; }

  .btn-product .btn {
    font-size: 12px;
    margin-bottom: 10px; }

  .features-block .features-slider .img {
    width: 100%; }

  .features-block .features-slider .text-area {
    width: 100%; }

  .details-sec .left-details p {
    font-size: 16px; }

  .features-block .features-slider .text-area .title-slider {
    font-size: 20px; }

  .features-block .features-slider .text-area p {
    font-size: 16px; }

  .features-block,
  .reviews-product-block {
    padding: 20px 0px; }

  .slider-reviews-product .item .img {
    width: 50%; }

  .slider-reviews-product .item .info-review {
    width: 50%;
    padding: 0px 10px; }

  .slider-reviews-product .item .info-review .quote {
    font-size: 16px; }

  .slider-reviews-product .item .img {
    height: 210px; }

  .slider-reviews-product {
    margin-bottom: 15px !important; }

  .slider-reviews-product .item .info-review .name {
    font-size: 14px; }

  .slider-reviews-product .slick-dots {
    top: auto;
    bottom: -20px; }

  .gallery-slider .item {
    height: 300px; }

  .gallery-slider .slick-dots {
    top: auto;
    bottom: -20px; }

  .posts .item.big .img,
  .posts .item.big .text-area {
    width: 100%; }

  .down-product-block .item .title-product {
    font-size: 17px; }

  .down-product-block .item .img {
    height: 145px; }

  .down-product-block .item .tag {
    font-size: 16px; }

  .product-picker-page .answers .item {
    width: calc(100% - 20px);
    height: auto;
    margin-bottom: 20px; }

  .product-picker-page {
    padding: 30px 0px; }

  .product-picker-page .steps li button {
    margin: 0px 10px 20px; }

  .product-picker-page .steps {
    margin-bottom: 40px; }

  .product-picker-page .question {
    margin-bottom: 20px; }

  .product-picker-page .answers .item .title-item {
    font-size: 20px; }

  #slider-range {
    max-width: calc(100% - 15px); }

  .product-picker-page .answers {
    margin-bottom: 50px; }

  .cart-area .cart-list .item .img,
  .cart-area .cart-list .item .info-area {
    float: left;
    width: 100%; }

  .cart-area .cart-list .item .img {
    margin-bottom: 10px; }

  .cart-area .cart-list .item .info-area ul {
    height: auto;
    margin-bottom: 15px; }

  .thanks-page .title-thanks {
    font-size: 32px; }

  .thanks-page {
    padding-top: 100px;
    min-height: 425px; }

  .cols-checkout .col {
    width: 100%;
    margin: 0px 0px 20px; }

  .checkout-content .left-area,
  .checkout-content .right-area {
    width: 100%;
    margin-bottom: 20px; }

  .checkout-content .left-area .block .col-list ul {
    width: 100%; }

  .right-promo-code {
    margin-top: 10px;
    width: 100%; }

  .checkout-content .left-area .block .text {
    width: 105px; }

  .grey-style.small-input {
    width: 60px; }

  .checkout-content .left-area .block .input-block .hit {
    margin-left: 0px; }

  .checkout-content .left-area .block .sum-checkout .btn-light-green {
    width: 100%; }

  header .down-head nav > ul > li:hover > a::after {
    display: none; }

  .map-section .filter-map {
    background-color: #333E48;
    position: static;
    float: left;
    width: 100%; }

  .map-section {
    padding: 0px; }

  .map-section .map {
    float: left;
    width: 100%;
    position: static;
    height: 500px; }

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

  .h1 {
    font-size: 28px; }

  .destributer-list .item ul li {
    font-size: 16px; }

  .destributer-list .item {
    margin-bottom: 20px; }

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

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

  header.banner.banner-about .block {
    margin: 30px 0px 0px 0px; }

  header.banner.banner-about .block .title {
    font-size: 28px; }

  header.banner.banner-about .block p {
    font-size: 18px; }

  .history-steps .sec-history .left-side {
    float: left;
    width: 100%; }

  .history-steps .sec-history .right-side {
    float: left;
    width: 100%; }

  .history-steps .sec-history .right-side .item {
    border-right: none;
    width: 50%;
    padding-right: 10px;
    float: left; }

  .history-steps .sec-history .right-side .item p {
    font-size: 14px; }

  .history-steps .sec-history .right-side .item {
    padding-bottom: 20px;
    min-height: 240px; }

  .history-steps .sec-history .left-side {
    margin-bottom: 20px; }

  .history-steps .sec-history .right-side .item.add-line::after {
    display: none; }

  .history-steps .sec-history .right-side .item::before {
    display: none; }

  header.banner.banner-about.small-head {
    height: 55px; }

  .img-image-grid a {
    height: 115px; }

  header.banner.banner-about.big-about {
    height: 1000px; }

  header.banner.banner-about.big-about {
    height: 650px; }

  .block-main-slider .slick-prev {
    left: 15px;
    top: 75%; }

  .block-main-slider .slick-next {
    right: 15px;
    top: 75%; }

  .modal.ambasadors-modal .modal-dialog .modal-content .modal-body .slider-model-amb {
    width: 100%;
    margin-bottom: 15px; }

  .modal.ambasadors-modal .modal-dialog .modal-content .modal-body .slider-model-amb .item, .modal.ambasadors-modal .modal-dialog .modal-content .modal-body .info-sider-slider {
    height: 300px; }

  .modal.ambasadors-modal .modal-dialog .modal-content .modal-body .info-sider-slider {
    width: 100%; }

  .modal.ambasadors-modal .modal-dialog .modal-content .modal-body .info-sider-slider .down-sec {
    padding: 0px;
    float: left;
    position: static; }

  .ambassadors-block .item .content-item {
    min-height: 115px; }

  .up-about .block .title {
    font-size: 40px; }

  .up-about {
    text-align: center;
    padding-top: 60px; }

  .about-content .container {
    padding: 0px 15px; }

  .up-about {
    height: auto; }

  .history-steps .sec-history .left-side .name.right-bottom {
    bottom: 30%;
    right: 20%; }

  .history-steps .sec-history .right-side .item.mb-200, .history-steps .sec-history .right-side .item.mb-150, .history-steps .sec-history .right-side .item.mb-120, .history-steps .sec-history .right-side .item.mb-100, .history-steps .sec-history .right-side .item.mb-50 {
    min-height: 150px !important;
    margin-bottom: 10px !important; }

  .history-steps .sec-history .left-side .left-f {
    text-align: center; }

  .slide-posts .slick-next {
    right: -12px; }

  .slide-posts .slick-prev {
    left: -12px; }

  header.banner-overview .block h1 {
    font-size: 32px; }

  header.banner-overview .block h1 .icon {
    height: 36px;
    width: 36px; }

  header.banner-overview .block span {
    font-size: 16px; }

  .info-block .text p {
    font-size: 16px; }

  .product-sec .title-block {
    font-size: 20px; }

  .product-sec table tbody tr > td:nth-child(2) span {
    padding-right: 20px; }

  .product-sec table tbody tr td ul.color-lights {
    float: right;
    width: 30%;
    margin: 5px 0px 0px; }

  .text-sec .title,
  .text-sec .subtitle {
    font-size: 18px; }

  .product-sec table tbody tr > td span {
    float: left;
    width: 70%; }

  footer .title-sub-title {
    font-size: 16px;
    position: relative; }

  .light-table table tr > td:nth-child(2) {
    padding-left: 10px; }

  .light-table table tr td {
    font-size: 12px; }

  .light-table table tbody tr > td:nth-child(1) {
    width: 90px; }

  .light-table table tbody tr > td:nth-child(2) {
    width: 45px; }

  .light-table table tbody tr > td:nth-child(2) {
    padding-left: 10px; }

  .light-block.focus svg {
    max-width: 100% !important;
    opacity: 1 !important; }

  .product-sec table tbody tr > td:nth-child(1) {
    width: 105px; }

  .product-sec table tbody tr > td:nth-child(1) a img {
    max-height: 85px; }

  .product-sec table tbody tr > td:nth-child(2) {
    width: calc(100% - 105px); }

  /*    header.banner .slider-home-page .item .mibile-slide{
          position: absolute;
          top: 0px;
          left: 0px;
          height: 100%;
          width: 100%;
          background-size: cover;
      }*/
  header.banner .mibile-banner {
    float: left;
    width: 100%; }

  header .block.half {
    position: relative;
    width: 100%;
    margin: 0px;
    z-index: 4;
    padding: 50px 20px 0px; }

  .ambassadors-block .item .content-item {
    min-height: 120px; }

  header.banner .slider-home-page {
    position: relative;
    height: auto;
    width: auto;
    left: auto;
    top: auto;
    float: left;
    width: 100%; }

  header.banner .slider-home-page .item {
    height: auto; }

  header.banner .slider-home-page .item .mibile-slide {
    float: left;
    width: 100%;
    display: block !important;
    position: relative;
    top: auto;
    left: auto; }

  .banner-category {
    position: relative;
    height: auto; }

  .content-mobile {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%; }

  .mobile-banner-category {
    display: block;
    float: left;
    width: 100%; }

  header.banner-overview .block {
    margin-top: 0px;
    position: absolute;
    top: 100px;
    left: 0px;
    width: 100%; }

  .info-post span {
    font-size: 14px;
    font-weight: 400; }

  .info-post span + span {
    margin-left: 10px; }

  .catalog-area .left-filter .block,
  .catalog-area .left-filter .block {
    border: none; }

  .catalog-area .left-filter .subtitle {
    margin-bottom: 0px; }

  .catalog-area .left-filter {
    padding: 0px;
    width: 100%;
    z-index: 1000;
    display: block;
    position: fixed;
    top: 55px;
    left: -100%;
    padding-bottom: 55px;
    height: calc(100vh - 55px);
    overflow: auto;
    background-color: #F7F7F7;
    transition: 0.4s linear; }
    .catalog-area .left-filter.active {
      left: 0px; }
      .catalog-area .left-filter.active .fixed-content-down {
        height: 45px;
        left: 0px;
        position: fixed;
        bottom: 0px;
        width: 100%;
        z-index: 101;
        background-color: #333E48;
        color: #fff;
        font-size: 16px;
        padding: 12px 10px; }
        .catalog-area .left-filter.active .fixed-content-down .text-result {
          float: right; }
          .catalog-area .left-filter.active .fixed-content-down .text-result .count {
            color: #C0D22E; }
        .catalog-area .left-filter.active .fixed-content-down .clean-filter {
          background-color: transparent;
          border: none;
          font-size: 16px;
          color: #fff;
          float: left; }

  .product-area .item .colors li {
    margin-right: 5px; }

  .product-area .item .name-product {
    font-size: 17px; }

  .product-area .item .colors li button {
    width: 12px;
    height: 12px; }

  .product-area .item .details li {
    font-size: 12px; }

  .product-area .item .details li span + span::before {
    height: 10px;
    top: 3px; }

  .catalog-area .left-filter .subtitle {
    margin-bottom: 15px; }

  .upfilter-content {
    margin-bottom: 15px; }
    .upfilter-content .open-filter {
      float: left; }
    .upfilter-content .close-filter {
      margin-top: 14px;
      float: right;
      background-color: transparent;
      border: none; }

  .style-check + label {
    font-size: 16px;
    line-height: 1.5; }

  #products {
    min-height: 300px; }

  .catalog-area .left-filter .block {
    margin-bottom: 10px; }

  .info-product {
    margin-bottom: 30px; }

  .catalog-area .left-filter .list ul {
    margin-top: 5px; }

  #catalog-area .loader-map .blobs {
    margin-right: -300px; }

  .custom-modal .light-table {
    height: calc(100vh - 90px); }

  .mobile-content-about .response-about {
    float: left;
    width: 100%; }
  .mobile-content-about .banner-section {
    background-color: #2A2A2A; }
    .mobile-content-about .banner-section .title-benner {
      text-align: center;
      line-height: 1.2;
      padding: 0px 10px;
      float: left;
      width: 100%;
      color: #fff;
      font-size: 38px;
      font-family: "TradeGothicLTPro-Cn18";
      font-weight: 500;
      margin: 0px 0px 15px; }
    .mobile-content-about .banner-section p {
      color: #fff;
      font-size: 16px;
      font-family: "TradeGothicLTPro-Cn18";
      font-weight: 500;
      margin: 0px 0px 20px; }
  .mobile-content-about .section-blocks {
    padding-bottom: 50px;
    background-color: #000; }
    .mobile-content-about .section-blocks .center-mobile {
      float: left;
      width: 100%;
      margin-bottom: 10px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: center;
      -ms-flex-pack: center;
      -webkit-box-align: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      height: 160px; }
    .mobile-content-about .section-blocks img {
      max-height: 100%; }
    .mobile-content-about .section-blocks .full-image {
      float: left;
      width: 100%; }
    .mobile-content-about .section-blocks .block a {
      color: #C3D52E; }
    .mobile-content-about .section-blocks .block.grey-bg-about {
      position: relative;
      background-color: #2A2A2A; }
    .mobile-content-about .section-blocks .block .minus-300-top {
      margin-top: -300px; }
    .mobile-content-about .section-blocks .block .minus-200-top {
      margin-top: -200px; }
    .mobile-content-about .section-blocks .block .minus-100-top {
      margin-top: -100px; }
    .mobile-content-about .section-blocks .block .item {
      float: left;
      width: 100%;
      position: relative; }
      .mobile-content-about .section-blocks .block .item .title-item {
        text-transform: uppercase;
        font-weight: 500;
        float: left;
        width: 100%;
        text-align: center;
        color: #C3D52E;
        font-size: 34px;
        line-height: 1.2;
        margin: 20px 0px 10px; }
      .mobile-content-about .section-blocks .block .item p {
        text-align: center;
        color: #fff;
        font-size: 16px; }
      .mobile-content-about .section-blocks .block .item span {
        font-size: 16px;
        color: #ABABAB; }
        .mobile-content-about .section-blocks .block .item span.left-top {
          position: absolute;
          top: 0px;
          left: 15%; }
        .mobile-content-about .section-blocks .block .item span.right-bottom {
          position: absolute;
          right: 15%;
          bottom: 30%; }
        .mobile-content-about .section-blocks .block .item span.bottom-right-2 {
          position: absolute;
          right: 15%;
          bottom: 5%; }
        .mobile-content-about .section-blocks .block .item span.bottom-left {
          position: absolute;
          left: 5%;
          bottom: 0%; }
    .mobile-content-about .section-blocks .block .item-half {
      min-height: 280px;
      text-align: center;
      float: left;
      width: 50%; }
      .mobile-content-about .section-blocks .block .item-half img {
        max-width: 90%; }
      .mobile-content-about .section-blocks .block .item-half .title-half {
        font-size: 16px;
        color: #fff;
        padding: 0px 10px;
        float: left;
        width: 100%;
        text-align: left; }
      .mobile-content-about .section-blocks .block .item-half p {
        text-align: left;
        padding: 0px 10px;
        font-size: 12px;
        color: #ABABAB; }
    .mobile-content-about .section-blocks .block:first-child {
      text-align: right; }
      .mobile-content-about .section-blocks .block:first-child .item:first-child {
        margin-bottom: 2em; }
        .mobile-content-about .section-blocks .block:first-child .item:first-child img {
          max-width: 80%;
          right: 0px; }
        .mobile-content-about .section-blocks .block:first-child .item:first-child span {
          text-align: left;
          max-width: 53%; }

  .product-page .info-left-product .up-section {
    margin-bottom: 10px;
    min-height: 60px; }

  .product-page .info-left-product .up-section .maidInUSA {
    top: 0px;
    bottom: auto; }

  .h1 {
    font-size: 25px; }

  .help-desk hr {
    display: none; }

  .destributer-list .item .title-item {
    font-size: 16px; }

  .destributer-list .item .subtitle-item {
    font-size: 14px; }

  .col-del {
    display: block; }
    .col-del .col-md-3 {
      float: left;
      width: 50%; }

  .col-del .col-md-3 {
    border: none; }

  .col-del .title-cat {
    font-size: 19px; }

  .col-del ul li a {
    font-size: 16px; }

  footer .my-content-tooltip .title-sub-title {
    font-size: 22px;
    color: #FFF;
    font-weight: 500;
    text-transform: uppercase; }
  footer .my-content-tooltip ul li {
    font-family: 'TradeGothicLTPro-Cn18', sans-serif; }
    footer .my-content-tooltip ul li a {
      font-family: inherit; }

  .ambassadors-block .item {
    width: calc(50% - 10px); }

  .btn {
    font-size: 16px;
    padding: 0px 15px; }

  /*    header.banner{
          height: 395px;
      }
      header.banner .slider-home-page .item {
          height: 340px;
      }*/
  .product-sec table tbody tr > td span {
    width: 100%; }

  footer .col-4 {
    padding: 0px 15px; }

  .product-sec table tbody tr td {
    color: #9C9C9C;
    font-size: 12px; }

  .product-sec table tbody tr > td:nth-child(2) span {
    color: #595959; }

  .product-sec table tbody tr td span {
    color: #9C9C9C; }

  header.banner .slider-home-page .item svg {
    right: 10px; }

  header.banner-overview .block {
    margin-top: 0px; }

  .post-slide-mobile.posts {
    margin: 0px -15px !important; }

  .posts .item .title-post {
    font-size: 19px; }

  .posts .item .subtitle-post {
    font-size: 16px; }

  .info-post span {
    font-size: 12px; }

  .posts .item .subtitle-post {
    margin-bottom: 10px; }

  .posts .item {
    margin-bottom: 10px; }

  footer .title-sub-title {
    font-size: 15px; }

  footer .down p a, footer .down p span {
    font-size: 11px; }

  footer .line {
    border-bottom-width: 1px; }

  .container {
    min-width: 290px;
    width: 100%; }

  body {
    overflow-x: hidden; }

  .slick-dots {
    bottom: auto;
    top: -20px; }

  .slick-dots li button {
    width: 4px;
    height: 4px; }

  .slick-dots li.slick-active button {
    height: 8px;
    width: 8px; }

  .block-main-slider .item .title-slide {
    margin-bottom: 15px; }

  .block-main-slider .item p {
    margin-bottom: 20px; }

  .product-sec table tbody tr > td:nth-child(2) .fa-angle-down {
    width: 30px;
    height: 30px; }
    .product-sec table tbody tr > td:nth-child(2) .fa-angle-down:before {
      content: "\f107";
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }

  .product-page .info-left-product {
    margin-bottom: 30px; }

  .product-sec table tbody tr > td:nth-child(2) a {
    float: left;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 55px;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; }

  header.banner-overview .block {
    padding: 0px 60px; }

  .modal .modal-dialog .modal-content .modal-body .title-modal {
    font-size: 34px;
    margin-bottom: 40px; }

  .modal.search-model .modal-dialog {
    margin-top: 120px; }

  .product-sec table tbody tr {
    margin-bottom: -1px; }

  header .down-head nav > ul > li > ul > li > a {
    line-height: 38px !important; }

  .banner-category .title-cat {
    font-size: 36px; }

  .zoom {
    height: auto;
    margin-bottom: 10px; }

  .product-page {
    padding: 20px 0px 0px; }

  .color-title {
    display: none; }

  .my-breadclubs ul li a {
    font-size: 12px; }

  .help-desk hr {
    display: none !important; }

  /*    .h1{
          font-size: 32px;
      }*/
  .dealers-h1 {
    border-bottom: 1px solid #E1E1E1;
    margin: 15px 0px;
    padding-bottom: 15px; }

  .posts-page .mb-huge {
    margin-bottom: 20px !important; }

  .news-page .posts .item .title-post {
    bottom: 35px; }

  .info-post span + span::before {
    height: 9px;
    width: 1px;
    left: -7px;
    top: 4px; }

  .info-post {
    font-size: 25px; }

  .product-page .info-left-product .SKU {
    font-size: 15px; }

  .mb-mobile-small {
    margin-bottom: 5px; }

  .product-page .info-left-product .info-product .items span {
    font-size: 16px; }

  .my-breadclubs ul li span {
    font-size: 12px; }

  .product-page .info-left-product .colors-image ul li a {
    height: auto;
    width: 100%; }

  .down-product-block {
    padding: 15px 0px 10px; }
    .down-product-block .row-10 {
      margin-left: -10px !important;
      margin-right: -10px !important; }
    .down-product-block .title-block {
      text-align: left;
      font-size: 18px; }
    .down-product-block .mb-large {
      margin-bottom: 30px !important; }
    .down-product-block .slick-dots {
      top: auto;
      bottom: 2px; }

  .product-page .right-img {
    margin-bottom: 0px; }

  .product-page .info-left-product .colors-image {
    margin-bottom: 50px; }
    .product-page .info-left-product .colors-image .slick-dots {
      top: auto;
      bottom: -30px; }

  .product-page .info-left-product {
    margin-bottom: 30px; }

  .slider-home-page .slick-dots {
    top: auto;
    bottom: 20px; }
    .slider-home-page .slick-dots li button {
      height: 8px;
      width: 8px; }
    .slider-home-page .slick-dots li.slick-active button {
      background-color: #fff; }

  header .block.half {
    position: absolute;
    top: 50px;
    left: 0px;
    padding: 0px; }

  .custom-modal {
    position: fixed;
    -webkit-overflow-scrolling: touch;
    top: 55px;
    z-index: 13;
    max-height: calc(100vh - 55px);
    overflow: auto;
    background-color: #F7F7F7;
    transition: 0.4s linear;
    right: -100%;
    height: calc(100% - 55px);
    width: 100%; }
    .custom-modal.full .close-custom {
      top: 65px; }
    .custom-modal .events {
      margin-top: -10px; }
    .custom-modal .posts .item {
      margin: 0px; }
    .custom-modal .events {
      margin-top: -10px; }
      .custom-modal .events .subtitle-event {
        display: none; }
      .custom-modal .events .title-block {
        margin-top: -15px;
        color: #fff !important; }
      .custom-modal .events .category_event {
        display: none; }
    .custom-modal .events .item {
      margin-bottom: 10px; }
    .custom-modal .ambassadors-block {
      padding: 0px; }
      .custom-modal .ambassadors-block .title-block {
        text-align: left; }
      .custom-modal .ambassadors-block .subtitle-block {
        display: none; }
    .custom-modal .juicer-feed .j-paginate {
      margin: 10px auto; }
    .custom-modal #sec-2 .title-block {
      margin-bottom: 15px;
      margin-top: 5px; }
    .custom-modal .title-block {
      margin-top: 5px;
      font-size: 17px;
      color: #333E48 !important; }
    .custom-modal .instagram-block {
      padding: 10px 0px; }
    .custom-modal .mb-large {
      margin-bottom: 10px !important; }
    .custom-modal .title-block {
      text-align: left; }
    .custom-modal .mb-huge {
      margin-bottom: 20px !important; }
    .custom-modal .light-table {
      padding-top: 10px !important;
      margin-top: -10px !important; }
    .custom-modal .reviews-product-block {
      margin-bottom: 10px; }
    .custom-modal .posts .item .title-post,
    .custom-modal .posts .item .subtitle-post {
      margin-bottom: 5px; }
    .custom-modal .posts .item.big p {
      font-size: 16px; }
    .custom-modal .posts .item.big .readmore {
      font-size: 16px; }
    .custom-modal .content-modal {
      background-color: #F7F7F7;
      padding: 10px 0px; }
    .custom-modal .area-post {
      padding: 0px 0px 10px; }
      .custom-modal .area-post .title-block {
        text-align: left; }
      .custom-modal .area-post .subtitle-block {
        display: none; }
    .custom-modal .close-custom {
      background-color: transparent;
      border: none;
      display: none;
      position: fixed;
      top: 107px;
      right: 15px; }
      .custom-modal .close-custom.white-style {
        color: #fff !important; }
    .custom-modal .posts {
      margin-bottom: 30px !important; }
      .custom-modal .posts .slick-dots {
        top: auto;
        bottom: -20px; }
    .custom-modal .title-block-small {
      margin-bottom: 20px; }
    .custom-modal .features-slider .slick-dots {
      top: auto;
      bottom: -20px; }
    .custom-modal .my-breadclubs {
      background-color: #fff;
      margin-bottom: 0px; }
    .custom-modal .posts-product {
      padding: 10px; }
    .custom-modal .my-breadclubs ul {
      border-width: 1px;
      padding-top: 7px;
      padding-left: 15px;
      padding-bottom: 8px; }
    .custom-modal .details-sec .right-tags ul {
      padding-bottom: 10px; }
    .custom-modal .content-modal > * {
      padding: 0px; }
    .custom-modal .hidden-xs {
      display: block !important; }
    .custom-modal.active {
      right: 0px; }
      .custom-modal.active .close-custom {
        display: block; }

  .details-sec .right-tags ul li {
    width: 32px;
    height: 32px;
    margin-right: 5px;
    margin-bottom: 5px; }

  .details-sec .right-tags ul {
    margin-bottom: 25px; }

  .gallery-slider {
    float: left;
    margin-bottom: 25px !important;
    width: 100%; }

  .modal.ambasadors-modal .modal-dialog .modal-content .modal-body .info-sider-slider .title {
    font-size: 24px; }

  .modal .modal-dialog {
    margin-top: 55px; }

  .modal .modal-dialog .modal-content .modal-body .title-modal {
    font-size: 28px; }

  .modal.ambasadors-program .modal-dialog .modal-content .modal-body {
    padding: 15px 25px; }

  .modal.ambasadors-modal .modal-dialog .modal-content .modal-body .slider-model-amb .item, .modal.ambasadors-modal .modal-dialog .modal-content .modal-body .info-sider-slider {
    height: auto;
    min-height: 190px; }

  .my-breadclubs ul {
    border: none; }

  .my-tooltip:hover img.static {
    opacity: 1; }
  .my-tooltip:hover img.active {
    opacity: 0; }
  .my-tooltip:hover .my-content-tooltip {
    display: none; }
  .my-tooltip .my-content-tooltip {
    padding: 20px;
    border-color: #C3D52E; }
    .my-tooltip .my-content-tooltip .close-description {
      position: absolute;
      z-index: 201;
      left: auto;
      top: 20px;
      right: 20px;
      color: #fff;
      background-color: transparent;
      border: none; }
    .my-tooltip .my-content-tooltip .title {
      border-color: #C3D52E; }
  .my-tooltip.mobile-active .my-content-tooltip {
    position: fixed;
    z-index: 101;
    bottom: 0px;
    left: 0px;
    width: 100%;
    display: block;
    height: auto; }

  .my-tooltip.static-size {
    width: 32px;
    height: 32px; }

  .product-sec table tbody tr td ul.color-lights li {
    height: 12px;
    width: 12px;
    margin: 0px 2px; }

  .product-sec table tbody tr td ul.color-lights {
    width: 15%; }

  .custim-block-1 {
    padding: 20px 0px; }

  .custim-block-1 .title-sec {
    font-size: 19px; }

  .custim-block-1 .title2 {
    font-size: 16px; }

  .custim-block-1 .subtitle {
    font-size: 16px; }

  .custim-block-1 .bg-white-50 .item .title-item {
    font-size: 19px; }

  .product-sec .title-block {
    text-align: left; }

  .text-sec {
    padding: 20px 0px 15px; }

  .text-sec .title {
    font-size: 16px; }

  .text-sec .subtitle {
    font-size: 12px;
    margin: 5px 0px 10px; }

  .text-sec .btn.middle-width {
    margin: 5px; }

  .custim-block-1 .bg-white-50 .item p {
    font-size: 16px; }

  .info-block .text {
    padding: 20px 15px 25px; }

  .info-block .text .title {
    margin-bottom: 15px; }

  header .block.half {
    padding: 0px 60px; }

  .custom-block-4 {
    padding: 25px 0px 10px; }

  .info-block.small-style-2 .text {
    padding: 20px 15px;
    height: inherit; }

  .info-block.small-style-2 .img {
    height: 130px; }

  .info-block.small-style-2 .text {
    padding: 20px 15px 10px;
    height: inherit; }

  .custom-block-4 .title {
    font-size: 16px;
    margin-bottom: 20px !important; }

  .custom-block-2 p {
    margin-bottom: 0px; }

  .custom-block-2 {
    padding: 30px 0px 10px; }

  .custom-block-2 {
    font-size: 16px; }

  .custom-block-2 .up-section {
    text-align: center; }

  .custom-block-2 .down-block .left-area .title-area, .custom-block-2 .down-block .right-area .title-area {
    font-size: 16px; }

  .custom-block-2 .down-block .left-area p, .custom-block-2 .down-block .right-area p {
    font-size: 14px; }

  .custom-block-2 .down-block .left-area p, .custom-block-2 .down-block .right-area p {
    margin-bottom: 10px; }

  .custom-block-3 {
    padding: 25px 0px 30px; }

  .custom-block-3 .half .title {
    font-size: 16px;
    margin-bottom: 10px;
    text-align: center; }
    .custom-block-3 .half .title br {
      display: none; }

  .custom-block-3 .half .images {
    margin-bottom: 10px; }

  .custom-block-3 .half ul li {
    font-size: 10px; }

  .custom-block-3 .half ul li {
    height: 68px; }

  .custom-block-3 .half p {
    margin-bottom: 15px; }

  .subtitle-block {
    margin-bottom: 35px; }

  .area-post .slick-dots {
    top: -23px; }

  .info-post span + span::before {
    height: 12px;
    width: 2px;
    left: -6px;
    top: 2px;
    background-color: #9C9C9C; }

  .product-sec table tbody > tr:last-child > td:nth-child(1), .product-sec table tbody > tr:last-child > td:nth-child(2) {
    border-bottom-color: transparent; }

  .text-sec {
    background-size: 200%; }

  .area-post {
    padding: 25px 0px 30px; }

  .info-block .text .subtitle {
    margin-bottom: 10px; }

  .product-sec table tbody tr td ul.color-lights {
    width: 20%; }

  .product-sec table tbody tr td {
    height: 40px;
    padding: 0px 10px; }

  .ambassadors-block .item .content-item .list {
    top: 0px; }

  .custom-block-3 .half .images img {
    max-width: 35%; }

  .ambassadors-block .item .content-item .name {
    font-size: 16px; }

  .ambassadors-block .item .content-item {
    min-height: 110px; }

  .ambassadors-block .row-10 {
    margin-left: -5px;
    margin-right: -5px; }

  .ambassadors-block .item {
    margin: 0px 5px 10px; }

  .ambassadors-block .item .content-item .list {
    font-size: 10px;
    font-weight: 400; }

  .custom-block-2 .title {
    font-size: 25px;
    text-align: center; }

  .custom-block-4 .down-block .col-md-6 img {
    left: 15px;
    top: 5px;
    max-width: 45px; }

  header .down-head nav ul li.white a {
    color: #fff; }

  .info-block .img {
    height: auto;
    background-image: none !important; }
    .info-block .img img {
      float: left;
      width: 100%; }

  .custom-block-4 .down-block .col-md-6 {
    padding-left: 75px; }

  .ptec-color-infrared::before {
    left: -0.5px;
    height: 10px;
    width: 10px;
    line-height: 11.5px;
    font-size: 8px; }

  .product-sec table tbody tr > td:nth-child(1) {
    padding: 10px; }

  .product-sec table tbody tr td span {
    line-height: 40px; }

  .product-sec table tbody tr > td:nth-child(2) span {
    line-height: 1.42; }

  .custom-block-4 p {
    font-size: 16px; }

  .info-block .text p {
    margin-bottom: 20px; }

  /*    .info-block .img{
          height: 215px;
      }*/
  .product-sec {
    padding: 20px 0px; }

  .product-sec .title-block {
    font-size: 19px; }

  .product-sec table tbody tr > td:nth-child(2) {
    font-size: 19px; }

  header.banner-overview .block h1 .icon {
    height: 26px;
    width: 26px; }

  .map-section {
    height: auto; }

  footer form {
    display: none; }

  .custom-modal .posts .item {
    width: 100%; }

  .news-page .posts .item .title-post {
    bottom: 48px; }

  .up-single {
    margin: 10px 0px;
    padding: 20px 0px 0px; }
    .up-single .title-single {
      float: left;
      width: 100%;
      font-weight: 500;
      text-transform: uppercase;
      font-size: 18px;
      color: #333E48;
      margin: 0px 0px 10px; }
    .up-single .back-mobile {
      float: left;
      display: inline-block;
      font-size: 16px;
      color: #C3D52E;
      margin-bottom: 20px;
      border-bottom: 1px solid #C3D52E; }
    .up-single .full-image {
      margin-bottom: 20px; }

  .mobile-change {
    color: #333E48;
    font-size: 19px;
    margin: 0px 0px 10px; }

  .subtitle-post {
    font-size: 16px;
    margin: 0px 0px 5px; }
    .subtitle-post + .info-post {
      color: #9C9C9C;
      font-size: 12px;
      font-weight: 500;
      float: left;
      width: 100%;
      margin-bottom: 20px; }

  .mobile-slider.down-product-block .row {
    float: left;
    width: 100%;
    margin: 0px; }

  .mobile-slider.down-product-block .item {
    float: left;
    width: 100%; }

  .colors-image .slick-track {
    min-width: 100% !important; }

  .ambassadors-block .item .content-item .view-bio {
    font-family: FontAwesome;
    position: absolute;
    left: 5px;
    bottom: 10px; }

  .ambassadors-block .item {
    padding-bottom: 20px;
    position: relative; }

  .modal {
    background-color: rgba(0, 0, 0, 0.7); }

  .modal .modal-dialog .modal-content .modal-body input[type=text],
  .modal .modal-dialog .modal-content .modal-body input[type=password],
  .modal .modal-dialog .modal-content .modal-body input[type=email] {
    height: 35px;
    font-size: 16px;
    color: #fff; }

  .modal .modal-dialog .modal-content .modal-body button[type=submit] {
    height: 35px; }

  .login-fb {
    height: 35px; }

  .fa-lg {
    font-size: 1.4em; }

  .fa-3x {
    font-size: 2.2em; }

  .modal .modal-dialog .modal-content .modal-body .forgot {
    font-size: 16px; }

  .modal .modal-dialog .modal-content .modal-body .title-modal {
    font-size: 32px;
    margin-bottom: 30px; }

  .modal-select.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    margin-bottom: 10px; }

  #singup-model-pro.modal .modal-dialog .modal-content .modal-body .title-modal span {
    float: left;
    width: 100%; }

  .attachfilemodal + label {
    height: 35px;
    line-height: 35px; }

  .modal.singup-model p {
    text-align: left; }

  .cart-area .cart-list .item {
    width: 50%; }

  .cart-area .cart-list .item .img {
    height: 140px; }

  .cart-area .cart-list .item .info-area > ul > li > a {
    font-size: 17px;
    font-weight: 500; }

  .grey-xs {
    font-size: 12px !important;
    color: #9C9C9C !important; }

  .cart-area .info {
    padding: 0px;
    background-color: transparent; }

  .cart-area .cart-list .item .btn {
    float: left;
    line-height: 1.42;
    height: auto;
    padding: 0px;
    margin-right: 0px;
    display: inline-block;
    vertical-align: top;
    width: auto;
    background-color: transparent;
    color: #C3D52E; }
    .cart-area .cart-list .item .btn + .btn {
      position: relative;
      margin-left: 20px; }
      .cart-area .cart-list .item .btn + .btn::before {
        content: "";
        height: 13px;
        width: 1px;
        background-color: #C3D52E;
        position: absolute;
        top: 2px;
        left: -9px; }

  .cart-area .info .title {
    margin-top: 20px;
    font-size: 17px;
    margin-bottom: 15px; }

  .cart-area .cart-list .item {
    padding-bottom: 20px;
    border-bottom: none; }

  .cart-area .info ul li {
    font-size: 17px; }

  .cart-area h1 {
    font-size: 32px;
    text-transform: uppercase;
    text-align: center;
    color: #000000; }

  .ptec-personal .pro-member .cols .col {
    float: left;
    width: 50%;
    margin-bottom: 15px; }

  .ptec-personal .pro-member .cols .col h3 {
    font-size: 18px; }

  .ptec-personal .cabine-h2 {
    font-size: 17px; }

  .ptec-personal .cabinet-head {
    position: relative;
    margin-left: -15px;
    padding: 15px 10px 0px 10px;
    border-top: 1px solid #E4E4E4;
    width: calc(100% + 30px);
    background-color: #F7F7F7; }
    .ptec-personal .cabinet-head::before {
      content: "\f0da";
      font-family: FontAwesome;
      position: absolute;
      top: 15px;
      right: 5px;
      height: 20px;
      width: 20px;
      color: #595959; }

  .ptec-personal .cabinet-head .edit-btn {
    position: absolute;
    color: transparent;
    background-color: transparent;
    right: 30px;
    top: 50px;
    height: 20px;
    width: 20px; }
    .ptec-personal .cabinet-head .edit-btn::before {
      content: "\f044";
      font-family: FontAwesome;
      position: absolute;
      top: 0px;
      left: 20px;
      color: #595959; }

  .ptec-personal .orders .h2-style {
    font-size: 17px;
    margin: 0px 0px 15px; }

  .ptec-personal .block-cabinet {
    background-color: transparent;
    padding: 0px; }

  .ptec-personal .cabine-h2 {
    float: left; }

  .ptec-personal .list-orders .item .half {
    width: 100%; }

  .ptec-personal .list-orders .item .half .products-item {
    margin-bottom: 10px;
    width: 50%; }

  .ptec-personal .list-orders .item .half .products-item .params-item .name-product {
    font-size: 17px;
    color: #000; }

  .ptec-personal .list-orders .item .half .products-item .params-item ul li {
    font-size: 12px; }

  .ptec-personal .related-product .item {
    float: left;
    width: calc(50% - 10px);
    margin: 0px 5px 10px; }

  .ptec-personal .wishlist .products-item {
    width: calc(50% - 10px);
    margin: 0px 5px 10px; }

  .ptec-personal .wishlist .products-item .img {
    width: 100%; }

  .ptec-personal .wishlist .products-item .params-item {
    float: left;
    width: 100%; }

  .ptec-personal .wishlist .products-item .params-item ul li {
    font-size: 12px;
    color: #9C9C9C; }

  .ptec-personal .wishlist .products-item .params-item .add-to-cart {
    line-height: 35px;
    height: 35px;
    width: 100%; }

  .ptec-personal .wishlist .products-item .params-item {
    padding-left: 0px; }

  .ptec-personal .cabinet-head {
    margin-bottom: 0px;
    overflow: hidden; }
    .ptec-personal .cabinet-head + .width {
      display: none; }
    .ptec-personal .cabinet-head.open {
      margin-bottom: 20px;
      overflow: visible; }
      .ptec-personal .cabinet-head.open + .width {
        display: block; }
      .ptec-personal .cabinet-head.open::before {
        content: "\f0d7"; }

  .ptec-personal .block-cabinet {
    margin-bottom: 0px; }

  .ptec-personal h1 {
    float: left;
    width: 100%;
    text-align: center; }

  .ptec-personal .related-product .item .add-to-cart {
    float: left;
    width: 100%;
    line-height: 35px;
    height: 35px; }

  .checkout-page .left-side,
  .checkout-page .right-side {
    float: left;
    width: 100%; }

  .checkout-page .left-side .input-block .input-block {
    padding-right: 0px;
    width: 100%; }

  .checkout-page .left-side .input-block .text-block {
    float: left;
    width: 100%; }

  .checkout-page .block {
    background-color: transparent; }

  .checkout-page .block {
    padding: 0px; }

  .checkout-page h2 {
    float: left;
    width: calc(100% + 30px);
    margin-left: -15px;
    color: #333E48;
    font-size: 17px;
    background-color: #F7F7F7;
    border-top: 1px solid #E1E1E1;
    border-bottom: 1px solid #E1E1E1;
    padding: 10px 15px;
    position: relative; }
    .checkout-page h2.active::before {
      content: "\f0d7"; }
    .checkout-page h2::before {
      content: "\f0da";
      font-family: FontAwesome;
      display: block;
      height: 20px;
      width: 20px;
      position: absolute;
      top: 10px;
      right: 10px; }

  .checkout-page .block .full-block {
    margin: 0px;
    padding: 0px;
    border-top: none; }

  .checkout-page .left-side .input-block .width {
    margin-bottom: 15px; }

  .checkout-page .block {
    margin-bottom: 0px; }

  .checkout-page .right-side .cart-list {
    padding-right: 0%;
    margin: 20px 0px 10px 0px; }

  .checkout-page h1 {
    float: left;
    margin: 10px 0px 25px;
    width: 100%;
    text-align: center; }
    .checkout-page h1 + hr {
      display: none !important; }

  .ptec-personal .cabinet-head .form-become-member .half {
    width: 100%;
    padding-right: 0px; }

  .ptec-personal .list-orders .item .half .products-item .price-item {
    width: 100%; }

  .thanks-page .social li {
    margin: 0px 5px; }

  .logined-user .desktop {
    display: none; }

  .logined-user .mobile {
    display: inline-block; }

  .checkout-page .block .short-block .half {
    width: 100%; }

  .checkout-page .block .short-block {
    border-color: transparent;
    margin-top: 0px; }

  .checkout-page .block .short-block h3 {
    font-size: 18px; }

  .checkout-page .block.done .edit-style {
    position: absolute;
    top: calc(100% + 5px);
    min-width: 20px;
    font-family: FontAwesome;
    right: 30px;
    height: 20px;
    width: 20px;
    color: transparent;
    background-color: transparent; }
    .checkout-page .block.done .edit-style::before {
      content: "\f044";
      color: #595959;
      font-size: 22px; }

  .no-caret::before {
    display: none !important; }

  #review h2 {
    display: none; }

  .right-side .btn-grey-2 {
    display: none !important; }

  .summary-title {
    font-size: 18px;
    margin: 0px 0px 15px;
    text-transform: uppercase;
    color: #000000; }

  .checkout-page .right-side .info {
    border-color: transparent;
    padding-top: 0px; } }
@media screen and (max-width: 380px) {
  /*    header.banner{
          height: 375px;
      }
      header.banner .slider-home-page .item {
          height: 320px;
      }*/ }
@media screen and (max-width: 360px) {
  .btn {
    font-size: 14px;
    padding: 0px 10px; } }
.loader-map {
  display: none;
  height: 80px;
  overflow: hidden; }

.blobs {
  filter: url(#goo);
  width: 100%;
  height: 100px;
  position: relative;
  overflow: hidden;
  border-radius: 70px;
  transform-style: preserve-3d; }
  .blobs .blob-center {
    transform-style: preserve-3d;
    position: absolute;
    background: #FFF200;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 30px;
    transform-origin: left top;
    transform: scale(0.9) translate(-50%, -50%);
    animation: blob-grow linear 3.4s infinite;
    border-radius: 50%;
    box-shadow: 0 -10px 40px -5px #FFF200; }

.blob {
  position: absolute;
  background: #FFF200;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  animation: blobs ease-out 3.4s infinite;
  transform: scale(0.9) translate(-50%, -50%);
  transform-origin: center top;
  opacity: 0; }
  .blob:nth-child(1) {
    animation-delay: 0.2s; }
  .blob:nth-child(2) {
    animation-delay: 0.4s; }
  .blob:nth-child(3) {
    animation-delay: 0.6s; }
  .blob:nth-child(4) {
    animation-delay: 0.8s; }
  .blob:nth-child(5) {
    animation-delay: 1s; }

@keyframes blobs {
  0% {
    opacity: 0;
    transform: scale(0) translate(calc(-330px - 50%), -50%); }
  1% {
    opacity: 1; }
  35%,65% {
    opacity: 1;
    transform: scale(0.9) translate(-50%, -50%); }
  99% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: scale(0) translate(calc(330px - 50%), -50%); } }
@keyframes blob-grow {
  0%,  39% {
    transform: scale(0) translate(-50%, -50%); }
  40%, 42% {
    transform: scale(1, 0.9) translate(-50%, -50%); }
  43%, 44% {
    transform: scale(1.2, 1.1) translate(-50%, -50%); }
  45%, 46% {
    transform: scale(1.3, 1.2) translate(-50%, -50%); }
  47%, 48% {
    transform: scale(1.4, 1.3) translate(-50%, -50%); }
  52% {
    transform: scale(1.5, 1.4) translate(-50%, -50%); }
  54% {
    transform: scale(1.7, 1.6) translate(-50%, -50%); }
  58% {
    transform: scale(1.8, 1.7) translate(-50%, -50%); }
  68%, 70% {
    transform: scale(1.7, 1.5) translate(-50%, -50%); }
  78% {
    transform: scale(1.6, 1.4) translate(-50%, -50%); }
  80%, 81% {
    transform: scale(1.5, 1.4) translate(-50%, -50%); }
  82%, 83% {
    transform: scale(1.4, 1.3) translate(-50%, -50%); }
  84%, 85% {
    transform: scale(1.3, 1.2) translate(-50%, -50%); }
  86%, 87% {
    transform: scale(1.2, 1.1) translate(-50%, -50%); }
  90%, 91% {
    transform: scale(1, 0.9) translate(-50%, -50%); }
  92%, 100% {
    transform: scale(0) translate(-50%, -50%); } }
@media screen and (min-width: 768px) {
  footer .my-content-tooltip {
    display: none !important; } }
.hidden {
  display: none !important; }

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


.top-alert {
  text-align: center;
  padding: 10px 15px;
  font-size: 18px;
  z-index: 1049;
  position: relative;
  background-color: #efefef;
}

.top-alert p {
  margin: 0;
}

#modal-cta-auto .modal-body {
  padding: 0;
  overflow: hidden;
  background-color: #333E48 !important;
  border: 1px solid #888;
}

#modal-cta-auto .col-md-6 {
  padding: 0;
}

#modal-cta-auto .cta-content {
  padding: 30px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-height: 400px;
}

#modal-cta-auto .close-modal {
  z-index: 9;
  top: 20px;
  right: 25px;
  font-size: 30px;
  line-height: 18px;
}

#modal-cta-auto .cta-header { 
  margin-bottom: 20px;
  margin-top: 0;
  color: #C3D52E;
  font-size: 44px;
}
#modal-cta-auto .cta-text { 
  margin-bottom: 20px;
  font-size: 21px;
  color: white;}
#modal-cta-auto .cta-button { flex-shrink: 0; }
#modal-cta-auto .cta-image img {
  max-width: 100%;
  height: auto;
}

@media screen and (max-width: 767px) {
  #modal-cta-auto .cta-content { min-height: 0; }
}

.login-wrapper {
  padding-top: 120px;
  background-color: #333E48;
}

.login-wrapper .title {
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 44px;
  font-family: "TradeGothicLTPro-Cn18";
  font-weight: 500;
  text-transform: uppercase;
  margin: 120px 0 0 0;
}

.login-wrapper .text {
  color: #fff;
  margin-bottom: 40px;
  text-align: center;
}

.login-wrapper .title span {
  color: #C3D52E;
}

.login-wrapper input[type=text],
.login-wrapper input[type=password],
.login-wrapper input[type=email] {
  font-family: "TradeGothicLTPro-Cn18";
  font-size: 18px;
  width: 100%;
  height: 45px;
  margin-bottom: 20px;
  border: none;
  background-color: rgba(255, 255, 255, 0.7);
  padding-left: 20px;
  border-radius: 8px;
  color: #333E48;
  margin-right: 15px;
}

.login-wrapper button[type=submit] {
  width: 100%;
  text-align: center;
  font-family: "TradeGothicLTPro-Cn18";
  background-color: #C3D52E;
  height: 38px;
  line-height: 38px;
  border: none;
  color: #333E48;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 15px;
  border-radius: 5px;
  margin-bottom: 20px;
}

.login-wrapper .inner {
  max-width: 800px;
  margin: 0 auto;
}

.login-wrapper #simple-signup {
  padding-bottom: 100px;
}

.login-wrapper .sub {
  margin-left: 15px;
}