@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Spartan:wght@100;400;500;700&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:  'Spartan',sans-serif; 
  font-weight:400;color:#55617f; font-size:15px;line-height:200%;background: #ffffff ; overflow:hidden; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: none; -ms-text-size-adjust: 100%;}
body::before {height: 140px; width: 100%; position: absolute; left: 0px; top: 0px; content: ' '; background: #161A24}

  html.disableScroll{overflow:hidden; }

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

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: 'Spartan', 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}

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 .owl-dots  {position:absolute; right:20px; bottom:15px;}
.slider .owl-dots > div {display:inline-block; padding:0px 5px;}
.slider .owl-dots  span{width:15px;  height:15px; border-radius:15px; background:#ffffff; display:inline-block;}
.slider .owl-dots  .active span{background:#00A2DF}
.slider > li > a{display:block;}

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

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


.orange-color{color:#f08a26;}

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

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

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

.button, .toggle-filter{padding:0px 30px; text-decoration: none; line-height:46px; overflow: hidden;  position:relative; display:inline-block; z-index:1000; cursor:pointer;margin:0; border-radius: 0px; box-sizing: border-box; text-align: center;   background: #005F9B;white-space:nowrap; color:#ffffff !important; border:0;  font-family:'Bebas Neue',sans-serif;  font-size:20px; font-weight:400; -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; }
.button::before{width: 100%; height: 100%; content:' '; position:absolute; left:0px; bottom:0px; z-index:1200;  background:#00A2DF;  border-bottom-left-radius: 22px; -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;}
.button span{display: block; z-index: 3000; position: relative;}
.button:hover::before{ opacity:0 }

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

a.button.v3::before{width: 0%; height: 100%; content:' '; position:absolute; left:0px; bottom:0px; z-index:1200;  background:#00A2DF;  border-bottom-left-radius: 22px; -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;}

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




.inp-text{box-sizing:border-box; width:100%; height:43px; background: #ffffff; border-radius:0px; font-size:16px; padding:0 15px; color:#443732; border-radius:4px; border:0;border:1px solid #C3B5AC;}
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; }
  

.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; background: #00A2DF;}

header .middle-box{ position:relative; width:100%; height:0px; box-sizing: border-box;padding:0px 0px 0px 0px; z-index:9999!important;}
/*header .middle-box::after{content: ' '; width:100%; position:absolute; bottom:0px; left:100%; height:100%; padding-top: 5px;background: #00A2DF; }*/


header .middle-box .table-container{ display:table; position:absolute; right:0px; top:8px; }
header .middle-box .table-container .col{display:table-cell;vertical-align:middle;padding-left:50px; width:32px;padding-top:0px; 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:38px; padding-rght:20px;white-space:nowrap; width:auto; text-align:left; width: 383px; display:none}
header .middle-box .table-container .col.logo img{ position:relative; max-width: 383px; width:383px; top:0px;}

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;}
header .middle-box .table-container .col.account .account-wrap  {display:inline-block; padding-left:35px; line-height: 18px; padding-bottom: 0px; position:relative;}
header .middle-box .table-container .col.account .account-wrap  .icon {position:absolute; left:0px;top:50%;margin-top:-15px; }
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;  padding-left:20px; }
header .middle-box .table-container .col.basket-info .wrap {color:#292f3f;  display:table; height:51px; }
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.hide .wrap > div .price strong{ color:#666666; }
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.hide a{ background-image: url(../images/svg/kosik-hide.svg); }
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:#161A24; background-size:100% auto; }
header .middle-box .table-container .basket a span {  color:#ffffff; font-size:12px; font-weight:700; font-family:  'Spartan',sans-serif; text-align: center; font-style:normal!important;  line-height: 22px; display:inline-block; width:20px; }
header .middle-box .table-container .basket.hide a span {  color:#666666; }
header .middle-box .table-container .basket a span i{  font-style:normal!important;  }

header .middle-box .table-container .favorite a, .sb-slidebar .favorite a{display:inline-block; font-weight:300; position:relative; width:32px; height:32px; 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: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 .favorite a:hover span, .sb-slidebar .favorite a:hover span{background: #00a2df;}
header .middle-box .table-container .favorite a span i, .sb-slidebar .favorite 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 .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: #00a2df;}
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; }

#top-line-wrap{background: transparent ;  z-index:9995; position:relative; max-width: 1500px; margin: 0px auto}
#top-line{background: transparent ; height:60px; z-index:99999; position:relative; color:#ffffff;}
#top-line::before{content:' '; right:100%; height:100%; width:100%; background:  #191D27; position:absolute; top:0;  display: none}
#top-line::after{content:' '; left:100%; height:100%; width:100%; background:  #191D27; position:absolute; top:0;display: none}
#top-line .quick-contact{ position:absolute; left:350px; top:0px; line-height:60px; font-size:12px; font-weight:400; color: #ffffff;}
#top-line .quick-contact span.phone {margin-left:40px;padding-left:30px;background:url(../images/svg/telefon.svg) no-repeat left center; background-size:20px auto;display:inline-block}
#top-line .quick-contact span.address {padding-left:35px;background:url(../images/svg/home2.svg) no-repeat 5px 18px; background-size:20px auto;display:inline-block}
#top-line .quick-contact a{ color: #ffffff;}
#top-line .quick-contact strong{display:inline-block; line-height:100%; font-weight:700; padding-right: 15px;}
#top-line .quick-contact .email{color:#00b9ff;display:inline-block; font-weight: 800; padding-left:30px; background:url(../images/svg/mail.svg) no-repeat left center;  background-size:21px auto; margin-left:30px; text-decoration:underline;}
#top-line .quick-contact .email:hover{text-decoration:none;}

#top-line .top-logo{position:absolute; left:0; top:10px;}
#top-line .top-logo img{max-height:35px;}

#top-line .ddcommon{position: absolute; right: 0px; top: 15px; width: 90px!important; border: 0px;}
body #top-line .dd .ddTitle{background: transparent!important; color: #ffffff; font-size: 12px; font-weight: 800;  font-family:  'Spartan',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{padding-right: 10px;}
body #top-line .dd .ddArrow{background-image: url(../images/svg/menu-arrow-hover.svg); background-position: center 5px!important}


.top-menu{position:absolute; top:0px; right:0px; margin:0px; padding:0px; list-style: none; white-space: nowrap; font-size:0px; display:table;   }
.top-menu li{display:table-cell; font-size:15px; line-height: 40px; font-weight:300; padding-right:0px; position:relative;}
.top-menu li a{color:#ffffff!important; display:inline-block; line-height: 40px; padding:0px 15px;}
.top-menu li a img{position:relative; top:-3px;}
.top-menu > li:hover > a{text-decoration:none !important;background: #00a2df !important}
.top-menu li ul li a:hover{text-decoration:underline !important;color: #000 !important}
.top-menu li:hover ul{visibility:visible; opacity:1; }
.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-menu li ul li {float:none; display:block; padding:2px 0px; line-height: 20px; white-space:nowrap;}
.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;}

.lang {padding:0px 0px 0px 0px; position:absolute; right:0px; top:15px;background:url('../images/svg/arrow-lang.svg') no-repeat right center;}
.lang  select{background:transparent;  text-align: center; cursor:pointer; border:0px; padding:0px 12px 0px 10px; margin:0px; color:#ffffff; font-size:14px!important; font-weight:700!important; -webkit-appearance: none; -moz-appearance: none; appearance: none;  font-family:"Spartan", sans-serif;}
.lang  select:hover{text-decoration: underline}
.lang  select option{font-size:14px;text-align: center; }
.lang  select::-ms-expand {display: none; /* Hide the default arrow in Internet Explorer 10 and Internet Explorer 11 */ }
@media screen and (min-width:0\0) {.lang {background-image:none\9; padding: 5px\9; } }

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

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

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

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

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



header .middle-box .table-container .col.search{ width:auto; padding-left:50px; padding-top: 30px; position:relative; display:none  }

header .middle-box .table-container .col  #search-toggle {background:#ffffff url(../images/svg/hledani.svg) no-repeat center center; background-size:25px auto; display:inline-block; width:40px; height: 35px;}
header .middle-box .table-container .col  #search-toggle img {display:none}
header .middle-box .table-container .col  #search-toggle.cross  {background: #ffffff;}

header .middle-box .table-container .col  #search {position:relative;z-index:9998; box-sizing: border-box;}
header .middle-box .table-container .col  #search > p{ padding:0px;width:100%; max-width:625px; margin:0px auto; position:relative; padding-right:0px; box-sizing: border-box;}
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: 0 ; height:48px; padding:0 45px 0 15px; font-size:13px; color:#00a2df; font-family:'Spartan', 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: #00a2df; }
header .middle-box .table-container .col  #search > p #inp-search:-ms-input-placeholder { /* IE 10+ */ color: #00a2df; }
header .middle-box .table-container .col  #search > p #inp-search::-moz-placeholder { /* Firefox 19+ */ color: #00a2df; opacity: 1; }
header .middle-box .table-container .col  #search > p #inp-search:-moz-placeholder { /* Firefox 4 - 18 */ color: #00a2df; opacity: 1; }
header .middle-box .table-container .col  #search > p  button.btn{  height:49px; width:49px; line-height: 49px;  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:25px 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:17px; 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.mobile-search {width:28px; padding-left:2px; display:table-cell;}
header .middle-box .table-container .col.mobile-search img {width:28px; height:auto; top:-2px; position:relative;}

header .middle-box .table-container .col.search.show{position:absolute; right:0; top:100%; width:400px!important; margin-top:10px; padding:0px 0px 0px 0px;display:block; box-sizing: border-box; }
header .middle-box .table-container .col.search.show form{margin:0px auto; padding:15px 15px 15px 15px; background: #00A2DF; max-width:400px; }
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;}
header .middle-box .table-container .col.search.show #search > p button.btn{width:42px;}

#header.fixed .overlay-search{top:-2px;}

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

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 {position:fixed;left:0px; opacity:1!important;margin:0px;padding:0px; top:-1px; width:100%; -webkit-box-shadow: 0 0 15px 0 #444; -moz-box-shadow: 0 0 15px 0 #444; box-shadow: 0 0 15px 0 #444;}
header.fixed::before {display:none;}
header.fixed .middle-box .currency{display:none;}
/*header.fixed .middle-box .table-container {height:auto; margin:0px 0px;}*/
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:auto;}

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::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 #head-filter{ background: #00a2df;position:relative;}
header #head-filter::after{height:100%; width:100%; content:' '; position:absolute;left:100%; top:0px;   background: #00a2df;}
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:'Spartan',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 #menu-space{height:33px;}

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{margin:0px auto; width:100%; max-width: 1500px; z-index: 6000; display:table;}
header #menu.fixed-menu .scroll-bg{background: #00A2DF; opacity:0.95; position:absolute; right:0px; top:0px; width:calc(1500px + calc(calc(100% - 1500px) /2)); 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 {display:table-cell;}
header #menu.fixed-menu .menu > li.logo-menu {display:table-cell;width:70px;}
header #menu.fixed-menu .menu > li > .sub {top: 58px;}
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{background: #00A2DF; position:relative; z-index: 9000; top: 0px; width:100%; }
header #menu .menu{margin:0px 0px; position:relative; padding:0px 0px 0px 0px ; list-style: none; position:relative;   font-size:0px; text-align: left; display:block; top:0px; }
header #menu .menu::after{content: ' '; width:100%; position:absolute; top:0px; left:100%; height:58px; background: #00A2DF; }
header #menu .menu > li.logo-menu {display:none;}
header #menu .menu > li.logo-menu img{height:25px;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; }
header #menu .menu > li:nth-child(2){padding-left:15px; }
header #menu .menu > li > a{line-height: 58px; padding:0px 15px; font-size:23px; text-transform: uppercase; text-align: center; color:#ffffff; font-family:'Bebas Neue',sans-serif; font-weight:400; text-decoration: none;  position:relative; display:block; margin-bottom: 0px; white-space: nowrap;  }
header #menu .menu > li.akce > a{color:#00a2df;}
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; padding-right:18px; margin:0px auto;}
header #menu .menu > li > a > span::before {content:' '; position:absolute; right:0px; top:50%; width:10px; height:10px; margin-top:-6px; background: url(../images/svg/menu-arrow.svg) no-repeat center center;}
header #menu .menu > li:hover > a > span::before { background: url(../images/svg/menu-arrow-hover.svg) no-repeat center center;}
header #menu .menu > li > a > span > img{margin-top:-5px; padding-right:8px; position:relative;display:inline;}
header #menu .menu > li > a > span > svg{margin-bottom:-3px; padding-right:8px; position:relative; display:inline;}
header #menu .menu > li:hover > a > 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::before  {opacity:1;}
header #menu .menu > li.current > a {}
header #menu .menu > li.with-sub:hover .sub{ }
header #menu .menu > li > .sub{position:absolute; visibility:hidden; opacity:0; color:#161a24;  box-sizing: border-box; left:0px; top:58px; width:100%;z-index: 8000;  -webkit-transition: all 0.3s ease !important;  -moz-transition: all 0.3s ease!important; -o-transition: all 0.3s ease!important; -ms-transition: all 0.3s ease!important; transition: all 0.3s ease!important;}
header #menu .menu > li > .sub::before{position:absolute;width:300%; top:0px; left:100%; height:100%; content:" "; background: #ffffff; z-index: 7000;   box-shadow: 0px 13px 10px 0px rgba(0, 0, 0, 0.24);}
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;  }
header #menu .menu > li > .sub .wrap strong{font-weight:700; font-size:14px; color:#161a24; font-family:'Spartan',sans-serif; display:block; margin-bottom:15px;}
header #menu .menu > li > .sub .wrap > ul{ font-size:0px; display: block; margin:0px 0px; list-style: none; }
header #menu .menu > li > .sub .wrap > ul > li{display:inline-block; width:25%; box-sizing: border-box;  padding:10px 10px 35px 70px; vertical-align: top; position: relative;}
header #menu .menu > li > .sub .wrap > ul > li > a{ color:#161a24; font-size:15px; line-height: 17px; font-weight:700; text-decoration: none; font-family:'Spartan',sans-serif; }
header #menu .menu > li > .sub .wrap > ul > li > a > img{position: absolute; left: 0px; top: -9px;}
header #menu .menu > li > .sub .wrap > ul > li a:hover{text-decoration:underline;}
header #menu .menu > li > .sub .wrap > ul > li > ul  {padding-top: 5px;}
header #menu .menu > li > .sub .wrap > ul > li > ul li {padding-top: 12px;}
header #menu .menu > li > .sub .wrap > ul > li > ul li a{ color:#161a24; font-size:13px; line-height: 17px; font-weight:400; text-decoration: underline; font-family:'Spartan',sans-serif; }
header #menu .menu > li > .sub .wrap > ul > li > ul li a:hover;{text-decoration: none;}
header #menu .menu > li > .sub .wrap > ul > li.current a{text-decoration:underline;}




#cover{padding-top:0px;}

section{ padding:60px 0 60px 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:0px;  height: 100%;} 
section.hp-slider{padding-top:50px;} 

section.gradient{background: url(../images/gradient-bg.png) repeat-x left top;border-top:1px solid #E3E3E3; }


.other-slider-wrap{background: #F6F6F6; padding:18px 0px 80px 0px; }
.other-slider-wrap {padding:15px;}
section.np{padding-top:0; }
section.main{padding-top:10px; }
/*section.hp-slider{padding-top:80px; }*/


body.subpage section.asymetric-layout{ margin-bottom: 150px;}
body.subpage footer{padding-top: 0px;}

section.asymetric-layout{padding: 0px; padding-left: calc(calc(100% - 1500px) /2); position: relative; z-index: 5000; margin-bottom: -85px;}
section.asymetric-layout .insta{padding-left:430px; background: #161A24; position: relative;margin-top:100Px}
section.asymetric-layout .insta-block{width: 430px; height: 100%; position: absolute; left: 0px; top: 0px; background:url(../images/instac.jpg) no-repeat left center; ;}
section.asymetric-layout .insta-block > div{height: 100%; width: 100%; display: table;}
section.asymetric-layout .insta-block > div > div{ display: table-cell; vertical-align: middle; text-align: center; color: #ffffff; font-size:29px; font-weight:300; line-height: 29px;}
section.asymetric-layout .insta-block > div > div span{display: inline-block;width: auto; text-align: left; margin: 0px auto;}
section.asymetric-layout .insta-block > div > div strong{color:#00b9ff; font-weight:800 ; font-size:36px; line-height:36px; display:block; padding-top:7px;  }

section.asymetric-layout .insta .owl-controls{position:absolute; right:0px; bottom:0; width:100%;}
section.asymetric-layout .insta .owl-nav > div{width:70px; height:70px;background-color: #252A37;  box-sizing: border-box;background-repeat:no-repeat; background-position:center center; background-size:20px auto;position:absolute; top: auto; bottom:0px; right: 100%;}
section.asymetric-layout .insta .owl-nav > div:hover{ background-color: #383E50;}
section.asymetric-layout .insta .owl-nav .owl-prev{ background-image: url(../images/svg/arrow-left.svg); margin-right:70px; }
section.asymetric-layout .insta .owl-nav .owl-next{ background-image: url(../images/svg/arrow-right.svg); }


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

h1{text-align: left; font-size: 40px; line-height: 120%;  font-family: 'Spartan', 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: 'Spartan', serif; font-weight:700; font-style:normal; color:#55617f; margin:0; padding:0px 0 30px 0;}
h3{text-align: left; font-size: 20px;  font-family: 'Spartan', 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: 'Spartan', serif; font-weight:600; font-style:normal; color:#161a24; margin:0; padding:1em 0 1em 0; margin:0px; }

p{color:#55617f; font-size:15px;line-height:200%;  font-weight:400;}
p a{color:#00a2df;}
p strong{font-weight:700; }
strong{font-weight:700; }


.layout-center .title-medium{color:#20201e; font-size:30px; font-family: 'Spartan', 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: 'Bebas Neue', 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:#292f3f; font-size:60px; font-family: 'Spartan', serif; font-weight:800;position:relative; text-align:center; padding:0px 0px 0px 0px; margin:0px 0px 40px 0px;  position:relative;overflow:hidden; }
.layout-center .title > span{display:inline-block;position:relative;}
.layout-center .title > span::before{position:absolute; right:100%; top:50%; content:' '; line-height:0px; height:2px; background: #161a24; width:42px; margin-top:-1px; margin-right:30px;}
.layout-center .title > span::after{position:absolute; left:100%; top:50%; content:' '; line-height:0px; height:2px; background: #161a24; width:42px; margin-top:-1px; margin-left:30px;}

.layout-center .title.boxed{color:#20201e; font-size:28px;  font-family: 'Spartan', 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: 'Spartan', 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:#00a2df;}
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:#00a2df; display:inline-block; line-height:22px;}
section .layout-center .article .item .wrap > div a:hover{color:#00a2df;}
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.v2 {padding:30px 0px; background: #161A24; position:relative; margin: 20px 0px 0px 0px;}
section .layout-center .benefits.v2::after{display: none;}
section .layout-center .benefits.v2::before{display: none;}
section .layout-center .benefits.v2 .item{  width:100%; float:left;box-sizing:  padding:0px 20px; margin: 20px 0px;}
section .layout-center .benefits.v2 .item>div{height:auto;  background:transparent; text-align:left; padding-left:75px; }
section .layout-center .benefits.v2 .item .icon img{height:36px; margin-bottom:0px; }
section .layout-center .benefits.v2 .item .icon {position: absolute; left: 0px; top: -3px; width: 60px; text-align: center;  }
section .layout-center .benefits.v2 .item strong{font-size:18px; line-height: 18px; }
section .layout-center .benefits.v2 .item span{font-weight: 400; font-size: 15px;}



section .layout-center .benefits {padding:0px 20px 0px 15px; background: #161A24; position:relative; margin: 0px -0px 60px -0px;}
section .layout-center .benefits::after{position:absolute; left:100%; top:0px; width:100%; height:100%; background: #161A24;  z-index: 8000; content: ' ';}
section .layout-center .benefits::before{position:absolute; right:100%; top:0px; width:15px; height:100%; background: #161A24;  z-index: 8000; content: ' '; display: none;}

section .layout-center .benefits a {text-decoration:none !important;}
section .layout-center .benefits .item{ display:table; width:25%; float:left;box-sizing: border-box; color:#292f3f; text-align: center; padding:0px 20px;}
section .layout-center .benefits .item>div{display:table-cell; vertical-align: middle; height:275px;  position:relative;background:url('../images/glow.png') no-repeat center center; background-size:100% auto; }
section .layout-center .benefits .item strong{font-size:20px; line-height: 20px; text-transform: uppercase; font-weight:800; color:#ffffff; font-family: 'Spartan', 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: 'Spartan', serif; display:block; padding-top:2px;}
section .layout-center .benefits .item .icon img{height:58px; margin-bottom:40px; }
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:-2px; width:100%; height:100%; padding-bottom:2px; background: #000; opacity:0.6; z-index: 9999}
.overlay-menu-search::before{display:none;position:absolute; right:100%; top:0px; width:100%; height:100%; background: #000; z-index: 8000; content: ' ';}
.overlay-menu-search::after{position:absolute; left:100%; bottom: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:1px 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:0px;  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: #00a2df; opacity:0.8;z-index:800}
.timesale {font-family: 'Spartan', 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: 'Spartan', 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:'Spartan', 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:33.33333333%;}
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: 800px; margin-left: auto;  margin-right: auto; background:#02142A;}
.swiper-container .swiper-slide-active{z-index: 5000}

.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: 0; padding-bottom: 0;}
.swiper-container .main-banner > div .inside-wrap h2 {font-size: 90px; line-height:100%; color:#ffffff; font-weight:400; font-family:'Bebas Neue', sans-serif; text-align:right; margin:0px; padding:0px; }
.swiper-container .main-banner > div .inside-wrap p {font-size: 30px; line-height: 130%; color: #ffffff; font-weight: 400; margin:0px; padding:0px;}
.swiper-container .main-banner > div .inside-wrap .button {line-height: 60px; background: #BBCEDC; font-size:18px; font-weight: 700; color:#001b40; font-family: 'Spartan', sans-serif; margin-top: 40px;}
.swiper-container .main-banner > div .inside-wrap .button::before { background: #ffffff; border-bottom-left-radius:30px; }
.swiper-container .main-banner > div .inside-wrap .banner-logo {padding-bottom: 30px;}
.swiper-container .main-banner > div .inside-wrap .banner-logo img {width:auto;height:auto;max-width: 21vw;max-height:100px}



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: #00a2df;}
section .layout-center .subcategory-tags .item.active a{color:#ffffff; background: #00a2df;}
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 {color:#52ac21; 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 -20px; 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:20px; }
section .layout-center .products .item:hover{z-index:9000;}
section .layout-center .products .item .wrap{margin:0px; padding:20px 20px 35px 20px;  position:relative; border:0;box-sizing: border-box;  -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; background: #ffffff;}
section .layout-center .products .item:hover .wrap{box-shadow: 0px 45px 60px 0px rgba(22, 26, 36, 0.19); }
section .layout-center .products .item .wrap h3{margin:20px -20px 18px -20px; padding:0px 0px; font-size:22px; color:#55617f; font-family:'Bebas Neue', sans-serif; font-weight:400; line-height: 130%;   text-align:center;}
section .layout-center .products .item .wrap h3 a{padding:0px 20px; display:block; vertical-align:middle;color:#55617f; 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:12px; }  
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%; margin-top:0px; } 
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:130px; padding-right:5px;} 
section .layout-center .products .item .wrap .button-wrap > div:last-child{width:auto; padding-right:0px;} 
section .layout-center .products .item .wrap .button-wrap .button{display:block; padding:0px 20px; float:none; margin:30px auto 0px auto } 


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; margin:0px -15px; -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-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: 'Spartan', 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{color:#6daf56; font-size:13px; font-weight:300;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:#161a24; font-size:16px; line-height:16px; font-weight:800; margin-top:0px; white-space:nowrap;}
section .layout-center .products .item .wrap .original-price, section .layout-center .products .item .wrap  .price.smaller {color:#161a24; font-size:14px; font-weight:400; position:relative;display:inline-block; margin:0px 5px 0px 0px; text-decoration:line-through;}  
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:12px;}
section .layout-center  .tag li span > span{ color:white;display:table-cell;font-family:'Bebas Neue', sans-serif; font-weight:400; font-size:18px; line-height: 26px;width:100%; vertical-align: top; text-align:center;  padding:0px 8px 0px 7px; box-sizing: border-box;  }
section .layout-center  .tag li span.blue {background-color:#55C9F5; }
section .layout-center  .tag li span.orange {background-color:#E98263; }
section .layout-center  .tag li span.yellow {background-color:#F5BA55; }


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: #00a2df; 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: #55617f; 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 .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:'Spartan', 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: 'Spartan', 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:#00a2df;}
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:'Spartan', sans-serif; font-weight:400;  text-align: center; border-top:2px solid #0A64A7;background: #ffffff;  } 

section .brands {text-align: center; margin-bottom: 0px; margin-top:-21px; border:1px solid #D8D8D8;}
section .brands .wrap{background: #ffffff; padding:0px 58px;  position:relative; text-align: center;}
section .brands .wrap .item {text-align:center!important; padding:0px 0px; display:table; width:100%;}
section .brands .wrap .owl-item.active{margin-left:-2px;}

section .brands .wrap .item > a {display:table-cell; vertical-align: middle; padding:15px 0px;}
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:58px; height:100%; background-repeat:no-repeat; background-position:center center; background-size:11px 16px; border:0px;  -webkit-transition: all 0s ease !important;  -moz-transition: all 0s ease!important; -o-transition: all 0s ease!important; -ms-transition: all 0s ease!important; transition: all 0s ease!important;}
section .brands .owl-prev {left:-58px; background-image:url(../images/svg/sipka-prev.svg);  border-right:1px solid #D8D8D8;}
section .brands .owl-next {right:-58px; background-image:url(../images/svg/sipka-next.svg);  border-left:1px solid #D8D8D8;}


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: 'Spartan', 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; }


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: 'Spartan', 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: 'Spartan', 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: 'Spartan', 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:9px 9px;}
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: 'Spartan', sans-serif; }
section .layout-center ul.subcategories > li a:hover{ background:#00A2DF; color: #ffffff;}
section .layout-center ul.subcategories > li.current a{border-color:#00a2df;}
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:105px; 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{color:#78ad1b; 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%;  background: #ffffff; margin-top:25px; margin-bottom:15px;  border-top: 0px; box-sizing: border-box;  position:relative;} 
 
section .layout-center  .breadcrumbs > ul{margin:5px 0px 0px 0px; padding:0 0px; list-style:none;} 
section .layout-center  .breadcrumbs > ul li{float:left; font-size:12px; 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:#00a2df; font-weight:400;} 
section .layout-center  .breadcrumbs > ul li a:hover{color:#00a2df; 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:30px; 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:36px; width:38px; background: #ffffff; border:1px solid #161A24;  text-align:center; border-radius:0px; color:#161a24; text-decoration: none; font-weight:500; } 
section .layout-center .pagination span{background: transparent; width:30px;border:0px;}
section .layout-center .pagination a.current{  background: #00a2df; border-color:#00a2df; color:#ffffff; font-weight: 400} 
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  .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;}



.toggle-filter{ max-width:100%; text-align: center; display:none; margin-bottom:20px;color:white !important}

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

section .layout-center #main #aside{float:left; width:350px; margin-left:-385px; box-sizing: border-box;  border-right:0px; position:relative; z-index: 3000}


section .layout-center #main .aside-title{font-size:27px; color:#161a24;  font-family: 'Spartan', 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 .aside-box{ position:relative; margin-bottom:0px; padding-top:12px; border-bottom: 1px solid #E0E0E0}
section .layout-center #main .aside-box .box-title{background: url('../images/svg/down.svg') no-repeat right 10px;font-size:16px; color:#161a24;  font-family: 'Spartan', sans-serif; text-transform: uppercase; font-weight:700;  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 .aside-box .box-title.active{background-image: url('../images/svg/up.svg');  }

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


section .layout-center #main .aside-box .wrap{padding:0px 0px 10px 0px; position:relative; box-sizing: border-box; }
section .layout-center #main .aside-box .wrap.gray{background: #FAFAFA; }
section .layout-center #main .aside-box .visible-wrap{overflow:hidden; height:auto;max-height:225px;-webkit-transition: all 0.3s ease !important;  -moz-transition: all 0.3s ease!important; -o-transition: all 0.3s ease!important; -ms-transition: all 0.3s ease!important; transition: all 0.3s ease!important;}
section .layout-center #main .aside-box .visible-wrap.expand{max-height:100000px;}
section .layout-center #main .checkboxes, section .layout-center #main .check{list-style: none; margin:0px; padding:2px 0 0 0; }
section .layout-center #main .checkboxes li, section .layout-center #main .check li{padding:0px 0px 10px 0px; }
section .layout-center #main .checkboxes.double li, section .layout-center #main .check.double li{float:left; width:50%; box-sizing: border-box;}
section .layout-center #main .checkboxes.triple li, section .layout-center #main .check.triple li{float:left; width:33.33333%; box-sizing: border-box;}
section .layout-center #main .aside-box .more{text-align: left; }
section .layout-center #main .aside-box .more a{color:#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: 'Spartan', 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; text-align:left; border:1px solid #DFDFDF; padding:25px 15px 10px 15px;}

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:3px 0px;}
section .layout-center #main #aside .main-menu > ul > li > a{line-height: 120%; padding:7px 10px  7px 10px; display:block; font-size:16px; font-weight:700; color:#161a24; text-decoration: none; position:relative;   -webkit-transition: all 0.3s ease !important;  -moz-transition: all 0.3s ease!important; -o-transition: all 0.3s ease!important; -ms-transition: all 0.3s ease!important; transition: all 0.3s ease!important;}
section .layout-center #main #aside .main-menu > ul > li.current > a  { text-decoration: underline }
section .layout-center #main #aside .main-menu > ul > li.current > a:hover  {  text-decoration: underline}
section .layout-center #main #aside .main-menu > ul > li > a:hover { text-decoration:underline;}
section .layout-center #main #aside .main-menu > ul > li > ul{margin:0px; padding:5px 0px 5px 0px; list-style: none; }

section .layout-center #main #aside .main-menu > ul > li > ul > li {line-height: 120%; padding:0px 0px 0px 0px; }
section .layout-center #main #aside .main-menu > ul > li > ul > li > a{color:#161a24; font-size:14px; line-height: 32px; text-decoration: none; font-weight:600; display:block; padding:0px 0px 0px 30px; position:relative;}
section .layout-center #main #aside .main-menu > ul > li > ul > li > a::before{width:8px; height:12px; content:' '; position:absolute; left:15px; top:10px; background: url('../images/submenu-arrow.png') no-repeat center center;}
section .layout-center #main #aside .main-menu > ul > li > ul > li.current > a{ text-decoration: none; }
section .layout-center #main #aside .main-menu > ul > li > ul > li.current > a::before{width:12px; height:8px; content:' '; position:absolute; left:13px; top:11px; background: url('../images/submenu-arrow-active.png') no-repeat center center;}

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 37px; 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:13px; color:#161a24; font-weight:400; text-decoration:none;}
section .layout-center #main #aside .main-menu > ul > li > ul > li > ul > li > a:hover { text-decoration:underline;}
section .layout-center #main #aside .main-menu > ul > li > ul > li > ul > li.current > a { text-decoration:underline;}

section .layout-center #main #aside .main-menu > ul > li > ul > li > ul > li > ul {padding:0px 0px 3px 20px; margin:10px 0px; list-style: none}
section .layout-center #main #aside .main-menu > ul > li > ul > li > ul > li > ul > li  {padding:4px 0px;}
section .layout-center #main #aside .main-menu > ul > li > ul > li > ul > li > ul > li > a {font-size:13px; color:#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 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 .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 0px 0px; margin-top:-10px; margin-bottom: 0px; }
section .layout-center #detail {display:table; width:100%; margin-top:15px; margin-bottom: 80px;}
section .layout-center #detail > div{display:table-cell; vertical-align: top;}
section .layout-center #detail h1{ font-size:44px; padding-bottom:25px; font-weight:700;}


/*DETAIL LEFT*/

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


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

section .layout-center #detail .left-side .gallery-wrap{display: table; width: 100%;}
section .layout-center #detail .left-side .gallery-wrap > div{display: table-cell; text-align: left; vertical-align:middle;}
section .layout-center #detail .left-side .gallery-wrap > div:first-child{ width:40%;  text-align: center;  padding-right: 20px;}


section .layout-center #detail .left-side .gallery .item{padding:2px;width:20%;float:left;box-sizing:border-box}
section .layout-center #detail .left-side .gallery .item.invisible{display:none}
section .layout-center #detail .left-side .gallery .item a{display:block; padding:2px;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 .left-side .gallery .item a>span,section .layout-center #detail .left-side .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 .left-side .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 .left-side .gallery .item a>img{width:100%;box-sizing:border-box}
section .layout-center #detail .left-side .gallery .item a:hover>span{opacity:1}
section .layout-center #detail .left-side .gallery .item.more-items a>span{opacity:1;text-align:left; font-size: 13px;box-sizing:border-box;padding:10px;background:#ffffff;border-color: #ffffff; padding: 3px;}
section .layout-center #detail .left-side .gallery .item.more-items strong{height:100%;width:100%;display:table}
section .layout-center #detail .left-side .gallery .item.more-items strong>span{display:table-cell;vertical-align:middle; }
section .layout-center #detail .left-side .gallery .item.more-items strong>span i{font-style:normal;color:#00a2df;font-size:12px;display:block;font-weight:400;padding-top:10px;transition:all .3s ease!important}
section .layout-center #detail .left-side .gallery .item.more-items a:hover strong>span i{color:#1d1d1d}

/*  //  DETAIL LEFT*/



/*DETAIL RIGHT*/


section .layout-center #detail .right-side{box-sizing:border-box;  padding-top:4px; width:475px; padding-right:30px}


section .layout-center #detail .title-info h1{font-size: 50px; line-height: 100%; color: #55617f; font-weight: 400;  font-family: 'Bebas Neue', sans-serif; margin:3px 0px 10px 0px; padding:0px; }
section .layout-center #detail .title-info .brand{font-size: 16px; line-height: 16px; color:#161a24; font-weight: 400;  font-family: 'Spartan', sans-serif; }
section .layout-center #detail .title-info .product-category a{font-size: 13px; line-height: 13px; color:#00a2df; font-weight: 400;  font-family: 'Spartan', sans-serif; }
section .layout-center #detail .title-info .product-table {margin-top:30px }


section .layout-center #detail .variant{padding-top: 10px;}
section .layout-center #detail .variant strong{display: block; color: #161a24; font-size: 16px; font-weight:700;padding-bottom:10px; }

section .layout-center #detail .variant .size-variant{font-size: 0px; margin:  -3px;}
section .layout-center #detail .variant .size-variant .item{display: inline-block; padding:3px; }
section .layout-center #detail .variant .size-variant .item a{display: inline-block; line-height:38px; border:1px solid #161A24; padding:0px 10px; color:#161a24; font-size:14px; text-decoration:none; font-weight:700 }
section .layout-center #detail .variant .size-variant .item a:hover{border-color: #00A2DF; color:#00A2DF }
section .layout-center #detail .variant .size-variant .item a.active{border-color: #00A2DF; background: #00A2DF;  color: #ffffff;}

section .layout-center #detail .variant .color-variant{font-size: 0px; margin:  -5px;}
section .layout-center #detail .variant .color-variant .item{display: inline-block; padding:5px; }
section .layout-center #detail .variant .color-variant .item a{display: inline-block; position: relative; line-height:30px;height:;aborder-box; border:1px solid #161A24; position:absolute; left:0px; top:0px;  }
section .layout-center #detail .variant .color-variant .item a.active{border-color: #00A2DF; background: #00A2DF;  color: #ffffff;}
section .layout-center #detail .variant .color-variant .item a:hover::before{border:2px solid #00A2DF;}
section .layout-center #detail .variant .color-variant .item a.active::before{border:2px solid #00A2DF;}


section .layout-center #detail .right-side .availability{margin:30px 0px 35px 0px; color:#6daf56; font-size:12px; line-height: 185%; font-weight:400; }
section .layout-center #detail .right-side .availability strong{font-weight:bold; white-space:nowrap; font-size:16px; }
section .layout-center #detail .right-side .availability span{text-decoration:underline; white-space:nowrap; }


section .layout-center #detail .right-side .price-box {display: table; width: 100%;}
section .layout-center #detail .right-side .price-box > div {display: table-cell; vertical-align: top;}
section .layout-center #detail .right-side .price-box > div:last-child {text-align: right;}

section .layout-center #detail .right-side .price-box > div .price {font-size: 30px; font-weight: 700; color:#161a24; white-space: nowrap; }
section .layout-center #detail .right-side .price-box > div .price-nodph {font-size: 13px; font-weight: 400; color:#55617f; white-space: nowrap; }

section .layout-center #detail .right-side .button.v3 {display: block; width: 100%; box-sizing: border-box; font-size: 36px; line-height:65px; vertical-align: middle; margin:30px 0px }
section .layout-center #detail .right-side .button.v3::before {border-bottom-left-radius:30px}

section .layout-center #detail .right-side .info {border-spacing: 0px; width: auto}
section .layout-center #detail .right-side .info tr td {padding: 0px 0px 5px 0px; text-align: left; font-size:13px; line-height: 150%; font-weight:400; color:#55617f; }
section .layout-center #detail .right-side .info tr td:first-child{padding-right: 10px; font-weight: 700;}


section .layout-center #detail .right-side .question {font-size:13px;display:inline-block; position: relative;  padding-left:54px; color:#00a2df; font-weight: 500; text-align: left; text-decoration: none;}
section .layout-center #detail .right-side .question::before {content: ' '; position: absolute; left: 0; top: -5px; width:45px; height:45px; background: url(../images/svg/vzdy-poradime.svg) no-repeat center center; background-size: 100% auto; }
section .layout-center #detail .right-side .question strong {font-size: 18px; font-weight: bold; display: block; color:#161a24; padding-bottom: 3px;}
section .layout-center #detail .right-side .question span {text-decoration: underline;}
section .layout-center #detail .right-side .question:hover span{text-decoration: none;}


.free-delivery {font-size:13px;background: url(../images/svg/free-delivery.svg) no-repeat 15px center; color:#99B55C !important; border:2px solid #99B55C;text-align:left; padding:13px 10px 13px 80px !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}




/*  // DETAIL RIGHT*/

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:20px;}
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:33.33333%;  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:#55617f; position:relative; display:block; text-align: center;  margin:0px 0px 0px 0px; float:none; white-space:nowrap; position:relative;  font-weight:400; font-family: "Bebas Neue", arial, sans-serif; background:#F0F1F2; font-size:35px; line-height:80px;border-bottom: 2px solid #55617F;   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: #00a2df; color:#161a24; font-size:16px;font-family: "Spartan", 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:#00a2df; }
section .layout-center .tabs1 .tab-container .etabs li a::before {content: ' '; opacity: 0; height: 4px; width: 100%; background: #00A2DF; 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;}
section .layout-center .tabs1 .tab-container .etabs li a.active::before {opacity: 1}
section .layout-center .tabs1 .tab-container .etabs li a.active {  color:#00a2df;  z-index: 1000; font-size:40px;  }
section .layout-center .tabs1 .tab-container .etabs li a.active:hover {color:#00a2df;  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:#55617f; 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;}

.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: #161A24; box-shadow:none; border-radius: 0px;border:1px solid #161A24; border-right:0px;margin:-1px 0px;}
section .layout-center  .noUi-origin{border-radius:0;border-right:1px solid #CBCBCB;}
section .layout-center  .noUi-connect{background: #00A2DF!important; box-shadow:none; border:0px; margin:-1px 0px; }
section .layout-center  .noUi-connect::before{background: #00A2DF!important; 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:#161a24; font-weight:800; font-size:13px;   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:15px; color:#161a24; }

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

footer .newsletter   p{ padding:0px; margin:0px auto; position:relative; padding-right:150px; box-sizing:border-box; color:#ffffff; padding-bottom: 0px; }
footer .newsletter   p #email_news{background: #ffffff  ; box-sizing: border-box;  width:100%;   border:0px; border-radius: 0px;  height:55px; padding:0 20px 0 20px; font-size:13px; color:#98a2bc; font-style:italic; font-family:'Spartan', sans-serif; font-weight:700 !important; }
footer .newsletter   p #email_news::-webkit-input-placeholder { /* Chrome */ color: #98a2bc; }
footer .newsletter   p #email_news:-ms-input-placeholder { /* IE 10+ */ color: #98a2bc; }
footer .newsletter   p #email_news::-moz-placeholder { /* Firefox 19+ */ color: #98a2bc; opacity: 1; }
footer .newsletter   p #email_news:-moz-placeholder { /* Firefox 4 - 18 */ color: #98a2bc; opacity: 1; }
footer .newsletter   p  button.button{ box-sizing: border-box; position:absolute; right:0px; top:0px; width:150px; min-width: auto; line-height: 55px; border:0px; font-size:20px; padding:0px; font-weight:400; color:#ffffff;  }
footer .newsletter   p  button.button::before{ border-bottom-right-radius:30px; border-bottom-left-radius:0px; }

footer .newsletter   .check-wrap{color:#98a2bc; font-size:12px; font-weight:400 }
footer .newsletter   .check-wrap a{color:#00b9ff; }



footer .brands-container{  display:table;  width:100%; background:#0C0F15; padding: 30px 15px; position: relative;} 
footer .brands-container::before{position: absolute; left: 100%; top: 0px; height: 100%; width: 100%; background: #0C0F15; content: ' '} 
footer .brands-container > div{  display:table-cell;  vertical-align: middle; text-align: center; padding: 15px;} 
footer .brands-container > div img{max-width: 100%;} 



footer .link-container-wrap{padding-right: 400px;margin-top: 80px; } 
footer .link-container{ margin:0px auto 0px auto; display:table; position:relative; z-index:1000; width:100%;} 
footer .link-container .col{ display:table-cell;  padding:0px 0px 0px 20px; vertical-align:top;  box-sizing:border-box;} 
footer .link-container .col:first-child{padding-left:0; vertical-align: top; } 
footer .link-container .col p.title{ font-family: "Spartan", arial, sans-serif; color:#ffffff; font-size:15px;line-height: 100%; font-weight:700; text-align: left; border:0px; margin:0px 0px 20px 0px; padding:0px 0px 0px 0px;} 



footer .container{ margin:70px auto 50px 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:13px;  padding:0 0 0px 0; margin-bottom:20px;   font-family: 'Spartan', sans-serif; font-weight:300; } 


footer .layout-center .col.nwl{width: 490px;}


footer .layout-center .col.contact table.contact-table{width: 100%; border-spacing: 0px margin-top: 10px;}
footer .layout-center .col.contact table.contact-table tr td{padding: 0px; width: 50%}
footer .layout-center .col.contact table.contact-table tr td strong{color: #98a2bc; font-weight: 700; font-size: 20px;  font-family: 'Bebas Neue', sans-serif; font-weight:400; display:block;padding-bottom: 10px;}
footer .layout-center .col.contact .tel{padding:0px 0px 0px 30px; margin-bottom:17px; margin-top:0px; line-height: 20px; display:inline-block;  font-weight:700; color:#ffffff; white-space: nowrap; clear: both; text-decoration:none; font-size:15px;  background: url(../images/svg/tel.svg) no-repeat left center; background-size:20px auto;}
footer .layout-center .col.contact .mail{padding:0px 0px 0px 30px; margin-bottom:17px; margin-top:0px; line-height: 20px; display:inline-block;  font-weight:700; color:#00b9ff; white-space: nowrap; clear: both; text-decoration:none; font-size:15px;  background: url(../images/svg/mail.svg) no-repeat left center; background-size:20px auto;}



footer .container .col p.space,
footer .container .col p.title{ font-family: "Bebas Neue", arial, sans-serif; color:#ffffff; font-size:34px;line-height: 100%; font-weight:400; text-align: left; border:0px; margin:0px 0px 20px 0px; padding:0px 0px 20px 0px;} 
footer .container .col p.title::before{display:none;} 


footer .container .col p.p-subtitle{margin-top:-15px; margin-bottom: 20px;} 


footer .container .col table{border-spacing: 0px; margin: 0px; width: auto;} 
footer .container .col table tr td{vertical-align: top; text-align: left; font-size:13px; color:#98a2bc;font-family: 'Spartan', sans-serif; font-weight:400; padding:0px 0px 15px 0px; } 
footer .container .col table tr td:first-child{color: #ffffff; padding-right: 20px; width: 20px;} 
footer .container .col table tr td:last-child{width: auto} 



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  a{color:#00b9ff; text-decoration: underline;} 
footer .container .col  a:hover{ text-decoration: none;} 
footer .container .col p {color:#98a2bc; font-size:15px; line-height: 130%; font-weight:400;} 
footer .container .col  strong{ font-weight:700; color:#98a2bc;} 
footer .container .col  strong span{  color:#ffffff;} 

footer  .col ul{margin:0px; padding:0px; list-style: none; } 
footer  .col ul li{ padding:5px 0px 5px 0px;line-height: 20px; } 
footer  .col ul li a{ font-size:12px;  color:#98a2bc; text-decoration: none; font-weight:500;white-space: nowrap;} 
footer  .col ul li a:hover{  text-decoration: underline; } 


footer .socials {margin:0px -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:37px;}

footer .box{display:table; background: transparent;  width:100%; height:180px;position:relative; }
footer .box > div{display:table-cell; vertical-align: middle;}
footer .box > div:first-child{padding-right:0px;padding-left:0px; width: 230px;}
footer .box > div:last-child{padding-right:0px;}
footer .copyright{ font-size:13px; font-weight:100; color:#ffffff; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
footer .copyright strong{font-weight:700; color:#ffffff;}
footer .copyright span{ color:#00a2df;}

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: #00a2df;}
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 #00a2df; 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: "Spartan", arial, sans-serif; }
section .bx-wrapper .bx-pager::first-letter{font-size:150%;}


body .sb-slidebar {background: #161A24;} 
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 #0B101D ; border-bottom:1px solid #313643 ;} 
body .sb-slidebar ul li{border-bottom:1px solid #0B101D ; border-top:1px solid #313643 ;} 
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 img{display: none;} 
body .sb-slidebar ul li a:hover{background:#00A2DF;} 
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  #0B101D;} 
body .sb-slidebar ul li ul li:first-child{border-top:0;} 
body .sb-slidebar ul li ul li:last-child{border-bottom:0;} 
body .sb-slidebar ul li ul li a{padding-left:10px; } 
body .sb-slidebar ul.top-menu > li:first-child{display:none; } 
body .sb-slidebar h4{font-size:28px; line-height: 40px; color:#ffffff;padding:10px 15px 10px 20px ; margin:0px; font-family:'Spartan', 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: 1790px){
  .scroll-top{margin-right:-80px;}
}

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


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


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


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

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

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


}


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

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


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

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


  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 #aside{width:210px; margin-left:-240px;}
  section .layout-center #main{padding-left:240px;}


  footer .link-container-wrap{padding-right: 0px;}
  footer{background-size: 50% auto}

  section .layout-center .benefits.v2 .item > div{padding-left: 55px;}
  section .layout-center .benefits.v2 .item .icon {width: 50px;}
  section .layout-center .benefits.v2 .item .icon img{height: 25px;}
  section .layout-center .benefits.v2 .item{padding: 0px 15px;}
  section .layout-center .benefits.v2 .item strong{font-size: 15px;}
  section .layout-center .benefits.v2 .item span{font-size: 14px;}
}



@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:20px}
  header #menu .menu > li > a{font-size:23px;}

}


@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;}
  header .middle-box .top-menu li{padding-right:15px;}

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

  footer .footer-logo img{max-width:300px;}
  footer .layout-center .col.nwl{width: 400px;}
}

@media only screen and (max-width: 1250px){
  section .layout-center #detail .left-side .gallery-wrap {display: block;}
  section .layout-center #detail .left-side .gallery-wrap > div {display: block;width: 100%; padding: 0px!important }

  header #menu .menu > li > a{padding:0px 10px}
}


@media only screen and (max-width: 1220px){
  header .middle-box .top-menu li{font-size:12px; }
  section .layout-center #main .checkboxes.triple li{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%}
}



@media only screen and (max-width: 1150px){
  header #menu .menu > li > a{font-size:21px; padding:0px 10px; }
  header #menu .menu > li{padding:0px 0px;}

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

  section .layout-center #main #aside{width:230px; margin-left:-260px;}
  section .layout-center #main{padding-left:260px;}


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

  .top-menu li a{padding:0px 10px; font-size:12px;}
  #top-line .quick-contact{font-size:12px;}

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

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

section.asymetric-layout .insta-block{width: 25%;}
section.asymetric-layout .insta{padding-left: 25%;}
section.asymetric-layout .insta-block > div > div strong{font-size: 3vw; line-height: 120%}
section.asymetric-layout .insta-block > div > div{font-size: 3vw;line-height: 120%}


footer .layout-center .col.contact table.contact-table {display: block;}
footer .layout-center .col.contact table.contact-table tr {display: block;}
footer .layout-center .col.contact table.contact-table tr td{display: block; width: 100%; box-sizing: border-box;}

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





}

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

  
  section .layout-center #detail .right-side .availability{margin:15px 0px;}
  section .layout-center #detail .right-side .param-wrap
}


@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 .container .col p{font-size: 13px;}
    footer .container .col table tr td{font-size: 12px;}
    footer .layout-center .col.contact .tel{font-size: 13px;}

    footer .box > div:first-child{padding-left:20px;}

    footer .container .col table{margin: 0px auto;}

    footer .layout-center .col.contact table.contact-table{display: inline-block; width: auto;}
    footer .layout-center .col.contact table.contact-table tr td strong{text-align: center;}

    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 .right-side{width:50%;}

    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-layout > div  .benefits.v2 .item{width: 25%; text-align: center;}
    section .layout-center .detail-layout > div  .benefits.v2 .item .icon{position: relative; width: auto;}
    section .layout-center .detail-layout > div  .benefits.v2 .item .icon img{height: 35px;}
    section .layout-center .detail-layout > div  .benefits.v2 .item strong{text-align: center; margin-top: 15px;}
    section .layout-center .detail-layout > div  .benefits.v2 .item span{text-align: center;}
    section .layout-center .detail-layout > div  .benefits.v2 .item div{padding-left: 0px;}

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

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

}




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


#top-line .quick-contact span.phone {margin-left:20px;}
#top-line .quick-contact .email {margin-left:10px;}

}



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

  section.hp-slider{padding-top: 20px;padding-bottom:20px}
  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;}

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

#top-line-wrap::after{content: ' '; width:15px; position:absolute; top:0px; left:100%; height:100%; padding-top: 0;background: #161A24; }

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

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

  #top-line .quick-contact {line-height:25px;top:0px; left:0px; }
  #top-line .quick-contact span.phone {background-size:15px auto; background-position: left 3px;padding-left:20px;}
  #top-line .quick-contact span.address { background-position:left 4px;background-size:15px auto; padding-left:22px !important;}
  #top-line .quick-contact .email{background-size:15px auto; padding-left:20px; font-size:11px;}
  #top-line .quick-contact strong{display:inline-block; font-size:11px;}
  #top-line .quick-contact span{display:inline-block;font-size:11px; padding-left:0px; }

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

  section .layout-center .benefits .item .icon img{margin-bottom: 20px;height: 40px;}

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

  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;}
  section .layout-center #detail .right-side{padding-top:0px;}

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

  .swiper-container{max-height: 80vw!important;}
  section.hp-slider-wrap{margin-top: -126px}
  .swiper-container .main-banner > div .inside-wrap {text-align: center; padding-top: 116px; padding-bottom: 0px;}
  .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 .middle-box::after{width: 15px; padding: 0px;}
  header .middle-box::before{width: 15px; display: block;}



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

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

  .toggle-filter{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 .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: -3px; position:relative;}


  header .middle-box .table-container .basket a{width:25px;height:30px; background-size: 25px auto}
  header .middle-box .table-container .col.account .account-wrap a img{width:25px; 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:-10px;}
  header .middle-box .table-container .basket a{position:relative; bottom:-5px;}

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

  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{margin-bottom:16px;}
  section .layout-center .products .item .border{}
  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:20px;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; }
  header .middle-box::after{content: ' '; width:15px; position:absolute; top:0px; left:100%; height:100%; padding-top: 0;background: #00A2DF; }

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


  section .layout-center .pagination{margin-top: 0px;}
  section .layout-center #main #content{padding-bottom: 30px;}
  body.subpage section.asymetric-layout{margin-bottom: 30px;}


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

  header .middle-box{height:58px!important}
  #top-line .top-logo{top:52px; display:none}
  header.fixed .middle-box .table-container{position:relative; top:0px; padding:0px; }
  header .middle-box .table-container{top:0px; height:100%}
  header .middle-box .table-container .col #search-toggle{top:4px; position:relative; margin-right:15px;}
header .middle-box .table-container .col.logo{  display:table-cell; width:auto; padding-right:20px;}
header .middle-box .table-container{ width:100%}


header .middle-box .table-container .col.search.show{position:fixed; top:-10px; width:100% !important; z-index:9999; right:0; left:0 }
header .middle-box .table-container .col.search.show form{max-width:none}
header .middle-box .table-container .col #search > p{max-width:none}
section .layout-center .breadcrumbs{margin-top:0px; margin-bottom:0}
#top-line{background: #161A24}

}


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

section.asymetric-layout .insta-block{width: 33.33333333%;}
section.asymetric-layout .insta{padding-left: 33.33333333%;}
section.asymetric-layout .insta-block > div > div strong{font-size: 3vw}
section.asymetric-layout .insta-block > div > div{font-size: 3vw}

}



@media only screen and (max-width: 900px){
section .layout-center .tabs1 .tab-container .etabs li a.active{ font-size:25px;}
  section .layout-center .tabs1 .tab-container .etabs li a{padding:0px 20px; font-size:20px;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;}


}


@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 .middle-box{padding-top: 0px; padding-bottom: 0px;}
  

  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{padding-top:9px; padding-bottom: 7px;}
  header .middle-box .table-container .col.search{padding-bottom:2px;}
  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:10px;font-weight:400; font-size:13px;}*/

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

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



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

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

  section .layout-center .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 -20px 40px -20px;}

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

  section.hp-slider{padding-top: 15px;}

}





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

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


    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::before{height:26px;} 
    section .layout-center  .breadcrumbs::after{height:26px;} 
    section .layout-center  .breadcrumbs > ul li{font-size:11px; line-height: 25px;} 


    section .layout-center  .breadcrumbs > ul li{display: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; width: auto;}
    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:28px !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:20px;}
    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;}


    footer .link-container-wrap{margin-top: 30px;}
    footer .link-container .col p.title{text-align: center; margin-bottom: 15px; }
    footer .link-container .col{display: inline-block; padding: 0px 20px 20px 20px; box-sizing: border-box; width: 100%}
    footer .link-container {display: block; text-align: center; font-size: 0px;}
    footer .col ul li{padding: 0px; display: inline-block; padding: 0px 7px;}

}



@media only screen and (max-width: 780px){
  header .middle-box .table-container .col.logo img{max-width:240px;}


}


@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: 'Spartan', 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:-10px; margin-right:-10px;}
  section .layout-center .benefits .item {padding:0px 10px;}
  section .layout-center .benefits .item .icon img{height:37px;}

  
  footer .brands-container {font-size: 0px; padding-right: 15px; box-sizing: border-box; display: block;} 
  footer .brands-container::before {display: none;} 
  footer .brands-container > div{display: inline-block; box-sizing: border-box; width: 33.3333%; vertical-align: top;} 


}





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

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

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

  footer .container .col.deliv{width:100%!important;}
  footer .container .col.social{width:100%!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:30px; 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:'Spartan', 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: #00a2df; }
  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;}


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

  section .layout-center .breadcrumbs > ul{margin-left:0;}


  section.asymetric-layout .insta .owl-nav > div{width: 50px; height: 50px;}
  section.asymetric-layout .insta .owl-nav .owl-prev{margin-right: 50px;}

  section .layout-center .detail-layout > div  .benefits.v2 .item{width: 50%; }
  
}




@media only screen and (max-width: 650px){
  section .layout-center.load_popup .products.item{width:50% !important}

  .layout-center .box-title{text-align: center; font-size:20px; line-height: 50px; padding:10px 20px;}
  .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;}

/*  header .middle-box .table-container .col.search{display:none;}*/

  .hedader-wrap{height:230px;}
  header{padding-bottom:0px;}
/*  header .middle-box .table-container{padding-top:9px; padding-bottom: 7px;}
  header .middle-box .table-container .col.logo img{width:180px;}*/

  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: 20px!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: 100vw!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}
}

}

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


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

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

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



    section .layout-center .benefits  {margin:-1px -10px 20px -10px; position:relative; text-align: center; font-size: 0px; padding: 20px 0px;}
    section .layout-center .benefits .item {width:50%; padding-bottom:10px;padding-top:10px;display:inline-block; float:none; }
    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;}
    section .layout-center .benefits .item span{line-height:14px;}

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


}


@media only screen and (max-width: 580px){
section.asymetric-layout .insta-block{width: 50%;}
section.asymetric-layout .insta{padding-left: 50%;}
section.asymetric-layout .insta-block > div > div strong{font-size: 5vw}
section.asymetric-layout .insta-block > div > div{font-size: 5vw}
}


@media only screen and (max-width: 550px){
    .button.v3.buy {font-size:28px !important}
    section .layout-center  .breadcrumbs > ul li {padding:0 8px 0 14px}
    section .layout-center .breadcrumbs{padding:0px; box-sizing: border-box; width:auto; display:block;line-height: 0px; font-size:0px;margin:0px -15px; padding:5px 15px;}
    section .layout-center .breadcrumbs > ul {display:block; line-height: 0px; font-size:0px;}
    section .layout-center .breadcrumbs > ul li{line-height: 25px; float:none;}

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


    section .layout-center #main{ margin-top:0;}
    section .layout-center #main.full-width{ margin-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%}

  #top-line .quick-contact span.address{display:none;}
#top-line .quick-contact span.phone{margin-left:0px;}
}


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

  #top-line .quick-contact span.address{display: none;}
  
  section .layout-center #detail .variant .size-variant .item a{font-size: 12px; line-height: 24px;}

  section .layout-center #detail .left-side .gallery {margin-left:-5px; margin-right:-5px;}
  section .layout-center #detail .left-side .gallery .item{padding:5px;}
  section .layout-center #detail .left-side{padding-bottom: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;}

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

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

  section .bx-wrapper .bx-controls{display:none;}
  .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;}


  section .layout-center .products .item .wrap .button-wrap .button{font-size:20px}
  section .layout-center .products .item .wrap .button-wrap .button.btn-orange{font-size:0px; background-image:url(../images/svg/kosik2.svg); background-repeat:no-repeat; background-size: 22px auto; background-position:center center;}
    section .layout-center .products .item .wrap h3{font-size:18px;}
    section .layout-center .products .item .wrap .code{font-size:12px;}


section .layout-center #detail .title-info h1{font-size: 35px;}
section .layout-center #detail .title-info .brand{font-size: 14px;}
section .layout-center #detail .title-info .product-category a{font-size: 14px;}

section .layout-center #detail .left-side .gallery-wrap > div:first-child a img{width: 100%; max-width: 100%;}

  
  section.hp-tabs-container .products.owl-carousel .item{padding-bottom:15px !important;}
  picture.v-mobile, img.v-mobile{display:block !important;}
  picture.v-desktop, img.v-desktop{display:none !important;}

  .slider > li picture.v-desktop{display:none !important;}
  
  
}


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


  .slider .owl-dots{position:absolute; bottom:auto; margin-top:-30px; text-align: center;}
  .sb-slidebar .favorite, .sb-slidebar .compare {position:relative;top:-3px}
  .sb-slidebar .favorite a{background: url(../images/svg/oblibeni.svg?v=1) no-repeat center center;background-size:24px auto }
  .sb-slidebar .compare a{background: url(../images/svg/porovnat.svg?v=1) no-repeat center center;background-size:24px auto } 
  .sb-slidebar .compare a span , .sb-slidebar .favorite a span,
  .sb-slidebar .compare a span i, .sb-slidebar .favorite a span i{background:#62C91C;color:#0b0b0b;width:14px; line-height: 14px; height:14px;}
  


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

    
    
    
    
    
    section .layout-center #detail .right-side .question{font-size:14px;}

section .layout-center #detail .right-side .button.v3{margin: 20px 0px}
    
    
    section .layout-center #detail .right-side .price-box > div {vertical-align: middle;}
    section .layout-center #detail .right-side .price-box > div .price{font-size: 25px;}
    section .layout-center #detail .right-side .question strong{font-size: 14px}
    section .layout-center #detail .right-side .question{font-size: 12px; padding-left: 35px;}
section .layout-center #detail .right-side .question::before{width: 30px; height: 30px; top: 0px;}


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


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


}

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

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


  .sb-slidebar .compare-col {position:absolute; top:18px; left:auto; right:100px;}
  .sb-slidebar .favorite-col {position:absolute; top:18px; left:auto; right:60px;}

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





@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:#00a2df;
  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: 'Spartan', 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 */