@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300&display=swap');

html {margin:0; padding:0; height:100%;}
body {min-height:100%;width:100%;height:100%; min-width: 320px;  float:left;position:relative;  margin:0px; padding:0px 0px 0 0px;font-family:  'Jost',sans-serif; font-weight:400;font-size:13px;color:#161a24; background: #ffffff ; overflow:hidden; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: none; -ms-text-size-adjust: 100%;}
body::before {position:absolute; right:36px; height:35px; width:100%; content:' '; z-index: 0; background: #000;}

html.disableScroll{overflow:hidden; }


a{ text-decoration:underline;  color:#161a24; -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: 'Jost', 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;}

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

section .layout-center div.is_static ol, section .layout-center div.is_static ul: not(.bread):not(.tag) :not(.unit-rating) :not(.checkboxes), .desc-block .visible-wrap ul, .desc-block .visible-wrap ol {padding:0px; margin:0 0px 10px 30px;}
section .layout-center div.is_static ol li, section .layout-center div.is_static ul:not(.bread) :not(.tag) :not(.unit-rating) :not(.checkboxes) li, .desc-block .visible-wrap ul li {font-size:14px;font-weight:300;color:#2b2b2b; line-height:145%; padding:0px 0px 10px 10px; }
section .layout-center div.is_static ul:not(.bread) :not(.tag) :not(.unit-rating) :not(.checkboxes) li, .desc-block .visible-wrap ul li {padding-left:30px;list-style-type:none;background: url(../images/svg/dot.svg) no-repeat 10px 5px; background-size:10px auto;}

.desc-block .visible-wrap h2 {padding:0 !important;padding-top:25px !important}
.desc-block .visible-wrap ul, .desc-block .visible-wrap ol {margin-top:15px !important}
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; }

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;}


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

.cut-corner.cut-right-bottom::before{border-color:transparent transparent  #191D27 transparent; left:auto; right:0; bottom:0px;  border-width: 0px 0px 13px 13px;}
.cut-corner.cut-left-top::before{border-color: #191D27 transparent transparent   transparent; left:0;  top:0px; bottom:auto;  border-width: 20px 20px 20px 0px;}

.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%; }

.red_info, .green_info, .red_info, .green_info, a.special_submit, input.special_submit, .button, 
.red_info a:hover, .green_info a:hover, a.red_info:hover, a.green_info:hover, 
.submit_alert, .submit, a.submit, .spec, a.submit, a.submit:hover, .submit_light{padding:0px 30px; text-decoration: none; line-height:50px; overflow: hidden;  position:relative; display:inline-block; z-index:1000; cursor:pointer;margin:0; border-radius: 50px; border-top-left-radius: 0px; box-sizing: border-box; text-align: center;   white-space:nowrap; color:#ffffff; border:0;  font-family:'Jost',sans-serif;  font-size:20px; font-weight:600; -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;   background: rgb(168,1,17); background: -moz-linear-gradient(270deg, rgba(168,1,17,1) 0%, rgba(236,12,33,1) 100%); background: -webkit-linear-gradient(270deg, rgba(168,1,17,1) 0%, rgba(236,12,33,1) 100%); background: linear-gradient(270deg, rgba(168,1,17,1) 0%, rgba(236,12,33,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a80111",endColorstr="#ec0c21",GradientType=1);  }
.button:hover, .submit_alert:hover, .submit:hover, .submit_alert:hover, .spec:hover{ background: rgb(168,1,17)!important; background: -moz-linear-gradient(90deg, rgba(168,1,17,1) 0%, rgba(236,12,33,1) 100%)!important; background: -webkit-linear-gradient(90deg, rgba(168,1,17,1) 0%, rgba(236,12,33,1) 100%)!important; background: linear-gradient(90deg, rgba(168,1,17,1) 0%, rgba(236,12,33,1) 100%)!important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a80111",endColorstr="#ec0c21",GradientType=1)!important; }

.button.btn-orange{background:#E00A1E; color:#ffffff;}
.button.btn-orange:hover{background:#FF7A45; color:#ffffff;}

.button.btn-big{line-height:60px; min-width:260px; font-size: 24px;}


.button.btn-outlined{border:2px solid #C70619; background: transparent;}



.inp-text{box-sizing:border-box; width:100%; height:43px;   border-radius:0px; font-size:16px!important; padding:0 20px; color:#000000;  border:1px solid #000000!important;   box-shadow: inset 2.121px 2.121px 4px 0px rgba(0, 0, 0, 0.23)!important;}
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{margin:0 -5px 0px -5px;}
.form-row .col-50{box-sizing:border-box; width:50%; float:left; padding:0 5px 10px 5px;}
.form-row .col-100{box-sizing:border-box; width:100%; float:left; padding:0 5px 10px 5px;}


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

.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:700; box-sizing: border-box; border: none; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; color:#161a24; }
.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; } 
}

.langSelect{opacity: 0}

body.subpage header::before {height: 40px; width: 100%; position: absolute; left: 0px; top: 0px; content: ' '; background: #161A24}


header { position:relative; margin-bottom:0px;background: transparent;   z-index: 8999; padding-left:15px; padding-right:15px; margin-bottom:0px;  padding-bottom: 0px;  }
header.subpage { border-bottom:0;}
header > .layout-center{ max-width:1500px!important; position:static; box-sizing: border-box; padding-left:0px; padding-right:0; padding-top:0px; padding-bottom: 0px;margin-top:0px; }

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

header .middle-box .table-container{height:100%; width:100%; display:table;  }
header .middle-box .table-container .col{display:table-cell;vertical-align:top;padding-left:30px;padding-top:30px; padding-bottom: 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;white-space:nowrap; width:auto; text-align:left; width: 210px; overflow:hidden}
header .middle-box .table-container .col.logo img{ position:relative; max-width: 210px; width:210px; top:0px; margin:-10px 0 -50px 0}

header .middle-box .table-container .col.contact {width:300px;text-align:center;padding-right:20px;padding-left:20px}
header .middle-box .table-container .col.nocontact {width:40px;padding:0}
header .middle-box .table-container .col.contact * {color:#ffffff;}

header .middle-box .table-container .col.currency  {white-space: nowrap; font-size:12px;}

header .middle-box .table-container .col.account  {white-space: nowrap; font-size:12px; width:10px!important;}
header .middle-box .table-container .col.account .account-wrap  {display:inline-block;  padding-bottom: 0px; position:relative;}
header .middle-box .table-container .col.account .account-wrap  .icon {position:relative; left:0px;top:0;margin-top:-2px; }
header .middle-box .table-container .col.account a {font-weight:800;color:#ffffff; text-decoration: underline!important;}
header .middle-box .table-container .col.account a.reg {white-space:nowrap;  display:inline-block;  color:#ffffff; font-size:12px; font-weight:800; text-decoration: none!important; }
header .middle-box .table-container .col.account a:hover {text-decoration: none !important;}


header .middle-box .table-container .col.basket-info {padding-right:20px; width:33px;padding-left:20px;  }
header .middle-box .table-container .col.basket-info .wrap {color:#292f3f;  display:table; height:33px; }
header .middle-box .table-container .col.basket-info .wrap > div {color:#292f3f; display:table-cell; vertical-align: middle; padding:0px 13px 0px 0px;}
header .middle-box .table-container .col.basket-info .wrap > div:last-child {text-align:right; padding:0px 0px 0px 0px;}
header .middle-box .table-container .col.basket-info .wrap > div .price {display:inline-block; text-decoration:none; white-space: nowrap; text-align:right;padding-left:5px}
header .middle-box .table-container .col.basket-info .wrap > div .price strong{font-weight:800; font-size:13px; color:#ffffff; text-decoration: none; line-height: 24px;display:block; padding-top:0px;}
header .middle-box .table-container .col.basket-info .wrap > div .price:hover strong{text-decoration: underline;}
header .middle-box .table-container .col.basket-info .wrap > div .price  span{font-weight:400!important; font-size:14px; color:#f7602b; text-decoration: underline; display:block; line-height: 14px;}
header .middle-box .table-container .col.basket-info .wrap > div .price:hover  span{text-decoration: none;}

header .middle-box .table-container .basket a{display:inline-block; font-weight:300; position:relative; width:32px; height:33px; background: url(../images/svg/kosik.svg) no-repeat center center; background-size:100% auto; margin-right:0px; }
header .middle-box .table-container .basket a span{position:absolute; left:100%; margin-left:-5px; top:-7px; width:20px; height:20px; border-radius: 20px; color:#ffffff; text-align: right;   background:#CF071A; background-size:100% auto; }
header .middle-box .table-container .basket a span {  color:#ffffff; font-size:14px; font-weight:600; font-family:  'Jost',sans-serif; text-align: center; font-style:normal!important;  line-height: 20px; display:inline-block; width:20px; }
header .middle-box .table-container .basket a span i{  font-style:normal!important;  }

header .middle-box .table-container .favorite-col {width: 26px;padding-left: 20px}
header .middle-box .table-container .favorite a, .sb-slidebar .favorite a{display:inline-block; font-weight:300; position:relative;bottom: -3px; width:26px; height:26px; background: url(../images/svg/oblibeni.svg) no-repeat center center; background-size:100% auto; margin-right:0px; }
header .middle-box .table-container .favorite a span, .sb-slidebar .favorite a span{position:absolute; left:100%; margin-left:-5px; top:-7px; width:20px; height:20px; border-radius: 20px; color:#ffffff; text-align: right; vertical-align: top;   background:#CF071A; background-size:100% auto; }
header .middle-box .table-container .favorite a span i, .sb-slidebar .favorite a span i{  color:#ffffff; font-size:14px; font-weight:600; text-align: center; font-style:normal;  line-height: 20px; display:inline-block; width:20px;vertical-align: top;  }

header .middle-box .table-container .compare a, .sb-slidebar .compare a{display:inline-block; font-weight:300; position:relative; width:30px; height:32px; background: url(../images/svg/porovnat.svg) no-repeat center center; background-size:100% auto; margin-right:0px; }
header .middle-box .table-container .compare a span, .sb-slidebar .compare a span{position:absolute; left:100%; margin-left:3px; top:-7px; width:22px; height:22px; border-radius: 22px; color:#161a24; text-align: right;   background:#FFFFFF; background-size:100% auto; }
header .middle-box .table-container .compare a:hover span, .sb-slidebar .compare a:hover span{background: #E00A1E;}
header .middle-box .table-container .compare a span i, .sb-slidebar .compare a span i{  color:#161a24; font-size:14px; font-weight:500; text-align: center; font-style:normal;  line-height: 22px; display:inline-block; width:22px; }


header .middle-box .table-container .col.search{ width:auto; padding-right:25px; padding-left:0;  position:relative;}

header .middle-box .table-container .col  .search-wrap {margin:0px auto; text-align:center;}

header .middle-box .table-container .col  #search {position:relative; width:100%; max-width:400px;z-index:9998; margin-top:-5px; box-sizing: border-box; text-align:center; display:inline-block; -webkit-transition: max-width 0.5s ease !important;  -moz-transition: max-width 0.5s ease!important; -o-transition: max-width 0.5s ease!important; -ms-transition: max-width 0.5s ease!important; transition: max-width 0.5s ease!important;}
header .middle-box .table-container .col  #search > p{ padding:0px;width:100%; max-width:400px; margin:0px auto; position:relative; padding-right:0px; box-sizing: border-box; -webkit-transition: all 0.5s ease !important;  -moz-transition: all 0.5s ease!important; -o-transition: all 0.5s ease!important; -ms-transition: all 0.5s ease!important; transition: all 0.5s ease!important;}
header .middle-box .table-container .col  #search > p #inp-search{ width:100%; box-sizing: border-box;  border:0px; border-bottom:0; background:#FAFAFA;  border-radius: 44px ; height:44px; padding:0 45px 0 15px; font-size:13px; color:#E00A1E; font-family:'Jost', sans-serif; font-weight:700!important; font-style: italic; position:relative;}
header .middle-box .table-container .col  #search > p #inp-search::-webkit-input-placeholder { /* Chrome */ color: #000000; }
header .middle-box .table-container .col  #search > p #inp-search:-ms-input-placeholder { /* IE 10+ */ color: #000000; }
header .middle-box .table-container .col  #search > p #inp-search::-moz-placeholder { /* Firefox 19+ */ color: #000000; opacity: 1; }
header .middle-box .table-container .col  #search > p #inp-search:-moz-placeholder { /* Firefox 4 - 18 */ color: #000000; opacity: 1; }
header .middle-box .table-container .col  #search > p  button.btn{  height:44px; width:44px; line-height: 44px;  text-align:center; border:0px;  margin:0px;  position:absolute; right:0px; top:0px; cursor:pointer; background:transparent url(../images/svg/hledani.svg) no-repeat center center; background-size:20px auto;  box-sizing: border-box;     }

header .middle-box .table-container .col  #search > p #closeSearch{  height:26px; width:30px; color:#000000; text-align:center;  border:0px;  margin:0px;  position:absolute; right:35px; top:15px; 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:#161a24; 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.header-contact p {color: #ffffff; font-size: 18px; font-weight: 600;  text-align: right;margin:0;padding:0}
header .middle-box .table-container .col.header-contact p strong {color: #ffffff; font-size: 30px; font-weight: 700;  display: block;}


header .middle-box .table-container .col.mobile-search {width:28px;  }
header .middle-box .table-container .col.mobile-search img {width:23px; height:auto; top:-2px; position:relative;}

header .middle-box .table-container .col.search.show{position:absolute; right:50%; margin-right: -200px; top:100%; width:400px; margin-top:15px; padding:0px 0px 0px 0px;display:block; box-sizing: border-box; }
header .middle-box .table-container .col.search.show form{margin:0px -15px; padding:15px 15px 15px 15px; border-radius: 40px; background: rgb(168,1,17); background: -moz-linear-gradient(0deg, rgba(168,1,17,1) 0%, rgba(235,12,33,1) 100%); background: -webkit-linear-gradient(0deg, rgba(168,1,17,1) 0%, rgba(235,12,33,1) 100%); background: linear-gradient(0deg, rgba(168,1,17,1) 0%, rgba(235,12,33,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a80111",endColorstr="#eb0c21",GradientType=1);  }
header .middle-box .table-container .col.search.show p{width:100%;}
header .middle-box .table-container .col.search.show #search > p #inp-search{font-size:15px; padding:0px 15px; height:49px;border-radius: 25px;}
header .middle-box .table-container .col.search.show #search > p button.btn{width:42px;}



header .naseptavac-wrap{margin-right:0px; position:relative;}
header #naseptavacDiv{position:relative; width:100%; z-index: 999999999999; 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;}



header .middle-box .table-container .col.mobile {width:40px; display:none; padding-left:8px;px; 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; top:0px; position:relative;}

header.fixed {background: #000000;position:fixed;left:0px; opacity:1!important;margin:0px;padding:0px; top:-1px; width:100%; -webkit-box-shadow: 0 0 15px 0 #242424; -moz-box-shadow: 0 0 15px 0 #242424; box-shadow: 0 0 15px 0 #242424;}
header.fixed::before {display:none;}
header.fixed .middle-box .currency{display:none;}
header.fixed .middle-box .table-container {height:auto; margin:0px 0px; padding:0px!important}
header.fixed .middle-box .table-container .col{padding-top:15px!important; padding-bottom:0px!important; vertical-align:middle}
header.fixed .middle-box .table-container .col.mobile{padding-right:15px;}
header.fixed .middle-box .table-container .col.logo{padding-left:15px; top:0; padding-top:5px; padding-bottom:5px;  width:120px;}
header.fixed .middle-box .table-container .col.logo img{ position:absolute; top:25px; width:150px!important; margin-bottom:0!important; margin-top:0!important}
header.fixed .middle-box .table-container .col .search-wrap{ text-align:center;}
header.fixed .middle-box .table-container .col.search{ padding-right:0px;}
header.fixed .middle-box .table-container .col.search.show{ padding:0px 15px;}
header.fixed .middle-box .table-container .col.search.show form{margin:0px -15px 0px -15px;}
header.fixed .middle-box .table-container .col  #search {margin-top:0; max-width:600px; text-align:center;}
header.fixed .middle-box .table-container .col  #search > p{ max-width:600px;}

header.fixed .middle-box::after{display: none;}

header.fixed .middle-box{margin:0px; padding-top:0px; padding-bottom: 0px;}
header.fixed #top-line{display:none;}
header.fixed #head-filter{display:none;}

header.fixed .middle-box .table-container .col.header-contact{padding-right: 15px;}
/*header.fixed #menu-space{display:none}*/
header.fixed #menu-space .col.logo{display:none}

header #head-filter{ background: #E00A1E;position:relative;}
header #head-filter::after{height:100%; width:100%; content:' '; position:absolute;left:100%; top:0px;   background: #E00A1E;}
header #head-filter .wrap{display:table; width:100%; height:80px;}
header #head-filter .wrap > div{display:table-cell; vertical-align:middle; color:#ffffff; font-size:19px; font-weight:800; padding-left:18px; box-sizing:border-box; }
header #head-filter .wrap > div:first-child {padding-left:50px; width:340px;}
header #head-filter .wrap > div:first-child strong{display:block; font-weight:800; font-size:40px; line-height:40px;}
header #head-filter .wrap > div:first-child span{letter-spacing:5px; line-height:19px; display:block; padding-left:5px; padding-top:3px;}
header #head-filter .wrap > div:last-child {padding-right:0px;}

header #head-filter select{background:#ffffff url(../images/svg/select2-arrow.svg) no-repeat right 12px center; color:#292f3f; font-size:17px; width:100%;font-family:'Jost',sans-serif;   font-weight:500; border:0px; padding:0px 30px 0px 25px; height:50px;  -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor:pointer;}
header #head-filter select:focus{outline: none;}
header #head-filter select::-ms-expand {display: none; /* remove default arrow on ie10 and ie11 */ }
@media screen and (min-width:0\0) {header #head-filter select {background:none\9; padding: 5px\9; } }




header.fixed-scroll {background: #000;position:fixed;left:0px; opacity:1!important; box-sizing:border-box;margin:0px;padding:0px 15px; top:-1px; width:100%; -webkit-box-shadow: 0 0 15px 0 #242424; -moz-box-shadow: 0 0 15px 0 #242424; box-shadow: 0 0 15px 0 #242424; -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.fixed-scroll #top-line {margin-bottom: -25px;}
header.fixed-scroll #top-line::before{display:none;  }
header.fixed-scroll #top-line::after{display:none;}
header.fixed-scroll  #top-line-wrap {background: transparent}
header.fixed-scroll .middle-box .table-container .col.logo {text-align: left;}
header.fixed-scroll .middle-box .table-container .col.logo img{width:175px; margin-top: -25px; margin-bottom: 5px;}
header.fixed-scroll #menu-space{height:60px;}
header.fixed-scroll #menu { -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.fixed-scroll #menu .menu > li > 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.fixed-scroll #menu .menu::before{height:40px; }
header.fixed-scroll #menu .menu::after{height:40px; }
header.fixed-scroll #menu .menu > li > .sub{top:105px;}
header.fixed-scroll .middle-box .table-container .col.quick-contact a{font-size:12.8px;}
header.fixed-scroll .middle-box .table-container .col.quick-contact a.email{font-size:12px;}
header.fixed-scroll  .basket-content-wrap{ top:20px;}
header.fixed-scroll #menu .menu > li.with-sub > a > span:last-child::before {bottom: -12px; top: auto;}


header.v2 > .layout-center{ max-width:1920px!important; position:static; box-sizing: border-box; padding-left:0px;  padding-top:0px; padding-bottom: 0px;margin-top:0px; }
header.v2 .middle-box .table-container .col.basket-info{padding-right: 75px;}
header.v2 .middle-box .table-container .col.logo{ padding-left:55px;white-space:nowrap; width:auto; text-align:left; width: 210px;}
header.v2 #top-line-wrap{max-width: 1920px; padding:0px 55px; }


header.v2 {background: #000; opacity:1!important; box-sizing:border-box;margin:0px;padding:0px 15px; top:-1px; width:100%; }
header.v2 #top-line {margin-bottom: -25px;}
header.v2 #top-line::before{display:none;  }
header.v2 #top-line::after{display:none;}
header.v2  #top-line-wrap {background: transparent}
header.v2 .middle-box .table-container .col {vertical-align:middle; padding-top:40px;}
header.v2 .middle-box .table-container .col.logo {text-align: left;}
header.v2 .middle-box .table-container .col.logo img{width:175px; margin-top: -10px; margin-bottom: -50px;}
header.v2 #menu-space{height:68px; top:0}
header.v2 #menu { -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.v2 #menu .menu > li > 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.v2 #menu .menu::before{height:40px; }
header.v2 #menu .menu::after{height:40px; }
header.v2 #menu .menu > li > .sub{top:73px;}
header.v2 .middle-box .table-container .col.quick-contact a{font-size:12.8px;}
header.v2 .middle-box .table-container .col.quick-contact a.email{font-size:12px;}
header.v2  .basket-content-wrap{ top:20px;}
header.v2 #menu .menu > li.with-sub > a > span:last-child::before {bottom: -17px; top: auto;}

header.v3 .middle-box .table-container .col.logo img{max-width:147px;}



header #menu-space{height:68px; top:0px; position:relative;}
header #menu-space .col.logo{position:absolute; overflow:hidden; top:0px; left:2; height:50px; width:210px;}
header.v2 #menu-space .col.logo{margin-left:55px!important; height:45px; width:175px;}
header #menu-space .col.logo img{position:absolute; bottom:0; left:0; width:100%!important;  }  

header #menu.fixed-menu{position:fixed; left:0px; top:0px; bottom:auto; width:100%; box-sizing: border-box; padding:0px 15px; opacity:1!important;background:transparent;-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.fixed-menu .menu{display: table;position: relative;margin:0px auto; width:100%; max-width: 1500px; z-index: 6000; text-align: left;}
header #menu.fixed-menu .scroll-bg{background: #65010E; border-bottom: 1px solid #290008; opacity:1; position:absolute; right: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; -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.fixed-menu:hover .scroll-bg{opacity:1;}
header #menu.fixed-menu .menu::before{display:none;}
header #menu.fixed-menu .menu::after{display:none;}
header #menu.fixed-menu .menu > li.logo-menu {display:inline-block;}
header #menu.fixed-menu .menu > li > a {line-height: 58px; padding: 0px 10px;}
header #menu.fixed-menu .menu > li > a.button {line-height: 35px;}
header #menu.fixed-menu .menu > li > .sub {top: 58px; padding-top: 0px;}
header #menu.fixed-menu .menu > li  {display: table-cell;}
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: 0px; width:100%;  text-align:center;position:relative;}
header #menu .menu{margin:0px auto;  padding:0px 0px 0px 0px ; list-style: none;     font-size:0px; text-align: center; display:inline-block; top:0px; white-space: nowrap;}
/*header #menu .menu::after{content: ' '; width:100%; position:absolute; top:0px; left:100%; height:68px; background: #00A2DF; }*/
header #menu .menu > li.logo-menu {display:none;}
header #menu .menu > li.logo-menu img{height:45px;position:relative; top:0px;}
header #menu .menu > li{display:inline-block;padding:0px 0px;background-repeat:no-repeat; background-position:left center; text-align:left; vertical-align:middle }
header #menu .menu > li:nth-child(2){padding-left:0px; }
header #menu .menu > li > a{line-height: 68px; padding:0px 12px; font-size:17px; text-transform: uppercase; text-align: center; color:#ffffff; font-family:'Jost',sans-serif; font-weight:700; text-decoration: none;  position:relative; display:block; margin-bottom: 0px; white-space: nowrap;  }
header #menu .menu > li > a.button{line-height: 40px; text-transform: none;   margin-left:30px; }
header #menu .menu > li.akce > a{color:#E00A1E;}
header #menu .menu > li.akce > a > span{padding:0px;}
header #menu .menu > li.akce > a > span::before{display:none;}
header #menu .menu > li > a > span {position:relative; display:inline-block;  margin:0px auto;}
header #menu .menu > li > a > span:first-child {padding-right: 10px;}

header #menu .menu > li.with-sub > a > span:last-child::before {content:' ';opacity: 0; position:absolute; z-index: 9000; left:50%; top:100%; width:47px; margin-left: -24px; margin-top: -18px; height:30px;  background: url(../images/svg/main-menu-arrow.svg) no-repeat center center; -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 #menu .menu > li > a > span > img{margin-top:-5px; padding-right:0px; 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 > span { text-decoration:underline;}
header #menu .menu > li:hover > a > span > svg path {fill:#161a24;}

header #menu .menu > li.with-sub.visible-arrow > a.actived > span::before  {opacity:1;}
header #menu .menu > li.current > a {}
header #menu .menu > li.with-sub:hover .sub{ }

header #menu .menu > li .button{ font-weight:600; font-size:15px}
header #menu .menu > li .submenu-wrap{display:block; position:relative;}
header #menu .menu > li.gift-card .submenu-wrap{ margin-left:0px;}
header #menu .menu > li .submenu-wrap:hover .submenu-box{visibility:visible; opacity:1}
header #menu .menu > li .submenu-wrap:hover .button{ background: rgb(168,1,17)!important; background: -moz-linear-gradient(90deg, rgba(168,1,17,1) 0%, rgba(236,12,33,1) 100%)!important; background: -webkit-linear-gradient(90deg, rgba(168,1,17,1) 0%, rgba(236,12,33,1) 100%)!important; background: linear-gradient(90deg, rgba(168,1,17,1) 0%, rgba(236,12,33,1) 100%)!important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a80111",endColorstr="#ec0c21",GradientType=1)!important;}
header #menu .menu > li .submenu-box{opacity:0; visibility:hidden;  position:absolute; left:0 top:100%; width:100%;padding-top:10px;  box-sizing:border-box; -webkit-transition: all 0.5s ease !important;  -moz-transition: all 0.5s ease!important; -o-transition: all 0.5s ease!important; -ms-transition: all 0.5s ease!important; transition: all 0.5s ease!important;}
header #menu .menu > li .submenu-box ul {padding: 10px 20px 15px 5px; border:2px solid #C70619;background: #000000; border-bottom-left-radius:30px; -webkit-box-shadow: 0 0 15px 0 #242424; -moz-box-shadow: 0 0 15px 0 #242424; box-shadow: 0 0 15px 0 #242424;}
header #menu .menu > li .submenu-box ul li {padding:5px 0px;}
header #menu .menu > li .submenu-box ul li a{color:#ffffff; font-size:16px;}
header #menu .menu > li .submenu-box ul li a:hover{text-decoration:underline}
header #menu .menu > li .submenu-box ul li a > span:first-child{width:60px; display:inline-block; text-align:center;}
header #menu .menu > li .submenu-box ul li a > span:first-child img{max-width:45px;}

header #menu .menu > li.gift-card .submenu-wrap a.button{ font-weight:700; font-size:17px;background:none !important;padding-left:12px !important}

header #menu .menu > li > .sub{position:absolute; white-space: normal; visibility:hidden; opacity:0; color:#161a24; padding-top: 5px;  box-sizing: border-box; left:0px; top:100%; width:100%;z-index: 8000;  -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 #menu .menu > li > .sub .wrap::before{position:absolute;width:300%; top:0px; left:100%; height:100%; content:" "; background: #ffffff; z-index: 7000;   }
header #menu .menu > li > .sub .wrap::after{position:absolute;width:300%; top:0px; right:100%; height:100%; content:" "; background: #ffffff; z-index: 7000;  }
header #menu .menu > li > .sub .wrap{ background: #ffffff;   position:relative;  z-index: 8000; padding:30px 30px 30px 30px; float:left; width:100%; box-sizing: border-box;  max-height:800px; overflow:hidden; overflow-y:scroll;}
header #menu .menu > li > .sub .wrap strong{font-weight:700; font-size:26px; color:#000000; font-family:'Jost',sans-serif; display:block; margin-bottom:25px; position: relative;}
header #menu .menu > li > .sub .wrap a:hover > strong{color:#CF071A}
header #menu .menu > li > .sub .wrap strong::before{content: ' '; position: absolute; left: 0px; top: 100%; height:5px; width:54px; background: #CF071A; }
header #menu .menu > li > .sub .wrap a.tit{display:inline-block; }

header #menu .menu > li > .sub .menu-sort {display:table; width:100%;}
header #menu .menu > li > .sub .menu-sort > li {display:table-cell;}
header #menu .menu > li > .sub .menu-sort > li.team {width:60%; border-right:1px solid #828282 }

header #menu .menu > li > .sub .submenu > ul{ font-size:0px; display: block; margin:0px 0px; list-style: none; }
header #menu .menu > li > .sub .submenu > ul > li{display:inline-block; width:50%; box-sizing: border-box;  padding:10px 10px 20px 65px; vertical-align: top; position: relative;}
header #menu .menu > li > .sub .submenu > ul > li > a{ color: #5d5d5d; font-size:16px; line-height: 20px; font-weight:300; text-decoration: none; font-family:'Jost',sans-serif; }
header #menu .menu > li > .sub .submenu > ul > li > a > img{position: absolute; left: 0px; top: 0px;}
header #menu .menu > li > .sub .submenu > ul > li a:hover{text-decoration:underline;}
header #menu .menu > li > .sub .submenu > ul > li > ul  {padding-top: 5px;}
header #menu .menu > li > .sub .submenu > ul > li > ul li {padding-top: 12px;}
header #menu .menu > li > .sub .submenu > ul > li > ul li a{ color:#161a24; font-size:13px; line-height: 17px; font-weight:400; text-decoration: underline; font-family:'Jost',sans-serif; }
header #menu .menu > li > .sub .submenu > ul > li > ul li a:hover;{text-decoration: none;}
header #menu .menu > li > .sub .submenu > ul > li.current a{text-decoration:underline; font-weight: 700; color: #000000}

header #menu .menu > li > .sub .submenu.team > ul > li{ width:50%;}
header #menu .menu > li > .sub .submenu.type { padding-left:50px;}
header #menu .menu > li > .sub .submenu.type > ul > li{ width:100%;}
header #menu .menu > li > .sub .submenu.type > ul > li > a > img{height:37px!important;}
header #menu .menu > li > .sub .btn-box{text-align:center; margin-top:20px;}
header #menu .menu > li > .sub .btn-box.left{text-align:left; }
header #menu .menu > li > .sub .btn-box .button{font-size:16px; line-height:45px;}
header #menu .menu > li > .sub .submenu > ul > li.hidden-item{display:none}



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.v1.fixed-scroll  .basket-float{top:100px; }
header.v1.fixed  .basket-float{top:45px; }


header  .basket-float{position:absolute;top:100px;height:1px; width:1px; z-index:9999; }
header  .basket-content-wrap{padding:0px 0px 0px 0px; position:absolute; top:50px;right:-56px; z-index: 9999; width:400px;height:0px; overflow:hidden;  -webkit-transition: all 0.5s ease !important;  -moz-transition: all 0.5s ease!important; -o-transition: all 0.5s ease!important; -ms-transition: all 0.5s ease!important; transition: all 0.5s ease!important;}
header  .basket-content-wrap.open{ box-shadow: 0px 31px 79px 0px rgba(61, 61, 61, 0.2);}
header  .basket-content{ box-sizing:border-box;  z-index:9999;   position:absolute; left:0px; bottom:0px; width:100%; margin-top:0px; }
header  .basket-content .shadow{border-right:1px solid #333333  ; border-left:1px solid #333333  ; border-bottom:1px solid #333333  ;}
header  .basket-content .cont-title{position: relative;display:block; margin: 0px; margin-top: 13px;line-height: 60px; box-sizing: border-box; font-size: 20px; color: #ffffff; font-weight: 700; padding: 0px 35px;  background: rgb(29,29,30); background: -moz-linear-gradient(0deg, rgba(29,29,30,1) 0%, rgba(53,53,53,1) 100%); background: -webkit-linear-gradient(0deg, rgba(29,29,30,1) 0%, rgba(53,53,53,1) 100%); background: linear-gradient(0deg, rgba(29,29,30,1) 0%, rgba(53,53,53,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1d1d1e",endColorstr="#353535",GradientType=1);  }
header  .basket-content .cont-title .hide{position: absolute; right: 25px; top: 50%; margin-top: -11px; cursor: pointer;}
header  .basket-content .cont-title::before{position: absolute; right: 25px; bottom: 100%; width: 27px; height: 13px; content: ' '; background: url(../images/basket-arrow.png) no-repeat center center;}
header  .basket-content .item{display:table; width:100%; background: #ffffff;}
header  .basket-content .item > div{display:table-cell; vertical-align:middle; border-bottom:1px solid #D8D1D8;}
header  .basket-content .item > div.desc {line-height:20px; padding: 10px 0px;}
header  .basket-content .item > div .name {font-size:14px; color:#000000; text-align:left; text-decoration:none; font-weight: 700}
header  .basket-content .item > div .param {font-size:13px; color:#000000; text-align:left; text-decoration:none; font-weight: 400; display: block;} 
header  .basket-content .item > div .name:hover{text-decoration:underline!important;}
header  .basket-content .item > div .price {font-weight:800; color:#e00a1e; font-size:16px; text-align:left; padding:0px 0; white-space:nowrap; display: block;}
header  .basket-content .item > div.img {width:82px;padding:5px;padding-left:10px}
header  .basket-content .item > div.remove {padding: 10px 13px;}
header  .basket-content .button {display:block; margin:0; line-height:55px; font-size:22px; font-weight: 800; border-radius: 0px;}

header  .basket-content .total {background:#F0F0F0; padding: 0px 20px;  font-size: 18px; color:#010101; font-weight:400; line-height:50px; text-align:right; }
header  .basket-content .total strong{font-size: 18px; color:#010101; font-weight:700  }

header  .basket-content .input-group-btn-vertical  {width: 1px; height: 100%;}
header  .basket-content .input-group-btn-vertical > .btn {border: 0px; width: 36px; height: 30px; box-shadow: none; background-color: #F0F0F0;background-size: 12px auto}
header  .basket-content .input-group-btn-vertical > .btn:first-child {top: 0px;left: 0px;}
header  .basket-content .input-group-btn-vertical > .btn:last-child {top: auto; bottom: 0px;left: 0px;}

header  .basket-content .spinner-wrap {width: 36px; padding: 30px 0px; height: 88px; box-sizing: border-box;}
header  .basket-content .spinner {width: 100%; height: 100%;margin: 0px; }
header  .basket-content .spinner input {height:28px; width: 36px; padding: 0px; margin: 0px; margin-top: 30px; background-color: #F0F0F0; border:0px;  font-size:16px; font-weight:600; color:#323231 }



#top-line-wrap{background: #000000 ;  z-index:9999999; position:relative; max-width: 1500px; margin: 0px auto}
#top-line{background: transparent ; height:35px; z-index:99999; position:relative; color:#ffffff;}
#top-line::before{content:' '; right:100%; height:100%; width:100%; background:  #000000; position:absolute; top:0;  }
#top-line::after{content:' '; left:100%; height:100%; width:100%; background:  #000000; position:absolute; top:0;}
#top-line .info{ position:absolute; right:125px; top:0px; line-height:35px; font-size:13px; font-weight:400; color: #ffffff;}

#top-line .quick-message{ position:absolute; left:0px; top:0px; width: 100%; text-align: center; height:35px;  font-weight:400; color: #ffffff; font-size: 0px; vertical-align: top;}
#top-line .quick-message p{display: inline; padding: 0px 0px; margin: 0px; font-size:13px; font-weight:400; color:#ffffff; line-height:35px;  white-space: nowrap;-moz-transition: all 0.6s ease!important; -o-transition: all 0.6s ease!important; -ms-transition: all 0.6s ease!important; transition: all 0.6s ease!important;}
#top-line .quick-message p a{ color:#ffffff; text-decoration:underline; }
#top-line .quick-message p a:hover{text-decoration:none; }
#top-line .quick-message .message-wrap{display: inline-block; height: 35px;overflow: hidden; padding: 0px 0px; margin: 0px 0px; -moz-transition: all 0.6s ease!important; -o-transition: all 0.6s ease!important; -ms-transition: all 0.6s ease!important; transition: all 0.6s ease!important;}
#top-line .quick-message img{position: relative; top: -16px;}
#top-line .quick-message #messageNext{cursor: pointer;display: inline-block; margin-right: 15px;}
#top-line .quick-message #messagePrev{cursor: pointer;display: inline-block; margin-left: 15px;}


body #top-line .ddcommon{position: absolute; right: 0px; top: 2px; width: 80px!important; border: 0px;}
body #top-line .dd .ddTitle{background: transparent!important; color: #ffffff; font-size: 12px; font-weight: 800;  font-family:  'Jost',sans-serif; }
body #top-line .dd .divider{display: none!important; }
body #top-line .dd .ddlabel{bottom: -3px!important; position: relative;}
body #top-line .dd .ddTitle .ddTitleText {padding-right: 15px;}
body #top-line .dd .ddTitle .ddTitleText img{margin-right: 10px;padding-right: 0px;border-radius: 22px!important; overflow: hidden;}
body #top-line .dd .ddArrow{background-image: url(../images/svg/menu-arrow-hover.svg); background-position: center 5px!important}


#top-line .top-menu{position:absolute; top:0px; left:0px; margin:0px; padding:0px; list-style: none; white-space: nowrap; font-size:0px; display:table;   }
#header.v2 #top-line .top-menu{ left:000px; width:100%; text-align:left;}
#top-line .top-menu li{display:inline-block; font-size:13px; line-height: 35px; font-weight:300; padding-right:0px; position:relative;}
#top-line .top-menu li a{color:#ffffff!important; display:inline-block; line-height: 35px; padding:0px 15px;}
#top-line .top-menu li a img{position:relative; top:-3px;}
#top-line .top-menu > li:hover > a{text-decoration:none !important; background:#E00A1E}
#top-line .top-menu li ul li a:hover{text-decoration:underline !important;color: #000 !important}
#top-line .top-menu li:hover ul{visibility:visible; opacity:1; }
#top-line .top-menu li ul{position:absolute; visibility:hidden; opacity:0; left:0px;min-width:130px;top:100%; background: #ffffff; list-style: none; 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);}
#top-line .top-menu li ul li {float:none; display:block; padding:2px 0px; line-height: 20px; white-space:nowrap;}
#top-line .top-menu li ul li a{color:#161a24!important; font-size:13px; text-decoration: none; font-weight:300; display:block; line-height: 20px; padding:0px;}



.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.fixed .overlay-search{top:-2px;}
.naseptavac-box .naseptavac-name a{display:block;}


#cover{padding-top:0px;}

section{ padding:80px 0 80px 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: #F6F6F6; padding:30px 0px 30px 0px; }
section.gray.no-top-padding{padding:0px 0px 30px 0px; color:black;}
section.hp-slider-wrap{background: #ffffff; padding:0px 0px 0px 0px; margin-top:-176px;  height: 100%;} 

section.dark{background: #000000 url(../images/dark-section.jpg) no-repeat center top;padding:0px; }

section.np{padding-top:0; }
section.main{padding-top:10px; }

.other-slider-wrap{background: #F6F6F6; padding:18px 0px 80px 0px; }
.other-slider-wrap {padding:15px;}


.layout-center {max-width:1500px; margin:0 auto; position:relative;  padding-left:15px; padding-right:15px;}
.wide .layout-center {max-width:1920px; }
.layout-center.load_popup {padding:0}

h1{text-align: left; font-size: 40px; line-height: 120%;  font-family: 'Jost', serif; font-weight:700; font-style:normal; color:#161a24; margin:0; padding:0px 0 25px 0; text-transform: none;}
h2{text-align: left; font-size: 22px; line-height: 120%;  font-family: 'Jost', serif; font-weight:700; font-style:normal; color:#161a24; margin:0; padding:0px 0 30px 0;}
h3{text-align: left; font-size: 20px;  font-family: 'Jost', serif; font-weight:600; font-style:normal; color:#161a24; margin:0; padding:1em 0 1em 0; margin:0px; }
h4{text-align: left; font-size: 17px;  font-family: 'Jost', serif; font-weight:600; font-style:normal; color:#161a24; margin:0; padding:1em 0 1em 0; margin:0px; }


.title-h2{font-size: 36px; color:#000000; font-weight: 800;line-height: 120%;  font-family: 'Jost', serif; padding:0px; margin:0 0 40px 0px }
.title-h3{font-size: 30px; color:#000000; font-weight: 700;line-height: 120%;  font-family: 'Jost', serif; padding:0px; margin:0 0 1em 0px }



p{color:#5d5d5d; font-size:16px;line-height:200%;  font-weight:300;}
p a{color:#E00A1E;}
p strong{font-weight:700; }
strong{font-weight:700; }


.layout-center .title-medium{color:#20201e; font-size:30px; font-family: 'Jost', serif; font-weight:700;position:relative; text-align:left; padding:0px 0px 8px 0px; margin:0px 0px 10px 0px;  position:relative; }

.layout-center .subtitle{color:#161a24; font-size:40px; font-family: 'Jost', serif; font-weight:400;position:relative; text-align:left; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;  position:relative;overflow:hidden; }

.layout-center .title{color:#353535; font-size:60px; font-family: 'Jost', serif; font-weight:700;position:relative; text-align:center; padding:0px 0px 0px 0px; margin:0px 0px 40px 0px;  position:relative;overflow:hidden; }

.layout-center .title.boxed{color:#20201e; font-size:28px;  font-family: 'Jost', serif; font-weight:500; line-height:70px;position:relative;  text-align:center; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;  position:relative; float:left; width:100%; margin-top:-72px; }
.layout-center .title.boxed > span{ font-size:28px; display:block; max-width:290px; background: #F6F6F6; font-family: 'Jost', serif; border-top:3px solid #000000; margin:0px auto; }
.layout-center .title.boxed::before{display:none;}


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


section .layout-center .text-box p{padding:0px 0px 2em 0px;}
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 1em 0px;}

section .layout-center .article{margin:-20px -20px 50px -20px;}
section .layout-center .article .item{float:left; width:20%; box-sizing: border-box; padding:0 20px 20px 20px;}
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%;}
section .layout-center .article .item h2{margin:30px 0px 20px 0px; padding:0px; text-align:left;  min-height: 0px;font-size:18px; line-height: 120%}
section .layout-center .article .item h2 a{  color:#161a24; text-decoration: none; font-weight:600;}
section .layout-center .article .item h2 a:hover{color:#E00A1E;}
section .layout-center .article .item p{ font-size:13px; line-height: 24px; color:#3a3e5d; padding:0px; margin:0px;}
section .layout-center .article .item .wrap{display:table; width:100%; border-top:1px solid #eee; margin-top:20px;}
section .layout-center .article .item .wrap > div{display:table-cell;padding-top:20px; font-size:15px; color:#6f7391; font-weight:500; white-space: nowrap; }
section .layout-center .article .item .wrap > div a{text-decoration: none; color:#E00A1E; display:inline-block; line-height:22px;}
section .layout-center .article .item .wrap > div a:hover{color:#E00A1E;}
section .layout-center .article .item .wrap > div .date{color:gray;display:inline-block; line-height:22px;}
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{list-style: none;}
.slider > li{display:none;}
.slider > li img{width:100%;}
.slider > li:first-child{display:block;}


section .layout-center .benefits {padding:25px 0px 30px 0px;  position:relative; margin: -1px -0px 70px -0px;  background: rgb(53,53,53); background: -moz-linear-gradient(180deg, rgba(53,53,53,1) 0%, rgba(30,29,29,1) 100%); background: -webkit-linear-gradient(180deg, rgba(53,53,53,1) 0%, rgba(30,29,29,1) 100%); background: linear-gradient(180deg, rgba(53,53,53,1) 0%, rgba(30,29,29,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#353535",endColorstr="#1e1d1d",GradientType=1); }
section .layout-center .benefits.above-footer {margin-bottom: 0px!important;}
section .layout-center .benefits::after{position:absolute; left:100%; top:0px; width:100%; height:100%;  z-index: 8000; content: ' '; background: rgb(53,53,53); background: -moz-linear-gradient(180deg, rgba(53,53,53,1) 0%, rgba(30,29,29,1) 100%); background: -webkit-linear-gradient(180deg, rgba(53,53,53,1) 0%, rgba(30,29,29,1) 100%); background: linear-gradient(180deg, rgba(53,53,53,1) 0%, rgba(30,29,29,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#353535",endColorstr="#1e1d1d",GradientType=1); }
section .layout-center .benefits::before{position:absolute; right:100%; top:0px; width:100%; height:100%;  z-index: 8000; content: ' ';  background: rgb(53,53,53); background: -moz-linear-gradient(180deg, rgba(53,53,53,1) 0%, rgba(30,29,29,1) 100%); background: -webkit-linear-gradient(180deg, rgba(53,53,53,1) 0%, rgba(30,29,29,1) 100%); background: linear-gradient(180deg, rgba(53,53,53,1) 0%, rgba(30,29,29,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#353535",endColorstr="#1e1d1d",GradientType=1); }

section .layout-center .benefits a {text-decoration:none !important;}
section .layout-center .benefits .item{ display:block; width:33.33333%; float:left;box-sizing: border-box; color:#292f3f; text-align: center; padding:20px 20px;}
section .layout-center .benefits .item>div{display:block; vertical-align: top;  text-align: left;padding-left: 85px;  position:relative; }
section .layout-center .benefits .item strong{font-size:20px; line-height: 20px; text-transform: uppercase; font-weight:800; color:#ffffff; font-family: 'Jost', serif; display:block;margin-bottom: 5px; position:relative; z-index:2000;}
section .layout-center .benefits .item span{font-size:16px; line-height: 16px; font-weight:300; color:#ffffff; font-family: 'Jost', serif; display:block; padding-top:2px;}
section .layout-center .benefits .item .icon {position:absolute; left:0; top:-8px; width:65px; text-align:center; }
section .layout-center .benefits .item .icon img {height:64px;}
section .layout-center .benefits .item:first-child{ background: none;}



.overlay{display:none;position:fixed; left:0px; top:0px; width:100%; height:100%; background: #000; opacity:0.6; z-index: 8000}
.overlay-menu{display:none;position:absolute; left:0px; top:0px; width:100%; height:100%; background: #000; opacity:0.6; z-index: 8000}


.overlay-menu-left{display:none;position:absolute; right:100%; top:0px; width:100%; height:100%; background: #000; opacity:0.6; z-index: 9999}
.overlay-menu-right{display:none;position:absolute; left:100%; top:0px; width:100%; height:100%; background: #000; opacity:0.6; z-index: 9999}

.overlay-menu-search{display:none;position:absolute; left:0px; top:0px; width:100%; height:100%; background: #000; opacity:0.6; 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: ' ';}


.overlay-search{display:none;position:absolute; left:0px; top:0px; width:100%; height:100%; padding:0px 0px; background: #000; opacity:0.6; z-index: 8000}
.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%; padding-bottom: 3px; height:100%; background: #000;  z-index: 8000; content: ' ';}

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


.top-line-overlay{position:absolute; left:0; top:0; height:100%; width:100%; background: #000;  z-index: 8000; content: ' '; opacity:0.6; display:none;}
.top-line-overlay::before{position:absolute; right:100%; top:0px; width:100%; height:100%; background: #000; z-index: 8000; content: ' ';}
.top-line-overlay::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: #E4E4E4; color:#161a24; width:100%; left:0; top:0; z-index: 9000; font-size:12px; display:block;}
.fixed-info-line p{font-size:12px;}
.fixed-info-line .fixed-info-overlay{position:absolute; left:0; top:0; height:100%; width:100%; background: #000;  z-index: 8000; content: ' '; opacity:0.6; 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:20px; top:-2px;  cursor:pointer; z-index: 9500; font-size:18px; color:#000;}
.fixed-info-line .close img{width:12px}


.timesale-wrap {position:relative; display:inline-block;z-index:9999}
.timesale-wrap::before {position:absolute; left:0px; top:0px; width:100%; height:100%; content:' ';background: #E00A1E; opacity:0.8;z-index:800}
.timesale {font-family: 'Jost', sans-serif; font-size:120%; line-height:20px; padding:10px; text-align:center; font-weight:bold; color:#161a24; position:relative; display:inline-block;  z-index:999;}
.timesale p {margin-bottom:10px; font-weight:normal; color:#161a24;font-family: 'Jost', sans-serif;} 
.timesale span {display:inline-block; width:25%; line-height:20px; font-size:11Px; padding:0px 6px; box-sizing: border-box; font-weight:300 !important; }
.timesale span.number {font-size:26px; font-weight:bold !important; }
.timesale span.separ {position:absolute;padding:0;width:1px;margin-left:-1px;margin-top:4px;font-size:20px;font-weight:700 !important; }
.timesale_text {padding:0 10px; }

section .layout-center #detail .left-side .big-image .timesale-wrap{position:absolute; right:0px; top:0px;  }

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:12px;}


section .layout-center .hp-tabs  {margin:0px; padding:0px;list-style: none; position:relative; margin-top:-61px; float:left;}
section .layout-center .hp-tabs li {float:left; margin-right:5px;}
section .layout-center .hp-tabs li a {box-sizing: border-box; display:block; background:#F5F5F5; line-height:59px; text-align: center; padding:0px 70px; text-decoration: none; font-size:28px; box-sizing: border-box; border:1px solid #DFDFDF;  color:#828282;font-family:'Jost', sans-serif; font-weight:500; }
section .layout-center .hp-tabs li a:hover {color:#161a24;}
section .layout-center .hp-tabs li.current a {background:#ffffff; border-bottom:2px solid #ffffff;color:#161a24;  }

section .layout-center .tab-content  {padding-top:0;}
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 .products {margin-left:0px; margin-right:0px; margin-bottom: 0px;}
section .layout-center #content .products .item{width:25%;}
section .layout-center #content .products.half .item{width:50%;}
section .layout-center #main.full-width #content .products .item, body.fully section .layout-center .products .item{width:20%;}
section .layout-center.load_popup .products .item{width:50%; }



.swiper-container {width: 100%; min-height: 660px; margin-left: auto;  margin-right: auto; background:#2D0006;}
.swiper-container .swiper-slide-active{z-index: 5000}
.swiper-container .nav-wrap {position: absolute; right: 5%; top: 50%; text-align: right;} 
.swiper-container .nav-wrap > div  {position: relative!important;margin-top: -100%!important; height:100%; }
.swiper-container .nav-wrap > div > div {position: relative!important; right: auto!important; top: auto!important; bottom: auto!important; left: auto!important; }
.swiper-container .nav-wrap .swiper-pagination-bullet {padding: 5px 0px; margin: 12px 0px;width: 60px!important; box-sizing: border-box;position: relative; display: block;width: auto; height: auto; display: block; text-align: right; border-radius: 0px; color: #ffffff; background: transparent;text-shadow: 1px 1px 2px black; font-size: 16px; font-weight: 500; opacity:1;-webkit-transition: all 0.5s ease !important;  -moz-transition: all 0.5s ease!important; -o-transition: all 0.5s ease!important; -ms-transition: all 0.5s ease!important; transition: all 0.5s ease!important; }
.swiper-container .nav-wrap .swiper-pagination-bullet::after {content: ' ';opacity: 0;margin-left:10px ;right: -14px!important; position: absolute!important; top: 10px!important; display: block; width:14px; height: 14px; box-sizing: border-box; border-radius: 14px; border: 4px solid #e00a1e;  -webkit-transition: all 0.5s ease !important;  -moz-transition: all 0.5s ease!important; -o-transition: all 0.5s ease!important; -ms-transition: all 0.5s ease!important; transition: all 0.5s ease!important; box-shadow: 0px 0px 13px 0px rgba(224, 10, 30, 0.004);}
.swiper-container .nav-wrap .swiper-pagination-bullet.swiper-pagination-bullet-active {color: #e00a1e; padding-right: 25px;}
.swiper-container .nav-wrap .swiper-pagination-bullet.swiper-pagination-bullet-active::after {opacity: 1; right: 2px!important;}

.swiper-button-prev, .swiper-button-next{ opacity: 1!important;  width: 29px; height: 15px; background-repeat: no-repeat; background-position: center; background-size: 100% auto; margin: 0px -6px 0px auto!important}
.swiper-button-prev::after, .swiper-button-next::after{display: none;}

.swiper-container .nav-wrap .swiper-button-prev {background-image: url(../images/svg/swiper-up.svg)}
.swiper-container .nav-wrap .swiper-button-next {background-image: url(../images/svg/swiper-down.svg)}

.swiper-container .main-banner {width: 100%;height: 100%; display: table; background-size: cover; background-repeat: none}
.swiper-container .main-banner > div { display: table-cell; vertical-align: middle;}
.swiper-container .main-banner > div .inside-wrap {text-align: right; max-width: 1500px; margin: 0px auto;padding: 15px; padding-top: 200px; padding-bottom: 7v;}
.swiper-container .main-banner > div .inside-wrap .banner-layout {display: table; width: 100%; }
.swiper-container .main-banner > div .inside-wrap .banner-layout > div {display: table-cell;vertical-align:middle; width:50%; box-sizing: border-box; }
.swiper-container .main-banner > div .inside-wrap .banner-layout > div:first-child {text-align: center; padding-right: 20px; }
.swiper-container .main-banner > div .inside-wrap .banner-layout > div:last-child { padding-left: 20px; }

.swiper-container .main-banner > div .inside-wrap .banner-layout .banner-image  {text-align: center;}
.swiper-container .main-banner > div .inside-wrap .banner-layout .banner-image img {max-width: 100%; max-height: 55vh }


.swiper-container .main-banner > div .inside-wrap .banner-text-wrap {display: inline-block; text-align: right;}
.swiper-container .main-banner > div .inside-wrap .banner-text-wrap .banner-text img {max-width: 100%;}
.swiper-container .main-banner > div .inside-wrap .button { line-height:46px; border:2px solid #C70619; background: transparent; font-size: 16px; margin-top: 40px;}


.swiper-container .main-banner > div .inside-wrap .button { line-height:46px; border:2px solid #C70619; background: transparent; font-size: 16px; margin-top: 40px;}

.swiper-container .main-banner > div .inside-wrap .button.other, .swiper-container .main-banner > div .inside-wrap .button.other {
  float:left;
  margin-right:20px;
  display:inline-block;clear:none
}

.swiper-container .anim {opacity: 0}


section .layout-center .category-stars {display: block;  text-align: center;}
section .layout-center .category-stars .stars-menu-wrap {display: block; position: relative; top: -40px; margin-bottom: 0px;}
section .layout-center .category-stars .stars-menu {margin: 0px auto 0px auto; display: inline-block; list-style: none; padding: 0px; font-size: 0px; background: rgb(29,29,29); background: -moz-linear-gradient(180deg, rgba(29,29,29,1) 0%, rgba(53,53,53,1) 100%); background: -webkit-linear-gradient(180deg, rgba(29,29,29,1) 0%, rgba(53,53,53,1) 100%); background: linear-gradient(180deg, rgba(29,29,29,1) 0%, rgba(53,53,53,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1d1d1d",endColorstr="#353535",GradientType=1); }
section .layout-center .category-stars .stars-menu > li { display: inline-block;}
section .layout-center .category-stars .stars-menu > li a{width: 80px; line-height: 80px; height: 80px; display: inline-block;}
section .layout-center .category-stars .stars-menu > li a img{width: 80%;}
section .layout-center .category-stars .stars-menu > li a:hover{background: #474747;}
section .layout-center .category-stars .stars-menu > li a.active{ background: rgb(168,1,17); background: -moz-linear-gradient(90deg, rgba(168,1,17,1) 0%, rgba(235,12,33,1) 100%); background: -webkit-linear-gradient(90deg, rgba(168,1,17,1) 0%, rgba(235,12,33,1) 100%); background: linear-gradient(90deg, rgba(168,1,17,1) 0%, rgba(235,12,33,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a80111",endColorstr="#eb0c21",GradientType=1); }

section .layout-center .category-stars .stars-title{color: #ffffff; font-size: 40px; font-weight: 600}
section .layout-center .category-stars .stars-subtitle{color: #ffffff; font-size: 16px; font-weight: 300; letter-spacing: 6px;}


section .layout-center .category-stars .stars {text-align: center; margin-bottom: 100px; margin-top:50px; }
section .layout-center .category-stars .stars .wrap{ padding:0px 40px;  position:relative; text-align: center;  }
section .layout-center .category-stars .stars .wrap .item {text-align:center!important; padding:0px 0px; display:table; width:100%; height: 150px;}
section .layout-center .category-stars .stars .wrap .owl-item.active{margin-left:-2px;}

section .layout-center .category-stars .stars .wrap .item > a {display:inline-block; vertical-align: middle; padding:0px; margin: 0px auto; position: relative;  background-size: 100% auto;}
section .layout-center .category-stars .stars .wrap .item > a > strong {color: #ffffff; font-size: 20px; font-weight: 700; display: block; margin-top: 18px; opacity: 0; -webkit-transition: all 0.5s ease !important;  -moz-transition: all 0.5s ease!important; -o-transition: all 0.5s ease!important; -ms-transition: all 0.5s ease!important; transition: all 0.5s ease!important;}
section .layout-center .category-stars .stars .wrap .item > a > span {position: relative; display: block;}
section .layout-center .category-stars .stars .wrap .item > a > span > img{opacity: 0; background: url(../images/svg/crosshair.svg) no-repeat center center; background-size: 100% auto; -webkit-transition: all 0.5s ease !important;  -moz-transition: all 0.5s ease!important; -o-transition: all 0.5s ease!important; -ms-transition: all 0.5s ease!important; transition: all 0.5s ease!important;}
section .layout-center .category-stars .stars .wrap .item > a > span > span{position: absolute; left: 0px; top: 15%; line-height: 0px; vertical-align: middle;  width: 100%; text-align: center;}
section .layout-center .category-stars .stars .wrap .item > a > span > span img{width: 67%!important; display: inline; -webkit-transition: all 0.5s ease !important;  -moz-transition: all 0.5s ease!important; -o-transition: all 0.5s ease!important; -ms-transition: all 0.5s ease!important; transition: all 0.5s ease!important;}
section .layout-center .category-stars .stars .wrap .owl-item.center .item > a img {filter: grayscale(0%); opacity: 1}
section .layout-center .category-stars .stars .wrap .owl-item.center .item > a > strong { opacity: 1}
section .layout-center .category-stars .stars .wrap .owl-item .item > a:hover img {filter: grayscale(0%); opacity: 1}
section .layout-center .category-stars .stars .wrap .owl-item .item > a:hover > strong { opacity: 1}
section .layout-center .category-stars .stars .wrap .item img{width:100%!important; max-width:264px; filter: grayscale(100%); opacity: 0.8}
section .layout-center .category-stars .stars .owl-stage{height:auto;} 
section .layout-center .category-stars .stars .owl-next, 
section .layout-center .category-stars .stars .owl-prev {  position:absolute; top:-15px; width:40px; height:100%; 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 .layout-center .category-stars .stars .owl-next span, 
section .layout-center .category-stars .stars .owl-prev span{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat:no-repeat; background-position:center center; background-size:20px auto; }
section .layout-center .category-stars .stars .owl-prev {left:-40px;}
section .layout-center .category-stars .stars .owl-prev span { background-image:url(../images/svg/sipka-prev.svg); }
section .layout-center .category-stars .stars .owl-next {right:-40px; }
section .layout-center .category-stars .stars .owl-next span{ background-image:url(../images/svg/sipka-next.svg);  }



section .layout-center .review-block{margin: 10px -17px 50px -17px;  font-size: 0px; text-align: left;}
section .layout-center .review-block  .item{width: 25%;  display: inline-block; box-sizing: border-box; padding: 17px; vertical-align: top;position:relative;}
section .layout-center .review-block  .owl-item .item{width: 100%;  display: block; padding:0px;}
section .layout-center .review-block  .item a.image img {background:White;padding:5px;width:60px;height:auto;position:absolute;right:30px;top:30px;-o-border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;}
section .layout-center .review-block  .item > .wrap{background: #FAFAFA; padding:30px 40px; font-size:14px; }
section .layout-center .review-block  .item > .wrap .date{display: block; color: #cdcdcd; font-weight: 700; line-height: 100%;}
section .layout-center .review-block  .item > .wrap .date.product {color: #0e1115;}
section .layout-center .review-block  .item > .wrap .name{display: block; color: #0e1115; font-weight: 700; font-size: 128.6%; line-height: 100%; margin-bottom: 15px; margin-top: 5px;}
section .layout-center .review-block  .item > .wrap p{font-size: 107.143%; line-height: 173%; font-style: italic; padding: 0px; margin: 0px;}
section .layout-center .review-block  .item > .wrap table{margin: 20px 0px 0px 0px; border-spacing:0px; width:auto }
section .layout-center .review-block  .item > .wrap table tr td{color: #000000; font-size:100%;  font-weight: 700; }
section .layout-center .review-block  .item > .wrap table tr td:first-child{padding-right: 20px;}

section .layout-center .review-block  .item  .circle {margin-top: 7px;}
section .layout-center .review-block  .item  .circle:first-child {margin-top: 0px;}
section .layout-center .review-block  .item  .item-c {display: table; width: 100%;}
section .layout-center .review-block  .item  .item-c > div {display: table-cell;vertical-align: middle; }
section .layout-center .review-block  .item  .item-c > div:first-child {width: 95px;}
section .layout-center .review-block  .item  .item-c > div:last-child {padding-left: 20px; font-size: 14px; color: #616161;}
section .layout-center .review-block  .item  .item-c > div:last-child strong{display: block; color: #000000; font-weight: 700; font-size: 24px; line-height: 100%;}




section .layout-center .review-block.owl-carousel {margin-left:0; margin-right:0}
section .layout-center .review-block.owl-carousel .owl-controls{position:absolute; right:0px; top:50%; width:100%;}
section .layout-center .review-block.owl-carousel .owl-nav > div{width:30px; height:61px;  box-sizing: border-box;background-repeat:no-repeat; background-position:center center; background-size:20px auto;position:absolute; top:-30px;}
section .layout-center .review-block.owl-carousel .owl-nav > div:hover{ }
section .layout-center .review-block.owl-carousel .owl-nav .owl-prev{ background-image: url(../images/svg/arrow-left.svg); left:-15px; }
section .layout-center .review-block.owl-carousel .owl-nav .owl-next{ background-image: url(../images/svg/arrow-right.svg); right:-15px;}



section .layout-center .review-more{font-size: 20px; color:#e60505; font-size:400 }




section .layout-center .banner-list {display: block; margin-bottom: 40px;}
section .layout-center .banner-list .item {margin-bottom: 20px;width: calc(25% - 15px);display:inline-block}
section .layout-center .banner-list .item a{display: block;}
section .layout-center .banner-list .item a img{width: 100%;}

section .layout-center .banner-list .item {
  margin-left: 0px;
  margin-right:20px;
}
  section .layout-center .banner-list .item:nth-child(4n) {
     margin-right: 0px;
    float:right
  }


section .layout-center .subcategory-tags {margin:30px -2px; text-align: center; font-size:0px;}
section .layout-center .subcategory-tags .item {margin:2px; display:inline-block;}
section .layout-center .subcategory-tags .item a{display:block; color:#161a24; font-weight:700; font-size:16px; line-height:35px; padding:0px 15px; text-decoration:none; background: #F0F1F2;}
section .layout-center .subcategory-tags .item a:hover{color:#ffffff; background: #E00A1E;}
section .layout-center .subcategory-tags .item.active a{color:#ffffff; background: #E00A1E;}
section .layout-center .subcategory-tags .item a span{font-weight:300;padding-left:3px;}


section .layout-center .product-table {border-collapse:separate; border-spacing:0px 20px;}
section .layout-center .product-table tr {border:1px solid #E2E3E8; margin-bottom:20px;}
section .layout-center .product-table tr td{padding:20px 15px; vertical-align:middle;border-top:1px solid #E2E3E8;border-bottom:1px solid #E2E3E8; font-size:14px; color:#161a24;}
section .layout-center .product-table tr td:first-child{border-left:1px solid #E2E3E8;}
section .layout-center .product-table tr td:last-child{border-right:1px solid #E2E3E8; padding-right:20px;}

section .layout-center .product-table .ins-wrap {display:inline-block;}

section .layout-center .product-table .availability {text-align:center;}
section .layout-center .product-table .availability .ins-wrap {text-align:right;}

section .layout-center .product-table .prices  {text-align:center; white-space:nowrap;}
section .layout-center .product-table .prices .ins-wrap {text-align:left;}
section .layout-center .product-table .prices .price-original {text-decoration:line-through; color:#161a24;}
section .layout-center .product-table .prices .price {color:#161a24; font-size:18px; font-weight:700; display:block;}

section .layout-center .product-table .image {width:110px;padding:0px;}
section .layout-center .product-table .image a{background: url(../images/loading.gif) no-repeat center center; background-size:70% auto; display:block;}
section .layout-center .product-table .image a img{width:110px; padding:10px;}

section .layout-center .product-table .desc  {padding-left:10px;}
section .layout-center .product-table .desc h3 {color:#292f3f; font-size:20px; font-weight:500; margin:0px; padding:0px 0px 5px 0px;}
section .layout-center .product-table .desc h3 a {color:#292f3f;text-decoration:none;}
section .layout-center .product-table .desc h3 a:hover {text-decoration:underline;}
section .layout-center .product-table .desc p {font-size:16px; line-height:145%; color:#292f3f; margin:0px; padding:0px;}

section .layout-center .product-table .btn-box  {text-align:right;}


section .layout-center #content .detail-carousel {margin-bottom: -120px;}

section .layout-center .products.owl-carousel {padding:0px;margin:0px 0px 0px 0px }
section .layout-center .products.owl-carousel .item{width:100%!important;padding:30px 0px 80px 0px;}
section .layout-center .products.owl-carousel .item:hover .wrap{box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1); }
section .layout-center .products.owl-carousel .owl-controls{position:absolute; right:0px; top:50%; width:100%;}
section .layout-center .products.owl-carousel .owl-nav > div{width:30px; height:61px;  box-sizing: border-box;background-repeat:no-repeat; background-position:center center; background-size:20px auto;position:absolute; top:-80px;}
section .layout-center .products.owl-carousel .owl-nav > div:hover{ }
section .layout-center .products.owl-carousel .owl-nav .owl-prev{ background-image: url(../images/svg/arrow-left.svg); left:-15px; }
section .layout-center .products.owl-carousel .owl-nav .owl-next{ background-image: url(../images/svg/arrow-right.svg); right:-15px;}


.owl-carousel .owl-item:hover{z-index: 9999;}
.owl-carousel .owl-item:not(.active) .tag{opacity:0;}
.owl-carousel .owl-stage-outser::after{position:absolute; right:0px; top:0px; height:100%; width:30px; background: #ffffff; content:' ';}


section .layout-center .products-wrap{margin:0px -15px 30px -15px; position:relative; }
section .layout-center .products{margin:0px 0px 0px 0px; position:static; }
section .layout-center .products .item{float:left; width:20%; box-sizing:border-box;  padding:0; text-align:center; position:relative; margin-bottom: 70px;}
section .layout-center .products .item:hover{z-index:9000;}
section .layout-center .products .item .wrap{margin:0px; padding:20px 20px 0px 20px;  position:relative; border:0;box-sizing: border-box;   -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; background: #ffffff;}
section .layout-center .products .item .wrap::before{opacity: 0;content: ' '; position: absolute; left: 0px; top: 0px; width: 100%; height: 3px ;background: #000;   -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:hover .wrap::before{opacity: 1;}
section .layout-center .products .item:hover .wrap{box-shadow: 0px 45px 60px 0px rgba(22, 26, 36, 0.19); }
/*section .layout-center .products .item:hover .wrap .tag{left: 0px;}*/
section .layout-center .products .item .wrap h3{margin:20px -20px 18px -20px; padding:0px 0px; font-size:20px; color:#000000; font-family:'Jost', sans-serif; font-weight:600; line-height: 130%;   text-align:center;}
section .layout-center .products .item .wrap h3 a{padding:0px 20px; display:block; vertical-align:middle;color:#000000; 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:#000000; text-decoration: none }
section .layout-center .products .item .wrap .image-box{display:block; margin:-20px; padding:20px; 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 {display:block; overflow:hidden; margin:0px auto; padding:0px; }  
section .layout-center .products .item .wrap .image img{display:block;padding:0px; box-sizing: border-box; background: transparent;  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.07); -webkit-transform: scale(1.07); transform: scale(1.07); }

section .layout-center .products .item .wrap .image-box .favorite{width:28px;opacity:0; height:28px; margin-top:0px; position:absolute; right:15px; top:15px; display:inline-block; background-image:url(../images/svg/favorite.svg); background-repeat:no-repeat;  background-size:100% auto;  z-index: 6000}
section .layout-center .products .item .wrap .image-box .favorite img{opacity:0;}

section .layout-center .products .item .wrap .code{display:block; font-size:14px; font-weight:300; color:#161a24; margin-top:10px;}

section .layout-center .products .item .wrap:hover .image-box .favorite{opacity:1; }
section .layout-center .products .item .wrap .image-box .favorite.hover,
section .layout-center .products .item .wrap .image-box .favorite.active { background-image:url(../images/svg/favorite2.svg);}
section .layout-center .products .item .wrap .image-box .favorite.hover{opacity:0.6;}
section .layout-center .products .item .wrap .image-box .favorite.active { opacity:1;}

section .layout-center .products .item .wrap .button-wrap{display:table; width:100%; max-width: 220px; margin: 0px auto 0px auto;position: relative; } 
section .layout-center .products .item .wrap .button-wrap > div{display:table-cell;vertical-align:middle; } 
section .layout-center .products .item .wrap .button-wrap > div:first-child{width:50%; padding-right:0px; text-align: right;} 
section .layout-center .products .item .wrap .button-wrap > div:last-child{width:50%; padding-right:0px; text-align: left;} 

body section .layout-center .products .item .wrap .button-wrap .button{display:block; width: 100%; padding:0px 0px; float:none; margin:0px; border-radius:0px; font-size:14px;   } 
body section .layout-center .products .item .wrap .button-wrap > div:first-child .button{ border-top-left-radius:25px; border-bottom-left-radius:25px;  background: rgb(0,0,0); background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 100%); background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);  }
body section .layout-center .products .item .wrap .button-wrap > div:first-child .button:hover{ background: rgb(29,29,29)!important; background: -moz-linear-gradient(90deg, rgba(29,29,29,1) 0%, rgba(53,53,53,1) 100%)!important; background: -webkit-linear-gradient(90deg, rgba(29,29,29,1) 0%, rgba(53,53,53,1) 100%)!important; background: linear-gradient(90deg, rgba(29,29,29,1) 0%, rgba(53,53,53,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1d1d1d",endColorstr="#353535",GradientType=1)!important; }
body section .layout-center .products .item .wrap .button-wrap > div:last-child .button{ border-top-right-radius:25px; border-bottom-right-radius:25px;  } 


section .layout-center .products .item .wrap .info-wrap{margin:15px -15px 0px -15px; padding:0px 15px; box-sizing:border-box; } 
section .layout-center .products .item .wrap .info-wrap > div{display:block; width:100%;} 
section .layout-center .products .item .wrap .info-wrap > div > div{display:block;vertical-align:middle; line-height:18px;} 


section .layout-center .products .item .wrap .hidden-box{height:0px; overflow:hidden; position: relative;padding: 0px 0px 0px 0px; bottom: -30px;  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 .image-variant-wrap{position:absolute; padding-right:0px; width:21%; right:0px; top:0px; width:100%; height:100%; overflow:hidden;} 
section .layout-center .products .item .wrap .image-variant{list-style-type: none; margin:0px; padding:0px;position:absolute; left:100%; top:20px; width:21%; opacity:0; -webkit-transition: all 0.5s ease !important;  -moz-transition: all 0.5s ease!important; -o-transition: all 0.5s ease!important; -ms-transition: all 0.5s ease!important; transition: all 0.5s ease!important;} 
section .layout-center .products .item .wrap .image-variant li{margin:0px 0px 5px 0px; padding:0px;} 
section .layout-center .products .item .wrap .image-variant li a{border:1px solid #E3E3E3;display:block; box-sizing:border-box;} 
section .layout-center .products .item .wrap .image-variant li a:hover{border-color:#161a24;} 
section .layout-center .products .item .wrap .image-variant li a img{width:100%; box-sizing:border-box;} 

section .layout-center .products .item .wrap:hover .image-variant{opacity:1;left:79%;margin-left:-15px;} 



section .layout-center .products .item .wrap .size-chart{display:table; width:100%;  } 
section .layout-center .products .item .wrap .size-chart > a {display:table-cell; position:relative; vertical-align:middle;text-decoration:none; text-align: center; color:#696969; font-weight:700; font-size:13px;font-family: 'Jost', serif; line-height:45px; border:1px solid #EEEEEE; border-left:0px; box-sizing:border-box; } 
section .layout-center .products .item .wrap .size-chart > a:last-child {border-right:0px;} 
section .layout-center .products .item .wrap .size-chart > a:hover {box-shadow: 4.015px 4.459px 24px 0px rgba(0, 0, 0, 0.15); z-index:4000;} 

section .layout-center .products .item .wrap .availability{font-size:13px; font-weight:700;padding-left:0px;position:relative; display: block; margin-bottom: 15px;}  
section .layout-center .products .item .wrap .availability strong{display:block; font-weight:600;}  

section .layout-center .products .item .wrap  .price {display:inline-block;color:#242424; font-size:15px; line-height:15px; font-weight:400; margin-top:0px; white-space:nowrap;}
section .layout-center .products .item .wrap .original-price, section .layout-center .products .item .wrap  .price.smaller {color:#636465; font-size:15px; font-weight:400; position:relative;display:inline-block; margin:0px 5px 0px 0px; text-decoration:none;}  
section .layout-center .products .item .wrap .original-price::before,section .layout-center .products .item .wrap  .price.smaller::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 .products .banner_list {float:left; width:100%; box-sizing: border-box; padding:0px 15px;}  


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 #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  .tag{position:absolute; left:20px; top:20px; margin:0px; padding:0px; list-style: 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  .tag li {padding:0px 0px 5px 0px; }
section .layout-center  .tag li span{display:table;  overflow:hidden; border-radius: 0px;  color:#ffffff;width:100%; background-repeat:no-repeat; background-position: right top; background-size:auto 100%; border-bottom-right-radius:8px;}
section .layout-center  .tag li span > span{ color:white;display:table-cell;font-family:'Jost', sans-serif; font-weight:600; font-size:12px; line-height: 22px;width:100%; vertical-align: top; text-align:center;  padding:0px 15px 0px 15px; box-sizing: border-box;  }
section .layout-center  .tag li span.blue {background-color:#242656; }
section .layout-center  .tag li span.orange {background-color:#FF7B00; }
section .layout-center  .tag li span.black {background-color:#000000; }
section .layout-center  .tag li span.red {background-color:#A80111; }




section .layout-center .big a{position:relative;}
section .layout-center .big .tag{top:0px;left:135px; z-index: 5000;}


section  .hp-text-wrap{display: table; width: 100%; margin-top: 125px; padding-left: 15px;}
section  .hp-text-wrap > div{display: table-cell; vertical-align: top;}
section  .hp-text-wrap > div:first-child{padding-right: 9%; padding-bottom: 120px; width: 47%}
section  .hp-text-wrap > div:last-child{vertical-align: bottom;}
section  .hp-text-wrap > div:first-child h1{font-size: 53px; color: #161a24; margin: 0px; padding: 0px; font-weight: 700}
section  .hp-text-wrap > div:first-child .subtitle{font-size: 34px; color: #E00A1E; margin: 0px; padding: 5px 0px 30px 0px; font-weight: 700}
section  .hp-text-wrap > div:first-child p{font-size: 16px; line-height: 270%; color: #161a24; margin: 0px; padding: 0px 0px 0px 0px; font-weight: 400}
section  .hp-text-wrap > div.video-block{position: relative; }
section  .hp-text-wrap > div.video-block .block-wrap::before{position: absolute; left:-6.5%; bottom:0px; content:' '; background: #00A2DF; width:90%; height:80%; z-index:-1 }
section  .hp-text-wrap > div.video-block p{font-size: 24px; line-height: 28px; font-weight: 800; color: #ffffff; margin: 0px; padding: 20px  0px 0px 0px; }
section  .hp-text-wrap > div.video-block h3{font-size: 38px; line-height: 44px; font-weight: 800; color: #ffffff; margin: 5px 0px 20px 0px; padding: 0px 0px 20px 0px;  }
section  .hp-text-wrap > div.video-block .block-wrap {position: relative;}
section  .hp-text-wrap > div.video-block .block-wrap img{width: 100%;}



section.subpage-bg{background: #000000 url(../images/subpage-bg.jpg) no-repeat center top; margin-top:-148px; padding-top:168px; }
section .layout-center .layout-subpage{background: #FFFFFF; margin-top: 0px;}
section .layout-center .layout-subpage.dark{background: #F8F8F8; }

section .layout-center .layout-subpage .basket-navigate{background: #000; display: table; width: 100%; position: relative;}
section .layout-center .layout-subpage .basket-navigate::after{position: absolute;  z-index: 1;left: 0px; top: 0px; height: 50%; width: 100%;  content:  ' ';  background: rgb(48,48,48); background: -moz-linear-gradient(180deg, rgba(48,48,48,1) 0%, rgba(29,29,29,1) 100%); background: -webkit-linear-gradient(180deg, rgba(48,48,48,1) 0%, rgba(29,29,29,1) 100%); background: linear-gradient(180deg, rgba(48,48,48,1) 0%, rgba(29,29,29,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#303030",endColorstr="#1d1d1d",GradientType=1); }
section .layout-center .layout-subpage .basket-navigate > div{display: table-cell; position: relative; z-index: 1000; box-sizing: border-box;vertical-align:middle; padding: 0px 20px 5px 20px; height:78px; text-align: center; font-size: 20px; text-decoration: none; font-weight: 700; color: #898989;}
section .layout-center .layout-subpage .basket-navigate > div:first-child{padding-left: 50px;}
section .layout-center .layout-subpage .basket-navigate > div:last-child{padding-right: 50px;}
section .layout-center .layout-subpage .basket-navigate > div a{display: inline-block; text-decoration: none;  color: #898989; padding-left: 40px; text-align: left;}
section .layout-center .layout-subpage .basket-navigate > div a:hover{color: #ffffff;}
section .layout-center .layout-subpage .basket-navigate > div span{font-size: 30px;padding-right:10px; margin-left: -40px;}
section .layout-center .layout-subpage .basket-navigate > div.active {color: #ffffff;}
section .layout-center .layout-subpage .basket-navigate > div.active a{color: #ffffff;}
section .layout-center .layout-subpage .basket-navigate > div.active span{color: #ff0119;}


section .layout-center .layout-subpage .basket-submenu {display: table; width: 100%; height: 100px; background: #000;}
section .layout-center .layout-subpage .basket-submenu > a {display: table-cell; width: 33.3333333%; box-sizing: border-box; text-align: center; vertical-align: middle; font-weight: 400; color: #ffffff; font-size: 16px;}
section .layout-center .layout-subpage .basket-submenu > a:hover > span strong  {text-decoration: underline;}
section .layout-center .layout-subpage .basket-submenu > a > span {display: inline-block; text-align: left; line-height: 100%; padding-left: 60px; position: relative;}
section .layout-center .layout-subpage .basket-submenu > a > span strong {display: block; font-weight: 800; font-size:125%;line-height: 100%; padding-top: 5px;}
section .layout-center .layout-subpage .basket-submenu > a > span i {display: inline-block; position:absolute; left:0px; top:0px; }
section .layout-center .layout-subpage .basket-submenu > a > span i span{display: inline-block; width:29px; height:40px; position:relative; background: url(../images/svg/basket-user.svg) no-repeat center center; background-size:100% }
section .layout-center .layout-subpage .basket-submenu > a > span i span img{position: absolute; bottom: -6px; right: -17px;}
section .layout-center .layout-subpage .basket-submenu > a.active > span i span{ background-image: url(../images/svg/basket-user-active.svg) ; }
section .layout-center .layout-subpage .basket-submenu > a.active{background: #F8F8F8;border-top-right-radius: 30px; color: #2d2d2d}


section .layout-center .layout-subpage .subpage-content{padding: 50px;}

section .layout-center .layout-subpage .basket-footer{padding: 50px;}
section .layout-center .layout-subpage .basket-footer.ntp{padding-top: 0px;}
section .layout-center .layout-subpage .basket-footer.dark{background: #F0F0F0;}
section .layout-center .layout-subpage .basket-footer .wrap{display: table; width: 100%;}
section .layout-center .layout-subpage .basket-footer .wrap > div{display: table-cell; vertical-align: top; padding-right: 15px;}
section .layout-center .layout-subpage .basket-footer .wrap > div:last-child{text-align: right; padding-right: 0px; padding-left:15px; }

section .layout-center .layout-subpage .basket-footer .wrap > div:last-child .pure-checkbox label {font-size: 16px; color:#010101; font-weight:400; text-align:left; }

section .layout-center .layout-subpage .basket-footer .btn-space {display: inline-block;max-width: 360px; display: block; text-align: left; margin: 0px 0px 0px auto}
section .layout-center .layout-subpage .basket-footer .btn-space .button{margin-bottom: 25px;}

section .layout-center .layout-subpage .sum-total {display: table; margin: 0px 0px 20px auto}
section .layout-center .layout-subpage .sum-total > span {display: table-cell; font-size: 20px; font-weight: 300; color: #010101; line-height:100%; }
section .layout-center .layout-subpage .sum-total > span:last-child {font-size: 26px; font-weight: 700; padding-left:45px;}
section .layout-center .layout-subpage .goback a{font-weight: 600; color: #010101; font-size: 18px; display: inline-block;  padding-left:22px; background: url(../images/svg/arrow-back.svg) no-repeat left center; }


section .layout-center .layout-subpage p.coupon-form{ padding:0px; margin:25px 0px; position:relative; padding-right:189px; box-sizing:border-box; color:#ffffff; padding-bottom: 0px; max-width:500px; }
section .layout-center .layout-subpage p.coupon-form #inp-coupon{background: #ffffff  ; box-sizing: border-box;  width:100%;   border:1px solid #000000; border-radius: 0px;  height:50px; padding:0 20px 0 20px; font-size:18px; color:#000000; font-style:italic; font-family:'Jost', sans-serif; font-weight:600 !important; box-shadow: inset 2.121px 2.121px 4px 0px rgba(0, 0, 0, 0.23);}
section .layout-center .layout-subpage p.coupon-form #inp-coupon::-webkit-input-placeholder { /* Chrome */ color: #aaa9a9; }
section .layout-center .layout-subpage p.coupon-form #inp-coupon:-ms-input-placeholder { /* IE 10+ */ color: #aaa9a9; }
section .layout-center .layout-subpage p.coupon-form #inp-coupon::-moz-placeholder { /* Firefox 19+ */ color: #aaa9a9; opacity: 1; }
section .layout-center .layout-subpage p.coupon-form #inp-coupon:-moz-placeholder { /* Firefox 4 - 18 */ color: #aaa9a9; opacity: 1; }
section .layout-center .layout-subpage p.coupon-form  button.button{ box-sizing: border-box;  position:absolute; right:0px; top:0px; width:190px; min-width: auto; line-height: 50px; border:0px; border-radius: 0px; border-bottom-right-radius: 30px;font-size:15px; padding:0px; font-weight:700; color:#ffffff;  background: rgb(0,0,0); background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 100%); background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); }


section .layout-center .layout-subpage .basket-items {border-spacing:0px; width:100%;  background: #F8F8F8;}
section .layout-center .layout-subpage .basket-items tr td  {border-bottom:10px solid #ffffff;padding:10px; vertical-align:middle;}
section .layout-center .layout-subpage .basket-items tr td.image  {width:100px; padding-right:px;}
section .layout-center .layout-subpage .basket-items tr td.image img {width:100px;}
section .layout-center .layout-subpage .basket-items tr td.price  {white-space:nowrap; font-size:18px; font-weight:700; text-align:right; color: #303030; line-height: 100%;}
section .layout-center .layout-subpage .basket-items tr td.price .availability {font-size: 13px; font-weight: 700; display: block;}
section .layout-center .layout-subpage .basket-items tr td.trash  {width:50px; text-align: center;}
section .layout-center .layout-subpage .basket-items tr td.name  {padding-left: 15px;}
section .layout-center .layout-subpage .basket-items tr td.name a {color:#000000; font-size:16px; font-weight:600; text-decoration:none; text-transform: uppercase}
section .layout-center .layout-subpage .basket-items tr td.name a:hover {text-decoration:underline;}
section .layout-center .layout-subpage .basket-items tr td.name .param {color:#515151; font-size:12px; font-weight: 400; display: block; margin-top: 5px;}
section .layout-center .layout-subpage .basket-items tr td.name .param strong {color:#515151; font-size:14px;}
section .layout-center .layout-subpage .basket-items tr td .spinner {position:relative; width:125px; margin:0px;}
section .layout-center .layout-subpage .basket-items tr td .spinner input {height:40px; border: 0px; color: #303030; font-size: 16px; font-weight: 600}
section .layout-center .layout-subpage .basket-items tr td .spinner .input-group-btn-vertical > .btn{width:40px; height:40px; border: 0px; box-shadow: none!important; background-color: #EEEEEE; background-size:13px auto;}

section .layout-center .layout-subpage .basket-items tr td .spinner .input-group-btn-vertical > .btn:first-child{right:0px;top:0}
section .layout-center .layout-subpage .basket-items tr td .spinner .input-group-btn-vertical > .btn:last-child{left:0px;top:0}





section .layout-center .layout-subpage .delivery-bar{width: 100%; height:5px; background:#000000;border-radius:2px; position:relative; margin-top:28px; margin-bottom:20px; }
section .layout-center .layout-subpage .delivery-bar span{ height:100%; background:#E00A1E;border-radius:2px; left: 0px; top: 0px; position:absolute; }
section .layout-center .layout-subpage .delivery-bar span::after{height:19px; width:3px; position:absolute; right:-1px; top:-7px; content: ' ';background: #000; }

section .layout-center .layout-subpage .delivery-bar-desc{text-align: right; font-size: 14px; font-weight: 700; color: #000000; }
section .layout-center .layout-subpage .delivery-bar-desc img{padding-right: 10px;}
section .layout-center .layout-subpage .delivery-bar-desc strong{color: #e00a1e;}


section .layout-center .layout-subpage .login-box{background: #ffffff; max-width: 550px; margin: 0px auto; margin-top:20px; }
section .layout-center .layout-subpage .login-box .log-title{background: #EEEEEE; text-align: center; line-height:68px; color:#bbbaba; font-size: 36px; font-weight: 700; }
section .layout-center .layout-subpage .login-box .wrap{padding: 50px; box-shadow: 0px 31px 79px 0px rgba(61, 61, 61, 0.2);}
section .layout-center .layout-subpage .login-box .wrap p{padding: 0px; margin: 0px;}
section .layout-center .layout-subpage .login-box .wrap p label{padding: 0px; margin: 0px; font-weight: 500; color: #242424; font-size: 14px; line-height:100%; }
section .layout-center .layout-subpage .login-box .wrap .btn-wrap{display: table; width: 100%; margin-top:30px; }
section .layout-center .layout-subpage .login-box .wrap .btn-wrap > div{display: table-cell; vertical-align:middle; }
section .layout-center .layout-subpage .login-box .wrap .btn-wrap > div:last-child{text-align: right; font-size: 14px; font-weight: 300}
section .layout-center .layout-subpage .login-box .wrap .btn-wrap > div .button{ font-size: 16px; font-weight: 600; width: 100%; max-width:210px; }

section .layout-center .layout-subpage .form-layout{display: table; width:100%; }
section .layout-center .layout-subpage .form-layout.v2{max-width:75%;margin:0px auto }
section .layout-center .layout-subpage .form-layout > div{display: table-cell; vertical-align:top; padding:0px 25px; }
section .layout-center .layout-subpage .form-layout > div.w25{width: 25%}
section .layout-center .layout-subpage .form-layout > div.w33{width: 33.3333%}
section .layout-center .layout-subpage .form-layout > div:first-child{padding-left: 0px;}
section .layout-center .layout-subpage .form-layout > div:last-child{padding-right: 0px;}
section .layout-center .layout-subpage .form-layout .inp-text{height:48px!important }

section .layout-center .layout-subpage .form-title {font-size: 26px; color: #000000; font-weight: 800; padding: 0px 0px 20px 0px;}

section .layout-center .layout-subpage .form-row {margin: 0px -10px;  padding: 0px; font-size: 0px;}
section .layout-center .layout-subpage .form-row > p {margin: 0px;  padding: 0px 10px 15px 10px; display: inline-block; box-sizing: border-box; vertical-align: top; line-height: 0px;}
section .layout-center .layout-subpage .form-row > p.col-30 {width: 30%; }
section .layout-center .layout-subpage .form-row > p.col-50 {width: 50%; }
section .layout-center .layout-subpage .form-row > p.col-70 {width: 70%; }
section .layout-center .layout-subpage .form-row > p.col-100 {width: 100%; }
section .layout-center .layout-subpage .form-row > p label {line-height: 100%; color:#242424; font-size:14px; font-weight:500; padding-bottom:10px;display:block; }
section .layout-center .layout-subpage .form-row .pure-checkbox  {margin-top: 5px; display: block;}
section .layout-center .layout-subpage .form-row .pure-checkbox label {font-size: 16px; color:#010101; font-weight:400 }

section .layout-center .layout-subpage .reg-benefits{background: #ffffff; }
section .layout-center .layout-subpage .reg-benefits > strong{ line-height: 70px; padding: 0px 30px; font-size: 22px; font-weight: 800; color: #ffffff; background: #000; display: block; white-space: nowrap;}
section .layout-center .layout-subpage .reg-benefits > .wrap{padding: 30px 30px 10px 30px;box-shadow: 0px 31px 79px 0px rgba(61, 61, 61, 0.2);}
section .layout-center .layout-subpage .reg-benefits > .wrap p{font-size: 14px; color: #242424; font-weight: 400; line-height:130%; padding: 0px 0px 20px 0px;}
section .layout-center .layout-subpage .reg-benefits > .wrap p strong{display: block; font-size: 16px; font-weight: 800}


section .layout-center .layout-subpage .basket-summary{display: table; width: 100%;}
section .layout-center .layout-subpage .basket-summary > div{display: table-cell; vertical-align: top; width:380px; position:relative; }
section .layout-center .layout-subpage .basket-summary > div .goback{position: absolute; left: 0px;bottom: 0px;}
section .layout-center .layout-subpage .basket-summary > div:first-child {padding-bottom: 40px;}
section .layout-center .layout-subpage .basket-summary > div:first-child p{font-size: 15px; line-height: 160%; color:#000000; font-weight:400; padding:0px 0px 1em 0px; }
section .layout-center .layout-subpage .basket-summary > div:last-child .button{display: block; border-radius: 0px; width: 100%;}
section .layout-center .layout-subpage .basket-summary > div.pay-delivery{width:auto; padding:0px 30px; }
section .layout-center .layout-subpage .basket-summary > div .container-box{display: block; padding: 30px; background: #ffffff;}
section .layout-center .layout-subpage .basket-summary > div .container-box.dark{background: #F0F0F0;}
section .layout-center .layout-subpage .basket-summary > div .container-box .box-title{color: #000000; font-size: 22px; font-weight: 800; padding-bottom: 1em}



section .layout-center .layout-subpage .order-summary .item-wrap{margin-top: -15px; position: relative;}
section .layout-center .layout-subpage .order-summary .item{padding-left: 95px; position: relative; color: #000000; border-bottom: 1px solid #F0F0F0;}
section .layout-center .layout-subpage .order-summary .item .image{position: absolute; left: 0px ; top: 5px; max-width:80px; }
section .layout-center .layout-subpage .order-summary .item .name{font-size: 14px; font-weight: 600; line-height: 120%; padding-top: 10px;}
section .layout-center .layout-subpage .order-summary .item .desc{display: table; width: 100%;margin-top:10px;margin-bottom:10px; }
section .layout-center .layout-subpage .order-summary .item .desc > div{display: table-cell; color:#515151; font-size:12px; vertical-align:bottom; }
section .layout-center .layout-subpage .order-summary .item .desc > div:first-child{line-height: 120%}
section .layout-center .layout-subpage .order-summary .item .desc > div:last-child{font-size: 16px; white-space: nowrap; color: #303030; font-weight: bold; text-align: right;}
section .layout-center .layout-subpage .order-summary .item .desc > div strong{font-size: 14px; font-weight:700;  }

section .layout-center .layout-subpage .order-summary .prices{border-spacing: 0px; width: 100%; margin: 15px 0px;}
section .layout-center .layout-subpage .order-summary .prices tr td{padding: 5px 0px; font-size: 16px; font-weight: 300; color: #010101;}
section .layout-center .layout-subpage .order-summary .prices tr td:last-child{padding-left: 20px; font-weight:700; text-align:right; white-space:nowrap; }

section .layout-center .layout-subpage .order-summary .total{border-spacing: 0px; width: 100%; margin: 15px 0px; border-top: 1px solid #F0F0F0; }
section .layout-center .layout-subpage .order-summary .total tr td{padding: 5px 0px; font-size: 18px; font-weight: 300; color: #010101;}
section .layout-center .layout-subpage .order-summary .total tr td:last-child{padding-left: 20px; font-size: 26px; font-weight:700; text-align:right; white-space:nowrap;}

section .layout-center .layout-subpage .order-summary .pure-checkbox {display: block; margin-top: 20px;}
section .layout-center .layout-subpage .order-summary .pure-checkbox label{font-size: 14px; font-weight: 300; }
section .layout-center .layout-subpage .order-summary .pure-checkbox label a{color:#e00a1e }

section .layout-center .add-address{line-height: 40px; border-radius: 40px; overflow: hidden; position: relative; display: inline-block; box-sizing: border-box; background: #ECECEC; font-size: 15px; font-weight: 400; color: #605f5f; padding: 0px 40px 0px 60px; text-decoration: none; font-weight: 400;}
section .layout-center .add-address::before{position: absolute; left: 0px; top: 0px; background: #56AF56 url(../images/svg/plus-white.svg) no-repeat 18px center; width: 44px; height: 100%; content: ' '}
section .layout-center .add-address:hover{background: #E00A1E; color: #fff}

section .layout-center .delivery-table{border-spacing:0px; background: #ffffff; margin-bottom:25px; margin-top: -5px;}
section .layout-center .delivery-table.nm{margin-bottom: 0}
section .layout-center .delivery-table tr, section .layout-center .delivery-table label {cursor:pointer;}
section .layout-center .delivery-table tr td{border-bottom:5px solid #F0F0F0; padding:5px 5px 10px 5px; font-weight:600; font-size:13px; color:#1b1b1b; height:75px; box-sizing:border-box;}
section .layout-center .delivery-table tr td label{ padding-left:35px; font-size: 16px; color: #000000; font-weight: 700}
section .layout-center .delivery-table tr td label.onlylabel{ padding-left:0; width: 25px;}
section .layout-center .delivery-table tr td p{font-size: 12px; line-height: 120%; color: #777777; font-weight: 400; padding-left: 0px;margin: 2px 0px 0px 0px}
section .layout-center .delivery-table tr td strong{font-size: 16px;  color: #000000; font-weight: 700; padding-left: 0px;margin: 0px}

section .layout-center .delivery-table tr td:first-child{padding-left:25px; width: 20px;}
section .layout-center .delivery-table tr td.price{padding-right:25px; text-align:right; color:#000000;min-width:80px; font-size: 14px;}


section .layout-center .blog{margin:0px -18px 30px -18px; font-size:0px; }
section .layout-center .blog .item{display:inline-block; width:50%; box-sizing:border-box; padding:18px; }
section .layout-center .blog .item .wrap .image{display:block;}
section .layout-center .blog .item .wrap .image img{width:100%;}
section .layout-center .blog .item .wrap .desc{padding:20px 50px; font-size:16px; font-weight:400;margin:0px auto; background:#ffffff; margin-top:-90px;  width:65%; position:relative; z-index:3000; }
section .layout-center .blog .item .wrap .desc .date{display:block; color:#8c92a2; font-size:14px; font-weight:500; padding-bottom:5px;}
section .layout-center .blog .item .wrap .desc h3{margin:0px 0px 10px 0px; padding:0px; font-size:24px; line-height:120%; font-weight:500; color:#292f3f; }
section .layout-center .blog .item .wrap .desc h3 a{text-decoration:none;color:#292f3f;}
section .layout-center .blog .item .wrap .desc h3 a:hover{text-decoration:underline;}
section .layout-center .blog .item .wrap .desc a{color:#f7602b; text-decoration:underline;}
section .layout-center .blog .item .wrap .desc a:hover{text-decoration:none;}


section .layout-center .favorites{margin:10px -18px 70px -18px; min-height:385px;}
section .layout-center .favorites .item{float:left; padding:18px; box-sizing:border-box; width:33.333333%; }
section .layout-center .favorites .item .lady{position:absolute; left:0px; top:-12px;}
section .layout-center .favorites .item .item-title{display:block; position:relative; background: #ffffff; border-left:2px solid #161a24; padding:23px 20px 26px 235px;  font-size:25px;line-height:100%;color:#161a24;font-family:'Jost', sans-serif; font-style:italic; }
section .layout-center .favorites .item.dark .item-title{background: #161a24;  color:#ffffff; }
section .layout-center .favorites .item .item-title strong{display:block; margin-left:-20px; padding-bottom:10px;font-weight:800; font-style:normal; font-size:136%;font-family: 'Jost', sans-serif; }
section .layout-center .favorites .item .item-cont {padding-left:235px;padding-top:20px; font-size:15px; font-weight:300; color:#161a24;}
section .layout-center .favorites .item .item-cont > a {color:#161a24;}
section .layout-center .favorites .item .item-cont ul{list-style:none; margin:0px; padding:0px 0px 10px 0px; }
section .layout-center .favorites .item .item-cont ul li{padding-bottom:15px; color:#696969; font-size:15px; font-weight:300; }
section .layout-center .favorites .item .item-cont ul li a{ color:#696969; font-size:15px; font-weight:300; text-decoration:none; }
section .layout-center .favorites .item .item-cont ul li a:hover{ color:#161a24; text-decoration:underline; }


section .layout-center .category{margin:60px -15px 60px -15px;}
section .layout-center .category .item{float:left; width:16.66%;box-sizing: border-box; padding:15px;}
section .layout-center .category .item a{display:block; background: #ffffff; box-sizing: border-box; padding:20px 20px; color:#161a24; font-size:16px; font-weight:600; text-decoration:none; text-align: center; border-bottom:3px solid #E4E4E4;  }
section .layout-center .category .item a:hover {border-color:#E00A1E;}
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;  width:100%; 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:#161a24;}


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:700; 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: #161a24; text-decoration:none;}
section .news-wrap .news .item .wrap h3:hover a{text-decoration:underline;}
section .news-wrap .news .item .wrap p{color:#161a24; font-size:14px; line-height: 150%;}
section .news-wrap .button{position:absolute; left:50%; bottom:-25px; margin-left:-125px;}


section .brand-title {display:block; text-align: center; margin-top:20px; }
section .brand-title span {display:inline-block; width:100%; max-width: 335px; padding:0px 20px; line-height: 45px; color:#0a64a7; font-size:20px; font-family:'Jost', sans-serif; font-weight:400;  text-align: center; border-top:2px solid #0A64A7;background: #ffffff;  } 

section .brands {text-align: center; margin-bottom: -1px; margin-top:-30px; }
section .brands .wrap{ padding:0px 40px;  position:relative; text-align: center;  background: rgb(53,53,53); background: -moz-linear-gradient(180deg, rgba(53,53,53,1) 0%, rgba(29,29,29,1) 100%); background: -webkit-linear-gradient(180deg, rgba(53,53,53,1) 0%, rgba(29,29,29,1) 100%); background: linear-gradient(180deg, rgba(53,53,53,1) 0%, rgba(29,29,29,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#353535",endColorstr="#1d1d1d",GradientType=1); }
section .brands .wrap .item {text-align:center!important; padding:0px 0px; display:table; width:100%; height: 150px;}
section .brands .wrap .owl-item.active{margin-left:-2px;}

section .brands .wrap .item > a {display:table-cell; vertical-align: middle; padding:15px 10px;}
section .brands .wrap .item img{width:auto!important; max-width:100%; display:inline;}
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 .owl-stage{height:auto;} 
section .brands .owl-next, 
section .brands .owl-prev {  position:absolute; top:0px; width:40px; height:100%; 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;  background: rgb(81,81,81); background: -moz-linear-gradient(180deg, rgba(81,81,81,1) 0%, rgba(29,30,29,1) 100%); background: -webkit-linear-gradient(180deg, rgba(81,81,81,1) 0%, rgba(29,30,29,1) 100%); background: linear-gradient(180deg, rgba(81,81,81,1) 0%, rgba(29,30,29,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#515151",endColorstr="#1d1e1d",GradientType=1);  }
section .brands .owl-next span, 
section .brands .owl-prev span{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat:no-repeat; background-position:center center; background-size:11px 16px; }
section .brands .owl-prev {left:-40px;}
section .brands .owl-prev span { background-image:url(../images/svg/sipka-prev.svg); }
section .brands .owl-next {right:-40px; }
section .brands .owl-next span{ background-image:url(../images/svg/sipka-next.svg);  }


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

section .layout-center .show-all{overflow: hidden; text-align: center;  font-family: 'Jost', sans-serif; font-weight:500; font-style:normal; color:#252526; margin:0px 0px 0px 0px; padding:0 0 0px 0;line-height: 0px; }
section .layout-center .show-all.top3{margin-top:-6px;}
section .layout-center .show-all span{position: relative; }
section .layout-center .show-all .button {margin-top:0px; font-size:16px; min-width: 270px;}


section .layout-center .ordering  {display: table; width: 100%; margin-bottom:20px; }
section .layout-center .ordering >  div{display: table-cell; vertical-align: top; color: #5d5d5d; font-size: 13px;}
section .layout-center .ordering >  div:last-child{white-space: nowrap; text-align: right;}
section .layout-center .ordering >  div:last-child select{border: 1px solid #000000; padding: 0px 30px 0px 10px; height: 40px; box-sizing: border-box;  background: #ffffff url('../images/svg/down.svg') no-repeat right 10px center; background-size: 13px auto; color: #000000; font-size: 16px; font-weight: 700; cursor: pointer; position: relative;  -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: inset 2.121px 2.121px 4px 0px rgba(0, 0, 0, 0.23);}

section .layout-center .selected-filter {font-size: 0px; margin: 0px -4px;}
section .layout-center .selected-filter >  span{display: inline-block;margin:4px 4px 8px 4px; padding: 0px 11px 0px 18px; line-height:40px; font-size: 13px; font-weight: 300; color: #5d5d5d; white-space:nowrap; background:#F0F0F0; }
section .layout-center .selected-filter >  span strong{font-weight:700; color:#000000; font-size:16px; padding-left:5px; padding-right:10px; }
section .layout-center .selected-filter >  span img{position: realative; margin-top: -5px;}

section .layout-center .item-variants {font-size: 0px;padding: 1px; list-style: none; font-size: 0px; }
section .layout-center .item-variants > li {display: inline-block; padding: 0px;  position:relative; margin:-1px -1px 0px 0px;}
section .layout-center .item-variants a {color: #343334; font-size: 14px; font-weight: 400;  border: 1px solid #E3E3E3; display: inline-block;  line-height:38px; box-sizing:border-box; padding:0px 15px; min-width:85px; text-align: center; text-decoration: none;}
section .layout-center .item-variants a:hover {text-decoration: underline;}
section .layout-center .item-variants li.active a {color: #ffffff; font-weight: 700; background:#000000;}

section .layout-center #content-filter .price-slider-box  {background: #FAFAFA; border:1px solid #DFDFDF; border-bottom:0px; padding:20px 0px;}
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 30px;font-size:25px;  font-family: 'Jost', sans-serif; font-weight:400;color: #161a24; width:270px;  }
section .layout-center #content-filter .price-slider-box > div > div:last-child  {padding:0px 20px; }
section .layout-center #content-filter .price-slider-box > div > div .nouislider  {margin:0px;}
section .layout-center #content-filter .price-slider-box > div > div .value-left  {margin:0px; position:absolute; right:100%; top:-4px; margin-right:15px;}
section .layout-center #content-filter .price-slider-box > div > div .value-right  {margin:0px; position:absolute; left:100%; top:-4px; margin-left:15px;}
section .layout-center #content-filter .price-slider-box > div > div .bar  {position:relative;margin:0px 100px;}

section .layout-center #content-filter  {float:left; width:100%; margin-top:50px;margin-bottom: 20px;}
section .layout-center #content-filter .tabs-wrap {padding-left:270px; border:1px solid #DFDFDF;float:left; width:100%; box-sizing: border-box; position:relative;}
section .layout-center #content-filter .tabs-wrap::before {position:absolute; left:0px; top:0px; width:270px; height:100%; background: #FAFAFA; content:' '; box-sizing: border-box; border-right:1px solid #DFDFDF;}

section .layout-center #content-filter ul.tabs {margin: 0; padding: 0; float: left; margin-left:-270px;margin-bottom: -1px; list-style: none;  width: 270px; }
section .layout-center #content-filter ul.tabs li { margin: 0;box-sizing: border-box; cursor: pointer; padding: 0px 30px; font-size:25px;  font-family: 'Jost', sans-serif; font-weight:400;  line-height: 48px; border-right: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF; background-color: #FAFAFA; color: #161a24; overflow: hidden; position: relative; }
section .layout-center #content-filter ul.tabs li:hover { }
section .layout-center #content-filter ul.tabs li.active {background-color: #fff;border-right:0px; }
section .layout-center #content-filter .tab_container {  background: #fff; overflow: auto; }
section .layout-center #content-filter .tab_content {padding: 20px; display: none; }
section .layout-center #content-filter .tab_drawer_heading { display: none; }
section .layout-center #content-filter .tab_last { border-right: 1px solid #333; }


section .layout-center .filter-wrap{ line-height:40px; font-size:18px; padding:0px 0px; color:#161a24; font-weight:400; margin:30px 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:#959d9f; margin-right:35px; font-size:14px; position:relative; text-decoration: none; font-family: 'Jost', sans-serif;  }
section .layout-center .filter-wrap a::before{content:' '; opacity:0; width:100%; left:0px; bottom:-1px; height:1px; background: #161a24; position:absolute; }
section .layout-center .filter-wrap a:hover::before{opacity:1;}
section .layout-center .filter-wrap a.current{color:#161a24; font-weight:700;font-size:16px;}
section .layout-center .filter-wrap a.current::before{opacity:1;}

section .layout-center .list-banner {margin-bottom:55px;}
section .layout-center .list-banner img{width:100%;}

section .layout-center ul.subcategories{  margin:0px -9px 20px -9px; list-style: none; font-size:0px; }
section .layout-center ul.subcategories > li{display:inline-block; width:25%; box-sizing: border-box;  padding:1px 1px;}
section .layout-center ul.subcategories > li a{display:table; position:relative; width:100%; text-align:left; background: #F7F7F7; border:0px; box-sizing:border-box;  color:#161a24; font-size:14px; line-height: 20px; font-weight:500; text-decoration: none; font-family: 'Jost', sans-serif; }
section .layout-center ul.subcategories > li a:hover{ background:#E00A1E; color: #ffffff;}
section .layout-center ul.subcategories > li.current a{border-color:#E00A1E;}
section .layout-center ul.subcategories > li a > span{display:table-cell; box-sizing:border-box; vertical-align: middle; 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{width:45px; background: #ffffff url(../images/loading.gif) no-repeat center center; background-size:100% auto; padding:0px;}
section .layout-center ul.subcategories > li a > span:first-child img{width:100%;box-sizing: border-box; padding:10px;}
section .layout-center ul.subcategories > li a > span:last-child{padding:20px 30px 20px 20px; background: url(../images/svg/category-arrow.svg) no-repeat; width:auto; background-size: auto auto; background-position:  right 15px center} 
section .layout-center ul.subcategories > li a:hover > span:first-child{  -webkit-transition: all .3s;-moz-transition: all .3s; -o-transition: all .3s;transition: all .3s;}
section .layout-center ul.subcategories > li a:hover > span:last-child{background-image: url(../images/svg/category-arrow-h.svg)  }

section .layout-center ul.subcategories > li.nopicture a > span {padding:10px 15px}

section .layout-center .top-table {border-collapse:separate; border-spacing:0 5px;}
section .layout-center .top-table tr td{border-top:1px solid #DFDFDF;border-bottom:1px solid #DFDFDF; vertical-align: middle; padding:10px;}
section .layout-center .top-table .num{background:#F5F5F5; border:0px;width:60px; height:60px; padding:0px; text-align: center; color:#bfbdbd; font-size:30px;  font-weight:700;}
section .layout-center .top-table .image{border-left:1px solid #DFDFDF; padding:5px; width:50px; padding-right:;}
section .layout-center .top-table .image img{max-width:80px;}
section .layout-center .top-table .name a{font-size:16px; color:#161a24; 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 #DFDFDF; text-align:right;}
section .layout-center .top-table .availability span{font-size:12px; font-weight:500;padding-left:2px;position:relative; display:inline-block; margin-bottom: 0px;}  
section .layout-center .top-table .availability span.instock{padding-left:25px}  
section .layout-center .top-table .availability span.instock::before{position:absolute; left:0px; top:-1px; width:20px; height:20px; background: url(../images/svg/check.svg) no-repeat center center;background-size:100% 100%;  content:' ';}  
section .layout-center .top-table .price {color:#000; font-size:20px; font-weight:800; margin-top:0px; white-space:nowrap;}  
section .layout-center .top-table .original-price {color:#6d6d6d; font-size:14px; font-weight:600; position:relative;display:inline-block;}  
section .layout-center .top-table .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{display:table; width:100%; position: relative;  background: #FAFAFA; padding-top:5px; padding-bottom:5px;margin-bottom: 20px; border-top: 0px; border-bottom: 1px solid #E8E8E8; box-sizing: border-box;  position:relative;} 
section .layout-center  .breadcrumbs::before{content:' '; opacity:1; width:100%; right:100%; top:0px; height:100%; background: #FAFAFA; position:absolute; border-bottom: 1px solid #E8E8E8; box-sizing: border-box;}
section .layout-center  .breadcrumbs::after{content:' '; opacity:1; width:100%; left:100%; top:0px; height:100%; background: #FAFAFA; position:absolute; border-bottom: 1px solid #E8E8E8; box-sizing: border-box;}

section .layout-center  .breadcrumbs > ul{margin:0px 0px 0px 0px; padding:4px 0px 5px 0px; list-style:none;} 
section .layout-center  .breadcrumbs > ul li{float:left; font-size:13px; line-height: 35px; background:  url(../images/svg/breadcrumbs2.svg) no-repeat left center; padding:0 11px 0 17px; 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:#E00A1E; font-weight:400;} 
section .layout-center  .breadcrumbs > ul li a:hover{color:#E00A1E; 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:#161a24; font-weight:700; text-decoration: none;} 
section .layout-center  .breadcrumbs > ul li:last-child a:hover{color:#161a24; } 

section .layout-center .pagination {text-align: right;  margin-bottom: 40px; margin-top:70px; padding:0 0px;}
section .layout-center .pagination.v2 {margin-bottom: 40px; margin-top:-60px; margin-right:0px;}
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:15px; line-height:38px; width:38px; background: #F0F0F0; border:0px;  text-align:center; border-radius:0px; color:#000000; text-decoration: none; font-weight:400; } 
section .layout-center .pagination span{background: transparent; width:30px;border:0px;}
section .layout-center .pagination a.current{   background: rgb(168,1,17); background: -moz-linear-gradient(90deg, rgba(168,1,17,1) 0%, rgba(235,12,33,1) 100%); background: -webkit-linear-gradient(90deg, rgba(168,1,17,1) 0%, rgba(235,12,33,1) 100%); background: linear-gradient(90deg, rgba(168,1,17,1) 0%, rgba(235,12,33,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a80111",endColorstr="#eb0c21",GradientType=1);  color:#ffffff; font-weight: 700}
section .layout-center .pagination a:hover{ text-decoration: underline} 
section .layout-center .pagination a.right{width:14px; height:22px; background: transparent url(../images/svg/dalsi.svg) no-repeat right top; background-size:100%; margin-bottom:-5px; margin-left:8px; border:0px;} 
section .layout-center .pagination a.left{width:14px; height:22px; background: transparent url(../images/svg/predchozi.svg) no-repeat right top;background-size:100%; margin-bottom:-5px; margin-right:8px; border:0px;} 

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

section  .help-box{padding:30px 30px 0px 150px;background:#E0FFFF; border:1px solid #E0FFFF; position:relative; margin-top:50px;}
section  .help-box .man{position:absolute; top:-35px; left:-30px; width:155px;}
section  .help-box .box-title{font-family: 'Jost', serif; font-size:20px; font-weight:600; padding-bottom:9px;}
section  .help-box p{font-size:15px; line-height:20px;}
section  .help-box form {padding-right:175px; position:relative; margin-top:16px;}
section  .help-box .tel{display:block; width:100% !important;height:36px; font-size:15px;margin-top:10px}
section  .help-box .button{height:46px; line-height:46px !important;padding:0;border:0px; background: #000000; cursor:pointer; width:160px; box-sizing:border-box; font-family: 'Jost', serif; font-size:13px !important; font-weight:500; color:#ffffff}


section  .search-box{padding:0px; position:relative;margin-bottom:20px;}
section  .search-box .inp-text{height: 38px; color:#161a24; 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: #161a24; }
section  .search-box .inp-text:-ms-input-placeholder { /* IE 10+ */ color: #161a24; }
section  .search-box .inp-text::-moz-placeholder { /* Firefox 19+ */ color: #161a24; opacity: 1; }
section  .search-box .inp-text:-moz-placeholder { /* Firefox 4 - 18 */ color: #161a24; 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;}

section .layout-center #main{ padding-left:320px; margin-bottom: 150px; padding-top:0px; margin-top:0px; }
section .layout-center #main.full-width{ padding-left:0px;  padding:0px; margin-top:0px; margin-bottom: 0px;}
section .layout-center #main #content{display:inline-block;float:right; width:100%;  box-sizing: border-box; padding-right: 55px;}
section .layout-center #main.full-width #content{padding: 0px 50px;}
section .layout-center #main #content #aside{margin-bottom:20px; float:none; display:none;}

section .layout-center #main #aside{float:left; width:300px; margin-left:-335px; margin-top: -1px; box-sizing: border-box;  border-right:0px; position:relative; z-index: 3000; padding: 0px 20px; box-shadow: 0px 5px 49px 0px rgba(0, 0, 0, 0.06);}


section .layout-center #main .aside-title{font-size:27px; color:#161a24;  font-family: 'Jost', sans-serif; font-weight:700;  line-height: 32px; text-transform:uppercase; text-align: center; text-align:left; padding:0px 0px 12px 0px; margin:0px 0px; cursor:pointer; position:relative;  }



section .layout-center #main .aside-filter{display:block!important;background: #ffffff; padding:0px 0px 10px 0px; margin-top: -15px;}
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:50%;}
section .layout-center #main #aside .checkboxes.two-cols > li{ width:50%;}

section .layout-center #main .toggle-box{ position:relative; margin-bottom:0px; padding-top:12px; }
section .layout-center #main .toggle-box .box-title{background: url('../images/svg/down.svg') no-repeat right 6px; background-size: 13px auto;font-size:20px; color:#242424;  font-family: 'Jost', sans-serif; text-transform: uppercase; font-weight:600;  line-height: 20px; text-align: center; text-align:left; padding:0px 0px 15px 0px; margin:0px 0px; cursor:pointer; position:relative;  }
section .layout-center #main .toggle-box .box-title.active{background-image: url('../images/svg/up.svg');  }

section .layout-center #main .toggle-box img { width:auto;height:auto;max-width:100%}

section .layout-center #main #content .aside-filter{margin-bottom: 20px;}
section .layout-center #main #content  .toggle-box .box-title{font-size:13px; }


section .layout-center #main #detail .toggle-box {border-bottom:1px solid #E8E8E8; }
section .layout-center #main #detail .toggle-box .box-title{font-size:14px; font-weight:600; color:#000000 }
section .layout-center #main #detail .toggle-box p{font-size:15px; font-weight:300; color:#5d5d5d }
section .layout-center #main #detail .toggle-box .wrap{padding-top: 0px; padding-bottom: 20px;}


section .layout-center #main .toggle-box .wrap{padding:15px 0px 25px 0px; position:relative; box-sizing: border-box; }
section .layout-center #main .toggle-box .wrap.gray{background: #FAFAFA; }
section .layout-center #main .toggle-box .visible-wrap{overflow:hidden; height:auto;-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 .toggle-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 .toggle-box .more{text-align: left; }
section .layout-center #main .toggle-box .more a{color:#1D1D1D; font-size:13px;  }


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:22px; color:#828282; font-weight:500; font-family: 'Jost', sans-serif; box-sizing: border-box; border:1px solid #DFDFDF; text-align: center;text-decoration: none; background: #F5F5F5; }
section .layout-center #main #aside .menu-tabs a.current{background: #ffffff; border-bottom:1px solid #FFFFFF; color:#161a24;}
section .layout-center #main #aside .menu-tabs a:hover{color:#161a24;}
section .layout-center #main #aside .menu-tabs a:last-child{float:right; }

section .layout-center #main #aside .main-menu{  margin:0px -20px 40px -20px; text-align:left; border:0px; padding:0px;}

section .layout-center #main #aside .main-menu > a{display:block; line-height: 40px;font-family: 'Fira Sans', sans-serif; font-weight:800; font-size:18px; color:#ffffff; text-decoration: none; padding:0px 15px; margin:0px  10px 10px 10px;}
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: #41b9bd;}
section .layout-center #main #aside .main-menu > a.blue:hover{background: #46cdd1;}
section .layout-center #main #aside .main-menu > a.yellow{background: #f3c600;color:black}
section .layout-center #main #aside .main-menu > a.yellow:hover{background: #ffdc3e;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: #99b55c;}
section .layout-center #main #aside .main-menu > a.green:hover{background: #a7c663;}
section .layout-center #main #aside .main-menu > a.purple{background: #c300a5;}
section .layout-center #main #aside .main-menu > a.purple:hover{background: #da02b9;}



section .layout-center #main #aside .main-menu > ul{margin:0px; padding:0px; list-style: none; }

section .layout-center #main #aside .main-menu > ul > li{padding:0px 0px;}
section .layout-center #main #aside .main-menu > ul > li > a{line-height: 30px; padding:10px 30px  10px 30px; display:block; font-size:16px; font-weight:600; color:#ffffff; 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;  background: rgb(53,53,53); background: -moz-linear-gradient(180deg, rgba(53,53,53,1) 0%, rgba(29,29,29,1) 100%); background: -webkit-linear-gradient(180deg, rgba(53,53,53,1) 0%, rgba(29,29,29,1) 100%); background: linear-gradient(180deg, rgba(53,53,53,1) 0%, rgba(29,29,29,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#353535",endColorstr="#1d1d1d",GradientType=1); }
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:15px 0px 0px 0px; padding:0px 0px 0px 0px; list-style: none; }

section .layout-center #main #aside .main-menu > ul > li > ul > li {line-height: 120%; padding:2px 0px 2px 0px; }
section .layout-center #main #aside .main-menu > ul > li > ul > li > a{color:#5d5d5d; font-size:15px; line-height: 32px; text-decoration: none; font-weight:300; text-transform: uppercase; display:block; padding:0px 20px 0px 43px; position:relative;}
section .layout-center #main #aside .main-menu > ul > li > ul > li > a::before{opacity: 0;width:14px; height:14px; content:' '; position:absolute; left:20px; top:9px; background: url('../images/svg/circle.svg') no-repeat center center;}
section .layout-center #main #aside .main-menu > ul > li > ul > li.current > a{ text-decoration: none; font-weight:700; color:#000000 }
section .layout-center #main #aside .main-menu > ul > li > ul > li.current > a::before{opacity: 1}

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 60px; 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:#5d5d5d; font-weight:300; 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; color: #000000; font-weight: 700}

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:#161a24; 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 #main #content .aside-filter{margin-bottom: 20px;}


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 15px 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 .colors-wrap {margin:5px 0px -7px 0px; position:relative; }
section .colors {margin:0px -10px 0px -10px; position:relative; padding:0px; list-style: none;}
section .colors li {float:left; width:45%; box-sizing: border-box; position:relative; padding:0px 10px 9px 10px; font-size:15px; color:#70676a;}
section .colors li a{padding-left:27px; display:inline-block;color:#161a24;font-size:15px; text-decoration: none; white-space: nowrap;}
section .colors li span{width:15px; height:15px;  position:relative;float:left; margin-left:-26px; margin-top:3px;}
section .colors li span::before{width:23px; height:23px; border:1px solid #F4F4F4; box-sizing: border-box; content:' '; position:absolute; left:-4px; top:-4px;}
section .colors li span::after{width:21px; height:21px; border:3px solid #F4F4F4; box-sizing: border-box; content:' '; position:absolute; left:-3px; top:-3px;}
section .colors li a.current span::before{border-color:#D7CBCF;}
section .colors li a.current span::after{border-color:#ffffff;}
section .colors li a:hover span::before{border-color:#D7CBCF;}
section .colors li a:hover span::after{border-color:#ffffff;}

section .sizing-wrap {margin:0px 0px -4px 0px; position:relative; }
section .sizing {margin:0px -2px 0px -2px; position:relative; padding:0px; list-style: none;}
section .sizing li {float:left; width:20%; box-sizing: border-box; position:relative; padding:0px 2px 4px 2px; font-size:15px; color:#161a24;}
section .sizing li a{ display:block;color:#161a24;background: #fff; line-height: 28px; text-decoration: none; white-space: nowrap; border:1px solid #161a24; text-align: center;}
section .sizing li a.current {background:#161a24;color:#ffffff;}
section .sizing li a:hover {background:#161a24; color:#ffffff;}




section .layout-center #detail-wrap {background: #ffffff; padding:0px 0px 20px 0px; margin-top:0px; margin-bottom: 0px; }
section .layout-center #detail {display:table; width:100%; margin-top:60px; margin-bottom: 60px;}
section .layout-center #detail > div{display:table-cell; vertical-align: top; width: 33.3333333%}
section .layout-center #detail h1{ font-size:36px; padding-bottom:25px; font-weight:800; color: #000000}


section .layout-center #detail .right-side {padding-left: 40px;}
section .layout-center #detail .right-side .detail-subtitle {font-size: 14px; font-weight: 600; color: #000000; display: block; padding-bottom: 10px;}
section .layout-center #detail .right-side .box-wrap {padding-bottom: 35px;}
section .layout-center #detail .right-side .availability {font-size: 16px;}
section .layout-center #detail .right-side .item-variants {margin-top: 5px;}
section .layout-center #detail .right-side .price {color: #000000; line-height: 40px; font-size: 40px; font-weight: 700; position: relative; margin-top: -10px;}
section .layout-center #detail .right-side .original-price {color: #000000; line-height: 18px; font-size: 18px; font-weight: 400; text-decoration: line-through; padding-top: 3px;}
section .layout-center #detail .right-side .button {line-height: 60px; font-size: 24px; width: 100%; max-width:340px; margin-bottom:25px; }

section .layout-center #detail .right-side .socials {margin:15px -5px 0px -5px; }
section .layout-center #detail .right-side .socials > a {display: inline-block;margin:0px 5px; }
section .layout-center #detail .right-side .socials > a img {height: 27px;}

section .layout-center #detail .right-side .favorite-toggle  {line-height: 28px; color:#000000; font-size:14px; font-weight:600; position: relative; padding-left:40px; display: inline-block; }
section .layout-center #detail .right-side .favorite-toggle > span {width: 28px; height: 28px; position: absolute; left: 0px; top: 0px; background: url(../images/svg/oblibene-dark.svg) no-repeat center center;}


section .layout-center #detail .left-side {padding-right: 40px;}
section .layout-center #detail .middle {padding-right: 20px; padding-left: 20px;}


/*DETAIL MIDDLE*/

section .layout-center #detail .big-image{text-align:center;margin-top:0px;position:relative}
section .layout-center #detail .big-image img{width:auto;max-width:100%;max-height:500px}
section .layout-center #detail .tag{left: 0px;}


section .layout-center #detail .gallery{margin:12px -10px 0}

section .layout-center #detail .gallery .item{padding:10px;width:25%;float:left;box-sizing:border-box}
section .layout-center #detail .gallery .item.invisible{display:none}
section .layout-center #detail .gallery .item a{display:block; padding:0px;position:relative;-webkit-transition:all .3s ease!important;-moz-transition:all .3s ease!important;-o-transition:all .3s ease!important;-ms-transition:all .3s ease!important;transition:all .3s ease!important}
section .layout-center #detail .gallery .item a>span,section .layout-center #detail .gallery .item.more-items strong>span i{-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 #detail .gallery .item a>span{position:absolute;box-sizing:border-box;height:100%;width:100%;left:0;top:0;opacity:0;border:1px solid #1D1D1D;transition:all .3s ease!important}
section .layout-center #detail .gallery .item a>img{width:100%;box-sizing:border-box; border-radius:5px;}
section .layout-center #detail .gallery .item a:hover{box-shadow: 0px 12px 27px 0px rgba(0, 0, 0, 0.14); z-index: 5000;}
section .layout-center #detail .gallery .item.more-items a>span{opacity:1;text-align:center;box-sizing:border-box;padding:10px; border-radius:0px;background:#ffffff; border:1px solid #E00A1E; box-shadow: 4.243px 4.243px 8px 0px rgba(153, 123, 156, 0.1);}
section .layout-center #detail .gallery .item.more-items strong{height:100%;width:100%;display:table}
section .layout-center #detail .gallery .item.more-items strong>span{display:table-cell;vertical-align:middle}
section .layout-center #detail .gallery .item.more-items strong>span i{font-style:normal;color:#E00A1E;font-size:15px;display:block;font-weight:300;padding-top:10px;transition:all .3s ease!important}
section .layout-center #detail .gallery .item.more-items a:hover strong>span i{color:#E00A1E}



.free-delivery {background: url(../images/svg/free-delivery.svg) no-repeat 15px center; color:#99B55C !important; border:2px solid #99B55C;text-align:left; padding:8px 10px 8px 65px !important;line-height: 20px;display:inline-block;}
.free-delivery strong {white-space: nowrap;}
.free-delivery {margin-top:20px;-o-border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-ms-border-radius: 3px;border-radius: 3px;}
.popup_body .free-delivery, .free-delivery.nomarg {margin-top:5px}



section .layout-center .detail-layout  {display: table; width: 100%;}
section .layout-center .detail-layout > div  {display: table-cell;vertical-align: top;}
section .layout-center .detail-layout > div:first-child {padding-right:40px; }
section .layout-center .detail-layout > div:last-child {width:475px; }

section .layout-center .tabs1  {border:0;margin-top:0px; margin-bottom:0px;}
section .layout-center .tabs1 .tab-container .etabs{margin:0px 0px 0px 0px;  padding:0px 0 0 0 ; list-style: none;   text-align:center;  position:relative; z-index:5000; font-size: 0px; }
section .layout-center .tabs1 .tab-container .etabs li{display:inline-block; vertical-align: top;width:25%;  padding:0px 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:#a3a3a3; position:relative; display:block; text-align: center;  margin:0px 0px 0px 0px; float:none; white-space:nowrap; position:relative;  font-weight:800; font-family: "Jost", arial, sans-serif; background:#FFFFFF; font-size:20px; line-height:80px;border-bottom: 2px solid #EDEDED;   text-decoration:none;    padding:0 25px;  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:0px; top:2px;width:28px; line-height: 28px; border-radius: 28px; background: #E00A1E; color:#161a24; font-size:16px;font-family: "Jost", 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: none; color:#000000; }
section .layout-center .tabs1 .tab-container .etabs li a::before {content: ' '; opacity: 0; height: 4px; width: 100%; position: absolute; left: 0px; bottom: -2px; -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;  background: rgb(168,1,17); background: -moz-linear-gradient(90deg, rgba(168,1,17,1) 0%, rgba(236,12,33,1) 100%); background: -webkit-linear-gradient(90deg, rgba(168,1,17,1) 0%, rgba(236,12,33,1) 100%); background: linear-gradient(90deg, rgba(168,1,17,1) 0%, rgba(236,12,33,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a80111",endColorstr="#ec0c21",GradientType=1); }
section .layout-center .tabs1 .tab-container .etabs li a.active::before {opacity: 1}
section .layout-center .tabs1 .tab-container .etabs li a.active {  color:#000000;  z-index: 1000; font-size:20px;  }
section .layout-center .tabs1 .tab-container .etabs li a.active:hover {color:#000000;  z-index: 1000   }
section .layout-center .tabs1 .tab-container .cont {padding:0px 0px 0px 0px; background: transparent; border:0px;} 

section .layout-center #detail-wrap .tabs1{margin-bottom:50px;}
section .layout-center #detail-wrap .tabs1 .tab-container .etabs{margin:0px 0 0px 0; }
section .layout-center #detail-wrap .tabs1 .tab-container .cont {border:0px; padding:70px 0px 0px 0px; } 
section .layout-center #detail-wrap .tabs1 .tab-container .etabs li {width: 50%}
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{background:#ffffff;}
section .layout-center #detail-wrap .tabs1 .tab-container .etabs li a.active{background:#ffffff;}
section .layout-center #detail-wrap .tabs1 .tab-container .etabs li a.active::before {}
section .layout-center #detail-wrap .tabs1 .tab-container .cont p {color:#161a24; font-size:14px; line-height:180%; font-weight:400; padding:0px 0px 1.5em 0px;}
section .layout-center #detail-wrap .tabs1 .tab-container .cont ul  {list-style:none;padding:0px; margin:10px 0px 10px 10px;}
section .layout-center #detail-wrap .tabs1 .tab-container .cont ul li {color:#161a24; 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; }
section .layout-center #detail-wrap table.data-table tr td{ font-size:15px; color:#161a24; line-height:20px; padding:15px 30px;  font-weight:400; vertical-align: middle;}
section .layout-center #detail-wrap table.data-table tr td:first-child{text-align:left; white-space: normal; padding-right:0px;font-weight:700; color:#161a24;}
section .layout-center #detail-wrap table.data-table tr:nth-child(odd) td{background: #F0F1F2;}




section #top-banner{min-height:471px; box-sizing:border-box;color:#ffffff;position:relative; background-color: #000000; background-size:cover;background-position: center; display: flex; align-items: center; justify-content: center; }
section #top-banner h1{color:#ffffff;  font-size:50px; text-align:center;}
section #top-banner p{color:#ffffff; font-weight:400; font-size:16px; line-height:150%; padding-bottom:1.5em}
section #top-banner .layout-center{width:100%; text-align:center; }
section #top-banner .banner-box {position:relative; }
section #top-banner .banner-box > div {position:relative; z-index:3000; padding:35px 100px; }
section #top-banner .banner-box::before {position:absolute; left:0; top:0; height:100%; width:100%; background: #181818; opacity:0.9; content:' '}
section #top-banner .banner-box h1{color:#ffffff; font-size:75px; margin:0px; padding:0px; }
section #top-banner .button-wrap{position:absolute; left:0; bottom:-37px; width:100%; text-align:center; }
section #top-banner .button-wrap .button{font-size:24px;}


section #top-banner.about-shopping-banner {min-height:480px; padding-bottom:30px; background-size: auto 100%;  background-repeat:no-repeat; background-position:right center; text-align:left;}
section #top-banner.about-shopping-banner .layout-center{max-width:1500px;  }
section #top-banner.about-shopping-banner .layout-center .box-wrap{text-align:left; max-width:45%}
section #top-banner.about-shopping-banner .layout-center .box-wrap h1{text-align:left; padding-bottom:0.8em}
section #top-banner.about-shopping-banner .layout-center .box-wrap p{padding-bottom:0.6em; font-size:18px; line-height: 200%; color:#dad5d5}
section #top-banner.about-shopping-banner .layout-center .box-wrap p.big{font-size:26px; line-height:150%; font-weight:700; color:#ffffff}



.big-menu  {margin:-20px 0 30px 0; position:relative; z-index: 7000}
.big-menu ul {list-style:none; display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between; padding: 10px; }
.big-menu ul li {flex: 1 1 calc(20% - 10px); height: 290px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; }       
.big-menu ul li a {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; text-decoration: none; color: inherit; flex-direction: column;padding:20px; border: 1px solid #E8E8E8; box-sizing: border-box; font-size:20px; font-weight:800;}
.big-menu ul li a span{display:block; padding-bottom:40px;}
.big-menu ul li a span img{height:75px;}
.big-menu ul li a strong{display:block;}
.big-menu ul li a:hover {box-shadow: 0px 31px 79px 0px rgba(61, 61, 61, 0.2); border-color: #ffffff}





section #top-banner.about-banner { padding-bottom:57px; background-size: auto 100%;  background-repeat:no-repeat; background-position:right center; text-align:left;}
section #top-banner.about-banner h1 {text-align:left; padding-bottom:10px;}
section #top-banner.about-banner div {text-align:left;}
section #top-banner.about-banner p {text-align:left; padding:0; font-size:20px;}
section #top-banner.about-banner p.p1 {font-size:30px; line-height: 150%; font-weight:400 }
section #top-banner.about-banner p.p1.padding {padding-left:60px;}
section #top-banner.about-banner .layout-center{max-width:1500px;  }
section #top-banner.about-banner .stroke-text{ font-size:107px; color:white; position:relative;}
section #top-banner.about-banner .stroke-text::before{z-index:1; height:530px; width:530px; content:' ';transform: translate(-50%, -50%); background: url('../images/glow.png') no-repeat center center; position:absolute; left:100px; top:50%;}




.title-line{padding-bottom:13px; }
.title-line::before{width:54px; height:4px; position:absolute; bottom:0; left:0; content:''; background-image: -moz-linear-gradient( 0deg, rgb(168,1,17) 0%, rgb(236,12,33) 100%); background-image: -webkit-linear-gradient( 0deg, rgb(168,1,17) 0%, rgb(236,12,33) 100%); background-image: -ms-linear-gradient( 0deg, rgb(168,1,17) 0%, rgb(236,12,33) 100%);}
section #about-shopping-page h2{font-size:40px; font-weight:800; margin:0 0 20px 0; color:#181818;   position:relative;}
section #about-shopping-page h3{font-size:22px; font-weight:700; margin:0 0 15px 0; padding:0; color:#181818;   position:relative;}
section #about-shopping-page h3 span{font-weight:400}
section #about-shopping-page p{color:#565656; font-size:16px; line-height:160%; font-weight:400; padding:0 0 1em 0}
section #about-shopping-page p strong{color:#181818; }
section #about-shopping-page .price-table{margin:-10px 0 40px 0; padding:0; width:100%;}
section #about-shopping-page .price-table tr td{padding:4px 0; font-size:16px; color:#181818; line-height:160%; border-top:1px solid #E8E8E8; }
section #about-shopping-page .price-table tr:first-child td{border-top:0}
section #about-shopping-page .free-delivery-box{padding:20px; margin-top:-15px; text-align:center; background: #F7F8F8; color:#1d2023; font-size:24px; font-weight:600;   }
section #about-shopping-page .padding-wrap{padding-bottom:25px;}

section #about-shopping-page .side-p{padding-left:124px;}
section #about-shopping-page .grey-section{background: #F7F7F8; margin:120px 0 430px 0 }
section #about-shopping-page .grey-section h2{font-size:40px; fon-weight:800}
section #about-shopping-page .grey-section ul{margin:30px 0px 0 0; padding:0px; list-style:none; display: grid; grid-template-columns: auto auto; grid-gap:20px 50px ;}
section #about-shopping-page .grey-section ul li{padding:0px 0px 0px 70px; margin:0; position:relative; text-align:left; }
section #about-shopping-page .grey-section ul li p{line-height:160%; padding:0; margin:0}
section #about-shopping-page .grey-section ul li .num{position:absolute; left:0; top:-5px}
section #about-shopping-page .grey-section .delivery-box{padding:60px 0 40px 124px}
section #about-shopping-page .grey-section .gls-image{text-align:right}
section #about-shopping-page .grey-section .gls-image img{max-width:100%;}
section #about-shopping-page .grey-section .padding-wrap{padding:0 124px;}
section #about-shopping-page .grey-section .padding-wrap ul{grid-template-columns:auto; margin-top:45px; margin-bottom:100px; }
section #about-shopping-page .grey-section .padding-wrap ul li{padding-bottom:10px;}
section #about-shopping-page .grey-section .padding-wrap ul h4{font-weight:700; font-size:22px; padding:0; margin:0 0 10px 0}
section #about-shopping-page .grey-section .padding-wrap ul h4 span{font-weight:400; }
section #about-shopping-page .grey-section .photo{height:330px; position:relative;}
section #about-shopping-page .grey-section .photo img{max-width: 100%}

section #about-shopping-page .delivery-company{background: #ffffff;  padding:20px 35px; margin:10px 0 30px 0}
section #about-shopping-page .delivery-company h3{color:#181818; font-size:22px; font-weight:700; padding:0; margin:0px 0px 15px 0 }
section #about-shopping-page .delivery-company h3 span{padding-left:15px;}
section #about-shopping-page .delivery-company h3 span img{position:relative; top:-3px;}
section #about-shopping-page .delivery-company p{color:#565656; line-height: 150%}

section #about-shopping-page .info-layout{display: flex; align-items: flex-start; flex-shrink: 0; flex-grow: 1; gap:10px;}
section #about-shopping-page .info-layout > div{text-align:left; flex:1 }
section #about-shopping-page .info-layout > div .big-link{ display:block;position:relative; color:#ffffff; height:80px; font-size:26px; font-weight:700; padding: 20px 50px; margin: 15px 0 40px 0; display: flex; align-items: center; justify-content: left; background-image: -moz-linear-gradient( 0deg, rgb(29,29,29) 0%, rgb(53,53,53) 100%); background-image: -webkit-linear-gradient( 0deg, rgb(29,29,29) 0%, rgb(53,53,53) 100%); background-image: -ms-linear-gradient( 0deg, rgb(29,29,29) 0%, rgb(53,53,53) 100%);}
section #about-shopping-page .info-layout > div a.big-link{text-decoration:none;background-image: -moz-linear-gradient( 0deg, rgb(168,1,17) 0%, rgb(236,12,33) 100%); background-image: -webkit-linear-gradient( 0deg, rgb(168,1,17) 0%, rgb(236,12,33) 100%); background-image: -ms-linear-gradient( 0deg, rgb(168,1,17) 0%, rgb(236,12,33) 100%);}
section #about-shopping-page .info-layout > div .big-link::after{width:30px; height:100%; content:' '; background: url('../images/svg/link-down.svg') no-repeat center center; position:absolute; right:40px; top:0}
section #about-shopping-page .info-layout > div a.big-link::after{ background-image: url('../images/svg/link-right.svg') }
section #about-shopping-page .info-layout > div a.big-link:hover{text-decoration:underline;}
section #about-shopping-page .info-layout > div .wrap{padding-right:15%;}

section #about-page h3{font-size:30px; font-weight:800; margin:0; padding:10px 0px 0.8em 0px;}
section #about-page p{font-size:16px; font-weight:400; color:#565656; padding-bottom:1.5em}
section #about-page p strong{color:#181818}
section #about-page p.big{color:#181818; font-size:24px; line-height: 160%; font-weight:700}
section #about-page .line-wrap{position:relative;}
section #about-page .line-wrap.v2{height:160px;}
section #about-page .line-wrap img{position:relative;z-index: 1000;}
section #about-page .side-line{color:#ffffff;text-align: left; line-height:160px; box-sizing: border-box; height:160px; display:block;font-size:50px; font-weight:800; background: #A80111; border-radius:0px 160px 160px 0; position:relative; position:absolute; left:0; top:50%; margin-top:-80px; z-index: 1; width:100%;   background-image: -moz-linear-gradient( 0deg, rgb(168,1,17) 0%, rgb(236,12,33) 100%); background-image: -webkit-linear-gradient( 0deg, rgb(168,1,17) 0%, rgb(236,12,33) 100%); background-image: -ms-linear-gradient( 0deg, rgb(168,1,17) 0%, rgb(236,12,33) 100%);}
section #about-page .side-line > span{position:absolute; right:100%; top:0; line-height: 160px; z-index: 1500; white-space: nowrap; margin-right:-95px;}
section #about-page .side-line::before{position:absolute; right:100%; top:0; height:100%; width:100%; background: #A80111; content:' ' }

section #about-page .line-wrap.v2 .side-line{border-radius: 160px 0 0 160px; background: #CD2027 url(../images/line.png) no-repeat left center; padding-left:270px; margin-top:0px;}
section #about-page .line-wrap.v2 .side-line::before{left:100%; right:0; top:0; background: #CD2027;  }

section .about-photo{padding:70px 0px;}
section .about-photo img{max-width: 100%}

section .benefits-section{background: #F8F8F8; padding:70px;}
section .benefits-section h2{font-size:40px; fon-weight:800}
section .benefits-section ul{margin:30px 0px 0 0; padding:0px; list-style:none; display: grid; grid-template-columns: auto auto; grid-gap:20px 50px ;}
section .benefits-section ul li{padding:0px 0px 0px 70px; margin:0; position:relative; text-align:left; }
section .benefits-section ul li p{line-height:160%; padding:0; margin:0}
section .benefits-section ul li .num{position:absolute; left:0; top:-5px}




section #top-banner.contact-banner { padding-bottom:57px; background-size: auto 100%;  background-repeat:no-repeat; background-position:right center;}
section #top-banner.contact-banner .row{  margin:50px -20px 0px -20px }
section #top-banner.contact-banner .row > div{font-size:18px; font-weight:400; white-space:nowrap; padding:0px 20px;}
section #top-banner.contact-banner .row > div .info{font-size:16px; font-weight:300; padding-top:5px;}
section #top-banner.contact-banner .row > div img{position:absolute; top:2px}
section #top-banner.contact-banner .row > div .wrapper{position:relative;}
section #top-banner.contact-banner .row > div.a-left .wrapper{padding-right:120px; text-align:right; }
section #top-banner.contact-banner .row > div.a-left .wrapper img{right:0;}
section #top-banner.contact-banner .row > div.a-right .wrapper{padding-left:120px;}
section #top-banner.contact-banner .row > div.a-right .wrapper img{left:0}
section #top-banner.contact-banner .tel{ font-weight:700; font-size:30px; line-height:30px; display:inline-block;margin-top:5px; text-decoration:none!important}
section #top-banner.contact-banner .tel a,
section #top-banner.contact-banner .tel{ color:#ffffff; text-decoration:none!important; cursor:text!important}
section #top-banner.contact-banner .mail{ font-weight:700; font-size:25px; line-height:30px; color:#ffffff;  display:inline-block;margin-top:5px; text-decoration:none!important }
section #top-banner.contact-banner .mail a,
section #top-banner.contact-banner .mail{ color:#ffffff; text-decoration:none!important ;cursor:text!important}
section #top-banner.contact-banner .open{  font-size:14px; display:block; padding-bottom:25px; }

section #top-banner.contact-banner ul{list-style:none; padding:0; margin:0px 0px 25px 0px}
section #top-banner.contact-banner ul li {padding-bottom:13px;}
section #top-banner.contact-banner ul li a{font-size:16px; font-weight:800; color:#ffffff; letter-spacing:1px;}
section #top-banner.contact-banner .button{line-height:70px; width:100%; max-width:330px;}
section #top-banner.contact-banner .button:hover{background: #E03230;}
section #top-banner.contact-banner .layout-center{padding-top:30px; padding-bottom:30px;}


section .layout-center .p-big{font-size:24px; line-height:160%; color:#000000; font-weight:400;}
section .layout-center .contact-block{ margin:50px -17px 80px -17px; font-size:0; text-align:center; }
section .layout-center .contact-block .item{display:inline-block; width:33.33333%; padding:17px; box-sizing:border-box; vertical-align:top; }
section .layout-center .contact-block .item .wrap{background: #FCFCFC; border:1px solid #EBEBEB; padding:30px; position:relative; font-size:16px; text-align:left; display:table; width:100%; box-sizing:border-box;}
section .layout-center .contact-block .item .wrap .more-info{position:absolute; right:0; bottom:0; line-height:45px; font-weight:bold; font-size:14px; color:#ffffff; text-decoration:none; padding:0px 20px; width:100%; box-sizing:border-box; max-width: 170px; background:#000000; border-top-left-radius:22px;  }
section .layout-center .contact-block .item .wrap .more-info:hover{background: #323232;}
section .layout-center .contact-block .item .wrap .job{font-size:13px;  font-weight:bold; color:#ffffff; background:#CF071A; line-height:25px;display:inline-block; box-sizing:border-box; padding:0px 8px;}
section .layout-center .contact-block .item .wrap .name{font-size:20px; font-weight:bold;  padding-top:10px;}
section .layout-center .contact-block .item .wrap .tel{ font-weight:500; text-decoration:none; display:inline-block; padding-top:10px; padding-bottom:10px; }
section .layout-center .contact-block .item .wrap .tel:hover{text-decoration:underline;}
section .layout-center .contact-block .item .wrap .email{text-decoration:underline; color:#e00b1d; font-weight:500}
section .layout-center .contact-block .item .wrap .email:hover{text-decoration:none;}

section .layout-center .contact-block .item .wrap > div{ display:table-cell; vertical-align:middle; }
section .layout-center .contact-block .item .wrap > div:first-child{width:170px;}


section .layout-center #contact-page{padding-top:20px;}
section .layout-center #contact-page .contact-info{display:table; margin:0px auto 50px auto;text-align:left; width:100%; max-width:1230px; }
section .layout-center #contact-page .contact-info > div{display:table-cell; vertical-align:top; }
section .layout-center #contact-page .contact-info > div:last-child{width:370px; padding-left:80px;}
section .layout-center #contact-page .contact-info > div p{color:#181818}
section .layout-center #contact-page .contact-info h2{font-size:30px; font-weight:bold; padding-bottom:20px}
section .layout-center #contact-page .contact-info p{line-height:160%}


.contact-photo{max-width:100%;}



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

.spinner-wrap{padding-left:190px; display:block; position: relative; font-size:0px; }
.spinner {width:130px;  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:#161a24; font-size:20px; font-weight:700; 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:60px; 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;box-shadow: 1.575px 6.821px 13px 0px rgba(0, 0, 0, 0.09); 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;  }
.input-group-btn-vertical > .btn:last-child {left:-24px; top:0px; background-image: url(../images/svg/spinner-minus.svg); background-position: center center;   }
.input-group-btn-vertical > .btn:hover {background-color: #ffffff} 
.input-group-btn-vertical i{display:block; margin-top:2px;  font-size:13px;}


.spinner-wrap.small{padding-left:0; display:block; position: relative; font-size:0px; }
.spinner-wrap.small .spinner {width:130px;  position:relative; left:0; top:0px; margin:0px 0px 0px 0px; display:inline-block; float:left; }
.spinner-wrap.small .spinner input {-webkit-appearance: none; -moz-appearance: none; appearance: none;text-align: center; box-sizing: border-box;border:0; border-radius:0px; background:#ffffff; padding:0 0px 0px 0px!important; height:44px; width:100%!important; margin:0; display:inline; color:#292f3f; font-size:15px; font-weight:400; position:relative;}
.spinner-wrap.small .input-group-btn-vertical > .btn {position:absolute; height:44px; width:44px; border:0; background-position: center center; background-repeat:no-repeat; background-size:15px auto;border-radius:0px;  text-align:center;    background-color:#F0F1F2; box-sizing: border-box; cursor:pointer;box-shadow: none; 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:0px; top:0px; background-image: url(../images/svg/spinner-plus.svg); background-position: center center;  }
.input-group-btn-vertical > .btn:last-child {left:0px; top:0px; background-image: url(../images/svg/spinner-minus.svg); background-position: center center;   }

.spinner-wrap.medium{padding-left:0; display:block; position: relative; font-size:0px; padding-left:165px;}
.spinner-wrap.medium .spinner {width:160px;  position:absolute; left:0; top:0px; margin:0px 0px 0px 0px; display:inline-block; float:left; }
.spinner-wrap.medium .spinner input {-webkit-appearance: none; -moz-appearance: none; appearance: none;text-align: center; box-sizing: border-box;border:0; border-radius:0px; background:#ffffff; padding:0 0px 0px 0px!important; height:54px; width:100%!important; margin:0; display:inline; color:#292f3f; font-size:15px; font-weight:400; position:relative;}
.spinner-wrap.medium .input-group-btn-vertical > .btn {position:absolute; height:54px; width:54px; border:0; background-position: center center; background-repeat:no-repeat; background-size:15px auto;border-radius:0px;  text-align:center;    background-color:#F0F1F2; box-sizing: border-box; cursor:pointer;box-shadow: none; 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;}


.spinner-wrap.v3{padding-left:0; display:inline-block; position: relative; font-size:0px; padding-left:135px;}
.spinner-wrap.v3 .spinner {width:130px;  position:absolute; left:0; top:0px; margin:0px 0px 0px 0px; display:inline-block; float:left; }
.spinner-wrap.v3 .spinner input {-webkit-appearance: none; -moz-appearance: none; appearance: none;text-align: center; box-sizing: border-box;border:0; border-radius:0px; background:#ffffff; padding:0 0px 0px 0px!important; height:44px; width:100%!important; margin:0; display:inline; color:#292f3f; font-size:15px; font-weight:400; position:relative;}
.spinner-wrap.v3 .input-group-btn-vertical > .btn {position:absolute; height:44px; width:44px; border:0; background-position: center center; background-repeat:no-repeat; background-size:15px auto;border-radius:0px;  text-align:center;    background-color:#F0F1F2; box-sizing: border-box; cursor:pointer;box-shadow: none; 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;}


section .layout-center  .noUi-horizontal{height:5px;box-sizing:border-box;border:0px; }
section .layout-center  .noUi-background{background: #000000; box-shadow:none; border-radius: 0px;border:1px solid #000000; border-right:0px;margin:-1px 0px;}
section .layout-center  .noUi-origin{border-radius:0;border-right:1px solid #000000;}
section .layout-center  .noUi-connect{ background: rgb(168,1,17); background: -moz-linear-gradient(90deg, rgba(168,1,17,1) 0%, rgba(235,12,33,1) 100%); background: -webkit-linear-gradient(90deg, rgba(168,1,17,1) 0%, rgba(235,12,33,1) 100%); background: linear-gradient(90deg, rgba(168,1,17,1) 0%, rgba(235,12,33,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a80111",endColorstr="#eb0c21",GradientType=1);  box-shadow:none; border:0px; margin:-1px 0px; }
section .layout-center  .noUi-connect::before{ background: rgb(168,1,17); background: -moz-linear-gradient(90deg, rgba(168,1,17,1) 0%, rgba(235,12,33,1) 100%); background: -webkit-linear-gradient(90deg, rgba(168,1,17,1) 0%, rgba(235,12,33,1) 100%); background: linear-gradient(90deg, rgba(168,1,17,1) 0%, rgba(235,12,33,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a80111",endColorstr="#eb0c21",GradientType=1);  height:2px; width:100%; position:absolute; left:0; top:-1px; content:;}
section .layout-center  .noUi-handle{width:29px; height:29px; overflow:hidden; background: url(../images/svg/plus-noui.svg) no-repeat center center  ; box-shadow:none; border:0px; box-sizing:border-box; border-radius:0px; cursor:pointer;}
section .layout-center  .noUi-handle::before{display:none;}
section .layout-center  .noUi-handle::after{display:none;}
section .layout-center  .noUi-handle-lower{left:-1px;top:-12px; background: url(../images/svg/minus-noui.svg) no-repeat center center  ;}
section .layout-center  .noUi-handle-upper{left:auto;right:25px;top:-13px;}
section .layout-center  .noUi-val{display:block; white-space: nowrap;color:#000000; font-weight:400; font-size:16px;   text-align: center; }
section .layout-center  .value-box{margin-top: 25px; }
section .layout-center  .value-left { float:left;}
section .layout-center  .value-right { float:right;}

section .layout-center  .nouislider{margin:15px 0px 40px 0px; font-size:16px; color:#000000; }





footer{margin:-1px 0px -1px 0px;  padding:0px 0 0 0;  background: #000000 ; background-size:100% auto; float:left; width:100%; position:relative;} 
footer .layout-center{z-index:3500; padding-top:0px; padding-bottom:0px;} 
footer .bg{background: url(../images/footer-bg.jpg) no-repeat right bottom -20px;} 


footer .newsletter{ background-size: auto 100%; padding:0px;border-radius:0px;   position:relative; margin-top:80px; margin-bottom:20px;}  
footer .newsletter .border{ padding:0px 0px;}  
footer .newsletter .cont{display:table; width:100%;} 
footer .newsletter .cont > div{display:table-cell; vertical-align: top;} 
footer .newsletter .cont > div:first-child{ color:#a5cbf0; font-weight:400; padding-right:40px; padding-left:0px; white-space: nowrap; width:350px;}  
footer .newsletter .cont > div:last-child{padding-right:0px; text-align:right; width:180px; }  
footer .newsletter .cont > div:first-child p{font-size:18px;line-height: 100%; color:#ffffff; font-weight:400; margin:0px; padding:0px; } 
footer .newsletter .cont > div:first-child strong{font-size:50px;line-height: 100%; color:#ffffff; display:block; font-weight:800; font-family: "Jost", arial, sans-serif;  display:block; padding-top:0px; padding-bottom:5px; letter-spacing: 0px;} 

footer .newsletter .cont .check-wrap { padding-top:10px; }
footer .newsletter .cont .check-wrap .pure-checkbox label {font-size:16px;font-weight:300; color:#ffffff; font-style:italic;}
footer .newsletter .cont .check-wrap .pure-checkbox:hover label {font-weight:300;}


footer .newsletter .cont .check-wrap .pure-checkbox input[type="checkbox"] + label::before{background: #fff;}
footer .newsletter .cont .check-wrap .pure-checkbox input[type="checkbox"]:checked + label::before{background: #fff;}

footer .newsletter .cont .check-wrap .pure-checkbox input[type="checkbox"]:checked + label::before,
footer .newsletter .cont .check-wrap .pure-checkbox input[type="checkbox"]:hover + label::before{border-color:#B5B5B5;}

footer .newsletter .cont .check-wrap .pure-checkbox input[type="checkbox"] + label::after{border-color:#000000;}

footer .newsletter .cont .wrap  p{ padding:0px; margin:0px auto; position:relative; padding-right:155px; box-sizing:border-box; color:#ffffff; padding-bottom: 0px; }
footer .newsletter .cont .wrap  .info{font-size: 16px; color:#ffffff; font-weight: 300; font-style: italic; line-height: 125%; margin-top:17px; }
footer .newsletter .cont .wrap  {  color:#ffffff; max-width:580px; margin:0px auto; padding:0px 30px;}
footer .newsletter .cont   a{  color:#ff0018; }
footer .newsletter .cont   label{font-size:12px; color:#000000; line-height: 160%; }
footer .newsletter .cont .wrap  p #email_news{background: #ffffff  ; box-sizing: border-box;  width:100%;   border:0px; border-radius: 0px;  height:55px; border-radius: 50px; padding:0 25px 0 25px; font-size:18px; color:#000000; font-style:italic; font-family:'Jost', sans-serif; font-weight:700 !important; -webkit-box-shadow: inset 2px 2px 4px 0px rgba(0,0,0,0.03); -moz-box-shadow: inset 2px 2px 4px 0px rgba(0,0,0,0.03); box-shadow: inset 2px 2px 4px 0px rgba(0,0,0,0.03);}
footer .newsletter .cont .wrap  p #email_news::-webkit-input-placeholder { /* Chrome */ color: #cfcfcf; }
footer .newsletter .cont .wrap  p #email_news:-ms-input-placeholder { /* IE 10+ */ color: #cfcfcf; }
footer .newsletter .cont .wrap  p #email_news::-moz-placeholder { /* Firefox 19+ */ color: #cfcfcf; opacity: 1; }
footer .newsletter .cont .wrap  p #email_news:-moz-placeholder { /* Firefox 4 - 18 */ color: #cfcfcf; opacity: 1; }
footer .newsletter .cont .wrap  p  button.button{ box-sizing: border-box; position:absolute; right:0px; top:0px; width:150px; min-width: auto; line-height: 55px; border:0px; border-radius: 50px; border-bottom-right-radius: 0px;font-size:15px; padding:0px; font-weight:700; color:#ffffff;}

footer .container-wrap{padding-right: 500px;} 
footer .container{ margin:80px auto 80px 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:200%; font-size:14px;  padding:0 0 0px 0; margin-bottom:20px;   font-family: 'Jost', sans-serif; font-weight:300; } 

footer .layout-center .col.contact p.title{margin-bottom:0px;padding-bottom:3px; font-size:30px; margin-top:-5px;} 
footer .layout-center .col.contact p{ line-height: 24px!important; margin-bottom:0px; } 
footer .layout-center .col.contact .tel{padding:0px 0px 0px 42px; margin-bottom:0px; margin-top:30px; margin-left:16px; display:inline-block;  font-weight:400; color:#ffffff; white-space: nowrap; text-decoration:none; font-size:14px; line-height: 100%; background: url(../images/svg/tel.svg) no-repeat left center; background-size:29px auto;}
footer .layout-center .col.contact .tel strong{display:block; font-weight:700; font-size:18px; color:#ffffff;padding-bottom:8px;}
footer .layout-center .col.contact .tel span{display:block;}

footer .layout-center .col.contact .email{padding:0px 0px 0px 42px; margin-bottom:0px; margin-top:30px;margin-left:16px; display:inline-block;  font-weight:300; color:#ff0018; white-space: nowrap; text-decoration:none; font-size:18px; line-height:22px; background: url(../images/svg/mail.svg) no-repeat left center; background-size:29px auto;}
footer .layout-center .col.contact .email span{display:block; color:#ffffff; font-size:15px; font-weight:300; }
footer .layout-center .col.contact .email span.u{display:block; color:#ff0018; font-size:18px; text-decoration:underline; }

footer .layout-center .col.contact .opening{padding:0px 0px 0px 42px; margin-bottom:0px; margin-top:30px;margin-left:16px; display:inline-block;  font-weight:300; color:#ffffff; white-space: nowrap; text-decoration:none; font-size:15px; line-height: 100%; background: url(../images/svg/oteviracka.svg) no-repeat left center; background-size:29px auto;}
footer .layout-center .col.contact .opening strong{ font-weight:700; font-size:18px; color:#ffffff;padding-top:8px;}
footer .layout-center .col.contact .opening span{display:block;padding-bottom:6px;}

footer .layout-center .col.contact .partners {margin-top: 60px;}
footer .layout-center .col.contact .partners a {display: inline-block; margin-right: 20px; margin-bottom: 15px;}

footer .container .col p.space,
footer .container .col p.title{ font-family: "Jost", arial, sans-serif; color:#ffffff; font-size:24px;line-height: 100%; font-weight:300; text-align: left; border:0px; margin:0px 0px 30px 0px; padding:0px 0px 0px 0px;} 
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 p {color:#b1b1b1; font-size:14px; font-weight:500;} 
footer .container .col p span{color:#ffffff;} 
footer .container .col  strong{ font-weight:700; color:#b9beca;} 

footer .container .col ul{margin:0px; padding:0px; list-style: none; } 
footer .container .col ul li{ padding:5px 0px 10px 0px;line-height: 20px; } 
footer .container .col ul li a{ font-size:14px;  color:#b1b1b1; text-decoration: none; font-weight:400;white-space: nowrap;} 
footer .container .col ul li a:hover{  text-decoration: underline; } 

footer .container .col .button{line-height:40px; padding:0px 22px; margin-top:15px; font-size:19px;} 


footer .socials {margin:10px -10px;}
footer .socials a{display:inline-block; text-align:center; border-radius:0px;  margin:0px 10px; }
footer .socials a img{position:relative; top:-2px;height:46px;}

footer .box{display:table; background: transparent;  width:100%; height:170px;position:relative;}
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;}
footer .copyright{ font-size:14px; font-weight:300; color:#ffffff; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
footer .copyright strong{font-weight:700; color:#ffffff;}
footer .copyright span{ color:#F7602B;}

footer .footer-logo {text-align: center; padding:0px 30px;}
footer .footer-logo  img{max-width:100%;}

footer .logos { margin-top:10px; margin-bottom:0px; text-align:right;}
footer .logos a{position:relative; bottom:0px;}
footer .logos .shopion{width:98px; margin-right:20px; height:34px; display:inline-block; background: url(../images/svg/shopion-logo.svg) no-repeat center center; background-size:100% 100%;}
footer .logos .vortex{width:94px;height:34px; display:inline-block; background: url(../images/svg/vortex-logo.svg) no-repeat center center; background-size:100% 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:80px; height:80px; top:0;  margin-top:0px; opacity:0.4; display:inline-block; background-color: #ffffff}
section .bx-wrapper .bx-controls-direction a:hover{ opacity:1;}
section .bx-wrapper .bx-prev{width:80px;height:80px; left:auto; right:81px; background: url(../images/svg/bx-left.svg) no-repeat center center; }
section .bx-wrapper .bx-next{width:80px; right:0;  height:80px; background: url(../images/svg/bx-right.svg) no-repeat center center;}
section .bx-wrapper .bx-next:focus,
section .bx-wrapper .bx-next:hover{background-position: center center}
section .bx-wrapper .bx-prev:focus,
section .bx-wrapper .bx-prev:hover{background-position: center center}
section .bx-wrapper .bx-controls{position:absolute; top:0px; right:0px; display: none;}
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: #E00A1E;}
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 #E00A1E; margin:0px; }
section .bx-wrapper .bx-pager{right:180px; top:0px; width:100px;text-align: center; padding:0px; line-height:70px;position:absolute; font-size:30px; color:#ffffff; font-weight:700; font-family: "Jost", arial, sans-serif; }
section .bx-wrapper .bx-pager::first-letter{font-size:150%;}


body .sb-slidebar { background: rgb(53,53,53); background: -moz-linear-gradient(180deg, rgba(53,53,53,1) 0%, rgba(30,29,29,1) 100%); background: -webkit-linear-gradient(180deg, rgba(53,53,53,1) 0%, rgba(30,29,29,1) 100%); background: linear-gradient(180deg, rgba(53,53,53,1) 0%, rgba(30,29,29,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#353535",endColorstr="#1e1d1d",GradientType=1);}
body .sb-slidebar ul.menu{margin-bottom:40px;} 
body .sb-slidebar ul{margin:0 0 0px 0; padding:0; list-style: none; border-top:1px solid #1E1E1E ; border-bottom:1px solid #4D4D4D ;} 
body .sb-slidebar ul li{border-bottom:1px solid #1E1E1E ; border-top:1px solid #4D4D4D ;} 
body .sb-slidebar ul li.logo-menu{display:none;} 
body .sb-slidebar ul li a{line-height:20px; padding:10px 20px; color:#ffffff; text-decoration: none; display:block;font-size:14px;} 
body .sb-slidebar ul li a.button{border-radius: 0px; text-align: left;background:none !important} 
body .sb-slidebar ul li a img{display: none;} 
body .sb-slidebar ul li a:hover{background:#4D4D4D;} 
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:#ffffff;} 
body .sb-slidebar ul li ul{padding-left:30px; margin-bottom:0; display:none;  border-top:1px solid  #1E1E1E;} 
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 {display:block; } 
body .sb-slidebar h4{font-size:28px; line-height: 40px; color:#ffffff;padding:10px 15px 10px 20px ; margin:0px; font-family:'Jost', sans-serif; font-weight:700; } 
body .sb-slidebar h4 img{float:right; height:28px; margin-top:7px;} 
body .sb-slidebar h4 .close{cursor:pointer;} 
body .sb-slidebar .home{display:none;} 


.scroll-top{position:fixed; right:0px; bottom:50px; z-index: 6000; opacity:0.7; opacity:0;  -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;}


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



@media only screen and (max-width: 1850px){
section #about-page .line-wrap span{margin:0; right:0; left:0; width:100%; z-index: 5000; position:relative; display:none}

}


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

  section  .help-box form {padding-right:125px; position:relative; margin-top:16px;}
section  .help-box form button{position:absolute; right:0; top:0; height:36px; border:0px; background: #000000; cursor:pointer; width:auto; padding:0px 15px; box-sizing:border-box; font-family: 'Jost', serif; font-size:13px; font-weight:500; color:#ffffff}
section #top-banner.about-shopping-banner .layout-center .box-wrap{max-width:55%}

}

@media only screen and (max-width: 1690px){
  .scroll-top{margin-right:5px; bottom:15px;}
  section #top-banner.about-shopping-banner{background-position:center center}
}


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

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

      section  .help-box form {padding-right:0px; }
section  .help-box form .tel{text-align:center;}
section  .help-box form button{position:relative; width:100%; margin-top:5px;}

section #top-banner.about-banner { padding-left: 50px;padding-right: 50px;}

}


@media only screen and (max-width: 1500px){
section .hp-text-wrap > div:first-child p{line-height: 200%; font-size: 1.192vw}
section .hp-text-wrap > div:first-child h1{font-size: 3.47vw}
section .hp-text-wrap > div:first-child .subtitle{font-size: 2.237vw}
section .hp-text-wrap > div.video-block p{font-size: 1.724vw;}
section .hp-text-wrap > div.video-block h3{font-size: 2.724vw;}


section .layout-center #content .products .item .wrap h3{font-size: 16px;}

section .layout-center .products .item .wrap .button-wrap > div{max-width: none;}

.swiper-container .nav-wrap { right: 30px; } 

}


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

  section .layout-center .products .item .wrap .button-wrap .button{font-size:0.9vw;}

  header #menu .menu > li > a{padding: 0px 15px; font-size: 16px;}
  header #menu .menu > li > a.button{margin-left: 15px;}

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




header #menu-space .col.logo{ height:37px; width:170px;}


}

@media only screen and (max-width: 1400px){
  
  section .layout-center .products .item .wrap .price{font-size:17px;}

  section .layout-center .contact-block .item .wrap > div:first-child{width:120px;}
  section .layout-center .contact-block .item .wrap > div img{width:100px;}
  section .layout-center .contact-block .item .wrap .more-info{line-height:35px; text-align:center; max-width:140px;}

section .layout-center .contact-block .item .wrap{padding-bottom:40px;}
}


@media only screen and (max-width: 1350px){
  header.v2 #menu-space .col.logo { margin-left:0px!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 .gallery .item.more-items a strong > span i{font-size:12px;padding-top:0px;}
  section .layout-center #detail .gallery .item.more-items a > span img{width:25px;}

  section .layout-center ul.subcategories {margin-left:-10px; margin-right:-10px;}
  section .layout-center ul.subcategories > li{padding:10px; width:33.333333%}

  #show_total_count{ margin-bottom:0px;}

  section .layout-center .favorites {min-height:300px;}
  section .layout-center .favorites .item .lady{width:150px;}
  section .layout-center .favorites .item .item-title{padding-left:170px;font-size:20px;}
  section .layout-center .favorites .item .item-cont{padding-left:170px;}
  section .layout-center .favorites .item .item-cont ul li {padding-bottom:5px;}
  section .layout-center .favorites .item .item-cont ul li a{font-size:12px;}
  section .layout-center .favorites .item .item-cont{font-size:12px;}

  section .layout-center #main #content{padding-right: 20px;}
  section .layout-center #main.full-width #content{padding: 0px 0px;}
  section .layout-center #detail .right-side .button{max-width: none;}

  
  header.v2 #top-line-wrap{padding: 0px;}
  header.v2 > .layout-center{padding-right: 0px;}
  header.v2 .middle-box .table-container .col.logo{padding-left: 0px; }
  header.v2 .middle-box .table-container .col.basket-info{padding-right: 10px;}
  
  #top-line .quick-message{left: 170px; width: auto; display: none;}

  section .layout-center .layout-subpage .basket-summary > div:first-child{width: 300px;}


section  .help-box {padding:20px 20px 20px 100px; margin-top:20px;}
section  .help-box .man {width:110px; left:-20px; top:15px;}


section .layout-center .contact-block .item .wrap{padding:30px 20px 40px 20px;}
section .layout-center .contact-block .item{padding:10px;}
section .layout-center .contact-block {margin:30px -10px 30px -10px}


section #top-banner.about-banner { padding-left: 0px;padding-right: 0px;}
section #top-banner.about-banner .stroke-text img{max-width:60%}

section #about-shopping-page .side-p{padding-left:0}
section #about-shopping-page .grey-section .delivery-box{padding-left:0; padding-top:30px;}
section #about-shopping-page .grey-section .padding-wrap{padding:0}
section #about-shopping-page .grey-section{margin-left:-20px; margin-right:-20px; padding-left:20px; padding-right:20px; }
}



@media only screen and (max-width: 1300px){
    .products .button{padding:0px 15px;}

    section .layout-center .products:not(.carousel) .item{width:33.333333%!important;}
    section .layout-center .products .item .wrap .button-wrap .button{font-size:1.2vw;}

    header #menu .menu > li > a{font-size:14px;}
    header #menu .menu > li .button{font-size:13px; padding:0px 15px;}
    header #menu .menu > li .submenu-box a{font-size:13px!important;}
    header .middle-box .table-container .col.logo{padding-left: 0px;}

    section .layout-center .layout-subpage .subpage-content{padding: 20px!important;}
    section .layout-center .layout-subpage .basket-footer{padding: 20px;}
    section .layout-center .layout-subpage .form-layout > div{padding: 0px 15px;}

    section .layout-center .layout-subpage .basket-navigate > div:first-child{padding-left: 20px;}
    section .layout-center .layout-subpage .basket-navigate > div:last-child{padding-right: 20px;}
}


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

  header .middle-box .table-container .col{padding-left:20px; }
  header .middle-box .table-container .col  #search p{ width:100%; box-sizing: border-box;}
  header .middle-box .table-container .col.basket-info{padding-left:20px;}
  header .middle-box .table-container .col.search{padding-left:25px;}
  header .middle-box .top-menu{left:25px;}

  section .layout-center .pagination.v2{margin:0px 0px 30px 0px}

  header .middle-box .table-container .col.account a{font-size:13px;}
  header .middle-box .table-container .col.basket-info .wrap > div .price span{font-size:12px;}
  header .middle-box .table-container .col.favorite-col{padding-right:15px;padding-left:35px;}

  section .layout-center #content-filter ul.tabs{width:180px;margin-left:-180px;}
  section .layout-center #content-filter .tabs-wrap::before{width:180px;}
  section .layout-center #content-filter .tabs-wrap{padding-left:180px;}
  section .layout-center #content-filter .price-slider-box > div > div:first-child{width:180px;}

  #show_total_count{ padding:0px; float:none; text-align: center; padding-bottom:10px;}
  .button.v3.buy {font-size:20px !important}

  header .middle-box .table-container .col.header-contact{font-size: 16px;}
  header .middle-box .table-container .col.header-contact strong{font-size: 22px;}
  
}


@media only screen and (max-width: 1220px){
  section .layout-center #main .checkboxes.triple li{width:50%;}


section .layout-center .contact-block .item{width:50%;}

}

@media only screen and (max-width: 1200px){
  section .layout-center .tabs1 .tab-container .etabs li a{width:auto;}
  section .layout-center #content .products .item {width:33.33333333%;}
  body.fully section .layout-center #content .products .item {width:25%;}
  section .layout-center #content .products.half .item {width:50% !important;}
  
  header .middle-box .table-container .col.contact {width:auto}
  header #menu .menu > li > .sub .wrap > ul > li{width: 33.333333%}

  footer .container-wrap{padding-right: 0px;}

  section .layout-center .layout-subpage .basket-summary{display: block;}
  section .layout-center .layout-subpage .basket-summary > div{display: block; width: 100%!important; padding-left: 0px!important; padding-right: 0px!important;}
  section .layout-center .layout-subpage .basket-summary .goback{margin-top: 20px;}

  section .layout-center .layout-subpage .basket-summary > div .button{width: 100%;max-width: 100%; margin-top: 20px;}
}



@media only screen and (max-width: 1150px){
  header #menu-space .col.logo{ height:29px; width:150px;}
  header.v2 #menu-space .col.logo{ height:40px; width:150px;}


  header #menu .menu > li > a{ padding:0px 10px;  font-size: 12px;}
  header .middle-box .table-container .col.favorite-col{padding-left: 15px;}
  header .middle-box .table-container .col.account{padding-left: 5px;}
  header .middle-box .table-container .col.basket-info{padding-left: 15px;}
  header .middle-box .table-container .col.logo {width: 150px;}
  header .middle-box .table-container .col.logo img{width: 150px; max-width: 150px;}



  section .layout-center .review-block  .item:first-child{width: 100%; font-size: 0px;}
  section .layout-center .review-block  .item .circle{display: inline-block; width: 33.33333%; box-sizing: border-box; padding: 0px 10px; margin-top: 0px; vertical-align: top;}
  section .layout-center .review-block  .item .item-c > div:first-child{transform: scale(0.8);}
  section .layout-center .review-block  .item .item-c > div:last-child{padding-left: 0px;}
  section .layout-center .review-block  .item > .wrap{padding: 15px 20px;}

  section .news-wrap .news .item{width:50%;}


  section .layout-center .category .item a{font-size:13px;}
  section .layout-center .category .item{width:20%;}

  #top-line .quick-contact{font-size:12px;}

  header #menu .menu > li > .sub .wrap > .menu-layout > div > ul > li a{font-size:11px;}
header.v2 #menu .menu > li > .sub{top: 98px;}


  section .bx-wrapper .bx-controls-direction a{width:40px; height:40px; }
  section .bx-wrapper .bx-prev{right:41px;}
  section .bx-wrapper .bx-pager{right:80px; line-height:35px; font-size:20px; width:80px;}

  section .layout-center .big .tag{top:0px;left:110px; z-index: 5000;}

  header .col.currency{position: absolute; z-index: 99999;top: 23px; left: auto; right: 100px; padding: 0px;  }

  footer .newsletter .cont .check-wrap{margin-top:10px;}
  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;}

  header #menu.fixed-menu .menu > li > a { font-size: 18px;}
  header #menu .menu > li.logo-menu img{height: 20px;}


  section .layout-center .layout-subpage .basket-navigate > div{font-size: 15px; line-height: 120%}

  section .layout-center .layout-subpage .basket-submenu > a{font-size: 14px;}

  body section .layout-center .products .item .wrap .button-wrap .button{font-size: 13px;}
  

section #about-page .line-wrap.v2 .side-line{margin-left:15px; padding:0; text-align:right; padding-right:15px}
section #about-page .line-wrap.v2 .side-line::before{display:none}

}



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

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

    header #menu.fixed-menu .menu > li > a{font-size:17px;}

    footer .container { display:block; margin-top:30px; margin-bottom: 0px; } 
    footer .container .col{ display:block; float:left; width:33.33333%!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 .box > div:first-child{padding-left:20px;}


    footer .newsletter{margin-left:-15px; margin-right:-15px; margin-top:30px;}
    footer .newsletter .cont {display:block;}
    footer .newsletter .cont > div{display:block; width:100%!important; box-sizing: border-box; padding:0px 15px!important; text-align: center;}
    footer .newsletter .cont .check-wrap{max-width: 100%}
    footer .newsletter .cont .wrap{margin:15px auto; max-width:700px;}
    footer .newsletter .cont .wrap p{padding-right:105px;}
    footer .newsletter .cont .wrap p #email_news{height:40px; font-size:15px; padding:0px 15px;}
    footer .newsletter .cont .wrap p button.button{ line-height:40px; width: 100px; font-size: 13px;}

    footer .newsletter .border{padding:5px 0px 10px 0px;}
    footer .newsletter .cont label{text-align: left;}
    footer .socials{text-align: center; margin-top:25px;}

    footer .layout-center .col.contact .tel{margin-left:0px; text-align:left;}
    footer .layout-center .col.contact .email{margin-left:0px; text-align:left;}
    footer .layout-center .col.contact .opening{margin-left:0px; text-align:left;}

    header #head-filter .wrap > div{padding-left:10px;}
    header #head-filter .wrap > div:first-child{padding-left:20px; width:150px;}
    header #head-filter .wrap > div:first-child strong{font-size:20px; line-height:20px;}
    header #head-filter .wrap > div:first-child span{font-size:12px; letter-spacing:1px; line-height:12px;}
    header #head-filter select{height:35px; font-size:13px; padding:0px 25px 0px 10px;}

    section .layout-center .products:not(.carousel) .item{width:33.3333333%!important;}

    section .layout-center .detail-layout{display: block;}
    section .layout-center .detail-layout > div{display: block; padding-right: 0px!important; box-sizing: border-box; width: 100%!important;}

    section .layout-center #detail-wrap .tabs1{margin-bottom: 20px;}
    section .layout-center #detail-wrap .tabs1 .tab-container .cont{padding-top: 30px;}
 

 section #top-banner.about-banner {text-align: center;}   
 section #top-banner.about-banner h1{text-align: center;}  
 section #top-banner.about-banner .stroke-text{text-align:center; font-size:0; padding:15px 0 0 0} 
 section #top-banner.about-banner  p{text-align: center;}
section #top-banner.about-banner{min-height: auto; padding:30px 0px;}
section #top-banner.about-banner p.p1{font-size:25px;}
section #top-banner.about-banner p.p1.padding{padding-left:0}
section #top-banner.about-banner .stroke-text::before{display:none}

section .benefits-section{padding:30px;}


.big-menu ul li a{font-size:16px;}
.big-menu ul li a span img{height:50px;}
.big-menu ul li a span{padding-bottom:20px;}
.big-menu ul li{height:auto; min-height:150px;}

}




@media only screen and (max-width: 1000px){
  section .layout-center .pagination {text-align: center;}
  section .layout-center .article .item, section .layout-center .article.thin .item{ width:50%; }

  section .layout-center .product-table {display:block;}
  section .layout-center .product-table tbody {display:block;}
  section .layout-center .product-table tr {display:block;position:relative;}
  section .layout-center .product-table tr td{border:0px; display:block;}
  section .layout-center .product-table tr td:first-child{border:0px;}
  section .layout-center .product-table tr td:last-child{border:0px;}

  section .layout-center .product-table tr td.image{position:absolute; left:0px; top:0px;}
  section .layout-center .product-table tr td.desc{padding-left:135px; padding-bottom:10px; box-sizing:border-box; min-height:130px;}
  section .layout-center .product-table tr td.code {padding:10px 20px; border-top:1px solid #E2E3E8;border-bottom:1px solid #E2E3E8; background: #F0F1F2;}
  section .layout-center .product-table tr td.desc h3{text-align:left;}
  section .layout-center .product-table tr td.availability {float:right; margin-top:-42px; padding:10px 20px;} 
  section .layout-center .product-table tr td.availability br{display:none;}
  section .layout-center .product-table tr td.prices {float:left;}


  section #top-banner.about-shopping-banner {min-height:300px; background-position:right -280px center}
  section #top-banner.about-shopping-banner .layout-center .box-wrap h1{font-size:35px;}
  section #top-banner.about-shopping-banner .layout-center .box-wrap p.big{font-size:20px;}
  section #top-banner.about-shopping-banner .layout-center .box-wrap p{font-size:14px;}


section #about-shopping-page .grey-section .photo{height:auto;}
section #about-shopping-page .grey-section .padding-wrap ul{margin-bottom:30px;}
section #about-shopping-page .grey-section{margin:50px 0}
}



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

  #top-line .info{right:auto; left:0}

  #top-line .top-menu{display:none}

.sb-slidebar .btn-box{display:none;}


  section .layout-center ul.subcategories {display:block}
    section .layout-center ul.subcategories > li a > span:last-child{padding:15px;}
    section .layout-center ul.subcategories > li a > span{height:auto;}

    html.disableScroll{overflow:hidden;padding-right:0px;}
    #top-line::after{width: 15px;}

    section .layout-center .filter-wrap{text-align: center;}

    /*#top-line{position:absolute;left:0px; top:0px; width:100%;height:30px; line-height:30px;}*/

    .swiper-container{min-height: 400px;}

.swiper-container .nav-wrap { right: 4%; } 


    #top-line {height: 40px;}
    #top-line .ddcommon{top: 5px;}

    header .col.currency{top: 14px;  }

    #top-line .info{right: 100px;}
    #top-line .quick-message{text-align: left;}

    .fixed-scroll #top-line .quick-message{display: none}


    section .layout-center  .breadcrumbs::after{ width: 15px; }


    section .layout-center .benefits{margin-top: -1px; padding-top: 0px; padding-bottom: 15px;}
    section .layout-center .benefits::before{display: block;}
    section .layout-center .benefits::after{width: 15px;}

    section .layout-center .benefits .item {padding:10px 15px;}
    section .layout-center .benefits .item > div{padding-left: 0px;text-align: center;}
    section .layout-center .benefits .item .icon {position: relative; top: 0px; text-align: center; width:100%;}
    section .layout-center .benefits .item .icon img{margin-bottom: 15px;width: 40px;}

    section .layout-center .benefits .item strong{font-size:13px; line-height: 15px; margin-top:0px; margin-bottom: 0px;}
    section .layout-center .benefits .item span{font-size:11px;}

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

    section .layout-center #detail{margin-bottom: 0px;}
    section .layout-center #detail .left-side{padding-bottom:0px;}


    /*header::before{position:absolute; left:0px; top:0px; width:100%; height:30px; background: #2F2F2F; content:' ';}*/

    .swiper-container{min-height: 70vw!important;}
    section.hp-slider-wrap{margin-top: -126px}
    .swiper-container .main-banner > div .inside-wrap {text-align: center; padding-top: 116px; padding-bottom: 3vw;}
    .swiper-container .main-banner > div .inside-wrap .banner-logo img{width: 27vw;}
    .swiper-container .main-banner > div .inside-wrap h2{font-size: 12vw; text-align: center;}
    .swiper-container .main-banner > div .inside-wrap p{font-size: 3vw}
    .swiper-container .main-banner > div .inside-wrap .button{font-size: 16px; line-height: 50px;}

    header.v2 .middle-box .table-container .col.logo{padding-top: 0px; padding-bottom: 0px;}


    header .middle-box::after{width: 15px; padding: 0px;}
    header .middle-box::before{width: 15px; display: block; display: none;}



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

    header .middle-box .table-container .col.search{padding-top: 0px; padding-bottom: 0px;}

    header .middle-box .table-container .col{padding-top:0px; vertical-align:middle; padding-top:0px!important }
    header .middle-box .table-container .col  #search p{width:auto;}

    header .middle-box .table-container .col.basket-info .wrap > div.price-wrap{display:none;}
    header .middle-box .table-container .col.basket-info .wrap > div.basket{padding-left:0px;padding-right:10px;}
    header .middle-box .table-container .col.favorite-col{padding-right:0px;}


    header .middle-box .table-container .col.header-menu{display: none;}

    header .middle-box .table-container .col.account{padding-left:0px;}
    header .middle-box .table-container .col.account .account-wrap a{font-size:13px; display:inline-block; margin-right:15px;display:none;}
    header .middle-box .table-container .col.account .account-wrap a img{height:18px; }
    header .middle-box .table-container .col.account .account-wrap{padding-bottom:0px; padding-left:20px; line-height: 25px;}
    header .middle-box .table-container .col.account .account-wrap .icon{margin-left:0px; top:0px; position:relative; display:inline-block;}
    header .middle-box .table-container .col.logo{padding-top:10px; padding-bottom: 10px; width:120px!important;}
    header .middle-box .table-container .col.logo img{margin:0px!important }
    header.fixed .middle-box .table-container .col.logo img{width:120px; top:0; position:relative}
    header.fixed .middle-box .table-container .col{padding-top:15px!important; padding-bottom:15px!important; vertical-align:middle}


    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 #detail-wrap .tabs1 .tab-container .cont{padding:40px 0px 20px 0px;}
    section .layout-center .tabs1{margin-bottom:30px;}

    header .middle-box .table-container .col.mobile { display:table-cell;}
    header #menu{display:none;}
    header #menu-space{display:none;}

    .top-menu{display:none;}

    section .toggle-filter.button{display:block;}

    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;}

    header:not(.v2) .middle-box .table-container,
    header.v2.fixed .middle-box .table-container{padding-top: 9px; padding-bottom: 7px;}

    header .middle-box .table-container .compare a span i ,
    header .middle-box .table-container .favorite a span i ,
    header .middle-box .table-container .basket a span  {width:17px; line-height: 17px;height:17px; border-radius: 17px; font-size:10px;}

    header .middle-box .table-container .col.basket-info{padding-right:0px; padding-left:0px;}
    header .middle-box .table-container .col.favorite-col{padding-left:15px;}
    header .middle-box .table-container .favorite a{bottom: -4px; position:relative; width: 23px; height: 23px;}

    header .middle-box .table-container .basket a{width:27px;height:30px; background-size: 27px auto}
    header .middle-box .table-container .col.account .account-wrap a img{width:22px; height:auto;}
    header .middle-box .table-container .col.account .account-wrap .icon{margin-top:0px; top:0px; position:relative;}
    header .middle-box .table-container .basket a span{top:-7px;}
    header .middle-box .table-container .basket a{position:relative; bottom:-4px;}
    header .middle-box .table-container .col.mobile-search img{width: 21px; top: 0px;}

    header .middle-box .table-container .col.logo{width:auto; padding-left: 0px;}
    header .middle-box .table-container .col.logo img{width:100%; max-width:120px;}

    section .layout-center .favorites { margin:0px -10px;}
    section .layout-center .favorites .item {width:50%; padding:10px; margin-bottom:40px;}

    section .layout-center .products {margin-bottom:30px;}
    section .layout-center .products .item .border{}
    section .layout-center .products .item{margin-bottom: 40px;}
    section .layout-center .products .item .wrap .hidden-box{height:auto!important;}
    section .layout-center .products .item .wrap .size-chart > a{border-bottom:0px;}
    section .layout-center .products .item .wrap .image-variant{opacity:1!important;left:79%!important;margin-left:-10px!important;top:10px;} 
    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{margin: 0px;}
    section .layout-center .products .item .wrap .image-box .favorite{opacity:1;}
    section .layout-center .products:not(.carousel){margin-left:0px; margin-right:0px;}
    section .layout-center .products:not(.carousel) .item{padding:0px;}
    section .layout-center .tag  {left: 10px;}
    section .layout-center .tag li {width:74px; padding-bottom: 3px;}
    section .layout-center .tag li span > span{font-size:11px;line-height:16px; padding-top: 2px;}
    section .layout-center .products .item .wrap .availability{font-size:12px;}
    section .layout-center .products .item .wrap .size-chart > a{font-size:11px;}


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


    section .layout-center .blog {margin:0px -10px;}
    section .layout-center .blog .item{padding:10px;}
    section .layout-center .blog .item .wrap .desc{padding:20px 25px; width:72%;}
    section .layout-center .blog .item .wrap .desc h3{font-size:2vw;}
    section .layout-center .blog .item .wrap .desc{font-size:1.6vw;}
    section .layout-center .blog .item .wrap .desc .date{font-size:1.5vw;}

    .layout-center .title{font-size:40px;margin-bottom:20px;}

    header #head-filter::after {width:15px;}

    header .middle-box::before{content: ' '; width:100%; position:absolute; top:0px; right:100%; height:100%; padding-top: 0;background: #00A2DF; }

    section .layout-center .pagination{margin-top: 0px;}
    section .layout-center #main #content{padding-bottom: 30px; padding-right: 0px!important}

    section .layout-center .detail-layout{margin-top: 20px;}


    section .brands{margin-top: 0px;}

    section .layout-center #detail-wrap {padding-bottom: 30px;}
    section .layout-center #detail {display:block;margin-top:0px; }
    section .layout-center #detail > div{display:block; width:100%!important; padding-right:0px!important; padding-left:0px!important;}
    section .layout-center #detail > div.middle .desc-block{padding-top: 20px; padding-bottom: 30px;}

    header.v2 #top-line{margin-bottom: -10px;}

    section .layout-center .ordering{margin-top: 10px;}

    section .layout-center #main .toggle-box{border-bottom: 1px solid #E8E8E8}
    section .layout-center #main .toggle-box .wrap{padding-top: 0px; padding-bottom: 15px;}
    section .layout-center #main #content .aside-filter{margin-bottom: 0px;}
    section .toggle-filter.button{line-height: 40px;}

    section .layout-center .layout-subpage .form-layout{display: block;}
    section .layout-center .layout-subpage .form-layout > div{display: block; width: 100%!important; box-sizing: border-box; padding: 0px; margin-bottom: 30px;}

    section .layout-center .layout-subpage .form-layout.v2{max-width: 100%;}

    section.subpage-bg{padding-top:150px; }

    header .basket-float{top: 90px;}
      header.v2 .middle-box .table-container .col.basket-info{padding-right:0px;}
      section .layout-center .review-block  .item a.image img {padding:5px;width:40px;right:20px;top:20px;}

  section  .help-box  {padding-left:110px;}
  section  .help-box .man {left:-15px;}
  section  .help-box form {padding-right:125px; position:relative; margin-top:16px;}
section  .help-box form button{position:absolute; margin-top:0; right:0; top:0; height:36px; border:0px; background: #000000; cursor:pointer; width:auto; padding:0px 15px; box-sizing:border-box; font-family: 'Jost', serif; font-size:13px; font-weight:500; color:#ffffff}


section #about-shopping-page .info-layout {flex-wrap: wrap;}
section #about-shopping-page .info-layout > div{flex: 1 1 calc(50% - 10px);}
section #about-shopping-page .info-layout > div.last{flex: 1 1 100%;}
}


@media only screen and (max-width: 970px){
  
  header .middle-box .table-container .compare a span ,
  header .middle-box .table-container .favorite a span ,
  header .middle-box .table-container .basket a span {width:17px; line-height: 17px;height:17px; border-radius: 17px; font-size:10px; margin-left:0px;margin-left:-5px;}

  header .middle-box .table-container .basket a span {margin-left:-7px;}
  header .middle-box .table-container .favorite a span{top:-10px;}
  header .middle-box .table-container .col.contact {display:none}
  






}



@media only screen and (max-width: 920px){
    section .layout-center .layout-subpage .basket-navigate > div{padding: 10px!important}
    section .layout-center .layout-subpage .basket-navigate > div a{padding-left: 0px;text-align:center }
    section .layout-center .layout-subpage .basket-navigate > div span{margin: 0px 0px 10px 0px; display: block; padding-left:10px; }

    section .layout-center .layout-subpage .basket-submenu{height: auto;}
    section .layout-center .layout-subpage .basket-submenu > a > span i span{width: 21px; height: 28px;}
    section .layout-center .layout-subpage .basket-submenu > a > span i span img{width: 19px; right: -15px;}
    section .layout-center .layout-subpage .basket-submenu > a > span{display: block; padding-left:0px; text-align: center;}
    section .layout-center .layout-subpage .basket-submenu > a > span i{display: block; position: relative;margin-bottom: 10px;}
    section .layout-center .layout-subpage .basket-submenu > a{padding: 10px 10px; text-decoration: none;}
    section .layout-center .layout-subpage .basket-submenu > a.active{border-top-right-radius: 20px;}


    section #top-banner.contact-banner .tel{font-size:20px; line-height:24px; margin-top:0}
    section #top-banner.contact-banner .mail{font-size:18px; line-height:24px; margin-top:0}
    section #top-banner.contact-banner .row > div .info{padding-top:0}
    section #top-banner.contact-banner .row > div .wrapper img{width:70px; top:6px;}
    section #top-banner.contact-banner .row > div.a-right .wrapper{padding-left:90px;}
    section #top-banner.contact-banner .row > div.a-left .wrapper{padding-right:90px;}
    section #top-banner.contact-banner .row{margin-top:20px;}
}


@media only screen and (max-width: 900px){
    section .layout-center .tabs1 .tab-container .etabs li a{padding:0px 20px; font-size:18px;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; line-height: 20px; border-radius: 20px; top:5px;}
    section .layout-center .category .item{width:25%;}

    section .hp-text-wrap { padding-right: 15px !important; box-sizing: border-box; margin-top: 40px;}
    section .hp-text-wrap > div{display: block; width: 100%!important; box-sizing: border-box; padding-right: 0px !important}

    section .hp-text-wrap > div:first-child {padding-bottom: 30px;}
    section .hp-text-wrap > div:first-child p{ font-size: 13px}
    section .hp-text-wrap > div:first-child h1{font-size: 45px;}
    section .hp-text-wrap > div:first-child .subtitle{font-size: 30px}
    section .hp-text-wrap > div.video-block p{font-size: 18px;}
    section .hp-text-wrap > div.video-block h3{font-size: 30px; text-align: left;}

    section .layout-center .layout-subpage .basket-footer .wrap{display: block;}
    section .layout-center .layout-subpage .basket-footer .wrap > div{display: block;}
    section .layout-center .layout-subpage .basket-footer .wrap > div:last-child .button{width: 100%;}

    section .layout-center .layout-subpage p.coupon-form{max-width: 100%;}
    section .layout-center .layout-subpage .basket-footer .wrap > div{padding-right: 0px;padding-left: 0px!important;}
    section .layout-center .layout-subpage .sum-total{margin-left: auto; margin-right: auto;}
    section .layout-center .layout-subpage .sum-total > span:last-child{padding-left: 20px;}
    section .layout-center .layout-subpage .goback {padding-top: 20px;}

    section .layout-center .layout-subpage .basket-footer .btn-space{max-width: 100%;}

    section .layout-center .layout-subpage .basket-summary > div .container-box{padding: 20px;}
    section .layout-center .delivery-table tr td:first-child{padding-left: 15px;}
    section .layout-center .delivery-table tr td.price{padding-right: 15px;}
}


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

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

  .header-wrap{margin-top:0px!important;}

  header.v2.fixed{padding: 0px;}
  header.v2.fixed .middle-box .table-container .col.logo{padding-left: 15px;}

  section.hp-tabs-container{padding-bottom:100px;}

  header .middle-box .table-container .col.logo {width:auto;}
  header .middle-box .table-container .col.logo img{margin-top:-2px;}

  header .middle-box .table-container .col.search{padding-right:10px}
  header .middle-box .table-container .col.mobile-search { display:table-cell;}
/*  header .middle-box .table-container .col.search{display:none;padding:0px;}*/
  header .middle-box .table-container .col #search > p{max-width:100%;}
  header .middle-box .table-container .col.search.show #search > p #inp-search{padding-right:65px; padding-left:15px;font-weight:400; font-size:13px;}

  header .middle-box .table-container .col.search.show{ right:0; margin-right:0px; top:100%; width:100%; margin-top:-10px; padding:0px 0px 0px 0px; }
header .middle-box .table-container .col.search.show form{ border-radius: 0px;}

  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:0px; }

  section .layout-center .hp-tabs{margin-top:-40px;}
  section .layout-center .hp-tabs li a{line-height: 38px; font-size:18px; padding:0px 40px;}

  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; }

  section.hp-tabs-container{padding-bottom:80px;}
  .layout-center .title.boxed {line-height: 50px;margin-top:-50px;}
  .layout-center .title.boxed span{font-size:22px;}


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

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

  header .middle-box .table-container .col.account .account-wrap a{margin-right:12px;}

  section .layout-center .benefits{margin:-1px -15px 40px -15px;}
  section .layout-center .benefits::before{display:none}
  section .layout-center .benefits::after{display:none}

  .layout-center .title{font-size:25px; margin-bottom:20px;}

  .layout-center .title > span::before{margin-right:15px;}
  .layout-center .title > span::after{margin-left:15px;}

  section .layout-center #content .detail-carousel{margin-bottom: 50px;}

  header.v2.fixed .middle-box .table-container .col.logo img{margin-top: 0px;}

section #top-banner.contact-banner .row > div.a-left .wrapper{max-width:200px; text-align:left; margin:0px auto; padding-right:0px; padding-left:90px; margin-bottom:20px;}
section #top-banner.contact-banner .row > div.a-right .wrapper{max-width:200px; text-align:left; margin:0px auto}
section #top-banner.contact-banner .row > div.a-left .wrapper img{left:0}

section #top-banner.contact-banner .button{line-height:50px; font-size:22px; max-width:250px}
section #top-banner .button-wrap{bottom:-28px;}

section .layout-center .p-big{font-size:18px;}

section #about-page .line-wrap.family img{width:100%;max-width:400px;}
section #about-page .side-line{line-height:100px; height: 100px;}


section #about-page .line-wrap.v2{height:100px;}
section #about-page .line-wrap.v2 .side-line{top:0; margin-left:0; margin-right:-15px; box-sizing:content-box;}

section #about-shopping-page .delivery-company{padding:15px 20px}

section #about-shopping-page .free-delivery-box{margin-bottom:30px;}
section #about-shopping-page .shopping-image{max-width:65%}
section #about-shopping-page .grey-section .delivery-box{padding-bottom:0}
section #about-shopping-page .grey-section .gls-image{padding-bottom:30px;}




}





@media only screen and (max-width: 800px){
    .swiper-container .main-banner > div .inside-wrap .button.other, .swiper-container .main-banner > div .inside-wrap .button.other {margin-top:20px}
    header .middle-box .table-container .col.header-contact p span {display:none !important}
    header .middle-box .table-container .col.header-contact{font-size: 13px; line-height: 120%}
    header .middle-box .table-container .col.header-contact strong{font-size: 140%; padding-top: 5px;}

    section .layout-center ul.subcategories > li a{font-size:12px; line-height:16px;}
    section .layout-center ul.subcategories > li a > span{font-size:12px; line-height:16px;}

  section .layout-center  .breadcrumbs {margin-top:45px}
  
  
    section .layout-center  .breadcrumbs > ul li{font-size:11px; line-height: 25px;} 


    section .layout-center  .breadcrumbs > ul li{display:none; float: none;} 
    section .layout-center  .breadcrumbs > ul li:last-child{display:inline-block;font-weight:400;} 
    section .layout-center  .breadcrumbs > ul li:last-child a{font-weight:400;} 
    section .layout-center  .breadcrumbs > ul li:last-child a:hover{text-decoration: underline;font-weight:400;} 
    section .layout-center  .breadcrumbs > ul li:nth-last-child(2){display:inline-block;font-weight:400;}
    section .layout-center  .breadcrumbs > ul li:nth-last-child(2) a{font-weight:400;}

    footer .box{height:auto; display:block; padding:20px 0px;}
    footer .box > div{display:block; text-align: center;}
    footer .box > div:first-child{padding-left:20px; padding-right:20px; padding-bottom:15px;}
    footer .footer-logo{padding:0px 20px;}
    footer .footer-logo img{width:100%;}


    footer .logos{text-align: center;}
    footer .layout-center{text-align: center;}

    .button.v3.buy {font-size:26px !important}


    section .layout-center .products:not(.carousel) {margin-left:-10px!important; margin-right:-10px!important;}
    section .layout-center .products:not(.carousel) .item{width:50%!important;}
    section .layout-center .products .item .wrap{padding:10px;}
    section .layout-center .products .item .wrap .button-wrap .button{font-size:2vw;}
    section .layout-center .products .item .wrap .image-box{margin:-10px; padding:10px;}
    section .layout-center .products .item .wrap h3 a{padding:0px 10px;}
    section .layout-center .products .item .wrap h3{margin-left:-10px; margin-right:-10px;}


    .spinner-wrap.small .spinner{width:80px;}
    .spinner-wrap.small .input-group-btn-vertical > .btn{width:20px; background-size:10px auto;}
    section .layout-center .products .item .wrap .button-wrap > div:first-child{width:80px;}


    section .layout-center #detail-wrap .tabs1{margin-bottom:20px;}
    .layout-center .subtitle{font-size:30px;}

    section .layout-center .category-stars .stars .wrap .item > a > strong {font-size: 2.8vw}

    section .layout-center .review-block  .item:first-child{margin-bottom: 10px;}
    section .layout-center .review-block  .item{width: 100%;}
    section .layout-center .review-block  .item .item-c{display: block;}
    section .layout-center .review-block  .item .item-c > div{display: block; text-align: center;}
    section .layout-center .review-block  .item .item-c > div:first-child{width: auto;}
    section .layout-center .review-block  .item .item-c > div:first-child .pie{margin: 0px auto;}


    section .layout-center .ordering {display: block;}
    section .layout-center .ordering > div{display: block;}
    section .layout-center .ordering > div:last-child{text-align: right; padding-top: 20px;}


}



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

  #top-line .quick-contact .email{display: none;}
section .layout-center .contact-block .item{width:100%}


  section #top-banner.about-shopping-banner {background: #000000 url('../images/banner-o-nakupu-mobile.jpg') no-repeat center bottom!important; background-size: auto 70%!important; padding:25px 0px}
  section #top-banner.about-shopping-banner .layout-center .box-wrap{max-width:100%; text-align:center;}
  section #top-banner.about-shopping-banner .layout-center .box-wrap h1{ text-align:center;padding-bottom:13px;}
  section #top-banner.about-shopping-banner .layout-center .box-wrap p.big{font-size:16px!important}

}


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

  section .layout-center #main .checkboxes.triple li{width:50%;}
  section .layout-center #main .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: 'Jost', 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:#161a24; }
  section .layout-center #content-filter ul.tabs li:hover {border-right:1px solid #DFDFDF; color:#161a24; }

  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{padding-top:10px;}
  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 #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 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 table:not(.cart_total) tbody tr td.td_mj {text-align:left;padding-top:10px; padding-bottom: 10px; padding-left:10px; background: #F7F7F7; height:60px; text-align:left!important;}
  section #basketa table:not(.cart_total) tbody tr td.td_mj  .smaller{display:inline;}
  section #basketa table:not(.cart_total) tbody tr td .spinner-wrap {padding-left:0px;}

  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 table:not(.cart_total) .spinner input{height:40px;}
  section #basketa table:not(.cart_total) .input-group-btn-vertical > .btn{height:20px;}
  section #basketa table:not(.cart_total) .input-group-btn-vertical > .btn:first-child{height:21px;}


  section .layout-center .benefits{margin-left:-15px; margin-right:-15px;}
  section .layout-center .benefits .item {padding:15px 10px;}
  section .layout-center .benefits .item .icon img{height:37px;}


  section .layout-center .basket-items tr td .spinner .input-group-btn-vertical > .btn:first-child{top:5px;height:30px !important}
  section .layout-center .basket-items tr td .spinner .input-group-btn-vertical > .btn:last-child{top:5px;height:30px !important}

  section .layout-center .basket-items tr td.image {width:50px !important}
  section .layout-center .basket-items tr td.image img {height:45px !important;width:45px !important}

  section .layout-center .basket-items.responsive{display:block; border:0px;}
  section .layout-center .basket-items.responsive tbody{display:block;}
  section .layout-center .basket-items.responsive tbody tr{display:block; margin-bottom:120px;border:1px solid #E9EBEC; position:relative; padding-bottom:40px;}
  section .layout-center .basket-items.responsive tbody tr td{display:block; border-bottom:0px;}
  section .layout-center .basket-items.responsive tbody tr td.image{position:absolute; left:0px; top:0px; padding:5px;}
  section .layout-center .basket-items.responsive tbody tr td.name{padding-left:55px; min-height:62p; background: #F8F8F8;}
  section .layout-center .basket-items.responsive tbody tr td.name{font-size:14px;}
  section .layout-center .basket-items.responsive tbody tr td.name a{font-size:14px;}
  section .layout-center .basket-items.responsive tbody tr td.amount{margin-top:0px;  width:100%; border-top:1px solid #E9EBEC; box-sizing:border-box; clear:both;}
  section .layout-center .basket-items.responsive tbody tr td.price {position:relative;top:-15px;font-size:16px;text-align:right ;width:100% !important;clear:both;}
  section .layout-center .basket-items.responsive tbody tr td.trash{position:absolute; right:0px; bottom:10px;}
  section .layout-center .layout-subpage .basket-items{background: #ffffff}

  section .layout-center .layout-subpage .basket-items td.price span.availability{padding:0 !important;display:block !important;text-align:right !important;float:none;font-size:10px !important;position:relative;top:15px;}
  
  section .layout-center .tabs1 .tab-container .etabs li a{font-size:16px!important;}
  section .layout-center .layout-subpage .delivery-bar-desc{text-align: center;}
  section .layout-center .layout-subpage .form-row > p label {font-size:11px; font-weight:400;  }
  
  
  section .layout-center .layout-subpage .reg-benefits{background: #ffffff; }
section .layout-center .layout-subpage .reg-benefits > strong{ font-size: 18px;text-align:center }

  
  section .layout-center #contact-page .contact-info > div:last-child{padding-left:40px;}
  
section .benefits-section{padding:30px;}
section .benefits-section ul{grid-template-columns: 1fr;  margin-top:0}

.big-menu ul  {padding:0}
.big-menu ul li {flex: 1 1 calc(33.333% - 10px)}
.big-menu ul li a{padding:10px;}
}





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

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

    #top-line .quick-message{display: none;}

    header #top-line .info{right: auto; left: 0px; font-size: 12px;}
    header.v2 .middle-box .table-container .col.logo img{margin-top: 0px;}
    header .middle-box{padding-top: 0px; padding-bottom: 0px;}
    header .middle-box .table-container{padding-top:9px; padding-bottom: 7px;}


    section .layout-center #detail h1{font-size:32px;}

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

    section .layout-center #content .products:not(.carousel) .item {width:50%!important;}
    section .brands{margin-bottom: 0px;}
    section .brand-title{margin-top:10px;}

    .layout-center .title-medium{font-size:22px;}
    section .layout-center ul.subcategories{margin-bottom: 20px;}
    section .layout-center #content-filter{margin-top:30px;}

    section .layout-center ul.subcategories > li a > span:first-child {width:45px;}
    section .layout-center ul.subcategories > li a > span:last-child {width:auto;}

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

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

    section .layout-center .filter-wrap{ line-height:0px;  padding:0px 0px; margin-top:0px; font-size:0px;border-bottom:0px; border-right:0px; border-left:1px solid #DFDFDF; border-top:1px solid #DFDFDF;}
    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:14px; border-right:1px solid #DFDFDF;border-bottom:1px solid #DFDFDF; background: #F5F5F5; font-family:'Jost', 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:#161a24; font-weight:500; background: #fff; font-size:14px;}
    section .layout-center .filter-wrap a.current::before{opacity:0;}
    section .layout-center .filter-wrap a:hover{color:#161a24; }

    section .layout-center .favorites { margin:0px -10px;}
    section .layout-center .favorites .item {width:100%; padding:10px;}
    section .layout-center .favorites .item .lady{width:110px;}

    section .layout-center .favorites .item .item-title{padding-left:145px;padding-top:15px; padding-bottom:15px;font-size:17px; background: #161a24; color:#ffffff;}
    section .layout-center .favorites .item .item-cont{padding-left:145px;}


    section .layout-center .favorites .item .item-cont ul  {font-size:0px;}
    section .layout-center .favorites .item .item-cont ul li {display:inline-block;padding-right:20px;}

    header #head-filter{margin:0px -5px; padding-bottom:10px;}
    header #head-filter::before {border:0px; height:100%; width:10px; right:100%; bottom:0px; left:auto; content:' '; background: #E00A1E; }
    header #head-filter::after {width:10px;}
    header #head-filter .wrap {font-size:0px;}
    header #head-filter .wrap > div:first-child{padding-left:0px;padding-bottom:0px!important; padding-top:10px!important; width:auto; display:block;}
    header #head-filter .wrap > div{ width:33.3333%; display:inline-block; box-sizing:border-box; padding:5px!important;}

    header #head-filter .wrap > div:first-child strong{display:inline-block;}
    header #head-filter .wrap > div:first-child span{display:inline-block;}

    #cover{padding-top:0px;}

    section .layout-center .blog .item{width:100%;}
    section .layout-center .blog .item .wrap .desc{padding:20px 25px; width:75%; margin-top:-8vw;}
    section .layout-center .blog .item .wrap .desc h3{font-size:20px;text-align:left;}
    section .layout-center .blog .item .wrap .desc{font-size:14px;}
    section .layout-center .blog .item .wrap .desc .date{font-size:15px;}
    section .layout-center .breadcrumbs > ul{margin-left:0;}

    header .basket-float{top: 100px;}
    header.v1 .basket-float{top:75px; }


.swiper-container .nav-wrap  {margin-top: 8%;}
.swiper-container .nav-wrap .swiper-pagination-bullet {padding: 2px 0px; margin: 6px 0px; }
.swiper-container .nav-wrap .swiper-pagination-bullet::after {top: 6px!important}


section .layout-center #contact-page .contact-info {display:block;}
section .layout-center #contact-page .contact-info > div{display:block; padding-left:0px!important}
section .layout-center #contact-page .contact-info > div:first-child{ padding-bottom:30px;}
section .layout-center #contact-page .contact-info > div:last-child{width:auto;}

}




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

    section .layout-center.load_popup .products.item{width:50% !important}

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

    section .layout-center .products:not(.carousel) .item {width:50%!important;}
    section .layout-center .products{margin-bottom: 20px;}
    section .layout-center .products-wrap{margin-left:-14px; margin-right:-14px;}

    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}

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


    .hedader-wrap{height:230px;}
    header{padding-bottom:0px;}

    section .layout-center .show-all.top3{margin-top:0px;}

    header .middle-box .table-container .col.mobile a img{width:35px;}

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

    section .layout-center .tabs1 .tab-container .etabs{border-bottom:1px solid #DBDBDB;float:left; width:100%;}
    section .layout-center .tabs1 .tab-container .etabs::after{display:none;}
    section .layout-center .tabs1 .tab-container .etabs li{float:left; width:50%; margin:0px!important; padding:0px!important; display:block; box-sizing: border-box;}
    section .layout-center .tabs1 .tab-container .etabs li:nth-child(even){border-right:1px solid #DBDBDB;}
    section .layout-center .tabs1 .tab-container .etabs li a{ margin:0px!important; padding-left:0px!important;padding-right:0px!important;border:1px solid #DBDBDB; border-bottom:0px!important; border-right:0px!important; background: #F9F9F9; font-size: 16px!important}
    section .layout-center .tabs1 .tab-container .etabs li a:hover{border-color:#DBDBDB!important;}
    section .layout-center .tabs1 .tab-container .etabs li a.active{border-color:#DBDBDB;}
    section .layout-center .tabs1 .tab-container .etabs li:last-child:not(:nth-child(even)){width:100%;border-right:1px solid #DBDBDB;}


    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;}
    section .layout-center #detail .left-side .big-image img{max-height:400px}

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


    .swiper-container{max-height: 90vw!important}
    .swiper-container .main-banner > div .inside-wrap .button{font-size: 2.5vw; line-height: 9vw; margin-top: 4vw }
    .swiper-container .main-banner > div .inside-wrap .banner-logo{padding-bottom: 4vw}

    [data-aos-delay] {
      transition-delay: 0s !important;
    }

    section #about-shopping-page .info-layout > div .big-link{padding:15px; height:50px;font-size:20px;}
    section #about-shopping-page .info-layout > div .big-link::after{right:15px; background-size:70%;}
section #about-shopping-page h2{font-size:30px;}
section #about-shopping-page .grey-section h2{font-size:30px;}
}

@media only screen and (max-width: 620px){
  .swiper-container .main-banner > div .inside-wrap .button.other, .swiper-container .main-banner > div .inside-wrap .button.other {margin-top:10px;line-height:30px}
  footer .newsletter .cont > div:first-child strong{font-size:6vw; padding-bottom:5px;}
  footer .newsletter .cont > div:first-child p{font-size:12px;}
}


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

    section .layout-center .article {margin:-10px -10px 10px -10px; }
    section .layout-center .article .item, 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 ul.subcategories > li {width:50%;}
    section .layout-center .pagination.v2{margin-bottom:15px;}

    .select-style select{font-size:12px;}
    .scroll-top img{width:35px;}

    #text-mobile-placeholder{padding-top:30px;}

    section .layout-center .category .item{width:33.333333%;}


    #top-line .quick-contact span{display: none;}


    section .layout-center .benefits  {margin:-1px -15px 20px -15px; position:relative; text-align: center; font-size: 0px; padding: 10px 0px;}
    section .layout-center .benefits .item> div{width:100%; display:inline-block; height: auto; vertical-align: top; background-size: auto 100%}

    section .layout-center .benefits .item strong{margin-top:0px; margin-bottom: 0px; font-size: 12px;}
    section .layout-center .benefits .item span{line-height:14px;}

    footer .bg{ background: url(../images/footer-bg.jpg) no-repeat right bottom -150px }
    footer .container .col{width:100%!important;}
    footer .container .col p.space, footer .container .col p.title{margin-bottom: 20px;}


    .title-h2{font-size: 5.5vw; margin-bottom: 1em}
    .title-h3{font-size: 5.5vw; margin-bottom: 1em; text-align: center;}
    section .layout-center .category-stars .stars-title{font-size: 6vw;}
    section .layout-center .category-stars .stars-subtitle{font-size: 3vw; letter-spacing: 2px;}


    section .layout-center .category-stars .stars{margin-top: 7vw; margin-bottom: 7vw}
    section .layout-center .category-stars .stars-menu-wrap { top: -30px;}
    section .layout-center .category-stars .stars-menu > li a{width: 60px; line-height: 60px; height: 60px; }

    section .layout-center .banner-list .item{margin-bottom: 20px;}
    section .layout-center .banner-list{margin-bottom: 3vw}

    section .brands {margin-bottom: -1px;}
    section .brands .wrap .item{height: 120px;}

    section .layout-center .review-block  .item{width: 100%;}
    /*section .layout-center .review-block  .item .circle{transform: scale(0.6);}*/

    section .layout-center .layout-subpage .basket-submenu > a{font-size: 2vw}

    header .basket-float{top: 100px; left: 0px!important; width: 100%;box-sizing: border-box; }
    header.fixed .basket-float{top: 70px;  }
    header .basket-content-wrap{width: auto;margin: 0px 15px; right: 0px;position: relative;}
    header .basket-content .cont-title::before {right: 55px;}
    header .basket-content .cont-title .hide{right: 10px;}
  
 section .help-box .box-title{font-size:17px;} 
section #about-page p.big{font-size:16px!important;}
section #about-page p{font-size:14px;}

section #top-banner.about-banner::before{position:absolute; left:0; top:0; width:100%; height:100%; background:  #000000; content: ''; opacity:0.5; background-size: auto 100%}
section #top-banner.about-banner .stroke-text img{max-width:100%;}
section #top-banner.about-banner p.p1{font-size:20px;}
section #top-banner.about-banner p{font-size:16px;}
section #top-banner.about-banner .stroke-text{padding-bottom:5px;}
section .about-photo{padding:30px 0}
}


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

    header {padding-bottom:50px;}
    header .middle-box .table-container .col.search{position:absolute; padding:0px; left:0; top:100%; width:100%; box-sizing:border-box; }
    header .middle-box .table-container .col.search .search-wrap{margin:0px -15px; display:block; padding:0px 15px;  }
    header.v2 .middle-box .table-container .col.search { padding:0px!important }
    header.v2 .middle-box .table-container .col.search .search-wrap{ padding:10px 15px; background:#A90111; }
    header.fixed .middle-box .table-container .col.search {padding:0px!important ;}
    header.fixed .middle-box .table-container .col.search .search-wrap{margin:0; max-width:100%;padding:10px 15px; background:#A90111;  -webkit-box-shadow: 0 0 15px 0 #242424; -moz-box-shadow: 0 0 15px 0 #242424; box-shadow: 0 0 15px 0 #242424;}

    header .middle-box .table-container .col #search{margin-top:0!important; max-width:100%;}

    header.fixed .middle-box .table-container .col.logo img{width:100px!important}

    section #top-banner.contact-banner{padding-top:60px; padding-bottom:30px;}
    section #top-banner.contact-banner .row{margin-top:0px}
    section #top-banner h1{font-size:38px;}
    section .layout-center .contact-block{margin-top:20px;}
    section #top-banner p br{display:none}
    section #top-banner.about-banner{margin-top:63px}

    section #top-banner.about-shopping-banner .layout-center .box-wrap{padding-top:60px;}
}


@media only screen and (max-width: 550px){
    .button.v3.buy {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 {padding-top: 0px;}
    section .layout-center #detail .left-side .big-image img{max-height:300px}

    h1{ font-size: 28px; 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;padding-top:5px;padding-bottom:0}

    section .layout-center #detail h1{font-size:28px;}

    section .layout-center #detail-wrap{margin-top:10px;}

    .layout-center .title{font-size:25px;}
    h3{font-size:18px; text-align: center;}
    .layout-center p{font-size:13px;}

    section .brand-title span{width:auto;}

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

    section .layout-center  .tag   {top:10px; }


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

    .layout-center .title.boxed > span{max-width: 230px;}

    section.hp-tabs-container{padding-top:15px;}
    section .layout-center .products-wrap{position:relative;}
    section .layout-center .products.owl-carousel.v3 .owl-controls{top:50%!important; }
    section .layout-center .products.owl-carousel .owl-controls{top:33%!important; width:100%; right:0px!important;}
    section .layout-center .products.owl-carousel .owl-controls .owl-nav {top:-20px; position:relative;}
    section .layout-center .products.owl-carousel .owl-controls .owl-nav > div{position:absolute; top:0px; width:36px; height:72px; border:0px; z-index: 9000}
    section .layout-center .products.owl-carousel .owl-controls .owl-nav > div.owl-prev{left:-1px;background: url(../images/arr_l.png) no-repeat left top;filter: alpha(opacity=35);-moz-opacity:0.35;-khtml-opacity: 0.35;opacity: 0.35;}
    section .layout-center .products.owl-carousel .owl-controls .owl-nav > div.owl-next{right:-1px;background: url(../images/arr_r.png) no-repeat right top;filter: alpha(opacity=35);-moz-opacity:0.35;-khtml-opacity: 0.35;opacity: 0.35;}
    section .layout-center .products.owl-carousel .owl-controls .owl-nav > div:hover{background-position: left bottom;filter: alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}

    section .layout-center .products.owl-carousel.v3 .owl-controls .owl-nav > div{top:50%; margin-top:-15px;}
    section .layout-center .products.owl-carousel.v3 .owl-controls .owl-nav > div.owl-prev{left:-1px;}
    section .layout-center .products.owl-carousel.v3 .owl-controls .owl-nav > div.owl-next{right:-1px;}

    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 .layout-center .products .item .wrap .image-box .favorite{top:9px; right:6px;}

    section .layout-center .hp-tabs {float:none; margin:0px; font-size:0px;}
    section .layout-center .hp-tabs li{width:50%; box-sizing: border-box; padding:0px; float:none; display:inline-block; margin:-1px 0px 0px 0px;}
    section .layout-center .hp-tabs li.current a{border-bottom:1px solid #DFDFDF;}
    section .layout-center .hp-tabs li:nth-child(even) a{border-left:0px!important;}
    section .layout-center .hp-tabs li:last-child:not(:nth-child(even)){width:100%;}

    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 .products .item .wrap .size-chart > a{font-size:9px; line-height:35px;}

    header #head-filter { padding-bottom:13px;}
    header #head-filter .wrap > div{ width:100%;  padding:2px 5px!important;}

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

    section .hp-text-wrap > div:first-child p{ font-size: 12px}
    section .hp-text-wrap > div:first-child h1{font-size: 8vw}
    section .hp-text-wrap > div:first-child .subtitle{font-size: 5.5vw}
    section .hp-text-wrap > div.video-block p{font-size: 4vw; line-height: 105%;}
    section .hp-text-wrap > div.video-block h3{font-size: 5.5vw; text-align: left; line-height: 105%;}


    section .hp-text-wrap > div.video-block .block-wrap::before{width: 95%}


    section .layout-center .review-block{margin-top: -5vw}
    section .layout-center .review-block  .item .item-c > div:last-child{font-size: 2.5vw; line-height: 120%}
    section .layout-center .review-block  .item .item-c > div:last-child strong{font-size: 5vw; padding-bottom: 5px;}


    section .layout-center .review-more{font-size: 15px;}
    section .layout-center .review-block  .item > .wrap{font-size: 12px}

    section .layout-center .review-block.owl-carousel .owl-controls .owl-nav {top:-36px; position:relative;}
    section .layout-center .review-block.owl-carousel .owl-controls .owl-nav > div{position:absolute; top:0px; width:36px; height:72px; border:0px; z-index: 9000}
    section .layout-center .review-block.owl-carousel .owl-controls .owl-nav > div.owl-prev{left:-15px;background: url(../images/arr_l.png) no-repeat left top;filter: alpha(opacity=35);-moz-opacity:0.35;-khtml-opacity: 0.35;opacity: 0.35;}
    section .layout-center .review-block.owl-carousel .owl-controls .owl-nav > div.owl-next{right:-15px;background: url(../images/arr_r.png) no-repeat right top;filter: alpha(opacity=35);-moz-opacity:0.35;-khtml-opacity: 0.35;opacity: 0.35;}
    section .layout-center .review-block.owl-carousel .owl-controls .owl-nav > div:hover{background-position: left bottom;filter: alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}


    footer .newsletter .cont .wrap{padding-left: 0px; padding-right: 0px;}
    footer .newsletter .cont .wrap .info{font-size: 14px;}


    section .layout-center .selected-filter > span{line-height: 30px; font-size: 12px; padding: 0px 5px 0px 8px}
    section .layout-center .selected-filter > span strong{font-size: 13px; padding-right: 8px;}
    section .layout-center .ordering > div:last-child {text-align: left; white-space: normal;}
    section .layout-center .ordering > div:last-child select{font-size: 14px; width: 100%; margin-top: 3px;}
  
  section .benefits-section{padding:20px;}
  section .benefits-section ul {grid-gap:0px 0; margin-top:10px;}
  section .benefits-section ul li {padding-left:50px;}
  section .benefits-section ul li .num{width:30px;top:-2px;}
  section #about-page p{font-size:14px;}
  section .benefits-section h2{font-size:25px;}
  section #about-page h3{font-size:25px;}
  section #about-page .line-wrap.family {margin-bottom:15px;}
  section #about-page .line-wrap.family img{max-width:70%;}


  .big-menu ul li a{font-size: 14px;}
  .big-menu ul li a span img{height:40px;}
  .big-menu ul li a span {padding-bottom:10px;}

  section #about-shopping-page .info-layout > div{flex: 1 1 calc(100% - 10px);}
  section #about-shopping-page .info-layout > div .big-link{margin-bottom:20px;}
  section #about-shopping-page .info-layout > div .wrap{padding-right:0}

  section #about-shopping-page h3{font-size:20px;}
  section #about-shopping-page h2{text-align:center;}
  .title-line::before{left:50%; margin-left:-27px;}
  section #about-shopping-page .free-delivery-box{padding:15px; font-size:20px;}

  section #about-shopping-page .grey-section .padding-wrap ul h4{font-size:20px;}

  section #about-shopping-page .delivery-company h3{font-size:18px;}
  section #about-shopping-page .delivery-company h3 span{display:block; padding-top:5px; padding-left:0}
}


@media only screen and (max-width: 500px){
  
  section .layout-center .banner-list .item {margin-bottom: 20px;margin-right:0;width: calc(50% - 10px);}

  section .layout-center .banner-list .item:nth-child(even) {
    margin-right: 0px;
    float:right
  }

    footer .container .col{width:100%!important;}
    footer .container::before {display:none;}
    footer .container .col p.title::after {margin-top:-3px;}
    footer .newsletter{margin-bottom:0px;}

    section .layout-center #detail .gallery {margin-left:-5px; margin-right:-5px;}
    section .layout-center #detail .gallery .item{padding:5px;}
    section .layout-center #detail .left-side{padding-bottom:0px;}

    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{font-size:12px;}
    section .layout-center .top-table .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;}


    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 .layout-center .products.owl-carousel .item{padding-bottom: 9vw;}

    section .bx-wrapper .bx-controls{display:none;}
    .other-slider-wrap {padding:3px;}

    section .layout-center .benefits .item strong{font-size:11px;}

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

    section .layout-center .blog .item .wrap .desc h3{font-size:17px;}
    section .layout-center .blog .item .wrap .desc{font-size:12px;}
    section .layout-center .blog .item .wrap .desc .date{font-size:12px;}


    body section .layout-center .products .item .wrap .button-wrap .button{font-size: 2.8vw; line-height: 35px;}
    section .layout-center .products .item .wrap .hidden-box{bottom: 0px; margin-top: 15px;}
    section .layout-center .products .item .wrap .availability{margin-bottom: 5px;}
    section .layout-center .products .item .wrap h3{margin-top: 10px; margin-bottom: 0px;}


    section .layout-center .products .item .wrap h3{font-size:13px;}
    section .layout-center .products .item .wrap .code{font-size:12px;}

    section .layout-center .layout-subpage .login-box .wrap{padding: 20px;}


    section .layout-center .tabs1 .tab-container .etabs li a{  font-size: 14px!important}

    section .layout-center .layout-subpage .basket-footer .wrap > div:last-child .button{font-size: 4vw; padding: 0px; }
    section .layout-center .layout-subpage p.coupon-form button.button{position: relative; width:100%;border-radius: 0px; font-size: 4vw; }
    section .layout-center .layout-subpage p.coupon-form{padding-right: 0px;}
    section .layout-center .layout-subpage p.coupon-form #inp-coupon{font-size: 14px;}
    section .layout-center .layout-subpage .sum-total > span{font-size: 15px;}
    section .layout-center .layout-subpage .sum-total > span:last-child{font-size: 23px;}


    section .layout-center .layout-subpage .order-summary .item .image{width: 60px;}
    section .layout-center .layout-subpage .order-summary .item{padding-left: 75px;}
    section .layout-center .layout-subpage .basket-summary > div .container-box .box-title{font-size: 5vw}

    header .basket-content .item > div .name{font-size: 12px;}
    header .basket-content .item > div.img img{width: 100%;}
    header .basket-content .button{font-size: 5vw}


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

    header .middle-box .table-container .col.header-contact p{font-size: 12px !important;line-height:110%}
    header .middle-box .table-container .col.header-contact p strong{font-size: 110% !important}
    section .layout-center .layout-subpage .basket-navigate > div{font-size: 2.1vw}
    section .layout-center .layout-subpage .basket-navigate > div span{font-size: 20px; padding-left: 10px;}
  section #about-page .side-line{font-size:30px;}
  section #about-shopping-page .grey-section .padding-wrap ul h4{font-size:18px;}
  section #about-shopping-page .grey-section .padding-wrap ul{margin-top:20px;}
  section #about-shopping-page .info-layout > div .big-link{margin-top:0}
}


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

    section .layout-center .layout-subpage .login-box .wrap .btn-wrap{display: block;margin-top: 15px;}
    section .layout-center .layout-subpage .login-box .wrap .btn-wrap > div{display: block;}
    section .layout-center .layout-subpage .login-box .wrap .btn-wrap > div:last-child{text-align: center; padding-top: 15px;}
    section .layout-center .layout-subpage .login-box .wrap .btn-wrap > div .button{max-width: 100%;}
    section .layout-center .layout-subpage .login-box .log-title{font-size: 7vw}

    section .layout-center #detail-wrap table.data-table tr td{ padding:5px 10px;  }


    section .layout-center .filter-wrap a{font-size:12px!important;}

    section .layout-center .article .item, section .layout-center .article.thin .item{width:100%; }

    section .layout-center .products-wrap{margin-left:-10px; margin-right:-10px;}


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

    .detail-box .input-group-btn-vertical > .btn{width:25px; background-size:12px auto!important; height:50px;}

    .spinner{width:50px;}
    .detail-box .spinner input{height:50px;}
    .spinner-wrap{padding-left:110px;}

    section .layout-center ul.subcategories > li a > span{font-size:11px;}
    section .layout-center ul.subcategories > li a > span:first-child{width:40px;}
    section .layout-center ul.subcategories > li a  img{width:40px;}
    section .layout-center ul.subcategories {margin-left:-5px; margin-right:-5px;}
    section .layout-center ul.subcategories > li{padding:5px; }

    section .layout-center .tabs1 .tab-container .etabs li a{font-size:14px;}
    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;}
    section .layout-center .products.owl-carousel.v3 .owl-controls .owl-nav > div.owl-prev{left:-5px;}
    section .layout-center .products.owl-carousel.v3 .owl-controls .owl-nav > div.owl-next{right:-5px;}


    header .middle-box .table-container .compare-col,
    header .middle-box .table-container .favorite-col{display:none;}
    header .middle-box .table-container .col.logo img{max-width: 120px;}

    section .layout-center .products .item .wrap .price{font-size:14px;}
    section .layout-center .products .item .wrap .original-price, section .layout-center .products .item .wrap .price.smaller{font-size:11px;}
    section .layout-center .products .item .wrap h3{font-size:11px; margin-bottom:10px;}
    section .layout-center .products .item .wrap .availability{font-size:10px;margin:6px 0px 10px 0px;}
    section .layout-center .products .item .wrap h3 a{padding:0px 10px;}
    section .layout-center .products .item .wrap .info-wrap{margin:10px -14px 0px -14px}
    section .layout-center .products .item .wrap .availability{ font-size:10px; line-height:12px;}
    section .layout-center .products .item .wrap .button-wrap{margin-top:5px;}
    section .layout-center .products .item .wrap .info-wrap{margin-top:0px;}
    section .layout-center .products .item .wrap .code{margin-top:0px;}

    section .layout-center #detail-wrap .tabs1 .tab-container .etabs li a{font-size:13px;}

    section .layout-center .product-table tr td.prices{float:none; text-align: center; padding:0px;}
    section .layout-center .product-table tr td.prices span{ text-align: center;}
    section .layout-center .product-table tr td.code{text-align: center;}
    section .layout-center .product-table tr td.availability{float:none; margin:0px;}
    section .layout-center .product-table tr td.btn-box{padding-right:15px; padding-top:10px;}
    .spinner-wrap.v3{display:block;}
    .spinner-wrap.v3 .button.btn-orange{width:100%;}
    section .layout-center .product-table .desc h3 {font-size:16px;}
    section .layout-center .product-table .desc p{font-size:13px;}

    section .layout-center .subcategory-tags .item a{font-size:14px; line-height:30px; padding:0px 10px;}

    section .layout-center .big .tag{top:0px;left:90px; z-index: 5000;}
    section  .help-box form {padding-right:0px; }
section  .help-box form .tel{text-align:center;}
section  .help-box form button{position:relative; width:100%; margin-top:5px;}
section .layout-center .contact-block .item .wrap{padding-bottom:55px;}
/*section .layout-center .contact-block .item .wrap .more-info{max-width:100%; border-top-right-radius:22px;}*/

}

@media only screen and (max-width: 420px){
    section .layout-center .pagination{margin-top:20px; margin-bottom: 20px;}

    #top-line .quick-contact {display: none;}
    header .col.currency{right: auto;  left:-3px; }

}


@media only screen and (max-width: 400px){
    .submit_spec{font-size:100%;}

    section .layout-center  .tag li span > span{ font-size:10px;  }

    header .middle-box .table-container .col.account .account-wrap a{font-size:12px;}

    section .layout-center #detail .gallery .item.more-items a strong > span i{font-size:10px;}
    section .layout-center #detail .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;}

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

    body .sb-slidebar h4{font-size:22px;  } 
    body .sb-slidebar h4 img{width:22px;height:22px;margin-top:10px;}
    .sb-slidebar .compare a span , .sb-slidebar .favorite a span,
    .sb-slidebar .compare a span i, .sb-slidebar .favorite a span i{width:14px; line-height: 14px; height:14px;}

    section .layout-center .filter-wrap a{font-size:15px;}

    section .layout-center .favorites{margin-bottom:40px;}
    section .layout-center .favorites .item .item-cont ul li {display:block;padding-right:0px;}
    section .layout-center .favorites .item{margin-bottom:0px;}
    section .layout-center .favorites .item .item-cont{padding-top:10px;}

    section .layout-center .delivery-table tr td strong{font-size: 14px;}
    section .layout-center .delivery-table tr td p{font-size: 11px;}
    section .layout-center .delivery-table tr td.price{font-size: 12px;}

    section .layout-center .layout-subpage .order-summary .item .desc > div{font-size: 10px;}
    section .layout-center .layout-subpage .order-summary .item .desc > div strong{font-size: 11px;}
    section .layout-center .layout-subpage .order-summary .item .name{font-size: 12px;}
    section .layout-center .layout-subpage .order-summary .item .desc > div:last-child{font-size: 14px;}
    section .layout-center .layout-subpage .order-summary .prices tr td{font-size: 14px;}

    section .layout-center .layout-subpage .order-summary .total tr td{font-size: 14px;}
    section .layout-center .layout-subpage .order-summary .total tr td:last-child{font-size:20px; }

    section .layout-center .layout-subpage .basket-summary > div:last-child .button{font-size: 5vw}

    section .layout-center .add-address{padding-right: 20px; font-size: 12px;}

    section .layout-center .contact-block .item .wrap > div img{width:90px;}
    section .layout-center .contact-block .item .wrap > div:first-child{width:110px;}
    section .layout-center .contact-block .item .wrap .job{font-size:12px;}
}

@media only screen and (max-width: 385px){
    #top-line .quick-contact span{display:none;}
}



@media only screen and (max-width: 360px){
  header .middle-box .table-container .col.logo {padding:10px 0px;}
  header .middle-box .table-container .col.logo img{width:130px!important;}

  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:12px; line-height: 12px;}
}


@media only screen and (max-width: 340px){
    section .layout-center ul.subcategories > li {width:100%}
    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;}
    header .middle-box .table-container .col.account .account-wrap{padding-left:10px;}
}


/* SIMPLEBAR CSS */

[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%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  visibility: visible;
  max-width: 100%; /* Not required for horizontal scroll to trigger */
  max-height: 100%; /* Needed for vertical scroll to trigger */
  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:#E00A1E;
  border-radius: 0px;
  left: 2px;
  right: 2px;
  opacity: 0;
  transition: opacity 0.2s linear;
  cursor:pointer;
}

.simplebar-scrollbar.simplebar-visible:before {
  /* When hovered, remove all transitions from drag handle */
  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;
}

/* Rtl support */
[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;
}

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




.switch, .switch *{box-sizing: border-box;}

.switch {
  margin: 0 40px!important;
}
/* main styles */
.switch {
  position: relative;
}
.switch input {
  position: absolute;
  top: 0;
  z-index: 2;
  opacity: 0;
  cursor: pointer;
}
.switch input:checked {
  z-index: 1;
}
.switch input:checked + label {
  opacity: 1;
  cursor: default;
}
.switch input:not(:checked) + label:hover {
  opacity: 0.5;
}
.switch label {
  color: #fff;
  opacity: 0.55;
  transition: opacity 0.25s ease;
  cursor: pointer;
  font-family: 'Jost', sans-serif; font-weight:800;
}
.switch .toggle-outside {
  height: 100%;
  border-radius: 10px;
  padding: 0;
  overflow: visible;
  transition: 0.25s ease all;
}
.switch .toggle-inside {
  border-radius: 20px;
  background: #ffffff;
  position: absolute;
  transition: 0.25s ease all;
}
.switch--horizontal {
  width: 42px;
  height: 10px;
  margin: 0 auto;
  font-size: 0;
  margin-bottom: 1rem;
}
.switch--horizontal input {
  height: 10px;
  width: 42px;
  left: 0;
  margin: 0;
}
.switch--horizontal label {
  font-size: 12px;
  line-height: 20px;
  display: inline-block;
  width: 40px;
  height: 100%;
  margin: 0;
  text-align: center;
  position: absolute; right: 100%; top: -3px;
}
.switch--horizontal label:last-of-type {
  right: auto; left: 100%;
}
.switch--horizontal .toggle-outside {
  background: #56D1FF;
  position: absolute;
  width: 42px;
  left: 0;
}
.switch--horizontal .toggle-inside {
  height: 20px;
  width: 20px;
  margin-top: -5px;
}
.switch--horizontal input:checked ~ .toggle-outside .toggle-inside {
  left: 0px;
}
.switch--horizontal input ~ input:checked ~ .toggle-outside .toggle-inside {
  left: 100%;
  margin-left: -20px;
}

.switch--no-label label {
  width: 0;
  height: 0;
  visibility: hidden;
  overflow: hidden;
}
.switch--no-label input:checked ~ .toggle-outside .toggle-inside {
  background: rgba(0,0,0,0.2);
  border: 1px solid rgba(0,0,0,0.2);
}
.switch--no-label input ~ input:checked ~ .toggle-outside {
  background: #fff;
}
.switch--no-label input ~ input:checked ~ .toggle-outside .toggle-inside {
  background: #2ecc71;
}
.switch--no-label.switch--vertical {
  width: 3rem;
}
.switch--no-label.switch--horizontal {
  width: 6rem;
}
.switch--no-label.switch--horizontal input,
.switch--no-label.switch--horizontal .toggle-outside {
  left: 0;
}
.switch--expanding-inner input:checked + label:hover ~ .toggle-outside .toggle-inside {
  height: 2.5rem;
  width: 2.5rem;
}
.switch--expanding-inner.switch--horizontal input:hover ~ .toggle-outside .toggle-inside {
  width: 3.5rem;
}
.switch--expanding-inner.switch--horizontal input:hover ~ input:checked ~ .toggle-outside .toggle-inside {
  left: 2.25rem;
}
.switch--expanding-inner.switch--vertical input:hover ~ .toggle-outside .toggle-inside {
  height: 3.5rem;
}
.switch--expanding-inner.switch--vertical input:hover ~ input:checked ~ .toggle-outside .toggle-inside {
  top: 2.25rem;
}
/* mixin */