@font-face {
    font-family: 'ZonaPro-Thin';
    src: url('../fonts/zonapro/ZonaPro-Thin.eot?#iefix') format('embedded-opentype'),  url('../fonts/zonapro/ZonaPro-Thin.otf')  format('opentype'),
         url('../fonts/zonapro/ZonaPro-Thin.woff') format('woff'), url('../fonts/zonapro/ZonaPro-Thin.ttf')  format('truetype'), url('../fonts/zonapro/ZonaPro-Thin.svg#ZonaPro-Thin') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'ZonaPro-Black';
    src: url('../fonts/zonapro/ZonaPro-Black.eot?#iefix') format('embedded-opentype'),  url('../fonts/zonapro/ZonaPro-Black.otf')  format('opentype'),
         url('../fonts/zonapro/ZonaPro-Black.woff') format('woff'), url('../fonts/zonapro/ZonaPro-Black.ttf')  format('truetype'), url('../fonts/zonapro/ZonaPro-Black.svg#ZonaPro-Black') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  
  
  @font-face {
    font-family: 'ZonaPro-Bold';
    src: url('../fonts/zonapro/ZonaPro-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/zonapro/ZonaPro-Bold.otf')  format('opentype'),
         url('../fonts/zonapro/ZonaPro-Bold.woff') format('woff'), url('../fonts/zonapro/ZonaPro-Bold.ttf')  format('truetype'), url('../fonts/zonapro/ZonaPro-Bold.svg#ZonaPro-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'ZonaPro-Light';
    src: url('../fonts/zonapro/ZonaPro-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/zonapro/ZonaPro-Light.otf')  format('opentype'),
         url('../fonts/zonapro/ZonaPro-Light.woff') format('woff'), url('../fonts/zonapro/ZonaPro-Light.ttf')  format('truetype'), url('../fonts/zonapro/ZonaPro-Light.svg#ZonaPro-Light') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'ZonaPro-Regular';
    src: url('../fonts/zonapro/ZonaPro-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/zonapro/ZonaPro-Regular.otf')  format('opentype'),
         url('../fonts/zonapro/ZonaPro-Regular.woff') format('woff'), url('../fonts/zonapro/ZonaPro-Regular.ttf')  format('truetype'), url('../fonts/zonapro/ZonaPro-Regular.svg#ZonaPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  
  body{
      font-family: 'ZonaPro-Regular';
     
  }
  h1,h2,h3,h4,h5{
      letter-spacing: -2px;
  }
  .container{
    max-width: 1850px;
  }
  
  /* header section */
  .header-top-bar-1-item span{
      font-size: 13px;
      color: #fff;
  }
  .header-top-bar-1-item {
      padding-right: 1.5rem;
      color:#333;
  }
  .header-top-bar-1-item i{
      padding-right:0.25rem;
      color: #26525e;
  }
  .header-top-bar {
      background: #222;
      padding-top:0.5rem;
      box-shadow: inset 0px -2px 8px -2px rgba(0, 0, 0, 0.25);
      -webkit-box-shadow: inset 0px -2px 8px -2px rgba(0, 0, 0, 0.25);
      -moz-box-shadow: inset 0px -2px 8px -2px rgba(0, 0, 0, 0.25);
      border-bottom: 0px solid #fff;
  }
  .header-main-wrapper #search{
    padding-bottom: 0px;
  }
  .header-top-bar .header-top-bar-block-2 {
      justify-content: space-between;
  }
  .header-top-bar .header-top-bar-block-2 .credit-details {
      display: flex;
      justify-content: flex-start;
      width: 57%;
  }
  .header-top-bar .header-top-bar-block-2 .tyre-limit{
      display:flex;
      width:100%;
  }
  .header-top-bar .header-top-bar-block-2 .tyre-limit img{
      display: flex;
      max-width: 20px;
      height: 20px;
  }
  .header-top-bar .header-top-bar-block-2 .login-details span{
      color:#fff;
      font-family: 'ZonaPro-Light';
  }
  .header-top-bar .header-top-bar-block-2 .credit-details {
      color: #333;
      min-width: 100px;
  }
  .header-top-bar .header-top-bar-block-2 i{
      padding-right:0.5rem;
      color:#fff;
  }
  .header-top-bar .header-top-bar-block-2 .progress {
      display: -ms-flexbox;
      display: flex;
      height: 0.5rem;
      overflow: hidden;
      font-size: .75rem;
      background-color: #e9ecef;
      border-radius: .25rem;
      width: 75px;
      margin-left: 1.2rem;
  }
  .header-top-bar .header-top-bar-block-2 .progress-bar {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-pack: center;
      justify-content: center;
      color: #fff;
      text-align: center;
      white-space: nowrap;
      background-color: #d0171f;
      transition: width .6s ease;
  }
  .header-top-bar .header-top-bar-block-2 span.limit-heading {
      font-size: 14px;
      min-width: 100px;
  }
  .header-top-bar .header-top-bar-block-2 .progress-money span {
      font-size: 10px;
      margin-left: 1.5rem;
  }
  .header-top-bar .header-top-bar-block-2 .progress-money {
      margin-top: -0.5rem;
  }
  .header-top-bar .header-top-bar-block-2 .battery-bar{
      background:yellow!important;
  }
  .header-main-wrapper {
      padding: 1rem 0;
      height: 117px;
  } 
  .navbar li.nav-item:first-child {
      margin-left:1rem;
  }
  .nav.nav-tabs .nav-item .nav-link{
    margin-bottom:0px;
  }
  .navbar .nav-item .nav-link:hover {
      background: none;
  }
  
  .navbar .nav-item .nav-link {
      font-size: 18px;
      font-family: 'ZonaPro-Black';
      letter-spacing: 1px;
      color: #003764;
      padding: 2rem 0rem;
      line-height: 52px;
  }
  .navbar .nav-item:hover{
    color:#fff;
    background:#003764;
    transition: 0.3s ease;
  }
  .navbar .nav-item .nav-link:hover{
    color:#fff;
  }
  .header-main {
      background-size: 100%;
  }
  .header-main-wrapper .header-main-block-2 {
      justify-content: flex-end;
      padding-right: 0px;
  }
  .header-main-wrapper #search .input-lg{
      width: 343px;
      color: #333;
      /* box-shadow: 0px 0px 40px 0px rgba(0, 67, 109, 0.31); */
      height: 49px;
      font-size: 12px;
      min-height: 48px;
      border: 1px solid #333;
      line-height: 48px;
      border-top-left-radius: 19px;
      border-bottom-left-radius: 19px;
  }
  .header-main-wrapper #search.expanded {
      max-width: 622px;
  }
  .header-main-wrapper #search{
    border-bottom: none;
  }
  .header-main-wrapper #search button.header-search {
      flex: 0 0 45px;
      height: 49px;
      line-height: 49px;
      padding: 0;
      margin: 0;
      border: none;
      color: #fff;
      background: #26525e;
      box-shadow: 0px 0px 9px 0px rgba(0, 67, 109, 0.16);
      border-top-right-radius: 19px;
      border-bottom-right-radius: 19px;
  }
  .header-main-wrapper .header-main-block #cart{
      padding-right:0px;
      background: #fff;
      padding: 9px;
      padding-right: 9px;
      padding-left: 9px;
      border: 2px solid #000;
      border-radius: 10px;
  }
  .header-main-wrapper .header-main-block #cart i{
      color:#333;
  }
  .header-main-wrapper .header-main-block #wish{
      padding-right:0px;
      background:#fff;
      padding: 9px;
      padding-right: 9px;
      padding-left: 9px;
      border: 2px solid #26525e;
      border-radius: 10px;
  }
.header-main-wrapper .header-main-block #account{
         padding-right:0px;
      background:#fff;
      padding: 9px;
      padding-right: 10px;
      padding-left: 10px;
      border: 2px solid #26525e;
      border-radius: 10px;
 }
 .header-main-wrapper .header-main-block #account i{
     color:#000;
 }
  .header-main-wrapper .header-main-block #wish i{
      color: #000;
  }
  .header-main-wrapper .header-main-block #wish:before, .header-main-wrapper .header-main-block #cart:before{
      content:"";
      position:absolute;
      background: #f3d217;
      top:calc(50% - 7px);
      left:-4px;
      width: 0px;
      height:14px;
  }
  .header-main-wrapper .header-main-block #wish:after, .header-main-wrapper .header-main-block #cart:after{
      content:"";
      position:absolute;
      background: #f3d217;
      top:calc(50% - 7px);
      right:-4px;
      width: 0px;
      height:14px;
  }
  .header-main-wrapper #search {
      display: flex;
      position: relative;
      max-width: 300px;
  }    
  .main-menu {
      width: 100%;
      max-width: 470px;
  }
  .wish-total {
      background: #000;
      color: #fff;
      font-weight: bold;
      width: 13px;
      height: 13px;
      position: absolute;
      top:unset;
      right: 5px;
      bottom: 4px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 0.5rem;
      padding: 0.25rem;
      border-radius: 15%;
  }
  .header-main-wrapper .batteries  svg {
      fill: #333;
      max-width:50px;
  }
  
  .header-main-wrapper .elastika svg {
      fill: #333;
      max-width: 50px;
  }
  .header-main-wrapper .batteries:hover svg, .header-main-wrapper .elastika:hover svg{
      fill:#fff;
      transition:0.3s ease;
  }
  /* main slider section*/
  .slideshow-wrapper .swipper-slide-caption-wrapper .swipper-slide-caption {
      /* padding-left: 1.5rem; */
      padding-right: 2rem;
      padding: 2rem;
  }

  div#slideshow0{
    border-bottom:1px solid #000;
  }
 
  .slideshow-wrapper .swipper-slide-caption-wrapper{
       z-index:10;
       top: -8rem;
  }
  .slideshow-wrapper .swipper-slide-caption-wrapper .swipper-slide-caption{
    background: #25505b;
  }
  .slideshow-wrapper .swipper-slide-caption-wrapper .swipper-slide-caption h4 {
      font-size: 1.5rem;
      background: none;
      font-family: 'ZonaPro-Black';
      padding: 0rem 0rem;
      margin-bottom: 0.5rem;
      box-shadow: none;
      letter-spacing: 1px;
  }    
  .slideshow-wrapper .swipper-slide-caption-wrapper .swipper-slide-caption h2{
       font-size: 2.5rem;
       background: none;
       font-family: 'ZonaPro-Bold';
       padding: 0rem 0rem;
       margin-bottom: 0.5rem;
       box-shadow: none;
       line-height: 1;
       letter-spacing: 2px;
  }
  .slideshow-wrapper .swipper-slide-caption-wrapper .swipper-slide-caption a{
      margin-top:6rem;
      background: #d0171f;
      color:#fff;
      padding: 1rem 4rem;
      font-size:1rem;
      font-family: 'ZonaPro-Black';
      border: 2px solid transparent;
  }
  .slideshow-wrapper .swipper-slide-caption-wrapper .swipper-slide-caption a:hover{
      background: #fff;
      border:2px solid #d0171f;
      color:#333;
  }
  .slideshow-wrapper .swiper-pager .slider-button-next, .slideshow-wrapper .swiper-pager .slider-button-prev{
      height:44px;
      width:44px;
      line-height: 44px;
      background: #222;
      color: #fff;
  }
  .slideshow-wrapper .swiper-pager .slider-button-next:hover, .slideshow-wrapper .swiper-pager .slider-button-prev:hover{
      background: #25505b;
      color:#fff;
  }
  .slideshow-wrapper .swiper-pagination {
      bottom: 20rem;
  }    
  .slideshow-wrapper .swiper-pagination {
      bottom: 1rem;
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg);
      left: 0px;
      z-index: 9;
      max-width: 100px;
  }
  .slideshow-wrapper .swiper-pagination-bullet {
      width: 12px;
      height: 12px;
      display: inline-block;
      border-radius: 0%;
      background: #000;
      border:2px solid transparent;
      margin-right: 0.35rem;
      opacity: 0.7;
  }
  span.swiper-pagination-bullet.swiper-pagination-bullet-active{
    opacity: 1;
    background: #fff;
    border: 2px solid #000;
  }
  
  /* footer section */
  footer.bg-dark {
    background: #244d59!important;
}
div#footer-logo {
    background: #fff;
    padding: 0.75rem;
    border: 5px solid #333;
}
  .footer-wrap .container{
      max-width:1250px;
  }
  .footer-pre-section {
      /* border: 1px solid #fff; */
      display: flex;
      justify-content: center;
      width: 100%;
      padding-top: 2rem;
      padding-bottom: 2rem;
      border-radius: 4px;
  }
  .icons-footer-pre-section i {
      font-size: 23px;
      color: #25505c;
  }
  .icons-footer-pre-section {
      background: #fff;
      display: flex;
      justify-content: center;
      padding: 12px;
      padding-left: 16px;
      padding-right: 16px;
      border: 5px solid #25505c;
  }
  .details-footer-pre-section h3{
      font-size:18px;
      margin-top:0rem;
      text-transform:none;
      font-family: 'ZonaPro-Bold';
      margin-bottom:0.75rem;
  }
  .details-footer-pre-section p{
      font-size:14px;
      margin-bottom:0.75rem;
  }
  .details-footer-pre-section a{
      font-size:14px;
      text-decoration: underline;
  }
  .details-footer-pre-section a:hover{
      text-decoration: none;
      color:red;
  }
  .row.copyr .copy-col i:hover{
      color:#d0171f;
  }
  .footer-pre-section .col-sm-4{
    display: flex;
    align-items: center;
  }
  .footer-wrap .p-4-komma{
      padding: 2rem;
  }
  .footer-wrap .p-4-komma:first-child {
      padding-left: 0px;
  }
  .footer-wrap .p-4-komma:last-child {
      padding-right: 0px;
  }
  .footer-wrap .footer-log-align-center{
      display: flex;
      align-items: center;
  }
  .footer-wrap .padding-columns-footer {
      padding: 3rem;
  }
  .padding-columns-footer h5{
      font-size:18px;
      font-family: 'ZonaPro-Bold';
  }
  .padding-columns-footer h5{
      position:relative;
      margin-bottom: 3rem;
      letter-spacing: 0;
      color: #fff;
  }
  .padding-columns-footer h5:before{
      content:"";
      background:#fff;
      position:absolute;
      bottom:-0.8rem;
      left:0rem;
      width:2rem;
      height:1px;
  }
  .padding-columns-footer h5:after{
      content:"";
      background:#fff;
      position:absolute;
      bottom:-1.2rem;
      left:0.75rem;
      width:2rem;
      height:1px;
  }
  .footer-wrap ul>li{
      margin-bottom:0.5rem
  }
  .footer-wrap ul>li a{
      font-size:14px;
  }
  .footer-wrap ul>li a:hover{
    text-decoration:none;
    color:#d0171f;
  }
  .row.copyr .col-sm-4.copy-col {
      display:flex;
      justify-content:center;
  }
  .row.copyr .col-sm-4.copy-col:first-child {
      justify-content:flex-start;
      display: flex;
      align-items: center;
  }
  .row.copyr .col-sm-4.copy-col:last-child {
      justify-content:flex-end;
  }
  .row.copyr img.img-fluid.happy {
      margin-left: 0.5rem;
  }
  .copy-col span{
      font-size:14px;
  }
  .row.copyr .copy-col i{
      margin-left:1rem;
  }
  .ipostiriksi {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 1.2rem;
      font-size: 14px;
      color: #636c84;
  }
  .marg-0{
      margin-left: 0px;
      margin-right: : 0px;
  }
  /* newsletter index section */
  div#newsletter {
      padding: 1rem;
  }
  div#newsletter .container{
      display:flex;
      justify-content:center;
      align-items:center;
      max-width:1250px;
  }
  div#newsletter .newsletter-right h3{
      text-align:center;
      text-transform:none;
      font-size:40px;
      color: #000;
      font-family: 'ZonaPro-Bold';
  }
  div#newsletter .newsletter-right h3{
      position:relative;
  }
  div#newsletter .newsletter-right h3:after{
      position:absolute;
      content:"";
      bottom:0px;
      left:calc(50% - 110px);
      width:100%;
      max-width:220px;
      height:5px;
      background: #25505c;
  }
  div#newsletter .newsletter-intro {
      display: flex;
      justify-content: center;
      max-width: 590px;
      text-align: center;
      font-size: 16px;
      color: #000000;
      margin-bottom: 1rem;
  }
  div#newsletter input#subscribe-email .form-control.modified-input, div#newsletter input[type="text"] {
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15);
    width:100%;
    max-width:720px;
    min-height: 52px;
    padding-left: 10px;
    border: none;
  }
  div#newsletter input[type="text"]::placeholder{
    color:#333;
  }
  div#newsletter input#subscribe-email .form-control.modified-input, div#newsletter input[type="text"]::placeholder{
    text-align: center;
  }
  div#newsletter .newsletter_email {
      width: 100%;
      margin-top:2rem;
  }
  div#newsletter .btn {
      background: #25505c;
      display:flex;
      justify-content:center;
      max-width:250px;
      width: 100%;
      margin: auto;
      margin-top: 2rem;
      color:#fff;
      text-transform:none;
  }
  div#newsletter .btn:hover{
      background: #000000;
      transition: 0.3s ease;
  }
  div#newsletter .form-group.newsletter_tos {
      margin-top: 1rem;
      display: flex;
      justify-content: center;
  }
  div#newsletter .form-group.newsletter_tos {
      margin-top: 1rem;
      display: flex;
      justify-content: center;
      font-size: 13px;
      color: #d0171f;
  }
  div#newsletter .form-group.newsletter_tos b{
      color: #002d3f;
      font-size:12px;
  }
  div#newsletter .form-group.newsletter_tos input[type="checkbox"]{
      margin-left: 0.5rem;
  }
  .alert {
      border-radius: 5px;
      background: #26525e;
  }  
  
  /* guarantee telephone etc home section */
  div#info-home .container{
      display:flex;
      justify-content: space-between;
      max-width: 1320px;
      padding-left: 0px;
  }
  div#info-home {
      padding-top: 4rem;
      padding-bottom: 4rem;
  }
  div#info-home .image-wrapper-home-pad svg{
    fill: #fff;
    width: 100px;
    height: 100px;
  }
  @media (min-width: 576px){
          .item-info-wrapper {
              flex: 0 0 20%;
              max-width: 20%;
              padding: 0.2rem;
    }
  }
  div#info-home .image-wrapper-home{
    padding: 3rem;
    padding-bottom: 0rem;
    padding-top: 0rem;
  }
  div#info-home .image-wrapper-home .image-wrapper-home-pad-1{
      display: flex;
      justify-content: center;
      background: #fff;
      padding: 10px;
      border: 6px solid #647c8c;
  }
  div#info-home .image-wrapper-home .image-wrapper-home-pad-2{
      display: flex;
      justify-content: center;
      background: #fff;
      padding: 3px;
      border: 6px solid #647c8c;
  }
  div#info-home .image-wrapper-home .image-wrapper-home-pad-3{
      display: flex;
      justify-content: center;
      background: #fff;
      padding: 10px;
      border: 6px solid #647c8c;
  }
  div#info-home .image-wrapper-home .image-wrapper-home-pad-4 img{
    max-width:95px;
  }
  div#info-home .image-wrapper-home .image-wrapper-home-pad-4{
      display: flex;
      justify-content: center;
      background: #647c8c;
      padding: 2px;
      border: 6px solid #647c8c;
  }
  div#info-home .image-wrapper-home .image-wrapper-home-pad{
      display: flex;
      justify-content: center;
      background: #26525e;
      padding: 8px;
      border: 6px solid #26525e;
  }
  div#info-home .title-wrapper-home {
      color: #000;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      font-size: 14px;
      width: 100%;
      min-width: 185px;
  }
  div#info-home .title-wrapper-home h4{
      font-size: 14px;
      margin-bottom: 0.5rem;
      font-family: 'ZonaPro-Bold';
      margin-top: 1rem;
      letter-spacing: 0px;
  }
  div#info-home .subtitle-wrapper-home {
      display:flex;
      justify-content:center;
  }
  div#info-home .subtitle-wrapper-home span{
      color: #26525e;
      font-size: 12px;
      text-align: center;
  }
  
  /* manufacturers index section */
  div#product-manufacturer .heading-wrapper, div#product-search .heading-wrapper{
     margin-top:2rem;
  }
  div#product-search .search-toolbar-block label{
    font-size:11px;
 }
 div#product-search .search-toolbar-block input, div#product-search .search-toolbar-block select{
    border:1px solid #333;
 }
  div#manufacturers-index .container{
      max-width:1250px;
  }
  div#manufacturers-index {
      margin-top: 4rem;
      margin-bottom: 4rem;
  }
  #cart-total{
      right: 5px;
      top: unset;
      bottom: 5px;
      border-radius: 0%;
      width: 11px;
      height: 11px;
      background: #26525e;
      color: #fff;
      font-size: 0.55rem;
      padding: 0.25rem;
      border-radius: 15%;
  }
  div#manufacturers-index .swiper-slide:hover{
      opacity:0.2;
      cursor: pointer;
      transition: 0.3s ease;
  }
  div#manufacturers-index .swiper-slide-active{
      opacity:1;
  }
 
 
 
  /* product tabs tyres */
  div#product_tabs0 {
      padding-top: 3.5rem;
      padding-bottom: 3.5rem;
      background: linear-gradient(270deg, #222, #333333 40%, white 41%, white);
      margin-bottom: 3rem;
  }
  div#product_tabs0 .product-quantity, div#product_tabs1 .product-quantity, div#product-category .product-quantity, .product_manufacturer_info .product-quantity, div#product-search .product-quantity{
    display: flex;
    flex: 1;
  }
  .product-layout .product-block .product-block-title .product-name {
    text-align: center;
    margin: 0;
    line-height: 1.4;
    font-size: 1rem;
    height: 25px;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left: 1rem;
    padding-right: 1rem;
}
  div#product_tabs0 .container{
      max-width:1250px;
  }
  div#product_tabs0 h3.module-title {
      margin-top:0rem;
      justify-content:flex-start;
      display:flex;
      color: #26525e;
      font-size: 39px;
      text-transform: none;
      position:relative;
      max-width:200px;
      letter-spacing: 1px;
      font-family: 'ZonaPro-Black';
  }
  div#product_tabs0 h3.module-title:after{
      position:absolute;
      content:"";
      bottom: -9px;
      left:calc(0px);
      width:100%;
      max-width: 262px;
      height: 4px;
      background: #000;
  }
  div#product_tabs0 .nav-tabs .nav-link.active{
      background: #26515d!important;
  }
  div#product_tabs0 .nav.nav-tabs .nav-item .nav-link{
      background:transparent;
      color:#fff;
      font-size: 16px;
      line-height: 1;
      text-transform: none;
  }
 
  .ho_product_tabs-wrap .nav-tabs-wrapper .nav-tabs {
      display: flex;
      justify-content: end;
      align-items: center;
  }
  div#product_tabs0 .product-layout .product-block {
      padding: 4rem 2rem 0rem;
  }    
  div#product_tabs0 .product-layout .product-block .product-block-title .product-name{
      text-transform: none;
  }
  
  div#product_tabs0  .product-layout .product-block .product-block-labels {
      position: absolute;
      right: -1px;
      top: 0;
      left:unset;
      z-index: 9;
      clip-path: polygon(54% 0%, 100% 0%, 100% 86%, 0% 42%);
  }
  
  div#product_tabs0 .product-layout .product-block {
      padding: 6rem 1rem 2rem;
      border:none;
      background-color: #fff;
      position: relative;
      box-shadow: 0px 0px 6.65px 3.35px rgba(0, 0, 0, 0.07);
  }
  div#product_tabs0 .product-layout .product-block .product-block-labels span {
      float: left;
      background: #003353;
      color: #fff;
      padding: 1.5rem 1.5rem;
      padding-right: 0.5rem;
      padding-bottom: 3rem;
      text-align: center;
      width: auto;
      clear: both;
      font-size: 15px;
  }
  div#product_tabs0 .product-layout .product-block .product-block-labels-2 span {
      float: left;
      background: #d0171f;
      color: #fff;
      padding: 1.5rem 1.5rem;
      padding-right: 1.25rem;
      padding-left: 0.5rem;
      padding-top: 1.7rem;
      padding-bottom: 2.3rem;
      text-align: center;
      width: auto;
      clear: both;
      font-size: 14px;
      font-family: 'ZonaPro-Bold';
  }
  div#product_tabs0  .product-layout .product-block .product-block-labels-2 {
      z-index: 9;
      top: 0px;
      left: 0px;
      position: absolute;
      clip-path: polygon(0% 0%, 44% 0%, 100% 56%, 0% 100%);
  }
  div#product_tabs0 .product-layout{
      padding: 0.75rem;
  }
  div#product_tabs0 .product-layout .product-block .product-block-title .product-name a {
      font-size: 16px;
      color: #000000;
      font-family: 'ZonaPro-Bold';
  }
  div#product_tabs0 .button-next-tab0,div#product_tabs0 .button-prev-tab0 {
      margin-top: -2rem;
      background: #25505c;
      color:#fff;
  }
  div#product_tabs0 .button-next-tab0{
    right:-2.5rem;
  }
  div#product_tabs0 .button-prev-tab0 {
    left:-2.5rem;
  }
  
  /* product tabs batteries */
  div#product_tabs1 {
      padding-top: 3.5rem;
      background: linear-gradient(270deg, #fff, #fff 40%, #222 41%, #222);
  }
  div#product_tabs1 .container{
      max-width:1250px;
  }
  div#product_tabs1 h3.module-title {
      margin-top: 0rem;
      justify-content: flex-end;
      display: flex;
      color: #26525e;
      font-size: 39px;
      letter-spacing: 1px;
      text-transform: none;
      position: relative;
      font-family: 'ZonaPro-Black';
  }
  div#product_tabs1 h3.module-title:after{
      position:absolute;
      content:"";
      bottom: -4px;
      right: calc(0px);
      width:100%;
      max-width: 201px;
      height: 3px;
      background: #333;
  }
  div#product_tabs1 .nav-tabs-wrapper .nav-tabs {
      display: flex;
      justify-content: flex-start;
  }
  
  div#product_tabs1 .nav-tabs .nav-link.active{
      background: #25505c!important;
  }
  div#product_tabs1 .nav.nav-tabs .nav-item .nav-link{
      background:transparent;
      color:#fff;
      font-size: 16px;
      text-transform: none;
  }
  div#product_tabs1 .product-layout .product-block {
      padding: 4rem 2rem 0rem;
  }    
  div#product_tabs1 .product-layout .product-block .product-block-title .product-name{
      text-transform: none;
  }
  div#product_tabs1  .product-layout .product-block .product-block-labels {
      position: absolute;
      right: -1px;
      top: 0;
      left:unset;
      z-index: 9;
      clip-path: polygon(54% 0%, 100% 0%, 100% 86%, 0% 42%);
  }
  
  div#product_tabs1 .product-layout .product-block {
      padding: 6rem 1rem 2rem;
      border:none;
      background-color: #fff;
      position: relative;
      box-shadow: 0px 0px 6.65px 3.35px rgba(0, 0, 0, 0.07);
  }
  div#product_tabs1 .product-layout .product-block .product-block-labels span {
      float: left;
      background: #003353;
      color: #fff;
      padding: 1.5rem 1.5rem;
      padding-right: 0.5rem;
      padding-bottom: 3rem;
      text-align: center;
      width: auto;
      clear: both;
      font-size: 15px;
  }
  div#product_tabs1 .product-layout .product-block .product-block-labels-2 span {
      float: left;
      background: #25505c;
      color: #fff;
      padding: 1.5rem 1.5rem;
      padding-right: 1.25rem;
      padding-left: 0.5rem;
      padding-top: 1.7rem;
      padding-bottom: 2.3rem;
      text-align: center;
      width: auto;
      clear: both;
      font-size: 14px;
      font-family: 'ZonaPro-Bold';
  }
  div#product_tabs1  .product-layout .product-block .product-block-labels-2 {
      z-index: 9;
      top: 0px;
      left: 0px;
      position: absolute;
      clip-path: polygon(0% 0%, 44% 0%, 100% 56%, 0% 100%);
  }
  
  div#product_tabs1 .product-layout{
      padding: 0.75rem;
  }
  div#product_tabs1 .product-layout .product-block .product-block-title .product-name a {
      font-size:17px;
      color:#333;
      font-family: 'ZonaPro-Black';
  }
  div#product_tabs1 .button-next-tab0,div#product_tabs0 .button-prev-tab0 {
      margin-top: -2rem;
      background: #25505c;
      color:#fff;
  }
  div#product_tabs1 .button-next-tab1{
    right:-2.5rem;
  }
  div#product_tabs1 .button-prev-tab1 {
    left:-2.5rem;
  }
  div#product_tabs1 .button-next-tab1,div#product_tabs1 .button-prev-tab1 {
      margin-top: -2rem;
      background: #25505c;
      color:#fff;
  }
  div#product_tabs1 .button-next-tab1{
    right:-2.5rem;
  }
  div#product_tabs1 .button-prev-tab1 {
    left:-2.5rem;
  }
  /* blog home section */
  div#blog-home-section .container{
      max-width:1250px;
  }
  div#blog-home-section .post-caption-abs {
      bottom: 1rem;
      left: 1rem;
      position: absolute;
      padding: 1rem;
      z-index: 99;
  }
  
  .blog-item-wrapper-2 {
      position: relative;
      cursor: pointer;
  }
  div#blog-home-section h4.blog_item-title-n {
      text-transform:none;
      font-size: 24px;
      font-family: 'ZonaPro-Bold';
  }
  div#blog-home-section .blog_item-title-n a{
      color:#fff;
  }
  div#blog-home-section .blog-item-wrapper-2:after{
      content:"";
      position:absolute;
      width:100%;
      height:100%;
      top:0px;
      left:0px;
      background-image: -moz-linear-gradient( 90deg, rgb(0,51,83) 0%, rgba(0,51,83,0.83) 17%, rgba(255,255,255,0) 100%);
      background-image: -webkit-linear-gradient( 90deg, rgb(0,51,83) 0%, rgba(0,51,83,0.83) 17%, rgba(255,255,255,0) 100%);
      background-image: -ms-linear-gradient( 90deg, rgb(0,51,83) 0%, rgba(0,51,83,0.83) 17%, rgba(255,255,255,0) 100%);
  
  }
  div#blog-home-section .blog-item-wrapper-2:before{
      content:"";
      position:absolute;
      width:100%;
      height:100%;
      top:0px;
      left:00px;
      z-index:99;
      -moz-box-shadow: inset 0px 750px 500px -500px #fff;
      -webkit-box-shadow: inset 0px 750px 500px -500px #fff;
      -o-box-shadow: inset 0px 750px 500px -500px #fff;
       box-shadow: inset 0px 750px 500px -500px #fff;
  }
  div#blog-home-section .blog-item-wrapper-2:hover:before, div#blog-home-section .post-caption-abs:hover .blog_item-image:before{
      -webkit-transition: all 0.3s ease;                  
      -moz-transition: all 0.3s ease;                 
      -o-transition: all 0.3s ease;   
      -ms-transition: all 0.3s ease;          
      transition: all 0.3s ease;
      display:none;
  }
  div#blog-home-section h3.module-title {
      color: #333;
      font-size:45px;
      text-transform:none;
      font-family: 'ZonaPro-Black';
      position:relative;
      margin-bottom: 5rem;
  }
  div#blog-home-section h3.module-title:after{
      position:absolute;
      content:"";
      bottom: -8px;
      left: calc(50% - 50px);
      width:100%;
      max-width: 100px;
      height:7px;
      background:#d0171f;
  }
  div#blog-home-section .blog_item-description-n {
      color: #fff;
      font-size: 14px;
  }
  div#blog-home-section .module-wrapper{
      padding-bottom:0rem;
  }
  div#blog-home-section .blog-category-caption {
      position: absolute;
      top: 2rem;
      z-index: 100;
      left: 2rem;
      background: #d0171f;
      padding: 1rem;
      padding-top: 0.8rem;
      padding-bottom: 0.8rem;
      color: #fff;
      font-size: 18px;
      font-family: 'ZonaPro-Bold';
  }
  
  /* megamenu */
  
  .navbar .dropdown-menu {
      top: 99.9%;
      -webkit-box-shadow: 0px 7px 12px 0 rgba(0,0,0,0.1);
      box-shadow: 0px 7px 12px 0 rgba(0,0,0,0.1);
      border-top: solid 3px #003353;
      flex-wrap: wrap;
      padding: 2rem;
      position: static;
      columns: 4;
      width: 100vw;
      left: 75%;
      transform: translateX(-34%);
      background-color: #003353;
  }
  @media screen and (min-width: 992px){
  .navbar .dropdown-menu > li {
      -webkit-column-break-inside: avoid-column;
      page-break-inside: avoid-column;
      break-inside: avoid-column;
      margin-bottom: 0.5rem;
      padding: 2rem;
      padding-bottom: 0rem;
      display: flex;
      align-items: center;
  }

  .navbar .dropdown-menu.show {
      display: flex;
      justify-content: center;
      box-shadow: 0px 0px 114px 0px rgba(0, 67, 109, 0.32);
  }
  .navbar .nav-item.show > .nav-link {
      background: #333;
      color: #fff;
      position: relative;
  }
  }
  
  /* category section */
  body.product_category {
      background: #f3f3f3;
  }
  div#product-category-pre-1 {
      background: url('/image/background-tires.png');
      background-size: cover;
      margin-bottom: 3rem;
      box-shadow: 0px 3px 79px 0px rgba(0, 0, 0, 0.16);
  }
  div#product-category-pre-2 {
      margin-bottom: 3rem;
      box-shadow: 0px 3px 79px 0px rgba(0, 0, 0, 0.16);
  }
  div#product-category-pre-1 .container,div#product-category-pre-2 .container {
      max-width: 1325px;
      display: flex;
      justify-content: flex-start;
  }
  div#product-category {
      max-width: 1325px;
  }
  div#product-category .category-block-text-wrap {
      text-align: center;
      overflow-y: hidden;
      box-shadow: 0px 0px 95px 0px rgba(0, 0, 0, 0.11);
      padding-top: 4.5rem;
      overflow: hidden;
      background: #fff;
  }
  div#product-category .category-block-text-wrap img {
      max-width: 380px;
      width:100%;
      transform: translate(15px, 50px);
  }
  div#product-category .category-blocks .category-block a{
      display: contents;
      background:none;
  }
  div#product-category .category-blocks .category-block {
      margin-bottom: 3rem;
      padding-left: 1rem;
      padding-right: 1rem;
  }
  div#product-category .category-block .cat_title h3{
      font-size:25px;
      text-transform:none;
      color:#333;
      margin-top:1rem;
      font-family: 'ZonaPro-Black';
      letter-spacing:-1px;
      margin-bottom: 0.5rem;
  }
  div#product-category .category-block .cat_title a{
      text-transform:none;
      color:#d0171f;
      font-size:15px;
  }
  div#product-category .category-block .cat_title i{
      margin-left:0.5rem;
      color:#d0171f;
  }
  div#product-category .category-block .cat_title {
      margin-left: 1rem;
  }
  div#product-category .category-block-text-wrap:hover{
      opacity: 0.4;
      transition:0.3s ease;
  }
  div#category-message {
      background: #d0171f;
      display: flex;
      justify-content: center;
      color: #ffff;
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
      font-size:14px;
  }
  div#category-message p{
      padding-bottom:0rem;
      margin-bottom:0rem;
  }
  div#product-category .product-filter-wrapper {
      display: flex;
      width: 100%;
  }
  /* filter section start */
  .bf-panel-wrapper .box-heading {
      background:#333;
      color:#fff;
      text-shadow:none;
  }
  .bf-panel-wrapper .bf-attr-block .bf-attr-header {
      padding: 1rem;
      font-weight: 700;
      letter-spacing: 0.05rem;
      font-size: 1rem;
      line-height: 1;
      margin-bottom: 0;
      color: #fff;
      font-weight: 500;
      border: none;
  }
  div#product-category .bf-attr-block-cont, div#product-search .bf-attr-block-cont{
    border:none;
  }
   .bf-cell label {
       font-weight:normal;
   }
   .bf-cell label:before {
      content: '';
      margin-right: 5px;
      display: inline-block;
      vertical-align: text-top;
      width: 14px;
      height: 14px;
      margin-top: 2px;
      margin-bottom: 2px;
      background: #fff;
      border: solid 1px #e1e1e1;
      -webkit-border-radius: 4px;
      border-radius: 4px;
      font-family: "Font Awesome 5 Pro";
      color: #d0171f;
      font-size: 11px;
      line-height: 1;
      text-align: center;
  }
  label:hover:before {
      background: #d0171f;
      border-color:#fff;
      color:#ffffff;
  }
  div#product-category .bf-cell input[type="checkbox"]:checked + label:before,.bf-cell input[type="radio"]:checked + label:before,div#product-search .bf-cell input[type="checkbox"]:checked + label:before {
      background: #d0171f;
      border-color:#d0171f;
      color:#ff4a0;
      content: "\f00c";
  }
  div#product-category .bf-cell label, div#product-search .bf-cell label {
      color: #111;
      font-size:15px;
      font-weight: 600;
  }
  div#product-category .bf-attr-filter input[type="checkbox"], .bf-attr-filter input[type="radio"], div#product-search .bf-attr-filter input[type="checkbox"] {
      display:inline-block !important;
  }
  
  div#product-category .bf-cell label, div#product-search .bf-cell label {
      display:inline-block  !important;
  }
  
  div#product-category .bf-cell, div#product-search .bf-cell {
      position: relative;
      cursor: pointer;
  }
  
  .bf-cell input[type="checkbox"],.bf-cell input[type="radio"], .bf-cell input[type="checkbox"] {
      position: absolute;
      left: -9999px;
  }
  div#product-category .bf-panel-wrapper .bf-attr-block .bf-attr-header, div#product-search .bf-panel-wrapper .bf-attr-block .bf-attr-header {
      border:1px solid transparent;
      color: #fff;
      font-weight: 800;
      font-size: 16px;
  }
  /* filter section end */
  /* switcher css start */
  div#switcher-category {
      margin-bottom: 3rem;
      display: flex;
      justify-content: flex-end;
      width: 100%;
  }
  div#product-category .switch-category {
    position: relative;
    display: inline-block;
    width: 58px;
    height: 30px;
  }
  
  div#product-category .switch-category input { 
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  div#product-category .slider-category {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  div#product-category .slider-category:before {
    position: absolute;
    content: "";
    height: 30px;
    width: 34px;
    left: 0px;
    bottom: 0px;
    background-color: #cb171f;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  div#product-category input:checked + .slider-category {
    background-color: #fff;
  }
  
  div#product-category input:focus + .slider-category {
    box-shadow: 0 0 1px #2196F3;
  }
  
  div#product-category input:checked + .slider-category:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
  }
  
  /* Rounded sliders */
  div#product-category .slider.round {
    border-radius: 34px;
  }
  
  div#product-category .slider.round:before {
    border-radius: 50%;
  }
  div#switcher-category span{
      padding-right:1rem;
      padding-top: 0.25rem;
      font-size:14px;
      color:#333;
  }
  /* switcher css end */
  
  div#category-blocks-tracker .category-block{
      margin-bottom:3rem;
  }
  .top-toolbar {
      border:none;
      background: #222;
  }
  .top-toolbar .form-group label span{
      color:#fff;
      font-family: 'ZonaPro-Black';
  }
  .top-toolbar .form-group .form-control{
      background: #fff;
      font-size: 11px;
  }
  .top-toolbar .form-group label{
      padding-left: 1rem;
  }
  .top-toolbar .form-group .padding-toolbar {
      min-width: 175px;
      font-size: 11px;
  }
  div#product-category .product-layout .product-block .product-block-labels span {
      float: left;
      background: #003353;
      color: #fff;
      padding: 1.5rem 1.5rem;
      padding-right: 0.5rem;
      padding-bottom: 3rem;
      text-align: center;
      width: auto;
      clear: both;
      font-size: 15px;
  }
  div#product-category  .product-layout .product-block .product-block-labels {
      z-index: 9;
      top: 0px;
      right: 0px;
      left: unset;
      clip-path: polygon(54% 0%, 100% 0%, 100% 86%, 0% 42%)
  }
  div#product-category .product-layout .product-block .product-block-labels-2 span {
      float: left;
      background: #d0171f;
      color: #fff;
      padding: 1.5rem 1.5rem;
      padding-right: 1.25rem;
      padding-left: 0.5rem;
      padding-bottom: 2.6rem;
      text-align: center;
      width: auto;
      clear: both;
      font-size: 14px;
      font-family: 'ZonaPro-Bold';
  }
  div#product-category  .product-layout .product-block .product-block-labels-2 {
      z-index: 9;
      top: 0px;
      left: 0px;
      position: absolute;
      clip-path: polygon(0% 0%, 44% 0%, 100% 56%, 0% 100%);
  }
  div#product-category .product-layout .product-block .product-block-title .product-name a {
      font-size: 17px;
      color: #333;
      font-family: 'ZonaPro-Black';
  }
  
  /* manipulate product main twig */
  div#product-category .product-block-actions-new, div#product_tabs0 .product-block-actions-new,div#product_tabs1 .product-block-actions-new {
      display: flex;
      justify-content: space-between;
      padding-left: 0px;
      margin-left: 0px;
  }
  
  div#product-category .product-layout .product-block, div#product_tabs0 .product-layout .product-block, div#product_tabs1 .product-layout .product-block {
      padding: 0rem 0rem 0rem;
  }
  div#product-category .product-layout .product-block {
      padding: 4rem 0rem 0rem;
      border: none;
      background-color: #fff;
      position: relative;
      box-shadow: 0px 0px 6.65px 3.35px rgba(0, 0, 0, 0.07);
  }  
  .product-layout .product-block .product-wishlist {
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      flex: 0 0 15%;
      border: none;
      background: #ff0000a1;
  }
  .product-layout .product-block .product-wishlist i{
      color: #fff;
  }
  .product-quickview {
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      width: 100%;
      display: flex;
      flex: 0 0 15%;
      border: none!important;
      display: flex;
      background: #25505c;
      width: 100%;
  }
  .product-layout .product-block .product-quickview:hover, .product-layout .product-block .product-wishlist:hover {
      background: #f3d217;
  }
  .product-layout .product-block .product-wishlist:hover  i{
      color: #fff;
  }
  .product-layout .product-block .product-quickview i{
      color: #fff;
      /* padding-left: 0.5rem; */
      /* padding-right: 0.5rem; */
  }
  .product-layout .product-block .product-block-price{
      background: none;
      border: none;
      margin-left: 0rem;
      margin-right: 0rem;
      border-top:1px solid #ededed;
  }
  .product-layout .product-block .product-block-price .amount {
      font-size: 1.25rem;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      color: #25505c;
      font-family: 'ZonaPro-Black';
  }
  .product-layout .product-block .product-block-price .amount_before {
      font-family: 'ZonaPro-Black';
      font-size: 1.1rem;
      color: #000;
      padding-left: 0.5rem;
      background-color: transparent;
      background-image: repeating-linear-gradient(167deg, transparent 0%, transparent 49%, #d0171f 51%, transparent 55%, transparent 100%);
      padding-right: 0.5rem;
  }
  div#product-category .product-block-actions-new span, div#product_tabs0 .product-block-actions-new span, div#product_tabs1 .product-block-actions-new span{
      font-size: 14px;
      color:#000;
      display: flex;
      align-items: center;
  }
  .reded {
      width: 10px;
      height: 10px;
      background: #d0171f;
      margin-left: 0.5rem;
  }
  .yellowed {
      width: 10px;
      height: 10px;
      background: #ffcc00;
      margin-left: 0.5rem;
  }
  div#product-product .number-spinner .input-group-btn {
      width: auto;
      display: block;
      float: left;
  }
  div#product-product a.manufacturer-image {
    border: 2px solid #26525e;
  }
  div#product-category .number-spinner .btn-default, div#product_tabs0 .number-spinner .btn-default, div#product_tabs1 .number-spinner .btn-default {
      height: 44px;
      line-height: 1.5;
      margin: 0;
      padding-left:0;
      padding-right:0;
      border: 0;
      outline: 0;
      box-shadow: none;
      text-align:center;
      display: block;
      float: left;
      font-size: 18px;
      font-weight: bold;
      width: 30px;
      background: #d0171f;
      color: #fff;
  }
  div#product-category.number-spinner .btn-default:hover {
      background:#f4f4f4;
  }
  div#product-category .number-spinner #input-quantity, div#product_tabs0 .number-spinner #input-quantity, div#product_tabs1 .number-spinner #input-quantity {
      background: transparent;
      height: 48px;
      line-height: 1.5;
      outline: 0;
      box-shadow: none;
      font-size: 16px;
      min-width: unset;
      padding: 5px 5px;
      display: block;
      float: left;
      font-weight: bold;
      color: #d0171f;
      width: calc(100% - 60px);
      border-top:0px;
      border-bottom:0px;
      border-left: none;
      border-right: none;
  }
  .product-block-actions-cart {
      display: flex;
      flex: 1;
  }
  .product-block-actions-cart .btn{
    font-size:12px;
  }
  div#product-category .product-layout .product-block .product-cart, div#product_tabs0 .product-layout .product-block .product-cart, div#product_tabs1 .product-layout .product-block .product-cart {
      width: 100%;
      flex: 0 0 67%;
      margin: 0px;
      background: #222;
      font-size: 10px;
      text-transform:none;
      font-family: 'ZonaPro-Thin';
  }
  div#product-category .product-layout .product-block .product-cart:hover, div#product_tabs0 .product-layout .product-block .product-cart:hover, div#product_tabs1 .product-layout .product-block .product-cart:hover{
      background: #f3d217;
      color:#fff;
  }
  div#product-category .product-layout .product-block .product-cart i, div#product_tabs0 .product-layout .product-block .product-cart i, div#product_tabs1 .product-layout .product-block .product-cart i{
      padding-left: 0rem;
      padding-right: 0.25rem;
  }
  /* manipulate product main twig */  
  .deals-module-container .deals-module-title {
    text-align: center;
    margin-top: 0rem;
    justify-content: CENTER;
    display: flex;
    color: #26525e;
    font-size: 39px;
    letter-spacing: 1px;
    text-transform: none;
    position: relative;
    font-family: 'ZonaPro-Black';
}
.deals-module-container .deals-module-title:after{
  content:" ";
  height:4px;
  position:absolute;
  bottom:-3px;
    left:calc(50%rem);
  background:#000;
  width:200px;
}
  /* list settings */
  div#list-icons i{
      color:#fff;
      padding:0.5rem;
  }
  .product-block-list .product-top {
      display: flex;
      background: #fff;
      justify-content: flex-start;
      margin-bottom:1rem;
      height: 55px;
  }
  div#listed-item-category .product-block-list-title h3.product-name {
      font-size: 16px;
  }
  div#listed-item-category .product-block-list .product-thumbnail {
      flex: 0 0 0 8%;
      display: flex;
  }
  div#listed-item-category .product-block-list .product-block-image {
      flex: 0 0 8%;
      justify-content: center;
      align-items: center;
      display: flex;
  }
  div#listed-item-category .product-block-list  .product-block-list-title {
      flex: 0 0 42%;
      align-items: center;
      display: flex;
  }
  div#listed-item-category .product-block-list .product-block-list-price.start-price{
      flex: 0 0 10%;
      align-items: center;
      display: flex;
  }
  div#listed-item-category .product-block-list-price-special.special-price{
      flex: 0 0 10%;
      align-items: center;
      display: flex;
  }
  div#listed-item-category .product-block-list .product-block-list-available{
      flex: 0 0 5%;
      align-items: center;
      display: flex;
  }
  div#listed-item-category .product-block-list .product-block-list-quantity{
      flex: 0 0 9%;
      align-items: center;
      display: flex;
  }
  div#listed-item-category .product-block-list .product-block-list-actions-buttons{
      flex: 0 0 16%;
      align-items: center;
      display: flex;
  }
  div#listed-item-category .product-block-list-title h3.product-name {
      font-size: 17px;
      color: #003353;
      font-family: 'ZonaPro-Black';
      margin: 0px;
      text-transform: none;
  }
  div#listed-item-category .product-block-list-price.start-price h3.product-price {
      color:#6684a3;
      font-size: 15px;
      font-family: 'ZonaPro-Black';
      letter-spacing: 0.25px;
  }
  div#listed-item-category .product-block-list-price-special.special-price h3.product-price {
      color: #003353;
      font-size: 15px;
      font-family: 'ZonaPro-Black';
      letter-spacing: 0.25px;
  }
  div#listed-item-category .product-block-list .number-spinner .btn-default{
      height: 44px;
      line-height: 1.5;
      margin: 0;
      padding-left: 0;
      padding-right: 0;
      border: 0;
      outline: 0;
      box-shadow: none;
      text-align: center;
      display: block;
      float: left;
      font-size: 18px;
      font-weight: bold;
      width: 20px;
      background: transparent;
      color: #d0171f;
  }
  div#listed-item-category .product-block-list-actions-buttons .btn{
      padding: .5rem .54rem;
      height:55px;
  }
  div#listed-item-category .product-block-list-actions-buttons .product-wishlist {
      background:#f8f8f8;
      border:none;
  }
  div#listed-item-category .product-block-list-actions-buttons .product-wishlist:hover {
      background:#d0171f;
  }
  div#listed-item-category .product-block-list-actions-buttons .product-wishlist i{
      color:#d0171f;
  }
  div#listed-item-category .product-block-list-actions-buttons .product-wishlist:hover i{
      color: #fff;
  }
  div#listed-item-category .product-block-list-actions-buttons .product-quickview {
      background:#b1c1cb;
      border:none;
  }
  div#listed-item-category .product-block-list-actions-buttons .product-quickview:hover {
      background:#d0171f;
  }
  div#listed-item-category .product-block-list-actions-buttons .product-quickview:hover i{
      color: #fff;
  }
  div#listed-item-category .product-block-list-actions-buttons .product-cart {
      background:#333;
      border:none;
  }
  div#listed-item-category .product-block-list-actions-buttons .product-cart:hover {
      background:#d0171f;
  }
  div#listed-item-category .product-block-list-actions-buttons .product-cart:hover i{
      color: #fff;
  }
  /* list heading css */
  div#listed-item-category {
      display: block;
      width: 100%;
  }
  div#listed-item-category .product-top {
      display: flex;
  }
  div#listed-item-category .rower {
      margin-left: 15px;
      margin-right: 15px;
      background: #333;
      padding-top: 1rem;
      padding-bottom: 1rem;
      margin-bottom: 1rem;
      margin-top: 2rem;
  }
  div#listed-item-category .product-block-image-heading {
      display: flex;
      align-items: center;
      flex: 0 0 8%;
      color: #fff;
      justify-content: center;
  }
   div#listed-item-category .product-block-list-title-heading {
      flex: 0 0 42%;
      align-items: center;
      display: flex;
      color: #fff;
      justify-content: flex-start;
  }
   div#listed-item-category .product-block-list-price-heading{
      flex: 0 0 10%;
      align-items: center;
      display: flex;
      color: #fff;
      justify-content: flex-start;
  }
   div#listed-item-category .product-block-list-price-special-heading{
      flex: 0 0 10%;
      align-items: center;
      color: #fff;
      display: flex;
      justify-content: flex-start;
  }
  div#listed-item-category  .product-block-list-available-heading{
      flex: 0 0 7%;
      align-items: center;
      display: flex;
      color: #fff;
      justify-content: flex-start;
  }
  div#listed-item-category .product-block-list-quantity-heading{
      flex: 0 0 9%;
      align-items: center;
      color: #fff;
      display: flex;
  }
  div#listed-item-category .product-block-list-actions-buttons-heading{
      flex: 0 0 16%;
      align-items: center;
      display: flex;
      color: #fff;
  }
  div#listed-item-category span{
      font-size:13px;
  }
  
  /* product page */
  div#product-product {
      max-width: 1325px;
  }
  div#product-product #product-row {
      padding-top: 0rem;
  }
  div#product-product .breadcrumb {
      color: #acacac;
      font-size: 0.75rem;
      padding: 2.5rem 0;
  }   
  div#product-product .breadcrumb li a{
      font-size: 13px;
  }
  div#product-product .breadcrumb li a, div#product-product .breadcrumb li:last-child a{
      color: #a2a2a2;
      text-transform: uppercase;
  }
  div#product-product .breadcrumb li:first-child a {
      color: #d0171f;
      text-transform: uppercase;
  } 
  div#product-product .breadcrumb-item+.breadcrumb-item::before {
      display: inline-block;
      padding-right: .25rem;
      color: #a2a2a2;
      content: ">";
  }
  
  div#product-product #product-image-gallery .product-block-labels span{
      float: left;
      background: #003353;
      color: #fff;
      padding: 2.5rem 2.5rem;
      padding-right: 1rem;
      padding-bottom: 4rem;
      text-align: center;
      width: auto;
      clear: both;
      font-size: 20px; 
      font-family: 'ZonaPro-Bold';
  }
  div#product-product #product-image-gallery .product-block-labels{
      position: absolute;
      right: -1px;
      top: 0;
      left: unset;
      z-index: 9;
      clip-path: polygon(54% 0%, 100% 0%, 100% 86%, 0% 42%);
  }
  div#product-product #product-image-gallery .product-block-labels-2 span {
      float: left;
      background: #d0171f;
      color: #fff;
      padding: 2.5rem 2.5rem;
      padding-right: 2.25rem;
      padding-left: 1rem;
      padding-bottom: 3.6rem;
      text-align: center;
      width: auto;
      clear: both;
      font-size: 20px;
      font-family: 'ZonaPro-Bold';
  }
  div#product-product #product-image-gallery .product-block-labels-2 {
      z-index: 9;
      top: 0px;
      left: 0px;
      position: absolute;
      clip-path: polygon(0% 0%, 44% 0%, 100% 56%, 0% 100%);
  }
  div#product-product #product-image-gallery {
      background: #fff;
      border: none;
      box-shadow: 0px 0px 135.36px 8.64px rgba(0, 0, 0, 0.05);
  }
  div#product-product #product-image-gallery .swiper-slide img {
      position: relative;
      z-index: 2;
      width: 100%;
      height: auto;
      /* padding: 4rem; */
      /* padding-top: 6rem; */
      /* padding-bottom: 6rem; */
  }
  div#product-product h1 {
      text-transform: none;
      line-height: 1.2;
      font-size: 30px;
      margin-bottom: 1rem;
      font-family: 'ZonaPro-Bold';
      color: #333;
      letter-spacing: 1px;
      margin-top: 1rem;
  }
  div#product-product .product-price-container .price-old {
      text-decoration: unset;
      padding-right: 0rem;
      font-size: 1.8rem;
      margin-right: 3rem;
      color: #6684a3;
      font-family: 'ZonaPro-Black';
      background-color: transparent;
      background-image: repeating-linear-gradient(167deg, transparent 0%, transparent 52%, #d0171f 55%, transparent 59%, transparent 100%);
  }
  div#product-product .product-price-container h2 {
      font-size: 2.5rem;
      color: #333;
      margin: 0;
      font-family: 'ZonaPro-Black';
  }
  div#product-product .product-stock-container {
      display: flex;
      justify-content: flex-start;
      font-size: 12px;
      color: #d1bb3e;
      font-weight: 700;
  }
  div#product-product .yellowed, div#product-product .reded{
      margin-top:0.5rem;
  }
  
  
  div#product-product .product-price-container {
      display: flex;
      margin-bottom: 2rem;
      justify-content: space-between;
  }
  div#product-product .price-product {
      display: flex;
      align-items: flex-end;
      justify-content: flex-start;
      align-items: center;
  }
div#product-product span.price-old {
    font-size: 23px;
    position:relative;
    margin-right:1rem;
}
div#product-product span.price-old:before{
    content:"";
    position:absolute;
    top:50%;
    left:0px;
    height:2px;
    width:100%;
    background:red;
    
}

  div#product-product .price-product h2{
    margin-top:1rem;
    margin-bottom:1rem;
    font-family: 'ZonaPro-Bold';
    letter-spacing:0.5px;
  }
  
  div#product-product .code-product {
      display: flex;
      align-items: flex-end;
      justify-content: flex-start;
      font-size: 13px;
      color: #27456c;
      margin-bottom: 0.5rem;
      /* max-width: 200px; */
  }
  div#product-product .description-product {
      font-size: 13px;
      color: #989898;
      line-height: 2.2;
  }
  @media screen and (min-width: 1280px){
      div#product-product .product-column-right {
          padding-left: 2rem;
          padding-right: 2rem;
          margin-top: 4rem;
      }
  }
  
  div#product-product .manufacturer-product {
      margin-bottom: 2rem;
      margin-top: 2rem;
      display: flex;
      align-items:center;
  }
  div#product-product .manufacturer-product img{
      max-width:200px;
      box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.07);
      padding: 1rem;
  }
  div#product-product .product-attributes-section {
      margin-bottom: 4rem;
  }
  div#product-product .product-attributes-section h4{
      font-size:14px;
      letter-spacing:0.5px;
      text-transform:none;
      color:#000;
      margin:0;
  }
  div#product-product .attribute-row-flexed {
      display: flex;
      justify-content: flex-start;
  }
  div#product-product .attribute-box {
      /* padding: 0.5rem; */
      margin-right: 1rem;
      display: flex;
      box-shadow: 0px 0px 24.3px 2.7px rgba(0, 0, 0, 0.09);
  }
  div#product-product .attribute-text {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 1rem;
      padding-left: 1rem;
      padding-right: 1rem;
      background: #333;
      color: #fff;
      font-size: 20px;
      font-family: 'ZonaPro-Black';
  }
  
  div#product-product .attribute-image {
      display: flex;
      align-items: center;
      padding: 0.5rem;
  }
  div#product-product .att-heading {
      display: flex;
      margin-bottom: 1.5rem;
  }
  
  div#product-product .att-heading i{
      margin-left:0.5rem;
      color:#333;
  }
  div#product-product .btn-cart .product-quantity {
      margin-left: 0rem;
      margin-right: 0rem;
  }
  div#product-product .btn-cart #button-cart{
      margin-left: 0rem;
      margin-right: 0rem;
  }
  div#product-product .number-spinner {
      border: none;
  }
  div#product-product #product .number-spinner #input-quantity {
      background: transparent;
      height: 48px;
      line-height: 1.5;
      outline: 0;
      box-shadow: none;
      font-size: 16px;
      min-width: unset;
      padding: 5px 5px;
      display: block;
      float: left;
      font-weight: bold;
      color: #26525e;
      width: calc(100% - 100px);
      border-top:0px;
      border-bottom:0px;
      border-left: none;
      border-right: none;
      font-family: 'ZonaPro-Black';
  }
  div#product-product .number-spinner .btn-default {
      height: 44px;
      line-height: 1.5;
      margin: 0;
      padding-left: 0;
      padding-right: 0;
      border: 0;
      outline: 0;
      box-shadow: none;
      text-align: center;
      display: block;
      float: left;
      font-size: 18px;
      font-weight: bold;
      width: 50px;
      background: #25505c;
      color: #fff;
      -webkit-transition: background 0.3s ease;
  }
  div#product-product .btn-cart {
      margin-left:0px;
      margin-right:0px;
  }
  div#product-product .btn-cart #button-cart {
      font-size: 13px;
      margin-left: 0rem;
      margin-right: 0rem;
      max-width: 250px;
      padding: 0rem 0rem;
      text-transform: none;
      background: #222222;
      font-weight: 500;
      border:none;
      -webkit-transition: background 0.3s ease;
  }
  div#product-product .btn-cart #button-cart:hover{
      background: #26525e;
      color:#fff;
  }
  div#product-product .number-spinner .btn-default:hover{
      background: #f1d017;
  }
  div#product-product .btn-cart #button-wish{
      font-size: 13px;
      margin-left: 0rem;
      margin-right: 0rem;
      max-width: 250px;
      padding: 0rem 0rem;
      text-transform: none;
      color: #fff;
      font-weight: 500;
      border:none;
      -webkit-transition: background 0.3s ease;
      background: #f0d017;
  }
  div#product-product .btn-cart #button-wish i{
      color: #fff;
  }
  div#product-product .btn-cart #button-wish:hover{
      background: #222222;
      color:#fff;
  }
  div#product-product .btn-cart #button-wish:hover i{
      color:#fff;
  }
  /* cart container */
  div#cart-container .cart_row_info h4 {
      margin-top: 0;
      margin-bottom: 5px;
      font-size: 14px;
      letter-spacing: 0.5px;
  }
  div#cart-container .modal-heading{
      background: #333;
      color:#fff;
      font-family: 'ZonaPro-Bold';
  }
  div#cart-container .modal-heading #close-cart{
      color:#fff;
  }
  div#cart-container .cart_totals_row {
      background: #26525e;
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      padding: 10px 15px;
      border-bottom: solid 1px #fff;
      align-items: center;
  }
  div#cart-container .cart_totals_row .col.text-right {
      justify-content: flex-end;
      align-self: flex-end;
      justify-content: flex-start;
      flex-grow: 1;
      font-weight: bold;
      font-size: 18px;
      color: #fff;
  }
  div#cart-container .cart_totals_row .col{
      color:#fff;
  }
  div#cart-container .modal-footer a{
      background: #333;
      border:none;
  }
  div#cart-container .modal-footer a:hover{
      background: #e1e125;
      color:#fff;
  }
  div#cart-container .cart_row_info h4{
      color:#333;
  }
  /* cart container */
  
  /* account login */
  div#account-login {
    /* max-width:1850px; */
    margin-bottom: 2rem;
    /* margin-top: 2rem; */
  }
  div#account-login .btn.btn-primary {
      background: #333;
      border:none;
      width: 100%;
      font-weight: 300;
      margin-top: 2rem;
  }
  div#account-login .btn.btn-primary:hover{
    background: #26525e;
    color:#fff;
  }
  div#account-login h1{
      color:#333;
      text-transform: none;
      margin-bottom: 2rem;
      margin-top: 1rem;
      font-size: 30px;
      font-family: 'ZonaPro-Bold';
      position:relative;
      justify-content: flex-start;
  }
  #account-account .well, #account-login .well{
      border:none;
      padding: 0rem;
      padding-top: 1rem;
  }
  div#account-login h2{
      text-transform:none;
      color:#333;
      font-family: 'ZonaPro-Thin';
      position:relative;
      letter-spacing: 1px;
  }
  div#account-login h1:before{
    content:"";
    position:absolute;
    background: #26525e;
    width:100%;
    max-width:400px;
    height:4px;
    bottom:-8px;
  }
  div#account-login .form-control{
      border-bottom:none;
      box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.09);
      border: 1px solid #aaaaaa;
  }
  div#account-login .list-group-item:before {
      color:#333;
  }
  div#account-login  .list-group-item{
      color: #333;
      border-bottom: 1px solid #b1c1cb;
      padding: 1rem 1rem;
  }
  div#account-login .list-group-item:hover{
      background:#b1c1cb;
      color:#fff;
  }
  div#account-login .list-group-item:hover:before{
      color:#fff;
  }
  div#account-login .well p{
      margin-bottom:2rem;
  }
  div#account-login a.forgot-pass {
      margin-top: 2rem;
      display: block;
      color: #d0171f;
  }
  div#account-account {
    /* max-width:1850px; */
    margin-bottom: 2rem;
    /* margin-top: 2rem; */
  }
  div#account-account .btn.btn-primary {
      background: #333;
      border:none;
      width: 100%;
      font-weight: 300;
      margin-top: 2rem;
  }
  div#account-account .btn.btn-primary:hover{
    background: #26525e;
    color:#fff;
  }
  div#account-account h1{
      color:#333;
      text-transform: none;
      margin-bottom: 2rem;
      margin-top: 1rem;
      font-size: 30px;
      font-family: 'ZonaPro-Bold';
      position:relative;
      justify-content: flex-start;
  }
  #account-account .well, #account-login .well{
      border:none;
      padding: 0rem;
      padding-top: 1rem;
  }
  div#account-account h2{
      text-transform:none;
      color:#333;
      font-family: 'ZonaPro-Thin';
      position:relative;
      letter-spacing: 1px;
  }
  div#account-account h1:before{
    content:"";
    position:absolute;
    background: #26525e;
    width:100%;
    max-width:400px;
    height:4px;
    bottom:-8px;
  }
  div#account-account .form-control{
      border-bottom:none;
      box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.09);
      border: 1px solid #aaaaaa;
  }
  div#account-account .list-group-item:before {
      color:#333;
  }
  div#account-account  .list-group-item{
      color: #333;
      border-bottom: 1px solid #b1c1cb;
      padding: 1rem 1rem;
  }
  div#account-account .list-group-item:hover{
      background:#b1c1cb;
      color:#fff;
  }
  div#account-account .list-group-item:hover:before{
      color:#fff;
  }
  div#account-account .well p{
      margin-bottom:2rem;
  }
  div#account-account a.forgot-pass {
      margin-top: 2rem;
      display: block;
      color: #d0171f;
  }
  /* account register */
  div#account-register {
    margin-bottom: 2rem;
  }
  div#account-register .btn.btn-primary {
      background: #222222;
      border:none;
  }
  div#account-register .btn.btn-primary:hover{
    background: #26525e;
    color:#fff;
  }
  div#account-register h1{
      color:#333;
      text-transform: none;
      margin-bottom: 2rem;
      font-size: 30px;
      margin-top: 1rem;
      font-family: 'ZonaPro-Bold';
      position:relative;
      justify-content: flex-start;
  }
  #account-account .well, #account-login .well{
      border:none;
      padding: 0rem;
      padding-top: 1rem;
  }
  div#account-register h2{
      text-transform:none;
      color:#333;
      font-family: 'ZonaPro-Black';
      position:relative;
  }
  div#account-register h1:before{
    content:"";
    position:absolute;
    background: #26525e;
    width:100%;
    max-width:400px;
    height:4px;
    bottom:-8px;
  }
  div#account-register .form-control{
      border-bottom:none;
      /* box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.09); */
      border: 1px solid #333;
  }
  div#account-register .list-group-item:before {
      color:#333;
  }
  div#account-register  .list-group-item{
      color:#333;
      border-bottom: 1px solid #b1c1cb;
      padding: 1rem 1rem;
  }
  div#account-register .list-group-item:hover{
      background:#b1c1cb;
      color:#fff;
  }
  div#account-register .list-group-item:hover:before{
      color:#fff;
  }
  div#account-register .well p{
      margin-bottom:2rem;
  }
  div#account-register a.forgot-pass {
      margin-top: 2rem;
      display: block;
      color: #d0171f;
  }
  div#account-register legend:after{
      background: #26515d;
  }
  div#account-register {
    margin-bottom: 2rem;
  }
 div#account_logout .btn.btn-primary {
      background: #222222;
      border:none;
  }
 div#account_logout .btn.btn-primary:hover{
    background: #26525e;
    color:#fff;
  }
 div#account_logout h1{
      color:#333;
      text-transform: none;
      margin-bottom: 2rem;
      font-size: 30px;
      margin-top: 1rem;
      font-family: 'ZonaPro-Bold';
      position:relative;
      justify-content: flex-start;
  }
  #account-account .well, #account-login .well{
      border:none;
      padding: 0rem;
      padding-top: 1rem;
  }
 div#account_logout h2{
      text-transform:none;
      color:#333;
      font-family: 'ZonaPro-Black';
      position:relative;
  }
 div#account_logout h1:before{
    content:"";
    position:absolute;
    background: #26525e;
    width:100%;
    max-width:400px;
    height:4px;
    bottom:-8px;
  }
 div#account_logout .form-control{
      border-bottom:none;
      /* box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.09); */
      border: 1px solid #333;
  }
 .account_logout .list-group-item:before {
      color:#333;
  }
 .account_logout  .list-group-item{
      color:#333;
      border-bottom: 1px solid #b1c1cb;
      padding: 1rem 1rem;
  }
 .account_logout .list-group-item:hover{
      background:#b1c1cb;
      color:#fff;
  }
 .account_logout .list-group-item:hover:before{
      color:#fff;
  }
 .account_logout .well p{
      margin-bottom:2rem;
  }
 .account_logout a.forgot-pass {
      margin-top: 2rem;
      display: block;
      color: #d0171f;
  }
 .account_logout legend:after{
      background: #26515d;
  }
  /* information contact page */
  div#information-contact {
    max-width:1850px;
    margin-bottom: 2rem;
  }
  div#information-contact .btn.btn-primary {
      background: #d0171f;
      border:none;
  }
  div#information-contact .btn.btn-primary:hover{
    background:#b1c1cb;
    color:#fff;
  }
  div#account-login .form-group {
      margin-bottom: 1rem;
  }
  div#account-login label.col-form-label {
      justify-content: flex-start;
      text-align: left;
      width: 100%;
      color: #133658;
      text-transform: none;
      font-family: 'ZonaPro-Thin';
  }
  div#information-contact h1{
      color:#333;
      text-transform: none;
      margin-bottom: 3rem;
      margin-top: 0rem;
      font-family: 'ZonaPro-Black';
      position:relative;
      justify-content: flex-start;
  }
  #account-account .well, #account-login .well{
      border:none;
      padding: 2rem;
      padding-top: 1rem;
      display: block;
      width: 100%;
      max-width: 525px;
      margin: auto;
      text-align: center;
      /* -webkit-box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 15%); */
      -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.51);
      /* box-shadow: 0px 0px 16px 0px rgb(0 0 0 / 30%); */
      border: 1px solid #333;
      margin-bottom: 1rem;
  }
  #account-account .well li a{
    color:#333;
    font-size:15px;
  }
  #account-account .well li a:hover{
    color:#26525e;
    transition:0.3s ease;
    text-decoration:none;
  }
  div#information-contact h2{
      text-transform:none;
      color:#333;
      font-family: 'ZonaPro-Black';
      position:relative;
  }
  div#information-contact h1:before{
    content:"";
    position:absolute;
    background:red;
    width:100%;
    max-width:400px;
    height:4px;
    bottom:-8px;
  }
  div#information-contact .form-control{
      border-bottom:none;
      box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.09);
  }
  div#information-contact .list-group-item:before {
      color:#333;
  }
  div#information-contact  .list-group-item{
      color:#333;
      border-bottom: 1px solid #b1c1cb;
      padding: 1rem 1rem;
  }
  div#information-contact .list-group-item:hover{
      background:#b1c1cb;
      color:#fff;
  }
  div#information-contact .list-group-item:hover:before{
      color:#fff;
  }
  div#information-contact .well p{
      margin-bottom:2rem;
  }
  div#information-contact a.forgot-pass {
      margin-top: 2rem;
      display: block;
      color: #d0171f;
  }
  div#information-contact h3{
      text-transform:none;
      font-size:15px;
      letter-spacing:1px;
      color:#333;
      margin-bottom:1rem;
      margin-top:1rem;
  }
  div#information-contact i{
      color:#d0171f;
  }
  div#information-contact legend{
      color:#333;
      padding-top: 4rem;
      margin-bottom: 2rem;
      text-transform: none;
      font-family: 'ZonaPro-Black';
  }
  div#information-contact legend:after, div#information-contact legend.col-form-label:after {
      background: #d0171f;
  }
  /* quickcheckout */
  body.extension_quickcheckout_checkout h1{
      color:#333;
      text-transform: none;
      margin-bottom: 3rem;
      margin-top: 0rem;
      font-family: 'ZonaPro-Black';
      position:relative;
      justify-content: flex-start;
  }
  body.extension_quickcheckout_checkout .btn.btn-primary {
      background: #333;
      border:none;
  }
  body.extension_quickcheckout_checkout .btn.btn-primary:hover{
    background: #f3d217;
    color:#fff;
  }
  body.extension_quickcheckout_checkout h1{
      color:#333;
      text-transform: none;
      margin-bottom: 1rem;
      margin-top: 1rem;
      font-family: 'ZonaPro-Bold';
      position:relative;
      justify-content: flex-start;
  }
  
  body.extension_quickcheckout_checkout h2{
      text-transform:none;
      color:#333;
      font-family: 'ZonaPro-Black';
      position:relative;
  }
  body.extension_quickcheckout_checkout h1:before{
    content:"";
    position:absolute;
    background: #26525e;
    width:100%;
    max-width:130px;
    height: 3px;
    bottom:-8px;
  }
  .quickcheckout-content label{
    font-weight:600;
    font-size:15px;
  }
  body.extension_quickcheckout_checkout .form-control{
      border-bottom:none;
      border:1px solid #333;
      box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.09);
  }
  body.extension_quickcheckout_checkout .list-group-item:before {
      color:#333;
  }
  body.extension_quickcheckout_checkout  .list-group-item{
      color:#333;
      border-bottom: 1px solid #b1c1cb;
      padding: 1rem 1rem;
  }
  body.extension_quickcheckout_checkout .list-group-item:hover{
      background:#b1c1cb;
      color:#fff;
  }
  body.extension_quickcheckout_checkout .list-group-item:hover:before{
      color:#fff;
  }
  body.extension_quickcheckout_checkout .well p{
      margin-bottom:2rem;
  }
  body.extension_quickcheckout_checkout a.forgot-pass {
      margin-top: 2rem;
      display: block;
      color: #d0171f;
  }
  .quickcheckout-heading{
      background: none;
  }
  .quickcheckout-content{
      background: none;
      padding-left: 2px;
  }
  body.extension_quickcheckout_checkout main .container {
      max-width: 1850px;
      width: 100%;
  
  }
  div#payment-address i, div#shipping-method i, div#payment-method i, div#quickcheckoutconfirm .quickcheckout-heading i {
      color: #26505c;
      margin-right: 1rem;
  }
  
  div#payment-address .quickcheckout-heading, div#shipping-method .quickcheckout-heading, div#payment-method .quickcheckout-heading, div#quickcheckoutconfirm .quickcheckout-heading{
      text-transform:none;
      color:#333;
      font-family: 'ZonaPro-Black';
      border-bottom: none;
      padding: .75rem 0rem;
  }
  div#payment-address .quickcheckout-heading, div#quickcheckoutconfirm .quickcheckout-heading{
      padding-left: 15px;
  }
  .checkout-cart-row .checkout-cart-block {
      padding-left: 1rem;
      padding-right: 1rem;
      flex: 25%;
  }
  .checkout-cart-container.checkout-cart-totals .checkout-cart-row .checkout-cart-block {
      display: flex;
      justify-content: flex-end;
      font-family: 'ZonaPro-Black';
      color: #333;
  }
  .checkout-cart-row .checkout-cart-block:first-child{
      flex:5%;
  }
  .checkout-cart-row .checkout-cart-block:nth-child(2){
      flex:40%;
  }
  .checkout-cart-row {
      display: flex;
      align-items: center;
      justify-content: space-around;
      width: 100%;
      padding-top: 1rem;
      padding-bottom: 1rem;
      border-bottom: 1px solid #333;
      background: #f4f4f4;
      padding: 1rem;
  }
  .checkout-cart-row .checkout-cart-block .checkout-cart-title {
      line-height: 1.25;
      font-size: 1.25em;
      font-weight: 700;
      color: #333;
      font-family: 'ZonaPro-Black';
  }    
  .checkout-cart-container .number-spinner .btn-default {
      height: 44px;
      line-height: 1.5;
      margin: 0;
      padding-left:0;
      padding-right:0;
      border: 0;
      outline: 0;
      box-shadow: none;
      text-align:center;
      display: block;
      float: left;
      font-size: 18px;
      font-weight: bold;
      width: 35px;
      background: #d0171f;
      color: #fff;
  }
  .checkout-cart-container .number-spinner #input-quantity{
      background: transparent;
      height: 48px;
      line-height: 1.5;
      outline: 0;
      box-shadow: none;
      font-size: 16px;
      min-width: unset;
      padding: 5px 5px;
      display: block;
      float: left;
      font-weight: bold;
      color: #d0171f;
      width: calc(100% - 60px);
      border-top:0px;
      border-bottom:0px;
      border-left: none;
      border-right: none;
  }
  div#cart1 .btn{
      background: #333;
      color:#fff;
      border:1px solid #fff;
  }
  div#cart1 .btn:hover{
      background: #333;
      color:#fff;
  }
  /* blog item */
  div#bloged{
      margin-top:3rem;
      margin-bottom:3rem;
  }
  div#bloged .container{
      max-width:1280px;
  }
  div#bloged h1{
      color:#333;
      font-family: 'ZonaPro-Black';
  }
  div#bloged .centered {
      align-items: center;
      display: flex;
      justify-content: center;
  }
  /* blog item */
  /* responsive section */
  @media screen and (max-width: 1500px) {
      .header-main {
          background-size: cover;
      }
      .navbar .dropdown-menu{
          width: 99vw;
      }
     
      .header-main-wrapper .dropdown-toggle::after{
          display:none;
      }
      .slideshow-wrapper .swipper-slide-caption-wrapper .swipper-slide-caption {
          padding-left: 2rem;
          padding-right: 2rem;
      }
      .slideshow-wrapper .swipper-slide-caption-wrapper .swipper-slide-caption a {
          margin-top: 3rem;
      }
      div#info-home{
          background-size: cover;
          padding-left: unset;
      }
      div#info-home .title-wrapper-home h4 {
          letter-spacing: -1px;
      }
      footer{
          background-size:cover;
      }
      div#product_tabs0 .button-next-tab0,div#product_tabs1 .button-next-tab1 {
          right: 1.5rem;
      }
      div#product_tabs1 .button-prev-tab1, div#product_tabs0 .button-prev-tab0 {
          left: 1.5rem;
      }
      .header-top-bar .header-top-bar-block-2 .credit-details {
          color: #333;
          min-width: unset;
      }
      .live-search ul li .product-name {
    margin-bottom: var(--space-quarter);
    font-size: 6px !important;
    font-weight: var(--font-weight-bold);
    width: 100%;
    flex: 0 0 40%;
    /* flex: 1; */
}
  }
  
  @media screen and (max-width: 1300px) {
      .header-top-bar .header-top-bar-block-2 .credit-details {
          color: #333;
          min-width: unset;
          width: unset;
      }
      .slideshow-wrapper .swipper-slide-caption-wrapper .swipper-slide-caption{
        display: none;
      }
      div#info-home .image-wrapper-home {
        padding: 1rem;
      }  
      .header-top-bar .header-top-bar-block-2 .login-details span{
          font-size: 13px;
      }
      .header-top-bar .header-top-bar-block-2 span.limit-heading{
          display: none;
      }
      .header-top-bar .header-top-bar-block-2 .tyre-limit{
          padding-right: 2rem;
      }
      .header-main-wrapper .elastika svg, .header-main-wrapper .batteries svg {
          max-width: 40px;
      }
      .navbar .nav-item .nav-link {
          font-size: 15px;
      }  
      .slideshow-wrapper .swipper-slide-caption-wrapper .swipper-slide-caption h4, .slideshow-wrapper .swipper-slide-caption-wrapper .swipper-slide-caption h2 {
          font-size: 2.5rem;
      } 
      .slideshow-wrapper .swipper-slide-caption-wrapper .swipper-slide-caption a {
          margin-top: 2rem;
      } 
      .slideshow-wrapper .swiper-pagination {
          bottom: 8rem;
      }
      div#product_tabs0 {
          margin-bottom: 1rem;
      }
      div#blog-home-section .module-wrapper{
          padding-top: 2rem;
      }
      div#newsletter {
          padding: 2.6rem;
      }
      .navbar .dropdown-menu {
          width: 98.9vw;
      }
      div#category-banner .container,div#product_tabs0 .container,div#product_tabs1 .container,div#blog-home-section .container,div#manufacturers-index .container,div#info-home .container,.footer-wrap .container {
          max-width: 1150px;
      }
       div#product-category .product-layout .product-block .product-cart, div#product_tabs0 .product-layout .product-block .product-cart, div#product_tabs1 .product-layout .product-block .product-cart{
          font-size: 9px;
      }
      .footer-wrap .padding-columns-footer {
           padding: 2rem;
      }
  }
  @media screen and (max-width: 1150px) {
      .header-top-bar .header-top-bar-block-2 .login-details span {
          font-size: 11px;
      }
      .header-top-bar .header-top-bar-block-2 .progress{
          margin-left: 0.2rem;
      }
       .header-main-wrapper #search .input-lg {
          width: 100%;
      }
      .header-top-bar .header-top-bar-block-2 .progress-money span{
          margin-left: 0.5rem;
      }
      .navbar .nav-item .nav-link {
          font-size: 12px;
          padding: 1.25rem 0rem;
      }
       .header-main-wrapper .elastika svg, .header-main-wrapper .batteries svg {
          max-width: 35px;
      }
      .header-main-wrapper #search {
          padding-bottom: 0rem;
      }
      .header-main-wrapper #search button.header-search {
          flex: 0 0 41px;
          height: 41px;
          line-height: 41px;
      }   
      .header-main-wrapper #search .input-lg {
          height: 42px;
          min-height: 42px;
          line-height: 42px;
      }
      .header-main-wrapper .header-main-block .header-main-block-icon i {
          font-size: 1rem;
      }
      .navbar .dropdown-menu {
          width: 100vw;
      }
      .header-main-wrapper .header-main-block .header-main-block-icon {
          margin-left: 0.25rem;
      }
      div#category-banner .container,div#product_tabs0 .container,div#product_tabs1 .container,div#blog-home-section .container,div#manufacturers-index .container,div#info-home .container,.footer-wrap .container {
          max-width: 1000px;
      }
      div#product_tabs1 h3.module-title {
          color: #fff;
      }
      .category-banner-container .category-banner-item .category-banner-title span {
          font-size: 12px;
      }   
      .header-top-bar-1-item span {
          font-size: 12px;
      } 
      div#product_tabs0 .nav.nav-tabs .nav-item:first-child .nav-link{
          color:#333;
      }
      div#product_tabs0 .nav-tabs .nav-item:first-child .nav-link.active{
          color:#fff;
      }
      .footer-wrap .padding-columns-footer {
          padding: 1rem;
      }
      .details-footer-pre-section p {
          font-size: 12px;
      }  
      .header-main-wrapper {
          padding: 1rem 0;
          height: 90px;
          background: #fff;
      }  
      .header-main-wrapper #search button.header-search {
          flex: 0 0 41px;
          height: 42px;
          line-height: 42px;
      }
      .category-banner-item-wrapper:after{
          border-width: 0 200px 190px 0;
      }
      div#product_tabs0 .nav.nav-tabs .nav-item .nav-link, div#product_tabs1 .nav.nav-tabs .nav-item .nav-link{
           font-size: 16px;
      }
      div#product_tabs0 .nav.nav-tabs .nav-item:nth-child(2) .nav-link{
          color:#333;
      }
      div#product_tabs0 .nav-tabs .nav-item:nth-child(2) .nav-link.active{
          color:#fff;
      }
  }
  @media screen and (max-width: 1025px) {
          .slideshow-wrapper .swipper-slide-caption-wrapper .swipper-slide-caption h4, .slideshow-wrapper .swipper-slide-caption-wrapper .swipper-slide-caption h2 {
              font-size: 2.4rem;
          }
          div#product_tabs1 .nav.nav-tabs .nav-item .nav-link, div#product_tabs0 .nav.nav-tabs .nav-item .nav-link{
            font-size:12px;
          }
          .slideshow-wrapper .swiper-pagination {
              bottom: 6rem;
          }
          .slideshow-wrapper .swipper-slide-caption-wrapper .swipper-slide-caption a {
              margin-top: 1rem;
          }
          .slideshow-wrapper .swipper-slide-caption-wrapper .swipper-slide-caption a{
              padding: 0.75rem 2rem;     
              font-size: 14px;
          }
          div#product-category .product-block-actions-new span, div#product_tabs0 .product-block-actions-new span, div#product_tabs1 .product-block-actions-new span {
              font-size: 13px;
          }
          .navbar .nav-item .nav-link {
              font-size: 11px;
          }
          .footer-wrap .p-4-komma {
              padding: 1rem;
          }
           div#category-banner .container,div#product_tabs0 .container,div#product_tabs1 .container,div#blog-home-section .container,div#manufacturers-index .container,div#info-home .container,.footer-wrap .container {
              max-width: 950px;
          }
          div#product-category .product-layout .product-block .product-cart, div#product_tabs0 .product-layout .product-block .product-cart, div#product_tabs1 .product-layout .product-block .product-cart {
              flex: 0 0 60%;
          }
          .product-layout .product-block .product-wishlist {
              padding-left: 0.25rem;
              padding-right: 0.25rem;
          }
          .product-layout .product-block .product-quickview i {
              padding-left: 0.2rem;
              padding-right: 0.2rem;
          }
  } 
  div#desktop-menu-2 {
      width: 100%;
  }
  @media screen and (max-width: 992px) {
      div#desktop-menu-2 {
          display: none;
      } 
      .header-main-wrapper .header-main-block #wish{
    background:#333;
    border:1px solid #333;
}
.header-main-wrapper .header-main-block #wish i{
    color:#fff;
}

.header-main-wrapper .header-main-block #cart{
    background:#26525e;
    border:1px solid #26525e;
}

.header-main-wrapper .header-main-block #cart i{
    color:#fff;
}
      div#info-home .container{
        padding-left: 1.5rem;
      }
      
      .item-info-wrapper{
        padding-right: 0px;
    }
      div#logo {
          width: 100%;
          display: flex;
          justify-content: flex-start;
          padding-left: 4rem;
      } 
      .mm-iconbar {
          background: #333;
          color: #fff;
      }  
      .mm-panels {
          background: #fff;
          font-family: 'ZonaPro-Black';
          color:#333;
      }
      .mm-navbars_bottom {
          background: #fff;
      }   
      #search-mobile-bottom {
          background: #013658;
          display: none;
      }
  }
  
  
  /* NEWSLETTER */
  
  #newsletterModal.modal {
      text-align: center;
  }
  #newsletterModal.modal:before {
      display: inline-block;
      vertical-align: middle;
      content: " ";
      height: 100%;
  }
  #newsletterModal .modal-dialog {
      display: inline-block;
      text-align: left;
      vertical-align: middle;
      width: 1000px;
  }
  #newsletterModal .modal-body {
      padding: 0;
  }
  #newsletterModal .modal-content {
      border-radius: 0;
      box-shadow: none;
      border: solid 10px #0d020a;
  }
  #newsletterModal .newsletterSubTitle {
      font-size: 21px;
      font-weight: normal;
      line-height: 30px;
  }
  #newsletterModal .newsletterSubTitleBig {
      font-size: 38px;
      line-height: 66px;
      font-weight: bold;
      margin-bottom: 10px;
      color: #446463;
  }
  #newsletterModal .newsletterText {
      position: relative;
  }
  #newsletterModal .newsletterImage, 
  #newsletterModal .newsletterText  {
      min-height: 500px;
      max-height: 500px;
      overflow: hidden;
  }
  #newsletterModal .newsletterTextWrap {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 0;
      padding: 20px;
      width: 100%;
  }
  #newsletterModal .newsletter_form .newsletter_email {
      width: 100%;
      margin: 10px 0 10px 0;
      width: 100%;
  }
  #newsletterModal .newsletter_form  .form-control{
      width:100%;
      border:2px solid #e59bac;
      height:50px;
      margin-top:2rem;
      margin-bottom:2rem;
  }
  #newsletterModal .newsletter_tos {
      display: block;
      font-size: 14px;
      line-height: 14px;
  }
  #newsletterModal .newsletter_tos input {
      position: relative;
      top: 3px;
  }
  #newsletterModal .newsletter_button {
      float: left;
      width: 100%;
      padding: 0;
      margin: 30px 0px 0 0;
  }
  #newsletterModal .newsletter_button #subscribe-btn {
      padding: 17px 44px;
      font-size: 16px;
      background: #111;
      color: #ffff;
      width: 190px;
      text-shadow: none;
      background-image: none;
  }
  #newsletterModal .newsletter_reply .alert {
      margin: 10px 0;
  }
  #newsletterModal .modal-content button.modalClose {
      opacity: 0.7;
      color: #fff;
      background: #e59bac;
      width: 32px;
      height: 32px;
      line-height: 32px;
      border-radius: 50%;
      position: absolute;
      top: 8px;
      right: 10px;
      cursor: pointer;
      z-index: 9;
      line-height: 32px;
      outline: 0;
  }
  #newsletterModal .modal-content button.modalClose i {
      font-size: 18px;
      line-height: 32px;
      display: block;
  }
  
  
  @media screen and (max-width: 1100px) {
      #newsletterModal .modal-dialog {
          width: 800px;
      }
      #newsletterModal .newsletterImage, #newsletterModal .newsletterText {
          min-height: 450px;
          max-height: 450px;
      }
  }
  @media screen and (max-width: 800px) {
      #newsletterModal .modal-dialog {
          max-width: 90%;
      }
      div#product_tabs1 .nav.nav-tabs .nav-item, div#product_tabs0 .nav.nav-tabs .nav-item{
        width:100%;
      }
      .row.copyr .col-sm-4.copy-col:last-child{
        justify-content: center;
      }
      .copy-col{
        margin-bottom: 1rem;
      }
      .category-banner-container .category-banner-item .category-banner-title h3{
        font-size:1rem;
      }
      .header-main-wrapper .header-main-block #wish{
        background:#333;
        border:1px solid #333;
    }
      
    .header-main-wrapper .header-main-block #wish i{
        color:#fff;
    }
    
    .header-main-wrapper .header-main-block #cart{
        background:#26525e;
        border:1px solid #26525e;
    }
    
    .header-main-wrapper .header-main-block #cart i{
        color:#fff;
    }
    div#product_tabs0 .product-layout .product-block .product-cart, div#product_tabs1 .product-layout .product-block .product-cart {
        flex: 0 0 80%;
    }
      #newsletterModal .newsletterImage {
          width: 100%;
          min-height: 200px;
          max-height: 200px;
      }
      #newsletterModal .newsletterImage img {
          width: 100%;
      }
      #newsletterModal .newsletterText {
          width: 100%;
          min-height: unset;
          max-height: unset;
          padding: 20px;
      }
      #newsletterModal .newsletterTextWrap {
          position: static;
          transform: unset;
          padding: 0;
      }
  }
  
  @media screen and (max-width: 800px) {
      #newsletterModal .newsletterSubTitleBig {
          font-size: 32px;
          line-height: 46px;
      }
      #newsletterModal .newsletterSubTitle {
          font-size: 15px;
          line-height: 21px;
      }
      #newsletterModal .newsletter_button {
          margin-top: 10px;
      }
      #newsletterModal .newsletterImage {
          min-height: 160px;
          max-height: 160px;
      }
  }
  .header-menu .header-menu-title {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
    padding-left: 3rem;
    transition: all .3s;
    letter-spacing: 4px;
    padding-left: 0rem;
    position: relative;
}
.header-menu-wrap {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}
.header-menu .header-menu-title{
    color:#fff;
    /* padding: 0 var(--space); */
}
.header-main {
    box-shadow: 0px 3px 20px #0000001A;
    position: sticky;
    top: 0;
    z-index: 999;
    background-color: var(--background);
    box-sizing: content-box;
}
  .mburger {
    background-color: #222;
    color: var(--text-color-light);
    height: 50px;
    font-size: 14px;
    font-weight: var(--font-weight-bold);
    padding: 0 var(--space-triple);
    transition: 300ms ease-in-out;
    border-radius: 6px;
    position: relative;
    border-left: 0px;
    background: none;
}
.mburger svg {
    position: absolute;
    left: 20px;
}
.mburger i {
    opacity: 0;
    transition: 300ms ease-in-out;
    position: absolute;
    right: 0;
    transform: translateX(-50%);
    padding-right: var(--space-half);
}
.mburger:hover i {
    transform: translateX(0);
}
/* The typing effect */
@keyframes typing {
    from { width: 0 }
    to { width: 100% }
}

/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: orange; }
}
 /* menu */
 .header-menu {
     border-radius: 3px;
     background-size: 100% 300%;
     color: var(--text-color-light);
     height: 50px;
     display:
     flex;
     align-items: center;
     width: 100%;
     font-size: .875rem;
     font-weight: var(--font-weight-bold);
     -moz-transition: all .4s ease-in-out;
     -o-transition: all .4s ease-in-out;
     -webkit-transition: all .4s ease-in-out;
     transition: all .4s ease-in-out;
     -ms-transition: all .4s ease-in-out;
     margin-right: 20px;
     justify-content: flex-start;
 }
 .header-menu.open {
     background-image: -moz-linear-gradient( 90deg, rgb(233,233,233) 0%, rgb(250,250,250) 100%);
     background-image: -webkit-linear-gradient( 90deg, rgb(233,233,233) 0%, rgb(250,250,250) 100%);
     background-image: -ms-linear-gradient( 90deg, rgb(233,233,233) 0%, rgb(250,250,250) 100%);
     border: 1px solid #ebebeb;
 }
 .mm-wrapper_opening .header-menu {
     background-image: -moz-linear-gradient( 90deg, rgb(233,233,233) 0%, rgb(250,250,250) 100%);
     background-image: -webkit-linear-gradient( 90deg, rgb(233,233,233) 0%, rgb(250,250,250) 100%);
     background-image: -ms-linear-gradient( 90deg, rgb(233,233,233) 0%, rgb(250,250,250) 100%);
     border: 1px solid #ebebeb;
 }
 .header-menu.open .header-menu-title {
     color: var(--text-color-red);
 }
 .mm-wrapper_opening .header-menu .header-menu-title {
     color: var(--text-color-red);
 }
 .header-menu.open .hamburger.is-active .hamburger-inner::after, 
 .header-menu.open .hamburger.is-active .hamburger-inner,
 .header-menu.open .hamburger.is-active .hamburger-inner::before  {
     background-color: var(--text-color-red);
 }
 .mm-wrapper_opening .header-menu .hamburger .hamburger-inner::after, 
 .mm-wrapper_opening .header-menu .hamburger .hamburger-inner,
 .mm-wrapper_opening .header-menu .hamburger .hamburger-inner::before  {
     background-color: var(--text-color-red);
 }
 .header-menu:hover {
     background-position: 0 100%;
 }
 .mburger:hover {
     /* background-position: 0 100%; */
     color: var(--text-color-light);
 }
 .mburger b {
     width: 1rem;
     height: 0.125rem;
     left: var(--space);
 }
   .mm-wrapper_opened .mburger b:nth-of-type(1) {
     bottom: 18px;
 }
 .header-menu .header-menu-title {
     font-size: 14px;
     font-weight: bold;
     letter-spacing: 1px;
     max-width: 250px;
     padding-left: 3rem;
     transition: all .3s;
     letter-spacing: 4px;
     padding-left: 0rem;
     position: relative;
     /* display: block; */
     width: 100%;
     /* justify-content: space-around!important; */
 }
 .header-menu-wrap {
     display: flex;
     justify-content: flex-start;
     width: 100%;
 }
 .header-menu .header-menu-title{
     color:#fff;
     /* padding: 0 var(--space); */
 }
.header-main {
     box-shadow: 0px 3px 20px #0000001A;
     position: sticky;
     top: 0;
     z-index: 999;
     background-color: var(--background);
     box-sizing: content-box;
 }
#desktopMenuToggle.active-menu,
.mburger:hover {
    background-color: #214651;
}
#desktopMenuToggle.active-menu i,
.mburger:hover i {
    opacity: 1;
}
.mburger span {
    /* border-left: 1px solid #fff; */
    line-height: 20px;
    padding-left: var(--space);
    /* margin-left: var(--space); */
    width: 100%;
    text-align: center;
}
   #desktopMenuToggle .mburger b, .mburger b:nth-of-type(1), .mburger b:nth-of-type(2), .mburger b:nth-of-type(3) {
     transition:all .3s;
 }
 .header-main-block-1 {
     justify-content: start;
 }
 #desktopMenuToggle.active-menu b:nth-of-type(1) {
     background: white;
     top: 25px;
     transform: rotateZ( 
 -45deg);
     width: 26px;
     left: 20px;
 }
   #desktopMenuToggle.active-menu b:nth-of-type(2) {
     top: 25px;
     transform: rotateZ( 
 45deg);
     width: 26px;
     left: 20px;
 }
   #desktopMenuToggle.active-menu b:nth-of-type(3) {
     opacity:0;
 }
   .mburger b {
     width: 22px;
     left: 20px;
 }
 .mburger b:nth-child(3) {
     width: 22px;
 }
 .mm-wrapper_opened .mburger b:nth-of-type(3) {
     width: 23px;
     top: 30px;
 }
 div#desktop-menu {
     position: absolute;
     left: 0;
     top: 100%;
     height: 100vh;
     display:
     none;
     z-index:1000;
     background: rgba(255,255,255,0.6);
     width:100%;
 }
     #desktop-menu .navbar-nav > .nav-item {
     margin: 0;
     padding: 0 0rem 0 0rem;
     flex: 0 0 100%;
     width: 100%;
     margin-bottom: .25rem;
     flex:1;
     border-bottom: 1px solid #fff;
     background:#f8f8f8;
 }
#desktop-menu .navbar-nav > .nav-item > .nav-link {
    text-align: left;
    justify-content: flex-start;
    padding: 0;
    margin: 0;
    width: 100%;
    padding: 1rem;
    height: auto;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius:5px 0 0 5px;
    font-size: 12px;
    min-height: 58px;
    font-weight: 600;
    color: #333;
}
 #desktop-menu .navbar-nav > .nav-item > .nav-link img{
     padding-right:0.5rem;
 }
 #desktop-menu .navbar-nav > .nav-item > .nav-link:hover,
 #desktop-menu .navbar-nav > .nav-item > .nav-link:active,
 #desktop-menu .navbar-nav > .nav-item > .nav-link:focus {
     color: #26525e;
     background: #d6d6d6;
 }
#desktop-menu .navbar-nav > .nav-item > .nav-link:hover [class*='menuicon-'],
#desktop-menu .navbar-nav > .nav-item > .nav-link:active [class*='menuicon-'],
#desktop-menu .navbar-nav > .nav-item > .nav-link:focus [class*='menuicon-'] {
    color:#A5CE39;
}
   #desktop-menu .navbar-nav {
     flex-direction: column;
     width: 100%;
     justify-content: flex-start;
     align-items: flex-start;
     margin: 0;
     padding: 0;
     padding-top: 5px;
     padding-bottom: 1rem;
     height: auto;
     padding-left: var(--space-double);
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
     height: 100%;
     box-shadow: 0px 3px 6px #00000029;
     position: static;
 }
   #desktop-menu .desktop-menu-container {
     display: flex;
     padding: 0;
     margin: 0;
     width: 100%;
     height: 100%;
     justify-content: flex-start;
     max-width: none;
 }
 #desktop-menu .dropdown-menu-children.show {
    position: absolute;
    left: 351px;
    background: #f8f8f8;
    width: 100%;
    top: -5px;
    height: 75.5vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
   .menu-overlay {
     display:none;
 }

.full-active{
    display:block!important;
}

.none-active{
    display:none!important;
}
   .active-menu__box .menu-overlay {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     /* overflow: hidden; */
     display: block;
 }
   #desktop-menu nav.main-nav {
     width: 350px;
     background: #fff;
     position: relative;
     z-index: 10;
     padding-left: 0rem;
     margin-left: 0rem;
     position: relative;
     top: auto;
 }
   #desktop-menu .navbar-nav > .nav-item.sales > .nav-link {
     font-weight: bold;
     color: #A544B7;
     background: #Fff;
     font-size: 16px;
 }
   #desktop-menu .navbar-nav > .nav-item.pc-builder > .nav-link {
     font-weight: bold;
     color: #28AAE2;
     background: #F8F8F8;
     font-size:18px;
 }
   #desktop-menu .navbar-nav > .nav-item > .nav-link > span.nav-link-desc {
     font-size: 12px;
     display: block;
     color: #999;
     flex: 0 0 100%;
     font-weight:normal;
 }
   #desktop-menu .navbar-nav > .nav-item.sales > .nav-link:hover,
 #desktop-menu .navbar-nav > .nav-item.sales > .nav-link:active,
 #desktop-menu .navbar-nav > .nav-item.sales > .nav-link:focus,
 #desktop-menu .navbar-nav > .nav-item.sales > .nav-link:hover > span.nav-link-desc,
 #desktop-menu .navbar-nav > .nav-item.sales > .nav-link:active > span.nav-link-desc,
 #desktop-menu .navbar-nav > .nav-item.sales > .nav-link:focus > span.nav-link-desc,
 #desktop-menu .navbar-nav > .nav-item.pc-builder > .nav-link:hover,
 #desktop-menu .navbar-nav > .nav-item.pc-builder > .nav-link:active,
 #desktop-menu .navbar-nav > .nav-item.pc-builder > .nav-link:focus,
 #desktop-menu .navbar-nav > .nav-item.pc-builder > .nav-link:hover > span.nav-link-desc,
 #desktop-menu .navbar-nav > .nav-item.pc-builder > .nav-link:active > span.nav-link-desc,
 #desktop-menu .navbar-nav > .nav-item.pc-builder > .nav-link:focus > span.nav-link-desc
 {
     color:#fff;
 }
   #desktop-menu .navbar-nav > .nav-item.sales > .nav-link:hover,
 #desktop-menu .navbar-nav > .nav-item.sales > .nav-link:active,
 #desktop-menu .navbar-nav > .nav-item.sales > .nav-link:focus
 {
     color: #A2C103;
     background: #fff;
 }
   #desktop-menu .navbar-nav > .nav-item.pc-builder > .nav-link:hover,
 #desktop-menu .navbar-nav > .nav-item.pc-builder > .nav-link:active,
 #desktop-menu .navbar-nav > .nav-item.pc-builder > .nav-link:focus
 {
     color:#fff;
     background:#28AAE2;
 }
   #desktop-menu .navbar-nav > .nav-item.plain-item > .nav-link {
     font-weight: normal;
     color: #707070;
     background: #F8F8F8;
     font-size: 13px;
 }
   #desktop-menu .navbar-nav > .nav-item.plain-item > .nav-link:hover,
 #desktop-menu .navbar-nav > .nav-item.plain-item > .nav-link:active,
 #desktop-menu .navbar-nav > .nav-item.plain-item > .nav-link:focus {
     color:#111;
 }
   #desktop-menu .navbar-nav > .nav-item.plain-item > .nav-link > .menuc-- {
     font-size: 13px;
 }
   #desktop-menu .navbar-nav > .nav-item.plain-item > .nav-link:after {
     content: "\f054";
     font-family: "Font Awesome 5 Pro";
     font-size: 9px;
     line-height: 1;
     font-weight: 900;
     text-align: right;
 }
   #desktop-menu .navbar-nav .nav-item.menu-sep {
     margin: 0;
     padding: 0;
     margin-top: .5rem;
     margin-bottom: .5rem;
 }
   #desktop-menu .navbar-nav .nav-item.menu-sep:before {
     content: "";
     width: 100%;
     height: 1px;
     background: rgba(0,0,0,0.1);
 }
   #desktop-menu .navbar-nav .nav-item.menu-sep a {
     display: none;
 }
   #desktop-menu .has-megamenu .dropdown-menu {
     left: 100% !important;
     width: 1000px !important;
     top: 0 !important;
     width: calc( 100vw - 380px) !important;
     border: none;
     border-left: solid 1px rgba(0,0,0,0.1);
     height: 100%;
     overflow: hidden;
 }
 #desktop-menu .navbar-nav > .nav-item > .nav-link > .menuc-- {
     font-size: 20px;
     padding-right: .5rem;
     line-height: 1;
     width: 20px;
     overflow: hidden;
     flex: 0 0 20px;
     max-width: 20px;
     margin-right: 0.5rem;
 }
   #desktop-menu .navbar-nav > .nav-item > .nav-link > .nav-link-title {
     flex:1;
 }
   ul.megamenu-categories {
     display: flex;
     flex-wrap: wrap;
 }
   ul.megamenu-categories > li {
     flex: 0 0 100%;
     max-width: 100%;
     padding: 0 .5rem;
     margin-bottom: 15px;
 }
   #desktop-menu ul.megamenu-categories > li > a {
     display: flex;
     padding: 0 0 0px 0;
     background: #FFFFFF 0% 0% no-repeat padding-box;
     border: none;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     font-size: 15px;
     color: #333;
     align-items: center;
     justify-content: start;
 }
 .dropdown .dropdown-menu {
    border-radius: 0;
    border: var(--generic-border);
    padding: var(--space);
    transform: none!important;
    background-clip: unset!important;
    top: 100%!important;
    margin-top: 0
}

.dropdown.show .dropdown-menu {
    opacity: 1;
    display: flex;
    flex-wrap: wrap
}

.dropdown .dropdown-toggle {
    position: relative
}

.dropdown .dropdown-toggle::after {
    content: var(--icon-caret);
    font-family: "font awesome 5 pro";
    display: flex;
    vertical-align: middle;
    align-items: center;
    position: absolute;
    top: 0;
    bottom: 0;
    right: var(--space-half);
    margin-left: var(--space);
    align-items: center;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    transition: all .3s
}

.dropdown.has-megamenu {
    position: static
}

.dropdown.has-megamenu .dropdown-menu {
    width: 100%
}

.dropdown .dropdown-menu.megamenu-container {
    width: 100%;
    right: 0
}

.dropdown.show .dropdown-toggle::after {
    transform: rotate(90deg)
}

.dropdown-megamenu-wrap .module-wrapper {
    margin-top: 0;
    margin-bottom: 0
}

.dropdown-megamenu-wrap .module-container {
    padding-left: var(--space);
    padding-right: var(--space)
}

.dropdown-megamenu-wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    height: 100%
}

.dropdown-megamenu-wrap .megamenu-block-row {
    display: flex;
    margin-left: var(--space-half-negative);
    margin-right: var(--space-half-negative);
    flex: 1;
    height: 100%;
    overflow: auto;
    overflow-x: hidden
}

.dropdown-megamenu-wrap .megamenu-block-row+.megamenu-block-row {
    margin-top: var(--space)
}

.dropdown-megamenu-wrap .megamenu-block-row .megamenu-block-wrap {
    display: flex;
    flex-direction: column;
    padding-left: 1rem;
    padding-right: 1rem;
}

.dropdown-megamenu-wrap .megamenu-block-row .megamenu-block-wrap .megamenu-block {
    display: flex;
    flex-direction: column
}

.dropdown-megamenu-wrap .megamenu-block-row .megamenu-block-wrap .megamenu-block .has-image {
    margin-bottom: 0
}

.dropdown-megamenu-wrap .megamenu-block-row .megamenu-block-wrap .megamenu-block .has-image img {
    width: 100%;
    object-fit: cover
}

.dropdown-megamenu-wrap .megamenu-block-row .megamenu-block-wrap .megamenu-block .megamenu-block-content ul {
    list-style-type: none;
    padding: 0
}

.dropdown-megamenu-wrap .megamenu-block-row .megamenu-block-wrap .megamenu-block .megamenu-block-content ul li a {
    color: #333;
}

.dropdown-megamenu-wrap .megamenu-block-row .megamenu-block-wrap .megamenu-block .megamenu-block-content ul li a:hover {
    color:#111;
}

.dropdown-megamenu-wrap .megamenu-block-row .megamenu-block-wrap .megamenu-block:last-child .megamenu-block-content ul {
    margin-bottom: 0
}

.mm-navbars_bottom .mm-navbar:nth-child(2) {
    height: 65px
}
div#logo img{
    max-width: 310px;
    margin-left: 2rem;
}
   ul.megamenu-categories {
     margin: 0 -.5rem;
 }

@media only screen and (max-width: 576px) {
    div#tab0_1 {
        max-height: 500px;
    }
    div#manufacturers-index img{
        max-width: 100px;
    }
    .header-main-wrapper .header-main-block #wish{
        display:none;
    }
    .deals-module-container .product-deals-outer .product-block-caption{
        padding-left:0px;
        padding-right:0px;
    }
    div#ho-filter-block .heading-wrapper h3{
        max-width: 114px;
    }
    div#product-category .product-layout .product-block .product-cart, div#product_tabs0 .product-layout .product-block .product-cart, div#product_tabs1 .product-layout .product-block .product-cart {
        flex: 0 0 80%;
        pointer-events: auto!important;
        cursor:pointer;
    }
    .product-cart {
        /* Remove hover effects for touch devices */
        background-color: initial;
        color: #fff;
        outline: none;
    }
    .product-cart:focus, 
    .product-cart:hover {
        /* Remove focus and hover styles on touch devices */
        background-color: initial;
        color: initial;
    }
    div#newsletter .form-group.newsletter_tos{
        flex-direction: column;
    }
    div#product-category .product-filter-wrapper{
        display: block;
    }
    .padding-columns-footer h5:after, .padding-columns-footer h5:before{
        display: none;
    }
    div#ho_product_tabs1 .row-1 {
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
    }
    div#product_tabs1 {
        padding-top: 3.5rem;
        background: #333;
        max-height: 800px;
    }
    .nav-tabs {
        border-bottom:0
    }
    .item-info-wrapper{
        margin-bottom: 1rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        max-width: 50%;
    }
    div#info-home .image-wrapper-home{
        padding:0px;
    }
    div#info-home .image-wrapper-home .image-wrapper-home-pad{
        max-width: 300px;
        padding: 2rem;
    }
    div#info-home .title-wrapper-home h4{
        font-size:1.2rem;
        height: 50px;
    }
    div#info-home .subtitle-wrapper-home span{
        font-size:1rem
    }
    div#product_tabs0 h3.module-title,div#product_tabs1 h3.module-title{
        font-size: 1.8rem;
        text-align:center;
        justify-content:center;
    }
    .ho_product_tabs-wrap .nav-tabs-wrapper .nav-tabs {
        display: flex;
        justify-content: flex-start;
        align-items: start;
        margin-bottom: 2rem;
    }
    div#product_tabs0{
        background: #fff;
    }
    .header-main-wrapper .header-main-block-2{
        display: none;
    }
    div#logo img{
        max-width: 200px;
        margin-left: 0rem;
    }

    .nav-tabs .nav-item {
        width: 100%
    }

    .nav-tabs .nav-item .nav-link,.nav-tabs .nav-link {
        color: var(--text-color-secondary);
        border-bottom: var(--generic-border);
        justify-content: center
    }

    .nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active {
        color: var(--text-color);
        border-bottom: var(--generic-border-accent)
    }

    .dropdown .dropdown-menu {
        width: 100%
    }
}
 .noscroll {
    position:fixed;
    overflow:hidden;
    left: 0;
    right: 0;
 }
/*   #desktop-menu ul.megamenu-categories > li > a:hover,
 #desktop-menu ul.megamenu-categories > li > a:active,
 #desktop-menu ul.megamenu-categories > li > a:focus 
 {
     color:#28AAE2;
     background:#F8F8F8;
     border-color:#F8F8F8;
 }*/
 

 ul.megamenu-categories > li > a:hover:before {
    padding-right: 5px;
 }
 #desktop-menu .megamenu-block-content {
     display: flex;
     flex-wrap: wrap;
 }
   #desktop-menu .menu-related-category-block {
     flex: 0 0 50%;
     max-width: 50%;
 }
     #desktop-menu ul.menu-related-category-children {
     line-height: normal;
     font-size: 14px;
     margin-bottom: 2rem;
 }
   #desktop-menu ul.menu-related-category-children li {
     margin-bottom: .5rem;
 }
   #desktop-menu ul.menu-related-category-children li:last-child {
     margin-bottom: 0;
 }
   #desktop-menu ul.menu-related-category-children li a:before {content: "\f0da";font-family: 'Font Awesome 5 Pro';font-weight: bold;font-size: 11px;padding-right: .75rem;line-height: 0;color: #999;}
   #desktop-menu ul.menu-related-category-children li a {
     display: flex;
     align-items: center;
     font-size: 14px;
 }
   #desktop-menu ul.menu-related-category-children li a:hover,
 #desktop-menu ul.menu-related-category-children li a:active,
 #desktop-menu ul.menu-related-category-children li a:focus {
     color:var(--background-header);
 }
   .megamenu-block > h3 {
     font-size: 18px;
     font-weight: 800;
     margin-bottom: 1rem;
     padding-bottom: 10px;
     position: relative;
 }
.megamenu-block h3 span a{
    color:#333;
    font-family: 'ZonaPro-Bold';
    letter-spacing:0.4px;
    
}
   .megamenu-block > h3:after {content: "";height: 1px;width: 47px;background: #26525e;left: 0;bottom: 0;position: absolute;}
   .nav-item-bottom {
     margin-left: var(--space-negative);
     margin-right: var(--space-negative);
     margin-bottom: var(--space-negative);
     margin-top: 1rem;
     background: #26525e;
     padding: 1rem;
 }
 .mobile-category-header {
    display: none;
}
   .nav-item-bottom > a {
     display: flex;
     width: 100%;
     align-items: center;
     background: #fff;
     padding: .75rem 1rem;
     line-height: normal;
     justify-content: space-between;
     -webkit-border-radius: 30px;
     border-radius: 30px;
     font-size: 14px;
     display: none;
 }
   @media( min-width:992px ) {
     .nav-item-bottom {
         background: #fff;
         border-top: solid 1px rgba(0,0,0,0.2);
     }
     div#info-home .container{
        padding-left:0px;
        display: flex;
        justify-content: center;
     }  
     .header-main-wrapper .header-main-block #wish:before, .header-main-wrapper .header-main-block #cart:before{
        display: none;
     }
     .nav-item-bottom > a {
         border:solid 2px var(--background-blue);
         color:var(--background-blue);
         letter-spacing:1px;
         text-transform:uppercase;
         max-width: 41.666667%;
     }   
     
     .nav-item-bottom > a:hover,
     .nav-item-bottom > a:active,
     .nav-item-bottom > a:focus {
         border-color:#A5CE39;
         color:#A5CE39;
     }
         
 }
 #desktop-menu .nav-item.sales {
    border: 1px dashed #E1E1E1; 
 }
 .account-sidebar-menu a{
    /* background: #244d59; */
    color:#fff;
    font-size: 13px;
}

.account-sidebar-menu a:hover{
    background:#333;
    transition:0.3s ease;
}
 /* account login */
  div#affiliate-login {
    /* max-width:1850px; */
    margin-bottom: 2rem;
    /* margin-top: 2rem; */
  }
  div#affiliate-login .btn.btn-primary {
      background: #333;
      border:none;
      width: 100%;
      font-weight: 300;
      margin-top: 2rem;
  }
  div#affiliate-login .btn.btn-primary:hover{
    background: #26525e;
    color:#fff;
  }
  div#affiliate-login h1{
      color:#333;
      text-transform: none;
      margin-bottom: 2rem;
      margin-top: 1rem;
      font-size: 30px;
      font-family: 'ZonaPro-Bold';
      position:relative;
      justify-content: flex-start;
  }
  #account-account .well, #account-login .well{
      border:none;
      padding: 0rem;
      padding-top: 1rem;
  }
  div#affiliate-login h2{
      text-transform:none;
      color:#333;
      font-family: 'ZonaPro-Thin';
      position:relative;
      letter-spacing: 1px;
  }
  div#affiliate-login h1:before{
    content:"";
    position:absolute;
    background: #26525e;
    width:100%;
    max-width:400px;
    height:4px;
    bottom:-8px;
  }
  div#affiliate-login .form-control{
      border-bottom:none;
      box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.09);
      border: 1px solid #aaaaaa;
  }
  div#affiliate-login .list-group-item:before {
      color:#333;
  }
  div#affiliate-login  .list-group-item{
      color: #333;
      border-bottom: 1px solid #b1c1cb;
      padding: 1rem 1rem;
  }
  div#affiliate-login .list-group-item:hover{
      background:#b1c1cb;
      color:#fff;
  }
  div#affiliate-login .list-group-item:hover:before{
      color:#fff;
  }
  div#affiliate-login .well p{
      margin-bottom:2rem;
  }
  div#affiliate-login a.forgot-pass {
      margin-top: 2rem;
      display: block;
      color: #d0171f;
  }
.account-sidebar-menu .list-group-item:before{
    color:#fff;
}
a#desktopMenuToggle {
    background: #222;
}
div#category-banner .swiper-button-next, div#category-banner .swiper-button-prev {
    background: #222222cf;
    top: 0%;
    margin-top: 0px;
    border-radius: 50%;
}

/* LIVE SEARCH */ 
.live-search {
	display:none;
}
.live-search-expanded .live-search {
	display:block;
	position:absolute;
	width:100%;
	max-width: 500px;
	top:100%;
	border:var(--generic-border);
	background: #fff;
	z-index:1000;
	transform:translateX(-50%);
	left:50%;
}
.live-search ul {
	list-style-type:none;
	padding:0;
	margin:0;
}
.live-search ul li .product-image {
    flex: 0 0 15%;
    text-align: center;
}
.live-search ul li .product-image img {
    max-width: 100%;
    margin: 0;
    padding: 0;
}
.live-search ul li .product-caption {
    flex: 1;
    padding: 0 var(--space-half);
}
.live-search .product-price .price {
    font-size: var(--md-size);
    color: var(--text-color-accent);
}
.live-search .product-price .special {
    margin-right: var(--space-half);
    color: var(--text-color-secondary);
    line-height: 1;
	text-decoration: line-through;
}
.live-search ul li  .product-name {
	margin-bottom: var(--space-quarter);
	font-size: 6px!important;
	font-weight: var(--font-weight-bold);
	width:100%;
	flex: 0 0 50%;
	/* flex: 1; */
}
.live-search ul li  .product-name a {
	color:var(--link-color-secondary);
}
.live-search ul li > div {
	display: flex;
	position: relative;
	align-items: center;
	padding: var(--space);
	border-bottom: var(--generic-border);
	flex: 1;
	box-shadow: none;
	justify-content: flex-start;
	width: 100%;
}
.live-search .result-text {
	padding:var(--space);
}
/* LIVE SEARCH */
/* live search */
.live-search-expanded .live-search{
    max-width: 100%;
    max-height: 491px;
}
.live-search ul li .product-name a{
    font-weight:700;
    font-size: 12px;
}
.live-search .product-price .price{
    font-weight:800;
    color: #26525e;
    font-size: 15px;
}
.live-search ul li .product-image img{
    max-width:100px;
}
.live-search .btn-primary{
    background:#000;
    color:#fff;
    border:1px solid #e96322;
    font-size:12px;
    font-weight:600;
    padding: 4px 5px;
    min-height: 40px;
    max-width: 43px;
    border-radius: 5px;
}
.live-search .btn-primary:hover{
    background:#26525e;
    transition:0.3s ease;
}
.live-search .product-add-cart{
    margin-left: 0.7rem;
}
.live-search .product-price{
    font-size:1rem!important;
    margin-bottom: 0px;
    flex: 0 0 10%;
}

@media only screen and (max-width: 767px) {
    div#info-home{
        display:none;
    }
    div#category-banner {
    margin-top: 3rem;
}
div#manufacturers-index{
    background:#fff;
}
div#product_tabs1 .button-prev-tab1, div#product_tabs0 .button-prev-tab0, div#product_tabs1 .button-next-tab1, div#product_tabs0 .button-next-tab0{
    display:none;
}
.live-search-expanded .live-search {
    display: block;
    position: absolute;
    width: 100%;
    max-width: 500px;
    top: 150px;
    border: var(--generic-border);
    background: #fff;
    z-index: 1000;
    /* transform: translateX(-50%); */
    left: 50%;
}
div#search{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 2rem;
    margin-right: 2rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
div#search .close-arrow{
    display: none;
}
    div#search .header-search{
        background:#26525e;
        color:#fff;
        padding:0.5rem 1rem;
        border:none;
        border-top-right-radius:1.5rem;
        border-bottom-right-radius:1.5rem;
    }
    div#search input{
        border-top-left-radius:1.5rem;
        border-bottom-left-radius:1.5rem;
        border:1px solid #26525e;
        font-size:12px;
        min-height: 40px;
    }
}  
 /* account login */
  div#affiliate-register {
    /* max-width:1850px; */
    margin-bottom: 2rem;
    /* margin-top: 2rem; */
  }
  div#affiliate-register .btn.btn-primary {
      background: #333;
      border:none;
      width: 100%;
      font-weight: 300;
      margin-top: 2rem;
  }
  div#affiliate-register .btn.btn-primary:hover{
    background: #26525e;
    color:#fff;
  }
  div#affiliate-register h1{
      color:#333;
      text-transform: none;
      margin-bottom: 2rem;
      margin-top: 1rem;
      font-size: 30px;
      font-family: 'ZonaPro-Bold';
      position:relative;
      justify-content: flex-start;
  }
  #account-account .well, #account-login .well{
      border:none;
      padding: 0rem;
      padding-top: 1rem;
  }
  div#affiliate-register h2{
      text-transform:none;
      color:#333;
      font-family: 'ZonaPro-Thin';
      position:relative;
      letter-spacing: 1px;
  }
  div#affiliate-register h1:before{
    content:"";
    position:absolute;
    background: #26525e;
    width:100%;
    max-width:400px;
    height:4px;
    bottom:-8px;
  }
  div#affiliate-register .form-control{
      border-bottom:none;
      box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.09);
      border: 1px solid #aaaaaa;
  }
  div#affiliate-register .list-group-item:before {
      color:#333;
  }
  div#affiliate-register  .list-group-item{
      color: #333;
      border-bottom: 1px solid #b1c1cb;
      padding: 1rem 1rem;
  }
  div#affiliate-register .list-group-item:hover{
      background:#b1c1cb;
      color:#fff;
  }
  div#affiliate-register .list-group-item:hover:before{
      color:#fff;
  }
  div#affiliate-register .well p{
      margin-bottom:2rem;
  }
  div#affiliate-register a.forgot-pass {
      margin-top: 2rem;
      display: block;
      color: #d0171f;
  }
div#affiliate-register .form-check-input{
    position:relative;
    display: flex;
    margin-left: 0px;
}
div#affiliate-register .form-check{
    display:flex;
}
div#product-product .nav.nav-tabs .nav-item .nav-link{
    background:#24505c;
    color:#fff;
}
div#product-product .nav.nav-tabs .nav-item .nav-link.active{
    background:#222;
    color:#fff;
}
body.extension_quickcheckout_checkout .list-group.account-sidebar-menu{
    display:none;
}
#desktop-menu .navbar-nav > .nav-item:hover .dropdown-menu{
    display: flex;
    flex-direction: column;
    position:relative;
    position:absolute;
}
div#vat-checker input {
    border: 1px solid #111!important;
}

div#vat-checker #validate-vat{
    background:#333;
    color:#fff;
    margin-top:2rem;
    padding:0.6rem 1rem;
}

div#message-vacation {
    background:#ededed;
    padding:1rem;
}
div#message-vacation h4{
    font-size:12px;
    letter-spacing:1px;
    line-height:1.5;
}