@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..600&family=Poppins:wght@100;300;400;500;600;700&display=swap');
:root {
  --primary-color: #000000;
  --secondary-color: #ff9e7d;


  --menu-bg:#F2F2F2;
  --sticky-widget-bg:#ffffff;
  --menu-hover:#F2F2F2;
  --color-white:#ffffff;

  --text-color-primary: #000000;
  --text-color-secondary: #808080;

  --transition: all .3s ease-out;
  --quick-transition: all .15s ease-out;

  --layout-padding: 60px;
  --layout-width: min(100% - var(--layout-padding) * 2,1686px);
}

html {margin:0; padding:0; height:100%;overflow: hidden visible !important;}
body {min-height:100%;width:100%;height:100%; min-width: 320px;overflow:visible!important;  float:left;position:relative;  margin:0px; padding:0px 0px 0 0px;font-family:  'Poppins',sans-serif; font-weight:400;font-size:13px;color:var(--text-color-primary); background: #ffffff ;  -webkit-text-size-adjust: 100%; -moz-text-size-adjust: none; -ms-text-size-adjust: 100%;}
body::before {position:fixed; transition:var(--transition);background: #ffffff; height:calc(100% - 90px); width:100%; left:0; bottom:0; content:' '; z-index: 8000}
body.loaded::before {opacity:0; visibility:hidden;}

html.disableScroll{overflow:hidden;}

a{ text-decoration:underline;  color: var(--text-color-primary); -webkit-transition: all 0.3s ease !important;  -moz-transition: all 0.3s ease!important; -o-transition: all 0.3s ease!important; -ms-transition: all 0.3s ease!important; transition: all 0.3s ease!important;}
a:hover{ text-decoration:none;}
a img{ border:0px;}

img{vertical-align:middle;  }
img.resp{width:100%;}
input,textarea,select{font-family: 'Poppins', sans-serif; margin:0}
button::-moz-focus-inner { border: 0; padding: 0;}

form,p,table,ul{ margin:0px; padding:0px;}
table {border-collapse:collapse;}
table tr td{ border-spacing:0px; font-size:15px; color:var(--text-color-primary)}
h1.detail-h1.h1top {display:none}

h1,h2,h3,h4,h5{margin:0px; padding:0px; font-weight:600; }
h1{font-weight:600 !important; }
strong{font-weight:600}

section .layout-center div.is_static ol, section .layout-center div.is_static ul:not(.bread):not(.tag):not(.unit-rating), #detailcontent ul:not(.review_ul), .text-box ul, .statictext ul, .navigace_desc ul {padding:0px; margin:0px 0px 1.5em 0px;}
section .layout-center div.is_static ol li, #detailcontent ul:not(.review_ul) li, .text-box ul li, section .layout-center div.is_static ul:not(.bread):not(.tag):not(.unit-rating) li, .statictext ul li, .navigace_desc ul li {font-size:14px;font-weight:300;color:#2b2b2b; line-height:145%; padding:0px 0px 5px 10px; }
section .layout-center div.is_static ul:not(.bread):not(.tag):not(.unit-rating) li, #detailcontent ul:not(.review_ul) li, .text-box ul li, .statictext ul li, .navigace_desc ul li {padding-left:20px;list-style-type:none;background: url(../images/svg/dot.svg) no-repeat left 5px; background-size:8px auto;}

textarea,
input[type=password],
input[type=text] {-webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; }


section .layout-center .slider{display:flex; margin-bottom:20px;}
section .layout-center .slider img{aspect-ratio: 1686/490} 
section .layout-center .slider .owl-stage-outer{aspect-ratio: 1686/490; height:auto!important} 
section .layout-center .slider.owl-carousel .owl-controls{position:absolute; bottom:0; top:auto; left:auto; margin:-40px 0 0 0; text-align:right;}
section .layout-center .slider.owl-carousel .owl-dots{display:flex; gap:7px; position:relative; justify-content: flex-end; padding:20px}
section .layout-center .slider.owl-carousel .owl-dots > div{width:15px; height:15px; border-radius: 15px; background: var(--primary-color);}
section .layout-center .slider.owl-carousel .owl-dots > div.active{ background: var(--secondary-color);}

input,
textarea{box-sizing: border-box;}

.f-left{float:left;}
.f-right{float:right;}
.center{text-align:center!important;}
.align-right{text-align:right!important;}
.align-left{text-align:left!important;}
.align-middle{vertical-align:middle;}
.underline {text-decoration:underline;}
div.clear-x {clear: both;height: 1px;font-size: 1px;line-height: .5; display:block;} 
.clear.line {border:0px; margin-bottom: 40px; margin-top:30px; background:#E1E1E1 ; } 
.separator {float:left; width:100%; height:1px; line-height:1px; font-size:1px;} 
.italic {font-style:italic;} 
.strong {font-weight:bold; color:#000000;} 
.no-padding {padding:0!important;} 
.nowrap {white-space: nowrap;} 
.no-overflow {overflow:visible!important;} 
.hidden{display:none;}
.relative{position:relative;}


#fakt_state,#fakt_state2{display:block; width:100%; max-width: 350px;  box-sizing:border-box}
.select2-container{border-radius:0; width:100%!important}
body .select2-container--default .select2-selection--single{border-radius:6px; border-color:#D7DADB; height:50px}
body .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:50px; }
body .select2-container--default .select2-selection--single .select2-selection__arrow{height:50px; width:26px;}
body .select2-container .select2-selection--single .select2-selection__rendered{padding-left:13px;}
body .select2-container--default .select2-selection--single .select2-selection__arrow {background: url('../images/svg/select-arrow.svg') no-repeat right 13px center;}
body .select2-container--default .select2-selection--single .select2-selection__arrow b{display:none}
body .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{padding-left:13px; background:#81BB43; }
body .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable .flag-option{color:#ffffff;}
body .select2-container--default .select2-results__option--selected{background:#F5F5F5 ;}
body .select2-results__option {padding-left: 13px;}
body .select2-results__option .flag-option{font-weight:500;}
body .select2-dropdown{border-color:#D7DADB }
.flag-option{white-space: nowrap; font-size:16px; font-weight:600; color:var(--text-color-primary)}
.img-flag{width:30px; position:relative; top:-2px; padding-right:5px;}

.is_static img{max-width: 100%!important; height:auto!important}

.small-only{display:none!important;}

.slider > li > a{display:block;}

.orange-color{color:#f08a26;}

svg{vertical-align: text-bottom; position:relative;}
svg path{ -webkit-transition: all 0.3s ease !important;  -moz-transition: all 0.3s ease!important; -o-transition: all 0.3s ease!important; -ms-transition: all 0.3s ease!important; transition: all 0.3s ease!important;}

.row{ box-sizing: border-box;position:relative; text-align:left; margin:0 -40px 0px -40px;}
.row img{max-width: 100%;}
.row .col-50{width:50%; box-sizing: border-box; float:left; padding:0 40px;}
.row .col-100{width:100%; box-sizing: border-box; float:none; padding:0 40px;}

.scale-box{position:absolute; left:0px; top:0px; width:100%; height:100%; overflow:hidden;}
.scale-box .scale-width{position:absolute; left:0px; top:0px; width:100%; }

.button{padding:0px 24px; text-decoration: none; line-height:53px; min-width:180px;  position:relative; display:inline-block; cursor:pointer;margin:0; border-radius: 0px; box-sizing: border-box; text-align: center;    background: var(--primary-color);white-space:nowrap; color:#ffffff; border:1px solid var(--primary-color);  font-family:'Poppins', sans-serif; font-size:16px; font-weight:600; letter-spacing: 2px;  -webkit-transition: all 0.2s ease !important;  -moz-transition: all 0.2s ease!important; -o-transition: all 0.2s ease!important; -ms-transition: all 0.2s ease!important; transition: all 0.2s ease!important; }
.button .btn-block{display:block;}
.button svg{position:relative; top:-4px; padding-left:5px;}
.button img{position:relative; top:-2px; padding-right:8px;}

.button.active,
.button:hover{background:#ffffff; border:1px solid var(--text-color-primary); color:var(--text-color-primary); }
.button.active svg,
.button:hover svg path{fill:var(--text-color-primary)}


.button.btn-Poppins{font-family: 'Poppins', sans-serif;}

.button.v2{line-height: 38px; border-radius: 6px; font-size:14px; font-weight:600; border-color:#D7DADB; box-shadow: 4.243px 4.243px 4px 0px rgba(0, 0, 0, 0.03);}
.button.v2:hover{border-color: var(--text-color-primary)}



.button.btn-blue{border-color:var(--text-color-primary);background: var(--text-color-primary); color:#ffffff; line-height:32px; font-size:14px; font-weight:600 }
.button.btn-blue:hover{background-image: -moz-linear-gradient( 90deg, rgb(18,37,42) 0%, rgb(37,71,80) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(18,37,42) 0%, rgb(37,71,80) 100%); background-image: -ms-linear-gradient( 90deg, rgb(18,37,42) 0%, rgb(37,71,80) 100%);}


.button.btn-light-blue{border-color:#35B0E3;background: #35B0E3; color:#ffffff; line-height:32px; font-size:18px; font-weight:600; font-family: 'Poppins', sans-serif; }
.button.btn-light-blue:hover{background-image: -moz-linear-gradient( 90deg, rgb(27,146,195) 0%, rgb(57,184,237) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(27,146,195) 0%, rgb(57,184,237) 100%); background-image: -ms-linear-gradient( 90deg, rgb(27,146,195) 0%, rgb(57,184,237) 100%);}

.button.btn-gold{border-color:#E2B142;background: #E2B142; color:#ffffff; line-height:44px; font-size:15px; font-weight:600 }
.button.btn-gold:hover{  background-image: -moz-linear-gradient( 0deg, rgb(226,177,66) 0%, rgb(195,147,37) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(226,177,66) 0%, rgb(195,147,37) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(226,177,66) 0%, rgb(195,147,37) 100%);}


.button.btn-green{border-color:#84BF45;background: #84BF45; color:#ffffff; font-weight:600; line-height:43px; }
.button.btn-green:hover{background: #669C43;}

.button.btn-light{border:1px solid #D7DADB; box-shadow: 4.243px 4.243px 4px 0px rgba(0, 0, 0, 0.03);}
.button.btn-light:hover{ border-color:var(--text-color-primary); background:#ffffff; color:var(--text-color-primary)}
.button.btn-light img{position:relative; top:-2px; padding-left:5px;}

.button.yellow{padding:0px 15px; text-decoration: none; line-height:40px; min-width: 0px; position:relative; display:inline-block; cursor:pointer;margin:0; border-radius: 0px; box-sizing: border-box; text-align: center;   background: #f8ad95;white-space:nowrap; color:#1d1d1d; border:0px;  font-family:'Poppins', sans-serif; font-size:16px; font-weight:600; -webkit-transition: all 0.2s ease !important;  -moz-transition: all 0.2s ease!important; -o-transition: all 0.2s ease!important; -ms-transition: all 0.2s ease!important; transition: all 0.2s ease!important; }
.button.yellow:hover{background:#ffdc3e; }


.button.btn-big{line-height: 58px;}
.button.btn-small{line-height: 58px;}
.button.btn-shadow{box-shadow: 0px 3px 5px 0px rgba(27, 54, 61, 0.13);}

.button.btn-medium{line-height: 50px; font-size:16px;}
.button.btn-block{display:block; max-width: 100%; width:100%; box-sizing: border-box;}

body .inp-text{box-sizing:border-box; width:100%; height:44px; background: #ffffff; border-radius:0px; font-size:14px; padding:0 15px; color:var(--text-color-primary); border-radius:6px!important;border:1px solid #D7DADB;}
textarea.inp-text{box-sizing:border-box; width:100%; height:130px; background: #ffffff; border-radius:0px; padding:10px 10px; color:#474249; border:1px solid #D3D3D3; font-size:14px; margin-bottom:10px;}

.form-row{display:flex; gap:15px; margin-top:15px; }
.form-row > div{flex:1; align-items: flex-start;}
.form-row > div.psc{flex:0.5!important;}
.form-row > div > label{font-size:14px; line-height: 18px; display:inline-block; color:var(--text-color-primary)}
.form-row > div:has(input[required]) label::after{font-size:18px; color:#e64336; content:'*'; padding-left:2px;}
.form-row > div > span{font-size:14px; color:var(--text-color-primary); float:right;}
.form-row > div > span a{font-size:14px; }
.form-row > div select{width:100%}
.form-row > div input{border-radius: 6px; height:50px; padding:0px 16px; color:var(--text-color-primary); font-size:14px;}
.form-row > div input:disabled{background: #F7F7F7; color:#A2A8AA;}
.form-row > div .pure-checkbox{margin-top:8px;}



#sb-site{ background:#ffffff!important;min-height:  auto; float:left; width:100%; overflow:visible!important; position:relative; z-index: 5000}


.select-style {border: 1px solid #D2D2D2; border-radius: 0px; overflow: hidden; background:#ffffff url(../images/svg/select-arrow.svg) no-repeat right 10px center; color:#ffffff; box-sizing: border-box; position:relative; display:inline-block; width:100%; float:left;}
.select-style select {cursor:pointer; display:block; width:100%; padding: 0px 45px 0px 10px; height:34px; font-size:14px; font-weight:600; box-sizing: border-box; border: none; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; color:var(--text-color-primary); }
.select-style::before {position:absolute; right:36px; height:100%; width:1px; border-left:1px solid #D2D2D2; content:' '; z-index: 0;}
.select-style select:focus {outline: none; }


.select-style.default{width:100%;position:relative;}
.select-style.default select{height:38px; width:100%; background: url(../images/select-arrow3.png) no-repeat right center; font-size:16px; padding-right:45px;}

.select-style select::-ms-expand {display: none; /* remove default arrow on ie10 and ie11 */ }

@media screen and (min-width:0\0) {
  .select-style select {background:none\9; padding: 5px\9; } 
}

.cut-corner{position:relative;display:block;}
.cut-corner.on-blue-bg::before{border-color:transparent transparent transparent #0A64A7;}
.cut-corner.on-black-bg::before{border-color:transparent transparent transparent #000000;}
.cut-corner::before{width: 0; content:' '; position:absolute; left:0px; bottom:0px; z-index:5000;height: 0; border-style: solid; border-width: 10px 0 0 10px; border-color: transparent transparent transparent #ffffff;}


div.zigzag div.wrap{ display:block!important}
#description-layout, div.zigzag div.wrap div.z_text{font-size: 16px!important; text-align: left!important; display:block!important}
#description-layout p, div.zigzag div.wrap div.z_text p {color: var(--text-color-primary); line-height: 200%!important;word-wrap: anywhere;}
#description-layout p span, div.zigzag div.wrap div.z_text p span{font-size: 16px!important; }
#description-layout ul, div.zigzag div.wrap div.z_text ul{margin-left:16px;}
#description-layout ul li, div.zigzag div.wrap div.z_text ul li{font-size:16px!important; line-height: 200%!important;}
#description-layout ul li span, div.zigzag div.wrap div.z_text ul li span{font-size:16px!important;}
#description-layout h2, div.zigzag div.wrap div.z_text h2{font-size: 25px!important; line-height: 150%!important; color: var(--text-color-primary)!important; font-weight: 600:!important; padding: 0px 0 20px 0!important; }
#description-layout table{border-color:#D7DADB; border-spacing:0px!important ; border-collapse:collapse!importantĹŻ border-style: solid!important; width:100%!important; margin-bottom:1em }
#description-layout table tbody tr {border-style: none!important;}
#description-layout table tbody tr td{border-color:#D7DADB; padding:10px 15px; max-width: 100%; font-size:16px; border-style: solid!important;border-width: 1px!important; height:auto!important}
#description-layout table tbody tr td>span{ font-size:16px!important;}
#description-layout table tbody tr td > div >span{ font-size:16px!important;}
#description-layout img{max-width: 100%!important; height:auto!important}


.widget-visible header::before ,
.sticky-nav-hide header::before { -webkit-box-shadow: 0px 4px 6px 0px rgba(57,42,36,0.1); -moz-box-shadow: 0px 4px 6px 0px rgba(57,42,36,0.1); box-shadow: 0px 4px 6px 0px rgba(57,42,36,0.1);  }
.sticky-nav-hide header { padding-top:0  }
header {  margin-bottom:0px;   z-index: 8999;  margin-bottom:0px;  padding-top:40px; transition: var(--transition); }
header::before {z-index: 2; top: 0px; height: 140px; transition: all .3s ease; position: absolute; left:0; top:0; content:''; background: #ffffff; width:100%; transition: var(--transition); }
header::after {z-index: 3; top: 0px; height: 40px; transition: all .3s ease; position: absolute; left:0; content:''; background:#000000; width:100%; transition: var(--transition); }
header.subpage { border-bottom:0;}
header .layout-center{  position:static; box-sizing: border-box; padding-left:0px; padding-right:0; padding-top:0px; padding-bottom: 0px;}


header .middle-box{ position:relative; width:100%; box-sizing: border-box;padding:0px 0px 0px 0px; z-index:7000;}

header .currency{position:relative;  font-size:0px; margin-left: auto; align-self: flex-end;}
header .currency a{display:inline-block; line-height: 30px; padding:0px 8px; background: #2D2D2D; color:#fff; font-size:12px; font-weight:600; text-decoration:none; }
header .currency a.current{ background: #ffffff; color:#000000;  }
header .currency a:hover{text-decoration: none!important; background: #ffffff; color:#000000;}
header .currency a.current:hover{text-decoration: none!important; color:#000000}


header .middle-box .table-container{height:100px; width:100%; display:table;z-index:9999; position:relative; background: #ffffff; }
header .middle-box .table-container .col{display:table-cell;vertical-align:middle;padding-left:30px; width:32px;padding-top:0px;  font-size:16px; font-weight:600;  }
header .middle-box .table-container .col a{color:#ffffff; }
header .middle-box .table-container .col.logo{ padding-left:0px; padding-top:0px; padding-bottom:0px;white-space:nowrap; width:auto; text-align:left; width:283px;}

header .middle-box .table-container .col.logo img{ position:relative;   aspect-ratio: 283 / 58;width:283px}
header .middle-box .table-container .col.logo img.mobile{display:none;}
header .middle-box .table-container .col.logo img.mobile-mini{display:none;}
header .middle-box .table-container .col.menu-col{width:auto!important; position:initial;}



header .middle-box .table-container .col.quick-contact{ padding-right:30px;font-family: 'Poppins', sans-serif; white-space: nowrap; line-height:21px;vertical-align:middle; text-align:center; font-size:14px; font-weight:400; color:#2c444e; }
header .middle-box .table-container .col.quick-contact .contact{ display:flex; gap:10px; align-items: center;  font-size:12px;  line-height:18px;font-weight:300; position:relative; margin:0px auto; text-align:left;}
header .middle-box .table-container .col.quick-contact img.icon{ flex-shrink: 0}
header .middle-box .table-container .col.quick-contact strong{font-size:16px; font-weight:600}
header .middle-box .table-container .col.quick-contact a{ color:var(--primary-color); text-decoration:none!important;  display:inline-block; }
header .middle-box .table-container .col.quick-contact a:hover{text-decoration:underline!important}


header .middle-box .table-container .col.account-col{width:20px;}

header .middle-box .table-container .account a, .sb-slidebar .account a{display:inline-block; font-weight:300; position:relative;  background-size:100% auto; margin-right:0px; }

header .middle-box .table-container .basket a, .sb-slidebar .basket a{display:inline-block; font-weight:300; position:relative;  background-size:100% auto; margin-right:20px; }

header .middle-box .table-container .favorite a, .sb-slidebar .favorite a{display:inline-block; font-weight:300; position:relative;  background-size:100% auto; margin-right:0px; }

header .middle-box .table-container .compare a, .sb-slidebar .compare a{display:inline-block; font-weight:300; position:relative;  background-size:100% auto; margin-right:0px; }

header .middle-box .table-container .basket a span, .sb-slidebar .basket a span,
header .middle-box .table-container .favorite a span, .sb-slidebar .favorite a span,
header .middle-box .table-container .compare a span, .sb-slidebar .compare a span{position:absolute; left:100%; margin-left:-1px; top:-10px; width:20px; height:20px; border-radius: 20px;  text-align: center; font-size:12px; font-weight:600; color:#ffffff;  background:var(--secondary-color); background-size:100% auto; }

header .middle-box .table-container .basket a img, .sb-slidebar .basket a img,
header .middle-box .table-container .favorite a img, .sb-slidebar .favorite a img,
header .middle-box .table-container .compare a img, .sb-slidebar .compare a img{height:24px;}



.sb-slidebar .compare-col {position:absolute; top:15px; right:65px;}
.sb-slidebar .favorite-col {position:absolute; top:15px; right:115px;}

.sb-slidebar .compare a span ,
.sb-slidebar .favorite a span{width:17px; line-height: 17px;height:17px; top:-5px; border-radius: 17px; font-size:10px; margin-left:0px;margin-left:-5px;}

.sb-slidebar .compare a span{right:-3px;}
.sb-slidebar .favorite a span{top:-7px;}

.sb-slidebar .compare a span i ,
.sb-slidebar .favorite a span i {width:17px; line-height: 17px;height:17px; border-radius: 17px; font-size:10px;}

.sb-slidebar .favorite a{bottom: -2px; position:relative;width:28px; height:28px;}
.sb-slidebar .compare a{width:27px; height:28px;}




header .middle-box .table-container .col.search{ width:350px; padding-right:30px; position:relative;  }
header .middle-box .table-container .col  #search {position:relative;z-index:9998; box-sizing: border-box; max-width: 660px; margin:0px auto} 
header .middle-box .table-container .col  #search > p{ padding:0px;width:100%; margin:0px auto; position:relative; padding-right:0px; box-sizing: border-box;}
header .middle-box .table-container .col  #search > p #inp-search{ background:#F2F2F2 ;width:100%; box-sizing: border-box;  border:0px;  border-radius: 0px!important ; height:46px; padding:0 46px 0 20px; font-size:14px; color:var(--text-color-primary); font-family:'Poppins', sans-serif; font-weight:500!important; position:relative;}
header .middle-box .table-container .col  #search > p #inp-search::-webkit-input-placeholder {  color: #949494; font-style: italic; }
header .middle-box .table-container .col  #search > p #inp-search:-ms-input-placeholder {  color: #949494; font-style: italic; }
header .middle-box .table-container .col  #search > p #inp-search::-moz-placeholder {  color: #949494; font-style: italic; opacity: 1; }
header .middle-box .table-container .col  #search > p #inp-search:-moz-placeholder { color: #949494; font-style: italic; opacity: 1; }
header .middle-box .table-container .col  #search > p  button{  height:46px;  line-height: 46px;width:40px;  text-align:center; border:0px;  margin:0px;  position:absolute; right:0px; top:0px; cursor:pointer; box-sizing: border-box;  min-width:0 ; font-size:18px;background: url('../images/svg/hledani.svg') no-repeat center  center   }

header .middle-box .table-container .col  #search > p #closeSearch{ display:none; height:30px; width:30px; color:#000000; text-align:center;  border:0px;  margin:0px;  position:absolute; right:35px; top:16px; z-index:9000; cursor:pointer;   box-sizing: border-box;     }
header .middle-box .table-container .col  #search > p #closeSearch:before,header .middle-box .table-container .col  #search > p #closeSearch:after{content:''; position:absolute; width:26px; height:3px; background-color:var(--text-color-primary); border-radius:2px; top:6px; }
header .middle-box .table-container .col  #search > p #closeSearch:before{-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg); left:2px; }
header .middle-box .table-container .col  #search > p #closeSearch:after{-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg); right:2px; }

header .middle-box .table-container .col.mobile-search {width:28px; padding-left:20px; display:none;}
header .middle-box .table-container .col.mobile-search img {width:25px; height:25px; top:-5px; position:relative;}

header .middle-box .table-container .col.search.show{position:absolute; left:0px; top:100%; width:100%; padding:0px 0px 0px 0px;display:block; box-sizing: border-box; }
header .middle-box .table-container .col.search.show form{margin:0px -15px; padding:0px 15px 15px 15px; }
header .middle-box .table-container .col.search.show p{width:100%;}

header .naseptavac-wrap{margin-right:0px; position:relative;}
header #naseptavacDiv{position:relative; width:100%; z-index: 9000; background: #ffffff; box-sizing: border-box;  margin:0px; -webkit-box-shadow: 0 0 20px 0 #000; -moz-box-shadow: 0 0 20px 0 #000; box-shadow: 0 0 20px 0 #000; padding:10px; border-bottom:10px solid #ffffff; }
header #naseptavacDiv p {padding-right:0px;}
header .naseptavac-box{background: #fff;}
.naseptavac-box .naseptavac-name a{display:block;}

#naseptavacList{display:none;max-height:500px;height:auto; position:absolute; left:0px; top:50px; width:100%;overflow: auto; padding-right:20px; box-sizing:border-box;}

header .middle-box .table-container .col.mobile {width:40px; display:none; padding-left:12px; padding-bottom: 0px; text-align:center; vertical-align:middle;}
header .middle-box .table-container .col.mobile  a{color:#ffffff; color:#ffffff; text-align:center; text-decoration:none; }
header .middle-box .table-container .col.mobile  a img{width:35px; height:auto;top:0px; position:relative;}



header #menu-space.overflow .menu-wrap{/*! position:relative; */  margin:0px ; }
header #menu-space.overflow .menu{padding-right:50px; box-sizing:border-box}
header #menu-space.overflow  #menu-next-button{position:absolute; right:0; bottom:0; height:50px; width:50px; background:  url('../images/svg/icon_menu_bars.svg') no-repeat center center;}
header #menu-space.overflow  #menu-next:hover #menu-next-button{background-color:var(--menu-hover);}
header #menu-space.overflow  #menu-next:hover > ul{display:block;}
header #menu-space.overflow  #menu-next img, header #menu-space.overflow  #menu-next svg, header #menu-space.overflow  #menu-next object {display:none !important;height:0 !important}
header #menu-space.overflow  #menu-next {z-index:9999; position:relative; /*! right:0; */ /*! top:0; */ height:0;float: right;}
header #menu-space.overflow  #menu-next > a {-webkit-transition: all  0s ease !important;  -moz-transition: all  0s ease!important; -o-transition: all  0s ease!important; -ms-transition: all  0s ease!important; transition: all  0s ease!important;  }
header #menu-space.overflow  #menu-next ul{display:none;position:absolute; right:0; top:100%; background: #ffffff; list-style:none;min-width:200px;  border-top:0; -webkit-box-shadow: 0px 4px 6px 0px rgba(57,42,36,0.1); -moz-box-shadow: 0px 4px 6px 0px rgba(57,42,36,0.1); box-shadow: 0px 4px 6px 0px rgba(57,42,36,0.1); }
header #menu-space.overflow  #menu-next ul li{line-height:40px;}
header #menu-space.overflow  #menu-next ul li a{text-transform: uppercase;line-height:20px;display:block; padding:10px 20px; border-bottom:1px solid #fff; color:var(--text-color-primary);font-size:13px; font-weight:600;}
header #menu-space.overflow  #menu-next ul li a:last-child{border-bottom:0 none}
header #menu-space.overflow  #menu-next ul li a:hover{background: #FAFAFA ;}
header #menu-space.overflow  #menu-next ul li > ul{display:none;}
header #menu-space.overflow  #menu-next ul li > .sub{display:none;}

header.show-search .middle-box .table-container .col.search{position:fixed; right:50%; margin-right: -250px; top:60px; z-index: 99999; width:500px; margin-top:15px; padding:0px 0px 0px 0px;display:block; box-sizing: border-box; }
header.show-search .middle-box .table-container .col.search ul{display:none}
header.show-search .middle-box .table-container .col.search form{margin:0px -15px; padding:15px 15px 15px 15px; border-radius: 8px; background: var(--text-color-primary) }
header.show-search .middle-box .table-container .col.search p{width:100%;}
header.show-search .middle-box .table-container .col.search #search {width:100%}
header.show-search .middle-box .table-container .col.search #search > p #inp-search{font-size:15px; padding:0px 15px; height:42px;border-radius: 42px!important; background:#ffffff}
header.show-search .middle-box .table-container .col.search #search > p button.btn{width:42px; height:42px;}

header.show-search.fixed .middle-box .table-container .col.search{ padding:0px 15px;}
header.show-search.fixed .middle-box .table-container .col.search form{margin:0px -15px 0px -15px;}


header #menu-space{height:50px; transition: var(--transition);; z-index:-31; }

header.fixed-menu #menu-space.overflow .menu{padding-right:0}
header.fixed-menu #menu-next{position:relative!important; width:50px;height:50px;}
header.fixed-menu #menu-next > a{position:relative!important; width:50px; height:50px!important; display:block;}

header.fixed-menu #menu-icons{color:#000000; font-size:20px; display:block; position:relative; z-index: 9000; display:flex; align-items: center;gap:20px; padding-top:5px; padding-left:10px; padding-right:0px; box-sizing: border-box;}

header.fixed-menu .menu-wrap{max-width: 1524px; margin:0 auto; position:relative; box-sizing: border-box; display:grid; grid-template-columns: auto min-content min-content;}
header.fixed-menu #menu{position:fixed;  left:0px; top:0px; bottom:auto; width:100%; box-sizing: border-box; padding:0px 15px; opacity:0;background:transparent;-webkit-box-shadow: 0px 4px 6px 0px rgba(57,42,36,0.1); -moz-box-shadow: 0px 4px 6px 0px rgba(57,42,36,0.1); box-shadow: 0px 4px 6px 0px rgba(57,42,36,0.1); -webkit-transition: opacity 0.3s ease !important;  -moz-transition: opacity 0.3s ease!important; -o-transition: opacity 0.3s ease!important; -ms-transition: opacity 0.3s ease!important; transition: opacity 0.3s ease!important;}
header.fixed-menu #menu.visible{opacity:1}
header.fixed-menu #menu .menu{margin:0px auto; width:100%; max-width: 1524px; z-index: 6000; position:static}
header.fixed-menu #menu .scroll-bg{background: var(--text-color-primary); opacity:0.95; position:absolute; left:0px; top:0px; width:100%; height:100%; z-index: 4000; -webkit-transition: all 0.2s ease !important;  -moz-transition: all 0.2s ease!important; -o-transition: all 0.2s ease!important; -ms-transition: all 0.2s ease!important; transition: all 0.2s ease!important; }
header.fixed-menu #menu:hover .scroll-bg{opacity:1;}
header.fixed-menu #menu .menu::before{display:none;}
header.fixed-menu #menu .menu::after{display:none;}
header.fixed-menu #menu .menu > li> a {display:block; padding:0px 10px; -webkit-transition: background 0.2s ease !important;  -moz-transition: background 0.2s ease!important; -o-transition: background 0.2s ease!important; -ms-transition: background 0.2s ease!important; transition: background 0.2s ease!important;}
header.fixed-menu #menu .menu{border-bottom:0px;}


header.fixed-menu #search-toggle {position:relative; top:-6px; right:-3px;}
header.fixed-menu #search-toggle img {width:23px;}
header.fixed-menu .favorite { right:0; top:12px; z-index: 99999}
header.fixed-menu .favorite a{width:28px; height:28px;}
header.fixed-menu .favorite a span{line-height: 0; font-size:0; top:-12px; margin-left:-10px;}
header.fixed-menu .basket { right:60px; top:9px; z-index: 99999; margin-right:10px;}
header.fixed-menu .basket a{width:27px; height:27px; display:inline-block; margin-top:0px;}
header.fixed-menu .basket a span{margin-left:-10px;}
header.fixed-menu .account-wrap  {margin-right:-5px;}
header.fixed-menu .account-wrap a:not(.icon) {display:none; font-size:0; line-height: 0}
header.fixed-menu .account-wrap a img{width:21px; top:-5px; position:relative;}

header #menu.no-trans {-webkit-transition: all 0s ease !important;  -moz-transition: all 0s ease!important; -o-transition: all 0s ease!important; -ms-transition: all 0s ease!important; transition: all 0s ease!important;}


header #menu{ z-index: 9000; top: 0;  }
header #menu .menu{margin:0px 0px;  padding:0px; list-style: none;  width:100%;  height:50px;font-size:0px; text-align: center; display:flex; top:0px; }

header #menu .menu > li.logo-menu {display:none;}
header #menu .menu > li.logo-menu img{height:45px;position:relative; top:-2px;}
header #menu .menu > li a object.icon{position:relative;left:-5px;top:8px;max-width:30px !important;max-height:30px !important;width:auto !important;height:auto !important}
header #menu .menu > li{display:inline-block; opacity:0; visibility:hidden; opacity:0; flex-grow:1;padding:0px 0px;background-repeat:no-repeat; background-position:left center; transition:var(--transition)  }
header #menu .menu > li.visible{visibility: visible; opacity:1}
header #menu .menu > li > a{line-height: 50px; padding:0px 8px; font-size:16px; border-radius:0; text-transform: uppercase; color: var(--text-color-primary); font-family:'Poppins',sans-serif; font-weight:400; text-decoration: none;  position:relative; display:block; margin-bottom: 0px; white-space: nowrap;  -webkit-transition: background 0.2s ease !important;  -moz-transition: background 0.2s ease!important; -o-transition: background 0.2s ease!important; -ms-transition: background 0.2s ease!important; transition: background 0.2s ease!important;}
header #menu .menu > li > a > span {position:relative; display:inline-block;}
header #menu .menu > li > a > span > img{margin-top:-5px; padding-right:8px; position:relative;display:inline;}
header #menu .menu > li > a > span > svg{margin-bottom:-3px; padding-right:8px; position:relative; display:inline;}
header #menu .menu > li:hover > a { background: var(--menu-hover);}
header #menu .menu > li:hover > a > span > svg path {fill:#1d1d1d;}
header #menu .menu > li.with-sub.visible-arrow > a.actived::before  {opacity:1;}
header #menu .menu > li.current > a {color:#1d1d1d;}

header #menu .menu > li > .sub{position:absolute; visibility:hidden; opacity:0;   left:0px; top:calc(100% ); padding-top:0px; margin:0px -35px; min-width:100%;width:calc(100% + 70px );z-index: 8000;  -webkit-transition: all 0.3s ease !important;  -moz-transition: all 0.3s ease!important; -o-transition: all 0.3s ease!important; -ms-transition: all 0.3s ease!important; transition: all 0.3s ease!important;}
header #menu .menu > li > .sub .show-all{display:none;}

header #menu.fixed-menu .menu > li > .sub{box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
header #menu .menu > li:hover > .sub{z-index: 8005}
header.fixed #menu .menu > li > .sub{top:0px;}
header #menu .menu > li > .sub  .wrap::after {position: absolute; right: -100%; top: 0; content: ' '; width: 300%; background: #ffffff; height: 100%; -webkit-transition: all 0.3s ease !important; -moz-transition: all 0.3s ease !important; -o-transition: all 0.3s ease !important; box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2); z-index: -1; }

header #menu .menu > li > .sub .wrap {background: #ffffff; border-top: 0; z-index: 8000; padding: 20px 34px; float: left; width: 100%; box-sizing: border-box; position:relative;  text-align: left;}
header #menu .menu > li > .sub .wrap > ul  { margin:0; padding:0; list-style-type: none;  }
header #menu .menu > li > .sub .wrap > ul > li  { width:16.666667%; display:inline-block;padding-bottom:15px; padding-right:20px; box-sizing: border-box;}
header #menu .menu > li > .sub .wrap > ul > li  a:hover {text-decoration: underline}
header #menu .menu > li > .sub .wrap > ul > li > a {color:var(--text-color-primary); font-size: 15px; font-weight:600}
header #menu .menu > li > .sub .wrap > ul > li  ul  {padding-left:0px; padding-bottom: 0px;}
header #menu .menu > li > .sub .wrap > ul > li  ul > li > a {color:var(--text-color-primary); font-size: 12px;font-weight:400}



header  #top-line{  position:absolute;  top:0; width: var(--layout-width); height:40px; z-index:9999999;  transition:var(--transition) ; color:#ffffff; display:flex; gap:100px; font-family:'Poppins',sans-serif; }
header  #top-line .quick-contact{ font-size:13px; line-height:40px;    }
header  #top-line .quick-contact a{ font-size:14px; font-weight:600; color:#ffffff; background:url('../images/svg/telefon.svg') no-repeat left center;  background-size:20px auto; padding-left:25px; }
header  .top-menu{ margin:0px 0px 0px 0; padding:0px; list-style: none; white-space: nowrap; font-size:0px; display:table;  }
header  .top-menu li{display:table-cell; font-size:13px; line-height: 40px; font-weight:400; padding-right:30px; position:relative; font-family:'Poppins',sans-serif;}
header  .top-menu li a{color:#aaaaaa!important; display:inline-block; line-height: 25px; text-decoration: none;text-transform: none}
header  .top-menu li a img{position:relative; top:-3px;}
header  .top-menu li a:hover{text-decoration:underline !important;}
header  .top-menu li ul li a:hover{text-decoration:underline !important;color: var(--text-color-primary) !important}
header  .top-menu li:hover ul{visibility:visible; opacity:1; }
header  .top-menu li ul{position:absolute; visibility:hidden; opacity:0; left:-15px;min-width:130px;top:100%; background: #ffffff; list-style: none;border-radius: 0px; padding:8px 15px;-moz-transition: all 0.3s ease!important; -o-transition: all 0.3s ease!important; -ms-transition: all 0.3s ease!important; transition: all 0.3s ease!important; -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.15); -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.15); box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.15);}
header  .top-menu li ul li {float:none; display:block; padding:2px 0px; line-height: 20px; white-space:nowrap;}
header  .top-menu li ul li a{color:#2c444e!important; font-size:13px; text-decoration: none; font-weight:300; display:block; line-height: 20px;text-transform: none}

.header-wrap.v2 header .middle-box .table-container .col.logo{position:absolute!important; left:50%; top:50%; transform: translate(-50%, -50%);}
.header-wrap.v2 header .middle-box .table-container .col.goback{white-space: nowrap !important}
.header-wrap.v2 header .middle-box .table-container .col.goback a{font-size:16px; text-decoration: underline!important; letter-spacing: 0; font-family:'Poppins', sans-serif;}
.header-wrap.v2 header .middle-box .table-container .col.goback a img{padding-right:10px;}
.header-wrap.v2 header .middle-box .table-container .col.goback a:hover{text-decoration: none!important;}

.header-wrap{ height:140px!important; position:sticky; top:0; right:0; z-index: 9000}
.header-wrap.v2{  position:relative!important; height:90px!important; }
.header-wrap.v2 header::before{  background: var(--primary-color)!important;}
.header-wrap.v2 header .middle-box .table-container{  background: var(--primary-color)!important;}
.header-wrap.v2 header .middle-box .table-container .col.quick-contact {color:#ffffff;}
.header-wrap.v2 header .middle-box .table-container .col.quick-contact a{color:#ffffff;}
.header-wrap.v2 .custom-select{border-color:#ffffff;}

section{ padding:50px 0 50px 0px;  position:relative; z-index: 3000}
section.bottom-extended{ padding-bottom:90px;}
section.no-padding{ padding:0;}
section.no-top-padding{ padding-top:0px;}
section.no-bottom-padding{ padding-bottom:0px;}
section.gray{background: #F7F7F7;  }
section.gray.blog-section{margin-top:50px;}
section.gray #blog-bg{position:absolute; left:50%; transform: translateX(-50%);  top:-75px;}
section.gray-list-page{background: #F7F7F7; padding:20px 0 10px 0 }
section.most-sold{ padding:20px 0 10px 0; z-index:2000; margin-bottom:-40px; }
section.most-sold .title{margin-bottom: 0}
section.gray.benefit-section{padding:0px 0px 0px 0px; }
section.gray.v2{padding:5px 0px 10px 0px; }
section.gray.no-top-padding{padding:0px 0px 30px 0px; color:black;}
section.hp-slider-wrap, .other-slider-wrap{background: #F7F9FA; padding:50px 0px 50px 0px; border-bottom:1px solid #E3E6E8; }
section.hp-slider-wrap {opacity:1}
section.carousel-section {position:relative; z-index: 5000; padding-bottom:80px;}
section.shape {background: url('../images/shape.png'); padding:0; margin:50px 0}
section.breadcrumbs-section {padding-top:5px;}
section.blog-section {padding-top:30px;}

section.aside-gray {background: #F7F7F7; padding:20px 0 30px 0}
section.aside-gray .title {margin-bottom: 13px;}

section.main-section {padding-top:0px;padding-bottom:30px; z-index: 4000}
section.main-section.no-padding-bottom {padding-bottom:0}
section.main-blog-section {padding-top:14px;padding-bottom:14px;}
section.with-aside {padding-top:0px; padding-bottom: 0}

.other-slider-wrap {padding:30px 0;}
section.np{padding-top:0; }
section.main{padding-top:10px; }

section.navigation-page{background: url('../images/navigation-page.jpg') no-repeat right top; min-height: 600px;  padding-top:9vw; padding-bottom:5vw}
section.navigation-page .logo {margin-left:-224px; position:relative;}
section.navigation-page .logo img{width:770px;}
section.navigation-page .layout-1180{max-width:1180px; margin:0px auto}
section.navigation-page .layout-1180 h2{font-size:30px;padding-bottom:1em}
section.navigation-page .layout-1180 p{font-size:16px; line-height: 200%; padding-bottom:1.5em}

section.navigation-page .countries{display:grid; grid-template-columns: 1fr 1fr; gap:40px 20px; max-width:700px; margin-bottom: 8vw; margin-top:3vw}
section.navigation-page .countries .item a{display:inline-flex;gap:25px; align-items: center; text-decoration: none; width:auto;}
section.navigation-page .countries .item .flag img{  transition: var(--transition)}
section.navigation-page .countries .item .name { color:#161616; font-size:14px;  text-decoration: none;}
section.navigation-page .countries .item .name strong{display:block; font-size:18px; line-height: 22px; font-weight: 700!important; color:#161616;  text-decoration: none;}
section.navigation-page .countries .item .name span{ text-decoration: underline;}
section.navigation-page .countries .item a:hover .name strong{text-decoration: none;}
section.navigation-page .countries .item a:hover .name span{text-decoration: none;}
section.navigation-page .countries .item a:hover .flag img{ transform: scale(1.1);}


@media only screen and (max-width: 1920px){
  section.navigation-page{background-position: center top}
}

@media only screen and (max-width: 1700px){
  section.navigation-page .countries{ margin-top:6vw}

  section.navigation-page .logo {margin-left:0; position:relative;}
  section.navigation-page .logo img {width:600px;}

}

@media only screen and (max-width: 1400px){
    #fakt_state,#fakt_state2{ max-width:295px; }

}


@media only screen and (max-width: 1300px){
  section.navigation-page{background-size: 1500px auto; padding-top:5vw}

}

@media only screen and (max-width: 1100px){
    section.navigation-page .countries{max-width:500px; }
    section.navigation-page .logo img {width:500px;}

    section.navigation-page .countries .item .flag img{width:50px;}
    section.navigation-page .countries .item a{gap:15px;}
    section.navigation-page{background-size: 1300px auto; }
}

@media only screen and (max-width: 950px){
   section.navigation-page{background-size: 1200px auto; background-position:right -200px top; }
}

@media only screen and (max-width: 800px){
   section.navigation-page{background-size: 1000px auto; background-position:right -200px top; }
   section.navigation-page .logo img{width:400px;}
}

@media only screen and (max-width: 700px){
   section.navigation-page{background-size: 500px auto; background-position:right -50px top; }
   section.navigation-page .logo img{width:400px;}
   section.navigation-page .countries{ gap: 20px; }
   section.navigation-page .countries .item .name strong{font-size:15px; line-height: 18px;}
   section.navigation-page .countries .item .name{font-size:12px;}
   section.navigation-page .countries .item .flag img{width:40px;}
   section.navigation-page .layout-1180 p{font-size:13px;}
   section.navigation-page .layout-1180 h2{font-size:25px;}
}

@media only screen and (max-width: 600px){
   section.navigation-page{background-size: 400px auto; background-position:right -50px top -10px; }

}

@media only screen and (max-width: 550px){
   section.navigation-page .logo img{width:300px;}
   section.navigation-page{background-size: 300px auto; background-position:right -30px top -10px; }
   section.navigation-page .layout-1180 h2{font-size:20px;}

}

@media only screen and (max-width: 450px){
   section.navigation-page .logo img{width:250px;}
   section.navigation-page{background-size: 300px auto; background-position:right -30px top -10px; }
   section.navigation-page .countries .item .flag img{width:30px;}
   section.navigation-page .countries .item .name {font-size:11px; }
   section.navigation-page .countries .item .name strong{font-size:13px; line-height: 13px;}
   section.navigation-page .countries .item a{gap:10px;}
   section.navigation-page .countries{margin-top:8vw}

}


.layout-center { margin:0 auto; position:relative;  width: var(--layout-width)}
.layout-center.load_popup {padding:0}

h1{text-align: left; font-size: 45px; line-height: 115%; font-family:'Poppins', sans-serif;   font-weight:600; font-style:normal; color:var(--text-color-primary); margin:0; padding:0px 0 20px 0; text-transform: none;}
h2{text-align: left; font-size: 35px; line-height: 115%;font-family:'Poppins', sans-serif;    font-weight:600; font-style:normal; color:var(--text-color-primary); margin:0; padding:0px 0 25px 0;}
h3{text-align: left; font-size: 24px;   font-weight:600;font-family:'Poppins', sans-serif;  font-style:normal; color:var(--text-color-primary); margin:0; padding:1em 0 1em 0; margin:0px; }
h4{text-align: left; font-size: 18px;   font-weight:600;font-family:'Poppins', sans-serif;  font-style:normal; color:var(--text-color-primary); margin:0; padding:0 0 1em 0; margin:0px; }

p{color:#161616; font-size:14px;line-height:175%;  font-weight:400;}
p a{color:var(--primary-color);}
p strong{font-weight:600; }
strong{font-weight:600; }
p.medium{ font-size:22px!important; font-style:italic; font-weight:300; }


.layout-center .title-big{color:var(--text-color-primary); font-size:50px; line-height: 115%;  font-weight:600;position:relative; text-align:center; padding:0px 0px; margin:0px 0px 0px 0px;  position:relative; }

.layout-center .subtitle{color:#7e7e7e;font-family:'Poppins', sans-serif; font-size:14px; font-weight:400;position:relative; text-align:center;letter-spacing: 2px; padding:0px 0px; margin:0px 0px 3px 0px;  position:relative;text-transform:uppercase }


.layout-center .title-leaf{color:var(--text-color-primary); font-size:36px;font-weight:800;  font-family:'Poppins', sans-serif; letter-spacing:0px;position:relative; text-align:center; padding:0px 0px 0px 0px; margin:0px 0px 35px 0px;  position:relative; }
.layout-center .title-leaf.small{ font-size:30px; margin-bottom:10px; }
.layout-center .title-leaf > span{display:inline-block; position:relative; padding-bottom:18px;}
.layout-center .title-leaf > span::after{position:absolute; left:50%; bottom:0px; content:" "; width:60px; margin-left:-30px; height:5px; background: var(--primary-color); border-radius: 2px}
.layout-center .title-leaf.left {text-align: left;}

.layout-center .title-medium{color:var(--text-color-primary); font-size:26px; font-family: 'Poppins', serif; font-weight:600;position:relative; text-align:left; padding:0px 0px 8px 0px; margin:0px 0px 0px 0px;  position:relative; }

.layout-center .title{color:var(--text-color-primary); font-size:36px; font-family: 'Poppins', serif; font-weight:600;position:relative; text-align:center; padding:0px 0px 0px 0px; margin:0px 0px 25px 0px;  position:relative; }
.layout-center .title.lft{text-align: left;}
.layout-center .title-small{color:var(--text-color-primary); font-size:24px; font-family: 'Poppins', serif; font-weight:600;position:relative; text-align:left; padding:0px 0px 0px 0px; margin:0px 0px 25px 0px;  position:relative; }


.side-banner{position:fixed; z-index: 0;   padding:0px 10px; display:none; }
.side-banner.right{right:50%;}
.side-banner.left{left:50%;}

.parallax {position: relative; width: 100%; height: 400px; overflow: hidden; display: flex; align-items: center; justify-content: center; text-align: center; color: white; background-size: cover; background-position: center center; background-repeat: no-repeat; }

.parallax-content {position: relative; z-index: 2; padding: 0px; text-align: center; }

.parallax-content h2{font-size:42px; font-weight:600; color:#ffffff; text-align: center;}
.parallax-content h2 span{font-size:70px; font-weight:400; display:block; margin-top:20px; margin-bottom:20px;}
.parallax-content .button{ font-size:21px; font-weight:600; line-height:35px; padding:0 10px; margin-bottom:15px;  }



.grid-container {display: flex; flex-direction: column; gap: 20px; }
.grid-row {display: flex; gap: 20px; }
.grid-item {position: relative; flex: 1; overflow: hidden; border-radius: 0px; }
.grid-item a {display: block; position: relative; width: 100%; height: 100%; text-decoration: none; }
.grid-item img {width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.3s ease-in-out; }
.grid-item:hover img {transform: scale(1.05); }
.grid-item .label {position: absolute; bottom: 35px; left: 35px; background: #62C91C; color: white; font-size: 34px; font-weight: bold; padding: 0px 8px; border-radius: 6px; line-height: 44px; transition: background 0.3s ease-in-out; }
.grid-item:hover .label {background: #56B419; }


body .header-wrap.shadow header::before{ box-shadow: 7.778px 7.778px 46px 0px rgba(0, 0, 0, 0.11); }

body.sticky-nav header::before{ box-shadow: 7.778px 7.778px 46px 0px rgba(0, 0, 0, 0.11); height:100px; }
body.sticky-nav header::after{top:-40px;}
body.sticky-nav header{padding-top:0;}
body.sticky-nav header #top-line{top:-40px;}


body.sticky-nav-up header::before{transition: var(--quick-transition);}
body.sticky-nav-up header::after{transition: var(--quick-transition);}
body.sticky-nav-up header{transition: var(--quick-transition);}
body.sticky-nav-up header #top-line{transition: var(--quick-transition);}


body.sticky-nav-show header::after{ box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.13);}

body.sticky-nav-hide header #menu-space{transform: translateY(calc(-100% - 1px));}
body.widget-visible header #menu-space{transform: translateY(calc(-100% - 1px));}
body.widget-visible .header-wrap{height:100px!important}
body.widget-visible .header-wrap .middle-box{height:100px!important}

body.sticky-nav-hide header::after {transform: translateY(calc(-100% - 1px));}
body.widget-visible header::after {transform: translateY(calc(-100% - 1px));}

body.widget-visible #sticky-widget{opacity:1; visibility:visible;}
body #sticky-widget{position:fixed; opacity:0; visibility:hidden; top:90px; left:0; z-index: 9000;  width:100%; transition: var(--transition); background: var(--sticky-widget-bg); box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.13);}
body #sticky-widget .layout-center{display:flex; flex-direction: row; justify-content: flex-end ; justify-content: space-between; align-items:center; height:80px;    }
body #sticky-widget .layout-center .price{align-self: flex-start;}
body #sticky-widget .layout-center .left-items,
body #sticky-widget .layout-center .right-items {display: flex; align-items: center;  width:100%; justify-content: flex-end;}
body #sticky-widget .layout-center .left-items{justify-content: flex-start;}
body #sticky-widget .layout-center .left-items .product-preview{display:flex; gap:15px; width:100%; align-items: center;}
body #sticky-widget .layout-center .left-items .product-preview .image{width:50px;}
body #sticky-widget .layout-center .left-items .product-preview .image img{height:60px;}
body #sticky-widget .layout-center .left-items .product-preview .desc{flex:1; font-size: 15px; font-weight:400}
body #sticky-widget .layout-center .left-items .product-preview .desc .price-box{display:flex;font-weight:400; gap:10px; align-items: center;}
body #sticky-widget .layout-center .left-items .product-preview .desc .price-box .original-price{text-decoration: line-through; font-size:15px;}
body #sticky-widget .layout-center .left-items .product-preview .desc .price-box .price{font-weight:600; font-size:18px;}


.original-select {position: absolute; opacity: 0; pointer-events: none; width: 0; height: 0; }

.custom-select {position: relative; display: inline-block; background-color: #ffffff; color: #2c444e; border:1px solid #2c444e; border-radius: 9999px; padding: 0 10px 0px 13px; cursor: pointer; min-width: 45px; font-size: 14px; font-weight: 500; height: 30px; line-height: 30px;  box-shadow: 0px 3px 3px 0px rgba(44, 68, 78, 0.14);}
.custom-select__trigger {position: relative; height: 100%; padding-right: 10px; display: flex; align-items: center; }
.custom-select__trigger .arrow {position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width:10px; height:7px; background: url('../images/svg/selectbox-arrow.svg') no-repeat center center; }
.custom-select__dropdown {position: absolute; left: 0; top: 100%; background-color: #ffffff; color: var(--text-color-primary); border: 1px solid #ccc; border-radius: 4px; display: none; min-width: 100%; margin-top: 4px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); z-index: 99999; font-size:13px; }
.custom-select.open .custom-select__dropdown {display: block; }
.custom-select__option {padding: 2px 12px; cursor: pointer; }
.custom-select__option:hover,
.custom-select__option.selected {background-color: #f0f0f0; }



section .layout-center .text-box p{padding:0px 0px 2em 0px; font-family: 'Poppins', sans-serif;}
section .layout-center .text-box p strong{color:var(--text-color-primary);}
section .layout-center .text-box p.small-red{font-size:13px; color:#dc143c; line-height:150%;}
section .layout-center .text-box p.small-red{font-size:13px; color:#dc143c; line-height:150%;}
section .layout-center #content .text-box{padding:0px 0px 1em 0px;}
section .layout-center #content .text-box p{padding:0px 0px 1.5em 0px;}

section .layout-center .text-box.bottom {margin-top:70px}
section .layout-center .text-box.bottom p{padding:0px 0px 2em 0px; font-size:16px;  font-family: 'Poppins', sans-serif;}
section .layout-center .text-box.bottom p a{color: var(--primary-color);}


section .layout-center .article{margin:10px -20px 30px -20px;}
section .layout-center .article .item{float:left; width:20%; box-sizing: border-box; padding:0 20px 20px 20px;}
body:not(.without_column) section .layout-center .article.thin .item{width:25%;}
section .layout-center .article .item .img {display:block;}
section .layout-center .article .item .img img{width:100%;aspect-ratio: 1/1;}
section .layout-center .article .item h2{margin:20px 0px 10px 0px; padding:0px; text-align:left;  min-height: 0px;font-size:16px; line-height: 120%}
section .layout-center .article .item h2 a{  color:#1d1d1d; text-decoration: none; font-weight:600;}
section .layout-center .article .item h2 a:hover{color:#f8ad95;}
section .layout-center .article .item p{ font-size:13px; line-height: 18px; color:#3a3e5d; padding:0px; margin:0px;}
section .layout-center .article .item .wrap{display:table; width:100%; border-top:1px solid #eee; margin-top:10px;}
section .layout-center .article .item .wrap > div{display:table-cell;padding-top:10px; font-size:15px; color:#6f7391; font-weight:500; white-space: nowrap; }
section .layout-center .article .item .wrap > div a{text-decoration: none; color:#f8ad95; display:inline-block; line-height:18px;}
section .layout-center .article .item .wrap > div a:hover{color:#f8ad95;}
section .layout-center .article .item .wrap > div .date{color:#333;display:inline-block; line-height:18px;}
section .layout-center .article .item .wrap > div:last-child{text-align:right;}
section .layout-center .article .item .perex-wrap{margin:0px -20px; padding:0px 15px 0px 20px;}


.slider-float {width:66.55%;float:left;box-sizing: border-box;}
.slider-right {width:33.45%;float:right;box-sizing: border-box;padding-left:20px}
.slider-right img {width:100%;height:auto}
.slider-right div.item:first-child {margin-bottom:20px}

.slider{list-style: none;}
.slider > li{display:none;}
.slider > li img{width:100%; }
.slider > li:first-child{display:block;}
.slider:not(.owl-carousel) > li:first-child{width:100%;}
picture.v-mobile, img.v-mobile{display:none;}
picture.v-desktop, img.v-desktop{display:block;}

.slider picture.v-desktop{aspect-ratio: 1686/490;}
.slider picture.v-desktop img{aspect-ratio: 1686/490;}
.slider picture.v-mobile{aspect-ratio: 1 / 1;}
.slider picture.v-mobile img{aspect-ratio: 1 / 1;}

.overlay{-webkit-transform: translateZ(0);display:none;position:fixed; left:0px; top:0px; width:100%; height:100%; background: #000; opacity:0.4; z-index: 8000}
.overlay-menu{display:none;position:absolute; left:0px; top:0px; width:100%; height:90px; background: #000; opacity:0.4; z-index: 9999}
.overlay-menu::before{position:absolute; right:100%; top:0px; width:100%; height:100%; background: #000; z-index: 8000; content: ' ';}
.overlay-menu::after{position:absolute; left:100%; top:0px; width:100%; height:100%; background: #000;  z-index: 8000; content: ' ';}


.overlay-menu-search{display:none;position:absolute; left:0px; top:-1px; padding-bottom:1px; width:100%; height:100%; background: transparent; opacity:0.4; z-index: 9999}
/*.overlay-menu-search::before{position:absolute; right:100%; top:0px; width:100%; height:100%; background: #000; z-index: 8000; content: ' ';}
.overlay-menu-search::after{position:absolute; left:100%; top:0px; width:100%; height:100%; background: #000;  z-index: 8000; content: ' ';}*/
.sticky-nav-hide .overlay-menu-search{display:none!important}
html:not(.disableScroll) .overlay-menu-search{display:none!important}



.overlay-top-line{display:none;position:absolute; left:0px; top:0px; width:100%; height:100%; background: #000; opacity:0.4; z-index: 8000;padding-bottom: 0px;}

.overlay-search{display:none;position:absolute; left:0px; top:0px; width:100%; height:100%; background: #000; opacity:0.4; z-index: 8000;padding-bottom: 0px;}
.overlay-search::before{position:absolute; right:100%; top:0px; width:100%; height:100%; background: #000; z-index: 8000; content: ' ';}
.overlay-search::after{position:absolute; left:100%; top:0px; width:100%; height:100%; background: #000;  z-index: 8000; content: ' ';}



.fixed-info-line{position:relative;padding:3px 0px; background: #fff; color:#000; width:100%; left:0; top:0; z-index: 9000; font-size:12px; display:block;}

.fixed-info-line p, .fixed-info-line p a {color:#000;font-size:13px}
.fixed-info-line .fixed-info-overlay{position:absolute; left:0; top:0; height:100%; width:100%; background: #000;  z-index: 8000; content: ' '; opacity:0.4; display:none;}
.fixed-info-line .layout-center {position:relative;}
.fixed-info-line .layout-center .wrap {padding-right:20px;}
.fixed-info-line .close{position:absolute; right:5px; top:-4px;  cursor:pointer; z-index: 9500; font-size:18px; color:#000;}
.fixed-info-line .close img{width:12px; aspect-ratio: 1/1}


section .layout-center .products .item .wrap .image-box .timesale-wrap{position:absolute; left:0px; bottom:0px;width:100%; overflow:hidden;}
section .layout-center .products .item .wrap .image-box .timesale-wrap .timesale_text {line-height: 10px; }
section .layout-center .products .item .wrap .image-box .timesale-wrap .timesale  {padding-top:5px;}
section .layout-center .products .item .wrap .image-box .timesale-wrap .timesale span.number {font-size:20px; line-height: 20px; font-weight:bold; }
section .layout-center .products .item .wrap .image-box .timesale-wrap .timesale span {line-height:10px; font-size:12px; font-weight:300; }
section .layout-center .products .item .wrap .image-box .timesale-wrap .timesale p {margin:0px; font-size:11px;}



section .layout-center .tab-content  {padding-top:15px;}
section .layout-center .tab-content h2 {padding-bottom:0px;}


section .layout-center .compare-wrap div.table_compare {float:none; display:inline-block; width:300px!important;}
section .layout-center .compare-wrap {overflow-x: scroll;}
section .layout-center .compare-wrap .compare-line {white-space: nowrap; }

section .layout-center #content .graybox .products.smaller{margin-bottom: 0px; padding: 0px 10px;}

section .layout-center #content .products {grid-template-columns: repeat(5, 1fr); margin-bottom:30px;}



section .layout-center .products.owl-carousel {padding:0px;margin:0px 0px 0px 0px; position:relative; display:block; }
section .layout-center .products.owl-carousel:hover {z-index: 9000}
section .layout-center .products.owl-carousel .item{width:100%!important;padding:0px 0px 0px 0px; margin:0!important }

/*BEFORE LOAD*/
section .layout-center .products.carousel:not(.owl-carousel) {display:flex; overflow:hidden; padding-left:0px; margin-top:0;box-sizing: border-box; padding-right: 0px; padding-bottom:0px; margin-bottom:0px; width:100%;}
section .layout-center .products.carousel:not(.owl-carousel) .item{width:20%;flex-shrink:0;   flaot:none; display:inline-block;white-space: normal; margin-top:15px;}
/* --- BEFORE LOAD*/


section .layout-center .products.owl-carousel.v1 {scrollbar-width: none; -ms-overflow-style: none}
section .layout-center .products.owl-carousel.v1::-webkit-scrollbar {display: none; }
section .layout-center .products.owl-carousel.v1 .owl-stage-outer{overflow-x: hidden; overflow-y: visible; position: relative;scrollbar-width: none; -ms-overflow-style: none; height: calc(100% + 10px) !important;}
section .layout-center .products.owl-carousel.v1 .owl-stage-outer .owl-stage{height: auto;   position:relative;}
section .layout-center .products.owl-carousel.v1 .owl-stage-outer::-webkit-scrollbar {display: none; }
section .layout-center .products.owl-carousel.v1 .owl-stage-outer .item{height:auto!important; box-sizing: border-box; }
section .layout-center .products.owl-carousel.v1 .owl-stage-outer .owl-item{height:auto!important; box-sizing: border-box; transition: all 0.2s ease !important}
section .layout-center .products.owl-carousel.v1 .owl-stage-outer .owl-item.neighbor:not(.active){opacity:0}
section .layout-center .products.owl-carousel.v1 .owl-stage-outer .owl-stage.owl-grab .owl-item.neighbor{opacity:1}


section .layout-center .products.owl-carousel.v2 {scrollbar-width: none; -ms-overflow-style: none}
section .layout-center .products.owl-carousel.v2::-webkit-scrollbar {display: none; }
section .layout-center .products.owl-carousel.v2 .owl-stage-outer{overflow-x: hidden;padding:0px!important; overflow-y: auto; box-sizing: border-box; position: relative;scrollbar-width: none; -ms-overflow-style: none;padding-bottom:10px!important; height: auto !important;}
section .layout-center .products.owl-carousel.v2 .owl-stage-outer .owl-stage{  position:relative; }
section .layout-center .products.owl-carousel.v2 .owl-stage-outer::-webkit-scrollbar {display: none; }
section .layout-center .products.owl-carousel.v2 .owl-stage-outer .item{height:auto!important; box-sizing: border-box; margin-bottom:0px!important;}
section .layout-center .products.owl-carousel.v2 .owl-stage-outer .owl-item{height:auto!important; box-sizing: border-box; transition: all 0.2s ease !important}
section .layout-center .products.owl-carousel.v2 .owl-stage-outer .owl-item.neighbor:not(.active){opacity:0}
section .layout-center .products.owl-carousel.v2 .owl-stage-outer .owl-stage.owl-grab .owl-item.neighbor{opacity:1}
section .layout-center .products.owl-carousel.v2 .owl-nav .owl-prev{left:-35px ; }
section .layout-center .products.owl-carousel.v2 .owl-nav .owl-next{right:-35px; }
section .layout-center .products.owl-carousel.v2 .owl-controls{ top:30%;}


section .layout-center .best-selling.owl-carousel {scrollbar-width: none; -ms-overflow-style: none}
section .layout-center .best-selling.owl-carousel::-webkit-scrollbar {display: none; }
section .layout-center .best-selling.owl-carousel .owl-stage-outer{overflow-x: hidden;padding:0px!important; overflow-y: auto; box-sizing: border-box; position: relative;scrollbar-width: none; -ms-overflow-style: none;padding-bottom:10px!important; height: auto !important;}
section .layout-center .best-selling.owl-carousel .owl-stage-outer .owl-stage{  position:relative; }
section .layout-center .best-selling.owl-carousel .owl-stage-outer::-webkit-scrollbar {display: none; }
section .layout-center .best-selling.owl-carousel .owl-stage-outer .item{height:auto!important; box-sizing: border-box; margin-bottom:50px!important;}
section .layout-center .best-selling.owl-carousel .owl-stage-outer .owl-item{height:auto!important; box-sizing: border-box; transition: all 0.2s ease !important}
section .layout-center .best-selling.owl-carousel .owl-stage-outer .owl-item.neighbor:not(.active){opacity:0}
section .layout-center .best-selling.owl-carousel .owl-stage-outer .owl-stage.owl-grab .owl-item.neighbor{opacity:1}
section .layout-center .best-selling.owl-carousel .owl-nav .owl-prev{left:10px ; }
section .layout-center .best-selling.owl-carousel .owl-nav .owl-next{right:10px; }
section .layout-center .best-selling.owl-carousel .owl-controls{ top:30%;}


section .owl-carousel .owl-controls{position:absolute; left:0px; width:100%; top:50%; margin-top:-15px; z-index: 6000}

section .owl-carousel .owl-nav > div{width:30px; height:30px; border-radius: 0px; background-color:transparent; border:0; position:absolute; background-repeat: no-repeat; background-position: center center;opacity:1; transition: var(--transition);}
section .owl-carousel .owl-nav > div:hover{ opacity:1}
section .owl-carousel .owl-nav .owl-prev{left:-36px ; top:0; background-image: url(../images/svg/owl-prev-default.svg)}
section .owl-carousel .owl-nav .owl-next{right:-36px; top:0; background-image: url(../images/svg/owl-next-default.svg)}



section .layout-center .products-carousel-wrap{ margin:0px 0px;}
section .layout-center .products-wrap{ position:relative; padding:15px 0 0 0}
section .layout-center .products-wrap:hover{ z-index: 99999; }


section .layout-center .products{margin:0px; position:static;display: grid; grid-template-columns: repeat(6, 1fr); gap:23px; }
section .layout-center #blog-detail .products{grid-template-columns: repeat(4, 1fr); }





section .layout-center .products .item{  box-sizing:border-box;  padding:0px; margin-bottom:30px; text-align:center; position:relative; z-index:1000;  }
section .layout-center .products .item:hover{z-index:9000;}

section .layout-center .products .item .wrap{margin:0px; padding:0px;  font-family:'Poppins', sans-serif; position:relative; border:1px solid #ffffff; border-radius:15px; box-sizing: border-box; background: #ffffff; transition: var(--transition);}

section .layout-center .products .item .wrap .text{margin:10px 10px 0 10px; padding:0px 0px; text-align:center;font-size:12px;line-height:16px}
section .layout-center .products .item .wrap .text p{font-size:12px;line-height:16px}
section .layout-center .products .item .wrap h3{margin:0px 0px 2px 0px; padding:0px 0px; font-size:15px; color:var(--text-color-primary); font-family:'Poppins', sans-serif; font-weight:500; line-height: 140%;   text-align:left;}
section .layout-center .products .item .wrap h3 a{padding:0px 0px; display:block; vertical-align:middle;color:var(--text-color-primary); text-decoration: none; -webkit-transition: all 0.3s ease !important;  -moz-transition: all 0.3s ease!important; -o-transition: all 0.3s ease!important; -ms-transition: all 0.3s ease!important; transition: all 0.3s ease!important;}
section .layout-center .products .item .wrap h3 a:hover{ color:var(--text-color-primary); text-decoration: underline }
section .layout-center .products .item .wrap .image-box{display:block; margin:0px; text-align: center; position:relative; text-align: center; background: url(../images/loading.gif) no-repeat center center; background-size:70% auto;}
section .layout-center .products .item .wrap .image-box picture {display: block; }
section .layout-center .products .item .wrap .image-box picture[data-loaded="true"] {background:#ffffff;}
section .layout-center .products .item .wrap .image-box picture[data-loaded="true"] img{background:#ffffff;}
section .layout-center .products .item .wrap .image-box .tag{transition: var(--transition)}
section .layout-center .products .item.out-of-stock .wrap .image-box img{ filter: grayscale(100%) ;}
section .layout-center .products .item.out-of-stock h3 a, section .layout-center .products .item.out-of-stock .availability *, section .layout-center .products .item.out-of-stock .price-box * { color:gray !important}
section .layout-center .products .item .wrap .image {display:block; overflow:hidden; margin:0px auto;  }  
section .layout-center .products .item .wrap .image img{display:block;padding:0px; box-sizing: border-box; background: transparent; aspect-ratio: 1/1; object-fit: cover; width:100%;  -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }
section .layout-center .products .item .wrap:hover .image img{-moz-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05);}
section .layout-center .products .item .wrap .favorite{width:20px;opacity:0; height:20px;  position:absolute; right:7px; top:28px;  display:inline-block; display:inline-block; background-image:url(../images/svg/favorite.svg); background-repeat:no-repeat;  background-size:100% auto;  z-index: 9000}
section .layout-center .products .item .wrap:hover .favorite{opacity:1}
section .layout-center .products .item .wrap .favorite img{opacity:0;width:20px; height:20px; display:inline-block; position:relative; top:0px;}
section .layout-center .products .item .wrap .favorite.hover,
section .layout-center .products .item .wrap .favorite.active {opacity:1; background-image:url(../images/svg/favorite2.svg);}
section .layout-center .products .item .wrap .favorite.hover{opacity:0.6;}
section .layout-center .products .item .wrap .favorite.active { opacity:1;}

section .layout-center .products .item .wrap .info-wrap{margin:15px 0px 15px 0px; padding:0px 0px; box-sizing:border-box;text-align:left} 
section .layout-center .products .item .wrap .info-wrap p{font-size:13px; color:#808080; margin:0; padding:0} 
section .layout-center .products .item .wrap .info-box{  display:table; width:100%; margin:10px 0px -5px 0px; position:relative; }
section .layout-center .products .item .wrap .info-box > div{  display:table-cell;vertical-align: middle; text-align: center; }
section .layout-center .products .item .wrap .info-box > div:first-child{text-align:right; padding-right:5px; width:50%}
section .layout-center .products .item .wrap .info-box > div:last-child{ text-align: left; padding-left:5px; position:relative;}  

section .layout-center .products .item .wrap .line-box{display:flex; width:100%; align-items: center; justify-content: space-between; gap:15px} 

section .layout-center .products .item .wrap .info-box .button{display:inline-block;min-width:0px;line-height: 48px; white-space: nowrap; padding:0px 10px;} 
section .layout-center .products .item .wrap .info-box .button img{width:22px; display:inline; position:relative; top:-3px; padding-right:6px;} 
section .layout-center .products .item .wrap .info-box .button span{display:inline-block;} 
section .layout-center .products .item .wrap .availability{color:#23bd76; font-size:14px; line-height: 130%; font-weight:600;position:relative; text-align:left; margin-bottom: 0px; display:block;}   
section .layout-center .products .item .wrap .availability-desc{color:var(--text-color-primary); font-size:13px; font-weight:500; display:block; text-align:center;}   

section .layout-center .products .item .wrap  .desc {color:#808992; font-size:13px; line-height: 150%; font-weight:400; padding:0 0 15px 0; margin:0; text-align: center;}

section .layout-center .products .item .wrap  .price-box {text-align: right;}
section .layout-center .products .item .wrap  .price {color:var(--text-color-primary); font-size:20px; line-height: 20px; font-weight:600; margin-top:0px; padding: 0px 2px; white-space:nowrap; display: inline-block;}
section .layout-center .products .item .wrap .original-price, section .layout-center .products .item .wrap  .price.smaller {display: inline-block;color:#7e7e7e; padding: 0px 2px; font-size:14px; line-height: 14px; font-weight:500; position:relative;display:inline-block; text-decoration: line-through;}  
section .layout-center .products .item .wrap .original-price::before {display:none;top:50%; left:0px; margin-top:-2px; height:6px; width:100%; position:absolute; content:' '; background: url(../images/original-price.png) no-repeat center center;}  
section .layout-center .products .banner_list {float:left; width:100%; box-sizing: border-box; padding:0px 15px;}  


section .layout-center .products .item .wrap .hidden-box{height:0; overflow:hidden; position: relative;padding: 0px 0px 0px 0px; bottom: 0px;  margin:0px 0px 0px 0px; -webkit-transition: all 0.3s ease !important;  -moz-transition: all 0.3s ease!important; -o-transition: all 0.3s ease!important; -ms-transition: all 0.3s ease!important; transition: all 0.3s ease!important;} 
section .layout-center .products .item .wrap .hidden-box .height-wrap{box-sizing: border-box;} 
section .layout-center .products .item .wrap .hidden-box .button{line-height: 48px;} 


section .layout-center .products .item .wrap .buy {position:relative;} 
section .layout-center .products .item .wrap .buy .button{border-radius:0; display:block; height:44px; min-width: 0; line-height: 44px; max-width: none; width: calc(100%); margin:0px 0px; position:absolute; bottom:0; opacity:0; transition: var(--transition)} 
section .layout-center .products .item .wrap:hover .buy .button{opacity:1} 


section .layout-center .products .item .wrap .action-line{display:flex;gap:10px; width:100%; justify-content: center; align-items:center;  } 
section .layout-center .products .item .wrap .action-line > div{flex: 1 1 auto; } 
section .layout-center .products .item .wrap .action-line > div:last-child{display:none; text-align:right; } 

section .layout-center .products .item .wrap .action-line   .buy-line{display:flex; gap:5px;  flex: 0 0 132px;}
section .layout-center .products .item .wrap .action-line   .buy-line .button{height:50px; width:50px; text-align: center; padding:0}
section .layout-center .products .item .wrap .action-line   .buy-line .button img{padding:0 0 0 0px ; position:relative; top:-2px; margin-left:-2px; width:28px; display:inline-block; }

section .layout-center .products .item .wrap .action-line  .spinner-wrap{padding-left:0px; display:block; position: relative; font-size:0px; width:80px; }
section .layout-center .products .item .wrap .action-line  .spinner-wrap .spinner {width:100%;  position:relative; left:0; top:0px; margin:0px 0px 0px 0px; display:inline-block; float:left; }
section .layout-center .products .item .wrap .action-line  .spinner-wrap .spinner label{position:absolute; right:100%; top:0px; line-height: 48px;  padding-right:10px;}
section .layout-center .products .item .wrap .action-line  .spinner-wrap .spinner input {-webkit-appearance: none; -moz-appearance: none; appearance: none;text-align: center; box-sizing: border-box;border:1px solid #D7DADB; border-radius:6px; background:#ffffff; padding:0 0px 0px 0px!important; height:50px; width:100%!important; margin:0; display:block; color:#556a7f; font-size:16px; font-weight:600; position:relative; }
section .layout-center .products .item .wrap .action-line  .spinner-wrap .spinner .input-group-btn-vertical > .btn{width:30px; height:48px; border-radius:6px; border:0px; background-color:#ffffff; }
section .layout-center .products .item .wrap .action-line  .spinner-wrap .spinner .input-group-btn-vertical > .btn:first-child{right:1px; top:1px;}
section .layout-center .products .item .wrap .action-line  .spinner-wrap .spinner .input-group-btn-vertical > .btn:last-child{left:1px; top:1px;}

section #basketa td.td_mj {width:130px}
.spinner-wrap.small {padding-left:0}
.spinner-wrap.small .spinner {top:-20px}
.spinner-wrap.small .spinner label{line-height: 40px}
.spinner-wrap.small .spinner input{height: 42px;font-size:13px;width:30px !important}
.spinner-wrap.small .input-group-btn-vertical > .btn {height:42px; width:30px;}
.spinner-wrap.small .input-group-btn-vertical > .btn:first-child {right:1px; top:0px; background-size:12px 12px  }
.spinner-wrap.small .input-group-btn-vertical > .btn:last-child {left:1px; top:0px; background-size:12px 6px   }

section .layout-center .products .item .wrap .size{display:none; padding:0px  0px 30px 0; margin:0px auto; gap:5px; justify-content: center; align-items: center; flex-wrap:wrap;  } 
section .layout-center .products .item .wrap .size a {display:inline-block; padding:0px 5px; box-sizing: border-box; min-width:36px; white-space: nowrap; border:1px solid #D7DADB; border-bottom:3px solid #62C91C; line-height:34px; text-decoration:none; font-size:14px; font-weight:800; color:var(--text-color-primary); transition: all 0.2s ease!important } 
section .layout-center .products .item .wrap .size a.disabled {border-bottom-color:#A4A6A7; background:#F7F7F7; color:#a4a6a7; cursor:default} 
section .layout-center .products .item .wrap .size a.disabled:hover {text-decoration: none;} 
section .layout-center .products .item .wrap .size a:hover {text-decoration:underline} 

body .fancybox-stage .popup-carousel-wrap{ box-sizing: border-box; margin:0px -20px; position:relative;}
body .fancybox-stage  .h1_background.popup_cr{padding-bottom:0px!important; text-align:left!important;}
body .fancybox-stage .popup-carousel-wrap .products{width:100%!important; box-sizing: border-box;}
body .fancybox-stage .popup-carousel-wrap .products .owl-stage-outer{width:100%!important; box-sizing: border-box;}
body .fancybox-stage .popup-carousel-wrap .products.owl-carousel .owl-controls{right:0px; top:-48px;}


body .fancybox-stage .popup-carousel-wrap .products:not(.owl-loaded){max-height:460px; overflow:hidden;}
body .fancybox-stage .popup-carousel-wrap .products:not(.owl-loaded) .item{width:33.333333%;}

section .layout-center .similars-wrap{ margin:0px -30px; position:relative;}
section .layout-center .similars-wrap.home{ margin-top:0px}
section .layout-center #main.full-width .similars-wrap { margin-top:-15px; }
section .layout-center #main.full-width .similars-wrap .products.owl-carousel .owl-controls{ right:30px; }
section .layout-center .similars-wrap.home .owl-controls{ margin-top:-5px}



body #sale-button {z-index: 7999; position: fixed; bottom: -50px; left: 50%; transform: translateX(-50%); padding: 10px 20px; background-color: var(--primary-color); color: #ffffff; text-decoration: none; border-radius: 10px 10px 0 0; font-weight:600; font-size:18px; transition: bottom 0.5s ease-in-out; display: none; box-shadow: -5px 7px 10px 0px rgba(0, 0, 0, 0.13);}
body #sale-button:hover {background-color:#2F99C7 ;}
body #sale-button img{position:relative; top:-1px;}

body #sale-button.show {display: block; bottom: 0px; }
body #close-sale-button {cursor: pointer; margin-left: 5px; }

/*body .fancybox-close-small::before{content:'zavřít'; color:#1b363d; font-size:16px; font-weight:400; text-decoration:underline;display:inline-block; }
body .fancybox-close-small::after{display:inline-block; height:16px; width:16px; content:''; background: url('../images/svg/close-modal.svg') no-repeat center center!important; margin-left:10px; position:relative; bottom:-3px;}
body .fancybox-close-small{ right:40px; top:5px ; white-space: nowrap;background:none!important;}
body .fancybox-is-open .fancybox-bg{opacity:0.6!important; background:#000000!important}
body .fancybox-content{background: #ffffff; padding:30px; border-radius:15px!important; position:relative;   box-shadow:none; box-shadow: 18.385px 18.385px 62px 0px rgba(0, 0, 0, 0.49);}
*/body .fancybox-content .modal-layout-wrap{padding:0px 10px 10px 10px;}
body .fancybox-content .modal-layout-wrap h3{margin:0; padding:0 0px 10px 0px; font-size:30px; color: var(--text-color-primary) }
body .fancybox-content .modal-layout-wrap p{color:#556a7f; padding-bottom:1.5em;}
body .fancybox-content .modal-layout-wrap table{border-spacing:0; border-collapse: collapse; border: 1px solid #D7DADB; margin-bottom: 25px;}
body .fancybox-content .modal-layout-wrap table thead tr th{font-weight: 400; background:#F5F3F2;  padding:10px 15px; color:#6a7072; font-size:14px;border-bottom:1px solid  #D7DADB;}
body .fancybox-content .modal-layout-wrap table thead tr th:last-child{text-align:right; padding-right: 30px;}
body .fancybox-content .modal-layout-wrap table tr td{border-spacing:0; border-collapse: collapse; border-bottom:1px solid  #D7DADB; font-size:14px; padding:15px 15px; color: var(--text-color-primary); }
body .fancybox-content .modal-layout-wrap table tr td.logo{text-align:center; padding:5px 20px;}
body .fancybox-content .modal-layout-wrap table tr td.name{text-align:left; font-weight:600}
body .fancybox-content .modal-layout-wrap table tr td.price{text-align:right; font-weight:600; font-size:16px; padding-right:30px;}
body .fancybox-content .modal-layout-wrap table tr td.date{text-align:left; font-weight:400; color:#6a7072; font-size:13px;}


body .fancybox-content .modal-layout-wrap .icon-box{padding-left: 40px; position:relative; font-size:14px; margin-bottom: 0px; width:100%;}
body .fancybox-content .modal-layout-wrap .icon-box img.icon{position:absolute; left:0; top:0}
body .fancybox-content .modal-layout-wrap .icon-box .bar{height:6px; border-radius: 6px; background: #E0E0E0; margin-top:10px; margin-left:-40px; width:calc(100% + 40px); position:relative;}
body .fancybox-content .modal-layout-wrap .icon-box .bar span{position:absolute; left:0; top:0; height:100%; background: var(--secondary-color); border-radius: 6px;}

body .fancybox-content .modal-layout-wrap .icon-box.delivery img.icon{width:31px; left:-1px; top:2px}


body .fancybox-content .first-buy-banner {display:flex; width: calc(100% + 60px);border-radius:15px 0 0 15px; align-items: center; margin:-30px -30px -30px -30px; min-height: 460px; background: url(../images/first-buy-bg.png) no-repeat left top; background-size:68% 100%}
body .fancybox-content .first-buy-banner > div{padding:30px 40px; }
body .fancybox-content .first-buy-banner > div:first-child{ border-radius:15px; width:50%; text-align: left; color:#ffffff; padding:0; position:relative;} 
body .fancybox-content .first-buy-banner > div:first-child img{max-width:100%;} 

body .fancybox-content .first-buy-banner > div:last-child{ text-align: left; align-self:center; } 
body .fancybox-content .first-buy-banner > div:last-child .button{font-size:24px; width:100%; max-width:245px; margin-top:20px; } 
body .fancybox-content .first-buy-banner > div:last-child p{font-size:39px; color:#0b374a; white-space:nowrap; text-align:left; line-height:110%; font-family:'Poppins', sans-serif; } 
body .fancybox-content .first-buy-banner > div:last-child p strong{display:block;} 
body .fancybox-content .first-buy-banner > div:last-child p .big{display:block; font-size:120px; line-height: 120px; font-weight:600; text-align: center; margin-bottom:-10px;} 
body .fancybox-content .first-buy-banner > div:last-child p .big span{font-size:71px; line-height: 71px;} 
body .fancybox-content .first-buy-banner > div:last-child p .box{background: #0B374A; color:#ffffff; text-transform:uppercase; font-size:64px; padding:0px 5px; border-radius:7px; line-height: 60px; font-weight:bold; display:inline-block;} 

body .fancybox-content .modal-sale-banner {display:flex; width:100%;border-radius:15px 0 0 15px; align-items: flex-start; margin:-30px -30px -47px -30px; padding:50px;}
body .fancybox-content .modal-sale-banner > div{padding:30px 40px;}
body .fancybox-content .modal-sale-banner > div:first-child{background: #659B42; border-radius:15px 0 0 15px; width:350px; text-align: center; color:#ffffff; padding:35px 0px 5px 0; position:relative;} 
body .fancybox-content .modal-sale-banner > div:first-child h3{color:#ffffff; font-size:36px; line-height: 44px; font-weight:600; text-align: center; padding:0px; margin:0px 0px 15px 0; letter-spacing:-1px} 
body .fancybox-content .modal-sale-banner > div:first-child h3 span{display:block; font-size:42px; } 
body .fancybox-content .modal-sale-banner > div:first-child h3 span strong{font-weight:800 } 
body .fancybox-content .modal-sale-banner > div:first-child > img{width:100%;} 
body .fancybox-content .modal-sale-banner > div:first-child  .sticker{position:absolute;right:-20px; bottom:0} 


body .fancybox-content .modal-sale-banner > div:last-child{ text-align: left; flex:1; padding-top:45px; } 
body .fancybox-content .modal-sale-banner > div:last-child h3{ font-size:30px; line-height: 120%; font-weight:600; text-align: left; padding:0px; margin:0px 0px 15px 0; letter-spacing:-1px} 
body .fancybox-content .modal-sale-banner > div:last-child p{font-size:14px; line-height: 170%; font-family: 'Poppins', sans-serif; padding-bottom:10px;} 
body .fancybox-content .modal-sale-banner > div:last-child p.bottom{padding:0} 
body .fancybox-content .modal-sale-banner > div:last-child form{margin-top:10px;} 
body .fancybox-content .modal-sale-banner > div:last-child form button{margin-top:7px; margin-bottom:10px;} 




section .go-back {float:left;}
section .go-back .button{min-width:250px; }
section .go-back .button svg{padding:0 10px 0 0 }

section #blog-detail {max-width: 900px; margin:0px auto;}
section #blog-detail h1{font-family:'Poppins', sans-serif;}
section #blog-detail h2{font-family:'Poppins', sans-serif;}
section #blog-detail h3{font-family:'Poppins', sans-serif;}
section #blog-detail h4{font-family:'Poppins', sans-serif;}
section #blog-detail p {padding:0 0 2.5em 0; font-size: 16px; font-family: 'Poppins', sans-serif; text-align: justify}
section #blog-detail p strong{color:var(--text-color-primary);}
section #blog-detail p img{max-width: 100%; border-radius:20px; }
section #blog-detail h2{margin:0px; padding:0px 0px 30px 0;}
section #blog-detail > ul{list-style-type: none; margin:0px; padding:0px 0px 2em 0px; font-size:16px;  }
section #blog-detail > ul li{padding:0 0 10px 25px; background: url('../images/svg/dot.svg') no-repeat left 8px; color: var(--text-color-primary); font-family: 'Poppins', sans-serif;}
section #blog-detail > ul li a{ color: var(--text-color-primary);}

section #blog-detail .blog-info{display:flex; justify-content: flex-start; gap:30px; align-items: flex-start; font-size:14px;margin-bottom:12px;}
section #blog-detail .blog-info .user{padding-left:20px; background: url('../images/svg/user.svg') no-repeat left 1px; font-weight:600}
section #blog-detail .blog-info .time{padding-left:20px; background: url('../images/svg/time.svg') no-repeat left 1px; font-weight:500}
section #blog-detail .blog-info .date{color:#929ea1; font-weight:600}


section.title-banner {background: var(--primary-color)  url('../images/blog-banner.jpg') no-repeat right center; padding:0; margin-top:0px;}
section.title-banner .layout-center > div {min-height: 360px; max-width: 1480px; margin:0px auto; padding:25px 0; box-sizing: border-box; display:flex; width:100%; align-items:center; justify-content: center; color:#ffffff; flex-direction: column;  }
section.title-banner .layout-center > div h1{font-size:70px; font-weight:800; color:#ffffff; align-self: flex-start; padding:0; margin:-10px 0 10px 0}
section.title-banner .layout-center > div p{font-size:22px; color:#ffffff; padding:0; margin:0;align-self: flex-start; }


section .layout-center #order {display:flex; gap:20px; justify-content:flex-start; align-items:center; width:100%; position:relative; margin-bottom:15px;}
section .layout-center #order > div:first-child {flex:1 }
section .layout-center #order > div:first-child .options{display:flex; gap:40px;list-style:none; margin:0px; padding:0; }
section .layout-center #order > div:first-child .options li{padding:0; }
section .layout-center #order > div:first-child .options li a{display:inline-block; line-height: 49px; font-size:15px; text-decoration: none; padding:0px 0px;border-radius:7px 7px 0 0 }
section .layout-center #order > div:first-child .options li a:hover{text-decoration: underline;}
section .layout-center #order > div:first-child .options li a.active{background: #ffffff; font-weight:600}
section .layout-center #order > div:last-child { font-size:14px; color: var(--text-color-primary); text-align: right; white-space:nowrap; }


section .layout-center .best-selling {display:flex; gap:24px; margin:0px -25px; width: calc(100% + 50px) }
section .layout-center .best-selling .item {background: #ffffff; border-radius:10px; border:1px solid #ffffff; display:flex; padding:10px 0; align-items:center;  box-shadow: 0px 10px 27px 0px rgba(0, 0, 0, 0.1); margin:20px 0 30px 0 }
section .layout-center .best-selling .item h3{font-size:13px; line-height: 140%; font-weight:500; ;color:var(--text-color-primary); padding:0; margin:0}
section .layout-center .best-selling .item h3 a{text-decoration:none;}
section .layout-center .best-selling .item h3 a:hover{text-decoration:underline;}
section .layout-center .best-selling .item .image {width:90px; overflow:hidden; flex-shrink: 0;}
section .layout-center .best-selling .item .image img {width:100%; padding:5px; box-sizing: border-box; transition:all 0.5s}
section .layout-center .best-selling .item:hover .image img {-moz-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05);}
section .layout-center .best-selling .item > div {flex:1; align-self: stretch; padding-right:10px; padding-left:10px;}
section .layout-center .best-selling .item > div .price-block{margin-top:5px;display:flex; flex-direction: row; align-items:flex-end; gap:5px;}
section .layout-center .best-selling .item > div .price-block .original-price{font-weigh:500; font-size:13px; text-decoration: line-through; }
section .layout-center .best-selling .item > div .price-block .price{font-weight:600!important; font-size:16px;}

section .layout-center .best-selling.owl-carousel .owl-controls{top: calc(50% - 30px); margin-top:-15px;}
section .layout-center .best-selling.owl-carousel .owl-nav > div{width:30px; height:30px; background-size: 30%;}

section .layout-center #top-page-line {display:flex; justify-content: space-between; align-items: flex-start; position:relative; z-index: 8000; margin-bottom: -10px;}
section .layout-center #top-page-line .tag-buttons {display:flex; justify-content: center; align-items: center; gap:10px;}
section .layout-center #top-page-line .tag-buttons .btn-gold {padding:0px 5px 0px 0px; border-top-left-radius:0;border-bottom-left-radius:0; position:relative; min-width: auto}
section .layout-center #top-page-line .tag-buttons .btn-gold:hover {padding-left:20px;}
section .layout-center #top-page-line .tag-buttons .btn-gold img{padding:0 0 0 15px}
section .layout-center #top-page-line .tag-buttons .btn-gold::before {width:200%; right:100%; top:-1px; height:calc(100% + 2px); position:absolute; content:''; background: #E2B142;}


section .layout-center .content-block {padding:30px 0}
section .layout-center .content-block.gray-bg {background: #FAFAFA; position:relative; padding-top:50px;}
section .layout-center .content-block.gray-bg::before {right:-50%; top:0; z-index: -1; position:absolute; content:' '; height:190%; width:200%; background: #FAFAFA;}


section .layout-center .benefits {display:flex;flex-direction: row;  justify-content: center; align-items: stretch; width:100%; gap:14px;}
section .layout-center .benefits .item {display:inline-flex; justify-content: flex-start; align-items: center; gap:13px; flex-direction: column; flex:1 ; padding:20px; border-radius:0px; transition: var(--transition); text-decoration:none  }

section .layout-center .benefits .item img{display:inline-flex; justify-content: flex-start; align-items: flex-start; gap:13px; flex-direction: column;width:49px; height:49px; object-fit: contain   }
section .layout-center .benefits .item .icon  {margin-bottom:10px; position:relative;}
section .layout-center .benefits .item .icon::before  {position:absolute; left:0; top:0; width:100%; height:100%; content:''; opacity:0; background-repeat:no-repeat; background-size: contain; background-position: center center}

section .layout-center .benefits .item .desc  {color:#161616; font-size:13px;font-weight:500; line-height:16px; text-align: center;}
section .layout-center .benefits .item .desc strong {display:block; font-size:18px; line-height: 22px; font-weight:600; color: var(--text-color-primary); padding-bottom:8px; }

section .layout-center .benefits .item:hover {box-shadow: 0px 19px 73px 0px rgba(0, 0, 0, 0.16);}



section .layout-center .hp-top-banners .item {display:block; position:relative; overflow:hidden;border-radius:15px;}
section .layout-center .hp-top-banners .item > img{ width:100%; border-radius:15px; transition: all 0.5s; aspect-ratio: 1080/1567}
section .layout-center .hp-top-banners .item:hover > img{-moz-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05);}
section .layout-center .hp-top-banners .item > .inside{position:absolute; left:0; top:0; width:100%; height:100%; display:flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; padding:35px; box-sizing: border-box}
section .layout-center .hp-top-banners .item > .inside h3{font-size:30px; line-height: 125%;  font-weight:800; color:#Ffffff; padding:0; margin:0 0 15px 0}
section .layout-center .hp-top-banners .item > .inside p{color:#Ffffff; padding:0; margin:0px 0px 1.5em 0; font-size:14px; font-weight:600; font-family:'Poppins', sans-serif;}
section .layout-center .hp-top-banners .item > .inside .button{border-color:#ffffff; line-height: 42px;background: transparent; color:#ffffff;}
section .layout-center .hp-top-banners .item > .inside .button:hover{border-color:#ffffff; background: transparent; color:#ffffff; }
section .layout-center .hp-top-banners .item.dark > .inside h3{color:var(--text-color-primary); }
section .layout-center .hp-top-banners .item.dark > .inside p{color:var(--text-color-primary); }
section .layout-center .hp-top-banners .item.dark > .inside .button{border-color: var(--text-color-primary); background-color:transparent; color: var(--text-color-primary)}
section .layout-center .hp-top-banners .item.dark > .inside .button:hover{  }


section .layout-center .hp-top-banners:not(.owl-carousel)  {display:flex;gap:0px; box-sizing: border-box; overflow:hidden; margin:0 -7px;}
section .layout-center .hp-top-banners:not(.owl-carousel) .item  {flex: 0 0 25%; padding:0px 7px;box-sizing: border-box; }
section .layout-center .hp-top-banners:not(.owl-carousel) .item > .inside  {padding:40px 47px }



section .layout-center .hp-categories  {margin-top: -30px}
section .layout-center .hp-categories .item {display:block; position:relative; overflow:hidden;border-radius:15px; }
section .layout-center .hp-categories .item  img{ aspect-ratio:348/420 ; width:100%; border-radius:15px;  transition: all 0.5s;}
section .layout-center .hp-categories .item:hover  img{-moz-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05);}
section .layout-center .hp-categories .item > .inside{position:absolute; left:0; top:0; width:100%; height:100%; display:flex; flex-direction: column; justify-content: flex-end; align-items: center;  padding:35px 10px; box-sizing: border-box}
section .layout-center .hp-categories .item > .inside h3{font-size:25px;  font-weight:800; color:#Ffffff; letter-spacing: 0px; padding:0; margin:0 0 20px 0;text-align:center;}
section .layout-center .hp-categories .item > .inside .link{font-size:13px; text-transform: uppercase; font-weight:600; text-decoration:none; color:#ffffff; line-height:44px; max-width:200px; width:100%; text-align: center; border-radius:44px; background: #ffffff; color: var(--text-color-primary) }

section .layout-center .hp-categories .item.dark > .inside h3{color:var(--text-color-primary); }
section .layout-center .hp-categories .item.dark > .inside p, section .layout-center .hp-categories .item.dark > .inside .link{color:var(--text-color-primary); }
section .layout-center .hp-categories .item.dark > .inside .link{  background:  var(--text-color-primary); color: #ffffff }

section .layout-center .hp-categories:not(.owl-carousel)  {display:flex;gap:0px; box-sizing: border-box; overflow:hidden; margin:0 -7px;}
section .layout-center .hp-categories:not(.owl-carousel) .item {flex: 0 0 20%; padding:0px 7px;box-sizing: border-box; }


section .layout-center .hp-big-banners  {display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
section .layout-center .hp-big-banners .item {display:block; position:relative; border-radius:15px;overflow:hidden;}
section .layout-center .hp-big-banners .item > img{ width:100%; border-radius:15px; border-radius:15px;transition: all 0.5s; }
section .layout-center .hp-big-banners .item:hover > img{ -moz-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05);}
section .layout-center .hp-big-banners .item > .inside{position:absolute; left:0; top:0; width:55%; height:100%; display:flex; flex-direction: column; justify-content: center; align-items: flex-start; padding:40px 40px 40px 60px; box-sizing: border-box}
section .layout-center .hp-big-banners .item > .inside h3{font-size:34px; line-height: 120%;  font-weight:600; color:#Ffffff; padding:0; margin:0 0 5px 0}
section .layout-center .hp-big-banners .item > .inside p{color:#Ffffff; padding:0; margin:0px 00px 1.5em 0; font-size:14px; font-weight:600; font-family:'Poppins', sans-serif;}
section .layout-center .hp-big-banners .item > .inside .button{border-color:#ffffff; line-height: 50px;}
section .layout-center .hp-big-banners .item > .inside .button:hover{border-color:#ffffff; background: #ffffff; color:var(--text-color-primary); }
section .layout-center .hp-big-banners .item.dark > .inside{  left:auto; right:0;  padding:40px 40px 40px 40px;}
section .layout-center .hp-big-banners .item.dark > .inside h3{color:var(--text-color-primary); }
section .layout-center .hp-big-banners .item.dark > .inside p{color:var(--text-color-primary); }
section .layout-center .hp-big-banners .item.dark > .inside .button{border-color: var(--text-color-primary); background-color:var(--text-color-primary); color:#ffffff }
section .layout-center .hp-big-banners .item.dark > .inside .button:hover{ color:#ffffff; }


section .blog-posts.carousel {margin-top:20px;}
section .blog-posts {display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; margin-bottom: 70px; }
section .blog-posts .item {background: #ffffff; border-radius:0px; }
section .blog-posts .item .image{display:block; border-radius:0;overflow: hidden;}
section .blog-posts .item .image img{width:100%; aspect-ratio: 405/300;object-fit: cover;  border-radius:0; transition: all 0.5s;}
section .blog-posts .item:hover .image img{-moz-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05);}
section .blog-posts .item .wrap {padding:20px 30px 25px 30px; border:0; border-radius:0 }
section .blog-posts .item .wrap h3{color: var(--text-color-primary); line-height: 125%; margin:0; padding:0; font-size:22px; font-weight:600; font-family:'Poppins', sans-serif;}
section .blog-posts .item .wrap h3 a{text-decoration:none;color: var(--text-color-primary); }
section .blog-posts .item .wrap h3 a:hover{text-decoration:underline;}
section .blog-posts .item .wrap p {font-size:14px!important; color:#808080; padding:0!important; text-align:left!important; margin-top:15px;max-height:95px;overflow:hidden}
section .blog-posts .item .wrap .show-detail{ font-size:14px; color:#000000; line-height: 20px;  font-weight:600; padding-left: 0px; text-transform: uppercase; letter-spacing:2px;white-space:nowrap; margin-top:15px; display:inline-block;}
section .blog-posts .item .wrap .info-line{display:inline-flex;gap:0px 0px;padding:11px 0; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; font-size:13px;margin-bottom:12px; background: #F7F7F7;}
section .blog-posts .item .wrap .info-line > span{padding:0px 10px; color:#808080; font-size:13px; display:inline-block; line-height: 16px; font-weight:500; position:relative;}
section .blog-posts .item .wrap .info-line > span.date{border-right:1px solid #808080}

section .blog-posts.v2  {grid-template-columns: repeat(1, 1fr); gap:30px; margin-top:-20px; margin-bottom:30px;}
section .blog-posts.v2 .item {display: flex; border-radius:15px; border: 1px solid #E1E1E1; }
section .blog-posts.v2 .item .image{width:50%; border-radius: 15px;}
section .blog-posts.v2 .item .wrap{flex:1}
section .blog-posts.v2 .item .image img{border-radius:15px}
section .blog-posts.v2 .item .wrap {padding:25px 45px 25px 45px; border:0}



section .share-article {background: #F5F5F5; border-radius: 15px;  padding:25px 35px;margin-bottom:3.5em; display:flex; align-items:center; justify-content:flex-start; }
section .share-article > div:first-child {flex:1; font-size:22px; font-weight:600}
section .share-article > div:last-child {align-self: flex-end;}
section .share-article > div:last-child .button img {padding-left:15px; padding-right:0}


section .heureka-block{display: flex; gap: 50px; align-items: center}
section .heureka-block > div:first-child{width:308px; text-align: center; align-self: flex-start;}
section .heureka-block > div:first-child .heureka{ border-radius:15px; padding:25px;}
section .heureka-block > div:first-child .rating{font-size:34px; font-weight:600}
section .heureka-block > div:first-child .stars{}
section .heureka-block > div:first-child .count{font-size:14px; color:#627a80;  font-family: 'Poppins', sans-serif; font-weight:600; padding-top:4px;}
section .heureka-block > div:first-child .count a{font-size:14px; color:#627a80;  font-family: 'Poppins', sans-serif; font-weight:600; text-decoration:none}
section .heureka-block > div:first-child .count a:hover{text-decoration:underline}

section .heureka-block > div:last-child{flex:1}
section .heureka-block > div .review-grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 35px; }
section .heureka-block > div .review-grid .head {display:flex; justify-content: left; align-items: center; gap:15px; margin-bottom:10px;}
section .heureka-block > div .review-grid .head .image {width:68px;}
section .heureka-block > div .review-grid .head .rate  {margin:2px 0 5px 0}
section .heureka-block > div .review-grid .head .rate img {height:17px;}
section .heureka-block > div .review-grid .head strong  {font-weight:600; font-size:18px; display:block;}
section .heureka-block > div .review-grid .head .date  {color:#929ea1; font-size:13px;}
section .heureka-block > div .review-grid .head .desc {flex:1; line-height: 20px;}
section .heureka-block > div .review-grid p {color:#627a80; font-size:14px; line-height: 155%; font-family: 'Poppins', sans-serif;}
section .heureka-block > div .review-grid ul {list-style-type: none; margin:5px 0 0 0; padding:0}
section .heureka-block > div .review-grid ul li{color:#627a80;font-size:14px; font-weight:400; padding:0px 0px 5px 25px; background: url(../images/svg/ul-plus.svg) no-repeat left 1px; background-size:15px auto}
section .heureka-block > div .review-grid ul li.minus{background-image: url(../images/svg/ul-minus.svg);}

 
section .heureka-block-detail{display: flex; gap: 50px; align-items: center}
section .heureka-block-detail > div:first-child{width:308px; text-align: center; align-self: flex-start;}
section .heureka-block-detail > div:first-child .button{margin-top:30px; line-height: 45px; font-weight:500; }
section .heureka-block-detail > div:first-child .heureka{background: transparent; border-radius:15px; padding:25px;}
section .heureka-block-detail > div:first-child .wrap{display:flex; align-items: center; text-align: left; gap:15px;}
section .heureka-block-detail > div:first-child .wrap > div:first-child{width:95px; flex-shrink: 1}
section .heureka-block-detail > div:first-child .wrap > div:first-child img{width:100%;}
section .heureka-block-detail > div:first-child .rating{font-size:34px; line-height: 34px; font-weight:600; padding-bottom:5px;}
section .heureka-block-detail > div:first-child .logo{width:95px;}
section .heureka-block-detail > div:first-child .count{font-size:14px; color:#627a80;  font-family: 'Poppins', sans-serif; font-weight:600; padding-top:4px;}
section .heureka-block-detail > div:last-child{flex:1}
section .heureka-block-detail > div .review-grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 35px; }
section .heureka-block-detail > div .review-grid .head {display:flex; justify-content: left; align-items: flex-start; gap:15px; margin-bottom:15px;}
section .heureka-block-detail > div .review-grid .head .image {width:68px;}
section .heureka-block-detail > div .review-grid .head .rate  {margin:2px 0 5px 0; display: inline-block;}
section .heureka-block-detail > div .review-grid .head .rate img {height:17px; position:relative; top:-2px;}
section .heureka-block-detail > div .review-grid .head strong  {font-weight:600; font-size:18px; display:block;padding-bottom: 3px;}
section .heureka-block-detail > div .review-grid .head .date  {color:#929ea1; font-size:13px;}
section .heureka-block-detail > div .review-grid .head .desc {flex:1; line-height: 20px;}
section .heureka-block-detail > div .review-grid p {color:#627a80; font-size:14px; line-height: 155%; font-family: 'Poppins', sans-serif;}
section .heureka-block-detail > div .review-grid ul {list-style-type: none; margin:0px 0 0 0; padding:0}
section .heureka-block-detail > div .review-grid ul li{font-size:13px; font-weight:400; padding:0px 0px 5px 25px; background: url(../images/svg/ul-plus.svg) no-repeat left 1px; background-size:15px auto}
section .heureka-block-detail > div .review-grid ul li.minus{background-image: url(../images/svg/ul-minus.svg);}


section.newsletter-section{background: #35B0E3 url('../images/newsletter-bg.jpg') no-repeat right center; height:340px; padding:0 30px; position:relative; display:flex; justify-content: center; align-items: center; margin-top:-1px;}
section.newsletter-section .logo-newsletter{position:absolute; top:-4%; left:10px; height: calc(100% + 6.4%); z-index: -1}
section.newsletter-section .grid{display:flex; align-items: flex-start; justify-content: center; width:100%; max-width: 1110px; margin:0px auto; color:#ffffff; gap:50px}
section.newsletter-section .grid > div:first-child{font-size:18px; font-weight:300;white-space:nowrap; flex: 0 0 auto; }
section.newsletter-section .grid > div:first-child strong{display:block; font-size:40px; font-weight:800; font-family: 'Poppins';position:relative; margin-top:-10px; }
section.newsletter-section .grid > div:last-child {flex:1 }

section .layout-center #description-layout {max-width: 1490px; margin:20px auto 0 auto}
section .layout-center #description-layout .layout{display: grid; grid-template-columns: 1fr 1fr; gap: 0px; margin-bottom:90px;  }
section .layout-center #description-layout .layout img{max-width: 100%; border-radius: 20px;}
section .layout-center #description-layout .layout.img-left > div:first-child{order:2}
section .layout-center #description-layout .layout p{color: var(--text-color-primary); font-size:16px; margin-bottom:2em; line-height: 200%}
section .layout-center #description-layout .layout p a{color: var(--primary-color); font-weight:600}
section .layout-center #description-layout .layout h3{font-size:25px; line-height: 150%; color: var(--text-color-primary); font-weight:600}
section .layout-center #description-layout .layout .text p:last-child{margin-bottom: 0}
section .layout-center #description-layout .layout .text{align-self: center; padding-right:90px;}
section .layout-center #description-layout .layout.img-left .text{ padding-right:0px; padding-left:90px;}



section .layout-center .horizontal-nav{display:flex; align-items: center; justify-content: space-between; gap:24px; margin-bottom:0px;}
section .layout-center .horizontal-nav > a{background: #ffffff url('../images/svg/link-arrow-right.svg') no-repeat right 25px center;font-family: 'Poppins', sans-serif; display:flex; align-items:center; font-weight:800;  flex:1; text-decoration: none; font-size:20px; padding:20px 40px; box-sizing: border-box; min-height: 100px; border-radius: 10px; color: var(--text-color-primary)}
section .layout-center .horizontal-nav > a:hover{background-color: var(--primary-color); color:#ffffff; background-image: url('../images/svg/link-arrow-right-w.svg') ;}

section .layout-center #subpage-wrap{ max-width: 1195px; margin:0px auto }
section .layout-center #subpage-wrap h1{font-size:40px;}
section .layout-center #subpage-wrap h1.big{font-size:50px; font-weight:800!important }


section .layout-center #basket-line{position:relative; max-width:600px; width:100%; margin:0px auto 40px auto; display:flex;align-items: flex-start; justify-content: space-between; text-align: center; font-size:14px; color:#929ea1; font-weight:400}
section .layout-center #basket-line::before{ z-index:-1;position:absolute; left:0; top:20px; width:100%; line-height:0; height:1px; background: #D7DADB; content: ' ' }
section .layout-center #basket-line .num{width:40px; outline: 10px solid #ffffff; line-height: 38px; font-size:16px; font-weight:600; box-sizing: border-box; background: #ffffff; border:1px solid #DCDEDF; border-radius: 40px; display:inline-block;}
section .layout-center #basket-line strong{display:block; margin-top:8px; font-weight:400;color:#929ea1; }
section .layout-center #basket-line strong a, section .layout-center #basket-line .num a {display:block; font-weight:400;color:#929ea1; text-decoration: none }
section .layout-center #basket-line > div.active .num{background: var(--primary-color); border-color: var(--primary-color); color:#ffffff; position:relative;}
section .layout-center #basket-line > div.active strong{font-weight:600; color:var(--text-color-primary); }
section .layout-center #basket-line > div{flex:1; position:relative;}
section .layout-center #basket-line > div:first-child::before{position:absolute; left:0; top:0; height:40px; width:50%; background: #ffffff; content: ''; z-index: -1}
section .layout-center #basket-line > div:last-child::before{position:absolute; right:0; top:0; height:40px; width:50%; background: #ffffff; content: ''; z-index: -1}



section .layout-center .contact-page-layout{display:flex; align-items: flex-start; justify-content: space-between; margin-bottom:30px; margin-top:30px; gap:35px;}
section .layout-center .contact-page-layout > div{flex:1; position:relative;}
section .layout-center .contact-page-layout > div:first-child{flex:1.4;}
section .layout-center .contact-page-layout > div:first-child .button{width:100%; max-width:270px;}
section .layout-center .contact-page-layout > div.icon-block{padding-left: 46px;}
section .layout-center .contact-page-layout > div.icon-block.bank-acc{padding-left: 66px;}
section .layout-center .contact-page-layout > div .icon{left:0; top:-3px; position: absolute}
section .layout-center .contact-page-layout > div h3{font-size:22px; font-weight:600; magin:0; padding:0 0 20px 0; text-align:left; font-family: 'Poppins', sans-serif;}
section .layout-center .contact-page-layout > div h3.np{padding:0}
section .layout-center .contact-page-layout > div p{color:var(--text-color-primary); font-size:14px; line-height:160%; padding:0 0 1.2em 0}

section .layout-center .contact-page-layout > div .tel{display:inline-flex; color:#929ea1; font-size:14px; margin-top: 5px; margin-bottom:15px;}
section .layout-center .contact-page-layout > div .tel > span{width:50px;}
section .layout-center .contact-page-layout > div .tel > div{flex:1}
section .layout-center .contact-page-layout > div .tel > div a{font-size:28px; line-height: 28px; font-weight:800; letter-spacing: -1px; text-decoration:none;}
section .layout-center .contact-page-layout > div .tel > div a:hover{ text-decoration:underline;}
section .layout-center .contact-page-layout > div .tel > div span{display: block;}

section .layout-center .contact-page-layout > div .mail{display:inline-flex; align-items: center; color: var(--primary-color); font-size:22px; font-weight:600; margin-bottom:30px;}
section .layout-center .contact-page-layout > div .mail > span:first-child{width:50px;}
section .layout-center .contact-page-layout > div .soc {display:inline-flex; gap:20px; margin-top:60px;} 

section .layout-center #basket-layout {display:flex; align-items: flex-start; gap:45px; margin-bottom:0px; } 
section .layout-center #basket-layout.pb {padding-bottom:50px; } 

section .layout-center #basket-layout .back-link{ font-size:14px; font-weight:600; display:inline-flex; align-items:center; gap:15px; margin:0px 0 0px 0; position:relative;  } 
section .layout-center #basket-layout .sidebar .back-link{  margin:5px 0 0px 0;  bottom:-10px; } 
section .layout-center #basket-layout .sidebar{width:420px;  position: sticky; top:20px; border-radius:15px; overflow: hidden; box-shadow: 0px 26px 65px 0px rgba(0, 0, 0, 0.1);} 
section .layout-center #basket-layout .sidebar .button.last-step{font-size:20px; margin-top:10px;} 
section .layout-center #basket-layout .sidebar.top-margin{margin-top:27px;} 
section .layout-center #basket-layout .sidebar .wrap{padding:30px; border-bottom:1px solid #D7DADB;} 
section .layout-center #basket-layout .sidebar .wrap.gray{background: #ffffff;} 
section .layout-center #basket-layout .sidebar .wrap:last-child{ border-bottom:0;} 
section .layout-center #basket-layout .sidebar .total-price{font-size:16px; font-weight:600; text-align: right; padding:15px 0; } 
section .layout-center #basket-layout .sidebar .total-price strong{font-size:26px; } 

section .layout-center #basket-layout .sidebar .pure-checkbox{ margin-bottom:20px; margin-top:10px; } 
section .layout-center #basket-layout .sidebar .pure-checkbox label{font-size:14px; line-height: 140%;} 


section .layout-center #basket-layout .sidebar .coupon-wrap{position:relative; padding:0; margin:0;}
section .layout-center #basket-layout .sidebar #coupon{background: #ffffff url('../images/svg/coupon.svg') no-repeat left 12px center; box-sizing: border-box;  width:100%;   border:1px solid #D7DADB; border-radius: 30px!important;  height:46px; padding:0 100px 0 42px; font-size:14px; color:var(--text-color-primary); font-style:normal; font-family:'Poppins', sans-serif; font-weight:400 !important;}
section .layout-center #basket-layout .sidebar #coupon::-webkit-input-placeholder { /* Chrome */ color: #627a80; }
section .layout-center #basket-layout .sidebar #coupon:-ms-input-placeholder { /* IE 10+ */ color: #627a80; }
section .layout-center #basket-layout .sidebar #coupon::-moz-placeholder { /* Firefox 19+ */ color: #627a80; opacity: 1; }
section .layout-center #basket-layout .sidebar #coupon:-moz-placeholder { /* Firefox 4 - 18 */ color: #627a80; opacity: 1; }
section .layout-center #basket-layout .sidebar .coupon-wrap button.button{ box-sizing: border-box; position:absolute; right:0px; top:0px; height:46px; min-width:0 }

section .layout-center #basket-layout .sidebar .icon-box{padding-left: 40px; position:relative; font-size:13px; margin-bottom: 15px;}
section .layout-center #basket-layout .sidebar .icon-box strong{font-size:16px; line-height: 16px; font-weight:600; display:block; padding-top:2px;}
section .layout-center #basket-layout .sidebar .icon-box img.icon{position:absolute; left:0; top:0}
section .layout-center #basket-layout .sidebar .icon-box .bar{height:6px; border-radius: 6px; background: #E0E0E0; margin-top:6px; margin-left:-40px; width:calc(100% + 40px); position:relative;}
section .layout-center #basket-layout .sidebar .icon-box .bar span{position:absolute; left:0; top:0; height:100%; background: #56B1C8; border-radius: 6px;}

section .layout-center #basket-layout .sidebar .icon-box.delivery img.icon{width:31px; left:-1px; top:2px}
section .layout-center #basket-layout .sidebar .icon-box.gift img.icon{width:22px; left:5px; top:-3px;}
section .layout-center #basket-layout .sidebar .icon-box.gift .bar span{background: var(--secondary-color);}
section .layout-center #basket-layout .sidebar .icon-box.point { margin:30px 0 -5px 0}
section .layout-center #basket-layout .sidebar .icon-box.point img.icon{width:21px; left:6px; top:-4px; }

section .layout-center #basket-layout .sidebar .product-list-table {border-spacing:0; margin:0px; padding:0px;} 
section .layout-center #basket-layout .sidebar .product-list-table tr td{white-space: nowrap; border-bottom:1px solid #D7DADB; padding:15px 10px; font-size:14px;} 
section .layout-center #basket-layout .sidebar .product-list-table tr td.image{ width:60px; padding-left:10px; padding-right:0px;} 
section .layout-center #basket-layout .sidebar .product-list-table tr td.image img{ width:100%; } 
section .layout-center #basket-layout .sidebar .product-list-table tr td.name{white-space: normal; padding-left:10px; font-size:13px; font-weight:500; line-height: 150%;} 
section .layout-center #basket-layout .sidebar .product-list-table tr td.price {text-align: right; line-height: 150%} 
section .layout-center #basket-layout .sidebar .product-list-table tr td.price .original-price{font-weight:500; text-decoration:line-through; } 
section .layout-center #basket-layout .sidebar .product-list-table tr td.price strong{font-weight:600; font-size:16px;} 
section .layout-center #basket-layout .sidebar .product-list-table tr td.price .quantity {display:block; font-size:14px; font-weight:500} 
section .layout-center #basket-layout .sidebar .product-list-table tr:nth-child(n+6) {display: none; }

section .layout-center #basket-layout .sidebar .show-more-wrap{padding:15px 0px; text-align:center; border-bottom: 1px solid #D7DADB; display:none;}

section .layout-center #basket-layout .sidebar .price-block {display:flex; flex-direction: column; width:100%; gap:10px; margin:-10px 0 23px 0;} 
section .layout-center #basket-layout .sidebar .price-block > div {display:flex; gap:20px;align-items:center; justify-content:space-between; font-size:14px; font-weight:500; line-height:26px; } 
section .layout-center #basket-layout .sidebar .price-block > div.total {font-size:18px; font-weight:600; } 
section .layout-center #basket-layout .sidebar .price-block > div.total span:last-child {font-size:26px;} 
section .layout-center #basket-layout .sidebar .price-block > div.total span:last-child {font-size:26px;} 

section .layout-center #basket-layout .sidebar p {font-size:14px; line-height: 140%; padding-bottom: 15px; color:var(--text-color-primary)} 


section .layout-center .form-item{padding:0px; margin:0px;}
section .layout-center .form-item label{adding:0px; margin:0px; font-size:14px; color: var(--text-color-primary); font-weight:500; display:block; padding-bottom:3px;}

section .layout-center #basket-layout .content{flex:1; } 
section .layout-center #basket-layout .content .title{font-size:20px; margin-top: 30px; margin-bottom:0;  font-family: 'Poppins', sans-serif; } 
section .layout-center #basket-layout .content .basket-list-table {margin-bottom: 40px; border-spacing:0; margin:0px; padding:0px; } 
section .layout-center #basket-layout .content .basket-list-table tr td{white-space: nowrap; border-bottom:1px solid #D7DADB; padding:10px 10px; font-size:14px;} 
section .layout-center #basket-layout .content .basket-list-table tr td.image{ width:60px; padding-left:0; padding-right:0px;} 
section .layout-center #basket-layout .content .basket-list-table tr td.image img{ width:85%; height:auto} 
section .layout-center #basket-layout .content .basket-list-table tr td.name{white-space: normal; padding-left:10px; font-size:14px; line-height: 150%;} 
section .layout-center #basket-layout .content .basket-list-table tr td.availability{font-weight:600;white-space: normal; color:#669c43; text-align: center;} 
section .layout-center #basket-layout .content .basket-list-table tr td.price {text-align: right; line-height: 130%} 
section .layout-center #basket-layout .content .basket-list-table tr td.price .original-price{font-weight:500; text-decoration:line-through; } 
section .layout-center #basket-layout .content .basket-list-table tr td.price strong{font-weight:600; font-size:16px;} 
section .layout-center #basket-layout .content .basket-list-table tr td.action {padding-right:0px; width:10px;} 
section .layout-center #basket-layout .content .basket-list-table tr td.quantity .spinner{position:relative;} 


section .layout-center #basket-layout .content .basket-list-table tr td.quantity   {width:90px;}
section .layout-center #basket-layout .content .basket-list-table tr td.quantity .spinner  {width:100%;  position:relative; left:0; top:0px; margin:0px 0px 0px 0px; display:inline-block; float:left; }
section .layout-center #basket-layout .content .basket-list-table tr td.quantity .spinner  label{position:absolute; right:100%; top:0px; line-height: 44px;  padding-right:10px;}
section .layout-center #basket-layout .content .basket-list-table tr td.quantity .spinner  input {-webkit-appearance: none; -moz-appearance: none; appearance: none;text-align: center; box-sizing: border-box;border:1px solid #D7DADB; border-radius:44px; background:#ffffff; padding:0 0px 0px 0px!important; height:44px; width:100%!important; margin:0; display:block; color:#556a7f; font-size:16px; font-weight:600; position:relative; }
section .layout-center #basket-layout .content .basket-list-table tr td.quantity .spinner  .input-group-btn-vertical > .btn{width:23px; height:42px; border-radius:44px; border:0px;background-color:transparent;  background-size: 10px auto}
section .layout-center #basket-layout .content .basket-list-table tr td.quantity .spinner  .input-group-btn-vertical > .btn:first-child{right:1px; top:1px; background-position: left center}
section .layout-center #basket-layout .content .basket-list-table tr td.quantity .spinner  .input-group-btn-vertical > .btn:last-child{left:1px; top:1px; background-position: right center}


section .layout-center #basket-layout .content .basket-gift{display:flex;flex-wrap: wrap;  gap:10px; width:100%; align-items: stretch;margin-top:10px; }
section .layout-center #basket-layout .content .basket-gift > .item{display:flex; flex:1;  gap:10px; align-items: center; border:1px solid #D7DADB; background:#FCFCFC; border-radius: 10px; padding:15px 20px; cursor:pointer}
section .layout-center #basket-layout .content .basket-gift > .item.none{flex:1; }
section .layout-center #basket-layout .content .basket-gift > .item .image{width:60px;}
section .layout-center #basket-layout .content .basket-gift > .item .image img{width:100%;}
section .layout-center #basket-layout .content .basket-gift > .item .desc {flex:1}
section .layout-center #basket-layout .content .basket-gift > .item .desc .price{display:block; text-align: right; font-weight:600; padding-top: 5px;}
section .layout-center #basket-layout .content .basket-gift > .item:has(input[type="radio"]:checked) {background: #ffffff; }

section .layout-center #basket-layout .content .pure-checkbox input[type="radio"] + label, 
section .layout-center #basket-layout .content .pure-radiobutton input[type="radio"] + label{height:18px; padding-left:18px;}



section .layout-center #basket-layout .content .pay-delivery{display:flex; flex-direction: column;  gap:0px; width:100%; align-items: stretch; border-top:1px solid #D7DADB; margin-top:15px; }
section .layout-center #basket-layout .content .pay-delivery > .item{display:flex;flex-wrap: wrap;   gap:10px;width: 100%; align-items: center; box-sizing: border-box; justify-content: flex-start; border:1px solid #D7DADB; border-top:0; background:#FCFCFC; border-radius: 0px; padding:15px 20px; cursor:pointer}
section .layout-center #basket-layout .content .pay-delivery > .item .image{width:70px; text-align: center;}
section .layout-center #basket-layout .content .pay-delivery > .item .image img{width:100%;}
section .layout-center #basket-layout .content .pay-delivery > .item .desc{flex:1; font-size:13px; color:#6a7072; }
section .layout-center #basket-layout .content .pay-delivery > .item .desc strong{font-size:16px; line-height:20px;display:block; color: var(--text-color-primary)}
section .layout-center #basket-layout .content .pay-delivery > .item .price{text-align: right; font-weight:600; font-size:16px; justify-self: flex-end; }
section .layout-center #basket-layout .content .pay-delivery > .item .text{flex-basis: 100%; padding-left: 35px; color:#6a7072}
section .layout-center #basket-layout .content .pay-delivery > .item:has(input[type="radio"]:checked) {background: #ffffff; }
section .layout-center #basket-layout .content .pay-delivery > .back {background: #FCFCFC; border:1px solid #D7DADB; border-top:0 ; padding:12px 15px;}

section .layout-center #basket-layout .content .pay-delivery.pay-block > .item {min-height: 93px;}
section .layout-center #basket-layout .content .pay-delivery.pay-block > .item .image img{width:52px;}

section .layout-center #basket-layout .content .login-block{border-radius:15px; background: #F5F5F5; padding:15px 20px; display:flex; gap:20px; align-items:center; justify-content:space-between; }
section .layout-center #basket-layout .content .login-block p{font-size: 14px; line-height: 140%; color:var(--text-color-primary); padding-left:0px; position:relative; display:inline-flex; align-items: center}
section .layout-center #basket-layout .content .login-block p img{ padding-right:15px; }


section .instagram-block { display: flex; flex-direction: row; gap:0px; flex-wrap: wrap;align-items: stretch; justify-content: center;}
section .instagram-block > div {box-sizing: border-box;  position: relative; flex: 1 0 calc((100% - (6 - 1) * 12px) / 6);}
section .instagram-block > div.default > img {width:100%; aspect-ratio: 1/1; object-fit: cover}
section .instagram-block > div.default {order: 200; background: url('../images/insta/default.jpg') no-repeat center center; background-size: cover; opacity: 1; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;}
section .instagram-block > div.default .wrap {position:absolute; top:0; left:0; display:flex; box-sizing: border-box; height:100%; width:100%; align-items: center; justify-content: center;}
section .instagram-block > div.default .wrap > div {box-sizing: border-box; text-align:left; width:100%; padding:0px 40px; color:#ffffff}
section .instagram-block > div.default .wrap > div strong{font-size:35px; line-height: 40px; font-weight:600; display:block; padding-bottom:0.6em;}
section .instagram-block > div.default .wrap > div p{font-size:16px; line-height: 150%; font-weight:500; color:#ffffff; padding-bottom:1em}
section .instagram-block > div.default .wrap > div a{font-size:16px; line-height: 150%; font-weight:500; color:#a0dbdb}
section .instagram-block > div.default .wrap > div a img{padding-left:10px; width:20px;}
section .instagram-block > div > a{position: relative; display: block; padding-top: 100%; }
section .instagram-block > div > a img{position: absolute; left: 0; top: 0; object-fit: cover; width: 100%; height: 100%;transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; }
section .instagram-block > div > a span{position: absolute; left: 0; top: 50%; width: 100%; font-size: 50px; color: #211f1d; font-weight: 600; text-align: center;line-height: 0px; }
section .instagram-block > div > a:hover img{opacity: 0.9}


section .layout-center  .tag{position:absolute; left:0px; top:0px; margin:0px; padding:0px; list-style: none;z-index:9999}
section .layout-center  .tag.right{left:auto; right:0}
section .layout-center  .tag li {padding:0px 0px 4px 0px; text-align: left;}
section .layout-center  .tag li > span{display:inline-block;height:22px; line-height:20px; padding:0 5px 0 5px; border-radius:0px;letter-spacing:0px;position:relative; color:#ffffff; text-transform:uppercase; font-style: normal; font-family:'Oswald', sans-serif; font-weight:600; font-size:16px; margin-right:0px; }

section .layout-center  .tag li span.lime  {text-shadow: -1px -1px 0 #326728, 1px -1px 0 #326728, -1px  1px 0 #326728, 1px  1px 0 #326728;}

section .layout-center .big-image .tag{top:0px;}
section .layout-center .big-image .tag li span{height:24px;}
section .layout-center .big-image .tag li span > span{font-size:12px; line-height: 20px;padding:2px 8px}

body .red{background: #ED6262!important;}
body .red::after{border-color: transparent transparent transparent #ED6262!important;}
body .red:hover{background: #ED6262!important;}


body .blue{background: #2056B0!important;}
body span.blue::after{border-color: transparent transparent transparent #2056B0!important;}
body .blue:hover{background: #2056B0!important;}
body span.yellow, body a.yellow{background: #FFC600!important;color:black !important}
body span.yellow::after{border-color: transparent transparent transparent #FFC600!important;}
body span.yellow:hover, body a.yellow:hover{background: #FFC600!important;color:black !important}
body .black{background: #000!important;}
body .black:hover{background: #333!important;}

body .green{background: #669C43!important;}
body .green:hover{background: #669C43!important;}

body .lime{background: #B5D439!important;}
body .lime:hover{background: #B5D439!important;}

body .purple{background: #7965B2!important;}
body .purple:hover{background: #7965B2!important;}

body .dark-blue{background: #2C444E!important;}
body .dark-blue:hover{background: #2C444E!important;}

body .light-blue{background: #48B5E1!important;}
body .light-blue:hover{background: #48B5E1!important;}

body .orange{background: #FF9E7D!important;}
body .orange:hover{background: #FF9E7D!important;}


section .layout-center .category{margin:30px -15px 30px -15px;}
section .layout-center .category .item{float:left; width:12.5%;box-sizing: border-box; padding:15px;}
section .layout-center .category .item a{display:block; background: #ffffff; box-sizing: border-box; padding:20px 20px; color:#1d1d1d; font-size:13px; font-weight:600; text-decoration:none; text-align: center; border-bottom:3px solid #E4E4E4;  }
section .layout-center .category .item a:hover {border-color:#f8ad95;}
section .layout-center .category .item a .image {display:block; overflow:hidden; margin:0px auto; text-align: center; background: url(../images/loading.gif) no-repeat center center; background-size:70% auto; }  
section .layout-center .category .item a .image img{display:block; background: transparent; aspect-ratio: 1/1;width:100%;height:auto; max-width: 230px; margin:0px auto;  -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }
section .layout-center .category .item a:hover .image img{-moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }
section .layout-center .category .item a .name{display:block; padding:10px 0px 10px 0px; }
section .layout-center .category .item a:hover{color:#1d1d1d;}

section .news-wrap {border:1px solid #D8D8D8; background: #FCFCFC;padding:35px 15px 45px 15px; margin-bottom: 70px; margin-top:-21px; text-align: center; position:relative;}
section .news-wrap .news .item{float:left; box-sizing: border-box; width:33.3333333%; padding:15px;}
section .news-wrap .news .item .wrap{padding:0px 20px 0px 115px; text-align:left;}
section .news-wrap .news .item .wrap .date{width:85px; box-sizing: border-box; float:left; margin-left:-115px; margin-top:5px; background: #DADADA; color:#ffffff; padding:15px 10px; font-weight:600; text-align: center;}
section .news-wrap .news .item .wrap .date .day{font-size:40px; line-height: 40px; display:block; padding-bottom:5px;}
section .news-wrap .news .item .wrap .date .name{font-size:16px; line-height: 16px; display:block;}
section .news-wrap .news .item .wrap h3{margin:0px 0px 5px 0px; padding:0px; font-size:16px; line-height: 150%; text-align:left; }
section .news-wrap .news .item .wrap h3 a{color: #1d1d1d; text-decoration:none;}
section .news-wrap .news .item .wrap h3:hover a{text-decoration:underline;}
section .news-wrap .news .item .wrap p{color:var(--text-color-primary); font-size:14px; line-height: 150%;}
section .news-wrap .button{position:absolute; left:50%; bottom:-25px; margin-left:-125px;}


section .brands-title {text-align:center; font-size:28px; color: var(--text-color-primary); font-weight:600; margin-top:30px;}
section .brands-title span{display:inline-block; border:1px solid #E1E1E1;  border-bottom:1px solid #ffffff; margin-bottom:-1px; line-height: 58px; padding:0px 20px; width:100%; max-width:360px; box-sizing:border-box; }
section .brands {text-align: center; box-shadow: 0px 25px 51px 0px rgba(0, 0, 0, 0.05); border-radius:0px; border:1px solid #E1E1E1;  padding:30px 0}
section .brands .wrap{background: #ffffff;border-radius:15px;  padding:20px 0px;  position:relative; text-align: center; white-space: nowrap;}
section .brands .wrap .item {text-align:center!important; padding:0px 0px;display:flex; box-sizing: border-box; flex-direction: column; align-items: center; gap: 20px; }
section .brands .wrap .owl*item { box-sizing: border-box; }

section .brands .wrap .item img{width:100%!important; max-width:147px; display:inline; aspect-ratio: 137/72}
section .brands .wrap .left-side{height:74px; width:37px; border-top-left-radius:37px; border-bottom-left-radius:37px; background: #EEF0F4; position:absolute; right:0px; top:50%; margin-top:-37px; }
section .brands .wrap .right-side{height:74px; width:37px; border-top-right-radius:37px; border-bottom-right-radius:37px; background: #EEF0F4; position:absolute; left:0px; top:50%; margin-top:-37px;}
section .brands .brands-carousel{display:flex;} 
section .brands .owl-stage{display:flex;} 
section .brands .owl-item{float:none;} 
section .brands .owl-next, 
section .brands .owl-prev {position:absolute; top:5px!important; border:0px!important;width:30px!important; height:100%; background-repeat:no-repeat; background-position:center center;  border:0px;  -webkit-transition: all 0s ease !important;  -moz-transition: all 0s ease!important; -o-transition: all 0s ease!important; -ms-transition: all 0s ease!important; transition: all 0s ease!important;}
section .brands .owl-prev {left:-35px!important; background-image:url(../images/svg/owl-prev-default.svg);  }

section .brands .owl-next {right:-35px!important; background-image:url(../images/svg/owl-next-default.svg);  }

section .layout-center .load-more{text-align: center; margin-top:30px;margin-bottom:0px}

section .layout-center .show-all.show-review{margin-top:0}
section .layout-center .show-all.default{margin-top:0}
section .layout-center .show-all{text-align: center;  font-family: 'Poppins', sans-serif; font-weight:500; font-style:normal; color:#252526; margin:-49px 0px 0px 0px; padding:0 0 0px 0;line-height: 21px; }

section .layout-center .show-all span{position: relative; }
section .layout-center .show-all .button {margin-top:0px; min-width:320px; font-family: 'Poppins', sans-serif; text-transform: uppercase}
section .layout-center .show-all .button img {margin-top:2px; position:relative; padding-left:10px;  }

section .layout-center .show-all.top3{margin-top:20px; margin-bottom:50px; text-align:left;}
section .layout-center .show-all.top3 a{font-size:16px; font-weight:400; color:var(--text-color-primary)}


.hp-layout {display: flex; width: 100%; gap:90px; position:relative; }
.hp-layout::before {position:absolute; height:100%; width:100%; top:0; right:100%; background: #ffffff; content:''}
.hp-layout .left-column {flex: 0 0 56%; display: flex; justify-content: center; align-items: center;  }
.hp-layout .left-column img {max-width: 100%; width:100%}

.hp-layout .right-column {flex: 1;display: flex;  flex-direction: column;  justify-content: center; align-items: normal; text-align:left;  }
.hp-layout .right-column .title-big{text-align:left;}
.hp-layout .right-column .info{display: flex; width:100%; gap:20px; margin:40px 0}
.hp-layout .right-column .info p{padding:0; margin:0; flex:1}
.hp-layout .right-column .info .map-button{display:inline-flex; gap:15px; justify-content: center; align-items: center;  min-height: 70px; background: #ECF4FB; white-space: nowrap; padding:0px 30px; border-radius:6px; font-size:15px; color:var(--text-color-primary)}
.hp-layout .right-column .info .map-button:hover{background: #E2E9F0;}

.hp-layout .right-column .oh{border-spacing: 0; width:auto!important; margin-bottom:40px;}
.hp-layout .right-column .oh tr>td:first-child{padding-right:20px; font-weight:600}
.hp-layout .right-column .button{min-width: auto; max-width:300px; width:100%;}


section .layout-center #sort-line  {display:flex; gap:10px; margin:29px 0px; position:relative; z-index: 99999;}
section .layout-center #sort-line .sort-box  {margin:0;}
section .layout-center #sort-line > .button  {line-height: 40px; padding:0;margin:0;border:1px solid #D2D6DB; display:flex; gap:10px; justify-content: center; align-items:center;  }
section .layout-center #sort-line > .button::before{ background-size:100% auto; background-repeat:no-repeat;}
section .layout-center #sort-line > .button::before{content:' ';display:inline-block; width:18px; height:20px; background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="256" height="256" viewBox="0 0 256 256" xml:space="preserve"><defs></defs><g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)"><path d="M 15.898 90 c -1.657 0 -3 -1.343 -3 -3 V 54.88 c 0 -1.657 1.343 -3 3 -3 s 3 1.343 3 3 V 87 C 18.898 88.657 17.555 90 15.898 90 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" transform="matrix(1 0 0 1 0 0)" stroke-linecap="round" /><path d="M 74.103 60.069 c -1.657 0 -3 -1.343 -3 -3 V 3 c 0 -1.657 1.343 -3 3 -3 s 3 1.343 3 3 v 54.069 C 77.103 58.727 75.76 60.069 74.103 60.069 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" transform="matrix(1 0 0 1 0 0)" stroke-linecap="round" /><path d="M 45 90 c -1.657 0 -3 -1.343 -3 -3 V 28.319 c 0 -1.657 1.343 -3 3 -3 c 1.657 0 3 1.343 3 3 V 87 C 48 88.657 46.657 90 45 90 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" transform="matrix(1 0 0 1 0 0)" stroke-linecap="round" /><path d="M 45 31.319 c -5.914 0 -10.726 -4.812 -10.726 -10.726 S 39.086 9.868 45 9.868 s 10.726 4.812 10.726 10.726 S 50.914 31.319 45 31.319 z M 45 15.868 c -2.605 0 -4.726 2.12 -4.726 4.726 s 2.12 4.726 4.726 4.726 s 4.726 -2.12 4.726 -4.726 S 47.605 15.868 45 15.868 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" transform="matrix(1 0 0 1 0 0)" stroke-linecap="round" /><path d="M 15.898 57.88 c -5.915 0 -10.726 -4.812 -10.726 -10.726 c 0 -5.915 4.812 -10.726 10.726 -10.726 c 5.914 0 10.726 4.812 10.726 10.726 C 26.624 53.068 21.812 57.88 15.898 57.88 z M 15.898 42.428 c -2.606 0 -4.726 2.12 -4.726 4.726 c 0 2.605 2.12 4.726 4.726 4.726 c 2.605 0 4.726 -2.12 4.726 -4.726 C 20.624 44.548 18.503 42.428 15.898 42.428 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" transform="matrix(1 0 0 1 0 0)" stroke-linecap="round" /><path d="M 74.103 75.521 c -5.915 0 -10.727 -4.812 -10.727 -10.727 c 0 -5.914 4.812 -10.726 10.727 -10.726 c 5.914 0 10.726 4.812 10.726 10.726 C 84.828 70.71 80.017 75.521 74.103 75.521 z M 74.103 60.069 c -2.606 0 -4.727 2.12 -4.727 4.726 c 0 2.606 2.12 4.727 4.727 4.727 c 2.605 0 4.726 -2.12 4.726 -4.727 C 78.828 62.189 76.708 60.069 74.103 60.069 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" transform="matrix(1 0 0 1 0 0)" stroke-linecap="round" /><path d="M 15.898 42.428 c -1.657 0 -3 -1.343 -3 -3 V 3 c 0 -1.657 1.343 -3 3 -3 s 3 1.343 3 3 v 36.428 C 18.898 41.085 17.555 42.428 15.898 42.428 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" transform="matrix(1 0 0 1 0 0)" stroke-linecap="round" /><path d="M 45 15.868 c -1.657 0 -3 -1.343 -3 -3 V 3 c 0 -1.657 1.343 -3 3 -3 c 1.657 0 3 1.343 3 3 v 9.868 C 48 14.524 46.657 15.868 45 15.868 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" transform="matrix(1 0 0 1 0 0)" stroke-linecap="round" /><path d="M 74.103 90 c -1.657 0 -3 -1.343 -3 -3 V 72.521 c 0 -1.657 1.343 -3 3 -3 s 3 1.343 3 3 V 87 C 77.103 88.657 75.76 90 74.103 90 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" transform="matrix(1 0 0 1 0 0)" stroke-linecap="round" /></g></svg>'); }
section .layout-center #sort-line > .button:hover  {border-color: #f8ad95; background-color: #f8ad95}

section .layout-center #filter-block-wrap  {margin-top:30px;-webkit-box-shadow: 0 0 15px 0 #eee;-moz-box-shadow: 0 0 15px 0 #eee;box-shadow: 0 0 15px 0 #eee;}
section .layout-center #filter-block-wrap.active  {display:block;}
section .layout-center #filter-block  {background: #FCFCFC; border:1px solid #DFDFDF; padding:20px 20px 10px 20px; border-radius:0px; margin:0px 0 0px 0; position:relative; z-index: 100000;}

.pure-checkbox input[type="checkbox"] + label::before, .pure-radiobutton input[type="checkbox"] + label::before, .pure-checkbox input[type="radio"] + label::before, .pure-radiobutton input[type="radio"] + label::before {background-color:#ffffff}


section .layout-center .filter-tags  {float:right;white-space: nowrap; display:inline-block; padding-left:0px; font-size:16px; color:#6b6b6b; font-weight:600; }
section .layout-center .filter-tags > div  {display:inline-block; margin-left:10px;}
section .layout-center .filter-tags > div  label{font-weight:600}
section .layout-center .filter-tags > div.stock{margin-left:40px;}


section .layout-center #filter-block .nouislider  {margin:0px;margin-top:5px}
section .layout-center #filter-block .value-left  {margin:0px;  position:absolute; right:100%; top:-7px; margin-right:20px; font-size:14px;color: var(--text-color-primary);}
section .layout-center #filter-block .value-right  {margin:0px; position:absolute; left:100%; top:-7px; margin-left:20px;font-size:14px;color: var(--text-color-primary);}
section .layout-center #filter-block .noUi-handle-upper{margin-left:-13px;}
section .layout-center #filter-block .noUi-handle-lower{margin-left:13px;}
section .layout-center #filter-block .bar  {position:relative;margin:0px 100px; max-width:320px;}

section .layout-center #filter-block .filter-top-line  {display:flex; align-items: center; margin-bottom:20px; position:relative; border-bottom:1px solid #DFDFDF; padding-bottom:20px;}
section .layout-center #filter-block .filter-top-line >div:first-child  { white-space: nowrap; font-size:0; flex-grow: 2}
section .layout-center #filter-block .filter-top-line >div:last-child  {flex:1}

section .layout-center #filter-block .filter-line  {display:flex;  align-items: flex-start; justify-content: left; margin-bottom:7px; position:relative;}
section .layout-center #filter-block .filter-line >div:first-child  {  font-size:0; display:flex; flex-wrap:wrap; gap:10px;}
section .layout-center #filter-block .filter-line >div:last-child  {flex:1}


section .layout-center .filter-box{  color:#242424; font-weight:400; margin:0px 0px 0px 0px; display: inline-block;  z-index: 9998; white-space: normal;}
section .layout-center .filter-box.active{   z-index: 9999;}
section .layout-center .filter-box.nomarg-top{margin-top:0}
section .layout-center .filter-box .button{width:auto; min-width: auto; padding:0 20px 0 20px; line-height: 35px; margin-right:0; border-color:#C8CCD0}
section .layout-center .filter-box .button img{padding:0 0 0 10px}

section .layout-center .filter-box .filter-button {text-transform:uppercase;font-size:14px;font-weight:600}
section .layout-center .filter-box .filter-button-box{border:1px solid #DFDFDF;  border-radius:0px; box-sizing: border-box;display: none;  position: absolute;z-index: 9999;  padding: 20px; left: -21px; width: calc(42px + 100%); background: #FCFCFC;border-top:0 none !important; border-top-left-radius: 0; border-top-right-radius: 0; }
section .layout-center .filter-box .filter-button-box .bar{margin-top:20px!important; margin-bottom:20px!important;}
section .layout-center #main .filter-box .filter-button-box .checkboxes > li, 
section .layout-center #main .filter-box .filter-button-box .colors li, 
section .layout-center #main .filter-box .filter-button-box .sizing li{width:10%}

section .layout-center #main .filter-box .filter-button-box .sizing li {width:50px !important}


section .layout-center #content-filter .price-slider-box  {background: #FAFAFA; border-bottom:0px; padding:30px 0px; margin-bottom:20px;}
section .layout-center #content-filter .price-slider-box > div  {display:table; width:100%;}
section .layout-center #content-filter .price-slider-box > div > div  {display:table-cell; vertical-align:middle; box-sizing: border-box; }
section .layout-center #content-filter .price-slider-box > div > div:first-child  {padding:0px 0px;font-size:16px;  font-family: 'Poppins', sans-serif; font-weight:800;color: #101414; width:150px;  }
section .layout-center #content-filter .price-slider-box > div > div:last-child  {padding:0px 0px 0px 20px; text-align:right; width:300px; white-space:nowrap;}
section .layout-center #content-filter .price-slider-box > div > div:last-child .pure-checkbox {margin:5px;}
section .layout-center #content-filter .price-slider-box > div > div:last-child > div  {display:inline-block}



section .layout-center #content-filter .nouislider  {margin:0px;}
section .layout-center #content-filter .value-left  {margin:0px;  position:absolute; right:100%; top:-9px; margin-right:20px; font-size:14px;color: var(--text-color-primary);}
section .layout-center #content-filter .value-right  {margin:0px; position:absolute; left:100%; top:-9px; margin-left:20px;font-size:14px;color: var(--text-color-primary);}
section .layout-center #content-filter .bar  {position:relative;margin:10px 100px; max-width:400px;}

section .layout-center #content-filter  {float:left; width:100%; margin-top:45px;margin-bottom: 30px;}
section .layout-center #content-filter .tabs-wrap { float:left; width:100%; box-sizing: border-box; position:relative;}

section .layout-center #content-filter ul.tabs {margin: 0 0 -1px 0; padding: 0;  list-style: none; font-size:0px;  }
section .layout-center #content-filter ul.tabs li { display:inline-block;margin: 0 3px 0px 0px;box-sizing: border-box; cursor: pointer; padding: 0px 30px; font-size:14px;  font-family: 'Poppins', sans-serif; font-weight:600;  line-height: 44px; border-radius:6px 6px 0px 0px; background:#FCFCFC; border: 1px solid #D7DADB; border-bottom:1px solid #D7DADB;  color: var(--text-color-primary); overflow: hidden; position: relative; }
section .layout-center #content-filter ul.tabs li.active {background-color: #fff;border-color:#D7DADB;border-bottom-color:#D7DADB; color:var(--text-color-primary); }
section .layout-center #content-filter .tab_container {  background: #fff; overflow: auto; border:1px solid #D7DADB; border-radius:0px 6px 6px 6px }
section .layout-center #content-filter .tab_content {padding:30px 30px 25px 30px; display: none;  border-bottom:1px solid #D7DADB }
section .layout-center #content-filter .tab_drawer_heading { display: none; }
section .layout-center #content-filter .mobile-tab{line-height: 40px;display:none; background: #ffffff url(../images/svg/arrow-down.svg) no-repeat right 15px center; color:var(--text-color-primary); font-size:14px; font-weight:600; padding:0px 20px; text-decoration:none; border-bottom:1px solid #D7DADB}
section .layout-center #content-filter .mobile-tab.active{background-image: url(../images/svg/arrow-up.svg)}


section .layout-center .sort-box{  color:#000000; font-weight:400; margin:29px 0px 29px; display: inline-block; position: relative; z-index: 9997}
section .layout-center .sort-box.nomarg-top{margin-top:0}
section .layout-center .sort-box .sort-button{color:var(--text-color-primary);position: relative; padding:0px 30px 0px 40px; border:1px solid #D2D6DB; line-height:40px; font-size:16px; background: url(../images/sort.png) no-repeat 10px center; background-size: 25px auto; cursor: pointer; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;}
section .layout-center .sort-box .sort-button.active,
section .layout-center .sort-box:hover .sort-button{background-color: #f8ad95; border-color: #f8ad95}
section .layout-center .sort-box .sort-button strong{color:#000000; font-weight: 600; padding-left: 10px;}
section .layout-center .sort-box .sort-button::after{position: absolute; content: ' '; width: 30px; height: 40px; right: 0px; top: 0px; background: url('../images/svg/down.svg') no-repeat center center; background-size: 10px;}
section .layout-center .sort-box .sort-button-box{border:1px solid #D2D6DB; border-top: 0px; box-sizing: border-box;display: none; box-shadow: 0 5px 10px rgba(0,0,0,0.16); position: absolute;z-index: 9999; top: 100%; padding: 15px 0px; left: 0px; width: 100%; background: #ffffff;}
section .layout-center .sort-box .sort-button-box a{display: block; padding: 0px 30px 0px 40px; font-size: 15px; line-height: 30px;text-decoration:none}
section .layout-center .sort-box .sort-button-box a:hover, section .layout-center .sort-box .sort-button-box a.current{text-decoration:underline}


section .layout-center .filter-wrap{border:1px solid #D2D6DB; line-height:58px; font-size:18px; padding:0px 30px; color:var(--text-color-primary); font-weight:400; margin:20px 0px 20px;}
section .layout-center .filter-wrap.no-top-margin{margin-top:0px;}
section .layout-center .filter-wrap a{box-sizing: border-box; display:inline-block; color:var(--text-color-primary); margin-left:35px; font-size:16px; position:relative; text-decoration: none;  }
section .layout-center .filter-wrap a::before{content:' '; opacity:0; width:100%; left:0px; bottom:-1px; height:5px; background: #f8ad95; position:absolute; }
section .layout-center .filter-wrap a:hover::before{opacity:1;}
section .layout-center .filter-wrap a.current{color:#2e3032; font-weight:600;}
section .layout-center .filter-wrap a.current::before{opacity:1;}

.free-delivery2 {width:100%;max-width:500px;float:right;margin-bottom:0px;}
.free-delivery2.nomarg{margin-top:0;width:auto;float:left}
.delivery-bar{width: 100%; height:5px; background:#333;border-radius:2px; position:relative; margin-top:20px; margin-bottom:10px; }
.delivery-bar span{ height:100%; background:#f8ad95;border-radius:2px; left: 0px; top: 0px; position:absolute; }
.delivery-bar span::after{height:19px; width:3px; position:absolute; right:-1px; top:-7px; content: ' ';background: #333; }

.delivery-bar-desc{text-align: right; font-size: 14px; font-weight: 600; color: #1b1b1b; }
.delivery-bar-desc img{padding-right: 10px;}
.delivery-bar-desc strong{color: #f8ad95;}


section .layout-center ul.subcategories{  display: grid; grid-template-columns: repeat(5, 1fr); gap: 24px; width: 100%; list-style-type: none; margin-bottom:20px;}
section .layout-center ul.subcategories > li{padding:0}
section .layout-center ul.subcategories > li a{border:1px solid #E5E5E5; border-radius:0px;display:flex; position:relative; width:100%; height:100%; min-height: 60px; justify-content: left; align-items: center; text-align:left; background: #ffffff;  color:var(--text-color-primary); font-size:14px; line-height: 20px; font-weight:600; text-decoration: none; font-family:'Poppins',sans-serif;  }
section .layout-center ul.subcategories > li a:hover{ background:#fff; border-color:var(--text-color-primary);box-shadow: 0px 3px 5px 0px rgba(27, 54, 61, 0.13);}
section .layout-center ul.subcategories > li.current a{border-color:var(--text-color-primary); background:#000000; color:#ffffff; box-shadow: 0px 3px 5px 0px rgba(27, 54, 61, 0.13);}
section .layout-center ul.subcategories > li a > span{ text-align:left; padding:5px ; line-height: 20px;}
section .layout-center ul.subcategories > li a:hover > span{background: #fff;}
section .layout-center ul.subcategories > li a > span:first-child{border-radius:0px 0px 5px 5px; padding:3px 0px 3px 5px; background: transparent url(../images/loading.gif) no-repeat center center; background-size:100% auto; }
section .layout-center ul.subcategories > li a > span img{width:54px;box-sizing: border-box; padding:0px; border-radius:5px;}
section .layout-center ul.subcategories > li a > span:last-child{flex:1;padding-left:30px; padding-right:30px; background: transparent; width:auto;}
section .layout-center ul.subcategories > li.nopicture a > span {padding:10px 15px}

section .layout-center .top-container {display:flex; justify-content: left; align-items: flex-start; gap:45px; margin-top:10px;}
section .layout-center .top-container .help-box {background: #EEF4FA url('../images/svg/help-box.svg') no-repeat right 35px center; padding:40px  150px 40px 40px;  display:block;flex: 0 0 300px; text-decoration:none; color:var(--text-color-primary);font-size:14px; }
section .layout-center .top-container .help-box:hover {background-color: #DDE8F2;}
section .layout-center .top-container .help-box strong{font-size:25px; color:var(--text-color-primary); font-weight:600; line-height:130%; display:block; padding-bottom:20px;}

section .layout-center .top-table {border-collapse:collapse; border-spacing:0 0px; margin-top:0px;}
section .layout-center .top-table tr td{border-top:1px solid #D7DADB;border-bottom:1px solid #D7DADB; vertical-align: middle; padding:10px;}
section .layout-center .top-table .num{border-left:1px solid #D7DADB;width:68px; height:68px; padding:0px; text-align: center; color:#555; font-size:20px;  font-weight:500;}
section .layout-center .top-table .image{border-left:1px solid #D7DADB; padding:0px 5px; width:50px; padding-right:;}
section .layout-center .top-table .image img{max-width:50px;width:auto;height:auto}
section .layout-center .top-table .name {padding-left:5px;}
section .layout-center .top-table .name a{font-size:15px; color:#182728; text-decoration:none; font-weight:600;}
section .layout-center .top-table .name a:hover{ color:#000000; }
section .layout-center .top-table td:last-child{border-right:1px solid #D7DADB; text-align:right;}
section .layout-center .top-table .availability span{color:#62c91c; font-size:13px; font-weight:500;position:relative; display:inline-block; margin-bottom: 0px;}  
section .layout-center .top-table .price, .popup_cart_price .price {color:var(--text-color-primary); font-size:20px; line-height: 25px; font-weight:600; margin-top:0px; white-space:nowrap;}  
section .layout-center .top-table .original-price, .popup_cart_price .original-price {color:#556a7f; font-size:14px; line-height:14px; font-weight:400; position:relative;display:inline-block;}  
section .layout-center .top-table .original-price::before, .popup_cart_price .original-price::before {top:50%; left:0px; margin-top:-2px; height:6px; width:100%; position:absolute; content:' '; background: url(../images/original-price.png) no-repeat center center;}  

section .layout-center  .breadcrumbs{ width:100%; margin-top:5px; margin-bottom:0px;  border-top: 0px;  position:relative; padding-bottom:5px} 
section .layout-center  .breadcrumbs::before{position:absolute; right:-50%; bottom:0px; width:200%; height:1px; line-height: 0; background: #E3E3E3; content:''; opacity:0} 
section .layout-center  .breadcrumbs.with-line::before{opacity:1} 
section .layout-center  .breadcrumbs > ul{margin:0px 0 0px 0px; padding:5px 0px; list-style:none; position:relative;   white-space: nowrap; overflow-x: auto;}
section .layout-center  .breadcrumbs > ul li{display:inline-block; font-size:13px; line-height: 25px; background:  url(../images/svg/breadcrumbs2.svg) no-repeat left center; padding:0 16px 0 22px; margin-bottom:0px;  font-weight:400;} 
section .layout-center  .breadcrumbs > ul li:first-child{background: transparent; padding-left:0px;} 
section .layout-center  .breadcrumbs > ul li a{text-decoration:underline; color:var(--text-color-primary); font-weight:400;} 
section .layout-center  .breadcrumbs > ul li a:hover{color:var(--text-color-primary);text-decoration:none;} 
section .layout-center  .breadcrumbs > ul li a img{position:relative; top:-2px; padding-right:8px;} 
section .layout-center  .breadcrumbs > ul li:last-child {padding-right:0px;} 
section .layout-center  .breadcrumbs > ul li:last-child a{color:var(--text-color-primary); font-weight:600; text-decoration: none;} 
section .layout-center  .breadcrumbs > ul li:last-child a:hover{color:var(--text-color-primary); } 
section .layout-center  .breadcrumbs > ul li.collapsed{cursor:pointer} 

section .layout-center .pagination {text-align: right;  margin-bottom: 0px; margin-top:10px; padding:0 0px;}
section .layout-center .pagination.v2 {margin-bottom: 40px; margin-top:-66px; margin-right:20px;}
section .layout-center .pagination span, 
section .layout-center .pagination a{margin:0 0px;display:inline-block; padding:0 0px; text-align: center;    box-sizing: border-box;font-size:14px; line-height:34px; width:34px;   text-align:center; border-radius:0px; color:var(--text-color-primary); text-decoration: none; font-weight:500; } 
section .layout-center .pagination span{background: transparent; width:30px;}
section .layout-center .pagination a.current{  background: var(--primary-color); color:#ffffff; font-weight: 400} 
section .layout-center .pagination a:hover{ text-decoration: none;background:var(--primary-color); color:#ffffff;} 
section .layout-center .pagination a.right{width:12px; height:22px; background: transparent url(../images/svg/arrow-next.svg) no-repeat right center; background-size: auto; margin-bottom:-5px; margin-left:8px; border:0px;} 
section .layout-center .pagination a.left{width:12px; height:22px; background: transparent url(../images/svg/arrow-prev.svg) no-repeat left center;background-size:auto; margin-bottom:-5px; margin-right:8px; border:0px;} 

section .layout-center .filter-params{display:inline-flex; list-style-type: none; gap:10px; flex-wrap: wrap; margin-bottom: 15px;} 
section .layout-center .filter-params li{padding:0} 
section .layout-center .filter-params li span{display:inline-block; white-space:nowrap; border:1px solid #D7DADB; background: #ffffff; color:var(--text-color-primary);font-size:14px; border-radius:4px; line-height: 38px; padding:0px 14px; transition: all 0.3s ease;} 
section .layout-center .filter-params li span.clear{background: #E2EBF3; border-color:#E2EBF3; font-weight:600; cursor:pointer;} 
section .layout-center .filter-params li span.clear:hover{background: #D0E0ED;} 
section .layout-center .filter-params li span img{padding-left:10px; position:relative; top:-1px; cursor:pointer; transition: transform 0.3s ease;} 
section .layout-center .filter-params li span:not(.clear):has(img:hover) {background-color:#EDEFF0; color:#61696B; }


#show_total_count{float:right; color:#333; width:100%; box-sizing:border-box; margin-top:-12px; margin-bottom:-5px; padding-right:20px; text-align:right;}

section  .search-box{padding:0px; position:relative;margin-bottom:20px;}
section  .search-box .inp-text{height: 38px; color:var(--text-color-primary); font-size:14px;border-radius:0px; font-style:italic; font-weight:300!important; background:#ffffff url(../images/svg/hledani.svg) no-repeat right 10px center; padding:0px 35px 0px 10px;}
section  .search-box .inp-text::-webkit-input-placeholder { /* Chrome */ color: var(--text-color-primary); }
section  .search-box .inp-text:-ms-input-placeholder { /* IE 10+ */ color: var(--text-color-primary); }
section  .search-box .inp-text::-moz-placeholder { /* Firefox 19+ */ color: var(--text-color-primary); opacity: 1; }
section  .search-box .inp-text:-moz-placeholder { /* Firefox 4 - 18 */ color: var(--text-color-primary); opacity: 1; }

section  .scroll-box{max-height: 200px; overflow-y: scroll;}

section .toggle-filter.button{ max-width:100%; text-align: center; display:none; margin-bottom:20px;}
body.without_column section .toggle-filter.button {display:block;max-width:320px;margin:0 auto;}
body.without_column section .toggle-filter.button.empty, body:not(.without_column) section .toggle-filter.button {display:none !important}
body.without_column #filter {display:none}
body.without_column section .layout-center .aside-box .wrap:not(.pricebox) {display:none}

section .layout-center #main{ margin-bottom: 40px; padding-top:0px; margin-top:0px; display:flex;align-items: stretch; gap:25px;}
section .layout-center #main.full-width{ padding-left:0px; background:#fff; padding:20px 0px; margin-top:0px; gap:0; display:block;}
section .layout-center #main.full-width.white{ padding-left:0px; background:#fff; padding:0px; margin-top:30px;}
section.gray .layout-center #main.full-width{padding:40px 0 100px 0}
section .layout-center #main #content{display:block; box-sizing: border-box; padding-top:5px; order:2; flex: 1;}
section .layout-center #main #content #aside{margin-bottom:20px; float:none; display:none;}

/*.sticky-nav section .layout-center #main #aside .sticky{position:sticky; top:-120px; transition: var(--transition)}*/
section .layout-center #main #aside .sticky{position:sticky; top:-260px;}

section .layout-center #main #aside{ width:260px;  box-sizing: border-box;  border-right:0px; position:relative; z-index: 3000; order:1}
section .layout-center #main #aside .goback{position:relative; display:block; line-height:50px; color:#ffffff; text-decoration:none; font-weight:300; font-size:22px; padding-left:70px; background: #161616}
section .layout-center #main #aside .goback::before{width:50px; height:50px; content:''; position:absolute; left:0; top:0; background-image: -moz-linear-gradient( 0deg, rgb(22,22,22) 0%, rgb(61,61,61) 100%); background-image: -webkit-linear-gradient( 0deg, rgb(22,22,22) 0%, rgb(61,61,61) 100%); background-image: -ms-linear-gradient( 0deg, rgb(22,22,22) 0%, rgb(61,61,61) 100%);}
section .layout-center #main #aside .goback::after{width:50px; height:50px; content:''; position:absolute; left:0; top:0; background: url('../images/svg/back-arrow.svg') no-repeat center center;}



section .layout-center #main .aside-title{font-size:20px; background: var(--primary-color); border-radius:0px; color:#ffffff;  font-family: 'Poppins', sans-serif; font-weight:600;  line-height: 50px; text-transform:uppercase; text-align: center; text-align:left; padding:0px 20px 0px 20px; margin:0px 0px 10px 0; cursor:pointer; position:relative;   }
section .layout-center #main #aside .aside-title{ display:none; }
section .layout-center #main #aside #filter{ position:relative; }


section .layout-center #main .aside-filter{display:block!important;background: #F7F7F7; border-radius: 0px;  padding:15px 20px 10px 20px; position:relative;}
section .layout-center #main .checkboxes{margin-left:-10px; margin-right:-10px; line-height: 0px; line-height: 0px; font-size:0px; }
section .layout-center #main .checkboxes > li{display:inline-block;box-sizing: border-box; padding-left:0px; padding-right:10px; width:33.333333%;}
section .layout-center #main #aside .checkboxes > li{ width:100%;}
section .layout-center #main #aside .checkboxes.two-cols > li{ width:50%;}

section .layout-center #main .aside-box{ position:relative; margin-bottom:10px; padding-top:0px;}
section .layout-center #main .aside-box .box-title{background: #ffffff url('../images/svg/down.svg') no-repeat right 10px  center;  background-size:12px auto;font-size:16px; color: var(--text-color-primary);  font-family: 'Poppins', sans-serif; font-weight:600; border-radius:0px; line-height: 45px; text-align: center; text-align:left; padding:0px 0px 0px 16px; margin:0px 0px 0px 0px; cursor:pointer; position:relative;  }
section .layout-center #main .aside-box .box-title.active{background-image: url('../images/svg/up.svg');  }

section .layout-center #main #content .aside-filter{margin-bottom: 10px;}

section .layout-center #main .aside-box .wrap{padding:10px 16px 0px 16px; position:relative; box-sizing: border-box; }
section .layout-center #main .aside-box .wrap .select-style{float:none; margin:0px -16px; width:auto;}

section .layout-center #main #content .aside-box .wrap .select-style{ margin:0px 0px; }



section .layout-center #main .aside-box .wrap.gray{background: #FAFAFA; }
section .layout-center #main .aside-box .visible-wrap{overflow:hidden; height:auto;max-height:225px;-webkit-transition: all 0.3s ease !important;  -moz-transition: all 0.3s ease!important; -o-transition: all 0.3s ease!important; -ms-transition: all 0.3s ease!important; transition: all 0.3s ease!important;}
section .layout-center #main .aside-box .visible-wrap.expand{max-height:100000px;}
section .layout-center #main .checkboxes, section .layout-center #main .check{list-style: none; margin:0px; padding:2px 0 0 0; }
section .layout-center #main .checkboxes li, section .layout-center #main .check li{padding:0px 0px 10px 0px; }
section .layout-center #main .checkboxes.double li, section .layout-center #main .check.double li{float:left; width:50%; box-sizing: border-box;}
section .layout-center #main .checkboxes.triple li, section .layout-center #main .check.triple li{float:left; width:33.33333%; box-sizing: border-box;}
section .layout-center #main .aside-box .more{text-align: left; }
section .layout-center #main .aside-box .more a{color:#1d1d1b; font-size:13px;  }


body.without_column section .layout-center #main .aside-box{ width:25%;float:left;display:block;}
section .layout-center #main #aside .menu-tabs{width:100%; position:relative; bottom:-1px;}
section .layout-center #main #aside .menu-tabs a{width:49.5%;display:inline-block; line-height: 53px; font-size:16px; color:#649398; font-weight:600; border-radius:10px 10px 0 0; font-family: 'Poppins', sans-serif; box-sizing: border-box;  text-align: center;text-decoration: none; background: #D8EDF0; }
section .layout-center #main #aside .menu-tabs a.current{background: #EDF9FA;  color:var(--text-color-primary);}
section .layout-center #main #aside .menu-tabs a:hover{color:var(--text-color-primary);}
section .layout-center #main #aside .menu-tabs a:last-child{float:right; }

section .layout-center #main #aside .main-menu{  margin:0px 0px 20px 0px; text-align:left;  background:#EDF9FA; padding:20px 35px 15px 35px; border-radius:0 0 15px 15px}

section .layout-center #main #aside .main-menu > a{display:block; line-height: 40px;font-family: 'Poppins', sans-serif; border-radius:10px; font-weight:600; font-size:18px; color:#ffffff; text-decoration: none; padding:0px 23px; margin:0px  0px 4px 0px;}
section .layout-center #main #aside .main-menu > a.red{background: #cd0000;}
section .layout-center #main #aside .main-menu > a.red:hover{background: #e50303;}
section .layout-center #main #aside .main-menu > a.blue{background: #ACDFD8!important; color:#3b8279}
section .layout-center #main #aside .main-menu > a.blue:hover{background: #B9F0E9!important;}
section .layout-center #main #aside .main-menu > a.yellow{background: #5BBBC6;color:black}
section .layout-center #main #aside .main-menu > a.yellow:hover{background: #5BBBC6;color:black}
section .layout-center #main #aside .main-menu > a.black{background: #000;}
section .layout-center #main #aside .main-menu > a.black:hover{background: #333;}
section .layout-center #main #aside .main-menu > a.green{background: #CADB9E!important; color:#5b6c2c}
section .layout-center #main #aside .main-menu > a.green:hover{background: #D8EAA9!important;}
section .layout-center #main #aside .main-menu > a.purple{background: #D7BEE2!important; color:#5d4169}
section .layout-center #main #aside .main-menu > a.purple:hover{background: #E7CCF3!important;}
section .layout-center #main #aside .main-menu > a.brown{background: #EAD6A1!important; color:#846e32}
section .layout-center #main #aside .main-menu > a.brown:hover{background: #EACB75!important;}


section .layout-center #main #aside .main-menu > ul{margin:10px 0px 0 8px ; padding:0px; list-style: none; font-family: 'Poppins', sans-serif; }
section .layout-center #main #aside .main-menu > ul > li div.logo img{float:right;width:auto;height:auto;max-height:30px;max-width:40px}
section .layout-center #main #aside .main-menu > ul > li{padding:3px 0px;}
section .layout-center #main #aside .main-menu > ul > li > a{line-height: 120%; padding:7px 0px  7px 0px; display:block; font-size:20px; font-weight:600; color:var(--text-color-primary); text-decoration: none; position:relative;   -webkit-transition: all 0.3s ease !important;  -moz-transition: all 0.3s ease!important; -o-transition: all 0.3s ease!important; -ms-transition: all 0.3s ease!important; transition: all 0.3s ease!important;}
section .layout-center #main #aside .main-menu > ul > li.current > a  { text-decoration: underline }
section .layout-center #main #aside .main-menu > ul > li.current > a:hover  {  text-decoration: underline}
section .layout-center #main #aside .main-menu > ul > li > a:hover { text-decoration:underline;}
section .layout-center #main #aside .main-menu > ul > li > ul{margin:0px; padding:10px 0px 5px 0px; list-style: none; }

section .layout-center #main #aside .main-menu > ul > li > ul > li {line-height: 120%; padding:0px 0px 0px 10px; }
section .layout-center #main #aside .main-menu > ul > li > ul > li > a{color:#43a0ab; font-size:14px; line-height: 32px; text-decoration: none; font-weight:500; display:block; padding:0px 0px 0px 0px; position:relative;}
section .layout-center #main #aside .main-menu > ul > li > ul > li.current > a{ text-decoration: none; }

section .layout-center #main #aside .main-menu > ul > li > ul > li > a:hover{text-decoration: underline;}
section .layout-center #main #aside .main-menu > ul > li > ul > li > a.current{text-decoration: underline;}
section .layout-center #main #aside .main-menu > ul > li > ul > li > ul {padding:0px 0px 3px 15px; margin:10px 0; list-style: none}
section .layout-center #main #aside .main-menu > ul > li > ul > li > ul > li  {padding:4px 0px;}
section .layout-center #main #aside .main-menu > ul > li > ul > li > ul > li > a {font-size:14px; color:var(--text-color-primary); font-weight:400; text-decoration:none;}
section .layout-center #main #aside .main-menu > ul > li > ul > li > ul > li > a:hover { text-decoration:underline;}
section .layout-center #main #aside .main-menu > ul > li > ul > li > ul > li.current > a { text-decoration:underline;}

section .layout-center #main #aside .main-menu > ul > li > ul > li > ul > li > ul {padding:0px 0px 3px 20px; margin:10px 0px; list-style: none}
section .layout-center #main #aside .main-menu > ul > li > ul > li > ul > li > ul > li  {padding:4px 0px;}
section .layout-center #main #aside .main-menu > ul > li > ul > li > ul > li > ul > li > a {font-size:13px; color:var(--text-color-primary); font-weight:400; text-decoration:none;}
section .layout-center #main #aside .main-menu > ul > li > ul > li > ul > li > ul > li > a:hover { text-decoration:underline;}
section .layout-center #main #aside .main-menu > ul > li > ul > li > ul > li > ul > li.current > a { text-decoration:underline;}


section .layout-center .box-layout{display:flex;}
section .layout-center .box-layout > div:first-child{padding-right:70px;}

section .layout-center .need-help{padding:27px 20px 30px 125px; margin-top:20px; top:0px; display:block; text-decoration: none; box-sizing: border-box; width:420px; position:relative; border:1px solid #EDF7F7; background: #EDF7F7  url('../images/svg/need-help.svg') no-repeat left 27px top 26px;  border-radius:0px; font-weight:500; font-size:14px; line-height: 22px; color:#5d7272; font-family: 'Poppins', sans-serif;}
section .layout-center .need-help strong{display:block; color:var(--text-color-primary); font-size:24px;  font-weight:600; padding-bottom: 10px;}
section .layout-center .need-help:hover{background-color:#F5FFFF; border:1px solid #DAE7E7;}

section .layout-center #main #aside .last-seen{border:1px solid #B5D0D3; border-radius:15px; overflow:hidden}
section .layout-center #main #aside .last-seen .top-title{background: #EDF9FA url('../images/svg/last-seen-creature.svg') no-repeat right -35px center; color:var(--text-color-primary);  padding:25px 30px; font-size:28px; line-height: 105%; font-weight:600; font-family: 'Poppins', sans-serif;}
section .layout-center #main #aside .last-seen .item{display:block;border-top:1px solid #B5D0D3; display:flex; align-items: center; padding:10px 0; font-family: 'Poppins', sans-serif; }
section .layout-center #main #aside .last-seen .item > div:first-child{width:100px; text-align: center;}
section .layout-center #main #aside .last-seen .item > div:last-child{flex: 1}
section .layout-center #main #aside .last-seen .item > div.desc {line-height:16px; padding-right:10px;}
section .layout-center #main #aside .last-seen .item > div.desc .name{font-size:13px; line-height:16px; color:var(--text-color-primary); font-weight:600; text-decoration: none}
section .layout-center #main #aside .last-seen .item > div.desc .name:hover{text-decoration:underline;}
section .layout-center #main #aside .last-seen .item > div .availability{display:block; font-size:14px; font-weight:600; color:#81b260; padding-top:3px;}
section .layout-center #main #aside .last-seen .item > div .price{display:block; font-size:20px; font-weight:600; color:var(--text-color-primary); display:block;margin-top:5px; margin-bottom:2px;}


section .colors-wrap {margin:0px; position:relative; }
section .colors {margin:0px -5px 0px -5px; position:relative; padding:0px; list-style: none; font-size:0}
section .colors li {display:inline-block; box-sizing: border-box; position:relative; padding:0px 3px 6px 2px; }
section .colors li a{ display:inline-block;text-decoration: none;border-radius:30px; white-space: nowrap; position:relative; font-size:0; padding:0; background:   #ffffff;}
section .colors li span{ border-radius:20px; width:20px; box-sizing: border-box; margin:5px; height:20px; display: inline-block; background:#ffffff;   content:''; z-index: 1000; }
section .colors li span:before{width:100%; height:100%; border-radius:28px; box-sizing: border-box;  position:absolute; left:0; top:0; border:1px solid #D5DDDD; content:''; z-index: -1px;}
section .colors li a:hover span,
section .colors li a.active span{background-image: url('../images/svg/check2.svg') !important; background-repeat: no-repeat !important; background-position: center 5px !important;}


section .sizing-wrap {margin:0px 0px -4px 0px; position:relative; }
section .sizing {margin:0px -2px 0px -2px; position:relative; padding:0px; list-style: none; font-size:0px;}
section .sizing li {display:inline-block; width:16.66666%; box-sizing: border-box; position:relative; padding:2px; font-size:13px; color:#1d1d1b;font-weight:600}
section .sizing li a{ display:block;color:#1d1d1b;background: #F9F9F9; line-height: 36px; width:36px; text-decoration: none; white-space: nowrap;  text-align: center;}
section .sizing li a.current {background:#1d1d1b;color:#ffffff;}
section .sizing li a:hover {background:#1d1d1b; color:#ffffff;}


section .layout-center #detail {display:table; width:100%; margin-top:50px; margin-bottom: 20px;}
section .layout-center #detail > div{display:table-cell; vertical-align: top;}
section .layout-center .detail-h1{ margin:8px 0px 15px 0px; padding:0px;}
section .layout-center .right-side .detail-h1{ margin-top:0;margin-bottom:20px}


section .layout-center #detail .left-side { padding-right:0px; padding-bottom:0px;  position:relative;}
section .layout-center #detail .left-side .title-wrap { margin:0px auto;text-align:left;}
section .layout-center #detail .left-side .title-wrap  h1{font-size:34px; padding-bottom:10px;}
section .layout-center #detail .left-side .title-wrap  h1 span{display:block; font-size:23px; line-height:28px; color:#1b1d1d; font-weight:400}

section .layout-center #detail .left-side .btn-back{position:absolute; z-index: 6000; left:0; top:0;font-size:16px; color:#324747; font-weight:600; line-height:58px; border:1px solid #E3EAEA; border-radius:8px; text-decoration:none; display:inline-block; padding:0px 30px; }
section .layout-center #detail .left-side .btn-back img{margin-right:10px}
section .layout-center #detail .left-side .btn-back:hover{text-decoration: underline; border-color:#1D1D1B}

section #detail .left-side .images{display:table; width:100%; margin:0px 0px 0px 0px; position:relative;}
section #detail .left-side .images > div{display:table-cell;vertical-align: top; position:relative; }
section #detail .left-side .images > div.big {padding-left:150px; padding-right:0px; text-align: center; vertical-align:middle; }
section #detail .left-side .images > div.big #detail_photo{position:relative; display:inline-block;}
section #detail .left-side .images > div.big .wrp{display:flex; height:100%; width:100%; align-items: center; justify-content: center; min-height: 653px;}  
section #detail .left-side .images > div.big.nogallery {padding-left:0}
section #detail .left-side .images > div.big a{display:block; padding:0px 0px;}
section #detail .left-side .images > div.big img{width:auto; height:auto;max-height:650px; aspect-ratio: 1/1}

section #detail .left-side .images.no-gallery { margin-top:0px; margin-bottom:0px;}
section #detail .left-side .images.no-gallery > div.big {padding-left:0px; text-align: center; }
section #detail .left-side .images.no-gallery > div.big  img{width:100%; max-width: 650px;max-height:650px}
section #detail .left-side .images.no-gallery  .jcarousel-wrapper {display:none;}

section #detail .left-side .images .tag {left:0px;}
section #detail .left-side .images.no-gallery  .tag {left:0px;}


.jcarousel-wrapper {position: absolute!important; width: 155px; height: calc(100% + 3px); left:0px; top:0px; box-sizing: border-box; }
.jcarousel-wrapper .photo-credits {position: absolute; right: 15px; bottom: 0; font-size: 13px; color: #fff; text-shadow: 0 0 1px rgba(0, 0, 0, 0.85); opacity: .66; }
.jcarousel-wrapper .photo-credits a {color: #fff; }
.jcarousel {position: absolute; left:0; top:0; overflow: hidden; width: 155px; height: 100%; }
.jcarousel img {display: block; box-sizing: border-box;width:100%;  }
.jcarousel ul {width: 100%; height: 20000em; position: relative; list-style: none; margin: 0; padding: 0; border-top:2px solid #ffffff; }
.jcarousel li {float: left; padding-top:0px; padding-bottom:5px;width: 100%;  list-style: none;}
.jcarousel li .image:hover {border-color:#000000}
.jcarousel li .image  { border:1px solid #ffffff; border-radius: 0px; display:inline-block; box-sizing: border-box;}
.jcarousel li .image img { border-radius: 0px; width:100%;}
.jcarousel-control-prev,
.jcarousel-control-next {position: absolute;cursor:pointer;left:50%; width:40px; height:40px; line-height: 40px;text-align: center; margin-left:-20px; border-radius: 40px; background-color:transparent; border:0; position:absolute; background-repeat: no-repeat; background-position: center center;opacity:1; transition: var(--transition); z-index: 8000; }


.jcarousel-control-prev {top: -33px; }
.jcarousel-control-next {bottom: -30px; background-position:center center; }
.jcarousel-control-prev:hover span,
.jcarousel-control-next:hover span {display: block; }
.jcarousel-control-prev.inactive,
.jcarousel-control-next.inactive {opacity: .5; cursor: default; }
.jcarousel-pagination {position: absolute; bottom: 0; left: 15px; }
.jcarousel-pagination a {text-decoration: none; display: inline-block; font-size: 11px; line-height: 14px; min-width: 14px; background: #fff; color: #4E443C; border-radius: 14px; padding: 3px; text-align: center; margin-right: 2px; opacity: .75; }
.jcarousel-pagination a.active {background: #4E443C; color: #fff; opacity: 1; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75); }



section .layout-center #detail-main-desc {margin-top:0px; padding-bottom: 0px;}
section .layout-center #detail-main-desc h1{font-size:35px; padding:0; margin:0 0 10px 0; font-weight:400!important}
section .layout-center #detail-main-desc h1 strong{display:block;}
section .layout-center #detail-main-desc .h1-subtitle{font-size:14px; color:#6b6b6b; margin-bottom:20px;}



@supports not (-webkit-line-clamp: 3) {
    section .layout-center .right-side > p.seodescription {
        display: block;
    }
}

section .layout-center #detail-main-desc .tag{position:relative; left:0; top:auto; display:inline-flex; flex-wrap: wrap; gap:5px; margin-bottom:10px;}


section .layout-center #detail-main-box{border:0; box-shadow: 0px 26px 65px 0px rgba(0, 0, 0, 0.1); border-radius:15px; margin:0px 0px 0px 0px; overflow:hidden; margin-bottom:20px;}
section .layout-center #detail-main-box .inside-wrap{padding:30px 50px;}

section .layout-center #detail-main-box .inside-wrap.params{background: #FCFCFC; padding-top:20px; padding-bottom:20px; border-top:1px solid #D7DADB; display:flex; align-items: flex-start;}
section .layout-center #detail-main-box .inside-wrap.params table{border-spacing:0; margin:0; padding:0; border-collapse:collapse; }
section .layout-center #detail-main-box .inside-wrap.params table tr td{padding:4px 0px; font-size:14px; color:var(--text-color-primary); vertical-align:top }
section .layout-center #detail-main-box .inside-wrap.params table tr td:first-child{width:100px;}
section .layout-center #detail-main-box .inside-wrap.params table tr td:last-child{font-weight:600; padding-left:20px;}
section .layout-center #detail-main-box .inside-wrap.params .logo{margin-top:5px;}

.buy-line .button-wrap{display:flex; gap:0px; align-items: center; margin-top:0px; background: #ffffff; border-radius: 60px; padding-right:0px;}
.buy-line {max-width: 500px; display:flex; gap:10px; align-items:center; }
.buy-line .button{ margin-left: -1px; line-height: 58px; min-width: auto;  font-size:25px; font-weight:800; min-width: auto; flex:1}
.buy-line .button img{padding:0 10px 0 0px ; position:relative; top:-1px; }
.buy-line .favorite{position:relative; flex-shrink: 0; display:inline-block; margin:0px 0px 0 7px; width:60px; height:60px; border-radius:60px;background: var(--text-color-primary) url('../images/svg/oblibeni-w.svg') no-repeat center center }
.buy-line .favorite.active{background-image:url('../images/svg/oblibeni-active.svg') }
.buy-line .favorite img{display:none; }

.buy-line .spinner-wrap{padding-left:0px; display:block; position: relative; font-size:0px; width:110px; }
.buy-line .spinner-wrap .spinner {width:100%;  position:relative; left:0; top:0px; margin:0px 0px 0px 0px; display:inline-block; float:left; }
.buy-line .spinner-wrap .spinner label{position:absolute; right:100%; top:0px; line-height: 51px;  padding-right:10px;}
.buy-line .spinner-wrap .spinner input {-webkit-appearance: none; -moz-appearance: none; appearance: none;text-align: center; box-sizing: border-box;border:1px solid #2C444E; border-radius:60px!important; background:#ffffff; padding:0 0px 0px 0px!important; height:60px; width:100%!important; margin:0; display:block; color: var(--text-color-primary); font-size:18px; font-weight:600; position:relative; }
.buy-line .spinner-wrap .spinner .input-group-btn-vertical > .btn{width:40px; height:58px; border-radius:60px; border:0px; background-color:transparent; }
.buy-line .spinner-wrap .spinner .input-group-btn-vertical > .btn:first-child{right:1px; top:1px;} 
.buy-line .spinner-wrap .spinner .input-group-btn-vertical > .btn:last-child{left:1px; top:1px;}

section .layout-center #detail-main-box .additional-info{display:flex; gap:20px; margin-top:18px;}
section .layout-center #detail-main-box .additional-info > div:first-child{width:160px; text-align:center;}
section .layout-center #detail-main-box .additional-info > div:last-child{flex:1;}

section .layout-center #detail-main-box .free-delivery-info{font-size:13px; font-family: 'Poppins', sans-serif; font-weight:600; color:#ca2a20; display:inline-flex; position:relative;}
section .layout-center #detail-main-box .free-delivery-info img{ padding-right:10px; }

section .layout-center #detail-main-box .action-line{display:flex; gap:10px; margin-top:30px; align-items: center; justify-content: space-between;}
section .layout-center #detail-main-box .action-line > div {flex: 1 1 auto;}
section .layout-center #detail-main-box .action-line > div a{color:#1f4046; font-size:13px; font-weighT:400; display:inline-flex; align-items: center}
section .layout-center #detail-main-box .action-line > div a img{padding-right:5px}

section .layout-center #detail-main-box .action-buttons{display:flex; gap:18px; width:100%; margin-top:0px; padding-top:0px; padding-bottom:30px; border-top:0; align-items: center; box-sizing: border-box;  justify-content: left; background: #ffffff;}
section .layout-center #detail-main-box .action-buttons  a{flex:1; padding:0; border-radius:40px; text-transform: none;font-size:14px;}

section .layout-center #detail-main-box .availability{color:#669C43; font-size:16px;font-family: 'Poppins', sans-serif; font-weight:600; display:block; white-space: nowrap; margin:15px 0 17px 0}
section .layout-center #detail-main-box .availability img{position:relative; top:-2px; padding-right:10px;}

section .layout-center #detail-main-box .buy-line {margin-bottom: 25px;}

section .layout-center #detail-main-box .price-line{display:flex; gap:40px; margin-top:0px; text-align:Left; align-items: center; margin-bottom:0px;}
section .layout-center #detail-main-box .price-line #detail_price{flex:1}
section .layout-center #detail-main-box .price-line .original-price{color:var(--text-color-primary); font-size:18px;font-family: 'Poppins', sans-serif; font-weight:400; display:block; text-decoration: line-through;}
section .layout-center #detail-main-box .price-line .login-price{color:#556a7f; font-size:16px; line-height:16px;font-family: 'Poppins', sans-serif; font-weight:400; display:block; white-space:nowrap; }
section .layout-center #detail-main-box .price-line .login-price strong{font-weight:600}
section .layout-center #detail-main-box .price-line .price{ font-size:18px; line-height:30px;font-family: 'Poppins', sans-serif; font-weight:400; display:block; }
section .layout-center #detail-main-box .price-line .price strong{font-size:30px;font-weight:600; white-space:nowrap; }
section .layout-center #detail-main-box .price-line .price span{padding-left:5px;}
section .layout-center #detail-main-box .price-line .price .dph{padding-right:10px; white-space:nowrap;}
section .layout-center #detail-main-box .price-line .price .capsule{font-size:14px; white-space:nowrap;}
section .layout-center #detail-main-box .price-line .price .capsule img{position:relative; padding-right:5px; top:-2px;}

section .layout-center #detail-main-box .price-line .delivery-info {font-size:14px; font-weight:400; display:inline-flex; align-items: center; margin-bottom:10px;gap:10px;}
section .layout-center #detail-main-box .price-line .delivery-info > span:first-child {width:40px;display:inline-block;}
section .layout-center #detail-main-box .price-line .delivery-info > span:first-child img {padding-left:4px;}

section .layout-center #detail-main-box .price-line .shipping {font-size:14px; font-weight:600; display:inline-flex; gap:10px;}
section .layout-center #detail-main-box .price-line .shipping > span:first-child {width:40px;display:inline-block; text-align: center;}
section .layout-center #detail-main-box .price-line .shipping > span:first-child img {}


section .layout-center #detail-main-box .free-gift,
section .layout-center #detail-main-box .free-delivery {font-size:14px; font-style: italic; display:flex; gap:8px; align-items: center; margin-top:10px;}

section .layout-center #detail-main-box .free-gift > span:first-child,
section .layout-center #detail-main-box .free-delivery > span:first-child { width:32px; text-align: center;}

section .layout-center #detail-main-box .free-gift > span:last-child,
section .layout-center #detail-main-box .free-delivery > span:last-child {flex: 1; }

section .layout-center #detail-main-box .free-gift strong {color:#2056b0;}
section .layout-center #detail-main-box .free-delivery strong {color:#35B0E3;}


section .layout-center #detail .rating{white-space:nowrap;color:#1f4046; font-size:13px; font-weight:400; padding-bottom: 20px;}
section .layout-center #detail .rating.nopadd{display:none}
section .layout-center #detail .rating.nopadd-bottom{padding-bottom:0}
section .layout-center #detail .rating a{text-decoration:underline}
section .layout-center #detail .rating strong{font-size:16px; font-weight:600; padding-right:5px; color:#1f4046;}
section .layout-center #detail .rating .my-rating{display:inline-block; position:relative;top:-1px;margin-right:10px;}

section .layout-center #detail .right-side{box-sizing:border-box;  padding-top:0px; width:650px; }
section .layout-center #detail .right-side .detail-box{border:0px; margin-bottom: 30px; border:1px solid #E0E0E0;  }

section .layout-center #detail .right-side .wrap img {width:auto;height:auto;max-width:100%;margin:20px 0}

section .layout-center #detail  .detail-params{display:flex; align-items: center; justify-content: space-between; flex-wrap: wrap; white-space: nowrap; gap:0px 20px; font-size:14px; margin-bottom:20px; margin-top:20px;}
section .layout-center #detail  .detail-params > div{white-space: nowrap;}
section .layout-center #detail  .detail-params > div.brand{padding-right:20px;}
section .layout-center #detail  .detail-params a{font-weight:600; color: var(--primary-color)}
section .layout-center #detail  .detail-params .rating {padding:0}
section .layout-center #detail  .detail-params .rating a{color:var(--text-color-primary); font-weight:400}
section .layout-center #detail  .detail-params .rating img{height:17px; position:relative; top:-2px; margin-right:10px;}

section .layout-center #detail .right-side .product-tags{display:flex; gap:30px; align-items: flex-start; list-style: none; margin:15px 0px 20px 0; padding:0 15px; box-sizing: border-box;}
section .layout-center #detail .right-side .product-tags > li{padding:0; text-align: center;}
section .layout-center #detail .right-side .product-tags > li img{max-width: 100%; }
section .layout-center #detail .right-side .product-tags > li span{display:block; color:#556a7f; font-size:12px; font-weight:500; padding-top:5px;}

section .layout-center #detail .right-side .variant {background: #ffffff; margin-bottom:20px;padding:0 0px;  border-left:0 none; border-right: 0 none;}
section .layout-center #detail .right-side .variant table{border-spacing:0px; width:100%;}

section .layout-center #detail .right-side .variant table tr td .select-style{width:100%;}
section .layout-center #detail .right-side .variant table tr td .select-style select{width:100%!important; height:45px; font-size:100%; font-weight:600!important; color:#1f4046;}

section .layout-center #detail .right-side .detail-box .btn-wrap{ padding:0px 50px 30px 50px;}
section .layout-center #detail .right-side .detail-box .btn-wrap .button{line-height: 62px; height:62px;min-width:0px; padding:0px; width:auto;background: #5BBBC6; border-color:#5BBBC6;font-size:16px; font-weight:800; color:#1f4046!important; float:left; width:100%;}
section .layout-center #detail .right-side .detail-box .btn-wrap .button:hover{background: #5BBBC6; border-color:#5BBBC6;}
section .layout-center #detail .right-side .detail-box .btn-wrap .button img{position:relative; top:-4px; padding-right:12px;}

section .layout-center #detail .right-side .detail-box .info{display:table;width:100%;background: #FCFCFC;}
section .layout-center #detail .right-side .detail-box .info > div{display:table-cell; vertical-align: middle; padding:30px 50px; font-size:15px; color:#5d6771; width:50%; box-sizing: border-box;}
section .layout-center #detail .right-side .detail-box .info > div > strong{color: #343535; font-weight: 600;}

section .layout-center #detail .right-side .detail-box .info > div:first-child  table{margin:0px; padding:0px; border-spacing:0px;}
section .layout-center #detail .right-side .detail-box .info > div:first-child  table tr td{font-size:15px;color:#1f4046; padding:0px 0px 10px 0px;}
section .layout-center #detail .right-side .detail-box .info > div:first-child  table tr td:first-child{color:#343535; font-weight:600; padding-right:0px;}
section .layout-center #detail .right-side .detail-box .info > div:first-child  table tr:last-child td{ padding-bottom:0px;}
section .layout-center #detail .right-side .detail-box .info > div:last-child {text-align:left;  border-left:1px solid #E0E0E0;}

section .layout-center #detail .right-side .detail-box .info > div:first-child  {padding-right:10px;}
section .layout-center #detail .right-side .detail-box .info > div:last-child  {padding-right:10px;}

section .layout-center #detail .right-side .wrap {padding:0}


section .layout-center #detail-wrap {background: #ffffff; padding:0px 0px 0px 0px; margin: 0px auto;  }

section .layout-center #detail-wrap .variants{display:grid; grid-template-columns: 1fr 1fr; gap:0px 10px; margin-bottom:70px; }
section .layout-center #detail-wrap .variants .item{ vertical-align:top; width:100%;position:relative; margin-top:-1px; box-sizing: border-box; padding:0px 0px; display:inline-block}
section .layout-center #detail-wrap .variants .item:nth-child(4n + 1),
section .layout-center #detail-wrap .variants .item:nth-child(4n + 4) {background: #FCFCFC; }

section .layout-center #detail-wrap .variants .item { width:100%; height:40px; display:table; background:#FFFFFF; border-radius:0px; border:1px solid #D7DADB }
section .layout-center #detail-wrap .variants .item  > div{display:table-cell; vertical-align: middle;padding:8px; color:#182728; font-weight:600; font-size:14px; }

section .layout-center #detail-wrap .variants .item  > div.last{width:120px;}
section .layout-center #detail-wrap .variants .item  > div.name{padding-left:10px; padding-right:10px; font-size:14px; line-height: 20px; font-weight:600; }
section .layout-center #detail-wrap .variants .item  > div.name .wrap{display:inline-flex; align-items: center; justify-content: left; text-align: left; gap:10px;}

section .layout-center #detail-wrap .variants .item  > div.price{font-size:16px; line-height: 20px; font-weight:600; white-space: nowrap; text-align:right; padding-right:20px; width:80px;}

section .layout-center #detail-wrap .variants .item  .original-price{font-size:14px; font-weight:400; color:#556a7f; text-decoration: line-through;}

section .layout-center #detail-wrap .variants .item  .availability{ font-weight:500; font-size:13px;  text-align:left; color:#6aa531; display:block;}
section .layout-center #detail-wrap .variants .item  .availability.orange{  color:#dca838;}

section .layout-center #detail-wrap .variants  .buy-line{display:flex; gap:5px;}
section .layout-center #detail-wrap .variants  .buy-line .button{height:50px; width:50px; text-align: center; padding:0}
section .layout-center #detail-wrap .variants  .buy-line .button img{padding:0 0 0 0px ; position:relative; top:-5px; margin-left:-2px; width:25px; }

section .layout-center #detail-wrap .variants .spinner-wrap{padding-left:0px; display:block; position: relative; font-size:0px; width:80px; }
section .layout-center #detail-wrap .variants .spinner-wrap .spinner {width:100%;  position:relative; left:0; top:0px; margin:0px 0px 0px 0px; display:inline-block; float:left; }
section .layout-center #detail-wrap .variants .spinner-wrap .spinner label{position:absolute; right:100%; top:0px; line-height: 48px;  padding-right:10px;}
section .layout-center #detail-wrap .variants .spinner-wrap .spinner input {-webkit-appearance: none; -moz-appearance: none; appearance: none;text-align: center; box-sizing: border-box;border:1px solid #D7DADB; border-radius:6px; background:#ffffff; padding:0 0px 0px 0px!important; height:50px; width:100%!important; margin:0; display:block; color:#556a7f; font-size:16px; font-weight:600; position:relative; }
section .layout-center #detail-wrap .variants .spinner-wrap .spinner .input-group-btn-vertical > .btn{width:30px; height:48px; border-radius:6px; border:0px; background-color:#ffffff; }
section .layout-center #detail-wrap .variants .spinner-wrap .spinner .input-group-btn-vertical > .btn:first-child{right:1px; top:1px;}
section .layout-center #detail-wrap .variants .spinner-wrap .spinner .input-group-btn-vertical > .btn:last-child{left:1px; top:1px;}


section .layout-center #detail .right-side .wrap .free-present {display:table; width:100%; box-sizing:border-box;background: #f8ad95 ; color:#ffffff;  text-align:left; margin-bottom: 5px; padding:0px0px;line-height: 30px; border:1px solid#f8ad95;}
section .layout-center #detail .right-side .wrap .free-present > div {display:table-cell;vertical-align: top; box-sizing: border-box;}
section .layout-center #detail .right-side .wrap .free-present > div:first-child {white-space: nowrap; font-size:14px;line-height:35px; font-family: 'Poppins', sans-serif; font-weight:500;padding-left:20px; padding-right:20px; vertical-align:middle; padding-top:5px;padding-bottom:5px}
section .layout-center #detail .right-side .wrap .free-present > div:first-child img {position:relative; top:-3px; margin-right:10px;}
section .layout-center #detail .right-side .wrap .free-present > div:last-child {background: #ffffff;padding-top:5px;padding-bottom:5px}
section .layout-center #detail .right-side .wrap .free-present .itm {display:table;box-sizing: border-box; width:100%;background: #fff; padding:2px 15px 2px 2px; }
section .layout-center #detail .right-side .wrap .free-present .itm > div {display:table-cell;text-align:left; vertical-align: middle; font-family: 'Poppins', sans-serif; box-sizing: border-box;}
section .layout-center #detail .right-side .wrap .free-present .itm > div:first-child {width:50px; padding-right:10px;}
section .layout-center #detail .right-side .wrap .free-present .itm > div:last-child { padding-right:15px;}
section .layout-center #detail .right-side .wrap .free-present .itm > div a {font-size:13px; color:#1f4046; font-weight:600;text-decoration: none;}
section .layout-center #detail .right-side .wrap .free-present .itm img {width:auto;height:auto;height:50px;background:white; padding:5px;} 




section .layout-center #more-desc {margin:40px 0}

section .layout-center #detail .right-side .params-box {display:flex; justify-content: space-between; align-items: center; gap:10px 15px; flex-wrap: wrap; padding:25px 0; font-size:13px; color:#6b6b6b}
section .layout-center #detail .right-side .params-box strong {font-weight:400; color:#000000}


section .layout-center #detail .right-side .cart-box {display:flex; justify-content: space-between; align-items: center; gap:25px; padding:0px 0 20px 0; border-bottom:1px solid #E3E3E3;} 
section .layout-center #detail .right-side .cart-box .price-section {display:flex; justify-content: space-between; align-items: center; gap:15px; padding:0px 0 0px 0} 
section .layout-center #detail .right-side .cart-box .price-section .discount {background: var(--secondary-color); color:#ffffff; line-height: 60px; font-size:20px; font-weight:600 ; padding:0px 12px; } 
section .layout-center #detail .right-side .cart-box .price-section .price { min-width:130px } 

section .layout-center #detail .right-side .cart-box .price strong{color:#161616; font-size:30px;line-height: 30px; font-weight:600} 
section .layout-center #detail .right-side .cart-box .price strong span{color:#161616; font-size:75%;  font-weight:600} 
section .layout-center #detail .right-side .cart-box .price .original-price {color:#6b6b6b; font-size:18px; line-height: 18px; font-weight:500; text-decoration: line-through;} 
section .layout-center #detail .right-side .cart-box .button {width:364px; text-transform: uppercase; font-weight:600} 
section .layout-center #detail .right-side .cart-box .button svg {margin-bottom:-3px; position:relative;} 

section .layout-center #detail .right-side .stock-box {display:flex; justify-content: space-between; align-items: flex-start; gap:25px; padding:20px 0} 
section .layout-center #detail .right-side .stock-box .availability{color:#161616; font-size:14px; font-weight:400; } 
section .layout-center #detail .right-side .stock-box .availability strong{color:#23bd76; font-weight:600; } 
section .layout-center #detail .right-side .stock-box a{font-weight:600} 

section .layout-center #detail .right-side .variants-box {padding:20px 20px 25px 20px; background:#F7F5F4; border-top:1px solid #E2E2E2} 
section .layout-center #detail .right-side .variants-box > strong {font-size:16px; line-height: 16px;} 
section .layout-center #detail .right-side .variants-box  .wrap {display:grid; grid-template-columns: 1fr 1fr 1fr; gap:14px; margin-top:16px;} 
section .layout-center #detail .right-side .variants-box  .wrap .item{background: #ffffff; padding:15px; text-align: center; text-decoration:none; font-size:14px; border:1px solid #ffffff; position:relative;} 
section .layout-center #detail .right-side .variants-box  .wrap .item.discount::before{position:absolute; left:0px; top:0px; width:100%; height:100%; background: url('../images/discount-corner.png') no-repeat left top; content:''} 
section .layout-center #detail .right-side .variants-box  .wrap .item:hover{ border:1px solid #161616;} 
section .layout-center #detail .right-side .variants-box  .wrap .item.active{ border:1px solid #000000;} 
section .layout-center #detail .right-side .variants-box  .wrap .item strong{display:block; font-size:16px; line-height: 20px;} 


section .layout-center .tabs1  {border:0;margin-top:0px; margin-bottom:50px;}
section .layout-center .tabs1 .tab-container .etabs{margin:-117px 0 25px 0;  padding:0px 0 0 0 ; list-style: none;   text-align:left;  position:relative; z-index:5000; font-size: 0px;}
section .layout-center .tabs1 .tab-container .etabs li{display:inline-block;  padding-right:0px; padding-left:0px; margin:0 ; margin:0 0px 0px 0px; box-sizing: border-box; position:relative;}
section .layout-center .tabs1 .tab-container .etabs li:last-child{background: transparent; padding-right:0;}
section .layout-center .tabs1 .tab-container .etabs li:first-child{padding-left:0px;}
section .layout-center .tabs1 .tab-container .etabs li a { color:var(--text-color-primary); position:relative; display:block; text-align: center;  margin:0px 4px 0px 0px; float:none; white-space:nowrap; position:relative;  font-weight:600; font-family: "Poppins", arial, sans-serif; background:#FCFCFC; font-size:18px; line-height:54px;  border:1px solid #D7DADB;  text-decoration:none; border-radius:6px 6px 0 0;   padding:0 45px;  box-sizing: border-box; position:relative;}
section .layout-center .tabs1 .tab-container .etabs li a > span{display:inline-block; position:relative; padding:0px 30px;}
section .layout-center .tabs1 .tab-container .etabs li a > span > span{position:absolute; right:5px; top:5px;width:20px; line-height: 20px; border-radius: 20px; background: #62C91C; color:#ffffff; font-size:12px;font-family: "Poppins", arial, sans-serif; text-align: center; }
section .layout-center .tabs1 .tab-container .etabs li a > span > span.zero{background: #ccc; color:#fff;}

section .layout-center .tabs1 .tab-container .etabs li a.active:hover,
section .layout-center .tabs1 .tab-container .etabs li a:hover {text-decoration: underline!important; color:#1f4046; background: #ffffff; }
section .layout-center .tabs1 .tab-container .etabs li a:hover > span {text-decoration: underline!important; color:#1f4046; background: #ffffff; }
section .layout-center .tabs1 .tab-container .etabs li a.active { background:#ffffff; color:#1f4046;  z-index: 1000; font-weight:600;    border-bottom:1px solid #ffffff; }
section .layout-center .tabs1 .tab-container .cont {padding:0px 0px 0px 0px; background: transparent; border:0px;} 


section .layout-center #detail-wrap .tabs1 .tab-container .etabs{margin:0px 0 -1px 0; }
section .layout-center #detail-wrap .tabs1 .tab-container .cont {border:1px solid #D7DADB; padding:60px 70px; border-radius: 0 10px 10px 10px } 
section .layout-center #detail-wrap .tabs1 .tab-container .etabs li:first-child a {margin-left:0px;}
section .layout-center #detail-wrap .tabs1 .tab-container .etabs li a{padding-left: 40px;padding-right: 40px;}


section .layout-center #detail-wrap .tabs1 .tab-container .cont h2 {padding-top:0; font-size:25px; padding-bottom: 10px; padding-top:10px;}
section .layout-center #detail-wrap .tabs1 .tab-container .cont p {color:#556a7f; font-size:16px; line-height:200%; font-weight:400; padding:0px 0px 1.8em 0px;}
section .layout-center #detail-wrap .tabs1 .tab-container .cont p strong{color:var(--text-color-primary)}
section .layout-center #detail-wrap .tabs1 .tab-container .cont ul:not(.rating_plus_minus)  {list-style:none;padding:0px; margin:0px 0px 10px 10px;}
section .layout-center #detail-wrap .tabs1 .tab-container .cont ul:not(.rating_plus_minus) li {color:#1f4046; font-size:14px; line-height:145%; font-weight:400; padding:0px 0px 10px 20px; background: url(../images/svg/dot.svg) no-repeat left 5px; background-size:10px auto; }


section .layout-center #detail-wrap table.data-table{border-spacing:0px;border-spacing:0px; border-collapse: collapse; width:100%; margin-bottom:0px; background: #F7F7F7; border:30px solid #F7F7F7 }
section .layout-center #detail-wrap table.data-table tr:nth-child(odd) td{background: #ffffff;}
section .layout-center #detail-wrap table.data-table tr td{ font-size:14px; color:#161616;  font-family: 'Poppins', sans-serif;  line-height:20px; padding:12px 20px;  font-weight:400; vertical-align: middle;}
section .layout-center #detail-wrap table.data-table tr td:first-child{font-weight:600;white-space: nowrap;  width:50%;}
section .layout-center #detail-wrap table.data-table tr td:last-child{text-align:left; white-space: normal; font-weight:400; }


footer .newsletter{background: #efefef ; background-size: auto 100%; padding:10px;border-radius:0px; border-bottom:6px solid #000000;  position:relative; margin-top:-65px;}  
footer .newsletter .border{ padding:20px 0px;}  
footer .newsletter .cont{display:table; width:100%;} 
footer .newsletter .cont > div{display:table-cell; vertical-align: middle;padding-right:55px;} 
footer .newsletter .cont > div:first-child{font-size:14px; color:#a5cbf0; font-weight:400; padding-right:40px; padding-left:40px; white-space: nowrap; width:350px;}  
footer .newsletter .cont > div:last-child{padding-right:40px; width:430px; }  
footer .newsletter .cont > div:first-child p{font-size:20px;line-height: 20px; color:#1d1d1d; font-weight:400; margin:0px; padding:0px; letter-spacing: 3px;} 
footer .newsletter .cont > div:first-child strong{font-size:36px;line-height: 46px; color:#1d1d1d; display:block; font-weight:500; font-family: "Poppins", arial, sans-serif;  display:block; padding-top:0px; padding-bottom:5px; letter-spacing: 0px;} 


.fancybox-inner h1{font-weight:600; padding-bottom:20px;}

section .layout-center #detail-review{margin-top:20px; margin-bottom:90px;}
.review_text p {font-size:11px;color:#333;margin:10px 0;font-style:italic}
.reviews_button {margin-bottom:50px;margin-top:0px}
section .layout-center #review-block{display:table;background-color:#ffffff; width:100%; margin:-30px 0px 0px 0px; padding:35px 0px 20px 0px; box-sizing: border-box;}
section .layout-center #review-block > div{display:table-cell;vertical-align:top;}
section .layout-center #review-block > div:first-child{width:275px; position:relative;}
section .layout-center #review-block > div:last-child{padding-left:70px;}

.rating_block {width:85px;margin:0 auto}

section .layout-center #review-block #rate-result {padding-bottom:5px;}
section .layout-center #review-block #rate-result .percentage{font-size:30px; color:#181818; font-weight:900; padding-right:15px;}
section .layout-center .stars{height:28px;width:120px;margin:0 auto}
section .layout-center .item .stars {height:20px;;display:inline-block;height:17px;position:relative;top:3px}
section .layout-center .stars div.rating_empty{position:absolute; height:24px;width:120px;background: url('../images/svg/star_big_empty.svg') repeat-x;z-index:0}
section .layout-center .stars div.rating_full{position:absolute; height:24px;width:120px;background: url('../images/svg/star_big.svg?v=1.1') repeat-x;z-index:1}
section .layout-center .item .stars div.rating_empty{position:absolute; height:17px;width:85px;background: url('../images/svg/star_empty.svg') repeat-x;z-index:0}
section .layout-center .item .stars div.rating_full{position:absolute; height:17px;width:85px;background: url('../images/svg/star.svg?v=1.1') repeat-x;z-index:1}

section .layout-center #review-block .table-rating{width:100%;}
section .layout-center #review-block .table-rating tr td{font-size:14px; font-weight:400; color:#181818; width:10px; white-space: nowrap; padding:0px 0px 3px 5px}
section .layout-center #review-block .table-rating tr td:first-child{font-weight:900; padding-left:0; font-size:20px; }
section .layout-center #review-block .table-rating tr td:last-child{ padding-left:10px; text-align:right;}
section .layout-center #review-block .table-rating tr td.rate-bar{width:auto}
section .layout-center #review-block .table-rating tr td.star img{position:relative; top:-2px; width:19px;  aspect-ratio: 1/1}
section .layout-center #review-block .table-rating .rate-bar > div{display:block; font-size:0; height:3px; background: #F6F6F6; position:relative;}
section .layout-center #review-block .table-rating .rate-bar > div > span{position:absolute; left:0; top:0; height: 100%; background: #000000;}

section .layout-center .review{margin:-7px -35px -20px -35px; font-size:0; }
section .layout-center .review > .item{padding:20px 35px; display:inline-block;vertical-align:top; box-sizing: border-box; width:50%; float:left;font-size:13px;}
section .layout-center .review > .item .name{ font-size:16px; color:#181818; font-weight:600 }
section .layout-center .review > .item .date-rate{ font-size:14px; color:#c1c1c1; font-weight:600; padding:4px 0 4px 0 }
section .layout-center .review > .item .date-rate span.date{padding-right:10px; }

section .layout-center .review > .item .date-rate img{position:relative; top:-2px; height:17px; }
section .layout-center .review > .item .note {position:relative}
section .layout-center .review > .item .note p{font-size:13px; font-weight:400; line-height:150%; margin-top:0px}
section .layout-center .review > .item .note ul {list-style-type: none; margin:10px 0 0 0; padding:0}
section .layout-center .review > .item .note ul li{font-size:13px; color:#181818; font-weight:400; padding:0px 0px 5px 20px; background: url(../images/svg/ul-plus.svg) no-repeat left 2px; background-size:13px auto}
section .layout-center .review > .item .note ul li.minus{background-image: url(../images/svg/ul-minus.svg);}

form#review_form {float:right;display:inline-block;margin-left:30px;}

section .layout-center .review > .item .actions {clear:both; margin:0px; line-height:22px; float:right; font-size: 11px !important; color:gray !important; position:absolute; right:0; top:-24px; }
section .layout-center .review > .item a.up, section .layout-center .review > .item a.down {background-color: #5ecc89; background-image: url('/images/thumbs-up.png'); background-position: 5px center; background-repeat: no-repeat; background-size: 16px 16px; font-size: 10px !important; padding: 0 5px 0 19px; width:auto; color:white !important; text-align:right; height:22px; position:relative; top:-1px; display:inline-block; text-decoration:none !important; margin-right:0px; -o-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; cursor:default; }
section .layout-center .review > .item a.up, section .layout-center .review > .item a.down {font-size: 11px !important; }
section .layout-center .review > .item a.down {background-color: #cc7e7e; background-image: url('/images/thumbs-down.png'); margin-right:0px; }
section .layout-center .review > .item a.up.start, section .layout-center .review > .item a.down.start {cursor:pointer; }
section .layout-center .review > .item  a.up:hover, section .layout-center .review > .item a.down:hover {background-color: #4cba77 !important; background-image: url('/images/thumbs-up.png'); }
section .layout-center .review > .item a.down:hover {background-color: #bc6b6a !important; background-image: url('/images/thumbs-down.png'); }



section .layout-center .review .review_minus{padding-left:30px; position:relative;}
section .layout-center .review .review_minus > span{position:absolute; left:0px; top:0px;}

section .layout-center .review .product_next_reviews >span{border-radius: 0px; border: 1px solid #D2D2D2; position: relative; line-height: 35px; margin-bottom: 20px; background: #FFFCFE; color: #141516; font-size: 13px; font-weight: 600; box-shadow: none; display:inline-block; padding:0px 25px; margin-top:15px;-webkit-transition:all .3s ease!important;-moz-transition:all .3s ease!important;-o-transition:all .3s ease!important;-ms-transition:all .3s ease!important }
section .layout-center .review .product_next_reviews >span:hover{background: #a4ce53; color:#ffffff}

section .layout-center .add-rating{position:absolute; left:0; top:100%; width:100%; margin-top:20px;}
section .layout-center .add-rating .button{width:100%;  min-width:0px;}

.spinner-wrap{padding-left:150px; display:block; position: relative; font-size:0px; }
.spinner {width:90px;  position:absolute; left:0; top:0px; margin:0px 35px 0px 25px; display:inline-block; float:left; }
.spinner label{position:absolute; right:100%; top:0px; line-height: 60px;  padding-right:10px;}
.spinner input {-webkit-appearance: none; -moz-appearance: none; appearance: none;text-align: center; box-sizing: border-box;border:1px solid #C3C3C3; border-radius:0px; background:#ffffff; padding:0 0px 0px 0px!important; height:62px; width:100%!important; margin:0; display:inline; color:#5d6771; font-size:18px; font-weight:400; position:relative;}
.input-group-btn-vertical {position: absolute; left:0px; top:0px; white-space: nowrap; vertical-align: middle; display: block; height:1px; margin-top:0px; border:0px; width:100%;}
.input-group-btn-vertical > .btn {position:absolute; height:62px; width:40px; border:1px solid #C3C3C3; background-position: center center; background-repeat:no-repeat; border-radius:0px;  text-align:center;    background-color:#ffffff; box-sizing: border-box; cursor:pointer; text-indent:0!important;  -webkit-transition: all 0.3s ease !important;  -moz-transition: all 0.3s ease!important; -o-transition: all 0.3s ease!important; -ms-transition: all 0.3s ease!important; transition: all 0.3s ease!important;}
.input-group-btn-vertical > .btn:first-child {right:-24px; top:0px; background-image: url(../images/svg/spinner_plus.svg); background-position: center center; background-size:14px auto }
.input-group-btn-vertical > .btn:last-child {left:-24px; top:0px; background-image: url(../images/svg/spinner_minus.svg); background-position: center center;  background-size:14px auto }
.input-group-btn-vertical > .btn:hover {background-color: #ffffff} 
.input-group-btn-vertical i{display:block; margin-top:2px;  font-size:13px;}

section .layout-center  .noUi-horizontal{height:4px;box-sizing:border-box;border:0px;  }
section .layout-center  .noUi-background{background: #000000; box-shadow:none; border-radius: 2px;border:0; border-right:0px;margin:0px 0px;}
section .layout-center  .noUi-origin{border-radius:0}
section .layout-center  .noUi-connect{background: var(--secondary-color)!important; box-shadow:none; border:0px; margin:0px 0px; }
section .layout-center  .noUi-connect::before{background: var(--secondary-color)!important; height:2px; width:100%; position:absolute; left:0; top:-3px; content:;}
section .layout-center  .noUi-handle{width:20px; height:20px; overflow:hidden; background: #ffffff  ; border:4px solid #000000; border-radius:24px; box-shadow:none;  box-sizing:border-box;  cursor:pointer; box-shadow: 0px 6px 13px 0px rgba(217, 217, 217, 0.004);}
section .layout-center  .noUi-handle::before{display:none;}
section .layout-center  .noUi-handle::after{display:none;}
section .layout-center  .noUi-handle-lower{left:-10px;top:-8px;}
section .layout-center  .noUi-handle-upper{left:auto;right:10px;top:-8px;}
section .layout-center  .noUi-val{display:block; white-space: nowrap;color:var(--text-color-primary); font-weight:600; font-size:14px;   text-align: center; margin:0 0 50px 0 }
section .layout-center  .value-box{margin-top: -5px; }
section .layout-center  .value-left { float:left;}
section .layout-center  .value-right { float:right;}

section .layout-center  .nouislider{margin:10px 0px 20px 0px; font-size:15px; color:var(--text-color-primary); }

footer{margin:0px 0px -1px 0px;  padding:0px 0 0 0;  background: #000000  url('../images/footer-bg.png') no-repeat center top;  float:left; width:100%; position:relative;} 
footer.nobg{  background-image:none;} 
footer.short{margin-top:0} 
footer.nopadd{margin-top:15px} 

footer .layout-center{z-index:3500; padding-top:0px; padding-bottom:0px;} 


footer .layout-center  .help-contact{display:inline-flex; gap:30px; justify-content: center; align-items: center; margin-bottom:0px;} 

footer .layout-center  .tel{display:inline-flex; gap:15px; justify-content: center; align-items: center; font-size:11px; font-weight:400; text-decoration:none; color:#808080;} 
footer .layout-center  .tel strong{display:block; font-size:16px; line-height: 16px; color:#ffffff; font-weight:600} 
footer .layout-center  .tel img{width:31px;} 

footer .layout-center  .mail{display:inline-flex; gap:15px; justify-content: center; align-items: center; font-size:11px; font-weight:400; text-decoration:none; color:#808080;} 
footer .layout-center  .mail strong{display:block; font-size:16px; line-height: 16px; color:#ff9e7d!important; font-weight:600} 
footer .layout-center  .mail img{width:31px;} 


footer .layout-center  .soc {display:inline-flex; gap:20px; margin-top:30px;} 


footer .container{ margin:70px auto 20px auto; display:table; position:relative; z-index:1000; width:100%;} 
footer .container .col{ display:table-cell;  padding:0px 0px 0px 20px; vertical-align:top;  box-sizing:border-box;} 
footer .container .col:first-child{padding-left:0; vertical-align: top; } 

footer .container .col p{color:#ffffff; line-height:150%; font-size:14px;  padding:0 0 0px 0; margin-bottom:20px;   font-family: 'Poppins', sans-serif; font-weight:400; } 
footer .container .col.contact {width:40%} 
footer .container .col.pay-delivery {width:400px;} 

footer .container .col.contact {padding-right:30px;} 
footer .container .col p.space,
footer .container .col p.title{color:#808080; font-size:14px;line-height: 100%; letter-spacing: 2px; font-weight:300; text-align: left; border:0px; margin:0px 0px 40px 0px; padding:0px 0px 0px 0px;} 
footer .container .col p.title.medium{ font-weight:600; } 
footer .container .col p.title.big-variant{ font-weight:600; font-size:20px; color:#ffffff; letter-spacing:-1px; } 
footer .container .col p.title.v2{ margin-bottom:30px; margin-top:30px;} 
footer .container .col p.title::before{display:none;} 
footer .container .col p.small{font-size:13px; line-height: 22px; padding-top:15px; padding-bottom:0px; margin-bottom: 25px;} 
footer .container .col p.np{margin:0px; padding:0px;} 
footer .container .col p a{color:#007eb2; text-decoration: none;} 
footer .container .col p a:hover{ text-decoration: underline;} 
footer .container .col  strong{ font-weight:600; } 

footer .container .col ul{margin:0px; padding:0px; list-style: none; } 
footer .container .col ul li{ padding:0px 0 15px 0;line-height: 20px; } 
footer .container .col ul li a{ font-size:13px;  color:#ffffff; text-decoration: none; font-weight:600;white-space: nowrap;} 
footer .container .col ul li a:hover{  text-decoration: underline; } 
footer .container .col.socials  p:not(.title){margin-bottom:10px;} 

footer .layout-center .f-logos{display:flex; gap:15px; flex-wrap: wrap; margin-top:-10px; } 



footer .container .col.toggl  {padding-bottom:10px!important;} 
footer .container .col.toggl.about-buy  {padding-bottom:30px!important;} 
footer .container .col.toggl  p.title{cursor:pointer; margin:0; border-radius:0px; padding:13px 0; text-transform: uppercase; color:#000000; background: #ffffff url('../images/svg/arrow-down.svg') no-repeat right 10px center; background-size:15px auto} 
footer .container .col.toggl  p.title.active{ background-image: url('../images/svg/arrow-up.svg') } 
footer .container .col.toggl  p.title:hover{} 
footer .container .col.toggl  .col-content{padding-top:15px;} 

footer .container .col .address{display:inline-block;  padding:0 0 0 40px; margin:45px 0 0 0; font-size:14px; background: url('../images/svg/place.svg') no-repeat left top; } 
footer .container .col .address strong{font-weight:600; display:block; padding-bottom: 5px; color: var(--text-color-primary);} 

footer .container .col .contact-box{display:inline-flex; gap:20px; margin-bottom:10px; white-space:nowrap; } 
footer .container .col .contact-box > div {font-size:13px; line-height: 16px; font-weight:300; color:#929ea1} 
footer .container .col .contact-box > div strong{display:block; font-size:18px; padding-bottom:15px; color: var(--text-color-primary)} 
footer .container .col .contact-box > div .phone{font-size:16px; line-height: 16px; font-weight:600; text-decoration: none;} 
footer .container .col .contact-box > div .phone:hover{text-decoration: underline} 



footer .footer-layout {display: flex; width: 100%; gap:90px; position:relative; margin:90px 0}
footer .footer-layout .left-column {flex: 0 0 40%; display: flex; justify-content: left; align-items: center;  }
footer .footer-layout .left-column img {max-width: 491px; width:100%; padding-bottom:20px;}
 
footer .footer-layout .right-column {flex: 1;display: flex;  flex-direction: column;  justify-content: center; align-items: normal; text-align:left;  }
footer .footer-layout .right-column p {color:#ffffff;font-size:16px; font-weight:400; line-height:200%; padding:0px 0px 2em 0px}
footer .footer-layout .right-column p:last-child {padding:0}


footer .box{display:table; background: transparent; width:100%; height:170px;position:relative; }
footer.short .box{border-top:0 none}
footer .box::before{content:' ';  width:100%; height:1px; position:absolute; left:0px; top:-1px;}
footer.short .box::before{border-top:0 none}
footer .box > div{display:table-cell; vertical-align: middle;}
footer .box > div:first-child{padding-right:0px;padding-left:0px;}
footer .box > div:last-child{padding-right:0px; text-align: right;}
footer .copyright{ font-size:14px; font-weight:400; color:#ffffff; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
footer .copyright strong{font-weight:600; color:#ffffff;}

footer .box div.footer-bottom {margin-top:10px}
footer .box div.footer-bottom img {max-width:100%;height:auto}
@media only screen and (max-width: 1790px){
  footer .box div.footer-bottom {
    margin-top:10px;
    margin-bottom:20px;
  }
}

footer .footer-logo {position:absolute; left:50%; bottom:50px; margin-left:-187px; z-index: 5000}
footer .footer-logo img {width:375px;}

footer .logos { display:inline-flex; justify-content: center; align-items: center; gap:20px; margin:0px 0px 0px auto}
footer .logos a{position:relative; bottom:0px;}
footer .logos a:last-child img{position:relative; top:-4px;}



footer .newsletter-wrap  {text-align: center; margin-top:100px; margin-bottom:40px;}
footer .nwl-title  {font-size:38px; line-height: 38px; font-weight:100; color:#ffffff; padding-bottom:25px; }
footer .nwl  {display:inline-block; margin:0 auto; width:100%; max-width: 570px;}
footer .nwl  .check-wrap {margin-top:15px; }
footer .nwl  .check-wrap .pure-checkbox label {font-size:13px;font-weight:400; color:#7f7f7f;}
footer .nwl  .check-wrap .pure-checkbox label a{font-size:13px;font-weight:400; color:#7f7f7f;}
footer .nwl  .check-wrap .pure-checkbox label a:hover{color:#7f7f7f;}
footer .nwl  .check-wrap .pure-checkbox:hover label {color:#7f7f7f; }
footer .nwl  .check-wrap .pure-checkbox:hover label a {color:#7f7f7f; }
footer .nwl  .check-wrap .pure-checkbox input[type="checkbox"] + label::before{background: #979797; border-color:#000000;}
footer .nwl  .check-wrap .pure-checkbox input[type="checkbox"]:checked + label::before{background: #979797;}
footer .nwl  .check-wrap .pure-checkbox input[type="checkbox"]:checked + label::before,
footer .nwl  .check-wrap .pure-checkbox input[type="checkbox"]:hover + label::before{border-color:#000000;}
footer .nwl  .check-wrap .pure-checkbox input[type="checkbox"] + label::after{border-color:#000000;}

footer .nwl  .wrap  p{ padding:0px 138px 0 0;  margin:0px auto; position:relative;  color:#ffffff; padding-bottom: 0px; }
footer .nwl  .wrap  {  color:#ffffff;}
footer .nwl  .wrap a{  color:#000000; }
footer .nwl  .wrap  label{font-size:12px; color:#000000; line-height: 160%; }
footer .nwl  .wrap  p #email_news{background: transparent ; box-sizing: border-box;  width:100%;   border:1px solid #FFFFFF; border-radius: 0px!important;  height:60px; padding:0 20px 0 20px; font-size:14px; color:var(--text-color-primary); font-style:normal; font-family:'Poppins', sans-serif; font-weight:500 !important;}
footer .nwl  .wrap  p #email_news::-webkit-input-placeholder { /* Chrome */ color: #ffffff; font-style:italic; }
footer .nwl  .wrap  p #email_news:-ms-input-placeholder { /* IE 10+ */ color: #ffffff; font-style:italic; }
footer .nwl  .wrap  p #email_news::-moz-placeholder { /* Firefox 19+ */ color: #ffffff; font-style:italic; opacity: 1; }
footer .nwl  .wrap  p #email_news:-moz-placeholder { /* Firefox 4 - 18 */ color: #ffffff; font-style:italic; opacity: 1; }
footer .nwl  .wrap  p  button.button{ box-sizing: border-box; position:absolute; right:0px; top:0px;  min-width: auto; line-height: 60px; border-radius: 0px; border:0px;font-size:16px; padding:0px 24px; font-weight:600; color:#000000; background: #ffffff; font-family:'Poppins', sans-serif;  text-transform: uppercase}
footer .nwl  .wrap  p  button.button:hover{background-image: -moz-linear-gradient( 90deg, rgb(188,188,188) 0%, rgb(255,255,255) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(188,188,188) 0%, rgb(255,255,255) 100%); background-image: -ms-linear-gradient( 90deg, rgb(188,188,188) 0%, rgb(255,255,255) 100%);}

section .bx-wrapper{border:0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin:0px 0px 0px 0; background:transparent;}
section .bx-wrapper img{width:100%;}
section .bx-wrapper .bx-controls-direction a{z-index: 6000; width:41px; height:41px; margin-top:-20px; opacity:0.2; display:none;}
section .bx-wrapper .bx-controls-direction a:hover{ opacity:1;}
section .bx-wrapper .bx-prev{width:41px; margin-left:10px; height:41px; background: url(../images/prev-light.png) no-repeat left top; display:none;}
section .bx-wrapper .bx-next{width:41px; margin-right:10px; height:41px; background: url(../images/next-light.png) no-repeat left top;display:none;}
section .bx-wrapper .bx-next:focus,
section .bx-wrapper .bx-next:hover{background-position: 0 0}
section .bx-wrapper .bx-controls{}
section .bx-wrapper .bx-pager{position:absolute; right:15px; bottom:15px; height:25px!important; width:auto;}
section .bx-wrapper .bx-pager > span.active{position:absolute; left:0px; top:0px; width:100%; height:100%;}
section .bx-wrapper .bx-pager.bx-default-pager a{ background: #595959; width:14px; height:14px; box-sizing: border-box; border-radius: 14px; border:0px;  position:relative;margin:5px;}
section .bx-wrapper .bx-pager.bx-default-pager a:hover{background: #f8ad95;}
section .bx-wrapper .bx-pager.bx-default-pager a.active{ background: transparent; width:24px; height:24px; box-sizing: border-box; border-radius: 24px; border:6px solid #f8ad95; margin:0px; }

body .sb-slidebar {background: #ffffff ;width:100%!important; height:100%!important; position:fixed; overflow:scroll} 
body .sb-slidebar.overflow-hidden { overflow: hidden;} 
body .sb-slidebar ul.top{margin-bottom:0px;border-top:0 none;border-bottom:0 none;} 
body .sb-slidebar ul.bottom{margin-top:0px;border-top:0 none;} 
body .sb-slidebar ul.top li{width:50%;float:left;text-align:center;padding:0;box-sizing: border-box;text-align:center} 
body .sb-slidebar ul.top li.width33{width:33.33%}
body .sb-slidebar ul.top li.width50{width:50%}
body .sb-slidebar ul.top li.width100{clear:both;width:100%;float:none}

body .sb-slidebar ul.top-menu{margin-top:40px;} 
body .sb-slidebar ul.menu{margin-bottom:0px;clear:both} 
body .sb-slidebar ul{margin:0 0 0px 0; padding:0; list-style: none;} 
body .sb-slidebar ul li{border-top:1px solid #D7DADB ; display:block!important} 
body .sb-slidebar ul li.logo-menu{display:none!important;} 
body .sb-slidebar ul li a{font-weight:400;line-height:20px; padding:10px 20px; color:var(--text-color-primary); text-decoration: none; display:block;font-size:14px;}
body .sb-slidebar ul li.show-all a{font-weight:400}
body .sb-slidebar ul li ul li a{text-transform: none;font-weight:400;}
body .sb-slidebar ul li ul li.current > a{text-transform: none;font-weight:600;  background-repeat: no-repeat;}

body .sb-slidebar ul li.has-sub >  a{background-image: url('../images/svg/down.svg'); background-repeat: no-repeat; background-position: right 20px center; background-size: 10px auto}

body .sb-slidebar ul li ul li ul{padding:10px 0}
body .sb-slidebar ul li ul li ul li{border:0px;padding:0px}
body .sb-slidebar ul li ul li ul li a{padding:5px 20px; font-size:12px;}

body .sb-slidebar ul li a img, body .sb-slidebar ul li a object {display: none;} 
body .sb-slidebar ul li a .svg{display:none; height:25px; margin-right:10px; margin-top:-3px;} 
body .sb-slidebar ul li a .svg path{fill:#fff;} 

body .sb-slidebar ul li.active{position:fixed;overflow:scroll;  left:0; bottom:0; height:calc(100% - 59px); box-sizing:border-box; border-left:5px solid var(--primary-color); width:100%; background-color: #ffffff;} 
body .sb-slidebar ul li.active > a{padding:20px 20px 20px 45px; font-size:16px; font-weight: 600; background-color:#EDEDED; background-image: url('../images/svg/left.svg'); background-position: left 20px center; background-repeat: no-repeat;} 
body .sb-slidebar ul li.active ul.level2 {display:block; background:#ffffff} 
body .sb-slidebar ul li.active ul.level2 li.has-sub >  a{background:transparent}


body .sb-slidebar ul li ul{padding-left:20px; padding-right:20px; margin-bottom:0; display:none;border-top:1px solid #D7DADB} 
body .sb-slidebar ul li ul li:first-child{border-top:0;} 
body .sb-slidebar ul li ul li:last-child{border-bottom:0;} 
body .sb-slidebar ul li ul li a{padding-left:10px; } 
body .sb-slidebar ul.top-menu > li:first-child{display:none; } 
body .sb-slidebar h4{background: var(--primary-color);font-size:28px; line-height: 40px; color:#ffffff;padding:10px 15px 10px 20px ; margin:0px; font-family:'Poppins', sans-serif; font-weight:600; } 
body .sb-slidebar h4 img{float:right; height:20px; margin-top:10px;} 
body .sb-slidebar h4 .close{cursor:pointer;} 
body .sb-slidebar .home{display:none;} 

.scroll-top{display:none;position:fixed; right:0px; bottom:50px; z-index: 6000; opacity:0.7;  -webkit-transition: opacity 0.4s ease !important;  -moz-transition: opacity 0.4s ease!important; -o-transition: opacity 0.4s ease!important; -ms-transition: opacity 0.4s ease!important; transition: opacity 0.4s ease!important; margin-right:-75px;}
.scroll-top:hover{opacity:1!important;}
.scroll-top img{width:50px;}

div#transportbox, div#transferbox{box-sizing: border-box;}

.jq-toast-wrap{width:350px!important}
.jq-toast-single{box-sizing: border-box; padding:20px 20px 20px 50px!important;  border-radius: 0px!important;box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.13)!important;}
.jq-icon-success{background-color: var(--primary-color)!important;  }
.jq-toast-wrap.bottom-right{right:20px!important}

@media only screen and (min-width: 1900px){
  .side-banner{display:block;}
}




@media only screen and (max-width: 1850px){
  section .layout-center .hp-categories .item > .inside {padding:2vw 10px;}
  section .layout-center .hp-categories .item > .inside h3{font-size:1.4vw}
  section .layout-center .hp-categories .item > .inside .link{font-size:0.8vw}
}




@media only screen and (max-width: 1800px){
  section .layout-center .hp-top-banners .item > .inside h3{font-size:1.65vw}
  section .layout-center .hp-top-banners .item > .inside p{font-size:0.8vw}
  section .layout-center .hp-top-banners .item > .inside{padding:2vw}
  section .layout-center .hp-top-banners .item > .inside .button{line-height: 2.4vw; font-size:0.9vw; min-width:10vw}
}



@media only screen and (max-width: 1790px){
  .scroll-top{margin-right:-80px;}
}


@media only screen and (max-width: 1750px){
  :root {
    --layout-padding: 30px;
  }

  section .layout-center .products.owl-carousel.v2 .owl-nav .owl-next{right:-30px;}
  section .layout-center .products.owl-carousel.v2 .owl-nav .owl-prev{left:-30px;}
  section .owl-carousel .owl-nav .owl-prev{left:-30px;}
  section .owl-carousel .owl-nav .owl-next{right:-30px;}

  section .brands .owl-next {right:-30px!important; }
  section .brands .owl-prev {left:-30px!important; }


}


@media only screen and (max-width: 1690px){
   .scroll-top{margin-right:5px; bottom:15px;}
}


@media only screen and (max-width: 1620px){
    section .layout-center .benefits .item .desc strong{font-size:14px;}
    section .layout-center .benefits .item .desc{font-size:12px;}
}

@media only screen and (max-width: 1550px){
    section .layout-center .benefits .item{display:block; text-align: center;}
    section .layout-center .benefits .item .icon{display:flex; justify-content: center; align-items: center; height:50px;}

    header .middle-box .table-container .col.search{padding-right:0px;}
    header .middle-box .table-container .col.search{width:300px;}
    header #menu .menu > li > a{font-size:14px;}
    header .middle-box .table-container .col{padding-left:20px;}

    section .layout-center #detail .right-side{width:500px;}
    section .layout-center #detail .right-side .cart-box .button{width:auto}
}


@media only screen and (max-width: 1524px){
    

}


@media only screen and (max-width: 1500px){
   section .go-back .button{min-width:0px; }

   section .layout-center .benefits .item{padding:1vw}
} 

@media only screen and (max-width: 1450px){
    header #menu .menu > li > a{font-size:14px;}
    header .middle-box .top-menu li{font-size:12px; padding-right:15px;}

    section .heureka-block-detail > div .review-grid{grid-template-columns: repeat(3, 1fr); gap:20px}

    section #detail .left-side .images > div.big .wrp{ min-height: 400px; padding:0px 20px; box-sizing: border-box;}  
    .jcarousel{width:120px;}
    .jcarousel-wrapper{width:120px;}
    section #detail .left-side .images > div.big{padding-left:120px;}


    header .middle-box .table-container .col.logo{width:220px;}
    header .middle-box .table-container .col.logo img{width:100%;}
}

@media only screen and (max-width: 1400px){
    section .go-back{display:none;}
    section .blog-posts .item .wrap h3{font-size:18px;}
    section .blog-posts .item .wrap .show-detail{font-size:12px;}
    section .blog-posts .item .wrap .date{font-size:12px;}
    section .blog-posts .item .wrap .info-line{font-size:12px;}


    header .middle-box .table-container .col.quick-contact{padding-right:0}
    header .middle-box .table-container .col{padding-left:25px;}


    section .layout-center .products .tag li span{line-height:22px; height:24px; font-size:10px;}
    section .layout-center .products .tag li {padding-bottom: 5px;}

    section .layout-center #detail .tag li span{margin-right:5px;}

    #detail_submit .button.v3 {font-size:20px !important}
    section .layout-center .products .item .wrap .info-box .button{font-size:15px; }
    section .layout-center .products .item .wrap .price{font-size:17px;}

    section .layout-center #detail .right-side .detail-box .info > div{display:block; width:100%; box-sizing: border-box;}
    section .layout-center #detail .right-side .detail-box .info > div:first-child {padding-bottom:10px;border:0px none!important;}
    section .layout-center #detail .right-side .detail-box .info > div:first-child table{width:auto;}
    section .layout-center #detail .right-side .detail-box .info > div:last-child{padding-top:0px;}

    section .layout-center #detail .right-side .detail-box .info > div:last-child div{display:inline;}

    body.hide_border section .layout-center #detail .right-side .detail-box .info > div:last-child {padding-top:10px}

    section .blog-posts{grid-template-columns: repeat(3, 1fr);}

    header #menu .menu > li > .sub .wrap > ul > li  {width:20%;}


section #detail .left-side .images > div.big #detail_photo{padding:0px 25px;}
section #detail .left-side .images > div.big #detail_photo img{max-width: 100%}
  
}

@media only screen and (max-width: 1350px){

    section .layout-center #content .products{grid-template-columns: repeat(4, 1fr);}
    section .layout-center .products .item .wrap h3{font-size:13px;}

    footer .container .col.pay-delivery{width:250px}

    footer .container .col.contact{padding-right: 0}
    section .heureka-block > div .review-grid{grid-template-columns:repeat(2,1fr)}

    #detail_submit .button.v3 {font-size:18px !important}

    section .layout-center .products .banner_list { padding:0px 10px;}  

    section .layout-center .category{margin-left:-10px; margin-right:-10px;}
    section .layout-center .category .item{padding:10px;}

    section .layout-center #detail .left-side .gallery .item.more-items a strong > span i{font-size:12px;padding-top:0px;}
    section .layout-center #detail .left-side .gallery .item.more-items a > span img{width:25px;}

    #show_total_count{ margin-bottom:0px;}
    section .layout-center #main .filter-box .filter-button-box .checkboxes > li, 
    section .layout-center #main .filter-box .filter-button-box .colors li, 
    section .layout-center #main .filter-box .filter-button-box .sizing li{width:13.33%}

    header .middle-box .table-container .col.quick-contact{display:none}

    section .layout-center ul.subcategories{grid-template-columns: repeat(5, 1fr);gap:12px;}
    section .layout-center ul.subcategories > li a{font-size:12px; min-height:50px; }
    section .layout-center ul.subcategories > li a > span{line-height: 15px;}
    section .layout-center ul.subcategories > li a > span img{width:40px;}

    section .layout-center ul.subcategories > li a > span:last-child{padding-left:15px; padding-right:15px;}

    section .layout-center .hp-categories .item > .inside h3{font-size:1.5vw; margin-bottom:1vw}
    section .layout-center .hp-categories .item > .inside .link{line-height: 3vw}

}

@media only screen and (max-width: 1300px){

    section .layout-center #description-layout .layout.img-left .text{padding-left:30px;}
    section .layout-center #description-layout .layout .text{padding-right:30px;}
    section .layout-center #description-layout .layout{margin-bottom: 30px;}
    section .layout-center #description-layout .layout h3{padding-top:0; font-size:20px;}
    section .layout-center #description-layout .layout p{font-size:13px;}

    section .layout-center .hp-big-banners .item > .inside h3{font-size:2vw}
    section .layout-center .hp-big-banners .item > .inside p{font-size:1vw}
    section .layout-center .hp-big-banners .item > .inside{padding:3vw}
    section .layout-center .hp-big-banners .item > .inside .button{line-height: 3vw; font-size:1.3vw; min-width:0;}

    .products .button{padding:0px 12px;}
    footer .newsletter .cont > div:last-child{width:270px;}

    section .layout-center #content .detail-carousel .products.owl-carousel .owl-controls{right:20px;}
    section .layout-center #main.full-width .similars-wrap .products.owl-carousel .owl-controls{ right:20px; }

    section .layout-center #detail .right-side .detail-box .description{padding:20px;}
    section .layout-center #detail .right-side .variant table tr td{padding:8px 20px}
    section .layout-center #detail .right-side .variant table tr td:last-child{padding-right:20px}

    section .layout-center #detail .right-side .detail-box .info > div{padding:20px;}
    section .layout-center #detail .right-side .detail-box .price-box > div{padding:20px;}
    section .layout-center #detail .right-side .detail-box .btn-wrap{padding:10px 20px 20px 20px;margin-bottom:15px}
    section .layout-center #detail .right-side .wrap{padding:0px 20px 20px 20px;}

}


@media only screen and (max-width: 1280px){
    section .heureka-block-detail > div .review-grid .head strong{font-size:15px;}
    section .heureka-block-detail > div .review-grid .head .rate img{height:14px;}
    section .heureka-block-detail > div .review-grid .head .date{font-size: 12px;}
    section .heureka-block-detail > div .review-grid ul li{font-size:12px;}
    section .heureka-block-detail > div .review-grid .head .image{width:50px;}
    section .heureka-block-detail > div .review-grid .head .image img{width:100%;}

    header #menu .menu > li > a{padding:0px 5px;}
    header #menu .menu > li > a > span > img{height:22px; width:auto;}
    header #menu .menu > li > a > span > svg{height:22px; width:auto;}

    #show_total_count{ padding:0px; float:none; text-align: center;}
    #detail_submit .button.v3 {font-size:18px !important}

    .hp-layout{gap:30px;}
    .hp-layout .left-column{flex:0 0 45%; align-self: flex-start;}

    header #menu .menu > li > .sub .wrap > ul > li  {width:25%;}

}

@media only screen and (max-width: 1250px){
    section .layout-center #top-page-line .top-menu {margin-right:-20px;}
    section .layout-center #top-page-line .top-menu li{font-size:12px; padding-right:20px; }
    section .layout-center #top-page-line .tag-buttons .button{font-size:12px; min-width: 0;}

    section .layout-center #detail-main-desc h1{font-size:30px;}
    section .layout-center #detail .rating{font-size:12px;}
    section .layout-center #detail  .detail-params{font-size:12px;}
    section .layout-center #detail-main-box .inside-wrap{padding:20px;}
    section .layout-center #detail-main-box .action-buttons a{min-width: auto; flex:auto;}

    header #top-line{gap:30px;}

}


@media only screen and (max-width: 1220px){
    header .middle-box .top-menu li{font-size:12px; }
    section .layout-center  .checkboxes.triple li{width:50%;}
    #detail_submit .button.v3 {font-size:16px !important}
    section .layout-center .category .item{width:14.28%;}  

}

@media only screen and (max-width: 1200px){

    section .layout-center .hp-categories .item > .inside {padding:2vw 10px;}
    section .layout-center .hp-categories .item > .inside h3{font-size:1.9vw; margin-bottom:1.5vw}
    section .layout-center .hp-categories .item > .inside .link{font-size:1.1vw; line-height: 3.5vw}

    body.hide_border section .layout-center #detail .right-side {width:52%;}
    section .layout-center .tabs1 .tab-container .etabs li a{width:auto;}

    .grid-item .label{font-size:18px; line-height: 30px; left:15px; bottom:15px;}
    .grid-container{gap:10px;}
    .grid-row{gap:10px;}

    header .middle-box .table-container .col{padding-left:20px;}
    header .middle-box .table-container .col #search > p #inp-search{font-size:12px; padding-left:15px;}
    header .middle-box .table-container .col.logo{width:180px;}
    header #menu .menu > li > a{font-size:12px;}
    header .middle-box .table-container .col.search{width:250px;}

}

@media only screen and (max-width: 1150px){

    body #sticky-widget .layout-center .left-items .product-preview .desc{font-size:13px;}

    section.title-banner{background-position: center center;}
    section.title-banner .layout-center > div{min-height: 250px;}
    section.title-banner .layout-center > div h1{font-size:50px;}
    section.title-banner .layout-center > div p{font-size:17px;}

    footer .container { display:block; margin-top:30px; margin-bottom: 0px; } 
    footer .container .col{ display:block; float:left; width:50%!important; box-sizing: border-box; padding:0px 0px 30px 0px!important; text-align: center;} 
    footer .container .col p.space{display:none;}
    footer .container .col p.space, footer .container .col p.title{text-align: center;}
    footer .container .col.social{text-align: center;}
    footer .container .col.about-buy{width:50%!important}
    footer .container .col.pay-delivery{width:50%!important}
    footer .layout-center .f-logos{justify-content: center;}
    footer .container .col .address{text-align: left;}

    section .layout-center .hp-top-banners .item > .inside h3 {font-size: 2.145vw; }
    section .layout-center .hp-top-banners .item > .inside p {font-size: 1.04vw; }
    section .layout-center .hp-top-banners .item > .inside {padding: 2.6vw; }
    section .layout-center .hp-top-banners .item > .inside .button {line-height: 3.12vw; font-size: 1.17vw; min-width: 13vw; }

    section .layout-center .benefits .item .desc strong{font-size:12px; line-height: 130%}
    section .layout-center .benefits .item .desc {font-size:11px; line-height: 140%}

    section .layout-center #content .products {grid-template-columns: repeat(3, 1fr);}
    section .layout-center .products .item .wrap h3{font-size:12px;}
    section .layout-center .products .item .wrap .availability{font-size:12px;}
    section .layout-center .products .item .wrap .buy .button{line-height: 35px; font-size:13px;}

    form#review_form {float:none;display:block;margin-left:0px;text-align:right;margin-bottom:20px}

    section .layout-center .review > .item{width:100%;}
    section .layout-center #detail .right-side .detail-box .btn-wrap .button span{display:none;}
    #detail_submit .button.v3 {font-size:20px !important}
    header #menu .menu > li > a{font-size:13px;}
    footer .newsletter .cont .check-wrap{margin-top:10px;}
    section .news-wrap .news .item{width:50%;}

    #aside .pure-checkbox input[type="checkbox"] + label,#aside .pure-radiobutton input[type="checkbox"] + label,#aside .pure-checkbox input[type="radio"] + label,#aside .pure-radiobutton input[type="radio"] + label{font-size:12px;}

    section .layout-center #main #aside{width:230px; }

    footer .newsletter .cont > div:first-child{width:280px;}
    footer .newsletter .cont > div:first-child strong{font-size:35px; padding-bottom: 0px;}
    footer .newsletter .cont > div:first-child p{font-size:14px;}

    section .layout-center .category .item a{font-size:13px;}
    section .layout-center .category .item{width:16.66%;}
    section .layout-center .add-rating{position:relative; left:0; top:0; width:100%; margin-top:10px;}

    section .layout-center .products .item .wrap .action-line{display:block;}
    section .layout-center .products .item .wrap .action-line > div:first-child > *{display:inline-block;}
    section .layout-center .products .item .wrap .action-line > div:first-child > .availability{display:block; text-align: center; padding-bottom:5px;}
    section .layout-center .products .item .wrap .size{padding-bottom:15px;}
    section .layout-center .products .item .wrap .action-line .buy-line{margin-top:10px;}
    section .layout-center .products .item .wrap .size a{line-height: 28px; min-width: 25px; font-size:12px;}
    section .layout-center .products .item .wrap .action-line .spinner-wrap{width:auto;}
    section .layout-center .products .item .wrap .action-line .buy-line .button{min-width: 50px;}

    section .layout-center .top-container {display:flex;  gap:20px; flex-direction: column}
    section .layout-center .top-container .help-box{flex:1; width:100%; box-sizing: border-box; padding:30px 150px 30px 30px}
    section .layout-center .top-container .help-box strong{padding-bottom: 10px;}

    section .layout-center .products .item .wrap .action-line > div:first-child > .availability{display:block!important;}
    section .layout-center .products .item .wrap:hover .action-line > div:first-child > *{display:inline-block; text-align: center; } 

    section .heureka-block-detail > div .review-grid{grid-template-columns: repeat(2, 1fr);}

    section .layout-center  .products{grid-template-columns: repeat(5, 1fr);}

    section .layout-center .benefits {gap:10px;flex-wrap: wrap}
    section .layout-center .benefits > .item { flex: 1 1 calc(33.33% - 10px ); box-sizing: border-box; padding:2vw}

    footer .layout-center .help-contact{flex-direction: column;}
    footer .layout-center .tel{text-align:left;}
    footer .layout-center .mail{text-align: left;}

    footer .newsletter-wrap{margin-top:50px;}
  

} 

@media only screen and (max-width: 1050px){

    section .owl-carousel .owl-nav .owl-prev{left:-30px;}
    section .owl-carousel .owl-nav .owl-next{right:-30px;}


    section .owl-carousel .owl-controls{margin-top:-26px}

    section .blog-posts{grid-template-columns: repeat(2, 1fr);}

    section .layout-center #detail .detail-params div {text-align: center;}
    section .layout-center #detail .detail-params .rating img{margin-right: 0}

    section .layout-center #top-page-line .top-menu {margin-right: -10px;}
    section .layout-center #top-page-line .top-menu li{padding-right:10px; }
    section .layout-center #top-page-line .tag-buttons{gap:5px;}

    section .layout-center .benefits .item {width:33.333%; box-sizing: border-box;}
    section .layout-center .benefits   {flex-wrap: wrap;}

    .fixed-info-line{padding:6px 0;font-size:12px;}
    .fixed-info-line p{line-height:18px !important;text-align:center}
    .fixed-info-line .layout-center .wrap{padding-right:20px;}
    .fixed-info-line .close{right:10px; top:-6px}

    header .middle-box .top-menu li{padding-right:15px;}
    header #menu.fixed-menu .menu > li > a{font-size:10px;}

    section .layout-center #detail-main-box .inside-wrap{padding:25px}
    .buy-line .button{font-size:15px;}

    section .layout-center .contact-page-layout{flex-wrap: wrap;}
    section .layout-center .contact-page-layout > div:first-child {flex-basis: 100%; }
    section .layout-center .contact-page-layout > div .soc{margin-top:20px;}

    section .layout-center #basket-layout{flex-direction:column}
    section .layout-center #basket-layout > div{lex-basis: 100%;width:100%;}
    section .layout-center #basket-layout .sidebar{width:100%;}

    header #menu .menu > li > .sub .wrap > ul > li  {width:33.333333%;}

}

@media only screen and (max-width: 1000px){
    body.hide_border section .layout-center #detail .right-side {width:52%;padding-left:0}
    section .layout-center .article .item, body:not(.without_column) section .layout-center .article.thin .item{ width:25%; }
    section .layout-center .article .item.a4 {display:none}
}

@media only screen and (max-width: 979px){
  
    .cart_box{margin-top:20px;}

    section #detail .left-side .images > div.big #detail_photo{padding:0px 0px; display:block;}
    section #detail .left-side .images > div.big #detail_photo img{max-width: 500px}

    section .layout-center #detail{margin-top:20px}
    section .layout-center #detail .detail-params{margin-top:10px;}
    section .layout-center #detail .detail-params > div.brand img{ height:30px; }

    section .blog-posts.carousel{margin-top:0}
    section .layout-center .content-block.gray-bg{padding:30px 0px; margin-top:30px;}
    section .layout-center .content-block.gray-bg::before {height:100%; right:-30px;}

    header::before {height:110px; -webkit-box-shadow: 0px 4px 6px 0px rgba(57,42,36,0.1); -moz-box-shadow: 0px 4px 6px 0px rgba(57,42,36,0.1); box-shadow: 0px 4px 6px 0px rgba(57,42,36,0.1);  }
    body.sticky-nav header::before {height:80px;}

    header {padding-top:30px;}
    header #top-line{height:30px;}
    header #top-line .quick-contact{line-height: 30px;}
    header::after{height:30px;}

    body #sticky-widget .layout-center .left-items .product-preview .name{display:none;}
    body #sticky-widget .layout-center .left-items .product-preview .price-box{flex-direction: column; gap:0px!important;}
    body #sticky-widget .layout-center .left-items .product-preview .price-box > *{width:100%;}


    section .layout-center #detail-main-box{margin-bottom:25px;}

    section .blog-posts.v2 .item .wrap{padding:20px;}
    section .blog-posts{margin-bottom: 0}
    section .blog-posts.owl-carousel{margin-bottom: 25px}

    section .blog-posts .item .wrap p{font-size:12px!important; margin-top:10px;}
    section #detail .left-side .images{margin:30px 0 40px 0}

    section .layout-center #detail .detail-params div {text-align: center;}
    section .layout-center #detail .detail-params div > span{display:inline-block;}
    section .layout-center #detail .detail-params .rating img{margin-right: 10px}

    section #detail .left-side .images > div.big .wrp{min-height: 300px}


    section .heureka-block-detail > div:first-child{width:100%; text-align: center;}
    section .heureka-block-detail{display:block;}
    section .heureka-block-detail > div .review-grid{grid-template-columns: repeat(3, 1fr);}
    section .heureka-block-detail > div:first-child .wrap{justify-content: center;}
    section .heureka-block-detail > div:first-child .button{max-width: 400px; margin:20px auto 0 auto}
    section .heureka-block-detail > div:first-child .heureka{margin-bottom:30px;}

    section .layout-center #detail{display:block;}
    section .layout-center #detail > div{display:block; width:100%!important; margin:0; padding:0!important}
    section .layout-center #detail .right-side{width:100%!important;}


    section .layout-center .text-box.bottom{margin-top:30px;}
    section .layout-center .text-box.bottom p{font-size:13px;}
    p.medium{font-size:16px!important}

    section .layout-center .best-selling .item h3{font-size:11px; text-align: left;}
    section .layout-center .best-selling .item > div .price-block .original-price{font-size:12px;}
    section .layout-center .best-selling .item > div .price-block .price{font-size:15px;}


    section.newsletter-section {height:auto; padding:40px 30px;}
    section.newsletter-section .logo-newsletter{display: none; }
    section.newsletter-section .grid{align-items: center;}
    footer .nwl .wrap p #email_news{height:45px; font-size:14px;}
    footer .nwl .wrap p button.button{height:45px; line-height: 45px; right:0px;}
    footer .nwl .wrap p button.button img{padding:0; top:-1px;}
    footer .nwl .check-wrap .pure-checkbox label{font-size: 11px!important}
    footer .nwl .check-wrap .pure-checkbox label a{font-size: 11px!important}
    section.newsletter-section .grid > div:first-child strong{font-size:30px;}
    section.newsletter-section .grid > div:first-child{font-size:16px;}

    section .heureka-block > div .review-grid .head strong{font-size:15px;}
    section .heureka-block > div .review-grid p{font-size:12px;}
    section .heureka-block > div .review-grid .head .rate {margin:0}
    section .heureka-block > div .review-grid .head .rate img{height:14px;}
    section .heureka-block > div .review-grid .head .date{font-size:11px; }

    section .blog-posts .item .wrap{padding:20px;}
    section .blog-posts .item .wrap .info-line{font-size:11px;}
    section .blog-posts .item .wrap .info-line .date{font-size:11px;}
    section .blog-posts .item .wrap .info-line > span{font-size:11px;}
    section .blog-posts .item .wrap h3{font-size:16px;}
    section .blog-posts .item .wrap .show-detail{font-size:11}

    section .layout-center .products .item .wrap .buy .button{opacity:1; position:relative;}
    section .layout-center .products-carousel-wrap{margin-left:0; margin-right:0}
    section .layout-center .products .item .wrap .info-wrap{margin-top:10px;}
    section .layout-center .products.owl-carousel.v2 .owl-stage-outer .item{margin-bottom:0px!important}
    section .layout-center .products .item .wrap .favorite {opacity: 1}
    section .layout-center .products{gap:15px;}


    header .middle-box .table-container .col.logo { max-width: 200px;}
    header .middle-box .table-container .col.menu-col{display:none}


    section .layout-center #top-page-line .top-menu{display:none;}

    section .layout-center .detail-h1.h1top, .full-width .text-box h1 { margin-top:0 !important}
    section .layout-center .filter-tags  {float:none}
    body:not(.without_column) section .toggle-filter.button {display:block !important; }

    section .layout-center #main .aside-filter::before {display:none;}
    section .layout-center #main #content .aside-filter{padding:20px 20px 10px 20px; background: #FAFAFA; border-radius:0px;}
    section .layout-center #main .aside-box .box-title {background-color:#EDEDED; padding-left:20px; font-weight:600;border-radius:0px; background-position: right 12px center; line-height: 40px;}
    section .layout-center #main .aside-box .wrap{padding:10px 20px 0px 20px}

    a.mobile-menu img {width:40px;height:33.33px}

    .layout-center .box-title{text-align: center; font-size:17px !important; line-height: 50px; padding:10px 20px;}
    body.without_column section .layout-center #main .aside-box{ width:33.33%;}
    .layout-center .box-title{font-size:17px !important;background-size:12px 8px !important}
    section .layout-center .aside-box .wrap:not(.pricebox) {display:none}
    section .colors li a{font-size:13px;}
    section .colors li span{margin-top:1px;}
    section .sizing li {font-size:12px; }

    ul.menu > li.logo-menu > a > img {display:none}
    section.gray .layout-center #main.full-width{padding-top:15px}
    section .layout-center #detail .right-side .variant table tr td .select-style select{height:35px; font-size:100%;}

    section .layout-center #main { padding:0px 0px; margin-bottom:0px;}
    section .layout-center #main #aside{ display:none; margin:0px; }

    header .middle-box{padding-top:0px;}

    section .layout-center .similars-wrap{ margin:0px -15px;}

    section .layout-center #content .detail-carousel  .products.owl-carousel.v3 .owl-controls{right:15px!important;}
    section .layout-center #main.full-width .similars-wrap .products.owl-carousel .owl-controls{ right:15px; }

    section .layout-center .products .item .wrap .button-wrap {margin: 0px; width: 100%; max-width: none}
    section .layout-center .products .item .wrap .button-wrap .button{font-size:2.5vw;margin-top: 15px; width: 100%; box-sizing: border-box;}
    section .layout-center .products .item .wrap .hidden-box{height:auto!important;}
    section .layout-center .products .item .wrap .hidden-box{margin: 0px;}
    section .layout-center .products.owl-carousel .item{margin-bottom: 0px;}
    section .layout-center .products .item{margin-bottom: 20px;}

    section .layout-center #detail-wrap .tabs1 .tab-container .cont{padding:20px;}
    header .middle-box .table-container .col.mobile {padding-left:25px !important}
    header .middle-box .table-container .col.mobile { display:table-cell;}
    header .middle-box .table-container .basket a {margin-right:0}


    header .middle-box .table-container .basket a span, .sb-slidebar .basket a span, header .middle-box .table-container .favorite a span, .sb-slidebar .favorite a span, header .middle-box .table-container .compare a span, .sb-slidebar .compare a span{width:16px; height:16px; font-size:11px; line-height:16px; }
    header .middle-box .table-container .col{padding-left:15px;}

    header #menu{display:none;}
    header #menu-space{display:none;}

    header .middle-box .top-menu{display:none;}

    section.hp-slider-wrap{padding-top:20px; padding-bottom:0px;}

    footer .footer-logo{width:250px;margin-left:-125px; bottom:30px;}
    footer .box{height:90px;}

    section .toggle-filter.button{display:block;}
    body.without_column section .toggle-filter.button {margin-bottom:20px;max-width:100%}
    section .layout-center #content .text-box{padding-bottom:0}

    section .layout-center #filter-block-wrap  {display:none;}

    section .layout-center .top-table .num{width:50px; height:auto; font-size:18px;}
    section .layout-center .top-table .image {width:50px;}
    section .layout-center .top-table .image img{max-width:50px;}
    section .layout-center .top-table .name a{font-size:13px;}
    section .layout-center .top-table .price{font-size:15px;}
    section .layout-center .top-table .availability span{font-size:12px;}

    header #naseptavacList{ max-height:400px;  }

    header.fixed .middle-box{-webkit-transition: all 0s ease !important;  -moz-transition: all 0s ease!important; -o-transition: all 0s ease!important; -ms-transition: all 0s ease!important; transition: all 0s ease!important;}


    .fixed-info-line .close{right:10px; }
    footer .newsletter{margin-left:-15px; margin-right:-15px; padding: 10px 10px;}
    .layout-center{padding-left: 15px; padding-right: 15px;}
    section .layout-center .products.owl-carousel .owl-controls{right:15px;}

    header.fixed .middle-box .table-container.left {padding-left:10px !important;padding-right:0px !important;width:100% !important;box-sizing: border-box;}
    header .middle-box .table-container.left .col.mobile {padding-left:0px !important;padding-right:20px;}
    header.fixed .middle-box .table-container.left .col.mobile {padding-right:0px;}
    header.fixed .middle-box .table-container.left .col.logo{margin:0 auto !important;width:auto;text-align:center !important}
    header.fixed .middle-box .table-container.left .col.logo img {display:inline-block !important}

    section .layout-center #filter-block .filter-top-line {flex-wrap: wrap; }
    section .layout-center #filter-block .filter-top-line > div{width:100%; text-align: center;}
    section .layout-center #filter-block .filter-top-line > div:first-child {padding:10px 80px 30px 80px ;}
    section .layout-center #filter-block .filter-top-line > div:last-child {text-align: center;}
    section .layout-center #filter-block .filter-top-line > div:first-child .bar{margin:0px auto;}
    section .layout-center #filter-block .filter-tags{margin:0px auto; display: flex; flex-wrap: wrap; flex-grow: 1; gap:10px 20px; align-items: center; justify-content: center;}
    section .layout-center #filter-block .filter-tags > div{margin:0px;}
    section .layout-center #filter-block .filter-line > div:first-child{justify-content: center;}

    section .layout-center #content-filter .mobile-tab{display:block;}
    section .layout-center #content-filter{border-radius:none; margin-top:30px;}
    section .layout-center #content-filter .tab_container{border-radius:0; border-bottom:0}
    section .layout-center #content-filter ul.tabs{display:none;}

    section .layout-center #content-filter .price-slider-box > div > div   {padding-left:0px!important;display:block; width:100%!important; box-sizing: border-box; text-align:center!important; white-space: normal!important;}
    section .layout-center #content-filter .price-slider-box > div > div .bar  {position:relative;margin:0px ; max-width:100%; margin-top:20px; margin-bottom:20px!important;}

    section .layout-center #content-filter .price-slider-box{padding:20px 0px 0px 0px; margin-bottom: 0px;;}

    header .layout-center .bg{display:none; }
    header .middle-box .table-container{height:80px}

    section .layout-center #detail-wrap .variants{grid-template-columns:1fr; margin-bottom: 30px;}

    section .layout-center .products .item .wrap .action-line > div:first-child > *{display:inline-block; text-align: center; } 
    section .layout-center .products .item .wrap .action-line > div:last-child{display:flex; position:relative; } 
    section .layout-center .products .item .wrap .size{display:flex;  } 
    section .layout-center .products .item .wrap .availability{margin-bottom:0}   
    section .layout-center .products .item .wrap .original-price{padding:2px 0 0 0}   
    section .layout-center .products .item .wrap .price{padding:2px 0 0 0}  

    section .layout-center .products .item .wrap:hover{box-shadow: none!important; border-color:#ffffff!important}

    section .layout-center ul.subcategories{grid-template-columns: repeat(4, 1fr);}
    section .layout-center .text-box p{font-size:13px;}
    section .layout-center .checkboxes.six > li{width:25%}

    .hp-layout{flex-direction: column}
    .hp-layout .left-column {flex:1; width:100%;}
    .hp-layout .left-column img{width:100%;}
    .hp-layout .right-column .info .map-button{min-height: 0px;}

    section .layout-center #main #content{margin-top:0px;}

    section .layout-center .show-all{margin:30px 0 0 0}
    section .layout-center .pagination{text-align: center; margin-top:0px;}

    section .layout-center .products.owl-carousel.v2 .owl-nav .owl-prev{left:-30px;}
    section .layout-center .products.owl-carousel.v2 .owl-nav .owl-next{right:-30px;}

    .header-wrap{height:110px!important}


    #description-layout, div.zigzag div.wrap div.z_text{font-size: 14px!important; text-align: left!important}
    #description-layout p, div.zigzag div.wrap div.z_text p {color: var(--text-color-primary); line-height: 200%!important;}
    #description-layout p span, div.zigzag div.wrap div.z_text p span{font-size: 14px!important; }
    #description-layout ul, div.zigzag div.wrap div.z_text ul{margin-left:14px;}
    #description-layout ul li, div.zigzag div.wrap div.z_text ul li{font-size:14px!important;line-height: 200%!important;}
    #description-layout ul li span, div.zigzag div.wrap div.z_text ul li span{font-size:14px!important;}
    #description-layout h2, div.zigzag div.wrap div.z_text h2{font-size: 22px!important; line-height: 150%!important; color: var(--text-color-primary)!important; font-weight: 600:!important; padding: 0px 0 20px 0!important; }


    section .layout-center  .products{grid-template-columns: repeat(3, 1fr);}

    section .layout-center .breadcrumbs::before{right:-30px;}

    header .top-menu{display:none;}

    header .middle-box .table-container .col.search{width:auto;}

    header #top-line .quick-contact{font-size:12px;}
    header #top-line .quick-contact a{font-size:11px; background-size:15px auto; padding-left:20px;}


}

@media only screen and (max-width: 970px){
    section .layout-center  .breadcrumbs > ul li{ padding:0 7px 0 13px; } 
    section .layout-center #main .filter-box .filter-button-box .checkboxes > li, 
    section .layout-center #main .filter-box .filter-button-box .colors li, 
    section .layout-center #main .filter-box .filter-button-box .sizing li{width:16.66%}
}

@media only screen and (max-width: 900px){

    section .layout-center #order{display:block; border-radius:15px;}
    section .layout-center #order::before{display:none;}
    section .layout-center #order > div:first-child .options{justify-content: center; flex-wrap: wrap; gap:10px 20px;}
    section .layout-center #order > div:first-child .options li a{line-height: 20px; padding:0}
    section .layout-center #order > div:last-child{text-align: center; background:#F5F5F5; line-height: 30px; border-radius: 10px; margin-top:15px;}

    section .layout-center .products-wrap{padding-top:10px;}

    section .layout-center .hp-big-banners{grid-template-columns: repeat(1, 1fr); gap:20px;}

    section .layout-center .hp-big-banners .item > .inside h3{font-size:4vw; padding-bottom:0.5vw; text-align: left;}
    section .layout-center .hp-big-banners .item > .inside p{font-size:1.6vw}
    section .layout-center .hp-big-banners .item > .inside{padding:3vw}
    section .layout-center .hp-big-banners .item > .inside .button{line-height: 5vw; font-size:2vw; min-width:50%;}

    section .layout-center .hp-big-banners .item > .inside{padding:5vw}
    section .layout-center .hp-big-banners .item.dark > .inside{padding:5vw}

    section .layout-center .tabs1 .tab-container .etabs li a{padding:0px 20px; font-size:15px;line-height: 45px;}
    section .layout-center .tabs1 .tab-container .etabs li a > span {padding:0px 23px;}
    section .layout-center .tabs1 .tab-container .etabs li a > span > span{font-size:12px; width:20px; right:0;line-height: 20px; border-radius: 20px; top:5px;}
    section .layout-center .category .item{width:20%;}
    section .layout-center .tabs1 .tab-container .etabs li a{font-size:16px !important; padding-left:20px!important;padding-right:20px!important;  margin-right:5px;}

    section .layout-center .products{margin-bottom: 0}
    section.carousel-section{padding-bottom: 30px;}

    section{padding:30px 0px}
    section .layout-center .show-all.top3{font-size:12px;}

    section .layout-center .horizontal-nav {flex-wrap: wrap; gap:14px;}
    section .layout-center .horizontal-nav a{flex: 0 0 calc(50% - 7px);box-sizing: border-box; min-height:50px; padding-left: 25px;}


    section.gray #blog-bg{display:none;}
    section.gray.blog-section{margin-top:0}
}

@media only screen and (max-width: 850px){

    section .blog-posts.owl-carousel .owl-nav > div{background-color: #ffffff; height:45px; opacity:0.8}
    section .blog-posts.owl-carousel .owl-controls{top:30%}

    section .layout-center #subpage-wrap{padding-top:20px;}
    section .instagram-block > div{flex: 1 0 calc((100% - (3 - 1) * 12px) / 3);}

    footer .nwl .wrap p button.button{padding:0px 15px; font-size:15px;}
    footer .nwl .wrap p #email_news{padding-left:15px;}

    section.newsletter-section{padding:30px 15px;}

    body #sticky-widget{top:auto; bottom:0; box-shadow: 0px -7px 10px 0px rgba(0, 0, 0, 0.13);}

    section .heureka-block{flex-direction: column; gap:20px}
    section .heureka-block > div:first-child{width:100%; text-align:left; }
    section .heureka-block > div:first-child .heureka  {display:flex; margin:10px auto 0px auto; justify-content: center; align-items: center; gap:15px; padding:20px;}
    section .heureka-block > div:first-child .heureka  .logo img{width:100px;}
    section .heureka-block > div:first-child .rating{font-size:25px;}
    section .heureka-block > div:first-child .stars img{height:20px;}
    section .heureka-block > div:first-child .count{font-size:12px;}
    section .heureka-block > div .review-grid{gap:20px;}

    .row{margin-bottom:0px; margin:0px -15px;}
    .row .col-50{width:100%;padding: 0 15px;}
    .row .col-50, .row .col-100{padding-bottom:0px;padding: 0 15px;}

    header .middle-box .table-container .col.mobile {padding-left:20px !important}

    header .middle-box .table-container .col.logo {width:auto;}
    header .middle-box .table-container .col.logo img{max-width: 170px;}
    header .middle-box .table-container{height:60px;}

    .layout-center .title-big{font-size:35px;}
    .layout-center .subtitle{font-size:12px;}

    section .layout-center #content .detail-carousel  .products.owl-carousel.v3 .item{padding:10px 0px!important;}
    section .layout-center #main.full-width .similars-wrap { margin-top:0px; }

    body .fancybox-stage  .h1_background.popup_cr{padding-bottom:10px!important; }
    body .fancybox-stage .popup-carousel-wrap{margin-bottom: 50px!important}

    section .layout-center .similars-wrap{margin-bottom:30px;margin-top:10px;}
    section .layout-center .products-wrap{margin-bottom:10px;margin-top:10px;}
    section .layout-center .tab-content{padding-top:0px;}

    section .layout-center .tab-content h2{font-size:28px;}
    section .layout-center .products.owl-carousel .item{padding-top:10px; padding-bottom: 10px;}

    section .layout-center .similars-wrap.home .products.owl-carousel .owl-controls{top:-52px;}
    section .products.owl-carousel .owl-controls{margin-top:0}
    section .layout-center .products.owl-carousel.v2 .owl-nav .owl-next{right:0}
    section .layout-center .products.owl-carousel.v2 .owl-nav .owl-prev{left:0}
    section .owl-carousel .owl-nav .owl-prev{left:0}
    section .owl-carousel .owl-nav .owl-next{right:0}

    section .layout-center #main.full-width .similars-wrap .products.owl-carousel .owl-controls{ top:-60px; }
    section .layout-center #main.full-width .similars-wrap .products.owl-carousel .item{padding:0px;}

    section .layout-center .products .item:hover .wrap{-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow:none; }

    body section .layout-center .products .item .wrap .button-wrap .button{line-height:40px; }

    section .layout-center .products .item .wrap .hidden-box{margin-left: -20px; margin-right: -20px; bottom: -20px;}

    section .layout-center .category{margin-top:10px;margin-bottom:10px;}
    section .news-wrap .news .item{width:100%;}

    section{padding:25px 0px;}
    section.bottom-extended{padding-bottom:90px;}
    section.main{padding-top:0px;}

    section .layout-center .products.owl-carousel.v1.homepage .item{padding-bottom:15px; margin-bottom:0px}
    section .layout-center #detail-review{margin-top:50px; margin-bottom:50px;}

    .overlay-search{padding-bottom: 0;}

    header:not(.search-always-visible) .middle-box .table-container .col.mobile-search{display:table-cell}
    header:not(.search-always-visible) .middle-box .table-container .col.search {display:none}
    header:not(.search-always-visible).show-search .middle-box .table-container .col.search {display:block}

    header:not(.search-always-visible) .middle-box .table-container .col.search{top:100%; left:0; right:auto; margin:0; padding:0; position:absolute; left:0; width:100% }
    header:not(.search-always-visible) .middle-box .table-container .col.search #search{margin:0px -15px; border-radius:0px; width:calc(100% + 30px)!important }
    header:not(.search-always-visible) .middle-box .table-container .col.logo{width:auto; padding:0}
    header:not(.search-always-visible) .middle-box .table-container .col #search > p #closeSearch {top:14px;}
    header:not(.search-always-visible) .middle-box .table-container {margin:0;}
    header:not(.search-always-visible).show-search .overlay-search {display:block;}

    header.fixed:not(.search-always-visible) .middle-box .table-container .col.search{top:0px; left:0; right:auto; margin:0; padding:0; position:absolute; left:0; width:100% }
    header.fixed:not(.search-always-visible) .middle-box .table-container .col.search #search{margin:0px -15px; border-radius:0px; width:calc(100% + 30px)!important }
    header.fixed:not(.search-always-visible) .middle-box .table-container .col.logo{width:auto; padding:0}
    header.fixed:not(.search-always-visible) .middle-box .table-container .col #search > p #closeSearch {top:14px;}
    header.fixed:not(.search-always-visible) .middle-box .table-container {margin:0}

    header .middle-box .table-container .col #search{max-width: none!important   }

    header.search-always-visible .middle-box .table-container .col  #search {width:auto}
    header.search-always-visible .middle-box .table-container .col.search.show{top:27px; left:0px;  width: 100%;  margin:0px 0px 0px 0px; position:absolute;}
    header.search-always-visible .middle-box .table-container {padding:0}
    header.search-always-visible.fixed .middle-box .table-container .col.search.show{top:-5px; }
    header.search-always-visible.fixed .middle-box .table-container .col.search.show form{margin:0px -30px; border-radius:0px;}

    header.search-always-visible .middle-box .table-container .col.search{display:block; position:absolute!important; width:calc(100% + 0px ); left:-0px!important; top:100%; padding-left:0;}
    header.search-always-visible .middle-box .table-container .col #search{padding:10px 15px; margin:0px -15px; background:var(--primary-color); }
    header.search-always-visible .middle-box .table-container .col #search > p button{top:0; right:0; font-size:15px; padding:0 20px; height:40px; line-height: 40px;}
    header.search-always-visible.fixed .middle-box .table-container .col #search{-webkit-box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.2); box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.2);  }
    header.search-always-visible.fixed .middle-box .table-container .col #search{ margin:0px ;  }
    header.search-always-visible .middle-box {padding-bottom:60px;}
    header.search-always-visible.fixed .middle-box {padding-bottom:0px;}
    header.search-always-visible.fixed .middle-box .table-container .col #search{margin:0px -15px;}
    header.search-always-visible.fixed .middle-box .table-container .col.search{bottom:auto; top:100%; }
    header.search-always-visible .middle-box .table-container .col.mobile-search{display:none}
    header.search-always-visible .middle-box .table-container .col #search > p #inp-search{height:40px;background-color:white}
    header.search-always-visible .middle-box .table-container .col #search > p button.btn{height:40px;width:40px;}

    header .middle-box .table-container .col #search > p #closeSearch{top:12px;}

    body #sticky-widget .layout-center .right-items {justify-content: center;}

    .parallax{height:200px;}
    .parallax-content h2{font-size:30px; padding-top:0}
    .parallax-content h2 span{font-size:150%; margin-top: 10px;}
    .parallax-content .button{font-size:16px;}

    :root {
    --layout-padding: 15px;
    }

    .header-wrap.v2 header.search-always-visible .middle-box{padding-bottom: 0}
    .header-wrap.v2 header::before{height:60px;}

    .header-wrap.v2 header .middle-box .table-container .col.basket-col{padding-right:10px}
    section .layout-center #basket-layout .sidebar.top-margin{margin-top:0}


    .header-wrap.v2{ height:60px!important;}

    body .fancybox-content .modal-sale-banner{margin:-30px; width: calc(100% + 60px); align-items: stretch;}


    body .fancybox-content .modal-layout-wrap{margin:-20px;}
    body .fancybox-content .modal-layout-wrap{padding:20px;}
    body .fancybox-close-small{width:auto!important; height:auto!important; top:0px!important; right:20px!important}
    body .fancybox-content .modal-sale-banner > div:last-child{padding:20px!important}

    section .layout-center .content-block.gray-bg::before {right:-15px;}

    section .brands{padding:10px 0}
    section .brands .wrap .item img{height:50px;}
    section .brands .owl-next{right:0!important}
    section .brands .owl-prev{left:0!important}

    section .layout-center .best-selling{margin:0 -15px;width: calc(100% + 30px);}

    section .layout-center .breadcrumbs::before{right:-15px;}

    .header-wrap{margin-top:0px!important;    height:150px!important}
    .sticky-nav .header-wrap{margin-top:0px!important;    height:120px!important}
    header::before{height:150px;}
    section.main-section{padding-top:15px;}

    footer .nwl .wrap p{padding-right: 115px;}

}

@media only screen and (max-width: 820px){
    footer .footer-logo{position:relative; bottom:auto; left:auto; display:none;}
    section .layout-center #content .products.half .item {width:33.33% !important;}
    span.review_orderby span {display:none}
}

@media only screen and (max-width: 800px){

    section .layout-center .hp-top-banners .item > .inside h3{font-size:3.37vw}
    section .layout-center .hp-top-banners .item > .inside p{font-size:1.63vw}
    section .layout-center .hp-top-banners .item > .inside{padding:4.08vw}
    section .layout-center .hp-top-banners .item > .inside .button{line-height:4.9vw;font-size:1.84vw;min-width:20.4vw}

    section .layout-center .hp-categories .item > .inside {padding:3vw 10px;}
    section .layout-center .hp-categories .item > .inside h3{font-size:2.2vw}
    section .layout-center .hp-categories .item > .inside .link{font-size:1.5vw}

    #show_total_count{padding-bottom:0px;}
    section .layout-center .review > .item{width:100%; padding-bottom:0px;}
    section .layout-center #review-block{margin-bottom:30px;}
    section .layout-center #detail-wrap .tabs1 .tab-container #review-block {margin-top:0px;}
    h1.detail-h1.h1top {display:block}
    h1.detail-h1.h1bottom {display:none}

    section .layout-center #detail .right-side .detail-box .btn-wrap .button span{display:inline;}
    section .layout-center #detail {display:block; }
    section .layout-center #detail > div{display:block; width:100%!important; padding-right:0px!important;}
    section .layout-center #detail-wrap{padding-top:0px;}

    footer .box{height:auto; display:block; padding:20px 0px;}
    footer .box > div{display:block; text-align: center;}
    footer .box > div:last-child{text-align: center;}
    footer .logos{text-align: center; margin:10px auto 0 auto}
    footer .footer-logo{position:relative; margin:0px; left:auto;}
    footer .layout-center{text-align: center;}
    #detail_submit .button.v3 {font-size:18px !important}

    section .layout-center .pagination.v2{margin:0px 0px 30px 0px}
    section .layout-center .sort-box{margin: 0px auto 30px auto; display: block;}
    section .layout-center .sort-box .sort-button {font-size:14px}
    section .layout-center #sort-line > .button{font-size:14px;}
    section .layout-center .pagination {text-align: center;}
    #show_total_count {text-align:center !important}

    section .layout-center .buy-line .button{max-width:100%;}

    body #sale-button{font-size:16px; white-space: nowrap;}

    #fakt_state,#fakt_state2{ width:100%; max-width: 100%;  }

}

@media only screen and (max-width: 780px){
    section .layout-center .review > .item .actions span.rt {display:none; }
    section .layout-center .article .item, body:not(.without_column) section .layout-center .article.thin .item{ width:33.33%; }
    section .layout-center .article .item.a3 {display:none}
}

@media only screen and (max-width: 750px){

    section .blog-posts.v2 {margin-top:0; margin-bottom:0}

    section .layout-center #description-layout .layout{grid-template-columns: 1fr ;}
    section .layout-center #description-layout .layout.img-left > div{ order: 2}
    section .layout-center #description-layout .layout.img-left .text{padding-left: 0; order: 1; }
    section .layout-center #description-layout .layout .text{padding-right:0; margin-bottom:20px;}
    section .layout-center #description-layout .layout h3{text-align: left;}

    footer .container .col p.space, footer .container .col p.title{margin-bottom:20px;}
    footer .container .col p.title.v2{margin:20px 0}

    footer .container { display:block; margin-top:30px; margin-bottom: 0px; } 
    footer .container .col{ width:50%!important; } 

    footer .container .col.about-buy{width:50%!important}

    section.newsletter-section .grid{flex-direction: column; gap:10px;}
    section.newsletter-section .grid > div{width:100%; text-align: center;}

    .delivery-bar-desc{text-align: center;}

    section .layout-center  .checkboxes.triple li{width:50%;}
    section .layout-center  .checkboxes li label{font-size:11px;}

    section .layout-center #content-filter .tabs-wrap {padding-left:0px;}

    section .layout-center #content-filter ul.tabs {margin:0px -1px 0px 0px; width:auto; float:none;}
    section .layout-center #content-filter ul.tabs li {float:left; width:50%; color:#828282; padding:0px 15px; line-height: 40px; text-align: center; font-size:16px; font-family: 'Poppins', sans-serif; font-weight:400; text-transform: uppercase }
    section .layout-center #content-filter .tabs-wrap::before {display:none;}
    section .layout-center #content-filter ul.tabs li.active {border-right:1px solid #DFDFDF; color:#1d1d1d; }
    section .layout-center #content-filter ul.tabs li:hover {border-right:1px solid #DFDFDF; color:#1d1d1d; }

    section .layout-center #content-filter .tab_container { float:left; width:100%; box-sizing: border-box; }
    section .layout-center #content-filter .tab_content {padding: 15px; }

    section .layout-center #content-filter .price-slider-box > div {display:block;}
    section .layout-center #content-filter .price-slider-box > div > div{display:block;}
    section .layout-center #content-filter .price-slider-box > div > div:first-child{text-align: center; width:auto;margin-bottom: 13px; font-size:18px;}
    section .layout-center #content-filter .price-slider-box > div > div .bar{margin:0px;}
    section .layout-center #content-filter .price-slider-box > div > div .value-left{right:auto; left:0px; top:-30px; font-size:12px;}
    section .layout-center #content-filter .price-slider-box > div > div .value-right{left:auto; right:0px; top:-30px;font-size:12px;}

    section .layout-center #sort-line > * {width:50%;}

    section .layout-center ul.subcategories{grid-template-columns: repeat(3, 1fr);}

    .layout-center .title-leaf{margin-bottom:10px;}

  section #basketa table:not(.cart_total) tr th {display:none}

  section #basketa table:not(.cart_total)  {background: transparent; border:0px;}
  section #basketa table:not(.cart_total) thead {display:none;}
  section #basketa table:not(.cart_total) tbody  {display:block;}
  section #basketa table:not(.cart_total) tbody tr  {display:block; position:relative; margin-bottom:10px; border:1px solid #E6E6E6; background: #fff;}
  section #basketa table:not(.cart_total) tbody tr td {display:block; border-bottom:0px; box-sizing: border-box; padding-top:10px;}
  section #basketa table:not(.cart_total) tbody tr.more_tr  {margin-bottom:0px; border:0 none;}
  section #basketa table:not(.cart_total) tbody tr.more_tr td {padding-top:0px;}
  
  section #basketa table:not(.cart_total) tbody tr td.td_name {padding-left:95px; padding-bottom:35px; width:100%; min-height:84px;border-bottom:1px solid #E6E6E6; padding-right:15px; font-size:14px; line-height: 18px;}
  section #basketa table:not(.cart_total) tbody tr td.td_img {position:absolute; left:0px; top:0px; width:auto;}
  section #basketa table:not(.cart_total) tbody tr td.td_img img{position:absolute;padding:5px; box-sizing: border-box; left:0px; top:0px; width:83px!important}
  section #basketa table:not(.cart_total) tbody tr td.td_store {position:absolute; left:95px; bottom:70px; padding:0px;}
  section #basketa table:not(.cart_total) tbody tr td.td_store .stock {position:relative; top:-4px;}
  section #basketa .spinner-wrap:not(.small) table:not(.cart_total) tbody tr td.td_mj {padding-top:10px; padding-bottom: 10px; padding-left:10px; background: #F7F7F7; height:60px; text-align:left!important;}
  section #basketa .spinner-wrap:not(.small) table:not(.cart_total) tbody tr td.td_mj  .smaller{display:inline;}
  section #basketa .spinner-wrap.small table:not(.cart_total) tbody tr td.td_mj {padding-top:10px; padding-bottom: 10px; padding-left:10px; background: #F7F7F7; height:50px; }
  
  section #basketa table:not(.cart_total) tbody tr td .spinner-wrap {padding-left:0px;height:50px;}
  section #basketa table:not(.cart_total) tbody tr td .spinner-wrap.small .spinner{position:relative;top:0px;left:-20px}

  section #basketa table:not(.cart_total) tbody tr td.td_del {bottom:20px; right:15px; position:absolute; padding:0px;}
  section #basketa table:not(.cart_total) tbody tr td.td_price {font-size:14px;bottom:20px; right:45px; position:absolute;padding:0px;}
  section #basketa table:not(.cart_total) tbody tr td.price_mj {display:none;bottom:13px; right:45px; position:absolute;padding:0px; font-size:12px;}

  section #basketa table:not(.cart_total).static tbody tr td.td_price {bottom:33px; right:15px; position:absolute;padding:0px;}
  section #basketa table:not(.cart_total).static tbody tr td.price_mj {bottom:13px; right:15px; position:absolute;padding:0px; font-size:12px;}
  section #basketa table:not(.cart_total).static tbody tr td.td_mj {line-height:60px;padding:0px 15px;}

  section #basketa table:not(.cart_total) tr td .mobile-desc{display:inline;font-size:60%;}

  section #basketa .spinner-wrap:not(.small) table:not(.cart_total) .spinner input{height:40px;}
  section #basketa .spinner-wrap:not(.small) table:not(.cart_total) .input-group-btn-vertical > .btn{height:20px;}
  section #basketa .spinner-wrap:not(.small) table:not(.cart_total) .input-group-btn-vertical > .btn:first-child{height:21px;}
  
}

@media only screen and (max-width: 700px){
    section .layout-center #basket-layout .content .pay-delivery > .item .text{font-size:11px;}
    section .layout-center #basket-layout .back-link{font-size:12px;}
    section .layout-center #basket-layout .content .pay-delivery.pay-block > .item .image{width:35px}
    section .layout-center #basket-layout .content .pay-delivery.pay-block > .item .image img{width:35px}

    section .layout-center #subpage-wrap h1.big{font-size:30px;}
    section .layout-center .contact-page-layout > div .tel > div a{font-size:20px; line-height: 20px;}
    section .layout-center .contact-page-layout > div .tel{font-size:12px;}
    section .layout-center .contact-page-layout > div .mail{font-size:14px;}
    section .layout-center .contact-page-layout > div .tel > span{width:40px;}
    section .layout-center .contact-page-layout > div .tel > span img{width:30px; top:5px; position:relative;}
    section .layout-center .contact-page-layout > div .mail > span:first-child{width:40px;}
    section .layout-center .contact-page-layout > div .mail > span:first-child img{width:30px;}


    section .layout-center #subpage-wrap h1{font-size:30px!important;}
    section .layout-center #basket-layout .content .pay-delivery > .item .desc strong{font-size:14px;}
    section .layout-center #basket-layout .content .pay-delivery > .item .desc{font-size:12px;}
    section .layout-center #basket-layout .content .pay-delivery > .item .price{font-size:12px;}
    section .layout-center #basket-layout .content .pay-delivery > .item .image{width:70px;}
    section .layout-center #basket-layout .content .pay-delivery > .item{padding:10px;}
    .flag-option{font-size:14px;}
    .flag-option img{width:25px;}

    section .layout-center #main .checkboxes > li{width:50%}

    section .heureka-block-detail > div .review-grid{grid-template-columns: repeat(2, 1fr);}
    section .layout-center .products{gap:10px;}

    section .layout-center #review-block .title-h2 {display:none !important }
    section .layout-center #review-block .stars {margin:0 auto !important; padding:0 !important; width:135px !important; }
    section .layout-center #rate-result {text-align:center !important; width:auto !important; }
    section .layout-center .review > .item .actions span.rt {display:inline-block; }
    body.without_column section .layout-center #main .aside-box{ width:50%;}

    .layout-center .text-box h1{font-size: 28px;text-align:center;padding-bottom:15px }
    .layout-center h1.detail-h1 {text-align:center !important;margin-top:0;padding-top:0;padding-bottom:0}

    h1{ font-size: 32px;  }
    h2{ font-size: 28px;  }
    h3{ font-size: 20px;  }
    h4{ font-size: 16px;  }

    footer .container .col.deliv{width:100%!important;}
    footer .container .col.social{width:100%!important;}

    section .layout-center .filter-wrap{font-size:15px; line-height: 45px; padding:0px 20px;}
    section .layout-center .filter-wrap a{font-size:13px; margin-left:20px;}

    .layout-center .title-medium{font-size:22px;}

    section .layout-center #content-filter{margin-top:30px;}


    section .layout-center  .checkboxes > li{width:50%;}

    .fancybox-slide > div{max-width:550px; width:95%; box-sizing:border-box!important;}
    .fancybox-content{margin:50px 0px 20px 0px!important}
    .fancybox-slide--html{box-sizing:border-box!important;}

    section .layout-center #review-block {padding:0}
    section .layout-center #review-block > div{padding:0px!important; width:100%!important; display:block;}
    section .layout-center #review-block > div:first-child{margin-bottom:20px;}

    section .layout-center .filter-box .button{line-height: 30px; font-size:15px;padding:0px 10px;]}

    section .layout-center #main .filter-box .filter-button-box .checkboxes > li, 
    section .layout-center #main .filter-box .filter-button-box .colors li, 
    section .layout-center #main .filter-box .filter-button-box .sizing li{width:25%}
    section .layout-center .tabs1 .tab-container .etabs li a{font-size:14px !important;}
  
    section .layout-center .contact-page-layout {gap:10px}
    section .layout-center .contact-page-layout > div{flex-basis: 100%; }
    section .layout-center .contact-page-layout > div .soc{margin-bottom:20px;}

    section .layout-center .contact-page-layout > div.icon-block{padding-left:0px;}
    section .layout-center .contact-page-layout > div .icon{left:20px}
    section .layout-center .contact-page-layout > div.bank-acc .icon{left:0;}
    section .layout-center .contact-page-layout > div h3 img.icon{position:relative; left:auto; margin-left:10px; height:30px; top:2px;}
    section .layout-center .contact-page-layout > div.icon-block.bank-acc{padding-left: 0}

    body .fancybox-content .modal-layout-wrap table thead tr th{font-size:12px; padding:5px 10px!important;}
    body .fancybox-content .modal-layout-wrap table tbody tr td{font-size:12px; padding:5px 10px;}
    body .fancybox-content .modal-layout-wrap table tbody tr td.price{font-size:12px; padding:5px 10px;}
    body .fancybox-content .modal-layout-wrap table tbody tr td.date{font-size:11px;}
    body .fancybox-content .modal-layout-wrap table tbody tr td.logo {padding:5px 10px;}
    body .fancybox-content .modal-layout-wrap table tbody tr td.logo img{height:25px;}

    #description-layout table tbody tr td{padding:10px;  font-size:12px}
    #description-layout table tbody tr td p{  font-size:12px; line-height: 150%;}
    #description-layout table tbody tr td > span{  font-size:12px!important; line-height: 150%!important;}
    #description-layout table tbody tr td > div > span{  font-size:12px!important; line-height: 150%!important;}

}


@media only screen and (max-width: 650px){
    section.blog-section {padding-top:10px;}

    section .layout-center #basket-line{font-size:12px; line-height: 16px;}

    section #blog-detail h2{font-size:20px;}
    section #blog-detail > ul{font-size:13px;}
    section #blog-detail > ul li{background-position: left 6px;}
    section #blog-detail p{font-size:13px;}
    section .share-article {gap:20px; padding:20px; align-items: center;} 
    section .share-article > div:last-child{align-self: center}
    section .share-article > div:first-child{font-size:18px;}
    section .share-article .button.btn-blue{font-size:14px; line-height:40px; min-width: auto}
    section .share-article .button.btn-blue img{width:20px;}

    section.title-banner .layout-center > div{min-height: 200px;}
    section.title-banner .layout-center > div h1{font-size:35px;}
    section.title-banner .layout-center > div p{font-size:14px;}
    section.title-banner{background-size: cover}

    section .layout-center.load_popup .products.item{width:50% !important}
    section .layout-center .products .item .wrap .original-price, section .layout-center .products .item .wrap .price.smaller{font-size:12px; line-height: 12px;}
    section .layout-center .products .item .wrap .price{font-size:15px; line-height: 15px;}

    .top-line ul.nav{display:none; }

    section .layout-center .products{margin-bottom: 20px;}

    section .layout-center #content .products.variant2:not(.carousel)  { margin:0px -5px!important;}
    section .layout-center #content .products.variant2:not(.carousel) .item {width:100%!important; padding:5px!important;}
    section .layout-center #content .products.variant2:not(.carousel) .item .wrap h3{min-height:0px; margin-top:5px;}
    section .layout-center #content .products.variant2:not(.carousel) .item .wrap > div:first-child{padding-right:20px;}


    body .fancybox-stage .popup-carousel-wrap{margin: 0px 0px   50px 0px!important}
    body .fancybox-stage .popup-carousel-wrap .owl-controls .owl-nav > div.owl-next{right:-15px!important;}
    body .fancybox-stage .popup-carousel-wrap .owl-controls .owl-nav > div.owl-prev{left:-15px!important;}

    header {padding-bottom:15px;}
    header .middle-box .table-container .col.logo{width:auto;}



    .hedader-wrap{height:230px;}
    header{padding-bottom:0px;}
    header .middle-box .table-container{padding-top:9px; padding-bottom: 7px;}
    header .middle-box .table-container .col.mobile a img{width:35px;}

    section .news-wrap .news .item .wrap h3{font-size:14px;}
    section .news-wrap .news .item .wrap p{font-size:12px;}
    section .news-wrap .news .item .wrap .date .day{font-size:30px; line-height: 30px;}
    section .news-wrap .news .item .wrap .date .name{font-size:12px; line-height: 12px;}

    section .layout-center .show-all .button{display:block;margin-bottom:0px}
    section .layout-center #detail .left-side .big-image img.big-image-picture{max-height:400px}

    header #naseptavacList{ max-height:265px;  }

    section .layout-center .category .item{width:25%;}
    section .layout-center #sort-line{margin-top: 15px;}

    header .middle-box .table-container{height:60px}

    section .layout-center .tabs1{margin-bottom: 30px;}
    section .layout-center .similars-wrap{padding-bottom:0px;}

    section .layout-center .tabs1 .tab-container .etabs{display:flex; flex-wrap: wrap; gap: 5px;  }
    section .layout-center .tabs1 .tab-container .etabs li{flex: 1 1 calc(50% - 10px); margin:0px!important; padding:0px!important; display:block; box-sizing: border-box;}
    section .layout-center .tabs1 .tab-container .etabs li a{ margin:0px!important; padding:0px!important; border:1px solid #D4D7D8!important;  border-radius:6px;}
    section .layout-center .tabs1 .tab-container .etabs li:last-child:not(:nth-child(even)){width:100%;}
    section .layout-center #detail-wrap .tabs1 .tab-container .cont{margin-top:10px; border-radius:6px;}

    section .layout-center #detail-wrap .tabs1 .tab-container .cont p{font-size:13px; padding-bottom:1.2em}
    section .layout-center #detail-wrap table.data-table{border-width:0px  0px;}
    section .layout-center #detail-wrap table.data-table tbody tr:first-child td{border-top:0}
    section .layout-center #detail-wrap table.data-table tr td{padding:10px 10px; font-size:12px;}


    section .layout-center .top-container .help-box{ padding:20px 80px 20px 20px; font-size:12px; background-size:50px auto; background-position: right 20px center}
    section .layout-center .top-container .help-box strong{padding-bottom: 5px; font-size:18px;}


    section .layout-center .products .item .wrap .action-line .buy-line .button{height:35px; line-height: 33px;}
    section .layout-center .products .item .wrap .action-line .buy-line .button img{width:25px;}
    section .layout-center .products .item .wrap .action-line .spinner-wrap .spinner input{height:35px;}
    section .layout-center .products .item .wrap .action-line .spinner-wrap .spinner .input-group-btn-vertical > .btn{height:33px; background-size: 35% auto;}

    section .layout-center .checkboxes.six > li{width:33.3333%}


    .grid-row {flex-direction: row; display:flex; flex-wrap: wrap; }
    .grid-row.grid-4 .grid-item {flex: 0 0 calc(50% - 5px); }

    .grid-row.grid-3 .grid-item {flex: 0 0 calc(50% - 5px); }
    .grid-row.grid-3 .grid-item:last-child {flex: 0 0 calc(100%); }

    .grid-row.grid-2 .grid-item {flex: 0 0 calc(100%); }

    section .layout-center #basket-layout .content .basket-list-table tr td.name{font-size:12px; padding-left:0; padding-right:0}
    section .layout-center #basket-layout .content .basket-list-table tr td{font-size:12px;}
    section .layout-center #basket-layout .content .basket-list-table tr td.price strong{font-size:14px;}
    section .layout-center #basket-layout .content .basket-list-table tr td.action {width:15px;padding-left:0}
    section .layout-center #basket-layout .content .basket-list-table tr td.action img{width:15px;}
    section .layout-center #basket-layout .content .basket-list-table tr td.quantity{padding-right:0; padding-left:0px; width:70px;}
    section .layout-center #basket-layout .content .basket-list-table tr td.image{width:45px;}
    section .layout-center #basket-layout .content .basket-list-table tr td.quantity .spinner input{height:35px; font-size:12px;}
    section .layout-center #basket-layout .content .basket-list-table tr td.quantity .spinner .input-group-btn-vertical > .btn{height:33px;}

    section .layout-center #basket-layout .content .basket-gift{flex-direction: column}


    section #detail .left-side .images > div.big a{width:100%;}
    section #detail .left-side .images > div.big  img{max-height: none!important}
    section #detail .left-side .images > div.big.nogallery{margin-top:-30px; margin-bottom:-40px; display:block;}

    body #sticky-widget .layout-center .left-items{display:none;}

    body .fancybox-content .modal-sale-banner > div:first-child {padding:20px 0px; width:250px;}
    body .fancybox-content .modal-sale-banner > div:first-child h3{font-size:25px; line-height: 130%}
    body .fancybox-content .modal-sale-banner > div:first-child h3 span{font-size:30px;}

    body .fancybox-content .first-buy-banner{min-height: auto;}

    body .fancybox-content .first-buy-banner > div:last-child .button{font-size:24px; width:100%; max-width:245px; margin-top:20px; } 
    body .fancybox-content .first-buy-banner > div:last-child p{font-size:6vw;  } 
    body .fancybox-content .first-buy-banner > div:last-child p strong{display:block;} 
    body .fancybox-content .first-buy-banner > div:last-child p .big{font-size:18vw; line-height: 18vw} 
    body .fancybox-content .first-buy-banner > div:last-child p .big span{font-size:12vw; line-height: 12vw;} 
    body .fancybox-content .first-buy-banner > div:last-child p .box{ font-size:9vw;  line-height: 9vw;} 

    section .layout-center #detail .right-side .cart-box{ flex-direction:column; gap:12px;}
    section .layout-center #detail .right-side .cart-box > div:last-child{width:100%;}
    section .layout-center #detail .right-side .cart-box .button{width:100%;}

    section .layout-center #detail .right-side .stock-box{flex-direction:column; gap:5px; text-align: center; justify-content: center}
    section .layout-center #detail .right-side .stock-box > *{width:100%;}
  
  
}


@media only screen and (max-width: 600px){
    .button{font-size:14px;}

    section .layout-center #subpage-wrap.basket-page{padding-top:0}
    section .layout-center .content-block.gray-bg{padding:20px 0}
    section .layout-center .benefits > .item{padding:2vw 1vw}
    section .layout-center .benefits .item:hover {background: transparent;}
    section .layout-center .benefits .item:hover .desc  {color:#929ea1; }
    section .layout-center .benefits .item:hover .desc strong { color:var(--text-color-primary);  }
    section .layout-center .benefits .item:hover .icon img {opacity:1}
    section .layout-center .benefits .item:hover .icon::before {opacity:0}

    section .layout-center .contact-page-layout > div p{font-size:12px;}
    section .layout-center .contact-page-layout > div h3{font-size:18px;}
    section .layout-center .contact-page-layout{margin-top: 10px; margin-bottom: 10px}

    section .blog-posts.v2{gap:20px}
    section .blog-posts.v2 .item{display:block;}
    section .blog-posts.v2 .item .image{width:100%;}
    section #blog-detail .blog-info{font-size:12px; justify-content: space-between;}


    section .blog-posts{grid-template-columns: repeat(1, 1fr);}
    /*    section .layout-center #detail .detail-params .rating{width:100%;}*/

    section .layout-center #detail .detail-params  {justify-content: space-between; gap:5px 20px;}
    section .layout-center #detail .detail-params div {text-align: center;}
    section .layout-center #detail-main-desc h1{text-align:center;}
    section .layout-center #detail-main-desc .h1-subtitle{text-align: center}

    section .layout-center #detail .detail-params .rating img{margin-right: 0px}

    section .layout-center .right-side > p{font-size:12px;}
    section .layout-center .right-side > a[href="#description"]{font-size:12px;}

    section .layout-center .hp-categories .item > .inside {padding:4.5vw 10px;}
    section .layout-center .hp-categories .item > .inside h3{font-size:3.3vw}
    section .layout-center .hp-categories .item > .inside .link{font-size:2vw}

    footer .container .col .address{margin-top:0}

    section .layout-center  .value-left, section .layout-center  .value-right {font-size:13px !important;line-height:25px}
    section .layout-center .article .item, body:not(.without_column) section .layout-center .article.thin .item{ width:50%; }
    section .layout-center .article .item.a2 {display:none}
    section .layout-center #detail .right-side .detail-box #action_links div {margin-bottom: 0px; width:50%;float:left}

    section .layout-center .article {margin:-10px -10px 10px -10px; }
    section .layout-center .article .item, body:not(.without_column) section .layout-center .article.thin .item {padding:20px 10px;padding-top:0 }
    section .layout-center .article .item h2{margin:10px 0px 5px 0px;font-size:14px}
    section .layout-center .article .item .wrap{ margin-top:10px;}
    section .layout-center .article .item .wrap > div{padding-top:10px; }

    .layout-center .tab-title{margin-top:20px; font-size:18px; margin:20px auto 0px auto; width:100%; box-sizing: border-box; text-align: center; }
    .layout-center .subpage-title{font-size:25px; line-height: 120%; margin-bottom: 20px;}


    section .layout-center .pagination.v2{margin-bottom:15px;}

    .scroll-top img{width:45px;}

    footer .container .col{ width:100%!important; } 

    footer .container .col.about-buy{width:100%!important}
    footer .container .col.pay-delivery{width:100%!important}
    footer .container .col p.space, footer .container .col p.title{margin-bottom: 20px;}
    #text-mobile-placeholder{padding-top:30px;}

    section .layout-center .category .item{width:33.333333%;}
    section .layout-center .tabs1 .tab-container .etabs li a{line-height: 45px;}
    section .layout-center .tabs1 .tab-container .etabs{margin-top:-97px; margin-bottom: 10px;}

    section .layout-center #detail .right-side .detail-box .description p{font-size:14px; line-height: 150%}
    section .layout-center #detail .right-side .detail-box .price-box {display:block;}
    section .layout-center #detail .right-side .detail-box .price-box > div{display:block; width:100%; box-sizing: border-box;}
    section .layout-center #detail .right-side .detail-box .price-box > div:first-child table{width:auto;}
    section .layout-center #detail .right-side .detail-box #action_links{padding-top:0px; padding-left:0px; padding-bottom:40px;}

    section .layout-center #detail .right-side .detail-box #action_links {margin-bottom:0px !important}

    section .layout-center .filter-wrap{ line-height:0px;  padding:0px 0px; font-size:0px;border-bottom:0px; border-right:0px;}
    section .layout-center .filter-wrap a{ display:inline-block; width:50%; box-sizing: border-box; line-height:40px; text-align: center; margin:0px 0px 0px 0px; color:#828282;font-size:15px; border-right:1px solid #DFDFDF;border-bottom:1px solid #DFDFDF; background: #F5F5F5; font-family:'Poppins', sans-serif; font-weight:500;}
    section .layout-center .filter-wrap a::before{display:none;}
    section .layout-center .filter-wrap a:hover::before{opacity:0;}
    section .layout-center .filter-wrap a.current{color:#1d1d1d; font-weight:500; background: #fff;}
    section .layout-center .filter-wrap a.current::before{opacity:0;}

    section .layout-center #detail .right-side .detail-box .price-box, section .layout-center #detail .right-side .variant {border-top:0}
    section .layout-center #detail .right-side .variant table tr td {padding:15px 0 0 0}
    section .layout-center #detail .right-side .detail-box .price-box > div {padding:15px 0}
    section .layout-center #detail .right-side .detail-box .btn-wrap{ padding:0px 0px 20px 0px;}
    section .layout-center #detail .right-side .wrap {padding:0px 0px 10px 0px;}
    p.producer_logo a img {margin:20px auto 0 auto; }
    .onlymobile {display:inline}

    section .layout-center #detail .right-side .detail-box{border:0px;border:0px none;  }
    section .layout-center #detail .right-side .detail-box .info {display:block;background:none;padding:0}
    section .layout-center #detail .right-side .detail-box .info > div{display:block; width:100%; box-sizing: border-box; border:0px none!important;padding:0}
    section .layout-center #detail .right-side .detail-box .info > div:first-child {padding-bottom:10px}
    section .layout-center #detail .right-side .detail-box .info > div:first-child table{width:auto;}
    section .layout-center #detail .right-side .detail-box .info > div:last-child{padding-top:0px;}

    section .layout-center #detail .right-side .detail-box .info > div > table tr td:first-child{display:none}
    section .layout-center #detail .right-side .detail-box .info > div > table tr td:last-child{font-size:14px;padding-top:0;padding-bottom:0}
    section .layout-center #detail .right-side .detail-box .info > div > table tr td:first-child{padding-left:0; padding-right:0;width:111px}
    section .layout-center #detail .right-side .detail-box .info > div > strong {display:inline-block; width:107px;}
    section .layout-center #detail .right-side .detail-box .info > div:last-child div{display:inline;}
    section .layout-center #detail .right-side .detail-box .info > div:last-child strong:first-child {display:none}
    section .layout-center #detail .right-side .detail-box .availability span,
    section .layout-center #detail .right-side .variant table tr td:first-child{font-size:14px;}
    section .layout-center #detail .right-side .detail-box .info > div > table tr td.info_value {font-size:12px; color:#333; }
    section .layout-center #detail .right-side .detail-box .info > div  {width:100% !important; }
    section .layout-center #detail .right-side .detail-box .info > div > table  {width:100% !important; display:table; }
    section .layout-center #detail .right-side .detail-box .info > div > table tr:nth-child(odd) td.info_value {float:left; color:#333; }
    section .layout-center #detail .right-side .detail-box .info > div > table tr:nth-child(even) td.info_value {float:right; color:#333; position:absolute; right:15px; margin-top:-16px; }
    #detail_store {position:static; left:0; }

    footer .footer-layout{flex-direction: column; gap:20px;}
    footer .footer-layout .left-column{justify-content: center}
    footer .footer-layout .left-column img{max-width: 250px; padding:0}
    footer .footer-layout .right-column p{text-align: center; padding:0 0 1em 0}

    footer .nwl{margin-top:0}
    footer .layout-center .help-contact{flex-direction: column; gap:10px;}
    footer .container .col p.title.medium{line-height: 150%; }
    footer .container .col p.title{ font-size:18px;}

    section .layout-center .filter-params {gap:8px; justify-content: center; width:100%;}
    section .layout-center .filter-params li span{font-size:12px; line-height: 30px; padding:0px 10px;}

    section .layout-center .text-box p{font-size:12px;}
    section .layout-center .breadcrumbs > ul li{font-size:11px;}
    .parallax-content h2{font-size:20px; padding-bottom:0}
    .parallax-content .button{font-size:14px;}
    .parallax-content .button{line-height: 25px;}
    section.shape{margin-top:0}
    section.carousel-section{padding-bottom: 0}
    section .layout-center .show-all .button.btn-big{line-height: 50px;}

    section .brands .owl-next, section .brands .owl-prev{width:30px!important; background-color:transparent!important}
    section .brands .owl-next{right:-0px!important}
    section .brands .owl-prev{left:-0px!important}
    section .brands .wrap{padding:0px 0px;}
    section .brands .wrap .item{gap:0}

    section .layout-center .products .item .wrap{padding:0px;}

    section.bottom-benefits{padding-top:15px}

    section .layout-center #basket-layout .sidebar .wrap{padding:20px;}
    section .layout-center #basket-layout .sidebar .back-link{bottom:0; margin-top:10px;}

    .header-wrap.v2 header .middle-box .table-container .col.goback  {padding-left: 0}
    .header-wrap.v2 header .middle-box .table-container .col.goback a {font-size:12px;}
    .header-wrap.v2 header .middle-box .table-container .col.goback a img{padding-right: 5px;}
    .header-wrap.v2 header .middle-box .table-container .col.goback a span{display:none}

    section .layout-center .benefits{gap:0}

    section .layout-center .products .item .wrap .info-wrap p{font-size:11px;}
    section .blog-posts .item .wrap{padding:10px;}

    footer .box{padding-top:0}

}

@media only screen and (max-width: 550px){
    section .layout-center #detail-main-desc{margin-top: 10px}
    section .layout-center #blog-detail .products{grid-template-columns: repeat(2, 1fr); }

    section .layout-center #basket-line{margin-bottom:30px;}
    section .layout-center #subpage-wrap h1{font-size:25px!important;}
    section .layout-center #basket-layout .content .login-block p{font-size:12px;}
    section .layout-center #basket-layout .content .login-block .button{font-size:13px!important; padding:0px 20px; height:40px; line-height: 38px; min-width: 0}
    section .layout-center #basket-layout .sidebar p{font-size:12px;}
    section .layout-center #basket-layout .sidebar .button.last-step{font-size:16px;}

    footer .layout-center .f-logos img{height:30px;}

    section .layout-center .products-carousel-wrap{margin-bottom:0px;}

    section .heureka-block-detail > div .review-grid .head .date{display:block;}
    section .heureka-block-detail > div .review-grid .head .rate{margin-bottom:0 }
    section .layout-center #main #content{margin-top:10px;}

    section .layout-center #content .products {grid-template-columns: repeat(2, 1fr);}


    section .layout-center .best-selling{width: calc(100% + 30px) ; margin:0 0 0 -15px}
    section .layout-center .best-selling .owl-stage{padding-left:15px!important; padding-right: 120px!important}
    section.most-sold{margin-bottom: -60px;}

    section .blog-posts .item .wrap h3{text-align: left;}


    section .layout-center .hp-categories.owl-carousel  {width: calc(100% + 15px); }
    section .layout-center .hp-categories.owl-carousel .owl-stage  { padding-left:0px!important; padding-right: 100px!important}


    header .middle-box .table-container .col.col-currency{display:none;}
    section .layout-center #top-page-line{margin-bottom: 0; display:none}


    .layout-center .title-leaf{margin-bottom:10px;}

    .hp-top-banners.owl-carousel .owl-stage{padding-left:0px!important; padding-right:100px!important }


    section .layout-center .content-block{padding:15px 0}


    section .layout-center .benefits  {margin:0px -5px -20px -5px}
    section .layout-center .benefits .item  .desc{font-size:8px; padding:5px 5px 20px 5px }
    section .layout-center .benefits .item  .desc strong{font-size:10px; }

    #detail_submit .button.v3 {font-size:20px !important}

    body .fancybox-stage .h1_background.popup_cr{text-align: center!important}

    section .layout-center #main{ margin-top:0px;}
    section .layout-center #main.full-width{ margin-top:0px;}

    section .layout-center #detail .left-side .big-image {text-align:center;width:300px;margin:0 auto;}
    section .layout-center #detail .left-side .big-image img.big-image-picture{width:300px;aspect-ratio: 1/1;}

    h1{ font-size: 25px; padding-bottom:10px; }
    h2{ font-size: 22px; padding-bottom:10px; }
    h3{ font-size: 17px; padding-bottom:10px; }
    h4{ font-size: 14px; padding-bottom:5px; }

    .layout-center .text-box h1{font-size: 28px;text-align:center;padding-bottom:15px }
    .layout-center h1.detail-h1 {text-align:center !important;margin-top:10px;padding-top:0;padding-bottom:0}

    .layout-center .title {padding-bottom:8px}
    h3{font-size:18px; }
    .layout-center p{font-size:13px;}

    section .layout-center  .checkboxes.triple li{width:100%;}

    section .layout-center  .tag   {top:0px; }
    section .layout-center  .tag li  { padding-bottom:5px; }
    section .layout-center  .tag li span { height:auto;  }
    section .layout-center  .tag li span > span{ font-size:10px; line-height: 15px;  }

    section .layout-center .tabs1 .tab-container .etabs li a{line-height: 40px;}

    section.hp-slider-wrap{padding:20px 0 0 0;}
    .layout-center.on-slider {padding:0}
    section.hp-slider-wrap{padding-bottom:0;}

    .slider-float {width:100%;float:none;}
    .slider-right {width:100%;float:none;padding:0px;margin-top:10px}
    .slider-right div.item {width:50%;float:left;}
    .slider-right div.item:first-child {margin-bottom:0px;padding-right:5px;box-sizing: border-box;}
    .slider-right div.item:last-child {margin-bottom:0px;padding-left:5px;box-sizing: border-box;}

    section .layout-center .products-wrap{position:relative;}

    section .layout-center .products.owl-carousel.v6 .owl-controls .owl-nav > div.owl-prev{left:-30px!important;}
    section .layout-center .products.owl-carousel.v6 .owl-controls .owl-nav > div.owl-next{right:-30px!important;}

    section .layout-center #content .detail-carousel .products.owl-carousel.v3 .owl-controls{right:0px!important;}*/

    section .news-wrap{padding:0px 0px 40px 0px;}
    section .news-wrap .news .item {padding-bottom:0px;}
    section .news-wrap .news .item .wrap .date{width:70px;margin-left:-90px;}
    section .news-wrap .news .item .wrap{padding-left:90px;}


    section .layout-center #filter-block .filter-line > div:first-child{justify-content: center;}
    section .layout-center #filter-block .filter-box{width:100%;}
    section .layout-center .filter-box .button{width:100%; text-align:left;}
    section .layout-center .filter-box .filter-button-box{position:relative; border:0px; padding:15px 1px 0px 1px; margin:0; width:100%; box-sizing: border-box; left:0}
    section .layout-center .filter-box .filter-button-box select{margin-top:0 !important}
    section .layout-center #main .filter-box .filter-button-box .checkboxes > li, 
    section .layout-center #main .filter-box .filter-button-box .colors li, 
    section .layout-center #main .filter-box .filter-button-box .sizing li{width:33.33%}

    section .layout-center #sort-line > .button  { min-width: 0; justify-content: flex-start; padding:0px 12px!important; font-weight:600}
    section .layout-center #sort-line > .button::before{width:18px; background-size: 100% auto}

    section .layout-center .sort-box .sort-button > span{display:none;  }
    section .layout-center .sort-box .sort-button > strong{text-transform:capitalize;  padding-left:0}

    section .layout-center .filter-box .filter-button{padding-top:5px;padding-bottom:5px;background: #ffffff url('../images/svg/down.svg') no-repeat right 10px center; background-size:10px auto}
    section .layout-center .filter-box .filter-button.active, section .layout-center .filter-box .filter-button:hover{border-color:#1b1b1b;color:white !important;background: #1b1b1b url('../images/svg/up_white.svg?v=1') no-repeat right 10px center; background-size:10px auto}
    section .layout-center #sort-line > :last-child{padding:0}

    .layout-center .title{font-size:25px; padding-bottom:0; margin-bottom: 10px;}


    section .layout-center ul.subcategories{grid-template-columns: repeat(2, 1fr); gap:7px;}
    section .layout-center ul.subcategories > li a{font-size:11px;}


    section .layout-center .tag li span{line-height: 20px; font-size:11px;}
    section .layout-center .tag li span::after{border-width: 10px 0 10px 10px;}

    section .layout-center .checkboxes.six > li{width:50%}
    .hp-layout .right-column .info .map-button{font-size:13px; padding:10px;}
    .hp-layout .right-column .info{flex-direction: column}
    .hp-layout .right-column .button{max-width: 100%}
    .hp-layout .right-column .oh{margin-bottom: 20px;}
    .hp-layout .right-column .info{margin:20px 0}


    .buy-line{width:100%;}
    .buy-line .button-wrap{width:100%}


    .jq-toast-wrap{width:calc(100% - 30px)!important}
    .jq-toast-wrap.bottom-right{right:15px!important; bottom:15px!important}

    body .sb-slidebar .col-currency{position:absolute; right:50px; top:15px}

    section .layout-center .slider.owl-carousel {margin-top:0px; margin-bottom:0px;}

    section .layout-center .slider{margin-top:25px;}

    header .middle-box .table-container .col.logo img.mobile{display:none }
    header .middle-box .table-container .col.logo img.mobile-mini{display:inline-block; max-width:140px; }
    .header-wrap.v2 header .middle-box .table-container .col.logo {display:table-cell; position:relative!important; left:auto; top:auto ; transform:none; text-align:center;}

    body .fancybox-content .modal-sale-banner{flex-direction: column; }
    body .fancybox-content .modal-sale-banner > div:first-child{width:auto; border-radius: 15px 15px 0  0;}
    body .fancybox-content .modal-sale-banner > div:first-child > img{position:absolute;left:0; top:10px; width:95px}
    body .fancybox-content .modal-sale-banner > div:first-child > .sticker{position:absolute;right:5px; bottom:5px; }
    body .fancybox-content .modal-sale-banner > div:first-child > .sticker img{ width:60px}
    body .fancybox-content .modal-sale-banner > div:first-child h3{margin-bottom:0}
    body .fancybox-content .modal-sale-banner > div:last-child h3 br{display:none;}
    body .fancybox-content .modal-sale-banner > div:last-child h3{text-align:center;}
    body .fancybox-content .modal-sale-banner > div:last-child p{text-align:center;}

    section .layout-center .hp-categories .item > .inside .link{ line-height: 6vw}
    section .layout-center .hp-categories .item > .inside{padding:10px;}
    section .layout-center .hp-categories .item > .inside h3{margin-bottom:2vw}
    section .layout-center .hp-categories{margin-top:0}


    section .layout-center .content-block.gray-bg{margin-top:15px; margin-bottom:10px;}

    section .brands .wrap{padding:0px 0px;}


    section .layout-center .products .item .wrap .buy .button{ height:40px; line-height: 38px; font-size:11px; padding:0}
    section .layout-center .products .item .wrap .info-wrap{margin-bottom:5px;}

    section .blog-posts .item .wrap .info-line{font-size:8px!important;padding:5px 0}


    footer .newsletter-wrap{margin-top:30px; margin-bottom:15px;}
    section .brands-title{font-size:15px;margin-top:0}
    section .brands-title span{line-height: 40px; width:auto;}

    footer .nwl .wrap p{padding-right:90px;}
    footer .nwl .wrap p button.button{padding:0px 10px; font-size:12px;}

    footer .nwl-title{font-size:25px; line-height: 25px; padding-bottom:15px;}

    section .layout-center ul.subcategories > li a{min-height:35px; }

    section .layout-center #detail .right-side .params-box {text-align: center; font-size:11px; padding:15px 0 0 0}
    section .layout-center #detail .right-side .params-box strong{display:block;}
    section .layout-center #detail .right-side .variants-box .wrap .item{font-size:12px;}
    section .layout-center #detail .right-side .variants-box .wrap .item strong{font-size:14px;}

}


@media only screen and (max-width: 500px){


    section .layout-center .slider.owl-carousel {display:block;}
    section .layout-center .slider.owl-carousel .owl-controls{bottom:auto; position:relative; margin:10px 0 0 0}
    section .layout-center .slider.owl-carousel .owl-dots > div{width:10px; height:10px; border-radius: 10px;}
    section .layout-center .slider.owl-carousel .owl-dots {padding:0; justify-content: center}

    section .layout-center #detail .left-side{margin-bottom:10px;}

    .form-row > div > label{font-size:12px;}
    .form-row > div > span a{font-size:12px;}
    .form-row > div > label::after{font-size:12px;}
    .form-row > div input{height:40px;}

    section .layout-center #main .checkboxes > li{width:100%}

    section .share-article {gap:15px;}
    section .share-article > div:first-child{font-size:14px;}
    section .blog-posts.v2{margin-bottom:20px;}

    .jcarousel-control-prev {top: -40px; }
    .jcarousel-control-next {bottom: -40px; background-position:center center; }

    section .layout-center #description-layout .layout h3{font-size: 18px;}

    section .layout-center .hp-top-banners{margin-top:0px;}
    section .layout-center .hp-top-banners.owl-carousel{width:calc(100% )}
    section .layout-center .hp-top-banners.owl-carousel .owl-controls{position:relative; top:auto; left:auto; margin:15px 0 0 0; text-align:center;}
    section .layout-center .hp-top-banners.owl-carousel .owl-dots{display:flex; gap:10px; position:relative; justify-content: center;}
    section .layout-center .hp-top-banners.owl-carousel .owl-dots > div{width:10px; height:10px; border-radius: 10px; background: var(--primary-color);}
    section .layout-center .hp-top-banners.owl-carousel .owl-dots > div.active{ background: var(--text-color-primary);}

    section .layout-center .hp-top-banners .item > .inside h3 {font-size: 6vw; }
    section .layout-center .hp-top-banners .item > .inside p {font-size: 3vw; }
    section .layout-center .hp-top-banners .item > .inside {padding: 6.06vw; }
    section .layout-center .hp-top-banners .item > .inside .button {line-height: 8vw; font-size: 3vw; min-width: 30.29vw; }


    section .layout-center .products.owl-carousel{width:calc(100% )}

    section .layout-center .hp-big-banners .item > .inside h3{font-size:4.5vw; padding-bottom:0.5vw; text-align: left;}
    section .layout-center .hp-big-banners .item > .inside p{font-size:2vw}
    section .layout-center .hp-big-banners .item > .inside{padding:4vw}
    section .layout-center .hp-big-banners .item > .inside .button{line-height: 5.5vw; font-size:2.3vw; min-width:50%;}

    .layout-center .title-leaf{font-size:22px;}
    .layout-center .title-leaf > span{padding-bottom: 15px;}

    .layout-center .title-big{font-size:25px;}

    body.without_column section .layout-center #main .aside-box{ width:100%;}

    .button.yellow{padding:0px 10px; text-decoration: none; line-height:26px;font-size:13px;background:white;border:1px solid #b0b0b0;color:#555 }

    section .layout-center .article{margin-top:10px}

    footer .newsletter .cont .wrap  p  button.button{ font-size:14px; }

    section .news-wrap {margin-bottom: 50px;}
    section .news-wrap .button{position:absolute; left:-1px; width: calc(100% + 2px);bottom:-15px; margin-left:0;padding:5px 0}

    section .layout-center #detail .right-side .wrap .free-present {display:block;margin-bottom:20px}
    section .layout-center #detail .right-side .wrap .free-present > div{display:block;}
    section .layout-center #detail .right-side .wrap .free-present > div:first-child{width:100%; box-sizing: border-box;padding:5px 20px; text-align: center;}

    section .layout-center #detail .left-side .gallery {margin-left:-5px; margin-right:-5px;}
    section .layout-center #detail .left-side .gallery .item{padding:5px;}
    section .layout-center #detail .left-side{padding-bottom:20px;}

    section .layout-center .top-table .num{width:30px; height:auto; font-size:18px; padding:0px 5px;}
    section .layout-center .top-table .image {width:40px;}
    section .layout-center .top-table .image img{max-width:40px;}
    section .layout-center .top-table .name {padding-left:0px; line-height: 15px;}
    section .layout-center .top-table .name a{font-size:11px;}
    section .layout-center .top-table .price, .popup_cart_price .price{font-size:12px;}
    section .layout-center .top-table .original-price, .popup_cart_price .original-price {font-size:10px;}
    section .layout-center .top-table .availability {padding-left:0px; padding-right:0px;}
    section .layout-center .top-table .availability span{font-size:10px;}
    section .layout-center .top-table .availability span.instock{padding-left:0px;}
    section .layout-center .top-table .availability span.instock::before{width:15px; height:15px; display:none;}

    footer .container .col{width:100%!important;}
    footer .container::before {display:none;}
    footer .container .col p.title::after {margin-top:-3px;}

    section .layout-center .products.owl-carousel.v6 .owl-controls .owl-nav > div.owl-prev{left:-20px!important;}
    section .layout-center .products.owl-carousel.v6 .owl-controls .owl-nav > div.owl-next{right:-20px!important;}

    section .bx-wrapper .bx-controls{display:none;}

    section .layout-center #detail .right-side .detail-box .btn-wrap .button span{display:none;}

    section .layout-center #detail-wrap .variants .item > div.name{font-size:12px; line-height: 140%;}
    section .layout-center #detail-wrap .variants .item .availability{font-size:12px;}
    section .layout-center #detail-wrap .variants .item .original-price{font-size:12px;}
    section .layout-center #detail-wrap .variants .item .original-price{font-size:12px;}
    section .layout-center #detail-wrap .variants .item > div.price{font-size:14px; line-height: 140%; padding-left:0}
    section .layout-center #detail-wrap .variants .item > div.name img{width:35px;}
    section .layout-center #detail-wrap .variants .buy-line .button{width:35px!important; height:35px; line-height:35px;}
    section .layout-center #detail-wrap .variants .buy-line .button img{width:20px; top:-2px}
    section .layout-center #detail-wrap .variants .spinner-wrap .spinner input{height:35px;}
    section .layout-center #detail-wrap .variants .spinner-wrap .spinner .input-group-btn-vertical > .btn{height:33px; width:25px; background-size:40%}
    section .layout-center #detail-wrap .variants .spinner-wrap{width:65px;}
    section .layout-center #detail-wrap .variants .item > div.price{padding-right:5px; width:50px; white-space: nowrap;}
    section .layout-center #detail-wrap .variants .item > div.last{width:100px;}

    section .layout-center #detail-main-box .inside-wrap{padding:20px;}

    section .layout-center #detail-main-box .price-line{flex-direction: column; gap:15px; }
    section .layout-center #detail-main-box .price-line>div{width:100%;}
    section .layout-center #detail-main-box .price-line>div:last-child{margin-left:-15px;}

    section .layout-center #detail{margin-top: 0}
    section .layout-center #detail-main-desc{padding-bottom:0px;}
    section .layout-center #detail-main-desc h1{font-size:25px; margin-bottom:5px;}
    section .layout-center #detail-main-desc p{font-size:12px;}
    section .layout-center #detail-main-desc .tag {margin-bottom:10px;}
    section .layout-center #detail-main-desc .tag li span{font-size:11px;}

    .buy-line .button-wrap{flex:1}
    .buy-line .favorite{width:50px; height:50px}
    .buy-line .spinner-wrap .spinner input{height:50px;}
    .buy-line .spinner-wrap .spinner .input-group-btn-vertical > .btn{height:50px;}

    section .layout-center #detail-main-box .action-buttons{flex-direction: column; gap:10px; flex: 1}
    section .layout-center #detail-main-box .action-buttons a{flex: 1; width:100%;}

    .buy-line .button{ line-height:48px!important; padding:0px 15px!important; }
    .buy-line .button span{display:none;}

    section .layout-center .top-container .help-box{ font-size:11px; padding-top:15px; padding-bottom:15px;}
    section .layout-center .top-container .help-box strong{font-size:15px;}

    .grid-item .label{font-weight:600; font-size:15px;}

    footer .nwl .check-wrap .pure-checkbox label{font-size:10px!important;}
    footer .nwl .check-wrap .pure-checkbox label a{font-size:10px!important;}
    footer .nwl .wrap p #email_news{padding:0px 10px; font-size:12px;}
    footer .nwl .wrap p{padding-right: 90px;}

    footer .footer-layout .right-column p{font-size:12px;}

    section .layout-center .products.owl-carousel.v2 .owl-stage-outer .owl-item.neighbor:not(.active){opacity:1}
    section .layout-center .best-selling.owl-carousel .owl-stage-outer .owl-item.neighbor:not(.active){opacity:1}

    section .layout-center .hp-top-banners:not(.owl-carousel)  {overflow:hidden; margin:-10px -7px 0 -7px;}
    section .layout-center .hp-top-banners:not(.owl-carousel) .item  {flex: 0 0 100%; padding:0px 7px;box-sizing: border-box; }
    section .layout-center .hp-top-banners:not(.owl-carousel) .item > .inside  {padding: 6.06vw 7.9vw;}


    section .heureka-block-detail > div .review-grid{grid-template-columns: repeat(1, 1fr);}

    body .fancybox-content .modal-layout-wrap table thead tr th{font-size:11px; padding:5px 5px!important;}
    body .fancybox-content .modal-layout-wrap table tbody tr td{font-size:11px; padding:5px 5px;}
    body .fancybox-content .modal-layout-wrap table tbody tr td.price{font-size:11px; padding:5px 5px;}
    body .fancybox-content .modal-layout-wrap table tbody tr td.date{font-size:10px;}
    body .fancybox-content .modal-layout-wrap table tbody tr td.logo {padding:5px 5px; width:20px;}
    body .fancybox-content .modal-layout-wrap table tbody tr td.logo img{height:25px;}

    body .fancybox-content .modal-layout-wrap p{font-size:12px;}
    body .fancybox-content .modal-layout-wrap .icon-box{font-size:12px; margin-bottom:15px;}
    body .fancybox-content .modal-layout-wrap h3{font-size:22px;}
    body .fancybox-close-small{right:10px!important; top:-5px!important}
    body .fancybox-close-small::before{display:none;}

    body .fancybox-content .modal-sale-banner{margin: -20px; width:calc(100% + 40px);}

    body .fancybox-content .first-buy-banner{margin: -20px; width:calc(100% + 40px);}
    body .fancybox-content .first-buy-banner > div:last-child .button{line-height: 10vw}
    body .fancybox-content .first-buy-banner > div{padding:8vw}

    #description-layout table tbody tr td{padding:5px;  font-size:10px}
    #description-layout table tbody tr td p{  font-size:10px; line-height: 150%;}
    #description-layout table tbody tr td > span{  font-size:10px!important; line-height: 150%!important;}
    #description-layout table tbody tr td > div > span{  font-size:10px!important; line-height: 150%!important;}



}


@media only screen and (max-width: 450px){
  
    .btn-big.buy span {display:none !important}

    section .layout-center .slider .owl-stage-outer{aspect-ratio:1/1}

    section .layout-center .benefits .item img{width:35px; height:35px;}
    section .layout-center .benefits .item .icon{height:35px;margin-bottom:5px;}

    .form-row{gap:10px; flex-direction: column}

    section .layout-center #basket-layout .content .pay-delivery > .item .desc strong{font-size:12px;}
    section .layout-center #basket-layout .content .pay-delivery > .item .desc{font-size:10px; line-height: 15px;}
    section .layout-center #basket-layout .content .pay-delivery > .item .price{font-size:10px;}
    section .layout-center #basket-layout .sidebar .product-list-table tr td.name{font-size:11px;}
    section .layout-center #basket-layout{margin-bottom: 30px; gap:30px;}
    section .layout-center #basket-layout .sidebar .product-list-table tr td.image{width:45px;}
    section .layout-center #basket-layout .sidebar .product-list-table tr td{font-size:12px;}
    section .layout-center #basket-layout .sidebar .product-list-table tr td.price .quantity{font-size:12px;}
    section .layout-center #basket-layout .sidebar .product-list-table tr td.price strong{font-size:14px;}
    section .layout-center #basket-layout .sidebar .price-block {gap:0px; margin-bottom:15px;}
    section .layout-center #basket-layout .sidebar .price-block > div{font-size:12px;}
    section .layout-center #basket-layout .sidebar .price-block > div.total{font-size:14px;}
    section .layout-center #basket-layout .sidebar .price-block > div.total span:last-child{font-size:20px;}

    section .layout-center #basket-layout .sidebar #coupon{font-size:12px;}
    section .layout-center #basket-layout .sidebar .coupon-wrap button.button{padding:0px 15px; font-size:12px;}
    section .layout-center #basket-layout .sidebar .button.btn-big{padding:0px; font-size:14px;}
    section .layout-center #basket-layout .back-link{font-size:12px;}
    section .layout-center #basket-layout .sidebar .icon-box{font-size:12px;}
    section .layout-center #basket-layout .sidebar .total-price{font-size:14px;}

    section .layout-center #basket-layout .content .basket-list-table tr td.availability{font-size:10px;}
    section .layout-center #basket-layout .content .basket-list-table tr td.name{font-size:10px;}
    section .layout-center #basket-layout .content .basket-list-table tr td{font-size:10px;}
    section .layout-center #basket-layout .content .basket-list-table tr td.price strong{font-size:12px;}
    section .layout-center #basket-layout .content .basket-list-table tr td.image{width:35px;}

    section .layout-center #basket-layout .content .basket-gift > .item{font-size:10px;}
    section .layout-center #basket-layout .content .basket-gift > .item .image{width:45px;}


    section .layout-center .horizontal-nav { gap:10px; margin-bottom:20px}
    section .layout-center .horizontal-nav a{ padding-left: 15px; padding-right:25px; background-position: right 10px center; font-size:14px; flex: 0 0 calc(50% - 5px);}



    section .layout-center #main .aside-title{font-size:16px; line-height:40px; }

    section .layout-center #main #content .aside-filter{padding:10px 10px 1px 10px}
    section .layout-center #main .aside-box .box-title{font-size:14px!important;}
    .button{line-height:40px}

    section .heureka-block > div .review-grid{grid-template-columns: repeat(1,1fr); }

    .sb-slidebar .favorite, .sb-slidebar .compare {position:relative;top:-3px}

    .sb-slidebar .compare a span , .sb-slidebar .favorite a span,
    .sb-slidebar .compare a span i, .sb-slidebar .favorite a span i{background: var(--text-color-primary);color:#ffffff;width:14px; line-height: 14px; height:14px;}


    picture.v-mobile, img.v-mobile{display:block !important;}
    picture.v-desktop, img.v-desktop{display:none !important;}

    .slider > li picture.v-desktop{display:none !important;}

    header .middle-box .table-container .col.mobile {padding-left:18px !important}

    section .layout-center #detail .right-side .detail-box #action_links {margin-bottom:0px !important;padding-bottom:40px !important}
    section .layout-center #detail-wrap table.data-table tr td{ padding:5px 10px;  }

    section .layout-center .products .banner_list { padding:0px 5px;}  

    footer .newsletter .cont > div:first-child p{font-size: 14px;}
    footer .newsletter .cont > div:first-child p strong{font-size: 25px;}

    section .layout-center #detail .right-side .variant table{display:block;}
    section .layout-center #detail .right-side .variant table tbody{display:block;}
    section .layout-center #detail .right-side .variant table tr{display:block;}
    section .layout-center #detail .right-side .variant table tr td{display:block; padding-left:0px!important;padding-right:0px!important;}
    section .layout-center #detail .right-side .variant table tr td .select-style{float:none;}

    section .layout-center #detail .right-side .variant table tr td:last-child{padding-top:0px;}

    .detail-box .input-group-btn-vertical > .btn{width:25px; background-size:12px auto!important; height:50px;}
    .detail-box .spinner input{height:50px;}

    section .layout-center .tabs1 .tab-container .etabs li a{font-size:14px !important}
    section .layout-center .category{margin-left:-5px; margin-right:-5px;}
    section .layout-center .category .item{padding:5px;}
    section .layout-center .category .item a{padding:10px;}

    section .layout-center .products.owl-carousel .owl-controls .owl-nav > div.owl-prev{left:-5px;}
    section .layout-center .products.owl-carousel .owl-controls .owl-nav > div.owl-next{right:-5px;}

    header .middle-box .table-container .compare-col,
    header .middle-box .table-container .col.nocontact{display: none;}

    section .layout-center #detail-main-box .buy-line .button span{display:none;}

    section .layout-center #detail-main-box .buy-line .button{ height:45px; line-height:43px!important; font-size:16px;}
    section .layout-center #detail-main-box .buy-line .button img{width:25px; top:-2px}
    section .layout-center #detail-main-box .buy-line .spinner-wrap .spinner input{height:45px;}
    section .layout-center #detail-main-box .buy-line .spinner-wrap .spinner .input-group-btn-vertical > .btn{height:43px; width:45px; background-size:25%}
    .buy-line .favorite{width:45px; height:45px}


    section .layout-center #detail-main-box .inside-wrap.action-buttons .button{min-width: auto!important; flex: 0 0 auto;  line-height: 35px; height:35px; font-size:14px; padding:0px 15px;}

    section .layout-center .tag li span{font-size:9px;}
    section .layout-center .tag li{padding-bottom:3px!important; font-size:0px;} 


    #description-layout, div.zigzag div.wrap div.z_text{font-size: 13px!important; text-align: left!important}
    #description-layout p, div.zigzag div.wrap div.z_text p {color: var(--text-color-primary); line-height: 200%!important;}
    #description-layout p span, div.zigzag div.wrap div.z_text p span{font-size: 13px!important; }
    #description-layout ul, div.zigzag div.wrap div.z_text ul{margin-left:13px;}
    #description-layout ul li, div.zigzag div.wrap div.z_text ul li{font-size:13px!important;line-height: 200%!important;}
    #description-layout ul li span, div.zigzag div.wrap div.z_text ul li span{font-size:13px!important;}
    #description-layout h2, div.zigzag div.wrap div.z_text h2{font-size: 22px!important; line-height: 150%!important; color: var(--text-color-primary)!important; font-weight: 600:!important; padding: 0px 0 20px 0!important; }

    section .layout-center  .products{grid-template-columns: repeat(2, 1fr);}

    body .fancybox-content .modal-sale-banner > div:first-child h3{font-size:24px;}
    body .fancybox-content .modal-sale-banner > div:first-child h3 span{font-size:28px;}
    body .fancybox-content .modal-sale-banner > div:first-child > img{width:85px;}
    body .fancybox-content .modal-sale-banner > div:last-child h3{font-size:24px;}

    section .layout-center #basket-layout.pb {padding-bottom:0px; } 

    section .layout-center .products .item .wrap .availability{font-size:11px;}
    section .layout-center .products .item .wrap .original-price, section .layout-center .products .item .wrap .price.smaller{font-size:11px;}

}

@media only screen and (max-width: 420px){

    section.newsletter-section .grid > div:first-child {font-size:14px;}
    section.newsletter-section .grid > div:first-child strong{font-size:25px;}
    footer .nwl .check-wrap .pure-checkbox label{font-size:11px!important; text-align: left;}
    footer .nwl .check-wrap .pure-checkbox label a{font-size:11px!important}

    section .layout-center .review > .item .actions span.rt {display:none; }
    section .layout-center #main .filter-box .filter-button-box .checkboxes > li, 
    section .layout-center #main .filter-box .filter-button-box .colors li, 
    section .layout-center #main .filter-box .filter-button-box .sizing li{width:50%}

    section .layout-center .products{margin-bottom: 0}
    .detail-box .spinner {width:50px;}
    .detail-box .spinner input{font-size:16px;}
    .detail-box .spinner-wrap{padding-left:104px;}
    section .layout-center #detail .right-side .detail-box .btn-wrap .button{font-size:15px;}
}

@media only screen and (max-width: 400px){
    header .middle-box .table-container .col.logo img.mobile{width:140px;}
    section .layout-center #basket-line{font-size:11px; line-height: 14px;}

    section .layout-center #detail-main-box .buy-line .button{font-size:14px;}

    section .layout-center .products.owl-carousel.v2 .owl-stage-outer .owl-item.neighbor:not(.active){opacity:1}

    section .layout-center .benefits{}
    section .layout-center .benefits .item{width:50%;}
    section .layout-center .benefits .item .desc{padding-bottom: 10px;}

    section .layout-center #detail .right-side .detail-box #action_links {margin-bottom:0px !important;padding-bottom: 10px !important;}
    section .layout-center #detail .right-side .detail-box #action_links div {padding-bottom: 0px !important; width:auto; float:none}
    section .layout-center #detail .right-side .detail-box #action_links div:first-child {margin-bottom: 10px;}

    .submit_spec{font-size:100%;}

    section .layout-center  .tag li span > span{ font-size:9px; line-height: 12px;  }
    section .layout-center .big-image .tag li span{height:20px;}
    section .layout-center .big-image .tag li span > span{font-size:10px; line-height: 16px;padding:2px 5px}

    section .layout-center #detail .left-side .gallery .item.more-items a strong > span i{font-size:10px;}
    section .layout-center #detail .left-side .gallery .item.more-items a > span{padding:5px;}

    .sb-slidebar .compare-col {position:absolute; top:18px; left:auto; right:100px;}
    .sb-slidebar .favorite-col {position:absolute; top:18px; left:auto; right:60px;}

    body .sb-slidebar h4{font-size:22px;  } 
    body .sb-slidebar h4 img{width:22px;height:22px;margin-top:10px;}

    section .layout-center .filter-wrap a{font-size:13px;line-height:30px}
    section .layout-center #detail-wrap .variants .item > div.name img{width:25px;}
    section .layout-center #detail-wrap .variants .item > div.name{font-size:10px;}
    section .layout-center #detail-wrap .variants .item .availability{font-size:10px;}
    section .layout-center #detail-wrap .variants .item .original-price{font-size:10px;}
    section .layout-center #detail-wrap .variants .item > div.price{font-size:12px;}

    section .layout-center #detail-wrap .variants .item:nth-child(odd) {background-color: #FCFCFC; }
    section .layout-center #detail-wrap .variants .item:nth-child(even) {background-color: #ffffff; }

    header.search-always-visible .middle-box .table-container .col #search > p button{padding:0px 15px;}
    header .middle-box .table-container .col #search > p #inp-search{font-size:12px;}

    header .currency a{font-size:11px;}
    header #top-line{gap:0}
}

@media only screen and (max-width: 360px){
    section .layout-center .top-table .name a{font-size:10px; line-height: 14px; font-weight:500;}
    section .layout-center .products .item .wrap .image-box .timesale-wrap .timesale span.number  {font-size:10px; line-height: 12px;}
      
    section .layout-center #detail .left-side .big-image {width:250px;}
    section .layout-center #detail .left-side .big-image img.big-image-picture{height:250px;}
}


@media only screen and (max-width: 350px){
 body .fancybox-content .first-buy-banner {
    margin:
-10px;
    width: calc(100% + 20px);
  }
}

@media only screen and (max-width: 340px){
    header .middle-box .table-container .col.favorite-col{padding-left:9px;}
    section .layout-center .category .item{padding:5px; width:50%;}
    section .layout-center .category .item a{padding:10px;}
    section .layout-center #detail .right-side .detail-box .btn-wrap .button{font-size:14px !important;}
    section .layout-center .article .item, body:not(.without_column) section .layout-center .article.thin .item{width:100%; }
}


[data-simplebar] {position: relative; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; }

.simplebar-wrapper {overflow: hidden; width: inherit; height: inherit; max-width: inherit; max-height: inherit; }

.simplebar-mask {direction: inherit; position: absolute; overflow: hidden; padding: 0; margin: 0; left: 0; top: 0; bottom: 0; right: 0; width: auto !important; height: auto !important; z-index: 0; }

.simplebar-offset {direction: inherit !important; box-sizing: inherit !important; resize: none !important; position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 0; margin: 0; -webkit-overflow-scrolling: touch; }

.simplebar-content-wrapper {direction: inherit; box-sizing: border-box !important; position: relative; display: block; height: 100%; width: auto; visibility: visible; max-width: 100%; max-height: 100%; scrollbar-width: none; -ms-overflow-style: none; }

.simplebar-content-wrapper::-webkit-scrollbar, .simplebar-hide-scrollbar::-webkit-scrollbar {width: 0; height: 0; }

.simplebar-content:before, .simplebar-content:after {content: ' '; display: table; }

.simplebar-placeholder {max-height: 100%; max-width: 100%; width: 100%; pointer-events: none; }

.simplebar-height-auto-observer-wrapper {box-sizing: inherit !important; height: 100%; width: 100%; max-width: 1px; position: relative; float: left; max-height: 1px; overflow: hidden; z-index: -1; padding: 0; margin: 0; pointer-events: none; flex-grow: inherit; flex-shrink: 0; flex-basis: 0; }

.simplebar-height-auto-observer {box-sizing: inherit; display: block; opacity: 0; position: absolute; top: 0; left: 0; height: 1000%; width: 1000%; min-height: 1px; min-width: 1px; overflow: hidden; pointer-events: none; z-index: -1; }

.simplebar-track {z-index: 1; position: absolute; right: 0; bottom: 0; pointer-events: none; overflow: hidden; }

[data-simplebar].simplebar-dragging .simplebar-content {pointer-events: none; user-select: none; -webkit-user-select: none; }

[data-simplebar].simplebar-dragging .simplebar-track {pointer-events: all; }

.simplebar-scrollbar {position: absolute; left: 0; right: 0; min-height: 10px; }

.simplebar-scrollbar:before {position: absolute; content: ''; background:#f8ad95; border-radius: 0px; left: 2px; right: 2px; opacity: 0; transition: opacity 0.2s linear; cursor:pointer; }

.simplebar-scrollbar.simplebar-visible:before {opacity: 1; transition: opacity 0s linear; }

.simplebar-track.simplebar-vertical {top: 0; width: 15px; background: #cccccc; }

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {top: 2px; bottom: 2px; }

.simplebar-track.simplebar-horizontal {left: 0; height: 11px; }

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {height: 100%; left: 2px; right: 2px; }

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {right: auto; left: 0; top: 2px; height: 7px; min-height: 0; min-width: 10px; width: auto; }

[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {right: auto; left: 0; }

.hs-dummy-scrollbar-size {direction: rtl; position: fixed; opacity: 0; visibility: hidden; height: 500px; width: 500px; overflow-y: hidden; overflow-x: scroll; }

.simplebar-hide-scrollbar {position: fixed; left: 0; visibility: hidden; overflow-y: scroll; scrollbar-width: none; -ms-overflow-style: none; }



@media only screen and (max-width: 979px){
  #naseptavacDiv {padding-bottom:130px !important}
}
select option:disabled {display:none !important; color:silver; }
label.strike, a.strike {text-decoration: line-through; color:silver !important; cursor:default !important; }