/* box  
 :root {
    --height-100pr: 100%;
    --body-color :#444;
    --boby-bg: url(../img/bodybg.jpg);
    --first-color :#e7465b;
    --first-color-light :#dfa7ae;;
    --second-color:#fb0021;
    --main-border: 1px solid #dee2e6;
    --primary-bg_color: #f2f2f2;
    --second-bg_color: #f2f2f2;
    --gray-text-color: #555;
    --color-hover: #fb0021;
    --color-link-hover: #fb0021;
    --color-grey :#656565;
    --color-grey-light: #868686;
    --color-grey-superlight: #cacaca;
    --color-bg-tooltip :#004b64;
    --color-bg-header: transparent;
    --height-slick-track :340px;
    --font-family-prim : "Montserrat", "Source Sans Pro", sans-serif;
    
    --width-sidemenu: 256px;
    
    --border-radius: 3px;
    --w-s-item: 200px;
    --wrapper-background-color: #fff;
    --wrapper-padding: 20px;
    --box-background-color: #f2f2f2;
    --header-box-shadow : none;
    --border-bottom-header: 1px solid #e7465b;
    --bg-background-color: #fff;
    --bg-bnt-background-color:  #fff; 
    
    --tpl-color-background: #fff;
    --tpl-color-text-button: #646464;
    --tpl-color-background-main-light: #fff;
    --tpl-color-background-accent: #eee;
    --tpl-color-background-main-lighter: #eee;
     --tpl-color-background-arrow: #e7465b;
     --tpl-color-arrow: #fff;
     --first-color-button: #646464;
     --tpl-color-background-main-lighter-button : #fff;
     --tpl-color-background-accent: #f8f8f8;
     --first-color-lightest: #f8f8f8;
    
     --header-margin: 20px;
     --margin-main:0 20px;
     --wrapper-box-shadow: 0 1px 4px rgba(0, 0, 0, .1), -23px 0 20px -23px rgba(113, 113, 113, 0.8), 23px 0 20px -23px rgba(113, 113, 113, 0.8), 0 0 40px rgba(0, 0, 0, .1);
     --wrapper-max-width: 1340px;
     --wrapper-margin: auto;
     --wrapper-margin-top: 20px;
     --top-bar-mobil-bg: #fff;
    
     --footer-background:#424242;
     --footer-color :#c7c7c7;
     --footer-bottom-background:#25272e;
     --footer-subtitle-color :#d2d1d1;
     --footer-link-hover-color: #fff;
     --footer-link-color: #c3c3c3;
     --footer-text-color: #a2a2a2;
     --border-bottom: #444444 !important;
     
     --bg-color-background-sale: #d92957;
     --bg-color-background-hit: #e7bd2c;
     --bg-color-background-new: #24aec4;
     
     --heder-color-text: #44444;
      
    }  

 */  
 :root {
    --body-color :#444;
    --first-color :#cf3750;
    --first-color-light :#dfa7ae;;
    --second-color:#0e7af7;
    --main-border: 1px solid #dee2e6;
    --primary-bg_color: #fff;
    --second-bg_color: #f8f8f8;
    --gray-text-color: #555;
    --color-hover: #d30000;
    --color-link-hover: #cf3750;
    --color-grey :#fff;
    --color-grey-light: #868686;
    --color-grey-superlight: #cacaca;
    --color-bg-tooltip :#004b64;
    --color-bg-header: #0f234a;
    --min-height-slick-track :340px;
    --font-family-prim : "Montserrat", "Source Sans Pro", sans-serif;
    
    --width-sidemenu: 256px; 
    
    --border-radius: 3px;
    --w-s-item: 200px;
    --wrapper-padding: none;
    --header-box-shadow : 0 1px 5px rgba(0,0,0,.136);
    --border-bottom-header:  none;
    --bg-background-color: transparent;
    --bg-bnt-background-color:  #e2e2e2; 
    --tpl-color-background: transparent;
    --tpl-color-text-button: #646464;
    --tpl-color-background-main-light: #fff;
    --tpl-color-background-accent: #eee;
    --tpl-color-background-main-lighter: #eee;
    --tpl-color-background-arrow: #e7465b;
    --tpl-color-arrow: #fff;
    --first-color-button: #646464;
    --tpl-color-background-main-lighter-button : #fff;
    --tpl-color-background-accent: #f8f8f8;
    --first-color-lightest: #f8f8f8;
    
     --top-bar-mobil-bg: #fff;
     --footer-background:#c7c7c7;
     --footer-color :#cf3750;
     --footer-subtitle-color :#cf3750;
     --footer-bottom-background:#0f234a;
     --footer-link-hover-color: #fff;
     --footer-link-color: #cf3750;
     --footer-text-color: #cf3750;
     
     --border-bottom: #444444 !important;
      --bg-color-background-sale: #257de3;
      --bg-color-background-hit: #e7bd2c;
      --bg-color-background-new: #24aec4;
       --boby-bg: #eee;
     // карточка товара
     
     
    //
     
    }   
     
    /*  ---------компонет заказ----------- */
    .tpl-component-netcat-module-netshop-order.tpl-template-single-page-checkout .radio-fake {
   --tpl-color-brand :#9f2b73;
   }
    /*  компонет  */
    
    
    
    /* === /переменные стилей ========= */
   
   
   /* ====================
   01. Base style
   ==================== */
   html {
      color: #222222;
      font-size: 14px;
      line-height: 1.4;
      overflow-y: scroll;
      overflow-x: hidden;
     height: 100%;

    }
    
    /* 
    ::-moz-selection {
      background: none;
      text-shadow: none;
    }
    
    ::selection {
      background: none;
      text-shadow: none;
    }
     */
    
    img {
      vertical-align: middle;
    }
    
    body {
      font-size: 12px;
      color: var(--body-color);
      letter-spacing: 0.2px;
      font-family: var(--font-family-prim);
       height: 100%;
        width: 100%;
        background: var(--boby-bg);
    
     
    }
    
    h1 {
      font-size: 40px;
    }
    
    h5, h5 a {
      font-size: 20px;
    }
    h4 {
     font-size: 18px;
     color: var(--first-color);
    }
    
    h1,
    h5,
    h5 a {
     font-family: var(--font-family-prim);
      margin: 0;
      font-weight: 400;
    }
    .h6, h6 {
    font-size: 16px;
    }
    
    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  
    font-weight: 400;
 
}
    
    p,
    li,
    a,
    button {
      font-size: 14px;
     font-family: var(--font-family-prim);
      margin: 0;
      letter-spacing: 0.2px;
    }
    .h5, h5 {
    font-size: 19px;
    }
    .cat-item .h5, h5 {
    font-size: 16px;
    }

    a,
    a:hover {
      color: #555555;
    }
    
    ul {
      padding: 0;
      margin: 0;
    }
    
    a:hover,
    a:active,
    a:focus,
    button:hover,
    button:focus {
      text-decoration: none;
      outline: none;
    }
    
    a,
    button {
      -webkit-transition: 0.2s ease;
      -moz-transition: 0.2s ease;
      -ms-transition: 0.2s ease;
      -o-transition: 0.2s ease;
      transition: 0.2s ease;
    }
    button:disabled {
  background-color: #ccc;       
  color: #666;                  
  cursor: not-allowed;          
  border: 1px solid #999;        
  opacity: 0.6;                  
  transition: all 0.3s ease;    
}
    input:focus {
      outline: none;
       box-shadow: none !important;
       border-color: var(--first-color)!important;
    }
    
     textarea:focus {
      outline: none;
       box-shadow: none !important;
       border-color: var(--first-color)!important;
    }
    
   .owl-carousel .owl-item {
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
   }
   
   .owl-carousel .owl-item img {
     -webkit-transform-style: unset;
     transform-style: unset;
   }
   .bg {
    background: var(--bg-background-color);
   }
   .s-bg {  background: var(--second-bg_color);
    }
   .p-bg {  background: var(--primary-bg_color);
    }
   .bg-bnt {
    background: var(--bg-bnt-background-color);
   }
   .wrapper {
    background: var(--wrapper-background-color);
    box-shadow: var(--wrapper-box-shadow);
    max-width: var(--wrapper-max-width);
    background: var(--box-background-color);
    margin: var(--wrapper-margin);
    display: flex;
	flex-direction: column;
	min-height: 100%;
    
    }
.content {
	flex: 1 0 auto;
}
 
@media (min-width: 1340px) {
    .wrapper { margin-top: var(--wrapper-margin-top); }
  
  }  
@media (max-width: 1339px) {
    .wrapper { margin: 0; }
  
  }  
  
  
  .main {
  margin: var(--margin-main);
  }
  
  .border-bottom  {
  border-bottom-color: var(--border-bottom);
  }
  
   .preloader {
     background: linear-gradient(0deg,rgba(255,255,255,.99),rgba(255,255,255,.99));
     display: block;
     width: 100%;
     height: 100%;
     position: fixed;
     top: 0;
     left: 0;
     z-index: 9999;
   }
   
   .preloader .load-list {
     width: 50px;
     height: 50px;
     position: relative;
     top: 50%;
     left: 0;
     margin: 0 auto;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
   }
   
   .preloader .load-list .load {
     position: absolute;
     background: var(--first-color);
     width: 100%;
     height: 100%;
     opacity: 0.6;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     border-radius: 50%;
     -webkit-animation: bounce 2s infinite ease-in-out;
     animation: bounce 2s infinite ease-in-out;
   }
   
   .preloader .load-list .load2 {
     background: var(--first-color);
     animation-delay: -1s;
     -webkit-animation-delay: -1s;
   }
   
   .btn.focus, .btn:focus {
   
    box-shadow: none;
}
   
   
   @-webkit-keyframes bounce {
     0%, 100% {
       -webkit-transform: scale(0);
     }
     50% {
       -webkit-transform: scale(1);
     }
   }
   
   @keyframes bounce {
     0%, 100% {
       transform: scale(0);
       -webkit-transform: scale(0);
     }
     50% {
       transform: scale(1);
       -webkit-transform: scale(1);
     }
   }
   
   
   @-webkit-keyframes fadeIn{
       from{
           opacity:0
       }
       to{
           opacity:1
       }
   }
   @keyframes fadeIn{
       from{
           opacity:0
       }
       to{
           opacity:1
       }
   }
   
   .duration-3{
       -webkit-animation-duration:2s;
       animation-duration: 2s
   }     
    
    .bnt-small {
    line-height: 1 !important;
    padding: 9px 14px 7px 14px !important;
    }
    
    .btn-theme3:hover {
       background: var(--color-hover);
       color: #fff;
    }
    .btn-theme3{
       font-size: 13px;
        color: var(--first-color);
     border: 1px solid var(--first-color);
    padding: 7px 20px;
    border-radius: 4px;
    }
    
    .btn-theme4:hover {
     background: var(--color-grey-light);
    color: #fff !important;
    border: 1px solid  var(--color-grey-light);
    }
    .btn-theme4{
    font-size: 13px;
    color: var(--body-color);
    border: 1px solid  var(--body-color);
    padding: 7px 20px;
    border-radius: 4px;
    white-space: nowrap;
    cursor: pointer;
    }
    
   .btn-theme5:hover {
       background: var(--color-hover);
       color: #fff;
   }
   .btn-theme5 {
       width: 100%;
       height: 35px;
       background: var(--first-color);
       color: #fff;
       border: none;
       -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
       -ms-border-radius: 4px;
       border-radius: 4px;
       font-weight: 600;
       display: block;
   line-height: 39px;
   text-align: center;
   }
    
     .btn-theme6:hover {
   background: var(--color-hover);
       color: #fff;
    }
    .btn-theme6{
       font-size: 15px;
        color: #fff;
    
    padding: 7px 20px;
    border-radius: 4px;
    background: var(--first-color);
    }
    
    
 @media (max-width:575.98px){   
 .basket-item__btn .btn-theme6 {
    display: block;
      width: 100% !important;
     margin-bottom: 10px;
    }
    .basket-item__btn .btn-theme3 {
     display: block;
      width: 100% !important;
    }
    }
    
    .bnt-close{
        
     background: var(--first-color);
      color: var(--white) !important;    
   
   font-weight: 300 !important;
      vertical-align: -moz-middle-with-baseline;
    
   /*box-shadow: 0 4px 25px rgba(72, 41, 41, 0.46);*/
   border-radius: 2px;
   letter-spacing: 0.2px;
   border: none;
   width: auto;
  padding: 6px 30px 6px 30px;
font-size: 14px;
    }
    
   .bnt-cart {
     background: var(--first-color);
      color: var(--white) !important;
   padding: 3px 20px 1px 20px;
   font-size: 14px;
   font-weight: 300;
    
   vertical-align: -moz-middle-with-baseline;
    
   /*box-shadow: 0 4px 25px rgba(72, 41, 41, 0.46);*/
   border-radius: 2px;
   letter-spacing: 0.2px;
   border: none;
   height: 34px;
max-width: 180px;
padding: 3px 9px 1px 8px;
   
   }
    
   .bnt-cart svg {
     fill: var(--white);
   }
     
    
    .limited {
      max-width: 1350px;
    }
    body::before{
      /*      */       display:none
    
    }
    @media (max-width:575.98px){
       body::before{
           content:'xs'
       }
    }
    @media (min-width:576px) and (max-width:767.98px){
       body::before{
           content:'sm'
       }
    }
    @media (min-width:768px) and (max-width:991.98px){
       body::before{
           content:'md'
       }
    }
    @media (min-width:992px) and (max-width:1199.98px){
       body::before{
           content:'lg'
       }
    }
    @media (min-width:1200px){
       body::before{
           content:'xl'
       }
    }
    

 
    .row-flex, .row-flex > div[class*='col-'],   .new-product .owl-item,  .new-product .owl-stage{ 
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
     /* flex:1 1 auto; */
     }
     
     .row-flex-wrap {
         -webkit-flex-flow: row wrap;
      align-content: flex-start;
      flex:0;
     }
     
     .row-flex > div[class*='col-'] ,    .row-flex > .owl-item{
         /* margin:-.2px; */
     } 
    
    .flexcard {
    display: flex;
       flex-direction: column;
       flex-wrap: nowrap;
       justify-content: space-between;
       align-items: flex-start;
       align-content: flex-start;
    }
    
    .title h1 {
    font-size: 21px;
    text-transform: uppercase;
    color: var(--first-color);
     margin-top: 10px;
    margin-bottom: 0px;
    padding-bottom: 4px;
    }
    
       .title span {
    font-size: 18px;
    text-transform: uppercase;
    color: var(--first-color);
     margin-top: 10px;
    margin-bottom: 0px;
    padding-bottom: 4px;
    }
    
       .title  a{
       text-transform: initial;
font-size: 11px;
border-bottom: 1px dotted;
margin-left: 10px;
       }
    .breadcrumb-container{
        
    }
    .breadcrumb{
        padding-right:10px;
       padding-left: 0px;
    padding-bottom: 10px;
    background-color: transparent;;
    }
    .breadcrumb-item>a, .breadcrumb-item {
    font-size: 13px;
    color: #222;
    text-transform: lowercase;
    font-weight: 300;
   
    }
    .breadcrumb svg {
    margin-top:4px;
    margin-left: 4px;
    margin-right: 4px;
    }
    .breadcrumb-item + .breadcrumb-item {
    padding-left: 0px!important;
}
    .breadcrumb-item + .breadcrumb-item::before {
        content: "";
        padding-right: .1rem;
   }
    .w49 {
    width: 49%;
    }
    
.col-sticky-top  {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: -webkit-sticky;
    position: sticky;
    top: 80px;
    -ms-flex-item-align: start;
    align-self: flex-start;
    z-index: 1999;
        
    }
    
    .lazy-hidden {
    background-image: url('/netcat_template/template/bootstrap4/img/loading.gif');
   background-repeat: no-repeat;
   background-position: 50% 50%;
   }
   
   .lazy-hidden {
       opacity: 0;
   }
   .lazy-loaded {
       -webkit-transition: opacity 0.3s;
       -moz-transition: opacity 0.3s;
       -ms-transition: opacity 0.3s;
       -o-transition: opacity 0.3s;
       transition: opacity 0.3s;
       opacity: 1;
      
   
   }
   .filter-blur {
       filter: blur(2px);
   }
   
 
   
   
   
    
    /* =======================================
    02. Top Bar
    ======================================= */
    
    section.header {
    box-shadow: var(--header-box-shadow);  
    background-color: var(--color-bg-header);
    border-bottom: var(--border-bottom-header) ;
     margin: var(--header-margin);
     -webkit-box-shadow: 0px 3px 13px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 3px 13px 0px rgba(50, 50, 50, 0.75);
box-shadow: 0px 3px 13px 0px rgba(50, 50, 50, 0.75);
    }
  
    .header.top-right ul li {
      margin: 0;
    }
    
   
   
    
    /* =======================================
    04. Logo Area
    ======================================= */
    .header {
       
      padding-top: 6px;
     
    }
    
    .header form.search-bar {
      margin-top: 12px;
      position: relative;
    }
    
    .header form.search-bar input {
      border: 1px solid #dddddd;
      height: 45px;
      width: 100%;
      padding-left: 20px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: var(--border-radius);
    }
    
    .header form.search-bar input:focus {
      border-color: var(--first-color);
    }
    
    .header form.search-bar button {
      font-size: 18px;
      color: var(--first-color);
      background: transparent;
      height: 100%;
      width: 50px;
      text-align: center;
      border: none;
      -webkit-border-radius: 0 3px 3px 0;
      -moz-border-radius: 0 3px 3px 0;
      -ms-border-radius: 0 3px 3px 0;
      border-radius: 0 3px 3px 0;
      position: absolute;
      top: 0;
      right: 0;
    }
    
   .header form.search-bar button svg  { 
    fill: var(--color-grey);
    }
   .header form.search-bar button svg:hover { 
    fill: var(--first-color);
    }
    .top-right a {
   color:#fff;
    }
  
    
    .carts-area {
    
    }
    .getcall {
font-size: 13px;
border-bottom: 1px dashed #fff;
display: inline-flex;
cursor: pointer;
color: #fff;
    }
    .call-box .call-content p {
      font-size: 13px;
      color: #fff;
      margin-top: -4px;
      font-weight: 400;
    }
    
    .cart-box {
 
      padding-top: 5px;
      position: relative;
      cursor: pointer;
   
    }
    
    
    .cart-box   span {
   background: var(--first-color);
   width: 22px;
   height: 22px;
   border: 2px #fff solid;
   top: -7px;
   position: absolute;
   font-weight: 700;
   font-size: 9px;
   line-height: 150%;
   min-width: 16px;
   min-height: 16px;
   padding: 4px 0px 0px 0px;
   color: #fff;
   right: -13px;
   border-radius: 50% 50% 50% 0;
   -webkit-border-radius: 50% 50% 50% 0;
   -moz-border-radius: 50% 50% 50% 0;
   -ms-border-radius: 50% 50% 50% 0;
   text-align: center;
   }
    
    .wsh-box   span {
       background: var(--first-color);
   width: 22px;
   height: 22px;
   border: 2px #fff solid;
   top: -7px;
   position: absolute;
   font-weight: 700;
   font-size: 9px;
   line-height: 150%;
   min-width: 16px;
   min-height: 16px;
   padding: 4px 0px 0px 0px;
   color: #fff;
   right: -13px;
   border-radius: 50% 50% 50% 0;
   -webkit-border-radius: 50% 50% 50% 0;
   -moz-border-radius: 50% 50% 50% 0;
   -ms-border-radius: 50% 50% 50% 0;
   text-align: center;
        
    }
    
    .wsh-box  {
       
      padding-top: 5px;
      position: relative;
      min-width: 18px;
      cursor: pointer;
   
    }
    
   .search-box  {
      
      padding-top: 5px;
      position: relative;
      min-width: 18px;
      cursor: pointer;
   
    }
    
    
    .top-bar-mobil {
    background-color:var(--top-bar-mobil-bg);
    padding-bottom: 5px;
    }
    
   
    /* =======================================
    07. Sticky Menu
    ======================================= */
    .sticky-menu {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
    z-index: 99999;
      -webkit-animation: 300ms ease-in-out 0s normal none 1 fadeInDown;
      animation: 300ms ease-in-out 0s normal none 1 fadeInDown;
      background: var(--color-bg-header);
      
      -webkit-box-shadow: 0 0 20px -10px #222222;
      box-shadow: 0 0 20px -10px #222222;
    }
    
 
    
    .sticky-menu .carts-area {
    
    }
    
    .sticky-menu .carts-area .src-box {
      padding-top: 5px;
    }
    
    .sticky-menu .carts-area .src-box form {
      width: 220px;
      position: relative;
    }
    
    .sticky-menu .carts-area .src-box form input {
      width: 100%;
      height: 40px;
     border: 1px solid #dddddd;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      border-radius: 4px;
      font-size: 15px;
      padding-left: 15px;
    }
    
    .sticky-menu .carts-area .src-box form input:focus {
      border-color: var(--first-color);
    }
    
    .sticky-menu .carts-area .src-box form button {
      position: absolute;
      right: 0;
      top: 0;
      width: 45px;
      height: 100%;
      border: none;
      color: var(--first-color);
      background: transparent;
      font-size: 17px;
    }
    
    .sticky-menu .carts-area .src-box form button:hover {
      color: #e45151;
    }
    
     
    
    .sticky-menu.sticky {
     display: inherit;
   }
    
  .input-search-wrapper {
 position: absolute; 
 width: 290px; 
 transition: opacity 0.3s ease 0s; 
 top: -5px; 
 right: 0px; 
 opacity: 1; 
 z-index: 999999; 
 pointer-events: auto;
  
  }  
   
     .input-search-wrapper input {
border-radius: var(--border-radius);
position: absolute;
top: 0px;
left: 0px;
border-color: transparent;
box-shadow: none;
opacity: 1;
height: 43px;
border-color: var(--first-color) !important;
}
  .input-search-wrapper .bntsearch{
  height: 100%;
  cursor: pointer;
background: transparent;
border: none;
position: absolute;
right: 27px;
top: 7px;
  }
  
  .input-search-wrapper .bntclose {
  cursor: pointer;
position: absolute;
right: 8px;
top: 10px;
 
  }
    
    /* =======================================
    09. Menu Area 2
    ======================================= */

    .gt-menu li.list_item_menu a img {
    width:25px;
    }
  
   .menu-area2 {
   margin-right: 60px;
   }
   .menu-area2 .sidemenu {
     white-space: nowrap;
     position: relative;
     z-index:3000;
     width: var(--width-sidemenu);
   }
      
     .menu-area2 .sidemenu:hover p {
     border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
     }
   .menu-area2 .sidemenu p {
   font-size: 16px;
   color: #fff;
   background: var(--first-color);
   font-weight: 700;
   text-transform: uppercase;
   height: 43px;
   padding: 10px 4px 10px 12px;
   border-radius: var(--border-radius);
   white-space: nowrap;
width: calc(100% + 42px);
   }
   
   
   .menu-area2 .sidemenu:hover > p {
   background: var(--color-hover);
    
       
       }
   .menu-area2 .sidemenu p svg {
     
     fill: #fff;
     float: right;
     margin-top: -4px;
   }
   
   .menu-area2 .sidemenu ul.gt-menu {
     position: absolute;
     
     left: 0;
   
    width: calc(100% + 42px);
     background: #fff;
     border: 1px solid #e5e5e5;
     border-top: none;
     -webkit-transition: 0.2s ease;
     -moz-transition: 0.2s ease;
     -ms-transition: 0.2s ease;
     -o-transition: 0.2s ease;
     transition: 0.2s ease;
     opacity: 0;
     -webkit-transform: scaleY(0);
     -ms-transform: scaleY(0);
     transform: scaleY(0);
     visibility: hidden;
     z-index: 2001;
     -webkit-transform-origin: center top 0;
     -ms-transform-origin: center top 0;
     transform-origin: center top 0;
     -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
     border-bottom-right-radius: var(--border-radius);
border-bottom-left-radius: var(--border-radius);
     
   }
   
     .menu-area2 .sidemenu ul.gt-menu:hover {
         background: #eee;
     }
     
        .menu-area2 .sidemenu ul.gt-menu li:hover {
         background: #fff;
     }
       .menu-area2 .sidemenu ul.gt-menu li {
   border-bottom-right-radius: var(--border-radius);
border-bottom-left-radius: var(--border-radius);
}
   
   .menu-area2 .sidemenu ul.gt-menu li a {
     display: block;
     font-size: 15px;
     padding: 13px 14px 8px 20px;
     border-bottom: 1px solid #eeeeee;
   }
   .menu-area2 .sidemenu ul.gt-menu li a svg {
   float: right;
   margin-top: 5px;
   fill: #55556f;
   }
   .menu-area2 .sidemenu:hover {
z-index:99999;
font-size: 20px;
}
.menu-area2 .sidemenu:hover + .overlay {
opacity: 1;
}


.overlay {
opacity: 0;
pointer-events: none;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 9999;
transition: opacity 1s ease;
background: linear-gradient(0deg,rgba(28,28,28,.45),rgba(28,28,28,.45));
}
   
   
   
    @media (max-width:767.98px){
     .index-left-menu  .menu-area2 .sidemenu ul.gt-menu li a svg {
     display:none;
   }
  .index-left-menu  .menu-area2 .sidemenu ul.gt-menu li .mega-menu {
       display:none;
   }
    }
 
   .menu-area2 .sidemenu ul.gt-menu li a img {
     margin-top: -3px;
     margin-right: 12px;
   }
   
   .menu-area2 .sidemenu ul.gt-menu li a i {
     font-size: 14px;
     color: #969696;
     float: right;
     margin-top: 4px;
   }
   
   .menu-area2 .sidemenu ul.gt-menu li a:hover {
    /* background: #f5f5f5; */
    color: var(--color-hover);
   }
   .menu-area2 .sidemenu ul.list-unstyled.gt-menu li.is-hidden {
   background: #f5f5f5;
   }
   .menu-area2  .sidemenu ul.list-unstyled.gt-menu li div.mega-menu a:hover {
     
     color: var(--color-link-hover);
   
   }
   
   
   
   .menu-area2 .sidemenu ul.gt-menu li:last-child a {
     border-bottom: none;
   }
   
   .menu-area2 .sidemenu ul.gt-menu li .mega-menu {
     position: absolute;
     width: calc(340% - 4px);
     max-width: 300px;
     top: 0;
     left: 100%;
     background: #fff;
     border: 1px solid #e5e5e5;
   
     overflow: hidden;
     -webkit-transition: 0.2s ease;
     -moz-transition: 0.2s ease;
     -ms-transition: 0.2s ease;
     -o-transition: 0.2s ease;
     transition: 0.2s ease;
     opacity: 0;
     -webkit-transform: scaleY(0);
     -ms-transform: scaleY(0);
     transform: scaleY(0);
     visibility: hidden;
     z-index: 2001;
     -webkit-transform-origin: center top 0;
     -ms-transform-origin: center top 0;
     transform-origin: center top 0;
   }
   
   .menu-area2 .sidemenu ul.gt-menu li .mega-menu .smartphone h6, .menu-area2 .sidemenu ul.gt-menu li .mega-menu .tablet h6, .menu-area2 .sidemenu ul.gt-menu li .mega-menu .f-phone h6, .menu-area2 .sidemenu ul.gt-menu li .mega-menu .accesories h6 {
     color: #444444;
     text-transform: uppercase;
     margin-bottom: 15px;
     font-weight: 600;
   }
   
   .menu-area2 .sidemenu ul.gt-menu li .mega-menu .smartphone a, .menu-area2 .sidemenu ul.gt-menu li .mega-menu .tablet a, .menu-area2 .sidemenu ul.gt-menu li .mega-menu .f-phone a, .menu-area2 .sidemenu ul.gt-menu li .mega-menu .accesories a {
     font-size: 14px;
     color: #666666;
     padding: 6px 0;
     border: none;
   }
   
   .menu-area2 .sidemenu ul.gt-menu li .mega-menu .smartphone a:hover, .menu-area2 .sidemenu ul.gt-menu li .mega-menu .tablet a:hover, .menu-area2 .sidemenu ul.gt-menu li .mega-menu .f-phone a:hover, .menu-area2 .sidemenu ul.gt-menu li .mega-menu .accesories a:hover {
     background: transparent;
     color: var(--first-color);
   }
   
   .menu-area2 .sidemenu ul.gt-menu li .mega-menu .tablet {
     margin-bottom: 30px;
   }
   
   .menu-area2 .sidemenu ul.gt-menu li .mega-menu .mg-bnr img {
     position: absolute;
     bottom: 0;
     right: 0;
     width: 135px;
     margin-bottom: -135px;
     margin-right: -35px;
   }
   
   .menu-area2 .sidemenu ul.gt-menu li .mega-menu .mg-bnr .mg-content {
     position: absolute;
     right: 0;
     bottom: 0;
     margin-right: 120px;
     margin-bottom: -15px;
   }
   
   .menu-area2 .sidemenu ul.gt-menu li .mega-menu .mg-bnr .mg-content h4 {
     color: #e45151;
     text-transform: uppercase;
     font-weight: 700;
   }
   
   .menu-area2 .sidemenu ul.gt-menu li .mega-menu .mg-bnr .mg-content span {
     font-size: 15px;
     color: #969696;
     font-weight: 600;
   }
   
   .menu-area2 .sidemenu ul.gt-menu li .mega-menu .tab-bnr img {
     margin-bottom: -80px;
     margin-right: -32px;
   }
   
   .menu-area2 .sidemenu ul.gt-menu li .mega-menu .pw-bnr img {
     width: 110px;
   }
   
   .menu-area2 .sidemenu ul.gt-menu li:hover .mega-menu {
     opacity: 1;
     -webkit-transform: scaleY(1);
     -ms-transform: scaleY(1);
     transform: scaleY(1);
     visibility: visible;
   /*  height: calc(100% + 0.15%); */
   border-top-right-radius: var(--border-radius);
border-bottom-right-radius: var(--border-radius);
border-bottom-left-radius: var(--border-radius);
   }
   
   .menu-area2 .sidemenu:hover p {
     cursor: pointer;
   }
   
   .menu-area2 .sidemenu:hover ul.gt-menu {
     opacity: 1;
     -webkit-transform: scaleY(1);
     -ms-transform: scaleY(1);
     transform: scaleY(1);
     visibility: visible;
   }
   
   .menu-area2 .main-menu ul li {
     position: relative;
     margin-right: 20px;
   }
   
   .menu-area2 .main-menu ul li a {
     font-size: 15px;
     color: #444444;
     display: inline-block;
     font-weight: 600;
     padding: 14px 5px 14px 0;
   }
   
   .menu-area2 .main-menu ul li a i {
     font-size: 14px;
     color: #666666;
   }
   
   .menu-area2 .main-menu ul li a:hover {
     cursor: pointer;
   }
   
   .menu-area2 .main-menu ul li:last-child.cup-btn {
     float: right;
     margin-right: 0;
     margin-top: 10px;
   }
   
   .menu-area2 .main-menu ul li:last-child.cup-btn a {
     font-size: 14px;
     color: #e45151;
     background: #fff;
     padding: 4px 15px;
     border: 1px solid #e45151;
     -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
     -ms-border-radius: 30px;
     border-radius: 30px;
   }
   
   .menu-area2 .main-menu ul li:last-child.cup-btn a:hover {
     background: #e45151;
     color: #fff;
   }
   
   .menu-area2 .main-menu ul li ul.dropdown {
     position: absolute;
     left: 0;
     top: 100%;
     min-width: 170px;
     background: #fff;
     text-align: left;
     border: 1px solid #eeeeee;
     border-top: 3px solid var(--first-color);
     padding: 0;
     -webkit-transition: 0.2s ease;
     -moz-transition: 0.2s ease;
     -ms-transition: 0.2s ease;
     -o-transition: 0.2s ease;
     transition: 0.2s ease;
     opacity: 0;
     -webkit-transform: scaleY(0);
     -ms-transform: scaleY(0);
     transform: scaleY(0);
     visibility: hidden;
     z-index: 2001;
     -webkit-transform-origin: center top 0;
     -ms-transform-origin: center top 0;
     transform-origin: center top 0;
     -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
   }
   
   .menu-area2 .main-menu ul li ul.dropdown li {
     position: relative;
     margin-right: 0;
   }
   
   .menu-area2 .main-menu ul li ul.dropdown li a {
     font-size: 14px;
     padding: 8px 20px;
     display: block;
     font-weight: normal;
   }
   
   .menu-area2 .main-menu ul li ul.dropdown li a:hover {
     background: #f5f5f5;
     color: var(--first-color);
   }
   
   .menu-area2 .main-menu ul li:hover ul.dropdown {
     opacity: 1;
     -webkit-transform: scaleY(1);
     -ms-transform: scaleY(1);
     transform: scaleY(1);
     visibility: visible;
   }
   
   .menu-area2 .main-menu ul li.mega-menu {
     position: inherit;
   }
   
   .menu-area2 .main-menu ul li.mega-menu .mega-box {
     width: calc(135% - 44px);
     margin: 0 auto;
     position: absolute;
     left: -31.5%;
     top: 100%;
     background: #fff;
     text-align: left;
     border: 1px solid #eeeeee;
     border-top: 3px solid var(--first-color);
     padding: 30px;
     -webkit-transition: 0.2s ease;
     -moz-transition: 0.2s ease;
     -ms-transition: 0.2s ease;
     -o-transition: 0.2s ease;
     transition: 0.2s ease;
     opacity: 0;
     -webkit-transform: scaleY(0);
     -ms-transform: scaleY(0);
     transform: scaleY(0);
     visibility: hidden;
     z-index: 2001;
     -webkit-transform-origin: center top 0;
     -ms-transform-origin: center top 0;
     transform-origin: center top 0;
     -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
   }
   
   .menu-area2 .main-menu ul li.mega-menu .mega-box .clt-area h6 {
     color: #444444;
     text-transform: uppercase;
     font-weight: 600;
     margin-bottom: 20px;
   }
   
   .menu-area2 .main-menu ul li.mega-menu .mega-box .clt-area a {
     font-size: 14px;
     color: #666666;
     padding: 0;
     margin: 0;
     margin-bottom: 12px;
     font-weight: normal;
     display: block;
   }
   
   .menu-area2 .main-menu ul li.mega-menu .mega-box .clt-area a:hover {
     color: var(--first-color);
   }
   
   .menu-area2 .main-menu ul li.mega-menu .mega-box .sm-phn h6 {
     color: #444444;
     text-transform: uppercase;
     font-weight: 600;
     margin-bottom: 20px;
   }
   
   .menu-area2 .main-menu ul li.mega-menu .mega-box .sm-phn a {
     font-size: 14px;
     color: #666666;
     padding: 0;
     margin: 0;
     margin-bottom: 12px;
     font-weight: normal;
     display: block;
   }
   
   .menu-area2 .main-menu ul li.mega-menu .mega-box .sm-phn a:hover {
     color: var(--first-color);
   }
   
   .menu-area2 .main-menu ul li.mega-menu .mega-box .lt-news h6 {
     color: #444444;
     text-transform: uppercase;
     font-weight: 600;
     margin-bottom: 28px;
   }
   
   .menu-area2 .main-menu ul li.mega-menu .mega-box .lt-news .news-box {
     margin-bottom: 20px;
   }
   
   .menu-area2 .main-menu ul li.mega-menu .mega-box .lt-news .news-box .news-img img {
     max-width: 65px;
     margin-right: 10px;
   }
   
   .menu-area2 .main-menu ul li.mega-menu .mega-box .lt-news .news-box .news-con p {
     margin-bottom: 3px;
   }
   
   .menu-area2 .main-menu ul li.mega-menu .mega-box .lt-news .news-box .news-con span {
     font-size: 13px;
     color: #969696;
   }
   
   .menu-area2 .main-menu ul li.mega-menu .mega-box .m-slider {
     border: 1px solid #e5e5e5;
   }
   
   .menu-area2 .main-menu ul li.mega-menu .mega-box .m-slider .slider-item {
     position: relative;
   }
   
   .menu-area2 .main-menu ul li.mega-menu .mega-box .m-slider .slider-item span {
     color: #fff;
     font-weight: 600;
     background: #e45151;
     text-transform: uppercase;
     width: 45px;
     height: 45px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     border-radius: 50%;
     text-align: center;
     padding-top: 12px;
     position: absolute;
     top: 0;
     left: 0;
     z-index: 2;
     margin-left: 15px;
     margin-top: 15px;
   }
   
   .menu-area2 .main-menu ul li.mega-menu .mega-box .mega-bnr {
     margin-top: 20px;
   }
   
   .menu-area2 .main-menu ul li.mega-menu .mega-box .mega-bnr a.bnr-box {
     display: block;
     border: 1px solid #eeeeee;
     padding: 5px 10px 8px 0px;
   }
   
   .menu-area2 .main-menu ul li.mega-menu .mega-box .mega-bnr a.bnr-box img {
     max-width: 100px;
     margin-right: 10px;
   }
   
   .menu-area2 .main-menu ul li.mega-menu .mega-box .mega-bnr a.bnr-box span {
     font-size: 20px;
     color: #e45151;
     text-transform: uppercase;
     font-weight: 600;
     vertical-align: text-top;
   }
   
   .menu-area2 .main-menu ul li.mega-menu .mega-box .mega-bnr a.bnr-box:hover {
     border-color: var(--first-color);
   }
   
   .menu-area2 .main-menu ul li.mega-menu:hover .mega-box {
     opacity: 1;
     -webkit-transform: scaleY(1);
     -ms-transform: scaleY(1);
     transform: scaleY(1);
     visibility: visible;
   }
   

   /* для индексной  */
   .index-left-menu .menu-area2 .sidemenu {
       height: auto;
       width: 100%;
   }
   
   .index-left-menu .menu-area2 .sidemenu ul.gt-menu {
   position: relative;
   top: 0;
   -webkit-transition: none;
   -moz-transition: none;
   transition: all 0s ease 0s;
   opacity: 1;
   -webkit-transform: none;
   transform: none;
   visibility: visible;
   z-index: 0;
   -webkit-transform-origin: 50% 50% 0;
   -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
   width: 100%;
   }
   
   .index-left-menu .menu-area2 .sidemenu p {
       padding: 12px 22px;
       width: 100%;
   }
     .index-left-menu .menu-area2 {
   margin-right: 0px;
   }

svg.svg-icon {
 
fill: #0f234a;
}  
.footer  svg.svg-icon {
 
fill: #eee;
 
}

#list svg.svg-icon {
 
fill: #fff;
 
}

.top-bar-mobil svg.svg-icon {
 
fill: #fff;

}
.price_item svg.svg-icon {
fill:#0f234a;
}  
.item-product  svg.svg-icon {
 
margin-bottom: 7px;
}  

button svg.svg-icon {
fill: #fff;
} 

.header svg.svg-icon {
fill: var(--color-grey);
}       
 .sticky-menu svg.svg-icon, .owl-carousel svg.svg-icon  {
fill: var(--color-grey) !important;
}    
   
.header .sticky-menu .sidemenu svg.svg-icon {
fill: #fff !important;
}
   
    
    /* ====================
    10. Mobile Menu
    ==================== */
    
    
    @media (max-width: 767px) {
      .top-bar, .header {
        display: none;
      }
    }
    .top-bar-mobil {
    display: none;
    }
    @media (max-width: 767px) {
      .top-bar-mobil {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99999;
        -webkit-box-shadow: 0 0 20px -10px #222222;
box-shadow: 0 0 20px -10px #222222;
        height: 50px;
        background: #0f234a;
        }
     section.main {
      margin-top: 50px !important;
      } 
      #leftmenu {
      display: none;
      }
    .breadcrumb-container .container-fluid.limited {
    
    background: #ececec;
    }
       .category .container .title{
      text-align: center;
      } 
      
      
        
    }
     @media (max-width:  414px) {
     .mobil-top-logo {
        margin-right: -44px;
           padding-right: 44px;
        }
     }
    
    .mobil-top-logo svg{
    max-height: 34px;
     }
     
 
     
     
     
    /* =======================================
       14. Product Area
       ======================================= */
    
   
   
   
   
   .product-area .owl-slider {
     background: #f5f5f5;
 
     position: relative;
     overflow: hidden;
   }
   
   .product-area .owl-slider .slider-item {
     position: relative;
     height: 368px;
   }
   
   .product-area .owl-slider .slider-item .slider-box {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 1;
   }
   
   .product-area .owl-slider .slider-item .slider-box .slider-table {
     display: table;
     width: 100%;
     height: 100%;
   }
   
   .product-area .owl-slider .slider-item .slider-box .slider-table .slider-tablecell {
     display: table-cell;
     vertical-align: middle;
     padding: 0 50px;
     border: 1px solid #ececec;
   }
   
   .product-area .owl-slider .slider-item .slider-box .slider-table .slider-tablecell h5 {
     color: #e45151;
     font-weight: 600;
     margin-bottom: 8px;
   }
   
   .product-area .owl-slider .slider-item .slider-box .slider-table .slider-tablecell h2 {
     color: #fff;
     letter-spacing: 0;
     font-weight: 600;
     margin-bottom: 50px;
     text-shadow: 1px 1px 2px #000000, 0 0 1em #000000;
   }
   
   .product-area .owl-slider .slider-item .slider-box .slider-table .slider-tablecell p {
     font-size: 18px;
     margin-bottom: 30px;
   }
   
   .product-area .owl-slider .slider-item .slider-box .slider-table .slider-tablecell a {
     font-size: 15px;
     color: #fff;
     background: var(--first-color);
     padding: 8px 20px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     -ms-border-radius: 3px;
     border-radius: 3px;
   }
   
   .product-area .owl-slider .slider-item .slider-box .slider-table .slider-tablecell a:hover {
     background: var(--color-hover);
   }
   
 
 
   
.product-area .owl-slider .owl-nav .owl-next, .product-area .owl-slider .owl-nav .owl-prev {
 position: absolute;
       top: 50%;
       left: -45px;
       z-index: 2001;
       margin-top: -41px;
       -webkit-transition: 0.3s ease;
       -moz-transition: 0.3s ease;
       -ms-transition: 0.3s ease;
       -o-transition: 0.3s ease;
       transition: 0.3s ease;
       opacity: 0;
       visibility: hidden;
}

.product-area .owl-slider .owl-nav .owl-next {
  left: inherit;
  right: -45px;
}

.product-area .owl-slider:hover .owl-nav .owl-next,  .product-area .owl-slider:hover .owl-nav .owl-prev {
  opacity: 1;
  visibility: visible;
  left: 0px;
}

.product-area .owl-slider:hover .owl-nav .owl-next {
  left: inherit;
  right:  0px;
}
   
.product-area .owl-slider .slider-item {
   
    height: 100% !important;
}   
   .product-area .owl-slider .owl-dots {
     position: absolute;
     bottom: 10px;
     left: 50%;
     margin-left: -46px;
   }
   
   .product-area .owl-slider .owl-dots .owl-dot {
     display: inline-block;
     width: 12px;
     height: 12px;
     border: 1px solid #e45151;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     border-radius: 50%;
     margin: 2px 14px 2px 14px ;
   }
    
   
   
   
   
   .product-area .owl-slider .owl-dots .owl-dot.active {
     background: #e45151;
   }
   
 
   
   .single-box {
     position: relative;
     overflow: hidden;
   }
   
     .single-box:before {
     position: absolute;
     content: '';
     background: rgba(255, 255, 255, 0.7);
     width: 100%;
     height: 30px;
     bottom: -30px;
     left: 0;
     -webkit-transition: 0.4s ease;
     -moz-transition: 0.4s ease;
     -ms-transition: 0.4s ease;
     -o-transition: 0.4s ease;
     transition: 0.4s ease;
     opacity: 0;
     visibility: hidden;
   }
   
    .single-box:after {
     position: absolute;
     content: '';
     background: rgba(255, 255, 255, 0.7);
     width: 30px;
     height: 100%;
     top: 0;
     left: -30px;
     -webkit-transition: 0.4s ease;
     -moz-transition: 0.4s ease;
     -ms-transition: 0.4s ease;
     -o-transition: 0.4s ease;
     transition: 0.4s ease;
     opacity: 0;
     visibility: hidden;
   }
   
   
   
  .single-box:hover:before {
     opacity: 1;
     visibility: visible;
     bottom: 100%;
     
   }
   
    .single-box:hover:after {
     opacity: 1;
     visibility: visible;
     left: 100%;
     
   }
   
   
   
  
      .eff-1 {
     position: relative;
     overflow: hidden;
   }
   
     .eff-1:before {
     position: absolute;
     content: '';
     background: rgba(255, 255, 255, 0.7);
     width: 100%;
     height: 30px;
     bottom: -30px;
     left: 0;
     -webkit-transition: 0.4s ease;
     -moz-transition: 0.4s ease;
     -ms-transition: 0.4s ease;
     -o-transition: 0.4s ease;
     transition: 0.4s ease;
     opacity: 0;
     visibility: hidden;
   }
   
    .eff-1:after {
     position: absolute;
     content: '';
     background: rgba(255, 255, 255, 0.7);
     width: 30px;
     height: 100%;
     top: 0;
     left: -30px;
     -webkit-transition: 0.4s ease;
     -moz-transition: 0.4s ease;
     -ms-transition: 0.4s ease;
     -o-transition: 0.4s ease;
     transition: 0.4s ease;
     opacity: 0;
     visibility: hidden;
   }
   
   
   
  .eff-1:hover:before {
     opacity: 1;
     visibility: visible;
     bottom: 100%;
     
   }
   
    .eff-1:hover:after {
     opacity: 1;
     visibility: visible;
     left: 100%;
     
   }
   
  
   
   .owl-carousel .owl-item {
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
   }
   
   .owl-carousel .owl-item img {
     -webkit-transform-style: unset;
     transform-style: unset;
   }
   
   
   
   
    
   
   
     .block-icons a {
   font-size: 13px;
   }
   
   
   
   .product-area .bt-deal {
     border: 1px solid #e5e5e5;
     padding: 20px 20px 0;
     margin-bottom: 30px;
   }
   
   .product-area .bt-deal .sec-title h6 {
     color: #444444;
     text-transform: uppercase;
     font-weight: 400;
     
     margin-bottom: 7px;
   }
   
   .product-area .bt-deal .bt-body {
     position: relative;
   }
   
   .product-area .bt-deal .bt-body .bt-items .bt-box {
     margin-bottom: 20px;
   }
   
   .product-area .bt-deal .bt-body .bt-items .bt-box .bt-img a img {
     max-width: 85px;
  
   }
   
   .product-area .bt-deal .bt-body .bt-items .bt-box .bt-content p {
     margin-bottom: 2px;
   max-height: 45px;
    height: auto;
  
    transition: all 0.2s ease-out;
    overflow: hidden;
 
   }
   
      .product-area .bt-deal .bt-body .bt-items .bt-box .bt-content p:hover {
      max-height: 100%;
       transition: all 0.5s ease-in;
  
  
      }
   
   .product-area .bt-deal .bt-body .bt-items .bt-box .bt-content p a {
     color: #666666;
   }
   
   .product-area .bt-deal .bt-body .bt-items .bt-box .bt-content p a:hover {
     color: var(--first-color);
   }
   
   .product-area .bt-deal .bt-body .bt-items .bt-box .bt-content ul.fav {
     margin-bottom: 2px;
   }
   
   .product-area .bt-deal .bt-body .bt-items .bt-box .bt-content ul.fav li {
     font-size: 13px;
     color: #fdba2d;
     margin-right: 0;
   }
   
   .product-area .bt-deal .bt-body .bt-items .bt-box .bt-content ul.price li {
     color: #444444;
     font-weight: 600;
     margin-right: 0;
     letter-spacing: 0;
   }
   
   .product-area .bt-deal .bt-body .bt-items .bt-box .bt-content ul.price li:last-child {
     font-size: 13px;
     color: #969696;
     margin-left: 5px;
     font-weight: normal;
     text-decoration: line-through;
   }
   
 
   .product-area .bt-deal .bt-body .owl-nav   {
     position: absolute;
     top: 0;
     right: 0;
     font-size: 13px;
     border: 1px solid #e5e5e5;
     width: 20px;
     height: 20px;
     text-align: center;
     z-index: 1;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     border-radius: 50%;
     margin-top: -54px;
   }
   
   .product-area .bt-deal .bt-body .owl-nav  :hover {
     background: var(--first-color);
     color: #fff;
     border-color: var(--first-color);
   }
   
   .product-area .bt-deal .bt-body .owl-nav  .owl-prev {
     margin-right: 25px;
   }
   
   .product-area .ftr-product {
     border: 1px solid #e5e5e5;
     padding: 16px 20px;
     margin-bottom: 30px;
   }
   
   .product-area .ftr-product .tab-box {
     border-bottom: 1px solid #eeeeee;
     margin-bottom: 18px;
     padding-bottom: 10px;
   }
   
    
   
   .product-area .ftr-product .tab-box ul.nav {
     border: none;
     margin-right: 70px;
   }
   
   .product-area .ftr-product .tab-box ul.nav li.nav-item {
     margin: 0;
   }
   
   .product-area .ftr-product .tab-box ul.nav li.nav-item a.nav-link {
     border: none;
     padding: 3px 12px;
     -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
     -ms-border-radius: 30px;
     border-radius: 30px;
   }
   
   .product-area .ftr-product .tab-box ul.nav li.nav-item a.nav-link.active {
     background: var(--first-color);
     color: #fff;
   }
   
   .product-area .ftr-product .tab-content .tab-pane .tab-slider {
     position: relative;
   }
   
   .product-area .ftr-product .tab-content .tab-pane .tab-slider .item-product {
  
   }
   
   .product-area .ftr-product .tab-content .tab-pane .tab-slider .item-product .item-heading  ul {
     margin-bottom: 3px;
   }
   
   .product-area .ftr-product .tab-content .tab-pane .tab-slider .item-product .item-heading  ul li a {
     font-size: 13px;
     color: #969696;
   }
   
   .product-area .ftr-product .tab-content .tab-pane .tab-slider .item-product .item-heading  ul li a:hover {
     color: #e45151;
   }
   
   .product-area .ftr-product .tab-content .tab-pane .tab-slider .item-product .item-heading  p {
     margin-bottom: 20px;
   }
   
   .product-area .ftr-product .tab-content .tab-pane .tab-slider .item-product .item-heading  p a {
     font-size: 16px;
     color: var(--first-color);
     font-weight: 600;
   }
   
   .ftr-product .owl-carousel.owl-drag .owl-item {
      border: 1px solid #f2f2f2;
     padding: 12px;
   }
   
   .product-area .ftr-product .tab-content .tab-pane .tab-slider .item-product .item-heading  p a:hover {
     color: #e45151;
   }
   
   .product-area .ftr-product .tab-content .tab-pane .tab-slider .item-product .item-img {
     margin-bottom: 20px;
     position: relative;
   }
   
   .product-area .ftr-product .tab-content .tab-pane .tab-slider .item-product .item-img img.main-img {
     max-width: 100%;
   }
   
   .product-area .ftr-product .tab-content .tab-pane .tab-slider .item-product .item-img img.sec-img {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 1;
     -webkit-transition: 0.5s ease;
     -moz-transition: 0.5s ease;
     -ms-transition: 0.5s ease;
     -o-transition: 0.5s ease;
     transition: 0.5s ease;
     opacity: 0;
     visibility: hidden;
     max-width: 100%;
   }
   
   .product-area .ftr-product .tab-content .tab-pane .tab-slider .item-product .item-img span.sale {
     font-size: 12px;
     color: #fff;
     font-weight: 600;
     background: #e45151;
     text-transform: uppercase;
     width: 42px;
     height: 42px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     border-radius: 50%;
     text-align: center;
     padding-top: 12px;
     position: absolute;
     top: 0;
     left: 0;
     z-index: 2;
     margin-left: 15px;
     margin-top: 15px;
   }
   .product-area  .new-product .new-item  span.new {
     font-size: 12px;
     color: #fff;
     font-weight: 600;
     background: #5176e4;
     text-transform: uppercase;
     width: 42px;
     height: 42px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     border-radius: 50%;
     text-align: center;
     padding-top: 12px;
     position: absolute;
     top: 0;
     left: 0;
     z-index: 2;
     margin-left: 15px;
     margin-top: 15px;
   }
   
   .product-area .ftr-product .tab-content .tab-pane .tab-slider .item-product .item-img span.new {
     font-size: 12px;
     color: #fff;
     font-weight: 600;
     background: var(--first-color);
     text-transform: uppercase;
     width: 42px;
     height: 42px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     border-radius: 50%;
     text-align: center;
     padding-top: 12px;
     position: absolute;
     top: 0;
     left: 0;
     z-index: 2;
     margin-left: 15px;
     margin-top: 15px;
   }
   
   .product-area .ftr-product .tab-content .tab-pane .tab-slider .item-product .item-img .layer-box a {
     border: 1px solid #dddddd;
     padding: 5px 7px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     border-radius: 50%;
     background: #fff;
     position: absolute;
     top: 0;
     right: -45px;
     margin-right: 10px;
     -webkit-transition: 0.3s ease;
     -moz-transition: 0.3s ease;
     -ms-transition: 0.3s ease;
     -o-transition: 0.3s ease;
     transition: 0.3s ease;
     z-index: 9;
     opacity: 0;
     visibility: hidden;
   }
   
   .product-area .ftr-product .tab-content .tab-pane .tab-slider .item-product .item-img .layer-box a img {
     max-width: 16px;
     display: inline-block;
   }
   
   .product-area .ftr-product .tab-content .tab-pane .tab-slider .item-product .item-img .layer-box a:hover {
     border-color: #e45151;
   }
   
   .product-area .ftr-product .tab-content .tab-pane .tab-slider .item-product .item-img .layer-box a.it-comp {
     margin-top: 60px;
     -webkit-transition-delay: 0.1s;
     -o-transition-delay: 0.1s;
     transition-delay: 0.1s;
   }
   
   .product-area .ftr-product .tab-content .tab-pane .tab-slider .item-product .item-img .layer-box a.it-fav {
     margin-top: 15px;
     -webkit-transition-delay: 0.0s;
     -o-transition-delay: 0.0s;
     transition-delay: 0.0s;
   }
   
   .product-area .ftr-product .tab-content .tab-pane .tab-slider .item-product .item-content ul.fav {
     margin-bottom: 6px;
   }
   
   .product-area .ftr-product .tab-content .tab-pane .tab-slider .item-product .item-content ul.fav li {
     margin: 0;
   }
   
   .product-area .ftr-product .tab-content .tab-pane .tab-slider .item-product .item-content ul.fav li i {
     font-size: 13px;
     color: #fdba2d;
   }
   
   .product-area .ftr-product .tab-content .tab-pane .tab-slider .item-product .item-content ul.price li {
     font-size: 18px;
     color: #444444;
     font-weight: 600;
     letter-spacing: 0;
   }
   
   .product-area .ftr-product .tab-content .tab-pane .tab-slider .item-product .item-content ul.price li:last-child {
     font-size: 14px;
     color: #969696;
     font-weight: normal;
     text-decoration: line-through;
   }
   
   .product-area .ftr-product .tab-content .tab-pane .tab-slider .item-product .item-content a {
     background: #eeeeee;
     display: inline-block;
     padding: 10px;
     border: 1px solid #dddddd;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     border-radius: 50%;
     margin-top: 8px;
   }
   
   .product-area .ftr-product .tab-content .tab-pane .tab-slider .item-product .item-content a:hover {
     border-color: #e45151;
   }
   
   .product-area .ftr-product .tab-content .tab-pane .tab-slider .item-product:hover .item-img img.sec-img {
     visibility: visible;
     opacity: 1;
   }
   
   .product-area .ftr-product .tab-content .tab-pane .tab-slider .item-product:hover .item-img .layer-box a {
     right: 0;
     visibility: visible;
     opacity: 1;
   }
   
   .product-area .ftr-product .tab-content .tab-pane .tab-slider .owl-nav   {
     position: absolute;
     top: 0;
     right: 0;
     font-size: 15px;
     border: 1px solid #e5e5e5;
     width: 25px;
     height: 25px;
     padding-top: 1px;
     text-align: center;
     z-index: 1;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     border-radius: 50%;
     margin-top: -55px;
   }
   
   .product-area .ftr-product .tab-content .tab-pane .tab-slider .owl-nav  :hover {
     background: var(--first-color);
     color: #fff;
   }
   
   .product-area .ftr-product .tab-content .tab-pane .tab-slider .owl-nav  .owl-prev {
     margin-right: 30px;
   }
   
   .product-area .banner {
     margin-bottom: 30px;
     position: relative;
     overflow: hidden;
   }
   
   .product-area .banner:before {
     position: absolute;
     content: '';
     background: rgba(255, 255, 255, 0.7);
     width: 100%;
     height: 30px;
     bottom: -30px;
     left: 0;
     -webkit-transition: 0.4s ease;
     -moz-transition: 0.4s ease;
     -ms-transition: 0.4s ease;
     -o-transition: 0.4s ease;
     transition: 0.4s ease;
     opacity: 0;
     visibility: hidden;
   }
   
   .product-area .banner:after {
     position: absolute;
     content: '';
     background: rgba(255, 255, 255, 0.7);
     width: 30px;
     height: 100%;
     top: 0;
     left: -30px;
     -webkit-transition: 0.4s ease;
     -moz-transition: 0.4s ease;
     -ms-transition: 0.4s ease;
     -o-transition: 0.4s ease;
     transition: 0.4s ease;
     opacity: 0;
     visibility: hidden;
   }
   
   .product-area .banner:hover:before {
     opacity: 1;
     visibility: visible;
     bottom: 100%;
   }
   
   .product-area .banner:hover:after {
     opacity: 1;
     visibility: visible;
     left: 100%;
   }
   
   .product-area .ht-offer {
     border: 1px solid #e5e5e5;
     padding: 20px;
     margin-bottom: 30px;
   }
   
   .product-area .ht-offer .sec-title h6 {
     color: #444444;
     text-transform: uppercase;
     font-weight: 600;
     border-bottom: 1px solid #eeeeee;
     padding-bottom: 15px;
     margin-bottom: 18px;
   }
   
   .product-area .ht-offer .ht-body {
     position: relative;
   }
   
   .product-area .ht-offer .ht-body .ht-item .ht-img {
     position: relative;
   }
   
   .product-area .ht-offer .ht-body .ht-item .ht-img a img {
     margin-bottom: 15px;
   }
   
   .product-area .ht-offer .ht-body .ht-item .ht-img span {
     font-size: 13px;
     color: #fff;
     font-weight: 600;
     background: #e45151;
     text-transform: uppercase;
     width: 42px;
     height: 42px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     border-radius: 50%;
     text-align: center;
     padding-top: 12px;
     position: absolute;
     top: 0;
     left: 0;
     z-index: 2;
     margin-left: 15px;
     margin-top: 15px;
   }
   
   .product-area .ht-offer .ht-body .ht-item .ht-img ul.counter-box {
     text-align: center;
     position: absolute;
     bottom: 0;
     left: 0;
     margin-bottom: 15px;
     width: 100%;
   }
   
   .product-area .ht-offer .ht-body .ht-item .ht-img ul.counter-box li {
     background: #fff;
     border: 1px solid #e5e5e5;
     width: 45px;
     height: 45px;
     margin: 0;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     border-radius: 50%;
     font-size: 13px;
     font-weight: 700;
     padding-top: 5px;
   }
   
   .product-area .ht-offer .ht-body .ht-item .ht-img ul.counter-box li p {
     font-size: 11px;
     font-weight: 500;
     margin-top: -3px;
     text-transform: uppercase;
   }
   
   .product-area .ht-offer .ht-body .ht-item .ht-content p {
     margin-bottom: 2px;
   }
   
   .product-area .ht-offer .ht-body .ht-item .ht-content p a {
     font-size: 15px;
     color: #666666;
   }
   
   .product-area .ht-offer .ht-body .ht-item .ht-content p a:hover {
     color: var(--first-color);
   }
   
   .product-area .ht-offer .ht-body .ht-item .ht-content ul.fav {
     margin-bottom: 2px;
   }
   
   .product-area .ht-offer .ht-body .ht-item .ht-content ul.fav li {
     font-size: 13px;
     color: #fdba2d;
     margin-right: 0;
   }
   
   .product-area .ht-offer .ht-body .ht-item .ht-content ul.price li {
     font-size: 15px;
     color: #444444;
     font-weight: 600;
     margin-right: 0;
     letter-spacing: 0;
   }
   
   .product-area .ht-offer .ht-body .ht-item .ht-content ul.price li:last-child {
     font-size: 14px;
     color: #969696;
     margin-left: 10px;
     font-weight: normal;
     text-decoration: line-through;
   }
   
   .product-area .ht-offer .ht-body .owl-nav   {
     position: absolute;
     top: 0;
     right: 0;
     font-size: 13px;
     border: 1px solid #e5e5e5;
     width: 20px;
     height: 20px;
     text-align: center;
     z-index: 1;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     border-radius: 50%;
     margin-top: -54px;
   }
   
   .product-area .ht-offer .ht-body .owl-nav  :hover {
     background: var(--first-color);
     color: #fff;
     border-color: var(--first-color);
   }
   
   .product-area .ht-offer .ht-body .owl-nav  .owl-prev {
     margin-right: 25px;
   }
   
 
   
   .product-area .new-product .sec-title h5 {
     color: #555;
     text-transform: uppercase;
     font-weight: 400;
     border-bottom: 1px solid #eeeeee;
     margin-bottom: 18px;
     padding-bottom: 10px;
     font-size:24px;
   }
   
   .product-area .new-product .new-slider .new-item {
     overflow: hidden;
     border: 1px solid #f2f2f2;
     padding: 12px;
   }
   
   .product-area .new-product .new-slider .new-item .item-heading  ul {
     margin-bottom: 3px;
   }
   
   .product-area .new-product .new-slider .new-item .item-heading  ul li a {
     font-size: 13px;
     color: #969696;
   }
   
   .product-area .new-product .new-slider .new-item .item-heading  ul li a:hover {
     color: #e45151;
   }
   
   .product-area .new-product .new-slider .new-item .item-heading  p {
     margin-bottom: 20px;
   }
   
   .product-area .new-product .new-slider .new-item .item-heading  p a {
     font-size: 16px;
     color: var(--first-color);
     font-weight: 600;
   }
   
   .product-area .new-product .new-slider .new-item .item-heading  p a:hover {
     color: #e45151;
   }
   
   .product-area .new-product .new-slider .new-item .new-img {
     margin-bottom: 20px;
     position: relative;
    
   }
   
   .product-area .new-product .new-slider .new-item .new-img img.sec-img {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 1;
     -webkit-transition: 0.5s ease;
     -moz-transition: 0.5s ease;
     -ms-transition: 0.5s ease;
     -o-transition: 0.5s ease;
     transition: 0.5s ease;
     opacity: 0;
     visibility: hidden;
   }
   
   .product-area .new-product .new-slider .new-item .new-img .layer-box a {
     border: 1px solid #dddddd;
     padding: 5px 7px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     border-radius: 50%;
     background: #fff;
     position: absolute;
     top: 0;
     right: -45px;
     margin-right: 10px;
     -webkit-transition: 0.3s ease;
     -moz-transition: 0.3s ease;
     -ms-transition: 0.3s ease;
     -o-transition: 0.3s ease;
     transition: 0.3s ease;
     z-index: 9;
     opacity: 0;
     visibility: hidden;
   }
   
   .product-area .new-product .new-slider .new-item .new-img .layer-box a img {
     max-width: 16px;
     display: inline-block;
   }
   
   .product-area .new-product .new-slider .new-item .new-img .layer-box a:hover {
     border-color: #e45151;
   }
   
   .product-area .new-product .new-slider .new-item .new-img .layer-box a.it-comp {
     margin-top: 60px;
     -webkit-transition-delay: 0.06s;
     -o-transition-delay: 0.06s;
     transition-delay: 0.06s;
   }
   
   .product-area .new-product .new-slider .new-item .new-img .layer-box a.it-fav {
     margin-top: 15px;
     -webkit-transition-delay: 0.0s;
     -o-transition-delay: 0.0s;
     transition-delay: 0.0s;
   }
   
   .product-area .new-product .new-slider .new-item .item-content ul.fav {
     margin-bottom: 6px;
   }
   
   .product-area .new-product .new-slider .new-item .item-content ul.fav li {
     margin: 0;
   }
   
   .product-area .new-product .new-slider .new-item .item-content ul.fav li i {
     font-size: 13px;
     color: #fdba2d;
   }
   
   .product-area .new-product .new-slider .new-item .item-content ul.price li {
     font-size: 18px;
     color: #444444;
     font-weight: 600;
     letter-spacing: 0;
   }
   
   .product-area .new-product .new-slider .new-item .item-content ul.price li:last-child {
     font-size: 14px;
     color: #969696;
     font-weight: normal;
     text-decoration: line-through;
   }
   
   .product-area .new-product .new-slider .new-item .item-content a {
     background: #eeeeee;
     display: inline-block;
     padding: 10px;
     border: 1px solid #dddddd;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     border-radius: 50%;
     margin-top: 8px;
   }
   
   .product-area .new-product .new-slider .new-item .item-content a:hover {
     border-color: #e45151;
   }
   
   .product-area .new-product .new-slider .new-item:hover .new-img img.sec-img {
     visibility: visible;
     opacity: 1;
   }
   
   .product-area .new-product .new-slider .new-item:hover .new-img .layer-box a {
     right: 0;
     visibility: visible;
     opacity: 1;
   }
   
   .product-area .new-product .new-slider .owl-nav .owl-prev, .product-area .new-product .new-slider .owl-nav .owl-next  {
     position: absolute;
     top: 0;
     right: 0;
     font-size: 15px;
     border: 1px solid #e5e5e5;
     width: 25px;
     height: 25px;
     padding-top: 1px;
     text-align: center;
     z-index: 1;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     border-radius: 50%;
     margin-top: -55px;
   }
   
   .product-area .new-product .new-slider .owl-nav  :hover {
     background: var(--first-color);
     border: 1px solig var(--first-color); 
     color: #fff;
   }
   
   .product-area .new-product .new-slider .owl-nav  .owl-prev {
     margin-right: 30px;
   }
.new-product  .new-slider .owl-item {
 border: 1px solid #e5e5e5;
 }
   
.new-product  .new-slider .owl-item:hover {
   -webkit-transition: all 0.15s 0.15s ease-in-out;
transition: all 0.15s 0.15s ease-in-out;
z-index: 10;
box-shadow: 0 4px 49px rgba(0,0,0,.26);
   }
   
   
   .product-area .banner-two {
     margin-bottom: 30px;
     position: relative;
     overflow: hidden;
   }
   
   .product-area .banner-two:before {
     position: absolute;
     content: '';
     background: rgba(255, 255, 255, 0.7);
     width: 100%;
     height: 30px;
     bottom: -30px;
     left: 0;
     -webkit-transition: 0.4s ease;
     -moz-transition: 0.4s ease;
     -ms-transition: 0.4s ease;
     -o-transition: 0.4s ease;
     transition: 0.4s ease;
     opacity: 0;
     visibility: hidden;
   }
   
   .product-area .banner-two:after {
     position: absolute;
     content: '';
     background: rgba(255, 255, 255, 0.7);
     width: 30px;
     height: 100%;
     top: 0;
     left: -30px;
     -webkit-transition: 0.3s ease;
     -moz-transition: 0.3s ease;
     -ms-transition: 0.3s ease;
     -o-transition: 0.3s ease;
     transition: 0.3s ease;
     opacity: 0;
     visibility: hidden;
   }
   
   .product-area .banner-two:hover:before {
     opacity: 1;
     visibility: visible;
     bottom: 100%;
   }
   
   .product-area .banner-two:hover:after {
     opacity: 1;
     visibility: visible;
     left: 100%;
   }
   
   .product-area .top-slr {
     border: 1px solid #e5e5e5;
     padding: 16px 20px 0;
     margin-bottom: 30px;
   }
   
   .product-area .top-slr .sec-title h5 {
     color: #444444;
     text-transform: uppercase;
     font-weight: 600;
     border-bottom: 1px solid #eeeeee;
     margin-bottom: 18px;
     padding-bottom: 10px;
   }
   
   .product-area .top-slr .slr-slider {
     position: relative;
   }
   
   .product-area .top-slr .slr-slider .slr-items .slr-box {
     margin-bottom: 20px;
   }
   
   .product-area .top-slr .slr-slider .slr-items .slr-box .slr-img a img {
     max-width: 85px;
     margin-right: 15px;
   }
   
   .product-area .top-slr .slr-slider .slr-items .slr-box .slr-content p {
     margin-bottom: 2px;
   }
   
   .product-area .top-slr .slr-slider .slr-items .slr-box .slr-content p a {
     color: #666666;
   }
   
   .product-area .top-slr .slr-slider .slr-items .slr-box .slr-content p a:hover {
     color: var(--first-color);
   }
   
   .product-area .top-slr .slr-slider .slr-items .slr-box .slr-content ul.fav {
     margin-bottom: 2px;
   }
   
   .product-area .top-slr .slr-slider .slr-items .slr-box .slr-content ul.fav li {
     font-size: 13px;
     color: #fdba2d;
     margin-right: 0;
   }
   
   .product-area .top-slr .slr-slider .slr-items .slr-box .slr-content ul.price li {
     color: #444444;
     font-weight: 600;
     margin-right: 0;
     letter-spacing: 0;
   }
   
   .product-area .top-slr .slr-slider .slr-items .slr-box .slr-content ul.price li:last-child {
     font-size: 13px;
     color: #969696;
     margin-left: 5px;
     font-weight: normal;
     text-decoration: line-through;
   }
   
   .product-area .top-slr .slr-slider .owl-nav   {
     position: absolute;
     top: 0;
     right: 0;
     font-size: 15px;
     border: 1px solid #e5e5e5;
     width: 25px;
     height: 25px;
     text-align: center;
     padding-top: 1px;
     z-index: 1;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     border-radius: 50%;
     margin-top: -55px;
   }
   
   .product-area .top-slr .slr-slider .owl-nav  :hover {
     background: var(--first-color);
     color: #fff;
     border-color: var(--first-color);
   }
   
   .product-area .top-slr .slr-slider .owl-nav  .owl-prev {
     margin-right: 30px;
   }
   
   .product-area .hm-blog {
     border: 1px solid #e5e5e5;
     padding: 16px 20px;
   }
   
   .product-area .hm-blog .sec-title h5 {
     color: #444444;
     text-transform: uppercase;
     font-weight: 600;
     border-bottom: 1px solid #eeeeee;
     margin-bottom: 18px;
     padding-bottom: 10px;
   }
   
   .product-area .hm-blog .blog-slider .blog-item .blog-img a img {
     margin-bottom: 15px;
   }
   
   .product-area .hm-blog .blog-slider .blog-item .blog-content h6 {
     margin-bottom: 10px;
   }
   
   .product-area .hm-blog .blog-slider .blog-item .blog-content h6 a {
     color: #444444;
     font-weight: 600;
   }
   
   .product-area .hm-blog .blog-slider .blog-item .blog-content h6 a:hover {
     color: var(--first-color);
   }
   
   .product-area .hm-blog .blog-slider .blog-item .blog-content ul {
     margin-bottom: 10px;
   }
   
   .product-area .hm-blog .blog-slider .blog-item .blog-content ul li i {
     font-size: 12px;
     color: #969696;
     margin-right: 5px;
   }
   
   .product-area .hm-blog .blog-slider .blog-item .blog-content ul li a:hover {
     color: var(--first-color);
   }
   
   .product-area .hm-blog .blog-slider .blog-item .blog-content ul li:nth-child(1) {
     margin-right: 10px;
   }
   
   .product-area .hm-blog .blog-slider .blog-item .blog-content p {
     color: #666666;
     line-height: 25px;
     letter-spacing: 0.3px;
   }
   
   .product-area .hm-blog .blog-slider .owl-nav   {
     position: absolute;
     top: 0;
     right: 0;
     font-size: 15px;
     border: 1px solid #e5e5e5;
     width: 25px;
     height: 25px;
     text-align: center;
     padding-top: 1px;
     z-index: 1;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     border-radius: 50%;
     margin-top: -55px;
   }
   
   .product-area .hm-blog .blog-slider .owl-nav :hover {
     background: var(--first-color);
     color: #fff;
     border-color: var(--first-color);
   }
   
   .product-area .hm-blog .blog-slider .owl-nav .owl-prev {
     margin-right: 30px;
   }
   
   .product-area .hm-test {
     border: 1px solid #e5e5e5;
     padding: 30px 20px;
     margin-bottom: 30px;
   }
   
   .product-area .hm-test .test-body .test-item img {
     max-width: 90px;
     border: 1px solid #eeeeee;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     border-radius: 50%;
     margin: auto;
     margin-bottom: 20px;
   }
   
   .product-area .hm-test .test-body .test-item h6 {
     font-size: 15px;
     color: #444444;
     margin-bottom: 3px;
     font-weight: 600;
   }
   
   .product-area .hm-test .test-body .test-item span {
     color: #969696;
     display: inline-block;
     margin-bottom: 10px;
   }
   
   .product-area .hm-test .test-body .test-item p {
     color: #666666;
     line-height: 22px;
     margin-bottom: 20px;
   }
   
   .product-area .hm-test .test-body .owl-dots {
     text-align: center;
   }
   
   .product-area .hm-test .test-body .owl-dots .owl-dot {
     width: 10px;
     height: 10px;
     background: #dddddd;
     display: inline-block;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     border-radius: 50%;
     margin: 0 3px;
   }
   
   .product-area .hm-test .test-body .owl-dots .owl-dot.active {
     background: var(--first-color);
   }
   
   .product-area .top-rtd {
     border: 1px solid #e5e5e5;
     padding: 20px 20px 0;
     margin-bottom: 30px;
   }
   
   .product-area .top-rtd .sec-title h6 {
     color: #444444;
     text-transform: uppercase;
     font-weight: 600;
     border-bottom: 1px solid #eeeeee;
     padding-bottom: 15px;
     margin-bottom: 18px;
   }
   
   .product-area .top-rtd .rt-slider {
     position: relative;
   }
   
   .product-area .top-rtd .rt-slider .rt-items .rt-box {
     margin-bottom: 20px;
   }
   
   .product-area .top-rtd .rt-slider .rt-items .rt-box .rt-img a img {
     max-width: 85px;
     margin-right: 15px;
   }
   
   .product-area .top-rtd .rt-slider .rt-items .rt-box .rt-content p {
     margin-bottom: 2px;
   }
   
   .product-area .top-rtd .rt-slider .rt-items .rt-box .rt-content p a {
     color: #666666;
   }
   
   .product-area .top-rtd .rt-slider .rt-items .rt-box .rt-content p a:hover {
     color: var(--first-color);
   }
   
   .product-area .top-rtd .rt-slider .rt-items .rt-box .rt-content ul.fav {
     margin-bottom: 2px;
   }
   
   .product-area .top-rtd .rt-slider .rt-items .rt-box .rt-content ul.fav li {
     font-size: 13px;
     color: #fdba2d;
     margin-right: 0;
   }
   
   .product-area .top-rtd .rt-slider .rt-items .rt-box .rt-content ul.price li {
     color: #444444;
     font-weight: 600;
     margin-right: 0;
     letter-spacing: 0;
   }
   
   .product-area .top-rtd .rt-slider .rt-items .rt-box .rt-content ul.price li:last-child {
     font-size: 13px;
     color: #969696;
     margin-left: 5px;
     font-weight: normal;
     text-decoration: line-through;
   }
   
   .product-area .top-rtd .rt-slider .owl-nav   {
     position: absolute;
     top: 0;
     right: 0;
     font-size: 13px;
     border: 1px solid #e5e5e5;
     width: 20px;
     height: 20px;
     text-align: center;
     z-index: 1;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     border-radius: 50%;
     margin-top: -54px;
   }
   
   .product-area .top-rtd .rt-slider .owl-nav:hover {
     background: var(--first-color);
     color: #fff;
     border-color: var(--first-color);
   }
   
   .product-area .top-rtd .rt-slider .owl-nav .owl-prev {
     margin-right: 25px;
   }
   
   .product-area .nw-ltr {
     border: 1px solid #e5e5e5;
     padding: 20px;
   }
    .product-area .nw-ltr svg{
        fill: var(--first-color);
   }
   
   
   
   .product-area .nw-ltr .sec-title h6 {
     color: #444444;
     text-transform: uppercase;
     font-weight: 600;
   
   }
   
    .nw-box p {
     margin-bottom: 8px;
     line-height: 23px;
   }
   
    .nw-box   input {
     width: 100%;
     height: 35px;
     color: #444444;
     border: 1px solid #dddddd;
     padding-left: 15px;
     border-radius: 4px;
     margin-bottom: 11px;
   }
   
 .nw-box   textarea  {
   border: 1px solid rgba(0, 0, 0, 0.1);
font-size: 14px;
padding: 10px 15px;
width: 100%;
max-width: 100%;
resize: none;
border-radius: 2px;
   }
   
    .nw-box  input.placeholder {
     font-style: italic;
     color: #666666;
   }
   
     .nw-box   input:-moz-placeholder {
     font-style: italic;
     color: #666666;
   }
   
    .nw-box   input::-moz-placeholder {
     font-style: italic;
     color: #666666;
   }
   
     .nw-box   input:-ms-input-placeholder {
     font-style: italic;
     color: #666666;
   }
   
    .nw-box   input::-webkit-input-placeholder {
     font-style: italic;
     color: #666666;
   }
   
    .nw-box   input:focus {
     border-color: var(--first-color);
   }
   
     .nw-box   button {
     width: 100%;
     height: 35px;
     background: #0f234a;
     color: #fff;
     border: none;
 
     font-weight: 600;
   }
   
    .nw-box   button:hover {
     background: #cf3750;
   }
   
   .product-area .tp-bnd {
     margin: 50px 0;
   }
   
   .product-area .tp-bnd .bnd-items a img {
     width: auto;
     border: 1px solid #eeeeee;
   }
   
   .product-area .tp-bnd .bnd-items a img:hover {
     border-color: var(--first-color);
   }
       
      
    
    
    /* =======================================
    27. Category Area
    ======================================= */
   .cart-effect:hover {
     opacity: 1;
     -webkit-animation: cart-effect-flash 1.5s;
     animation: cart-effect-flash 1.5s; }
   
   @-webkit-keyframes cart-effect-flash {
     0% {
       opacity: 0.4; }
   
     100% {
       opacity: 1; } }
   
   @keyframes cart-effect-flash {
     0% {
       opacity: 0.4; }
   
     100% {
       opacity: 1; } }
   
   
    
    .category {
      padding: 8px 0;
    }
    .item-full p {
    margin-bottom: 10px;
    }
    
     @media (max-width: 767px) {
       .category {
      padding:   0;
    }
     }
    .price-range {
     padding-bottom: 20px;
    }
    
    .product-box .cat-box {
    margin-bottom: 6px;
    margin-left: 2px;
    }
    
    .product-box .cat-box .view {
      padding-top: 3px;
    }
    
    .product-box .cat-box .view ul.nav {
      border: none;
    }
    
    .product-box .cat-box .view ul.nav li.nav-item a.nav-link {
      font-size: 20px;
      color: #8D8E92;
      border: none;
      padding: 0;
      margin-right: 10px;
    }
    
    .product-box .cat-box .view ul.nav li.nav-item a.nav-link.active {
      color: #444444;
    }
    
    .product-box .cat-box .sortby {
      position: relative;
    }
    
    .product-box .cat-box .sortby span {
     
    font-size: 13px;
     
    }
    
    .product-box .cat-box .sortby select.sort-box {
      color: #666666;
      border: none;
      background: transparent;
      padding: 4px 12px 0px 0px;
      font-size: 13px;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border-bottom: 1px dotted #8d8e92;
     
    }
    
     .product-box .cat-box .sortby select.sort-box:focus {
      outline: none;
    }
    
    .product-box .cat-box .sortby:after {
      
      float: right;
      content:  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='4' viewBox='0 0 5 3'%3E%3Cpath d='M250,80h5l-2.5,3Z' transform='translate(-250 -80)'%3E%3C/path%3E%3C/svg%3E") ;
      color: #666666;
      top: 4px;
      right: 4px;
    }
    
    .product-box .cat-box .show-item {
      position: relative;
    }
    
     .product-box .cat-box .show-item span {
    margin-right: 10px;
    font-size: 13px;
      margin-right: 10px;
    }
    
    .product-box .cat-box .show-item select.show-box {
     color: #666666;
      border: none;
      background: transparent;
      padding: 4px 12px 0px 0px;
      font-size: 13px;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border-bottom: 1px dotted #8d8e92;
    }
    
     .product-box .cat-box .show-item select.show-box:focus {
      outline: none;
    }
    
     .product-box .cat-box .show-item:after {
       
      float: right;
      content:  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='4' viewBox='0 0 5 3'%3E%3Cpath d='M250,80h5l-2.5,3Z' transform='translate(-250 -80)'%3E%3C/path%3E%3C/svg%3E") ;
      color: #666666;
      top: 4px;
      right: 4px;
    }
    
    .product-box .cat-box .page {
      padding-top: 6px;
    }
    
    .product-box .cat-box .page p {
      
    font-size: 13px;
    }
    
    .tab-content {
      margin-bottom: 20px;
    }
    
     .item-product {
      overflow: hidden;
         width: 100%;

      margin-bottom: 10px;
    }
    
    .border-collapse {
        margin-right: -1px !important;
        margin-bottom: -1px !important;
        border-color: #d7d7d7 !important;
    }
    .border-collapse:not(.promo-banner):not(.category-card):hover {
       /* -webkit-transition: all 0.15s 0.15s ease-in-out; 
        transition: all 0.15s 0.15s ease-in-out; */
         
        z-index: 10;
       box-shadow: 0 10px 20px 0 rgba(0,0,0,.15);
    }
    
    

    .product-box  .col-grid:hover::before   {
    box-shadow: 0 4px 49px rgba(0,0,0,.16);
    }
    
   .item-col  .item-heading  p {
      margin-bottom: 6px;
      padding: 0 15px;
    }
    
     .item-row  .item-heading  p {
      margin-bottom: 6px;
      padding: 0;
    }
    
    
    
    .item-heading  p a {
      font-size: 15px;
      color: var(--first-color);
      font-weight: 400;
    }
    
     .tab-heading p a:hover {
      color: #e45151;
    }
    
     .item-product .item-img {
      margin-bottom: 10px;
      position: relative;
    }
    
    .item-product .item-img img.main-img {
      max-width: 100%;
    }
    
   .item-product .item-img img.sec-img {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      -webkit-transition: 0.5s ease;
      -moz-transition: 0.5s ease;
      -ms-transition: 0.5s ease;
      -o-transition: 0.5s ease;
      transition: 0.5s ease;
      opacity: 0;
      visibility: hidden;
      max-width: 100%;
    }
    
    .cont-stiker {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    margin-top: 8px;
    margin-left: 10px;
    list-style: none;
    }
    
     .cont-stiker li {
    font-size: 12px; 
    padding: 4px 6px 2px 6px;
    border-radius: 2px;
 
    margin-top: 4px;
    box-shadow: 3px 4px 4px 0px rgba(34, 60, 80, 0.2);
    }
    .sale {
     color: #fff;
    font-weight: 600;
    background: var(--bg-color-background-sale);
     }
    
    .hit {
     color: #fff;
    font-weight: 600;
    background: var(--bg-color-background-hit);
     }
    
    .new {
     color: #fff;
    font-weight: 600;
    background: var(--bg-color-background-new);
     }
    
    .cat .list-inline.price li.list-inline-item span {
    font-size:14px;
    }
    
    
     .layer-box a {
      border: 1px solid #dddddd;
      padding: 5px 7px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      background: #fff;
      position: absolute;
      top: 0;
      right: 0px;
      margin-right: 10px;
      -webkit-transition: 0.3s ease;
      -moz-transition: 0.3s ease;
      -ms-transition: 0.3s ease;
      -o-transition: 0.3s ease;
      transition: 0.3s ease;
      z-index: 9;
      opacity: 0;
      visibility: hidden;
      cursor: pointer;
    }
      .item-full .layer-box a {
position: relative;
opacity: 1;
visibility: visible;
display: block;
margin-left: 10px;
margin-right: 0;
      }
    
   .layer-box a img {
      max-width: 16px;
      display: inline-block;
    }
    
   
    .layer-box a.it-comp:hover {
   background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 14 16' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3crect id='svgEditorBackground' x='0' y='0' width='14' height='16' style='fill:none;stroke:none;'/%3e%3cdefs id='svgEditorDefs'%3e%3cpath  style='stroke:black;stroke-width:1px;fill:tomato;fill-opacity:0.98;'/%3e%3cpolygon id='svgEditorShapeDefs' style='fill:white;stroke:black;vector-effect:non-scaling-stroke;stroke-width:1px;fill-opacity:0.98;'/%3e%3c/defs%3e%3cpath fill-rule='evenodd' d='M5,12H4c-.27,-.02,-.48,-.11,-.69,-.31c-.21,-.2,-.3,-.42,-.31,-.69V4.72A1.993,1.993,0,0,0,2,1a1.993,1.993,0,0,0,-1,3.72V11c.03,.78,.34,1.47,.94,2.06c.6,.59,1.28,.91,2.06,.94h1v2l3,-3l-3,-3v2ZM2,1.8c.66,0,1.2,.55,1.2,1.2c0,.65,-.55,1.2,-1.2,1.2C1.35,4.2,.8,3.65,.8,3c0,-.65,.55,-1.2,1.2,-1.2Zm11,9.48V5c-.03,-.78,-.34,-1.47,-.94,-2.06c-.6,-.59,-1.28,-.91,-2.06,-.94H9V0L6,3l3,3V4h1c.27,.02,.48,.11,.69,.31c.21,.2,.3,.42,.31,.69v6.28A1.993,1.993,0,0,0,12,15a1.993,1.993,0,0,0,1,-3.72Zm-1,2.92c-.66,0,-1.2,-.55,-1.2,-1.2c0,-.65,.55,-1.2,1.2,-1.2c.65,0,1.2,.55,1.2,1.2c0,.65,-.55,1.2,-1.2,1.2Z' style='fill:tomato;'/%3e%3c/svg%3e") !important; 
   }
    
    .layer-box a.it-comp {
      margin-top: 60px;
      -webkit-transition-delay: 0.1s;
      -o-transition-delay: 0.1s;
      transition-delay: 0.1s;
      width: 32px;
       height: 32px;
       background-repeat: no-repeat;
       background-position: center;
       background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 14 16' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3crect id='svgEditorBackground' x='0' y='0' width='14' height='16' style='fill:none;stroke:none;'/%3e%3cdefs id='svgEditorDefs'%3e%3cpath style='stroke:black;stroke-width:1px;fill:gray;'/%3e%3c/defs%3e%3cpath fill-rule='evenodd' d='M5,12H4c-.27,-.02,-.48,-.11,-.69,-.31c-.21,-.2,-.3,-.42,-.31,-.69V4.72A1.993,1.993,0,0,0,2,1a1.993,1.993,0,0,0,-1,3.72V11c.03,.78,.34,1.47,.94,2.06c.6,.59,1.28,.91,2.06,.94h1v2l3,-3l-3,-3v2ZM2,1.8c.66,0,1.2,.55,1.2,1.2c0,.65,-.55,1.2,-1.2,1.2C1.35,4.2,.8,3.65,.8,3c0,-.65,.55,-1.2,1.2,-1.2Zm11,9.48V5c-.03,-.78,-.34,-1.47,-.94,-2.06c-.6,-.59,-1.28,-.91,-2.06,-.94H9V0L6,3l3,3V4h1c.27,.02,.48,.11,.69,.31c.21,.2,.3,.42,.31,.69v6.28A1.993,1.993,0,0,0,12,15a1.993,1.993,0,0,0,1,-3.72Zm-1,2.92c-.66,0,-1.2,-.55,-1.2,-1.2c0,-.65,.55,-1.2,1.2,-1.2c.65,0,1.2,.55,1.2,1.2c0,.65,-.55,1.2,-1.2,1.2Z' style='fill:gray;'/%3e%3c/svg%3e");
   
    }
   .view_stick_item_compare {
    right: 0 !important;
    opacity: 1 !important;;
   visibility: visible !important;
   background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 14 16' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3crect id='svgEditorBackground' x='0' y='0' width='14' height='16' style='fill:none;stroke:none;'/%3e%3cdefs id='svgEditorDefs'%3e%3cpath style='stroke:black;stroke-width:1px;fill:gray;'/%3e%3c/defs%3e%3cpath fill-rule='evenodd' d='M5,12H4c-.27,-.02,-.48,-.11,-.69,-.31c-.21,-.2,-.3,-.42,-.31,-.69V4.72A1.993,1.993,0,0,0,2,1a1.993,1.993,0,0,0,-1,3.72V11c.03,.78,.34,1.47,.94,2.06c.6,.59,1.28,.91,2.06,.94h1v2l3,-3l-3,-3v2ZM2,1.8c.66,0,1.2,.55,1.2,1.2c0,.65,-.55,1.2,-1.2,1.2C1.35,4.2,.8,3.65,.8,3c0,-.65,.55,-1.2,1.2,-1.2Zm11,9.48V5c-.03,-.78,-.34,-1.47,-.94,-2.06c-.6,-.59,-1.28,-.91,-2.06,-.94H9V0L6,3l3,3V4h1c.27,.02,.48,.11,.69,.31c.21,.2,.3,.42,.31,.69v6.28A1.993,1.993,0,0,0,12,15a1.993,1.993,0,0,0,1,-3.72Zm-1,2.92c-.66,0,-1.2,-.55,-1.2,-1.2c0,-.65,.55,-1.2,1.2,-1.2c.65,0,1.2,.55,1.2,1.2c0,.65,-.55,1.2,-1.2,1.2Z' style='fill:gray;'/%3e%3c/svg%3e") !important;
    }
    
   .view_stick_item_fav {
    right: 0 !important;
    opacity: 1 !important;;
   visibility: visible !important;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg viewBox='0 0 21 21' xmlns='http://www.w3.org/2000/svg' width='36' height='36' xmlns:xlink='http://www.w3.org/1999/xlink' preserveAspectRatio='xMidYMid meet' %3e%3crect id='svgEditorBackground' x='0' y='0'   style='fill:none;stroke:none;'/%3e%3cdefs id='svgEditorDefs'%3e%3cpath id='svgEditorClosePathDefs' style='stroke:black;stroke-width:1px;fill:tomato;'/%3e%3c/defs%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23101820;%7d%3c/style%3e%3c/defs%3e%3ctitle/%3e%3cg data-name='Layer 54' id='Layer_54'%3e%3cpath class='cls-1' d='M14.708,15.847C14.252,14.864,14,13.742,14,12.5s0.252-2.489,0.708-3.659c0.455-1.171,1.114-2.266,1.929-3.205 c0.814-0.938,1.784-1.723,2.86-2.271C20.574,2.814,21.758,2.5,23,2.5s2.426,0.252,3.503,0.707c1.077,0.456,2.046,1.115,2.86,1.929 c0.813,0.814,1.474,1.784,1.929,2.861C31.749,9.073,32,10.258,32,11.5s-0.252,2.427-0.708,3.503 c-0.455,1.077-1.114,2.047-1.929,2.861C28.55,18.678,17.077,29.044,16,29.5l0,0l0,0C14.923,29.044,3.45,18.678,2.636,17.864 c-0.814-0.814-1.473-1.784-1.929-2.861C0.252,13.927,0,12.742,0,11.5s0.252-2.427,0.707-3.503C1.163,6.92,1.821,5.95,2.636,5.136 C3.45,4.322,4.42,3.663,5.497,3.207C6.573,2.752,7.757,2.5,9,2.5s2.427,0.314,3.503,0.863c1.077,0.55,2.046,1.334,2.861,2.272 c0.814,0.939,1.473,2.034,1.929,3.205C17.748,10.011,18,11.258,18,12.5s-0.252,2.364-0.707,3.347 c-0.456,0.983-1.113,1.828-1.929,2.518' style='fill:%23e45151;' transform='matrix(0.3523, -0.00373966, 0.00373966, 0.3523, 4.79299, 6.27206)'/%3e%3c/g%3e%3c/svg%3e") !important;
    } 
   
    .layer-box a.it-vaforite {
     margin-top: 15px;
      -webkit-transition-delay: 0.0s;
      -o-transition-delay: 0.0s;
      transition-delay: 0.0s;
      width: 32px;
       height: 32px;
        right: 0 !important;
      opacity: 1 !important;;
       visibility: visible !important;
       background-repeat: no-repeat;
       background-position: center;
   background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg enable-background='new 0 0 40 40' id='Слой_1' version='1.1' viewBox='0 0 40 40' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='100%25' height='100%25' %3e%3crect id='svgEditorBackground' x='0' y='0' width='40' height='40' style='fill:none;stroke:none;'/%3e%3cdefs id='svgEditorDefs'%3e%3cpath id='svgEditorClosePathDefs' style='stroke:black;stroke-width:1px;fill:rosybrown;'/%3e%3c/defs%3e%3cg transform='matrix(0.707452, 0, 0, 0.707452, 5.93815, 6.69289)' style='fill:%23e45151;'%3e%3cpath d='M28,40H11.8c-3.3,0,-5.9,-2.7,-5.9,-5.9V16c0,-0.6,0.4,-1,1,-1s1,0.4,1,1v18.1c0,2.2,1.8,3.9,3.9,3.9H28c2.2,0,3.9,-1.8,3.9,-3.9V16c0,-0.6,0.4,-1,1,-1s1,0.4,1,1v18.1C33.9,37.3,31.2,40,28,40Z' transform='matrix(0.696736, 0, 0, 0.696736, 5.49388, 4.44417)' style='fill:%23e45151;'/%3e%3c/g%3e%3cg transform='matrix(0.707452, 0, 0, 0.707452, 5.93815, 6.69289)' style='fill:%23e45151;'%3e%3cpath d='M 33.70967028765269 6.060732481682619 h -7.6 C 25.60967028765269 3.2607324816826186 23.209670287652692 1.1607324816826186 20.309670287652693 1.1607324816826186 s -5.3 2.1 -5.8 4.9 H 6.909670287652693 c -2.3 0 -4.1 1.8 -4.1 4.1 S 4.609670287652693 14.160732481682615 6.909670287652693 14.160732481682615 h 26.9 c 2.3 0 4.1 -1.8 4.1 -4.1 S 36.009670287652696 6.060732481682619 33.70967028765269 6.060732481682619 z M 20.309670287652693 3.1607324816826186 c 1.8 0 3.3 1.2 3.7 2.9 h -7.5 C 17.009670287652696 4.360732481682619 18.509670287652696 3.1607324816826186 20.309670287652693 3.1607324816826186 z M 33.70967028765269 12.160732481682615 H 6.909670287652693 c -1.1 0 -2.1 -0.9 -2.1 -2.1 c 0 -1.1 0.9 -2.1 2.1 -2.1 h 26.9 c 1.1 0 2.1 0.9 2.1 2.1 C 35.80967028765269 11.260732481682616 34.909670287652695 12.160732481682615 33.70967028765269 12.160732481682615 z' transform='matrix(0.674927, 0, 0, 0.674927, 5.658, 4.78107)' style='fill:%23e45151;'/%3e%3c/g%3e%3cg transform='matrix(0.530851, 0, 0, 0.530851, 9.22977, 9.02818)' style='fill:%23e45151;'%3e%3cpath d='M12.9,35.1c-0.6,0,-1,-0.4,-1,-1V17.4c0,-0.6,0.4,-1,1,-1s1,0.4,1,1v16.7C13.9,34.6,13.4,35.1,12.9,35.1Z' style='fill:%23e45151;'/%3e%3c/g%3e%3cg transform='matrix(0.530851, 0, 0, 0.530851, 9.22977, 9.02818)' style='fill:%23e45151;'%3e%3cpath d='M26.9,35.1c-0.6,0-1-0.4-1-1V17.4c0-0.6,0.4-1,1-1s1,0.4,1,1v16.7C27.9,34.6,27.4,35.1,26.9,35.1z' style='fill:%23e45151;'/%3e%3c/g%3e%3cg transform='matrix(0.530851, 0, 0, 0.530851, 9.22977, 9.02818)' style='fill:%23e45151;'%3e%3cpath d='M19.9,35.1c-0.6,0-1-0.4-1-1V17.4c0-0.6,0.4-1,1-1s1,0.4,1,1v16.7C20.9,34.6,20.4,35.1,19.9,35.1z' style='fill:%23e45151;'/%3e%3c/g%3e%3c/svg%3e");
   }
   
    
    .layer-box a.it-fav {
      margin-top: 7px;
      -webkit-transition-delay: 0.0s;
      -o-transition-delay: 0.0s;
      transition-delay: 0.0s;
      width: 32px;
       height: 32px;
       background-repeat: no-repeat;
       background-position: center;
       background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' xmlns:xlink='http://www.w3.org/1999/xlink' preserveAspectRatio='xMidYMid meet' %3e%3crect id='svgEditorBackground' x='0' y='0' width='32' height='32' style='fill:none;stroke:none;'/%3e%3cdefs id='svgEditorDefs'%3e%3cpath id='svgEditorClosePathDefs' style='stroke:black;stroke-width:1px;fill:gray;'/%3e%3c/defs%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23101820;%7d%3c/style%3e%3c/defs%3e%3ctitle/%3e%3cg data-name='Layer 54' id='Layer_54'%3e%3cpath class='cls-1' d='M 8.845852296912344 19.272844789741548 a 3 3 0 0 1 -2.1 -0.9 L -3.554147703087656 8.072844789741549 a 8.7 8.7 0 0 1 -2.5 -6.3 a 8.1 8.1 0 0 1 8.1 -8 A 8.1 8.1 0 0 1 7.845852296912344 -3.7271552102584504 l 1 1 l 0.8 -0.8 h 0 a 8.4 8.4 0 0 1 11 -0.9 a 8.3 8.3 0 0 1 0.8 12.4 L 10.945852296912344 18.37284478974155 A 3 3 0 0 1 8.845852296912344 19.272844789741548 z M 2.0458522969123436 -4.127155210258451 A 6.1 6.1 0 0 0 -2.254147703087656 -2.4271552102584506 a 6 6 0 0 0 -1.8 4.3 A 6.7 6.7 0 0 0 -2.154147703087656 6.67284478974155 l 10.3 10.3 a 1 1 0 0 0 1.4 0 L 20.045852296912344 6.472844789741549 A 6.3 6.3 0 0 0 21.84585229691234 1.672844789741549 a 6.2 6.2 0 0 0 -2.4 -4.6 a 6.4 6.4 0 0 0 -8.4 0.7000000000000001 L 9.545852296912344 -0.6271552102584508 a 1 1 0 0 1 -1.4 0 l -1.7000000000000002 -1.7000000000000002 a 6.3 6.3 0 0 0 -4.4 -1.8 z' style='fill:gray;' transform='matrix(0.3523, -0.00373966, 0.00373966, 0.3523, 4.79299, 6.27206)'/%3e%3c/g%3e%3c/svg%3e");
   }
   
 
   .item-full .layer-box a.it-fav {
      margin-top: 0 !important;
      
   }
    
   
    
  .layer-box a.it-fav:hover {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' xmlns:xlink='http://www.w3.org/1999/xlink' preserveAspectRatio='xMidYMid meet' %3e%3crect id='svgEditorBackground' x='0' y='0' width='32' height='32' style='fill:none;stroke:none;'/%3e%3cdefs id='svgEditorDefs'%3e%3cpath id='svgEditorClosePathDefs' style='stroke:black;stroke-width:1px;fill:tomato;'/%3e%3c/defs%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23101820;%7d%3c/style%3e%3c/defs%3e%3ctitle/%3e%3cg data-name='Layer 54' id='Layer_54'%3e%3cpath class='cls-1' d='M8.845852296912344,19.272844789741548a3,3,0,0,1,-2.1,-0.9L-3.554147703087656,8.072844789741549a8.7,8.7,0,0,1,-2.5,-6.3a8.1,8.1,0,0,1,8.1,-8A8.1,8.1,0,0,1,7.845852296912344,-3.7271552102584504l1,1l0.8,-0.8h0a8.4,8.4,0,0,1,11,-0.9a8.3,8.3,0,0,1,0.8,12.4L10.945852296912344,18.37284478974155A3,3,0,0,1,8.845852296912344,19.272844789741548ZM2.0458522969123436,-4.127155210258451A6.1,6.1,0,0,0,-2.254147703087656,-2.4271552102584506a6,6,0,0,0,-1.8,4.3A6.7,6.7,0,0,0,-2.154147703087656,6.67284478974155l10.3,10.3a1,1,0,0,0,1.4,0L20.045852296912344,6.472844789741549A6.3,6.3,0,0,0,21.84585229691234,1.672844789741549a6.2,6.2,0,0,0,-2.4,-4.6a6.4,6.4,0,0,0,-8.4,0.7000000000000001L9.545852296912344,-0.6271552102584508a1,1,0,0,1,-1.4,0l-1.7000000000000002,-1.7000000000000002a6.3,6.3,0,0,0,-4.4,-1.8Z' style='fill:%23e45151;' transform='matrix(0.3523, -0.00373966, 0.00373966, 0.3523, 4.79299, 6.27206)'/%3e%3c/g%3e%3c/svg%3e");
    }
    
  .item-col .item-product .item-content {
      padding: 0 15px  0px;
      display: block;
       
    }
   .item-card-1 .item-col .item-content .block-to-cart, .item-card-1 .shop-item .block-to-cart  {
       padding: 0 15px 10px 15px;
       display: flex;
       flex-direction: row;
       flex-wrap: nowrap;
       justify-content: space-between !important;
       align-items: flex-end;
       align-content: stretch;
    }
    
    .item-col .item-heading {
    text-align: center;
    }
    .item-row .item-heading {
    margin-top: 10px;
    }
    
    .item-col .row-text {
    display: none;
    }
    
    .item-row .item-img { 
    min-height: 180px;
 
display: flex;
align-items: center;
}
    
    .item-row .item-heading a {
    font-size: 18px;
    
    }
    
    .item-row .item-heading .item-article {
    font-size: 12px;
margin-top: -6px;
    
    }  
    
    
     .item-row .item-content .block-to-cart {
   display: flex;
justify-content: flex-end;
align-items: center;
margin-right: 20px;
    }
   
    
    
    .item-row  {
    flex-direction: row;
    }
    .item-row .item-img  {
    max-width: 200px;
    }
.item-row .item-content    {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: space-between;
align-items: stretch;
align-content: stretch;
height: 100%;
padding-bottom: 9px;
    }
    
    .item-product .item-content ul.price li, .block-to-cart ul.price li  {
      font-size: 24px;
      color: #0f234a;
      font-weight: 400;
      letter-spacing: 0;
    }
     
     .item-product .item-content ul.price li span,   .price-block ul.price li span{
      font-size: 10px;
      
    }
    
    .item-product .item-content ul.price .old-price, .list-inline.price li.list-inline-item.old-price {
      font-size: 14px;
      color: var(--color-grey-light);
      font-weight: normal;
      text-decoration: line-through;
    }
   .item-full .old-price {
   text-decoration: line-through;
   font-size: 20px;
   color: var(--body-color);
   }
     .item-product .item-content ul.price li:last-child span, .price-block ul.price li:last-child span  {
      font-size: 12px;
      }
    
   .item-card-1 .item-product .item-content .block-to-cart a, .item-card-1 .shop-item .item-content .block-to-cart a   {
      background: #eeeeee;
      display: inline-block;
      padding: 10px 12px;
      border: 1px solid #dddddd;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      margin-top: 8px;
      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 459.52899169921875 459.52899169921875' style='enable-background:new 0 0 459.529 459.529;' xml:space='preserve' width='100%25' height='100%25' %3e%3crect id='svgEditorBackground' x='0' y='0' width='459.529' height='459.529' style='fill:none;stroke:none;'/%3e%3cdefs id='svgEditorDefs'%3e%3cpath id='svgEditorClosePathDefs' style='stroke:black;stroke-width:1px;fill:gray;'/%3e%3c/defs%3e%3cg transform='matrix(0.897066, 0, 0, 0.897066, 24.0011, 24.5901)'%3e%3cg%3e%3cpath d='M23.63930855653129,13.891529121936465h48.733l69.417,251.033c1.983,7.367,8.783,12.467,16.433,12.467h213.35c6.8,0,12.75,-3.967,15.583,-10.2l77.633,-178.5c2.267,-5.383,1.7000000000000002,-11.333,-1.417,-16.15c-3.117,-4.817,-8.5,-7.65,-14.167,-7.65H213.4723085565313c-9.35,0,-17,7.65,-17,17s7.65,17,17,17H423.1393085565311l-62.9,144.5H170.9723085565313L101.55630855653129,-7.6414708780635365c-1.983,-7.367,-8.783,-12.467,-16.433,-12.467H23.63930855653129c-9.35,0,-17,7.65,-17,17S14.28930855653129,13.891529121936465,23.63930855653129,13.891529121936465Z' style='fill:gray;' transform='matrix(0.532856, 0.00314601, -0.00314601, 0.532856, 97.4206, 143.347)'/%3e%3cpath d='M 144.9829024405749 386.96727438190993 c 21.25 0 38.533 -17.283 38.533 -38.533 s -17.283 -38.533 -38.533 -38.533 S 106.4499024405749 327.18327438190994 106.4499024405749 348.43327438190994 S 123.7329024405749 386.96727438190993 144.9829024405749 386.96727438190993 z' style='fill:gray;' transform='matrix(0.438939, 0, 0, 0.438939, 112.665, 165.607)'/%3e%3cpath d='M 375.89497915995196 378.38125988975236 c 0.8500000000000004 0 1.983 0 2.833 0 c 10.2 -0.8500000000000004 19.55 -5.383 26.35 -13.317 c 6.8 -7.65 9.917 -17.567 9.35 -28.05 c -1.417 -20.967 -19.833 -37.117 -41.083 -35.7 c -21.25 1.417 -37.117 20.117 -35.7 41.083 C 339.0609791599519 362.5142598897523 355.7779791599519 378.38125988975236 375.89497915995196 378.38125988975236 z' style='fill:gray;' transform='matrix(0.416785, 0, 0, 0.416785, 138.033, 177.564)'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
    width: 42px;
       height: 43px;
       background-repeat: no-repeat;
       background-position: center;
       cursor: pointer;
   
   }
   
  .item-card-2 .item-product .item-content .block-to-cart a, .item-card-2 .shop-item .item-content .block-to-cart a {
    background: #0f234a;
    background-image: none;
    display: inline-block;
    padding: 6px 12px;
    border: 1px solid #0f234a;
    background-image: none;
    cursor: pointer;
    color: #fff;
    white-space: nowrap;
 text-align: center;
width: 100%;
}
   
   
    .item-card-2 .item-product .item-content .block-to-cart a:hover  {
      
      background-color: #cf3750;
      }
    .item-product .item-content .block-to-cart a:hover  {
      border-color: var(--color-hover);
      
      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 459.52899169921875 459.52899169921875' style='enable-background:new 0 0 459.529 459.529;' xml:space='preserve' width='100%25' height='100%25' %3e%3crect id='svgEditorBackground' x='0' y='0' width='459.529' height='459.529' style='fill:none;stroke:none;'/%3e%3cdefs id='svgEditorDefs'%3e%3cpath id='svgEditorClosePathDefs' style='stroke:black;stroke-width:1px;fill:gray;'/%3e%3c/defs%3e%3cg transform='matrix(0.897066, 0, 0, 0.897066, 24.0011, 24.5901)' style='fill:%23e45151;'%3e%3cg style='fill:%23e45151;'%3e%3cpath d='M23.63930855653129,13.891529121936465h48.733l69.417,251.033c1.983,7.367,8.783,12.467,16.433,12.467h213.35c6.8,0,12.75,-3.967,15.583,-10.2l77.633,-178.5c2.267,-5.383,1.7000000000000002,-11.333,-1.417,-16.15c-3.117,-4.817,-8.5,-7.65,-14.167,-7.65H213.4723085565313c-9.35,0,-17,7.65,-17,17s7.65,17,17,17H423.1393085565311l-62.9,144.5H170.9723085565313L101.55630855653129,-7.6414708780635365c-1.983,-7.367,-8.783,-12.467,-16.433,-12.467H23.63930855653129c-9.35,0,-17,7.65,-17,17S14.28930855653129,13.891529121936465,23.63930855653129,13.891529121936465Z' style='fill:%23e45151;' transform='matrix(0.532856, 0.00314601, -0.00314601, 0.532856, 97.4206, 143.347)'/%3e%3cpath d='M 144.9829024405749 386.96727438190993 c 21.25 0 38.533 -17.283 38.533 -38.533 s -17.283 -38.533 -38.533 -38.533 S 106.4499024405749 327.18327438190994 106.4499024405749 348.43327438190994 S 123.7329024405749 386.96727438190993 144.9829024405749 386.96727438190993 z' style='fill:%23e45151;' transform='matrix(0.438939, 0, 0, 0.438939, 112.665, 165.607)'/%3e%3cpath d='M 375.89497915995196 378.38125988975236 c 0.8500000000000004 0 1.983 0 2.833 0 c 10.2 -0.8500000000000004 19.55 -5.383 26.35 -13.317 c 6.8 -7.65 9.917 -17.567 9.35 -28.05 c -1.417 -20.967 -19.833 -37.117 -41.083 -35.7 c -21.25 1.417 -37.117 20.117 -35.7 41.083 C 339.0609791599519 362.5142598897523 355.7779791599519 378.38125988975236 375.89497915995196 378.38125988975236 z' style='fill:%23e45151;' transform='matrix(0.416785, 0, 0, 0.416785, 138.033, 177.564)'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e"); 
      }
    
      .item-card-2 .item-product .item-content .block-to-cart a:hover  {
             background-image: none;
      }
    
    .item-product:hover .item-img img.sec-img {
      visibility: visible;
      opacity: 1;
    }
    
    .item-product:hover .layer-box a, .shop-item:hover .layer-box a  {
      right: 0;
      visibility: visible;
      opacity: 1;
    }
    
    .tab-item2 {
      overflow: hidden;
      border: 1px solid #eeeeee;
      margin-bottom: 30px;
    }
    
    .tab-item2 .item-img {
      position: relative;
    }
    
    .tab-item2 .item-img img.main-img {
      max-width: 100%;
    }
    
    .tab-item2 .item-img img.sec-img {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      -webkit-transition: 0.5s ease;
      -moz-transition: 0.5s ease;
      -ms-transition: 0.5s ease;
      -o-transition: 0.5s ease;
      transition: 0.5s ease;
      opacity: 0;
      visibility: hidden;
      max-width: 100%;
    }
    
     .tab-item2 .item-img span.sale {
      font-size: 12px;
      color: #fff;
      font-weight: 600;
      background: #e45151;
      text-transform: uppercase;
      width: 42px;
      height: 42px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      text-align: center;
      padding-top: 12px;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;
      margin-left: 15px;
      margin-top: 15px;
    }
    
    .tab-item2 .item-heading {
      padding-right: 30px;
      padding-top: 22px;
    }
    
    .tab-item2 .item-heading .item-top p {
      margin-bottom: 6px;
    }
    
     .tab-item2 .item-heading .item-top p a {
      font-size: 18px;
      color: var(--first-color);
      font-weight: 600;
    }
    
     .tab-item2 .item-heading .item-top p a:hover {
      color: #e45151;
    }
    
    .tab-item2 .item-heading .item-price ul.price {
      padding-top: 15px;
    }
    
    .tab-item2 .item-heading .item-price ul.price li {
      font-size: 20px;
      color: #444444;
      font-weight: 600;
      letter-spacing: 0;
    }
    
    .tab-item2 .item-heading .item-price ul.price li:last-child {
      font-size: 15px;
      color: #969696;
      font-weight: normal;
      text-decoration: line-through;
    }
    
    .tab-item2 .item-content {
      padding-right: 30px;
    }
    
    .tab-item2 .item-content a.it-cart {
      background: #eeeeee;
      display: inline-block;
      padding-right: 10px;
      border: 1px solid #dddddd;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      -ms-border-radius: 30px;
      border-radius: 30px;
      margin-right: 8px;
    }
    
    .tab-item2 .item-content a.it-cart span.it-img {
      background: #fff;
      display: inline-block;
      padding: 7px 10px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
    }
    
    .tab-item2 .item-content a.it-cart span.it-title {
      color: #444444;
      font-weight: 600;
      padding-left: 5px;
      cursor: pointer;
    }
    
    .tab-item2 .item-content a.it-cart:hover {
      border-color: var(--first-color);
    }
    
    .tab-item2 .item-content a.it-fav {
      border: 1px solid #dddddd;
      display: inline-block;
      padding: 7px 10px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      margin-right: 8px;
    }
    
    .tab-item2 .item-content a.it-fav:hover {
      border-color: var(--first-color);
    }
    
    .tab-item2 .item-content a.it-comp {
      border: 1px solid #dddddd;
      display: inline-block;
      padding: 7px 10px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      margin-right: 8px;
    }
    
    .tab-item2 .item-content a.it-comp:hover {
      border-color: var(--first-color);
    }
    
    .tab-item2:hover .tab-img img.sec-img {
      visibility: visible;
      opacity: 1;
    }
    
    .category .product-box .pagination-box ul li a {
      font-size: 15px;
      color: var(--first-color);
      width: 35px;
      height: 35px;
      background: #fff;
      display: block;
      padding-top: 7px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
    }
    
    .category .product-box .pagination-box ul li.active a {
      background: var(--first-color);
      color: #fff;
    }
    
    .flip-horizontal{
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1);
    filter: FlipH;
    -ms-filter: "FlipH";
    }
    
     .category .product-box .col-grid {
    min-height: 289px;
     }
     
    
    /* =======================================
    40. Footer Area
    ======================================= */
   .footer {
   margin: var(--wrapper-margin);
    max-width: var(--wrapper-max-width);
 
    }
     .footer a   {
     
      color:#eee;
     
    }
    
    .footer-top {
      background: #0f234a;
      padding: 50px 0 40px;
      color: #eee; 
    }
    
    .footer-top .f-contact h5 {
      color: #eee;
      font-weight: 600;
      text-transform: uppercase;
      margin-bottom: 30px;
    }
    
    .footer-top .f-contact .f-add, .footer-top .f-contact .f-email, .footer-top .f-contact .f-phn {
      margin-bottom: 15px;
    }
    
    
    
    .footer-top .f-contact .f-add span, .footer-top .f-contact .f-email span, .footer-top .f-contact .f-phn span {
      font-size: 15px;
      color:#eee;
      font-weight: 600;
      
    }
    
    .footer-top .f-contact .f-add p, .footer-top .f-contact .f-email p, .footer-top .f-contact .f-phn p, .footer-top .f-contact .f-phn p {
      color: #eee;
      max-width: 215px;
      margin-top: 5px;
      
    }
    
    .footer-top .f-cat h5, .footer-top .f-sup h5, .footer-top .f-link h5 {
      color: #eee;
      font-weight: 600;
      text-transform: uppercase;
      margin-bottom: 30px;
    }
    
    .footer-top .f-link ul li a {
      font-size: 15px;
      color: #eee;
      display: inline-block;
      margin-bottom: 15px;
    }
    
    .footer-top .f-link ul li a i {
      font-size: 13px;
      color: var(--footer-link-color);
      margin-right: 10px;
    }
    
    .footer-top .f-link ul li a:hover {
      color: var(--footer-link-hover-color);
    }
    
    .footer-top .f-link ul li a:hover i {
     color: var(--footer-link-hover-color);
    }
    
    .footer-btm {
      background: #262626 ;
      
      padding: 40px 0;
    }
    
    .footer-btm p {
      font-size: 15px;
      color: #666666;
      margin-top: 3px;
    }
    
    .footer-btm .back-to-top {
      background: #eeeeee;
      position: fixed;
      bottom: 47px;
      right: 33px;
      width: 45px;
      height: 45px;
      border: 1px solid #dddddd;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      z-index: 2001;
      padding-top: 10px;
      display: none;
      cursor: pointer;
      -webkit-transition: 0.2s ease;
      -moz-transition: 0.2s ease;
      -ms-transition: 0.2s ease;
      -o-transition: 0.2s ease;
      transition: 0.2s ease;
    }
    
    .footer-btm .back-to-top:hover {
      background: #fff;
    }
    
 .f-link ul.list-unstyled {
  
 }
    
     .top-bar-mobil .cart-box, .top-bar-mobil .cart-btn {
    position: relative;
    
     }
    
    
    .top-bar-mobil .img-fluid {
    max-height: 30px;
    
    }
    
    /* Новости */
   
[data-cover]{
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover
}
.media-list{
    border:1px solid #dee2e6;
    padding:1rem;
    border-radius:.25rem;
    margin-bottom:1rem
}
.media-list [data-cover]{
    width:200px;
    min-height:200px;
    margin-right:1rem
}
@media (max-width:575.98px){
    .media-list{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .media-list [data-cover],.media-list>a{
        width:100%;
        margin-bottom:.5rem
    }
    .media-list .media-body{
        -webkit-box-flex:unset;
        -ms-flex:unset;
        flex:unset
    }
}
    
.media-list .fullLink {
color: var(--first-color);
font-style: italic;

}    

.title-news {
       font-size: 18px;
     color: var(--first-color);  
 }    
    
    
    /* =======================================
    top menu
    ======================================= */
      
      
    
    
    /* === фильтр слева  ========= */
   
   #rezp {
       z-index: 9999;
       display: none;
       position: absolute;
       color: #fff;
       width: 148px;
       height: 33px;
       padding-top: 7px;
       padding-left: 2px;
       background-color:var(--first-color); 
       text-align: center;
       border-radius: 4px;
       
       }
   .popup-filter #rezp {
color: #fff;
width: 100%;
height: 33px;
padding-top: 7px;
padding-left: 2px;
background-color: var(--first-color);
text-align: center;
display: block;
border-radius: 0;
       
       }
   .w100 {
   width: 100%;
   }
   
   
   #rezp .own {
   display: inline-block;
   }
   
   #rezp .own .cld a{ 
   font-size: 12px;
   }
   
   #rezp .own:before {
   content: "  ";
   top: 50%;
   transform: translateY(-50%) rotate(45deg);
   transform-origin: center;
   width: 10px;
   height: 10px;
   left: -5px;
   background-color: var(--first-color);
    position: absolute;
   }    
       
   #rezp  i {
     font-size: 21px;
   }  
   
       
   #viewsearch, #clearsearch {
   cursor: pointer;
   color: #fff;
   }
   
   .show-list, .hiden-list {
   cursor: pointer;
   margin-left: -20px;
   font-size: 11px;
   color: var(--first-color);
   background: #f2f2f2;
   border-radius: 3px;
   padding: 2px 6px 1px 6px;
   border: 1px solid #dcdcdd;
   padding-left:14px;
   }
   
   .own-show-list {
   margin-bottom:10px
   }
      .own-show-list:before {
 
   }
   .show-list:before {
   background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' %3e%3cg%3e%3cpath d='M0.290078 5.00499L2.29508 3L0.29 0.995007L1 0.290007L3.71008 3L1.00008 5.70999L0.290078 5.00499Z'/%3e%3c/g%3e%3c/svg%3e");
   content: "";
   position: absolute;
   width: 10px;
   height: 10px;
   top: 9px;
   left: 2px;
   background-repeat: no-repeat;
   transform: rotate(90deg);
   }
   .hiden-list:before {
   background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' %3e%3cg%3e%3cpath d='M0.290078 5.00499L2.29508 3L0.29 0.995007L1 0.290007L3.71008 3L1.00008 5.70999L0.290078 5.00499Z'/%3e%3c/g%3e%3c/svg%3e");
   content: "";
   position: absolute;
   width: 10px;
   height: 10px;
   top: 3px;
   left: 6px;
   background-repeat: no-repeat;
   transform: rotate(270deg);
   }
   .show_label {
   bottom: 0;
   color:#000;
   font-size: 16px;
   font-weight: 600;
   right: 10px;
   margin-bottom: 0;
   position: absolute;
   }
   
   .block-heden-list {
       display: none;
   }
   
   
   
   
   .title_filtr {
       width: 100%;
       font-size: 14px;
       margin: 0 0 10px -6px;
   padding: 13px 10px 10px 10px;
   
       border-bottom: 1px solid #eee;
     
   position: relative;
   text-transform: uppercase;
   font-weight: 400;
   }
   
   
   
   .title_filtr:hover {
   background-color: #f2f2f2;
   border-radius: 3px;
   }
   .title_filtr .item {
   float: right;
   background-color: #f2f2f2;
   border-radius: 10%;
   width: 20px;
   height: 21px;
   justify-content: center;
   display: flex;
    
   color: var(--first-color);
   }
   
   
   
   .title_filtr .item[data-toggle="collapse"][aria-expanded="true"] svg {
   transform: rotate(90deg);
   margin-top: 6px;
   fill: var(--first-color);
   
   }
   
   .title_filtr .item[data-toggle="collapse"][aria-expanded="false"] svg {
    
   margin-top: 6px;
   fill: var(--first-color);
   }
   
   .left-block {
   
   border-radius: var(--border-radius);
   }
   .custom-control-label {
   
       font-weight: 400;
       padding: 4px 4px;
       font-size: 13px;
       
       }
   
   
   .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before, .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
       background-color:     #2F5F7D;
   
   }
   
   .filter-sidebar .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before, .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
       background-color:     var(--first-color);
   border-color: var(--first-color);
   }
   
   .custom-control-label::after {
   
       display: block;
       width: 17px;
       height: 18px;
       }
   
   
   .custom-checkbox .custom-control-label::before {
   
       border-radius: .25rem;
       border-color: var(--first-color);
       border-style: solid;
       border-width: 2px;
        background-color:     #fff;
   width: 17px;
   height: 18px;
   }
   .custom-control-input:disabled ~ .custom-control-label::before {
   
       background-color: #e9ecef;
   
   border-color:     #cacaca;
   
   }
   
   
   .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
       background-color:  #dee2e6;
   }
   
   .label_disable::before {
       background-color: #e9ecef !important;
       border-color: #cacaca  !important;;
   
   
   }
   .label_disable {
       pointer-events: none  !important;;
   }
   
   
   .color_control {
   margin-right: 6px !important;
   }
   
   .color_control .custom-control-input:checked ~ .custom-control-label{
   border: 2px solid var(--first-color);
   border-radius: 4px;
   }
   .color_control .custom-control-label{
   margin-bottom: 6px;
   border: 2px solid #d0d0d0;
   border-radius: 4px;
   }
   .color_control .custom-control-label::before {
   border-style: none;
   background-color: transparent !important;
   }
   .color_control .custom-control-input:checked ~ .custom-control-label::after {
   background-image: none;
   }
   
   .color_control .label_disable{
   opacity: 0.3;
   }
   
   .color_control .custom-control-label.active {
       border: 2px solid var(--first-color);
   }
   
   .color_control .custom-control-label {
    
       padding: 0;
       }
       
   .color_control .custom-control-label:after, .color_control .custom-control-label:before {
       display: none;    
       }
       
   
       
   .boxcolor {
       background-size: contain;
       display: block;
       width: 28px;
       height: 28px;
       border: 2px solid #fff;
       border-radius: 4px;
   }
   /* ===  ========= */
   
   
   .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
       border-top-color: #004b64; /* цвет стрелочки (по умолчанию #000)*/
   
   }
   .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
       border-right-color: #004b64;  
   }
   .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
       border-bottom-color: #004b64; /* цвет стрелочки (по умолчанию #000) */
   }
   .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
       border-left-color: #004b64; 
   }
   .tooltip-inner {
       max-width: 250px; /* максимальная ширина подсказки (по умолчанию 200px) */
       color: #fff; /* цвет шрифта */
       background-color: var(--color-bg-tooltip); /* цвет фона (по умолчанию #000) */
       border-radius: 0.25rem; /* радиус скругдения углов */
   
   }
   .item-card-2 .tooltip .owner-bnt-to-cart{
   display:none;
   }

   .red-tooltip .tooltip-inner {
   background-color: #e45151 !important;  
   }
   .red-tooltip .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
       border-left-color: #e45151; 
   }
   
   /* ===  ========= */
   .page-item_t {
       align-items: center;
       display: flex;
       margin-left: 10px;
       margin-right: 10px;
   }
   /* ===  ========= */
   .modal-menu{
     -webkit-box-align:stretch;
     -ms-flex-align:stretch;
     align-items:stretch
   }
   .modal-menu .modal-dialog{
     max-width:250px;
     margin:0
   }
   .modal-menu .modal-content,.modal-menu .modal-dialog{
     height:100%
   }
   .modal-menu .modal-content{
     border:0;
     border-radius:0
   }
   .modal-menu .modal-header{
     -ms-flex-negative:0;
     flex-shrink:0;
     border-top-left-radius:0;
     border-top-right-radius:0
   }
   .modal-menu .modal-body{
     padding:0
   }
   .modal-menu .list-group-item{
     font-size:.9375rem;
     padding-top:.625rem;
     padding-bottom:.625rem;
     background-color: #e3e3e3;
   
       border-top-left-radius: 0;
       border-top-right-radius: 0;
       border: none;
   
   }
   .modal-menu .list-group-collapse .list-group>.list-group-item{
     font-size:.875rem;
     background-color:#eee;
   }
   
   
   .modal-menu.fade .modal-dialog{
     -webkit-transform:translate3d(-20px,0,0);
     transform:translate3d(-20px,0,0);
     -webkit-transition:-webkit-transform .25s;
     transition:-webkit-transform .25s;
     transition:transform .25s;
     transition:transform .25s,-webkit-transform .25s
   }
   .modal-menu.show .modal-dialog{
     -webkit-transform:translate3d(0,0,0);
     transform:translate3d(0,0,0)
   }
   
   /* ===  модальнае окно после положнгтя товара в корзину ========= */
   .popup--basket.basket-item__btn {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   
   align-items: center;
   align-content: space-between;
   justify-content: space-between;
   }
   
   .popup.popup--basket .current {
   font-size:22px;
   color: #222
   }
   .popup.popup--basket .current span.fa {
   font-size:18px;
   }
   
   /* ===  модальная корзина справа ========= */
   .popup--basket-list.is-active  .cart-img {
    max-width:80px;
    padding-top: 4px;
   }
   .popup--basket-list.is-active  .cart-disc{
    padding-left: 10px;
   }
   
   .popup--basket-list.is-active  .cart-disc div{
    color: #222;
   }
   
   .popup--basket-list.is-active  .cart-disc a{
    color: var(--gray-text-color);
   }
   
   .popup--basket-list.is-active  .cart-disc a:hover{
    color: var(--first-color);
   }
   
   
   
   .popup--basket-list.is-active  .content-item{
    padding-top: 10px;
   }
   
   
   
   /* ===  ========= */
   .popup-header {
    display:-ms-flexbox;
    display:flex;
    /*! -ms-flex-align:start; *//*! align-items:flex-start; *//*! -ms-flex-pack:justify; *//*! justify-content:space-between; */ 
   padding:10px 10px 0px 0px;
    border-top-left-radius:calc(.3rem - 1px);
    border-top-right-radius:calc(.3rem - 1px)
   }
   
   .popup--mobil-menu .popup-header {
   padding: 10px 10px 10px 10px;
   }
   .popup-header .close {
    padding: 1rem 1rem;
margin: -25px -36px -6px auto;
   }
   
 .popup--mobil-menu .popup-header  .close {
  
  margin-top: -60px; margin-right: -10px;
  }
   
  .popup-header button svg.svg-icon {
    fill: #5e5e5e;
}
   .popup-item-count {
    border-bottom:1px solid #dee2e6;
    font-size: 14px;
   font-weight: 300;
   }
      
   #basket-item-img { 
   max-width: 190px;
   margin-top: 20px;
   }
      
   .popup.is-active {
      opacity: 1;
      pointer-events: auto;
   }
   .popup {
     
      opacity: 0;
      pointer-events: none;
     transition: opacity .3s ease;
      position: fixed;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      z-index: 999999;
      background: linear-gradient(0deg,rgba(28,28,28,.45),rgba(28,28,28,.45));
       display: flex;
      align-items: center;
      justify-content: center;
   }
   

   
   .popup.is-active .popup__wrap {
      transform: translateY(0);
   }
   
   
   .popup--mobil-menu  {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
     justify-content: flex-start;
      align-items: stretch;
      align-content: stretch;
   }
   
   .popup--mobil-menu .popup-header  svg {
   height: 40px;
   }
  
   
   .popup--basket-list  {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: flex-end;
      align-items: stretch;
      align-content: stretch;
   }
   
   
   .popup .popup__wrap {
     
     border-radius: 4px;
     transform: translateY(100vh);
      transition: transform .3s ease;
       position: relative;
     padding: 10px 26px 30px 26px;
      overflow: hidden;    
      background: #fff;
      box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
   }
   
   .popup--basket .popup__wrap {
      width: 670px;
      
      }
      
      .popup--question .popup__wrap {
      width: 670px;
      
      }   
      
     .popup--call .popup__wrap {
      width: 370px;
      
      }   
   .popup--basket-list .popup__wrap {
      width: 370px;   
       border-radius: 0px;
       transform: translateX(100vh);
      transition: transform .3s ease;
       position: relative;
      padding:10px 16px;
      overflow-y: auto;
      overflow-x: hidden;   
      background: #fff;
      box-shadow: 0 2px 30px rgba(28,28,28,.07);
   }
   
   
   
   .popup--mobil-menu .popup__wrap {
      width: 100%;
      max-width: 370px;
       border-radius: 0px;
       transform: translateX(-100vh);
      transition: transform .3s ease;
       position: relative;
      padding:0;
      overflow-y: auto;
overflow-x: hidden;    
      background: #fff;
      box-shadow: 0 2px 30px rgba(28,28,28,.07);
   }
   
   .popup--basket .basket-item__container {
        display: flex;
       flex-direction: row;
       flex-wrap: nowrap;
       justify-content: flex-start;
       align-items: center;
       align-content: stretch;
   }
   
   .popup--basket .basket-item__body {
   margin-left:10px;
   }
   
   .line_bottom {
   border-bottom: 1px solid #dee2e6;
  
   }
   
   
   
    
   
   .popup--basket .popup__title {
      margin-bottom: 20px;
   }
   
   .popup__title {
    font-family: var(--font-family-prim);
      font-weight: 500;
      font-size: 19px;
      line-height: 26px;
      color: #555555;
       text-transform: uppercase;
      margin-bottom: 28px;
   }
   
   .popup__close::after {
      transform: rotate(-45deg);
   }
   
   .popup__close::after, .popup__close::before {
      content: "";
      position: absolute;
      height: 2px;
      width: 100%;
      top: 50%;
      left: 0;
      margin-top: -1px;
      background-color: #d5d5d5;
   }
   
   .popup__close::before {
      transform: rotate(45deg);
   }
    
   
  .popup-filter {
 
    transition: opacity .3s ease;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 999999;
    background: linear-gradient(0deg,rgba(28,28,28,.45),rgba(28,28,28,.45));
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
  } 
.popup-filter #serchfiltr {
    position: relative;
    padding: 0;
    overflow-y: auto;
    overflow-x: hidden;
    background: #fff;
    box-shadow: 0 2px 30px rgba(28,28,28,.07);
    width: auto;
    
    }
  .popup-filter .filter-sidebar {
  padding-left: 12px;
margin-top: 30px;
  }
   .hover_overlay {
opacity: 0;
pointer-events: none;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 4000;
transition: opacity 1s ease;
background: linear-gradient(0deg,rgba(28,28,28,.45),rgba(28,28,28,.45));
   }
   
   .hover_overlay.is-active {
      opacity: 1;
      pointer-events: auto;
      }
      
   
   /*хак для 5ти колонок */
   .col-xs-5th,
   .col-sm-5th,
   .col-md-5th,
   .col-lg-5th {
       position: relative;
       min-height: 1px;
       padding-right: 10px;
       padding-left: 10px;
       width: 20%;
       float: left;
   }
   .col-5-th {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 20%;
      -ms-flex: 0 0 20%;
      flex: 0 0 20%;
      max-width: 20%;
   }
   @media (min-width: 768px) {
       .col-sm-5th {
             -webkit-box-flex: 0;
             -webkit-flex: 0 0 20%;
             -ms-flex: 0 0 20%;
             flex: 0 0 20%;
             max-width: 20%;
       }
   }
   @media (min-width: 992px) {
       .col-md-5th {
             -webkit-box-flex: 0;
             -webkit-flex: 0 0 20%;
             -ms-flex: 0 0 20%;
             flex: 0 0 20%;
             max-width: 20%;
       }
   }
   @media (min-width: 1200px) {
       .col-lg-5th {
             -webkit-box-flex: 0;
             -webkit-flex: 0 0 20%;
             -ms-flex: 0 0 20%;
             flex: 0 0 20%;
             max-width: 20%;
       }
   }
   
   @media only screen and (max-width: 992px) {
        .col-md-5th {
             width:33%;
             float:none;
             display:block;
   
             -webkit-box-flex: 0;
             -webkit-flex: 0 0 33%;
             -ms-flex: 0 0 33%;
             flex: 0 0 33%;
             max-width: 33%;
        }
       .col-md-5th.col-sm-5th {
           width: 20%;
           float: left;
   
             -webkit-box-flex: 0;
             -webkit-flex: 0 0 20%;
             -ms-flex: 0 0 20%;
             flex: 0 0 20%;
             max-width: 20%;
       }
   }
   
   @media only screen and (max-width: 769px) {
   
        .col-md-5th {
             width:100%;
             float:none;
             display:block;
   
             -webkit-box-flex: 0;
             -webkit-flex: 0 0 50%;
             -ms-flex: 0 0 50%;
             flex: 0 0 50%;
             max-width: 50%;
        }
   
       .col-md-5th.col-sm-5th {
             width:50%;
             float:none;
             display:block;
   
             -webkit-box-flex: 0;
             -webkit-flex: 0 0 50%;
             -ms-flex: 0 0 50%;
             flex: 0 0 50%;
             max-width: 50%;
       }
   }
   
   @media only screen and (max-width: 767px) {
   
        .col-md-5th {
             width:100%;
             float:none;
             display:block;
   
             -webkit-box-flex: 0;
             -webkit-flex: 0 0 100%;
             -ms-flex: 0 0 100%;
             flex: 0 0 100%;
             max-width: 100%;
        }
   
       .col-md-5th.col-sm-5th {
             width:100%;
             float:none;
             display:block;
   
             -webkit-box-flex: 0;
             -webkit-flex: 0 0 100%;
             -ms-flex: 0 0 100%;
             flex: 0 0 100%;
             max-width: 100%;
       }
   }
   
   
   /*******  ****/
   .pswp {
    
       z-index: 9000!important;
   }    
    
   .pswp__bg {
   background: linear-gradient(0deg,rgba(28,28,28,.45),rgba(28,28,28,.45)) !important;
   }
   
   //*****//
    .qty-box {
     margin-bottom: 22px;
   }
   
     .qty-box ul li:first-child {
     display: inline-block;
     color: #969696;
     margin-right: 0;
    
   }
   
     .qty-box ul li:last-child.quantity {
     display: inline-block;
     border: 1px solid #e5e5e5;
     padding: 0 5px;
     -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
     -ms-border-radius: 30px;
     border-radius: 4px;
   }
   
     .qty-box ul li:last-child.quantity .qty {
     width: 35px;
     height: 32px;
     text-align: center;
     background-color: transparent;
     border: none;
     border-left: 1px solid #e5e5e5;
     border-right: 1px solid #e5e5e5;
     font-weight: 600;
   }
   
    .qty-box ul li:last-child.quantity input {
     display: inline-block;
     -webkit-box-shadow: none;
     box-shadow: none;
   }
   
    .qty-box ul li:last-child.quantity input::-webkit-outer-spin-button,
    .qty-box ul li:last-child.quantity input::-webkit-inner-spin-button {
     -webkit-appearance: none;
     appearance: none;
   }
    .qty-box ul li:last-child.quantity .minus,  .qty-box ul li:last-child.quantity .plus {
     padding: 3px 10px;
     background: #fff;
     border: none;
     cursor: pointer;
   }
   
    .qty-box ul li:last-child.quantity .minus:hover,  .qty-box ul li:last-child.quantity .plus:hover {
     color: #5677fc;
   }
   
   /*****/
   .price_item {
   font-size: 30px;
   color: #0f234a;
   }
   
   .price_item span{
   font-size: 20px;
   }
 
 .one-click {
  cursor: pointer;
  
 }
 .one-click span {
  border-bottom: 1px dotted;
  
 }
    .one-click:hover {
     color: var(--first-color);
    
    }
    .content-item  .title  {
    
   margin: 0 !important;
   color: #cf3750;
   line-height: 18px;
   } 
   .single-item a.it-cart {
      background: var(--first-color); 
       display: inline-block;
       padding-right: 10px;
       border: 1px solid #005f7f;
            
       -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
       -ms-border-radius: 4px;
       border-radius: 4px;
       margin-right: 8px;
   }
   .single-item a.it-cart:hover {
   background: var(--color-hover); 
   border-color: var(--color-hover); 
   }
   
   .single-item  span.it-img {
        
       display: inline-block;
       padding: 7px 10px;
       -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
       -ms-border-radius: 50%;
       border-radius: 50%;
   
       width: 42px;
    
       background-repeat: no-repeat;
       background-position: 6px 1px;
       background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 459.52899169921875 459.52899169921875' style='enable-background:new 0 0 459.529 459.529;' xml:space='preserve' width='100%25' height='100%25' %3e%3crect id='svgEditorBackground' x='0' y='0' width='459.529' height='459.529' style='fill:none;stroke:none;'/%3e%3cdefs id='svgEditorDefs'%3e%3cpath id='svgEditorClosePathDefs' style='stroke:black;stroke-width:1px;fill:white;'/%3e%3c/defs%3e%3cg transform='matrix(0.506056, 0, 0, 0.506056, 95.5637, 100.174)' style='stroke:white;'%3e%3cg style='stroke:white;'%3e%3cpath d='M17,55.231h48.733l69.417,251.033c1.983,7.367,8.783,12.467,16.433,12.467h213.35c6.8,0,12.75,-3.967,15.583,-10.2l77.633,-178.5c2.267,-5.383,1.7,-11.333,-1.417,-16.15c-3.117,-4.817,-8.5,-7.65,-14.167,-7.65H206.833c-9.35,0,-17,7.65,-17,17s7.65,17,17,17H416.5l-62.9,144.5H164.333L94.917,33.698c-1.983,-7.367,-8.783,-12.467,-16.433,-12.467H17c-9.35,0,-17,7.65,-17,17S7.65,55.231,17,55.231Z' style='stroke:white;fill:white;'/%3e%3cpath d='M135.433,438.298c21.25,0,38.533,-17.283,38.533,-38.533s-17.283,-38.533,-38.533,-38.533S96.9,378.514,96.9,399.764S114.183,438.298,135.433,438.298Z' style='stroke:white;fill:white;'/%3e%3cpath d='M376.267,438.298c0.85,0,1.983,0,2.833,0c10.2,-0.85,19.55,-5.383,26.35,-13.317c6.8,-7.65,9.917,-17.567,9.35,-28.05c-1.417,-20.967,-19.833,-37.117,-41.083,-35.7c-21.25,1.417,-37.117,20.117,-35.7,41.083C339.433,422.431,356.15,438.298,376.267,438.298Z' style='stroke:white;fill:white;'/%3e%3c/g%3e%3c/g%3e%3cg transform='matrix(0.506056, 0, 0, 0.506056, 95.5637, 100.174)' style='stroke:white;'%3e%3c/g%3e%3cg transform='matrix(0.506056, 0, 0, 0.506056, 95.5637, 100.174)' style='stroke:white;'%3e%3c/g%3e%3cg transform='matrix(0.506056, 0, 0, 0.506056, 95.5637, 100.174)' style='stroke:white;'%3e%3c/g%3e%3cg transform='matrix(0.506056, 0, 0, 0.506056, 95.5637, 100.174)' style='stroke:white;'%3e%3c/g%3e%3cg transform='matrix(0.506056, 0, 0, 0.506056, 95.5637, 100.174)' style='stroke:white;'%3e%3c/g%3e%3cg transform='matrix(0.506056, 0, 0, 0.506056, 95.5637, 100.174)' style='stroke:white;'%3e%3c/g%3e%3cg transform='matrix(0.506056, 0, 0, 0.506056, 95.5637, 100.174)' style='stroke:white;'%3e%3c/g%3e%3cg transform='matrix(0.506056, 0, 0, 0.506056, 95.5637, 100.174)' style='stroke:white;'%3e%3c/g%3e%3cg transform='matrix(0.506056, 0, 0, 0.506056, 95.5637, 100.174)' style='stroke:white;'%3e%3c/g%3e%3cg transform='matrix(0.506056, 0, 0, 0.506056, 95.5637, 100.174)' style='stroke:white;'%3e%3c/g%3e%3cg transform='matrix(0.506056, 0, 0, 0.506056, 95.5637, 100.174)' style='stroke:white;'%3e%3c/g%3e%3cg transform='matrix(0.506056, 0, 0, 0.506056, 95.5637, 100.174)' style='stroke:white;'%3e%3c/g%3e%3cg transform='matrix(0.506056, 0, 0, 0.506056, 95.5637, 100.174)' style='stroke:white;'%3e%3c/g%3e%3cg transform='matrix(0.506056, 0, 0, 0.506056, 95.5637, 100.174)' style='stroke:white;'%3e%3c/g%3e%3cg transform='matrix(0.506056, 0, 0, 0.506056, 95.5637, 100.174)' style='stroke:white;'%3e%3c/g%3e%3c/svg%3e");
       
   }
   
   .single-item   span.it-title {
       color: #fff;
       font-weight: 400;
       padding-left: 5px;
       padding-right: 5px;
       cursor: pointer;
   }
   
   .swiper-gallery {
   min-height: 280px;
   }
   //*****//
   
    .flex-multi{
       float:left;
       width:45%;
       margin-bottom:100px
   }
    .flex-multi + .flex-multi{
       float:right
   }
    .clear{
       clear:both
   }
   
   .flexMenu-viewMore {
   display: inline-block;
   }
   
   /**/
   .sec-title {
 
padding-bottom: 4px;
} 

.sec-title .h5{
text-transform: uppercase;
}
 
.sec-title .h5 span a{
    text-transform: initial;
    font-size: 11px;
    border-bottom: 1px dotted;
}


.slickarrow .prev, .slickarrow .next {
 
  font-size: 15px;
  border: 1px solid #e5e5e5;
  width: 25px;
  height: 25px;
  
  text-align: center;
  z-index: 1;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
 margin-left: 6px;
 fill: var(--gray);
 cursor:pointer;
 
 }

.slickarrow .prev{
padding-right: 2px;
padding-top: 0px;
}
.slickarrow .next {
padding-top: 0px;
}
.slickarrow .prev:hover,  .slickarrow .next:hover 	 {
     background: var(--first-color);
       border: 1px solid var(--first-color);
      fill: #fff;
     }
 
		.shop-item {
			display: inline-flex;
			flex-direction: column;
			position: relative;
			 
			padding:  7px;
			margin-bottom: 1px;
			text-decoration: none;
			color: inherit;
			box-shadow: 0 0 1px 1px #f2f2f2;
            justify-content: space-between;
            outline: none;
		}

 
		.shop-item:before {
			content: " ";
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			top: 0;
			z-index: 2;
			pointer-events: none;
			transition: box-shadow .3s ease
		}

 
		.shop-item-owner {
 			opacity: 0;
			transition: opacity .3s ease;
			overflow: hidden
		}

         .shop-item-owner .shop-item {
			width: 100%;
            height:auto;
  flex:0 0 auto;
  border: 1px solid #e0e0e0;
		}
		.shop-item-owner.slick-initialized {
			overflow: visible;
			opacity: 1
		}
 
        .shop-item-owner .slick-track {
        display: flex; 
       
        }
  
  
  
        
        
        
  
 .img-preloader {
  height: 120px;
 }
 
 /**/
   
 .cat-item   {
align-items: flex-start;


   }

.cat-sub   {
    min-height: 80px;

   }
 .cat-sub a img {
 width: 60px;
 margin-right: 14px;
 }

    
 .cat-item  ul {  
   list-style: none;
   margin-top: 4px;
margin-left: 1px;
   }
   
    .cat-item  ul li,  .cat-item  ul li a  { 
    font-size:11px;
    }

   
   
   /*  */
   
 

 .main-menu,  .main-menu > li {
    float: none;
    display: inline-block;
}
  .main-menu > li:first-child {
    border-left: none !important;
}
 
.top-flex-menu {
  height: 40px;
overflow: hidden;
}
 
 
.top-flex-menu .main-menu {
	display: inline;
}
 
.top-flex-menu .main-menu .lnr {
	float: left;
	margin-top: 1px;
	margin-right: 10px;
}
.top-flex-menu .main-menu > li {
	margin-right: -3px;
	line-height: 20px;
	transition: all 0.2s ease-in 0s;
    position: relative;
}
.top-flex-menu .main-menu > li:hover {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
   
     background-color: var(--color-link-hover);
    
     color: #fff;
   
}
.top-flex-menu .main-menu > li:hover > a {
    position: relative;
     background-color: var(--first-color);
     z-index: 9999;
     color: #fff;   
}


 .top-flex-menu .menu_item .dropdown-menus a  {
	font-size: 15px;
	color: var(--heder-color-text);
	display: inline-block;
	font-weight: 400;
	padding: 10px 20px;
 
	text-decoration: none;
    letter-spacing: .01em;
	transition-property: color, line-height;
    transition-duration: 0.15s, 0.5s;
}

.top-flex-menu .main-menu > li > a {
	font-size: 16px;
	color: #fff;
	display: inline-block;
	font-weight: 500;
	padding: 13px 15px 10px 15px;
	text-transform: uppercase;
	text-decoration: none;
    letter-spacing: .01em;
	transition-property: color, line-height;
    transition-duration: 0.15s, 0.5s;
}

.top-flex-menu .main-menu > li > a:hover {
	color: #fff;
}

.top-flex-menu .main-menu > li:hover > a {
	color: #fff;
}

.top-flex-menu .main-menu > li:first-child > a {
 
}
.top-flex-menu .main-menu > li:hover > a + .dropdown-menus {
	display: block;
	opacity: 1;
	visibility: visible;
    z-index: 9999;
}
.top-flex-menu .dropdown-menus {
	text-align: left;
	position: absolute;
	-webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    -ms-transition: 0.2s ease;
    -o-transition: 0.2s ease;
	transition: 0.2s ease;
	-webkit-transform-origin: center top 0;
    -ms-transform-origin: center top 0;
    transform-origin: center top 0;  		
	opacity: 0;
	visibility: hidden;
	z-index: 2001;
    background-color: #fff;
width: 100%;
border-top: 3px solid var(--color-link-hover);
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
min-width: 270px;
	
}

.top-flex-menu .mega-box {
text-align: left;
position: absolute;
-webkit-transition: 0.2s ease;
-moz-transition: 0.2s ease;
-ms-transition: 0.2s ease;
-o-transition: 0.2s ease;
transition: 0.2s ease;
-webkit-transform-origin: center top 0;
-ms-transform-origin: center top 0;
transform-origin: center top 0;
opacity: 0;
visibility: hidden;
z-index: 2001;
background-color: #fff;
width: calc(100% - 30px);
border-top: 3px solid var(--color-link-hover);
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
 
left: 15px;
}

.top-flex-menu .mega-box a {
color: #555555;
}

.top-flex-menu .main-menu > li:hover > a + .mega-box {
	display: block;
	opacity: 1;
	visibility: visible;
    z-index: 9999;
    background: #eee;
}
 
.owner-mega-box {
position: inherit !important;

}

.owner-mega-box a:hover > span.h6  {
color: var(--first-color);
}
.top-flex-menu .dropdown-menus::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 8px;        
}    
.top-flex-menu .dropdown-menus::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: lightgray;      
}
  

.top-flex-menu .dropdown-menus a {
 
	display: block;
	padding: 10px 20px;
	clear: both;
	width: 100%;
}
 
.top-flex-menu .main-menu > li .dropdown-menus li > a + .dropdown-menus {
 
 
}
.top-flex-menu .main-menu > li .dropdown-menus li:hover > a + .dropdown-menus {
	display: block;
	opacity: 1;
	visibility: visible;
    line-height: 150%;
min-width: var(--w-s-item);
max-width: var(--w-s-item);
height: calc(100% + 1.5%);
}
 
 
.top-flex-menu .menu_item .dropdown-menus a {
	position: relative;
	min-width: var(--w-s-item);
	max-width: var(--w-s-item);
}
.top-flex-menu .main-menu > li.menu_item .dropdown-menus li > a + .dropdown-menus {
	left: var(--w-s-item);
	margin-top: 0;
}
.top-flex-menu .main-menu > li.menu_item .dropdown-menus li > a + .submenu {
	margin-top: -3px;
}
.top-flex-menu .menu_item .dropdown-menus ul {
 
	width: var(--w-s-item);
	 
}
.top-flex-menu .menu_item .dropdown-menus li .dropdown-menus li:last-child {
	margin-bottom: 0;
}
 
 
.top-flex-menu .menu_item .dropdown-menus li > a + .dropdown-menus {
	top: 0;
 
}

 

 
/* Flex Menu */
.top-flex-menu .flexMenu-viewMore {
	position: relative;
}
 
 
.top-flex-menu .flexMenu-viewMore .flexMenu-popup {
	padding: 0;
    width: inherit;
}
.top-flex-menu .flexMenu-viewMore .flexMenu-popup > li {
	list-style: none;
	border-left: none;
	transition: all 0.2s ease-in 0s;
    margin-right: 0px;
}
.top-flex-menu .flexMenu-viewMore .flexMenu-popup > li > a {
	min-width: var(--w-s-item);
	 width: 100%;
	padding: 10px 20px;
font-weight: 400;
text-decoration: none;
letter-spacing: .01em;
font-size: 15px;
line-height: 150%;
 
color: #444444;
}
.top-flex-menu .flexMenu-viewMore .flexMenu-popup > li:hover > a {
	 
}
.top-flex-menu .flexMenu-viewMore .flexMenu-popup > li:first-child > a {
 
}
.top-flex-menu .flexMenu-viewMore .flexMenu-popup > li:last-child > a {
	 
}
 
.top-flex-menu .main-menu > li.flexMenu-viewMore .flexMenu-popup li > a + .dropdown-menus {
	right: var(--w-s-item);
	left: inherit;
}
.top-flex-menu .main-menu > li.flexMenu-viewMore .flexMenu-popup li > a + .dropdown-menus .dropdown-menus {
	right: var(--w-s-item);
}
.top-flex-menu .main-menu > li .flexMenu-popup.dropdown-menus li > a + .dropdown-menus {
	 top: -3px;
}
.top-flex-menu .main-menu > li .flexMenu-popup.dropdown-menus li > a + .dropdown-menus .dropdown-menus {
	margin-top: -3px;
}
 
.flexMenu-popup .top-flex-menu_brands .dropdown-menus {
	padding: 0;
}
 

   

.top-flex-menu .dropdown-menus,  .dropdown-menus {
    font-size: 15px;
}

 

.top-flex-menu .dropdown-menus a:hover, .top-flex-menu .dropdown-menus li a:hover {
	background: #f5f5f5;
	color: var(--first-color);
    z-index: 9999;
 
}   
   
 
#nc_error {
 
background-color: #fce8e8;
padding: 8px 14px;
margin-bottom: 10px;
border: 1px solid #fac0c0;
border-radius: 4px;
 
 

}   
   
   
.loading {
display: flex;
justify-content: center;
align-items: center;
}   
   
   
.img-plitka:hover::before {
    box-shadow: 0 4px 49px rgba(0, 0, 0, .16);
}   
 

.single-box .desk {
position: absolute;
color: var(--first-color);
text-transform: uppercase;
font-size: 19px;
top: 10px;
cursor:pointer;
}
.single-box1 .img-plitka {
max-height: 130px;
}
.single-box1 .desk {
 
color: var(--first-color);
text-transform: uppercase;
font-size: 17px;
top: 10px;
cursor:pointer;
}
   
 .custom-control-input:focus~.custom-control-label::before {
 box-shadow:none
}  


.list-group-item.active {
    background-color: var(--first-color);
    border-color: var(--first-color);
}

.card > .list-group:first-child .list-group-item:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}






 .ls-form-group{
  position: relative;
  margin-top: 10px;
margin-bottom: 20px;
 
}

.ls-input {
padding: 18px 16px;

}

.ls-label {
  position: absolute;
  pointer-events: none;
  left: 10px;
  top: 8px;
  transition: 0.2s ease all;
  font-size: 15px;
  z-index: 20;
  padding: 0px 6px;
  background: #fff;
      color: #979797;
}

.completed label{
  top: -8px;
  font-size:13px;
}

.content-text img {
max-width: 100%;
height: auto;
}

.table .thead-light th {
 
    background-color: var(--primary-bg_color);
    border-color: var(--primary-bg_color);
}


.item-nav[data-toggle=collapse][aria-expanded=false]:before {
  content: "\f105";
  
  font-family: "FontAwesome";
  font-weight: 900;
}

.item-nav[data-toggle=collapse][aria-expanded=true]:before {
  content: "\f107";
 
  font-family: "FontAwesome";
  font-weight: 900;
}


.block-shadow {
    box-shadow: 0 3px 14px rgba(0,0,0,.12);
}

.lest-serch-result {
list-style: none;
}

.lest-serch-result .active{
color: var(--color-hover);
}

.lest-serch-result li  {
 margin-bottom: 4px;
}
.link-search-result {
font-size: 13px;
}
#box-serch-result {
position: relative;width: 100%;  z-index: 9998; display:none
}
#serch-result {
 
position: absolute;
width: 100%; 
background-color: #fff;
margin-right: 30px;
 
border: 1px solid #dddddd;
border-top: none;
border-radius: 3px; 
margin-top: -1px;
}

.all-rezults {
background: #ececec;
padding: 10px 10px;
cursor: pointer;
}
.cursor-pointer {
cursor: pointer;
}

.font-size-10, .font-size-10 a  {
font-size: 10px;
}
.font-size-8, .font-size-8 a {
font-size: 8px;
}
.font-size-12, .font-size-12 a {
font-size: 12px;
}
.font-size-14, .font-size-14 a {
font-size: 14px;
}
.font-size-16, .font-size-16 a {
font-size: 16px;
}
.font-size-18, .font-size-18 a {
font-size: 18px;
}
.font-size-20, .font-size-20 a {
font-size: 20px;
}
.font-size-22, .font-size-22 a {
font-size: 22px;
}
.font-size-24, .font-size-24 a {
font-size: 24px;
}


.font-size-48, .font-size-48 a {
font-size: 48px;
}

.link-style-1{
border-bottom: 1px dotted;
color: var(--first-color);
}

.link-style-1: hover{
color: var(--color-link-hover);
}

.area-news-left .img-owner img {
    margin: 6px;
max-width: 100px;
border-radius: 3px;
    
}

.slinky-menu [data-sub='6'] {
background: var(--first-color);
color: #fff !important;
}
.slinky-menu a[data-sub='6'] {
color: #fff !important;
}

.slinky-menu [data-sub='6']:hover {
background: #0f234a !important;
color: #fff !important;
}
.slinky-menu a[data-sub='6']:hover {
color: #fff !important;
}
.slinky-menu a[data-sub='6'] span:hover {
color: #fff !important;
}



.compensate-for-scrollbar {
    margin-right: 0 !important;
}
.back_link {
align-items: center;
display: flex;
text-decoration: none;
transition: 200ms;
 
}
.back_link:before {
padding: 1em;
transform: scaleX(-1);
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+ICAgIDxwYXRoIGQ9Ik0xMi4yMTkgMi4yODFMMTAuNzggMy43MiAxOC4wNjIgMTFIMnYyaDE2LjA2M2wtNy4yODIgNy4yODEgMS40MzggMS40MzggOS05IC42ODctLjcxOS0uNjg3LS43MTl6IiAvPjwvc3ZnPg==) center no-repeat;
    background-size: auto;
background-size: 1em;
content: '';
height: 1em;
opacity: 0.25;
transition: 200ms;
width: 1em;
}

.swiper-wrapper {
    padding-bottom: 1px;
}


section.question {
background: rgb(28 28 28 / 45%);
box-shadow: 0 1px 5px rgba(0,0,0,.136);
}

.product-box .nav-tabs .nav-item {
    background: var(--color-bg-header);
    padding: 2px 6px 4px 5px;
    border-radius: 2px;
    cursor: pointer;
    margin-right: 4px;
    border: 1px solid var(--color-grey-superlight);
}

.product-box .nav-tabs .nav-item.active{
background: var(--first-color);
border: 1px solid var(--first-color);
}
.product-box .nav-tabs .nav-item.active svg{
fill: #fff;
}

.show-char span {
cursor: pointer;
border-bottom: 1px dotted;
}

.show-char span svg {
 margin-left: 6px !important;
margin-bottom: 3px !important;
}

 .call-content p a {
 white-space: nowrap;
 }
 
 .el1 {
 margin-left: 20px;
 }
 
 .el1:before {
 position: absolute;
content: '';
background: var(--first-color);
width: 10px;
height: 1px;
top: 12px;
left: 16px;
transition: all .5s ease;
 }
 
 .el1:after {
  position: absolute;
content: '';
background: var(--first-color);
width: 10px;
height: 1px;
left: 20px;
top: 15px;
transition: all .5s ease;
  }
  
.animate-svg-1:hover svg {
-webkit-animation: tada 1.5s ease infinite;
animation: tada 1.5s ease infinite;
  }
  .psevdo-link:hover {
  color: var(--first-color);
  }
  
.question {
color: #fff;
}  

   @media (max-width: 576px) {
    .cat-item img, .cat-sub img {
         max-width: 80px;
         min-width: 80px;
      }
      
 
      .f-link ul.list-unstyled {
    column-count: 1;
}
    }
    
      @media (min-width: 577px) {
    .cat-item img, .cat-sub img {
         max-width: 160px;
         
      }  
      }
    
.popup-filter .close  {
margin-top: 3px;
margin-right: 10px;
z-index: 99999;
position: absolute;
right: 0;
}

.popup-filter .close svg {
fill: var(--tpl-color-arrow);
}


.item-card-1 .owner-bnt-to-cart {
  display: flex;
  justify-content: space-between;
}
 .item-card-1 .owner-bnt-to-cart a span,  .item-card-1 .bottom-line .product-quantity   {
 display: none;
 }
 
 .item-card-2 .bottom-line {
 display: flex;
justify-content: space-between;
margin: 0px 10px 10px 10px;
 }

 .item-card-2  .product-quantity {
width: 100%;
background: #f9f9f9;

}

 .item-card-2  .product-quantity li{
display: flex;
border: 1px solid #e5e5e5;
padding: 0 5px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
border-radius: 0;
 
color: #969696;
margin-right: 0;
width: 100%;
height: 100%;
 
}

 .item-card-2  .product-quantity li input{
padding: 3px 4px;
background: #f9f9f9;
border: none;
cursor: pointer;
width: 100%;
text-align: center;
}

 .item-card-2  .owner-bnt-to-cart {
 width: 100%;
 }

 .item-card-2  .block-to-cart{
 text-align: center;
 
 }
  .item-card-2  .block-to-cart .price{
 padding-bottom: 12px;
}
 .info-str {
 margin-top: -50px;
z-index: 999;
background: #fff;
-webkit-box-shadow: 0px 3px 13px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 3px 13px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 3px 13px 0px rgba(50, 50, 50, 0.75);
border-radius: 6px;
z-index: 99;
position: relative;
 }
 
.info-str-item  {
    min-height: 80px;

   }
 .info-str-item a img,  .info-str-item img {
 width: 80px;
 margin-right: 14px;
 } 
     @media (max-width: 767px) {
      .info-str-item a img,  .info-str-item img {
 width: 60px;
 
 } 
     }
.info-str :first-child { 
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.info-str  :last-child {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}


 .slider-area {
 background-size: cover;
 }
 
  
.slider-height-1 {
    height: 750px;
    /*border-bottom: 2px solid var(--first-color);
    border-top: 2px solid var(--first-color);*/
}

.left-column-view .slider-height-1 {
  height: 400px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-height-1 {
    height: 650px;
  }
  .left-column-view .slider-height-1 {
    height: 400px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-height-1 {
    height: 520px;
  }
  .left-column-view .slider-height-1 {
  height: 350px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-1 {
    height: 450px;
  }
  .left-column-view .slider-height-1 {
  height: 350px;
}
}
@media only screen and (max-width: 767px) {
  .slider-height-1 {
   height: 100vh;
    padding: 5px 0 0;
  }
   .slider-height-1 {
  
    border: none;
    }
   .single-slider {
     align-items: flex-start !important;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-height-1 {
    padding: 38px 0 0;
  }
  
  .left-column-view slider-height-1 {
    padding: 8px 0 0;
  }
  
}
 

.single-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: center;
}
.single-slider .slider-content {
  padding: 130px 0 0;
}

 

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-slider .slider-content {
    padding: 20px 0 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-slider .slider-content {
    padding: 45px 0 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider .slider-content {
    padding: 0px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .single-slider .slider-content {
    padding: 0px 0 40px;
    text-align: center;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-slider .slider-content {
    padding: 0px 0 0px;
    text-align: left;
  }
}
.single-slider .slider-content h3 {
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  margin-bottom: 30px;
}
.single-slider .slider-content h1 {
  line-height: 55px;
  font-size: 38px;
  color: #010101;
  margin: 6px 0  7px;
}
.left-column-view .single-slider .slider-content h1 {
  line-height: 35px;
  font-size: 28px;
  color: #010101;
  margin: 6px 0  7px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-slider .slider-content h1 {
    line-height: 56px;
    font-size: 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider .slider-content h1 {
    line-height: 38px;
    font-size: 20px;
    margin: 6px 0 20px;
  }
  .single-slider .slider-content h3 {
   font-size: 14px;
   }
}
@media only screen and (max-width: 767px) {
  .single-slider .slider-content h1 {
    line-height: 39px;
    font-size: 26px;
    margin: 6px 0 20px;
  }
}

.single-slider .slider-content .slider-btn a {
font-size: 16px;
color: #fff;
display: inline-block;
border: 1px solid #0f234a;
text-transform: uppercase;
line-height: 1;
padding: 19px 50px 21px;
background-color: #0f234a;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-slider .slider-content h1 {
 font-size: 18px;
margin: 6px 0 10px;
line-height: 21px;
  }
  
 .single-slider .slider-content .slider-btn a {
    font-size: 13px;
    
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider .slider-content .slider-btn a {
    padding: 13px 30px 12px;
  }
}
@media only screen and (max-width: 767px) {
  .single-slider .slider-content .slider-btn a {
  padding: 12px 16px 12px;
  }
}
.single-slider .slider-content .slider-btn a:hover {
 border: 1px solid var(--first-color);
color: #fff;
background-color: var(--first-color);
}
 
 
.single-slider .slider-single-img {
  margin: 0 -80px 0 -80px;
}

.left-column-view .single-slider .slider-single-img {
  margin: 0 0px 0 0px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-slider .slider-single-img {
    margin: 0 0px 0 0px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-slider .slider-single-img {
    margin: 0 0px 0 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider .slider-single-img {
    margin: 0 0px 0 0px;
  }
}
@media only screen and (max-width: 767px) {
  .single-slider .slider-single-img {
    margin: 0 0px 0 0px;
  }
}
 
.owl-dot-none .owl-dots {
  display: none;
}
.owl-item .slider-content * {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.owl-item.active .slider-animated-1 h3 {
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.owl-item.active .slider-animated-1 h1 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.owl-item.active .slider-animated-1 h5 {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.owl-item.active .slider-animated-1 p {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.owl-item.active .slider-animated-1 a {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.owl-item.active .slider-animated-1 .content-img img {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.owl-item.active .slider-animated-1.slider-single-img img {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.owl-item.active .slider-animated-1.single-slider-img4 img {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.owl-item.active .slider-animated-1.slider-singleimg-hm9 img {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.owl-item.active .slider-animated-1.slider-singleimg-hm11 img {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.owl-item.active .slider-animated-1.slider-singleimg-medical img {
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}
.owl-item.active .slider-animated-2 h3 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
.owl-item.active .slider-animated-2 h1 {
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
.owl-item.active .slider-animated-2 a {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
.owl-item.active .slider-animated-2.slider-singleimg-hm10 img {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

.nav-style-1.owl-carousel .owl-nav button {
  color: #999;
  display: inline-block;
  font-size: 40px;
  left: 80px;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .nav-style-1.owl-carousel .owl-nav button {
    left: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .nav-style-1.owl-carousel .owl-nav button {
    left: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .nav-style-1.owl-carousel .owl-nav button {
    left: 15px;
    font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .nav-style-1.owl-carousel .owl-nav button {
    left: 15px;
    font-size: 30px;
  }
}
.nav-style-1.owl-carousel .owl-nav button:hover {
  color: #a749ff;
}
.nav-style-1.owl-carousel .owl-nav button.owl-next {
  left: auto;
  right: 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .nav-style-1.owl-carousel .owl-nav button.owl-next {
    right: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .nav-style-1.owl-carousel .owl-nav button.owl-next {
    right: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .nav-style-1.owl-carousel .owl-nav button.owl-next {
    right: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .nav-style-1.owl-carousel .owl-nav button.owl-next {
    right: 15px;
  }
}
.nav-style-1.owl-carousel.nav-testi-style .owl-nav button {
  font-size: 50px;
  left: -155px;
  color: #8d8c8c;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .nav-style-1.owl-carousel.nav-testi-style .owl-nav button {
    left: -80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .nav-style-1.owl-carousel.nav-testi-style .owl-nav button {
    left: -80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .nav-style-1.owl-carousel.nav-testi-style .owl-nav button {
    left: -30px;
  }
}
@media only screen and (max-width: 767px) {
  .nav-style-1.owl-carousel.nav-testi-style .owl-nav button {
    display: none;
  }
}
.nav-style-1.owl-carousel.nav-testi-style .owl-nav button:hover {
  color: #3d6882;
}
.nav-style-1.owl-carousel.nav-testi-style .owl-nav button.owl-next {
  right: -155px;
  left: auto;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .nav-style-1.owl-carousel.nav-testi-style .owl-nav button.owl-next {
    right: -80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .nav-style-1.owl-carousel.nav-testi-style .owl-nav button.owl-next {
    right: -80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .nav-style-1.owl-carousel.nav-testi-style .owl-nav button.owl-next {
    right: -30px;
  }
}
.nav-style-1.owl-carousel.nav-testi-style.nav-testi-mrg .owl-nav button {
  left: -80px;
  color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .nav-style-1.owl-carousel.nav-testi-style.nav-testi-mrg .owl-nav button {
    left: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .nav-style-1.owl-carousel.nav-testi-style.nav-testi-mrg .owl-nav button {
    display: none;
  }
}
.nav-style-1.owl-carousel.nav-testi-style.nav-testi-mrg .owl-nav button.owl-next {
  right: -80px;
  left: auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .nav-style-1.owl-carousel.nav-testi-style.nav-testi-mrg .owl-nav button.owl-next {
    right: 0px;
    left: auto;
  }
}
@media only screen and (max-width: 767px) {
  .nav-style-1.owl-carousel.nav-testi-style.nav-testi-mrg .owl-nav button.owl-next {
    display: none;
  }
}

.slider-area:hover .nav-style-1.owl-carousel > .owl-nav button {
  opacity: 1;
  visibility: visible;
}
.slider-area.ml-10 {
  margin-left: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-area.ml-70 {
    margin-left: 15px;
  }
  .slider-area.mr-70 {
    margin-right: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-area.ml-70 {
    margin-left: 30px;
  }
  .slider-area.mr-70 {
    margin-right: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-area.ml-70 {
    margin-left: 40px;
  }
  .slider-area.mr-70 {
    margin-right: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-area.ml-70 {
    margin-left: 15px;
  }
  .slider-area.mr-70 {
    margin-right: 15px;
  }
}
 
 
@media only screen and (max-width: 767px) {

.block-to-cart-full {
background: #fff;
 
bottom: 0;
left: 0;
right: 0;
z-index: 999;
padding: 16px 10px;
border-top: 1px solid #f2f2f2;
background: #ececec;
}
}

 
@media only screen and (min-width: 768px) {
.item-col .footer_card {
margin-bottom: 4px;
display: none;
position: absolute;
padding: 0 10px 10px 10px;
border-radius: 0 0 2px 2px;
width: calc(100% - -2px);
box-shadow: 0 16px 20px 0 rgba(0,0,0,.15);
top: 100%;
background: #fff;
left: -1px;
border-top: none !important;
}
.item-product:hover {
    overflow: initial;
    }
    
.item-col:hover .footer_card {
    display: block;  

}
.qbnt {
    background: #0f234a;
}
.qbnt:hover {
    background: #ef3453;
}