@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@300;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:  'Dosis',sans-serif; font-weight:400;font-size:16px;color:#7B7B7B; background: #EFEFEF ; overflow:hidden; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: none; -ms-text-size-adjust: 100%;}

html.disableScroll{overflow:auto;}
html.disable{overflow:auto;}

a{ text-decoration:underline;  color:#515e5e; -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: 'Dosis', 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; }
.text-box h1 {margin-top:8px !important}
strong{font-weight:700}

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

#detailcontent.cont.text-box p, #detailcontent.cont.text-box * {font-size:16px !important}
textarea,
input[type=password],
input[type=text] {   
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;  
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;  
}


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

.notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}

.anim-300{-webkit-transition: all 0.3 ease !important;  -moz-transition: all 0.3 ease!important; -o-transition: all 0.3 ease!important; -ms-transition: all 0.3 ease!important; transition: all 0.3 ease!important;}


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


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

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

.orange-color{color:#f08a26;}

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

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

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

.button{padding:0px 15px; text-decoration: none; line-height:50px; position:relative; display:inline-block; cursor:pointer;margin:0; border-radius: 0px; box-sizing: border-box; text-align: center;    background:#7CA500 ;white-space:nowrap; color:#ffffff; border:0;  font-family:'Dosis', sans-serif; font-size:16px; font-weight:600; -webkit-transition: all 0.2s ease !important;  -moz-transition: all 0.2s ease!important; -o-transition: all 0.2s ease!important; -ms-transition: all 0.2s ease!important; transition: all 0.2s ease!important; }
.button:hover{background:#88B500;}
.button img{position: relative; top: -3px; padding-right: 9px;}

.button.btn-medium{line-height: 42px; height: 42px; font-size: 14px;}
.button.btn-small{line-height: 32px; height: 32px; font-size: 13px;}

.button.btn-light-trans{background:transparent;border: 1px solid #DEDEDE; color: #7B7B7B; padding: 0px 30px;}
.button.btn-light-trans:hover{background:transparent;border: 1px solid #353535; color: #353535}

.button.btn-trans{background:transparent;border: 1px solid #E24800; color: #E24800}
.button.btn-trans:hover{background:#E24800!important; color: #ffffff;}

.button.btn-dark{background:#444445;}
.button.btn-dark:hover{background:#585859!important;}

.col-100 input[type="text"], .col-100 input[type="email"], .col-100 input[type="tel"], .col-100 input[type="password"], .col-100 textarea, .col-100 select{ min-width: 100%!important; }
.inp-text{box-sizing:border-box; width:100%;font-family:  'Dosis',sans-serif; min-width: 100%!important; height:40px; background: #ffffff; border-radius:0px; font-size:16px; padding:0 15px; color:#353535; border-radius:0px; border:0;border:1px solid #EFEFEF!important;}
textarea.inp-text{box-sizing:border-box;font-family:  'Dosis',sans-serif; width:100%; height:130px; background: #ffffff; border-radius:0px; padding:10px 10px; color:#353535; border:1px solid #EFEFEF!important; font-size:14px; margin-bottom:10px;}

label{font-family:  'Dosis',sans-serif;}

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

.select-style {border: 1px solid #EFEFEF;font-family:  'Dosis',sans-serif; border-radius: 0px; overflow: hidden; background:#ffffff url(../images/svg/angle-down.svg) no-repeat right 10px center; color:#7B7B7B; 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:40px; font-size:14px; font-weight:400;z-index: 500; box-sizing: border-box; border: none; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; color:#7B7B7B; position:relative; z-index:1000; }
.select-style::before {position:absolute; cursor: pointer; right:0px; height:100%; width:35px; border-left:0px; content:' '; border-radius: 0px; z-index: 1; }
.select-style select:focus {outline: none; }




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


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

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

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


.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 { position:relative; margin-bottom:0px;background: #FFFFFF;  z-index: 8999; padding-left:35px; padding-right:35px; margin-bottom:0px; -webkit-transform: translateZ(0);  }
header::before{position: absolute; left: 0px; top: 0px; height: 35px; width: 100%; content: ' '; border-bottom: 1px solid #EFEFEF; }
header.subpage { border-bottom:0;}
header .layout-center{ max-width:1440px!important; position:static; box-sizing: border-box; padding-left:0px; padding-right:0; padding-top:0px; padding-bottom: 0px;}

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

header .middle-box .currency{white-space: nowrap; line-height: 0px;font-size:0; box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35); border-radius:5px;}
header .middle-box .currency a{display:inline-block; line-height: 29px; padding:0px 8px; background: #001742; color:#92addf!important; font-size:16px; font-weight:500; text-decoration:none; }
header .middle-box .currency a:first-child{border-top-left-radius:5px; border-bottom-left-radius:5px; }
header .middle-box .currency a:last-child{border-top-right-radius:5px; border-bottom-right-radius:5px; }
header .middle-box .currency a.current{ background: #00A0EA; color:#ffffff!important;  }
header .middle-box .currency a:hover{text-decoration: underline!important; }
header .middle-box .currency a.current:hover{text-decoration: underline!important; }


header .middle-box .table-container{height:100%; width:100%; display:table;  }
header .middle-box .table-container .col{display:table-cell;vertical-align:middle;padding-left:50px; width:32px;padding-top:0px;  font-size:16px; font-weight:600;  }
header .middle-box .table-container .col a{color:#ffffff; }
header .middle-box .table-container .col.logo{ padding:0px 0; white-space:nowrap; width:auto;  text-align:left; width: 255px; height:105px; position:relative; z-index: 5000;}
header .middle-box .table-container .col.logo a{ position:relative;display: inline-block; top:-10px; -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 .col.logo img{ position:relative; max-width: 230px; width:230px; 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.mobile-acc  {text-align: center; display:none; padding-bottom:8px;}
header .middle-box .table-container .col.mobile-menu  {text-align: center; display:none}
header .middle-box .table-container .col.mobile-menu  a {color:#353535;font-size:9px;display:inline-block!important;}
header .middle-box .table-container .col.mobile-menu  a.active {display:inline-block!important;}
header .middle-box .table-container .col.mobile-menu  span.icon {display:inline-block; width:18px; height:18px; background: url('../images/svg/icon_menu_bars.svg') no-repeat center center;}
header .middle-box .table-container .col.mobile-menu  a.clicked.active span.icon {background: url('../images/svg/icon_times.svg') no-repeat center center;}
header .middle-box .table-container .col.mobile-menu  span {display:block; line-height:11px;}

header .middle-box .table-container .col.account   {position: absolute; right: 0px; top: 0px; white-space: nowrap; width: auto; padding: 0px; line-height: 30px;}
header .middle-box .table-container .col.account .account-wrap  {display:inline-block; padding-left:38px; line-height: 21px; padding-bottom: 5px; }
header .middle-box .table-container .col.account .account-wrap  .icon {position:relative; padding: 0px;}
header .middle-box .table-container .col.account .account-wrap  .icon img{position:relative; top: -2px;}
header .middle-box .table-container .col.account a { display:inline-block;  color:#353535; font-size:12px; font-weight:500; text-decoration: none!important; padding: 0px 5px;}
header .middle-box .table-container .col.account a strong{font-weight:500;color:#FFD543; position: relative;display: inline-block;}
header .middle-box .table-container .col.account a strong::before{height: 15px; width: 1px; background: #EFEFEF; position: absolute; left:-7px; top:3px; content: ' ' }
header .middle-box .table-container .col.account a:hover {text-decoration: underline !important;color:#FFD543}
header .middle-box .table-container .col.account a:hover strong {text-decoration: underline !important;color:#FFD543}


header .middle-box .table-container .col.basket-button  .button{ line-height: 22px;width: auto; min-width: 0px; position: relative; display:inline-block; padding:0px 0px 0px 48px; background-color: #ffffff; border: 0px; border-radius: 0px; background-image: url(../images/svg/icon_basket.svg) ; background-repeat:no-repeat; background-position: lef center;  }
header .middle-box .table-container .col.basket-button  .button strong {text-align: left; font-size: 18px; color: #353535;}
header .middle-box .table-container .col.basket-button  .button strong span{display: block; font-size: 12px; color: #7B7B7B; line-height:15px; font-weight: 500}
header .middle-box .table-container .col.basket-button  .button > span{position: absolute; left: 26px; top: 0px; width: 14px; line-height: 14px; background: #353535; border: 0px; font-size: 8px; color: #ffffff; font-weight: 600; border-radius: 26px;}

header .middle-box .table-container .col.basket-info {padding-right:0;  }
header .middle-box .table-container .col.basket-info .wrap {color:#443732;  display:table; height:51px; }
header .middle-box .table-container .col.basket-info .wrap > div {color:#443732; display:table-cell; vertical-align: middle; padding:5px 13px 5px 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:20px}
header .middle-box .table-container .col.basket-info .wrap > div .price strong{font-weight:700; font-size:18px; color:#ffffff; text-decoration: none; line-height: 24px;display:block; padding-top:0px;}
header .middle-box .table-container .col.basket-info:hover .wrap > div .price strong{color:#ffc800;}
header .middle-box .table-container .col.basket-info .wrap > div .price  span{font-weight:300!important; font-size:13px; color:#ffc800; text-decoration: underline; display:block; line-height: 13px;}
header .middle-box .table-container .col.basket-info .wrap > div .price:hover  span{text-decoration: underline;}

header .middle-box .table-container .basket a{display:inline-block; font-weight:300; position:relative; width:35px; height:38px; background: url(../images/svg/kosik.svg) no-repeat center center; background-size:auto 100%; margin-right:0px; }
header .middle-box .table-container .basket a span{position:absolute; left:100%; margin-left:-12px; top:-7px; width:22px; height:22px; border-radius: 22px; color:#1D1D1D; text-align: right; border:3px solid #206931; background:#101414; background-size:100% auto; }
header .middle-box .table-container .basket a span {  color:#ffffff; font-size:13px; font-weight:800; text-align: center; font-style:normal;  line-height: 22px; display:inline-block; width:22px; }

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:#1D1D1D; 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: #ffc800;}
header .middle-box .table-container .favorite a span i, .sb-slidebar .favorite a span i{  color:#1D1D1D; font-size:11px; 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:#1D1D1D; 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: #ffc800;}
header .middle-box .table-container .compare a span i, .sb-slidebar .compare a span i{  color:#1D1D1D; font-size:11px; font-weight:500; text-align: center; font-style:normal;  line-height: 22px; display:inline-block; width:22px; }


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

header .middle-box  .leaves{position:absolute; top:0px; right:220px;   }

header .middle-box  .top-menu{position:absolute; top:5px; right:0px; margin:0px; padding:0px; list-style: none; white-space: nowrap; font-size:0px; display:table;   }
header .middle-box  .top-menu li{display:table-cell; font-size:14px; line-height: 40px; font-weight:400; padding-right:30px; position:relative;}
header .middle-box  .top-menu li:last-child{padding-right:0px;}
header .middle-box  .top-menu li a{color:#ffffff!important; display:inline-block; line-height: 25px;}
header .middle-box  .top-menu li a img{position:relative; top:-3px;}
header .middle-box  .top-menu li a:hover{text-decoration:none !important;color: #15b4fe !important}
header .middle-box  .top-menu li ul li a:hover{text-decoration:underline !important;color: #000 !important}
header .middle-box  .top-menu li:hover ul{visibility:visible; opacity:1; }
header .middle-box  .top-menu li ul{position:absolute; visibility:hidden; opacity:0; left:-15px;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);}
header .middle-box  .top-menu li ul li {float:none; display:block; padding:2px 0px; line-height: 20px; white-space:nowrap;}
header .middle-box  .top-menu li ul li a{color:#1d1d1d!important; font-size:13px; text-decoration: none; font-weight:300; display:block; line-height: 20px;}

header .middle-box .table-container .quick-contact {max-width: 515px; margin:0px; position:absolute; top:0px; left: 0;font-size:12px;  color: #7B7B7B; font-weight: 400}
header .middle-box .table-container .quick-contact a{font-size:12px; font-weight:500; color:#FFD543;}
header .middle-box .table-container .quick-contact a:hover{text-decoration:underline!important;}
header .middle-box .table-container .quick-contact a.tel{font-weight:700; font-size:13px; white-space:nowrap;padding-left:18px;background:url('../images/svg/icon_phone-volume.svg') left center no-repeat; display:inline-block;line-height:35px;height:35px; margin-right:5px;}
header .middle-box .table-container .quick-contact a.tel strong{font-weight:600;}
header .middle-box .table-container .quick-contact .opening{white-space: nowrap; }
header .middle-box .table-container .quick-contact a.mail{white-space:nowrap; color:#FFD543; white-space: nowrap;font-weight:700;padding-left:19px; text-decoration: underline!important;  display:inline-block;line-height:35px;height:35px; background:url('../images/svg/icon_envelope-open.svg') left center no-repeat;}
header .middle-box .table-container .quick-contact a.mail:hover{ text-decoration: none!important; }
header .middle-box .table-container .quick-contact a.fb{display: inline-block; margin-left: 20px; top: -2px; position: relative;}
header .middle-box .table-container .quick-contact > span{padding-right:20px; }


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%; margin:0px auto; position:relative; padding-right:0px; box-sizing: border-box; max-width: 570px;}
header .middle-box .table-container .col  #search > p #inp-search{ width:100%; box-sizing: border-box;  border:2px solid #FFD543;  border-radius: 0px ; height:40px; padding:0 20px 0 37px;  font-size:13px; color:#7B7B7B; font-family:'Dosis', sans-serif; font-weight:500!important;  position:relative;}
header .middle-box .table-container .col  #search > p #inp-search::-webkit-input-placeholder { /* Chrome */ color: #7B7B7B; font-style: italic;}
header .middle-box .table-container .col  #search > p #inp-search:-ms-input-placeholder { /* IE 10+ */ color: #7B7B7B;font-style: italic; }
header .middle-box .table-container .col  #search > p #inp-search::-moz-placeholder { /* Firefox 19+ */ color: #7B7B7B; opacity: 1; font-style: italic;}
header .middle-box .table-container .col  #search > p #inp-search:-moz-placeholder { /* Firefox 4 - 18 */ color: #7B7B7B; opacity: 1; font-style: italic;}
header .middle-box .table-container .col  #search > p  button.btn{  height:40px; width:40px; color:#fff; line-height: 40px;  text-align:center; border:0px;  margin:0px;  position:absolute; left:5px; top:0px; cursor:pointer; background:url(../images/svg/icon_search.svg) no-repeat center center; background-repeat: no-repeat;  font-size:13px; font-weight:400;  box-sizing: border-box; border-radius:0px 0 0 0px;     }

header .middle-box .table-container .col  #search > p #closeSearch{  height:30px; width:30px; color:#000000; text-align:center;  border:0px;  margin:0px;  position:absolute; right:45px; top:13px; 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:#1D1D1D; 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:16px; padding-left:10px; display:none;}
header .middle-box .table-container .col.mobile-search img { top:0px; position:relative;}

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

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

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


header.fixed-desktop:not(.header-checkout) {position:fixed;left:0px; opacity:1!important;margin:0px;padding:0px 35px; box-sizing:border-box; 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-desktop:not(.header-checkout)::before {display:none}
header.fixed-desktop:not(.header-checkout) .middle-box {padding-top:0}
header.fixed-desktop:not(.header-checkout) .middle-box .top-menu{display:none}
header.fixed-desktop:not(.header-checkout) .middle-box .table-container .quick-contact{display:none}
header.fixed-desktop:not(.header-checkout) .middle-box .table-container .col{padding-top:0}
header.fixed-desktop:not(.header-checkout) .middle-box .table-container .col.logo{padding-bottom:10px; padding-top:10px; width:150px;}
header.fixed-desktop:not(.header-checkout) .middle-box .table-container .col.logo img{max-width:150px;}
header.fixed-desktop:not(.header-checkout) .middle-box .table-container .col.logo{height:auto; padding-top:5px;}
header.fixed-desktop:not(.header-checkout) .middle-box .table-container .col.logo a{top:0}
header.fixed-desktop:not(.header-checkout) .middle-box .table-container .col.account {display:table-cell; position:relative; display:none}


header.fixed {position:fixed; z-index: 9000;left:0px; opacity:1!important;margin:0px;padding:0px; box-sizing:border-box;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;}
header.fixed .middle-box .table-container .col.mobile-menu{padding-right:15px;}

header.fixed .middle-box .table-container .col{height: 50px!important}

header.fixed .middle-box .table-container .quick-contact{display: none}
header.fixed #mobile-navigation{margin: 0px;}
header.fixed .layout-center .account{display:none;}
header.fixed .middle-box .table-container .col.basket-info .wrap > div:first-child{display:none;}
header.fixed .middle-box{margin:0px;padding-top: 0px; padding-bottom: 0px;}

header.fixed .middle-box .table-container .col.search #search{margin:0}

header #menu-space{height:40px;}

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-box-shadow: 0px 4px 6px 0px rgba(57,42,36,0.1); -moz-box-shadow: 0px 4px 6px 0px rgba(57,42,36,0.1); box-shadow: 0px 4px 6px 0px rgba(57,42,36,0.1); -webkit-transition: 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: 1440px; z-index: 6000}
header #menu.fixed-menu .scroll-bg{background: #206931; opacity:0.95; position:absolute; left:0px; top:0px; width:100%; height:100%; z-index: 4000; -webkit-transition: all 0.2s ease !important;  -moz-transition: all 0.2s ease!important; -o-transition: all 0.2s ease!important; -ms-transition: all 0.2s ease!important; transition: all 0.2s ease!important; }
header #menu.fixed-menu:hover .scroll-bg{opacity:1;}
header #menu.fixed-menu .menu::before{display:none;}
header #menu.fixed-menu .menu::after{display:none;}
header #menu.fixed-menu .menu > li.logo-menu {display:table-cell;}
header #menu.fixed-menu .menu > li > a {border-radius: 0px!important; }

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: #7CA500; position:relative; z-index: 9000; top: 0px;  }
header #menu .menu{margin:0px 0px; position:relative; padding:0px; list-style: none; position:relative; width:100%;  font-size:0px; text-align: left; display:block; top:0px; }
header #menu .menu::before{content: ' '; width:100%; position:absolute; top:0px; right:100%; height:40px; background: #7CA500;  }
header #menu .menu::after{content: ' '; width:100%; position:absolute; top:0px; left:100%; height:40px; background: #7CA500; }
header #menu .menu > li.logo-menu {display:none;}
header #menu .menu > li.logo-menu img{height:40px;position:relative; top:-2px;}
header #menu .menu > li a object.icon{position:relative;left:-5px;top:8px;max-width:30px !important;max-height:30px !important;width:auto !important;height:auto !important}
header #menu .menu > li{display:inline-block;padding:0px 0px;background-repeat:no-repeat; background-position:left center;  }
header #menu .menu > li > a.notr::before{ -webkit-transition: all 0s ease-in-out  !important;  -moz-transition: all 0s ease-in-out !important; -o-transition: all 0s ease-in-out !important; -ms-transition: all 0s ease-in-out !important; transition: all 0s ease-in-out !important;}
header #menu .menu > li > a{line-height: 40px; padding:0px 20px; font-size:16px; text-transform: uppercase; color:#ffffff;  font-weight:500; border-top-right-radius: 5px; border-top-left-radius: 5px;  text-decoration: none;  position:relative; display:block; margin-bottom: 0px; white-space: nowrap; }
header #menu .menu > li > a::before{height: 18px; width: 1px; font-size: 0px; background: #FFFFFF; content: ' '; opacity: 0.25; position: absolute; left: 0px; top: 11px;  }
header #menu .menu > li.highlight > a{color:#FFC800}
header #menu .menu > li.highlight:hover > a{color:#206931}
header #menu .menu > li > a > span {position:relative; display:inline-block;}
header #menu .menu > li > a > span > img{margin-top:-5px; padding-right:8px; position:relative;display:inline;}
header #menu .menu > li > a > span > svg{margin-bottom:-3px; padding-right:8px; position:relative; display:inline;}
header #menu .menu > li:hover > a { text-decoration: underline;}
header #menu .menu > li:hover > a > span > svg path {fill:#1d1d1d;}
header #menu .menu > li.with-sub.visible-arrow > a.actived::before  {opacity:1;}
header #menu .menu > li:not(.with-sub) > a  {border-radius:4px;}
header #menu .menu > li.current > a {color:#1d1d1d;}

header #menu .menu > li > .sub{position:absolute; display: none;   left:0px; top:45px; padding-top:0px; width:100%;z-index: 8000;  }
header #menu .menu > li > .sub::before{height:100%; width:100%; background:#FFF; position:absolute; right:100%; width:100%; content: ''; }
header #menu .menu > li > .sub::after{height:100%; width:100%; background:#FFF; position:absolute; left:100%; width:100%; content: ''; }
header #menu .menu > li > .sub .wrap{ background: #ffffff; border-top:0;border:0px;    z-index: 8000; padding:20px 10px; float:left; width:100%; box-sizing: border-box;max-height:433px; overflow-y: auto;overflow-x:hidden }
header #menu .menu > li > .sub .wrap > ul{   margin:0px -12px; list-style: none; }
header #menu .menu > li > .sub .wrap > ul > li{float:left; width:20%; box-sizing: border-box;  padding:5px 6px;}
header #menu .menu > li > .sub .wrap > ul > li.maker{width:12.5%;}
header #menu .menu > li > .sub .wrap > ul > li a{display:table; width:100%;min-height: 46px; text-align:left; background: #ffffff; border:1px solid #E7EAEF; border-radius:4px; color:#101414; font-size:14px; line-height: 18px; font-weight:700; text-decoration: none; font-family:'Montserrat',sans-serif; box-shadow: 1.721px 2.457px 4px 0px rgba(16, 20, 20, 0.02);}

header #menu .menu > li > .sub .wrap > ul > li a:hover{ border-color:#101414; box-shadow: 2.294px 3.277px 5px 0px rgba(16, 20, 20, 0.22);}
header #menu .menu > li > .sub .wrap > ul > li.current a{ border-color:#101414;}
header #menu .menu > li > .sub .wrap > ul > li a > span{display:table-cell; vertical-align: middle; text-align:left; padding:5px 15px 5px 5px; line-height: 20px;  box-sizing: border-box;}
header #menu .menu > li > .sub .wrap > ul > li a > span:first-child{width:40px; padding-right:0px; background: url(../images/loading.gif) no-repeat center center; background-size:100% auto;}
header #menu .menu > li > .sub .wrap > ul > li a > span:first-child img{width:100%;height:auto }
header #menu .menu > li > .sub .wrap > ul > li a > span:last-child{width:auto; padding-right:15px; background:transparent;}
header #menu .menu > li > .sub .wrap > ul > li.maker a > span{width:100% !important;text-align:center;}
header #menu .menu > li > .sub .wrap > ul > li.maker a > span img {display:inline-block;width:80%;max-width:100px;height:auto;max-height:100px;margin:0 auto;float:none}
header #menu .menu > li > .sub .wrap > ul > li a img {width:auto;height:auto;width:auto !important;height:46px !important;}


header #mobile-navigation{margin: 0px -15px; position: relative; display: none;}
header #mobile-navigation .top{ display:none;line-height:40px; height:40px; background: #7CA500; color:#ffffff; font-size:16px; font-weight:700; padding:0px 15px; }
header #mobile-navigation .top a{display: inline-block; color: #ffffff;}
header #mobile-navigation .top .menu-btn{padding-left: 28px; background: url("../images/svg/icon_bars.svg") no-repeat left center; position: relative;-webkit-transition: height 0s ease !important;  -moz-transition: height 0s ease!important; -o-transition: height 0s ease!important; -ms-transition: height 0s ease!important; transition: height 0s ease!important; }
header #mobile-navigation .top .menu-close{display: none;position: absolute; left: 15px; top: 0px; width: 23px; height: 100%; cursor: pointer}
header #mobile-navigation .top .menu-btn.active { background: url("../images/svg/icon_times.svg") no-repeat 2px center;  }
header #mobile-navigation .top .user-btn{float:right; }
header #mobile-navigation .top .user-btn img{position: relative; top: -3px;}
header #mobile-navigation .content{height: 400px;box-sizing: border-box; background: #FFD543; width: 100%; position: absolute; left: 0px; top: 70px; height: 0px; overflow: hidden; -webkit-transition: height 0.5s ease !important;  -moz-transition: height 0.5s ease!important; -o-transition: height 0.5s ease!important; -ms-transition: height 0.5s ease!important; transition: height 0.5s ease!important; }


header #mobile-navigation .content .scroll-wrap{height: 100%; overflow-y: scroll;box-sizing: border-box; border: 10px 0px; border-top:10px solid #FFD543 ; border-bottom:10px solid #FFD543 ; } 
header #mobile-navigation .content .plants{display: none;} 
header #mobile-navigation .content ul{margin:0 0 0px 0; padding:0; list-style: none;  } 
header #mobile-navigation .content ul > li.sb-ico::after{content: ''; width: 12px; height: 12px; background: url('../images/svg/icon_plus-red.svg') no-repeat center center; position: absolute; right: 15px; top: 18px; margin-top: -6px;} 
header #mobile-navigation .content ul > li.sb-ico.active::after{background-image: url('../images/svg/icon_minus-red.svg') ; } 
header #mobile-navigation .content ul li{border-bottom:1px solid #E6BF34 ; height:auto !important; position: relative;} 
header #mobile-navigation .content ul li.logo-menu{display:none;} 
header #mobile-navigation .content ul li a{line-height:20px; padding:10px 20px; color:#48220D; text-decoration: none; font-weight: bold; display:block;font-size:20px;height:auto !important} 
header #mobile-navigation .content ul li a img, header #mobile-navigation .content ul li a object {display: none;} 
header #mobile-navigation .content ul li a .svg{display:none; height:25px; margin-right:10px; margin-top:-3px;} 
header #mobile-navigation .content ul li a .svg path{fill:#ffffff;} 
header #mobile-navigation .content ul li a:hover{text-decoration: underline;} 
header #mobile-navigation .content ul li ul{padding-left:0px; margin-bottom:0; display:none;  border-top:1px solid  #E6BF34;} 
header #mobile-navigation .content ul li ul li:first-child{border-top:0;} 
header #mobile-navigation .content ul li ul li:last-child{border-bottom:0;} 
header #mobile-navigation .content ul li ul li a{font-weight:500; font-size:16px; } 
header #mobile-navigation .content ul li ul > li.sb-ico::after{background-image: url('../images/svg/menu-arrow.svg') } 
header #mobile-navigation .content ul li ul > li.sb-ico.active::after{background-image: url('../images/svg/icon_minus-red.svg') ; } 
header #mobile-navigation .content ul li ul > li.active > a{font-weight: 700; font-size: 18px;} 
header #mobile-navigation .content ul li ul li ul {padding:10px 0px 10px 40px; } 
header #mobile-navigation .content ul li ul li ul li {border: 0px; background: url('../images/svg/menu-arrow.svg') no-repeat left center; padding-left: 25px;} 
header #mobile-navigation .content ul li ul li ul li a{padding: 3px 0px} 

header #mobile-navigation .content #search{padding: 5px 15px;} 
header #mobile-navigation .content #search > p{padding: 0px; position: relative;} 
header #mobile-navigation .content #search #inp-search{border: 0px; height: 40px; padding: 0px 10px 0px 36px; font-size: 13px; width: 100%;} 
header #mobile-navigation .content #search .btn{position: absolute; border: 0px; left: 10px; top: 0px; height: 100%; width: 25px; background: url("../images/svg/icon_search.svg") no-repeat center 13px} 




header.header-checkout .middle-box{ padding:0px 0px 0px 0px; height: 140px;}
header.header-checkout .middle-box .table-container .col{width: auto;}
header.header-checkout::before{display: none;}
header.header-checkout .middle-box .table-container .quick-contact {max-width: none; position:relative; font-size:12px;  color: #7B7B7B; font-weight: 400; line-height: auto; text-align: right;}
header.header-checkout .middle-box .table-container .quick-contact .wrap  {display: inline-block; text-align: left;}
header.header-checkout .middle-box .table-container .quick-contact .wrap > strong {display: block; color: #7B7B7B; font-size: 18px; font-weight: 700; padding-bottom:5px; }
header.header-checkout .middle-box .table-container .quick-contact .wrap a{height: auto!important; line-height: inherit!important; margin-top: 10px;}
header.header-checkout .middle-box .leaves{right: 350px;}




section{ padding:0px 0 0px 0px;  position:relative; z-index: 9999;}
section.bottom-extended{ padding-bottom:90px;}
section.no-padding{ padding:0;}
section.no-top-padding{ padding-top:0px;}
section.grey{background: #F8F9FB; padding:30px 0px 30px 0px; border-top:1px solid #E7EAEF; }
section.transparent{padding:0px 0px 0px 0px;  background:none;  z-index: 4000; margin-top:-20px; overflow:hidden;}
section.no-bottom-padding{ padding-bottom:0px;}
section.hp-slider-wrap, .other-slider-wrap{background: #ffffff; padding:0px 0px 0px 0px; }
section.hp-slider-wrap {opacity:1; }
section.np{padding-top:0; }
section.main{padding-top:10px; }
section.hp-tabs-container{padding-top:0; padding-bottom:130px;  border-top:1px solid #E1E1E1;}


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

h1{text-align: left; font-size: 32px; line-height: 105%;  font-family: 'Dosis', serif; font-weight:700; position:relative; font-style:normal; color:#353535; margin:0 0px 25px 0px; padding:0px 0 0px 0; text-transform: none;}
h2{text-align: left; font-size: 30px; line-height: 120%;  font-family: 'Dosis', serif; font-weight:700; font-style:normal; color:#353535; margin:0; padding:0px 0 20px 0;}
h3{text-align: left; font-size: 20px;  font-family: 'Dosis', serif; font-weight:700; font-style:normal; color:#353535; margin:0; padding:1em 0 1em 0; margin:0px; }
h4{text-align: left; font-size: 17px;  font-family: 'Dosis', serif; font-weight:600; font-style:normal; color:#353535; margin:0; padding:1em 0 1em 0; margin:0px; }

p{color:#7B7B7B; font-size:16px;line-height:175%;  font-weight:400;}
p a{color:#7CA500;}
p strong{font-weight:700; }
strong{font-weight:700; }
p.big{color:#7B7B7B; font-size:22px; font-style:italic;}


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

.layout-center .title{color:#353535; font-size:24px; display: block; overflow: hidden; line-height: 110%; font-family: 'Dosis', serif; font-weight:700;position:relative; text-align:center; padding:0px 0px 0px 0px; margin:0px 0px 25px 0px;  position:relative; }
.layout-center .title.lft{text-align:left;}
.layout-center .title span{display:block; font-size: 85%; }
.layout-center .title a{color:#7CA500; text-decoration:none; }
.layout-center .title a:hover{color:#7CA500; text-decoration:underline }

.layout-center .title.title-small{font-size:24px; }
.layout-center .title.title-small::before{width:40px; }

.layout-center .title.boxed{color:#000000; font-size:190%;  font-family: 'Dosis', serif; font-weight:700; 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:20px; display:block; max-width:290px; background: #F6F6F6; font-family: 'Dosis', 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 {text-align: left;  margin:0px auto 0px auto; padding: 0px;}
section .layout-center .text-box h1{text-align: left;}
section .layout-center .text-box p{padding:0px 0px 1.4em 0px;}

section .layout-center .text-box ul  {list-style:none;padding:0px; margin:0px 0px 10px 10px;}
section .layout-center .text-box ul li {color:#4f4f4f; 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 .articles{margin:0px -15px;font-size: 0px;}
section .layout-center .articles .item{display: inline-block; width: 50%; box-sizing: border-box; padding: 15px;}
section .layout-center .articles .item .wrap{background: #ffffff;}
section .layout-center .articles .item .wrap .image{display: block;}
section .layout-center .articles .item .wrap .image img{width: 100%;}
section .layout-center .articles .item .wrap .desc{padding:25px 25px 30px 25px; }
section .layout-center .articles .item .wrap .desc h3{padding:0px 0px 18px 0px; margin:0px; font-size:26px; font-weight:700; color:#353535;  text-align:left; }
section .layout-center .articles .item .wrap .desc h3 a{color:#353535; text-decoration:none;   }
section .layout-center .articles .item .wrap .desc h3 a:hover{text-decoration:underline;   }


section .layout-center .idea-detail{background: #ffffff; padding-bottom: 75px;}
section .layout-center .idea-detail .text-box{padding:30px 30px 15px 30px; }
section .layout-center .idea-detail .image-full img{ width: 100%;}
section .layout-center .idea-detail .image-full { padding-bottom:40px; }

section .layout-center .idea-item{display: table; width: 100%; margin-top:40px; }
section .layout-center .idea-item > div{display: table-cell;width:50%; vertical-align:middle; }
section .layout-center .idea-item > div:first-child{padding-right: 15px; vertical-align: top;}
section .layout-center .idea-item > div:last-child{padding-left: 45px; padding-right: 45px;}
section .layout-center .idea-item .image{width: 100%; padding: 0px; box-sizing:border-box; position: relative;}
section .layout-center .idea-item .image a{display: block;}
section .layout-center .idea-item .image img{width: 100%;}
section .layout-center .idea-item .text-block {padding-left: px;}
section .layout-center .idea-item .text-block h3{font-size: 24px; font-weight: 700; color: #2A1206; padding: 0px; margin:0px 0px 20px 0px }
section .layout-center .idea-item .text-block h3 a { color: #2A1206; text-decoration:none }
section .layout-center .idea-item .text-block h3 a:hover {text-decoration:  underline}
section .layout-center .idea-item .text-block p {padding-bottom: 1.5em}
section .layout-center .idea-item .button-block {padding-top: 20px;}
section .layout-center .idea-item .button-block .button {padding: 0px 30px;}
section .layout-center .idea-item .mobile-image {display: none; position: relative;}


section .layout-center .idea-item.image-right > div:first-child{padding-right: 15px; padding-left: 60px; vertical-align: middle;}
section .layout-center .idea-item.image-right > div:last-child{padding-left: 15px; vertical-align: top; padding-right: 0px;}




section .layout-center .article{margin:10px -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:#1d1d1d; text-decoration: none; font-weight:600;}
section .layout-center .article .item h2 a:hover{color:#ffc800;}
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:#ffc800; display:inline-block; line-height:22px;}
section .layout-center .article .item .wrap > div a:hover{color:#ffc800;}
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;}


.swiper-container {width: 100%; margin-left: auto;  margin-right: auto; background:#FAF7FC; border-radius:0px; /*! float:right; */ margin-top:0px; margin-bottom: 0px;}
.swiper-container .swiper-slide-active{z-index: 5000}
.swiper-container .nav-wrap {position: absolute; left: 0; width: 100%; bottom: 60px; text-align: right; white-space: nowrap;z-index: 9000;} 
.swiper-container .nav-wrap > div  {position: relative!important;margin-top: 0!important; height:100%; }
.swiper-container .nav-wrap > div > div {position: relative!important; right: auto!important; top: auto!important; bottom: auto!important; left: auto!important; }
.swiper-container .nav-wrap .swiper-pagination-bullet { padding: 0px 0px; margin: 4px 8px; box-sizing: border-box;position: relative; display: inline-block;width: 11px; height: 11px;  text-align: right; border-radius: 0px; color: #C4C4C4; background: transparent; font-size: 0px; font-weight: 500; opacity:1;-webkit-transition: all 0.5s ease !important;  -moz-transition: all 0.5s ease!important; -o-transition: all 0.5s ease!important; -ms-transition: all 0.5s ease!important; transition: all 0.5s ease!important; }
.swiper-container .nav-wrap .swiper-pagination-bullet::after {content: ' ';opacity: 1;margin-top:5px ;right: 0px!important; position: absolute!important; top: 0px!important; display: block; width:11px; height: 11px; box-sizing: border-box; border-radius: 14px; border: 4px solid #C4C4C4; background:#C4C4C4;  -webkit-transition: all 0.5s ease !important;  -moz-transition: all 0.5s ease!important; -o-transition: all 0.5s ease!important; -ms-transition: all 0.5s ease!important; transition: all 0.5s ease!important; box-shadow: 0px 0px 13px 0px rgba(224, 10, 30, 0.004);}
.swiper-container .nav-wrap .swiper-pagination-bullet.swiper-pagination-bullet-active {color: #6A6A6A; padding-right: 0px;}
.swiper-container .nav-wrap .swiper-pagination-bullet.swiper-pagination-bullet-active::after {opacity: 1; right: -4px!important;  bottom: 0px!important;background:#6A6A6A; border: 4px solid #6A6A6A; width: 19px;  height: 19px; border-radius: 19px;margin: 0px;}
.swiper-button-prev, .swiper-button-next{ opacity: 1!important;  width: 29px; height: 15px; background-repeat: no-repeat; background-position: center; background-size: 100% auto; margin: 0px -6px 0px auto!important}
.swiper-button-prev::after, .swiper-button-next::after{display: none;}

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

.swiper-container .main-banner {width: 100%;height: 100%; display: table; background-size: cover; background-repeat: none; position: absolute; left: 0px; top: 0px; }
.swiper-container .main-banner > div { display: table-cell; vertical-align: middle; text-align:right;}
.swiper-container .main-banner > div .inside-wrap {text-align: left; display:inline-block; margin: 0;padding: 30px 12%; box-sizing: border-box; white-space: nowrap; font-size: 35px; font-weight:800 }
.swiper-container .main-banner > div .inside-wrap .banner-title{ line-height: 110%; color: #103170;  font-family:'Dosis',sans-serif; font-weight:700; padding-bottom: 0px;}
.swiper-container .main-banner > div .inside-wrap .banner-title span{display: block;font-weight: 600; font-size: 88%;line-height: 100%;}
.swiper-container .main-banner > div .inside-wrap .banner-title strong{font-size: 215%; display: block; display:block; font-family:'Dosis', sans-serif; line-height: 100%; font-weight:700; text-align:left; padding-bottom:8px; }
.swiper-container .main-banner > div .inside-wrap p{color:#ffffff; font-size:20px; margin:0px; padding:0px; line-height:180%;  }
.swiper-container .main-banner > div .inside-wrap .button{margin-top: 1.5em; margin-bottom:1em; line-height: 3em; color:#ffffff; min-width:0; width:auto; display:inline-block; font-size: 45%; padding:0 2em; }

.swiper-container .swiper-slide .img-wrap  {margin: 0px }
.swiper-container .swiper-slide  picture img {width: 100%;}
.swiper-container .swiper-slide  img {width: 100%;}
.swiper-container .swiper-slide  .mobile {display: none;}

.swiper-container .anim {opacity: 0}

section .slider-wrap{padding-left:330px; background: #fff; border-radius: 10px 15px 0px 0px;}

section.garden-gallery {background: url('../images/footer-garden-gallery.jpg') no-repeat center center ; padding: 0px 0px; height: 250px;}
section.garden-gallery a {display:block;height: 250px;}

section.benefits-bg{background: #7CA500 ; padding: 40px 0px}
section.benefits-bg .title{color: #ffffff;}
section .benefits{margin: 50px 0px 0px 0px;  text-align: center; padding:0px 0px; box-sizing: border-box; font-size:0px; }
section .benefits .item{display:inline-block; text-align: center; width:16.6666%; box-sizing: border-box;padding:0px; vertical-align: top; }
section .benefits .item  .image {margin-bottom: 30px;}
section .benefits .item  .image  img{height: 60px;}
section .benefits .item  .desc {display:block; font-size:20px; color: #ffffff; font-weight: 700}

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


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


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


.fixed-info-line{position:relative;padding:3px 0px; background: #034C14; color:#ffffff; width:100%; left:0; top:0; z-index: 9000; font-size:12px; display:block;}
.fixed-info-line p{font-size:12px; color:#fff}
.fixed-info-line .fixed-info-overlay{position:absolute; left:0; top:0; height:100%; width:100%; background: #000;  z-index: 8000; content: ' '; opacity:0.5; 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:40px; top:-2px;  cursor:pointer; z-index: 9500; font-size:18px; color:#fff;}
.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: #ffc800; opacity:0.8;z-index:800}
.timesale {font-family: 'Dosis', sans-serif; font-size:120%; line-height:20px; padding:10px; text-align:center; font-weight:bold; color:#1d1d1d; position:relative; display:inline-block;  z-index:999;}
.timesale p {margin-bottom:10px; font-weight:normal; color:#1d1d1d;font-family: 'Dosis', sans-serif;} 
.timesale span {display:inline-block; width:25%; line-height:20px; font-size:10Px !important; padding:0px 6px; box-sizing: border-box; font-weight:300 !important; }
.timesale span.number {font-size:18px !important; font-weight:bold !important; }
.timesale span.separ {position:absolute;padding:0;width:1px;margin-left:-1px;margin-top:4px;font-size:15px;font-weight:700 !important; }
.timesale_text {padding:0 10px;}

section .layout-center #detail .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:11px;}


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:20px; box-sizing: border-box; border:1px solid #DFDFDF;  color:#828282;font-family:'Dosis', sans-serif; font-weight:800; }
section .layout-center .hp-tabs li a:hover {color:#1d1d1d;}
section .layout-center .hp-tabs li.current a {background:#ffffff; border-bottom:2px solid #ffffff;color:#1d1d1d;  }

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 .graybox .products.smaller{margin-bottom: 0px; padding: 0px 10px;}

section .layout-center #content .products {margin-left:-10px; margin-right:-10px; margin-bottom: 0px;}
section.hp-tabs-container .products {padding-bottom:0 !important}
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%; }

section .layout-center .products.owl-carousel .owl-stage-outer::before {height: 100%; width: 20px; background: transparent; position: absolute; left: 0px; top: 0px; content: ' '; z-index: 5000}
section .layout-center .products.owl-carousel .owl-stage-outer::after {height: 100%; width: 20px; background: transparent; position: absolute; right: 0px; top: 0px; content: ' '; z-index: 5000}

section .layout-center .products.owl-carousel {padding:0px;margin:0px 0px 0px 0px; position:relative; }
section .layout-center .products.owl-carousel .item{width:100%!important;padding:20px 0px 20px 0px; margin-bottom: 60px;}

section .layout-center .products.owl-carousel .owl-controls { top: 40%!important}
section .layout-center .products.owl-carousel .owl-nav .owl-prev{left: -5px; }
section .layout-center .products.owl-carousel .owl-nav .owl-next{right: -5px; }

section .layout-center .products-wrap{margin:0px -20px 50px -20px; }
section .layout-center .products.hp-categories{margin-top: -45px;}
section .layout-center .products.hp-categories .item .wrap{border-bottom: 6px solid #FFD543;}
section .layout-center .products.hp-categories .item:hover .wrap{border-bottom: 6px solid #E24800;}
section .layout-center .products.hp-categories .item .wrap h3{font-size: 16px;}

section .layout-center .products{margin:-10px; position:static; }
section .layout-center .products .item{float:left; width:20%; box-sizing:border-box;  padding:10px; text-align:center; position:relative;  }
section .layout-center .products:not(.variant2) .item{ margin-bottom:0px; }
section .layout-center .graybox .products:not(.variant2) .item {  }
section .layout-center .products.carousel:not(.homepage) .item {  }
section .layout-center .products .item:hover{z-index:9000;}
section .layout-center .products .item .wrap{margin:0px; padding:0px;border-radius:0px;  position:relative; border:0px; box-sizing: border-box;  -moz-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; background: #ffffff;}
section .layout-center .products .item .wrap:hover{box-shadow: 0px 0px 42px 0px rgba(16, 20, 20, 0.1); }

section .layout-center .products .item .wrap h3{margin:0px 0px 18px 0px; min-height: 54px; display: table; text-align: center; width: 100%; padding:0px 0px; font-size:13px; color:#353535; font-family:'Dosis', sans-serif; font-weight:700; line-height: 130%;   text-align:center;}
section .layout-center .products .item .wrap h3 a{padding:5px 10px; display:table-cell; vertical-align:middle;color:#353535; 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:#353535; text-decoration: none }
section .layout-center .products .item .wrap .desc{ color:#828c8c; font-size:14px; font-weight:400; padding:0px 20px 15px 20px;}
section .layout-center .products .item .wrap .image-box{display:block; margin:0px 0px 0px 0px; text-align: center; position:relative; text-align: center; background: url(../images/loading.gif) no-repeat center center; background-size:70% auto;}
section .layout-center .products .item .wrap .image::before{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #FFD543; opacity: 0; content: ' '; z-index: 5000; -webkit-transition: all 0.3s ease !important;  -moz-transition: all 0.3s ease!important; -o-transition: all 0.3s ease!important; -ms-transition: all 0.3s ease!important; transition: all 0.3s ease!important;}
section .layout-center .products .item .wrap .image::after{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: url('../images/svg/icon_plus-cirle.svg') no-repeat center center; opacity: 0;  content: ' '; z-index: 5100; -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:hover .image::before{opacity: 0.5}
section .layout-center .products .item .wrap:hover .image::after{opacity: 1}

section .layout-center .products .item .wrap .image {display:block; overflow:hidden; margin:0px auto; position:relative; }  
section .layout-center .products .item .wrap .image img{display:block;padding:0px; box-sizing: border-box; background: transparent;  width:100%; max-width: 292px;  -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }
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: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 .info-wrap{margin:0px 0px 0px 0px; padding:0px 0px; box-sizing:border-box;} 
section .layout-center .products .item .wrap .desc-box { margin: 15px -15px 0 -15px;}
section .layout-center .products .item .wrap .desc-box p{ font-size:15px; line-height: 140%; font-weight: 400; color: #7185ac; text-align: center;}

section .layout-center .products .item .wrap .info-box-wrap{  margin:0px 0px; }
section .layout-center .products .item .wrap .info-box{  display:table; width:100%; margin:0px 0px 0px 0px; position:relative; }
section .layout-center .products .item .wrap .info-box > div{  display:table-cell;vertical-align: middle; text-align: center; padding:15px 0px; }
section .layout-center .products .item .wrap .info-box > div:first-child{text-align:left; padding-left: 15px;}
section .layout-center .products .item .wrap .info-box > div:last-child{ text-align: right; padding-left:0px; padding-right: 8px;}  

section .layout-center .graybox .products .item .wrap .info-box > div:last-child{ padding-bottom:20px}  

section .layout-center .products .item .wrap .button{display:inline-block;min-width:0px;  width: 100%; } 
section .layout-center .products .item .wrap .button img{width: 22px; display: inline-block;} 

section .layout-center .products .item .wrap .rating {padding-bottom: 3px;}
section .layout-center .products .item .wrap .rating img {width: auto; display: inline-block;}

section .layout-center .products .item .wrap .availability-box {padding: 15px 0px 20px 0px; margin: 0px -15px;}
section .layout-center .products .item .wrap .availability{color:#7CA500;background: url('../images/svg/icon_check-circle.svg') no-repeat left center; padding-left: 25px; font-size:16px; font-weight:500;position:relative; display:block; margin-bottom: 0px;}   

section .layout-center .products .item .wrap .spinner{position: relative;  width: 65px; border: 0px;}   
section .layout-center .products .item .wrap .input-group-btn-vertical > .btn{width: 20px; height: 20px; border-radius: 0px; box-shadow: none}
section .layout-center .products .item .wrap .spinner input{height: 20px;font-size: 14px; color: #7B7B7B; font-weight:400 }

section .layout-center .products .item .wrap  .price-wrap {position: absolute; left: 0px; bottom: 10px; z-index: 5500}
section .layout-center .products .item .wrap  .price {color:#ffffff; background: #E24800; display: inline-block; border-radius:  0px 35px 35px 0px;font-size:16px; line-height: 35px; font-weight:700; margin-top:0px; padding: 0px 15px; white-space:nowrap;}

section .layout-center .products .item .wrap .original-price, section .layout-center .products .item .wrap  .price.smaller {display: inline-block;color:#7185ac; padding: 0px 0px; font-size:18px; line-height: 18px; font-weight:500; position:relative;display:inline-block;}  
section .layout-center .products .item .wrap .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 .products .banner_list {float:left; width:100%; box-sizing: border-box; padding:0px 15px;}  


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

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


section .layout-center .products.v6 {margin-bottom:-40px;}
section .layout-center .products.v6 .item .wrap .info-box > div{display:block; text-align: center!important; width:100%; box-sizing: border-box; padding-left:0px!important; padding-right:0px!important;}
section .layout-center .products.v6 .item .wrap .info-box .button{display:block; width:100%;}
section .layout-center .products.v6 .item .wrap .price{text-align: center; margin-bottom:10px;}
section .layout-center .products.v6 .item .wrap .original-price{text-align: center;margin:0px auto;}
section .layout-center .products.v6 .item .wrap .info-box{margin-top:10px;}
section .layout-center .products.v6 .item .wrap .info-box > div:first-child{margin-bottom:10px;} 
section .layout-center .products.v6 .item .wrap h3{margin-bottom: 10px;font-size:14px; }
section .layout-center .products.v6 .item .wrap .availability{font-size:12px;}


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 0px; 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 #main.full-width {position:relative; }
section .layout-center #main.full-width .goBack{position:absolute; left:0px; top:40px; width:auto; min-width:0px; z-index: 9000; box-shadow: 0px 13px 27px 0px rgba(16, 20, 20, 0.09);}
section .layout-center #main.full-width .goBack img{width:10px;padding-right:15px;position:relative; top:-2px;}
section .layout-center #main.full-width .goBack:hover{background:#ffffff; color:#101414; text-decoration:underline;}


section .layout-center .products.variant2{margin:0px -15px 0px -15px!important; position:static; }
section .layout-center .products.variant2 .item{width:33.3333333%!important; box-sizing:border-box;  padding:15px; text-align:center; position:relative; }
body.fully section .layout-center .products.variant2 .item{width:25%!important; }

section .layout-center .products.variant2 .item .wrap{display:table; width:100%; padding:0px;}
section .layout-center .products.variant2 .item .wrap > div{display:table-cell; vertical-align:top; padding:10px; text-align:left;}
section .layout-center .products.variant2 .item .wrap > div:first-child{width:100px;}
section .layout-center .products.variant2 .item .wrap .image img{max-width:100px;}
section .layout-center .products.variant2 .item .wrap .image-box{margin:0px;}
section .layout-center .products.variant2 .item .wrap h3{text-align:left; line-height: 120%; min-height:35px; margin-bottom:0px; margin-top:5px;font-size:14px;}
section .layout-center .products.variant2 .item .wrap h3 a{padding:0px;padding-top:5px}
section .layout-center .products.variant2 .info-box .button{line-height: 35px;} 
section .layout-center .products.variant2 .item .wrap .info-wrap {margin:0px;}
section .layout-center .products.variant2 .item .wrap .info-box {margin-top:2px;}
section .layout-center .products.variant2 .item .wrap .info-box > div{vertical-align: bottom;}
section .layout-center .products.variant2 .item .wrap .info-box > div:last-child{width:100px; text-align:left;}
section .layout-center .products.variant2 .item .wrap .availability{text-align:left; font-size:13px; margin-bottom: 5px; padding-top:5px;padding-left:0px;display:block}  
section .layout-center .products.variant2 .item .wrap .availability.instock::before{width:15px; height:15px; top:0px;}  
section .layout-center .products.variant2 .item .wrap  .price {margin-bottom: 3px;padding-left:0}  
section .layout-center .products.variant2 .item .wrap .original-price {margin-right:20px !important}
section .layout-center .products.variant2.owl-carousel.v3 {margin:0px!important; }
section .layout-center .products.variant2.owl-carousel.v3 .item{width:100%!important;   padding:30px 0px 0px 0px;  }
section .layout-center .products.variant2.owl-carousel.v3 .owl-dots{display:none!important }

section .layout-center #main #aside .products.variant2 {margin:0px -2px 0px -2px!important;}
section .layout-center #main #aside .products.variant2 .item{width:100%!important; padding:2px;margin-bottom:5px !important}
section .layout-center #main #aside .products.variant2 .info-box .button{display:none;} 
section .layout-center #main #aside .products.variant2 .item .wrap  .price {font-size:15px; line-height:15px;margin:0px;}  
section .layout-center #main #aside .products.variant2 .item .wrap .original-price { font-size:13px; line-height: 13px;}  
section .layout-center #main #aside .products.variant2 .item .wrap .availability{font-size:12px; margin:0px; }  
section .layout-center #main #aside .products.variant2 .item .wrap .info-box > div{vertical-align: middle;}
section .layout-center #main #aside .products.variant2 .item .wrap > div:first-child{width:60px;padding-right:2px; vertical-align: middle;}
section .layout-center #main #aside .products.variant2 .item .wrap h3 {margin:0px; min-height:28px;}
section .layout-center #main #aside .products.variant2 .item .wrap h3 a{font-weight:500; font-size:13px;line-height: 105%}
section .layout-center #main #aside .products.variant2 .item .wrap .info-box > div:last-child{width:50px;}



section .layout-center  .tag{position:absolute; left:0px; top:10px; margin:0px; padding:0px; list-style: none;z-index:8000}
section .layout-center  .tag li {padding:0px 5px 0px 0px;overflow: hidden; margin-bottom: 5px;}
section .layout-center  .tag li span{display:table; width: 100%;   border-radius: 0px;  height:25px;color:#ffffff;position:relative; z-index:50 }
section .layout-center  .tag li span > span{ color:white;display:table-cell;font-family:'Dosis', sans-serif; font-weight:900; font-size:14px; white-space: nowrap; line-height: 18px;width:100%; vertical-align: top; text-align:center;  padding:3px 3px 0px 6px; box-sizing: border-box; position:relative; }
section .layout-center  .tag li span::after{ width:25px; height:200%; position:absolute; right:-5px;  top:-50%; content: ' ';  background: inherit; border-radius: 0px 30px 30px 0px; z-index: -1}
section .layout-center  .tag li span.yellow span {color:#101414 }
section .layout-center  .tag li span.dark-blue > span  {font-size:11px; }

section .layout-center .big-image .tag{top:0px;}

body .red{background: #cd0000!important;}
body .red:hover{background: #e50303!important;}
body .blue{background: #5CC9CA!important;}
body .blue:hover{background: #5CC9CA!important;}
body .dark-blue{background: #3B67A4!important;}
body .dark-blue:hover{background: #3B67A4!important;}
body span.yellow{background: #FFC800!important;color:#101414}
body span.yellow:hover{background: #FFC800!important;color:#101414}
body .black{background: #000!important;}
body .black:hover{background: #000!important;}
body .green{background: #B2DB11!important;}
body .green:hover{background: #B2DB11!important;}
body .purple{background: #c300a5!important;}
body .purple:hover{background: #c300a5!important;}


section .layout-center .category{margin:30px -15px 30px -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:#1d1d1d; font-size:14px; font-weight:600; text-decoration:none; text-align: center; border-bottom:3px solid #E4E4E4;  }
section .layout-center .category .item a:hover {border-color:#ffc800;}
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:#1d1d1d;}


section .news-wrap {border:1px solid #D8D8D8; background: #FCFCFC;padding:35px 15px 45px 15px; margin-bottom: 70px; margin-top:-21px; text-align: center; position:relative;}
section .news-wrap .news .item{float:left; box-sizing: border-box; width:33.3333333%; padding:15px;}
section .news-wrap .news .item .wrap{padding:0px 20px 0px 115px; text-align:left;}
section .news-wrap .news .item .wrap .date{width:85px; box-sizing: border-box; float:left; margin-left:-115px; margin-top:5px; background: #DADADA; color:#ffffff; padding:15px 10px; font-weight: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: #1d1d1d; text-decoration:none;}
section .news-wrap .news .item .wrap h3:hover a{text-decoration:underline;}
section .news-wrap .news .item .wrap p{color:#4f4f4f; font-size:14px; line-height: 150%;}
section .news-wrap .button{position:absolute; left:50%; bottom:-25px; margin-left:-125px;}


section .title.brand-title {display:block; text-align: center; position:absolute; bottom:100%; left:0px;color:#828c8c; width:100%;margin:0px 0px 40px 0px!important; padding:0px!important; }
section .title.brand-title::before {display:none;  } 


section .layout-center .our-story{padding:100px 0px 100px 0px; position: relative; margin-top:20px;}
section .layout-center .our-story::before{position: absolute;top: 0; right: 0;  height:100%; width:200%; background: #ffffff; border-top-right-radius:10px; content: ''; z-index: 2000; box-shadow: 0px 0px 42px 0px rgba(0, 0, 0, 0.05);}
section .layout-center .our-story::after{position: absolute;bottom:330px; left: 95%; width:100%; height:100%; background:#F8F9FB; content: ''; z-index: 1000}
section .layout-center .our-story > div{ vertical-align:middle;box-sizing:  border-box; position: relative; z-index: 2000}
section .layout-center .our-story .story-image{ float:right;width:50%;text-align:center }
section .layout-center .our-story .story-image img{width: 100%;  border-radius: 100%; border:15px solid #ffffff; position:relative; box-sizing: border-box;}
section .layout-center .our-story .story-image a{display:inline-block;width: 100%; max-width: 530px; position:relative; }
section .layout-center .our-story .story-image a::before{width:90%; height:90%; border-radius:100%; background: #F8F9FB; content:''; position:absolute; right:30%; top:15%;}
section .layout-center .our-story .story-text{ float:left;width:50%; padding-right:10%; vertical-align: middle;; }
section .layout-center .our-story .story-text h3{font-size: 22px; font-weight: 700; color: #101414; margin: 0px; padding: 0px 0px 1.4em 0px;}
section .layout-center .our-story .story-text h3 a{ color: #101414;text-decoration: none;}
section .layout-center .our-story .story-text h3 a:hover{ color: #3ea757;text-decoration: underline;}
section .layout-center .our-story .story-text p{ color: #515e5e; font-size: 14px; line-height: 200%; font-weight:400; padding: 0px; margin: 0px 0px 2em 0px;}
section .layout-center .our-story .story-text .button{min-width: 250px;}

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

section .layout-center .show-all{ text-align: center;  font-family: 'Dosis', sans-serif; font-weight:500; font-style:normal; color:#252526; margin:0px 0px 70px 0px; padding:0 0 0px 0;line-height: 32px; }
section .layout-center .show-all.no-margin{margin-bottom: 0px;}
section .layout-center .show-all.list{margin-top:0px; }
section .layout-center .show-all.top3{margin-top:0px; margin-bottom: 30px;}
section .layout-center .show-all span{position: relative; }
section .layout-center .show-all .button {margin-top:0px;  padding:0px 30px; }


#content-filter .filter-top  {text-align: center; margin-bottom: 10px;}

#content-filter .price-slider-box  { border-bottom:0px; padding:7px 0px; margin-bottom:35px;}
#content-filter .price-slider-box > div  {display:table; width:100%;}
#content-filter .price-slider-box > div > div  {display:table-cell; vertical-align:middle; box-sizing: border-box; }
#content-filter .price-slider-box > div > div:first-child  {padding:0px 0px;font-size:16px;  font-family: 'Dosis', sans-serif; font-weight:700;color: #103170; width: 59%; padding-left:calc(20% + 10px) }
#content-filter .price-slider-box > div > div:last-child  {padding:0px 0px 0px 20px; text-align:right; width:300px; white-space:nowrap;}
#content-filter .price-slider-box > div > div:last-child .pure-checkbox {margin:5px;}
#content-filter .price-slider-box > div > div:last-child > div  {display:inline-block}
#content-filter .price-slider-box > div > div .nouislider  {margin:0px;}
#content-filter .price-slider-box > div > div .value-left  {margin:0px; position:absolute; left:0px; top:25px; margin-right:15px; font-size:16px;color: #103170;}
#content-filter .price-slider-box > div > div .value-right  {margin:0px; position:absolute; right:0px; top:25px; margin-left:15px;font-size:16px;color: #103170;}
#content-filter .price-slider-box > div > div .bar  {position:relative;margin:0px ; max-width:550px;}

#content-filter .filter-button  {line-height:45px;box-sizing: border-box; position: relative; display: inline-block; background: transparent url('../images/svg/icon_sliders-h-circle.svg') no-repeat left 0px center; border-radius: 0px; cursor: pointer; padding: 0px 18px 0px 27px; color: #353535; font-size: 16px; font-weight: 700}
#content-filter .filter-button::after  {position: absolute; right: 0px; top: 0px; width: 10px; height: 100%; content: ' '; background: url("../images/svg/angle-down.svg") no-repeat center center}
#content-filter .filter-button.open::after  { background-image: url("../images/svg/angle-up.svg") }

#content-filter .filter-list  {margin: 0px 0px 15px 0px; font-size: 0px; display:none; padding:20px 10px; border: 1px solid #DEDEDE }
#content-filter .filter-list label {display: block; color: #353535; font-weight:500; font-size:14px; padding: 0px 0px 4px 0px}
#content-filter .filter-list .item {display: inline-block; width: 16.66666%; vertical-align: top; padding:5px 5px; box-sizing: border-box;}
#content-filter .reset {display: block;text-align:center;padding-top:13px; }
#content-filter .reset a{font-size:14px; color: #353535; font-weight: 700; text-decoration: none; padding-left: 15px; display: inline-block; background: url('../images/svg/icon_x.svg') no-repeat left 4px}
#content-filter .reset a:hover{text-decoration: underline}


#content-filter .instock  {position: absolute; left: 0px; top: 13px;}

#content-filter .order  {font-size: 0px; margin: 25px -2px -21px -2px;}
#content-filter .order .item  {display: inline-block;padding: 0px 2px; vertical-align: top; }
#content-filter .order .item  a{ font-size: 16px; font-weight: 500; color: #506691; line-height: 50px; background: #FCFCFC; border-radius: 5px 5px 0px 0px; border: 1px solid #E6E8EB; text-decoration: none; text-align: center; display: inline-block; box-sizing: border-box; width: 160px;}
#content-filter .order .item  a.current{  color: #103170; background: #ffffff; font-weight: 700; border-bottom: 1px solid #ffffff;}
#content-filter .order .item  a:hover{  color: #103170; background: #ffffff;  border-bottom: 1px solid #ffffff;}

#content-filter  {float:left;position: relative; width:100%; margin-top:0px;margin-bottom: 0px; padding: 0px; box-sizing: border-box; }
#content-filter .tabs-wrap { float:left; width:100%; box-sizing: border-box; position:relative;}

#content-filter ul.tabs {margin: 0 0 -1px 0; padding: 0;  list-style: none; font-size:0px;  }
#content-filter ul.tabs li { display:inline-block;margin: 0 3px 0px 0px;box-sizing: border-box; cursor: pointer; padding: 0px 30px; font-size:15px;  font-family: 'Dosis', sans-serif; font-weight:600;  line-height: 48px; border-radius:10px 10px 0px 0px; background:#2B3030; border: 1px solid #2B3030; border-bottom:0px;  color: #ffffff; overflow: hidden; position: relative; }
#content-filter ul.tabs li.active {background-color: #fff;border-color:#E7EAEF; color:#101414; }
#content-filter .tab_container {  background: #fff; overflow: auto; border:1px solid #E7EAEF; border-radius:0px 10px 10px 10px }
#content-filter .tab_content {padding:30px 30px 25px 30px; display: none; }
#content-filter .tab_drawer_heading { display: none; }
#content-filter .mobile-tab{line-height: 40px;display:none; background: #2B3030 url(../images/svg/arrow-down.svg) no-repeat right 15px center; color:#ffffff; font-weight:600; padding:0px 20px; text-decoration:none; border-bottom:1px solid #FAFBFC}
#content-filter .mobile-tab.active{background-image: url(../images/svg/arrow-up.svg)}
#content-filter .filter-bottom{display: none;}
#content-filter .filter-bottom .apply-filter{opacity:0; visibility:hidden;width:50px; height:50px; border-radius:50px; display:inline-block;  background: #7CA500 url('../images/svg/done.svg') no-repeat center center; background-size:80% auto; float:right; top:-15px; right:0;position:relative; color:#fff}
#content-filter .filter-bottom .apply-filter.active{opacity:1;visibility:visible;}
#content-filter .filter-bottom .apply-filter:hover{background-color:#8AB800}

#mobile-filter-button{text-align: center; display: none; margin-bottom: 20px;}
#mobile-filter-button a{display: block;}
#content-filter .filter-title-mobile{display: none;}
#content-filter .order-list{position: absolute; right: 0px; top: 0px; white-space: nowrap;}
#content-filter .order-list > label{line-height: 40px; position: absolute; right: 100%; padding-right: 10px; top: 0}


body > #content-filter .filter-close  {display: none;}
body > #content-filter{position: fixed; display: none; top: 0; left: 0; height: 100%; width: 100%; background: #EFEFEF; z-index: 9999}
body > #content-filter .filter-top {background: #ffffff;box-sizing: border-box; text-align: left;padding: 25px 15px;  position: absolute; left: 0px; top: 0px; width: 100%;}
body > #content-filter .filter-title-mobile  { display:block; padding-left: 28px; font-size:16px; font-weight:700; color:#7B7B7B;  background: transparent url('../images/svg/icon_sliders-h-circle.svg') no-repeat left 0px center; }
body > #content-filter .filter-close  { display:block; cursor: pointer; width: 25px; height: 25px; position: absolute; right: 10px; top: 50%; z-index: 5000; margin-top: -13px; background: url('../images/svg/icon_x.svg') no-repeat center center; background-size:12px; }
body > #content-filter .instock  {position: relative; left: 0px; top:0px; border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; padding: 15px; margin-top:-10px; }
body > #content-filter .filter-list .item { width: 100%; padding-bottom:15px; }
body > #content-filter .filter-list .reset {display: none;}
body > #content-filter .filter-button { display: none;}
body > #content-filter .filter-list  { display:block!important; border:0px; padding: 5px 10px;}
body > #content-filter .filter-scroll  {padding: 80px 0px; position: relative;box-sizing: border-box; height: 100%; box-sizing: border-box;}
body > #content-filter .filter-scroll-wrap  { height: 100%; overflow: scroll;}
body > #content-filter .filter-bottom  {display: block; background: #ffffff; height: 70px;padding: 14px 15px; position: absolute; left: 0px; bottom: 0px; width: 100%; box-sizing: border-box;}
body > #content-filter .filter-bottom .reset {float: left;}
body > #content-filter .filter-bottom button {float: right; height: 42px; line-height: 42px; font-size: 14px; background: #444445;}
body > #content-filter .order-list{position: relative; right: 0px; top: 0px; white-space: nowrap; padding: 15px;}
body > #content-filter .order-list label{position: relative; right: auto; display: block; font-weight: 500; font-size: 14px; line-height: 22px}
body > #content-filter .order-list .select-style{float: none;}



section .layout-center #checkout .back-btn {position: absolute; left: 0px; top: 55px;}

section .layout-center #checkout .checkout-breadcrumbs {display: table; width: 310px; position: relative; margin: 30px auto 0px auto; margin-bottom: 100px;}
section .layout-center #checkout .checkout-breadcrumbs::before {position: absolute; top: 50%; left:0px; width:100%; height:1px; background: #353535; content:' '; z-index:1000 }
section .layout-center #checkout .checkout-breadcrumbs > div {display: table-cell; vertical-align: middle; text-align: center; white-space: nowrap; position: relative;}
section .layout-center #checkout .checkout-breadcrumbs > div.line {display: table-cell; vertical-align: middle; text-align: center; white-space: nowrap;}
section .layout-center #checkout .checkout-breadcrumbs > div:first-child {text-align: left;}
section .layout-center #checkout .checkout-breadcrumbs > div:last-child {text-align: right;}
section .layout-center #checkout .checkout-breadcrumbs .num{width: 60px; display: inline-block; position: relative; z-index: 2000; height: 60px; line-height: 60px; border-radius: 60px; background: #353535; text-align: center; font-size:500; font-size:18px; color:#ffffff; }
section .layout-center #checkout .checkout-breadcrumbs .num.active{background: #7CA500;}
section .layout-center #checkout .checkout-breadcrumbs .num strong{display: block; color: #353535; font-weight: 500; position: absolute; width: 250px; line-height: 18px; margin-top: 10px; left: 50%; top: 100%; margin-left: -125px;}
section .layout-center #checkout .checkout-breadcrumbs .num.active strong{font-weight: 700}


section .layout-center #checkout .white-box{max-width: 930px; padding: 35px 30px 45px 30px; text-align: center; background: #ffffff; margin: 0px auto 40px auto;}
section .layout-center #checkout .white-box h4{text-align: center; color:#7CA500; font-size:18px; font-weight:700;margin:13px 0px 10px 0px; padding:0px;  }
section .layout-center #checkout .white-box p{line-height: 20px;}


section .layout-center #checkout .login-box {background: #DEDEDE; padding: 20px 10px; text-align: center; color:#353535; margin-bottom:50px; }
section .layout-center #checkout .login-box > span {white-space: nowrap; font-size: 16px; font-weight: 400;}
section .layout-center #checkout .login-box > span img {position: relative; top: -2px; padding-right: 10px;}
section .layout-center #checkout .login-box > span .button {padding: 0px 45px; }
section .layout-center #checkout .login-box > span.i1 {padding-left: 20px;}
section .layout-center #checkout .login-box > span.i2 {padding-right: 20px;}
section .layout-center #checkout .login-box > span.i3 {padding-left: 20px;padding-right: 20px;}


section .layout-center .insurance-box {background: #DCE8B7; text-align:left; padding:20px; color:#353535; margin-bottom:10px;}
section .layout-center .insurance-box .title {font-size:18px; color:#353535; font-weight:700;text-align:left; margin-bottom:15px; }
section .layout-center .insurance-box .desc {padding-left:110px; min-height:70px; position:relative; font-size:14px; lin-height:16px;}
section .layout-center .insurance-box .desc .icon{position:absolute; left:0; top:13px}
section .layout-center .insurance-box .wrap{display:table; width:100%; margin-top:15px;}
section .layout-center .insurance-box .wrap > div{display:table-cell; vertical-align:middle;}
section .layout-center .insurance-box .wrap > div.price{text-align:right; font-size:22px; color:#7CA500; font-weight:700}


section .layout-center #checkout .checkout-layout {display: table; width: 100%; }
section .layout-center #checkout .checkout-layout > div {display: table-cell; vertical-align:top;  }
section .layout-center #checkout .checkout-layout > div:first-child {padding-right: 30px;}
section .layout-center #checkout .checkout-layout > div:last-child {width: 450px; }
section .layout-center #checkout .checkout-layout > div:last-child .button {width: 100%;margin-top: 5px;}
section .layout-center #checkout .checkout-layout > div:last-child .important {text-align: center; font-weight: 700; color: #2A1206;padding-top:10px; }

section .layout-center #checkout .checkout-title {background: #ffffff; font-size: 18px; font-weight: 700; color: #353535; padding:40px 30px; border-bottom:1px solid #DEDEDE;  text-align: left;}
section .layout-center #checkout .checkout-box {padding: 30px; background: #ffffff; margin-bottom: 30px;}


section .layout-center #checkout .product-list {width: 100%; border-spacing: 0px; position: relative; margin-top: -30px;}
section .layout-center #checkout .product-list tr td {padding: 0px 10px ; border-top: 30px solid #ffffff;}
section .layout-center #checkout .product-list .spinner{position: relative; border: 1px solid  #EEEEEE; border-radius: 0px; width: 90px;}
section .layout-center #checkout .product-list .spinner { }
section .layout-center #checkout .product-list .spinner input{height:50px; font-size: 14px; color: #7B7B7B;}
section .layout-center #checkout .product-list .spinner .input-group-btn-vertical > .btn{height:50px; width:25px; border-radius: 0px; box-shadow: none; background-size: 12px auto}
section .layout-center #checkout .product-list .spinner .input-group-btn-vertical > .btn:first-child{background-position: left center;}
section .layout-center #checkout .product-list .spinner .input-group-btn-vertical > .btn:last-child{background-position: right center;}

section .layout-center #checkout .product-list .image{width: 130px; padding: 0px;}
section .layout-center #checkout .product-list .image img{width: 100%;}

section .layout-center #checkout .product-list .name{color: #2A1206; font-size: 18px; line-height: 22px; font-weight: 700; text-align: left; padding-left: 30px;}
section .layout-center #checkout .product-list .name a{color: #2A1206; text-decoration: none;}
section .layout-center #checkout .product-list .name a:hover{text-decoration: underline;}
section .layout-center #checkout .product-list .price{color: #E24800; font-size: 22px; white-space: nowrap; line-height: 22px; font-weight: 700; text-align: right; padding-right: 0px;}
section .layout-center #checkout .product-list .stock  span{color:#7CA500;background: url('../images/svg/icon_check-circle.svg') no-repeat left center; padding-left: 25px; position:relative; display:block; margin-bottom: 0px;}   


section .layout-center #checkout .radio-list{display: table; width: 100%; margin: 10px 0px;}   
section .layout-center #checkout .radio-list > div{display: table-cell; vertical-align: middle;}   
section .layout-center #checkout .radio-list > div.price{text-align: right; padding-left: 15px; font-size: 16px; font-weight: 700; color: #E24800; }   


section .layout-center #checkout .summary-list {position: relative; margin-top: -20px;}   
section .layout-center #checkout .summary-list .labels{display: table; width: 100%; margin-bottom: 5px; margin-top: 8px;}   
section .layout-center #checkout .summary-list .labels > div{display: table-cell;vertical-align: middle; text-align: left; font-size:14px; color:#7B7B7B;  font-weight: 500}   
section .layout-center #checkout .summary-list .labels > div:last-child{text-align: right;}  
section .layout-center #checkout .summary-list .labels > div:first-child{text-align: left!important;}  

section .layout-center #checkout .summary-list .values.sale-code{margin-top:8px; }    
section .layout-center #checkout .summary-list .values{display: table; width: 100%; padding-bottom: 10px; }    
section .layout-center #checkout .summary-list .values.line{border-bottom:1px solid #DEDEDE }    
section .layout-center #checkout .summary-list .values > div{display: table-cell;vertical-align: middle; text-align: left; font-size: 18px; font-weight: 700;}   
section .layout-center #checkout .summary-list .values > div:first-child{ color: #2A1206!important; text-align: left!important; }  
section .layout-center #checkout .summary-list .values > div:first-child img{position: relative; top: -3px; padding-right:8px; }  
section .layout-center #checkout .summary-list .values > div:last-child{text-align: right; color: #E24800}  

section .layout-center #checkout .delivery-info{margin-bottom:10px; }  
section .layout-center #checkout .delivery-info.no-help{cursor: default; }  
section .layout-center #checkout .delivery-info.no-help::before{display: none;}

section .layout-center #checkout .delivery-info.no-help::before{display: none;}  

section .layout-center #checkout .discount-code{display: block; position: relative;}  
section .layout-center #checkout .discount-code .inp-text{padding-right:82px; }  
section .layout-center #checkout .discount-code button{height: 40px; font-size:13px; font-weight:700; padding: 0px 15px; color:#7CA500; position: absolute; right: 0px; top: 0px; background: transparent; border: 0px; font-family: 'Dosis', serif}  

section .layout-center #checkout .total-summary{display: table; width: 100%; padding: 23px 30px; background: #FFD543; box-sizing: border-box;position:relative; margin-top:-30px; margin-bottom:10px; }    
section .layout-center #checkout .total-summary > div{display: table-cell;vertical-align: middle; text-align: left; font-size: 18px; font-weight: 700; vertical-align: middle;}   
section .layout-center #checkout .total-summary > div:first-child{ color: #2A1206!important; text-align: left!important; }  
section .layout-center #checkout .total-summary > div:last-child{text-align: right; color: #E24800; font-size: 24px;}  


.form-row{margin:0 -10px 0px -10px; font-size: 0px;}
.form-row label{font-size: 14px; color: #353535; font-weight: 500; display: block; padding-bottom: 5px;}
.form-row .col-25{box-sizing:border-box; width:25%; float:none; display: inline-block; vertical-align: top;  padding:10px;}
.form-row .col-50{box-sizing:border-box; width:50%; float:none; display: inline-block; vertical-align: top;  padding:10px;}
.form-row .col-100{box-sizing:border-box; width:100%; display: inline-block; padding:10px;}


section .layout-center .instagram-wrap {padding-top: 50px;}
section .layout-center .instagram-block { display: flex; flex-direction: row; flex-wrap: wrap;align-items: stretch; justify-content: center; margin-top: 20px;}
section .layout-center .instagram-block > div {box-sizing: border-box;  position: relative; width: 14.28571%}
section .layout-center .instagram-block > div.default {order: 4; background: #1d1d1d;opacity: 1; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}
section .layout-center .instagram-block > div.default:hover {opacity: 0.8}
section .layout-center .instagram-block > div.default a img{background: url('../images/svg/instagram-box.svg') no-repeat center center; background-size: 60%; opacity: 0.7}
section .layout-center .instagram-block > div a{position: relative; display: block; padding-top: 100%; }
section .layout-center .instagram-block > div a img{position: absolute; left: 0; top: 0; object-fit: cover; width: 100%; height: 100%;transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; }
section .layout-center .instagram-block > div a span{position: absolute; left: 0; top: 50%; width: 100%; font-size: 24px; color: #fff; font-weight: 700; text-align: center;line-height: 0px;  font-family: 'Dosis', serif;}
section .layout-center .instagram-block > div a:hover img{opacity: 0.8}


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

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


section .layout-center ul.subcategories{   margin:0px -5px 30px -5px; list-style: none; font-size:0px; }
section .layout-center ul.subcategories > li{display:inline-block;  box-sizing: border-box;  padding:5px 5px;}
section .layout-center ul.subcategories > li a{display:table; min-height: 35px;box-sizing: border-box;position:relative; border:1px solid #E24800; border-radius: 0px;  text-align:left; background: transparent;  color:#E24800; font-size:16px; line-height: 20px; font-weight:700; text-decoration: none; font-family:'Dosis',sans-serif;}
section .layout-center ul.subcategories > li a::after{content:' ';display:none; width:100%; height:100%; position:absolute; left:0px; top:0px;  box-sizing: border-box;  border:0 none}
section .layout-center ul.subcategories > li a:hover::after{display:block;}
section .layout-center ul.subcategories > li a:hover{ background:#fff; }
section .layout-center ul.subcategories > li.current a{border-color: #E24800; background-color: #E24800;  color: #ffffff;}
section .layout-center ul.subcategories > li.current a span{ background-image: url("../images/svg/menu-arrow-white.svg")!important; }
section .layout-center ul.subcategories > li a > span{display:table-cell; 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:70px; 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:5px;}
section .layout-center ul.subcategories > li a > span:last-child{padding-left:15px; padding-right:33px; background: url("../images/svg/menu-arrow.svg") no-repeat right 10px center; width:auto;}
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.nopicture a > span {padding:10px 15px}

section .layout-center .grey-section { margin-bottom:50px; position:relative; padding-top:30px; }
section .layout-center .grey-section::before {position:absolute; right:0; top:0px; width:200%; height:100%; background: #FAFBFC; margin-bottom:50px; content:''; border-bottom:1px solid #E7EAEF; z-index: -1;}
section .layout-center .grey-section::after {position:absolute; left:100%; top:0px; width:100%; height:100%; background: #FAFBFC; margin-bottom:50px; content:''; border-bottom:1px solid #E7EAEF;z-index: -1;}


section .layout-center .top-table-title { background: #ffffff; border-left: 5px solid #7CA500; font-size: 16px; font-weight: 700; color: #353535; padding: 20px 15px;}
section .layout-center .top-table {position: relative;border-collapse:collapse; border-spacing:0 0px; margin-bottom:30px; background: #ffffff; border-left: 5px solid #7CA500;}
section .layout-center .top-table::before{position: absolute; left: 5px; top: 0px; width: 15px; height: 100%; background: #ffffff; content: ' '}
section .layout-center .top-table::after{position: absolute; right: 0px; top: 0px; width: 15px; height: 100%; background: #ffffff; content: ' '}
section .layout-center .top-table tr {border-radius: 10px;}
section .layout-center .top-table tr td{border-top:1px solid #E6E7E8;border-bottom:1px solid #E6E7E8; vertical-align: middle; padding:12px 10px; font-size: 16px; color: #353535;}
section .layout-center .top-table .num{ border-right:0px;width:15px;  padding:0px 0px 0px 12px; text-align: center;   font-weight:700;}
section .layout-center .top-table .image{ padding:5px 5px 5px 5px; width:18px; font-size: 0}
section .layout-center .top-table .image img{max-width:18px;}
section .layout-center .top-table .name {padding-left: 0px;}
section .layout-center .top-table .name a{ color:#353535; text-decoration:none; font-weight:500;}
section .layout-center .top-table .name a:hover{ color:#E24800; text-decoration: underline; }
section .layout-center .top-table td:last-child{ text-align:right; padding-right:15px; }
section .layout-center .top-table .availability {white-space: nowrap; width: 50px;}   
section .layout-center .top-table .availability span{color:#7CA500;background: url('../images/svg/icon_check-circle.svg') no-repeat left center; padding-left: 25px; position:relative; display:block; margin-bottom: 0px;}   

section .layout-center .top-table .price, .popup_cart_price .price {font-weight:700; margin-top:0px; white-space:nowrap;}  
section .layout-center .top-table .original-price, .popup_cart_price .original-price {color: #5F5F5F; font-size:14px; font-weight:500; position:relative;display:inline-block;}  
section .layout-center .top-table .original-price::before, .popup_cart_price .original-price::before {top:50%; left:0px; margin-top:-2px; height:6px; width:100%; position:absolute; content:' '; background: url(../images/original-price.png) no-repeat center center;}  


section .layout-center  .breadcrumbs{display:table; width:100%;  background: transparent; margin-top:-5px; margin-bottom:25px;  border-top: 0px; box-sizing: border-box;  position:relative;} 
section .layout-center  .breadcrumbs > ul{margin:0; padding:0 0px; list-style:none;} 
section .layout-center  .breadcrumbs > ul li{float:left; font-size:16px; line-height: 30px; background:  url(../images/svg/breadcrumbs2.svg) no-repeat left center; padding:0 16px 0 22px; margin-bottom:0px;  font-weight:500;} 
section .layout-center  .breadcrumbs > ul li:first-child{background: transparent; padding-left:0px;} 
section .layout-center  .breadcrumbs > ul li a{text-decoration:none; color:#353535; font-weight:400;} 
section .layout-center  .breadcrumbs > ul li a:hover{color:#E24800; text-decoration: underline;} 
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:#353535; font-weight:700; text-decoration: none;} 
section .layout-center  .breadcrumbs > ul li:last-child a:hover{color:#353535; } 

section .layout-center .pagionation-line{position: relative; margin-top: 30px;}
section .layout-center .pagination-result { font-size: 16px; font-weight: 500; line-height: 32px; position: absolute; left: 0px; top:0px; }

section .layout-center .pagination {text-align: center;  margin-bottom: 0px;  padding:0 0px;  position: absolute; right: 0px; top:-5px;}
section .layout-center .pagination span, 
section .layout-center .pagination a{margin:0 0px;display:inline-block; padding:0 5px; text-align: center;    box-sizing: border-box;font-size:16px; line-height:32px;   text-align:center; border-radius:0px; border:0; color:#353535; text-decoration: none; font-weight:400;  } 
section .layout-center .pagination span{background: transparent; border-color:transparent; font-size: 30px;}
section .layout-center .pagination a{ } 
section .layout-center .pagination a.current{  font-weight:700} 
section .layout-center .pagination a:hover{ text-decoration: underline;} 
section .layout-center .pagination a.right{width:14px;box-shadow: none; height:22px; background: transparent url("../images/svg/arrow-right-black.svg") no-repeat right center; background-size:100%; margin-bottom:-5px; margin-left:15px; border:0px;} 
section .layout-center .pagination a.left{width:14px;box-shadow: none; height:22px; background: transparent url("../images/svg/arrow-left-black.svg") no-repeat right center;background-size:100%; margin-bottom:-5px; margin-right:15px; 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:#4f4f4f; 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: #4f4f4f; }
section  .search-box .inp-text:-ms-input-placeholder { /* IE 10+ */ color: #4f4f4f; }
section  .search-box .inp-text::-moz-placeholder { /* Firefox 19+ */ color: #4f4f4f; opacity: 1; }
section  .search-box .inp-text:-moz-placeholder { /* Firefox 4 - 18 */ color: #4f4f4f; opacity: 1; }

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



section .toggle-filter.button{ max-width:100%; text-align: center; display:none; margin-bottom:20px;}

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

section.subpage {padding-top:35px; }
section.subpage .layout-center #main #aside{margin-top:0px; }
section .layout-center #main #aside{float:left; width:330px; margin-left:-360px; margin-bottom:50px; margin-top:-76px; ; padding-left: 0px; padding-top:0px; padding-bottom: 5px; box-sizing: border-box;  border-right:0px; position:relative; z-index: 3000}

section .layout-center #main #content .inspiration-box{margin: -1px -15px 15px;}
section .layout-center #main .inspiration-box{display: block; background: #E24800; text-decoration: none; padding: 20px; color: #ffffff; font-size: 22px; font-weight: 700; text-align: center;}
section .layout-center #main .inspiration-box > span{display: inline-block; text-align: left; padding-left:80px; background: url('../images/svg/icon_ideas-inspirations.svg') no-repeat left center; }


section .layout-center #main .aside-title{font-size:20px; color:#1d1d1d;  font-family: 'Dosis', sans-serif; font-weight:500;  line-height: 32px; text-transform:uppercase; text-align: center; text-align:left; padding:0px 0px 15px 0px; margin:0px 0px; cursor:pointer; position:relative;  }

section .layout-center #main .aside-filter{display:block!important;background: #F4F4F4; padding:20px 0px 10px 0px;}
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{ padding: 15px 25px 15px 20px}
section .layout-center #main .aside-box img{ width: 100%;}

section .layout-center #main #aside .menu-tabs{margin-left: 20px; position:relative; bottom:-1px; margin-bottom: 10px;}
section .layout-center #main #aside .menu-tabs a{width:50%;display:inline-block; line-height: 48px; font-size:15px;  border-bottom:3px solid #E6E8EB; color:#98a0b0; font-weight:400; font-family: 'Dosis', sans-serif; box-sizing: border-box;  text-align: center;text-decoration: none; }
section .layout-center #main #aside .menu-tabs a.current{ font-weight: 800; color:#103170; border-color: #103170}
section .layout-center #main #aside .menu-tabs a:hover{color:#103170;}
section .layout-center #main #aside .menu-tabs a:last-child{float:right; }

section .layout-center #main #aside .main-menu{  margin:0px 0px 81px 0px; text-align:left; border:0; padding:20px 40px 50px 40px;  background:#FFD543; border-top: 6px solid #E24800; position: relative;}
section .layout-center #main #aside .main-menu .plants{  position: absolute; left: -44px; bottom: -51px;}

section .layout-center #main #aside .links { font-size:23px;}
section .layout-center #main #aside .links > a{display:block; line-height: 50px;font-family: 'Dosis', sans-serif; text-align: center; font-weight:900; color:#ffffff; text-decoration: none; border-radius: 5px; padding:0px 15px; margin:0px  0px 10px 0px;}
section .layout-center #main #aside .links > a.red{background: #cd0000!important;}
section .layout-center #main #aside .links > a.red:hover{background: #e50303!important;}
section .layout-center #main #aside .links > a.blue{background: #5CC9CA!important;}
section .layout-center #main #aside .links > a.blue:hover{background: #6CD9DA!important;}
section .layout-center #main #aside .links > a.yellow{background: #ffc800!important;color:black}
section .layout-center #main #aside .links > a.yellow:hover{background: #ffc800!important;color:black}
section .layout-center #main #aside .links > a.black{background: #000!important;}
section .layout-center #main #aside .links > a.black:hover{background: #333!important;}
section .layout-center #main #aside .links > a.green{background: #B2DB11!important;}
section .layout-center #main #aside .links > a.green:hover{background: #C2EB21!important;}
section .layout-center #main #aside .links > a.purple{background: #806FAD!important; font-size: 75%}
section .layout-center #main #aside .links > a.purple:hover{background: #8E7DBB!important;}

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

section .layout-center #main #aside .main-menu > ul > li{padding:0px 0px;}
section .layout-center #main #aside .main-menu > ul > li > a{line-height: 26px; padding:0px 0px  0px 0px; display:block;font-weight: 700; color: #48220D; font-size: 24px;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  { }
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:30px 0px 5px 0px; list-style: none; }

section .layout-center #main #aside .main-menu > ul > li > ul > li { padding: 0px; }
section .layout-center #main #aside .main-menu > ul > li > ul > li > a{color:#48220D; font-size:16px; line-height: 20px; text-decoration: none; font-weight:500; display:block; padding:0px 0px 16px 25px; position:relative;}
section .layout-center #main #aside .main-menu > ul > li > ul > li > a::before{width:14px; height:12px; content:' '; position:absolute; left:0px; top:5px; background: url('../images/svg/menu-arrow.svg') no-repeat center center;}
section .layout-center #main #aside .main-menu > ul > li > ul > li.current > a{ color: #E24800; }

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 0px 25px; margin:-5px 0 20px 0; list-style: none}
section .layout-center #main #aside .main-menu > ul > li > ul > li > ul > li  {padding:3px 0px;}
section .layout-center #main #aside .main-menu > ul > li > ul > li > ul > li > a {font-size:14px; color:#48220D; font-weight:500; 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 {  color: #E24800;}

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:#48220D; 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 .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:#4f4f4f;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:#4f4f4f;}
section .sizing li a{ display:block;color:#4f4f4f;background: #fff; line-height: 28px; text-decoration: none; white-space: nowrap; border:1px solid #1D1D1D; text-align: center;}
section .sizing li a.current {background:#1D1D1D;color:#ffffff;}
section .sizing li a:hover {background:#1D1D1D; color:#ffffff;}

section .layout-center #detail-wrap {  max-width:1270px; margin:0px auto }
section .layout-center #detail-wrap #product-rate  {margin-top: 15px;}
section .layout-center #detail-wrap #product-rate > div { display: inline-block;}
section .layout-center #detail-wrap #product-rate > div.rate {padding-right: 10px; position: relative;}
section .layout-center #detail-wrap #product-rate > div.rate img{top: -2px; position: relative;}
section .layout-center #detail-wrap #product-rate > div.result {color: #7B7B7B; font-size: 14px; font-weight: 500}
section .layout-center #detail-wrap #product-rate > div.result span {color: #506691; font-size: 14px; font-weight: 400; padding-left: 5px;}

section .layout-center #detail {display: block; width:100%; margin-top:30px; margin-bottom: 30px; font-size: 0px;}
section .layout-center #detail > div{display:inline-block; vertical-align: top; box-sizing: border-box;}
section .layout-center .detail-h1{ margin:8px 0px 15px 0px; padding:0px;text-align:left !important}

section .layout-center #content .detail-carousel .products{position:relative; margin:0px; }
section .layout-center #content .detail-carousel .title-medium{margin:0px; padding:0px;}



section .layout-center #detail .left-side { padding-right:30px; padding-bottom:0px; width: 44.5%}

section .layout-center #detail .big-image{text-align:center;margin-top:0px;position:relative}
section .layout-center #detail .big-image img{width:auto;max-width:100%;max-height:530px}
section .layout-center #detail  .gallery{margin:20px 0px 30px 0px; position: relative;}
section .layout-center #detail  .gallery .owl-controls .owl-dots{display: none!important;}
section .layout-center #detail  .gallery .owl-controls .owl-dots .owl-dot{display: none!important;}


 .owl-controls{position: absolute;top:50%!important; width:100%; right:0px!important; z-index: 5000}
 .owl-controls .owl-nav {top:-13px; position:relative;}
 .owl-controls .owl-nav > div{position:absolute; top:23px; width:15px; height:25px; border:0px; z-index: 9000}
 .owl-controls .owl-nav > div.owl-prev{left:0px;background: url(../images/svg/arrow-left-black.svg) no-repeat center center;}
 .owl-controls .owl-nav > div.owl-next{right:0px;background: url(../images/svg/arrow-right-black.svg) no-repeat center center;}
  

.owl-controls{top: 100%!important; left: 0px; width: 100%;}
.owl-dots{text-align: center; margin-top: 15px; position: relative; }
.owl-dot{ width:11px; height:11px; border-radius:11px; background: #C4C4C4; display:inline-block; margin:4px 8px; }
.owl-dot.active{ width:19px; height:19px; border-radius:19px; background: #6A6A6A; margin:0px 4px;  }



section .layout-center #detail .left-side .gallery .item{padding:0px;width:100%;float:left;box-sizing:border-box}
section .layout-center #detail .left-side .gallery .item a::before{opacity: 0;height:4px; width:100%; background: #E24800; position:absolute; left:0; bottom:0px; content:' '; z-index:6000; ;-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:hover a::before{opacity: 1}
section .layout-center #detail .left-side .gallery .item.invisible{display:none}
section .layout-center #detail .left-side .gallery .item a{display:block; padding:0px;position:relative;-webkit-transition:all .3s ease!important;-moz-transition:all .3s ease!important;-o-transition:all .3s ease!important;-ms-transition:all .3s ease!important;transition:all .3s ease!important}
section .layout-center #detail .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-radius:0px;border:1px solid #365aaa;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:center;box-sizing:border-box;padding:10px;background:#ffffff; border-color: #ffffff;}
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 img{max-width: 40px;}
section .layout-center #detail .left-side .gallery .item.more-items strong>span i{font-style:normal;color:#365aaa;font-size:14px; text-decoration:underline; 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:#365aaa}

section .layout-center #detail .left-side .share-links a{display:inline-block; margin:5px 10px 0px 0px;}




.label{font-size: 14px; font-weight: 500; color: #353535; line-height: 14px; display: block; padding-bottom: 5px;}

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

section .layout-center #detail  #detail-description { padding:0px }
section .layout-center #detail  #detail-description h1{ font-size:35px; font-weight:800!important; margin-bottom:20px; }
section .layout-center #detail  #detail-description h1::before{display:none}

section .layout-center #detail .right-side{box-sizing:border-box;  padding-top:0px; padding-bottom:30px; width:55.5%; font-size:16px; }
section .layout-center #detail .right-side .more{float:right; font-size:13px; font-weight:700; color:#353535; text-decoration:none; margin-top:-18px; }
section .layout-center #detail .right-side .more:hover{text-decoration:underline; }

section .layout-center #detail .right-side .detail-box{border:0px; margin-bottom: 40px;  margin-top:40px;  }
section .layout-center #detail .right-side .detail-box .description{padding:0px 0px;}
section .layout-center #detail .right-side .detail-box .description p{padding:0px; margin:0px; font-size:16px; color:#393e42; }

section .layout-center #detail .right-side .detail-box .availability-wrap{padding-left: 200px;padding-top: 15px;}
section .layout-center #detail .right-side .detail-box  .availability{margin-top: 0px; line-height: 38px;color:#7CA500;background: url('../images/svg/icon_check-circle.svg') no-repeat left center; padding-left: 25px; font-size:16px; font-weight:500;position:relative; display:block; margin-bottom: 0px;}   

section .layout-center #detail .right-side .detail-box .num-var{margin:5px 0px;}
section .layout-center #detail .right-side .detail-box .num-var span{font-size:16px; white-space: nowrap; color:#101414; position:relative; padding-left:42px;line-height: 32px; display:inline-block; font-weight:500}
section .layout-center #detail .right-side .detail-box .num-var span strong{ position:absolute; left:0px; top:0px; width:34px; line-height:34px; background: #FFC800; border-radius:34px; text-align: center; font-size:20px; font-weight:700}
section .layout-center #detail .right-side .detail-box .num-var span img{position:relative; top:-2px; width:34px; padding-right:8px;}

section .layout-center #detail .right-side .detail-box .buttons{ padding:0px 50px 20px 50px; background:#FCFCFC; font-size: 0px;}
section .layout-center #detail .right-side .detail-box .buttons .button {margin: 0px 10px 10px 0px}
section .layout-center #detail .right-side .detail-box .buttons .button img{top: -2px;}

section .layout-center #detail .right-side .detail-box .btn-wrap{ padding:0px 0px 0px 0px; }


section .layout-center #detail .right-side .detail-box .btn-wrap .spinner {border: 0px; border-radius: 0px; width: 90px;}
section .layout-center #detail .right-side .detail-box .btn-wrap .spinner input{height:50px; font-size: 14px; color: #7B7B7B;}
section .layout-center #detail .right-side .detail-box .btn-wrap .spinner .input-group-btn-vertical > .btn{height:50px; width:25px; border-radius: 0px; box-shadow: none; background-size: 12px auto}
section .layout-center #detail .right-side .detail-box .btn-wrap .spinner .input-group-btn-vertical > .btn:first-child{background-position: left center;}
section .layout-center #detail .right-side .detail-box .btn-wrap .spinner .input-group-btn-vertical > .btn:last-child{background-position: right center;}
section .layout-center #detail .right-side .detail-box .btn-wrap .spinner-wrap{padding-left:110px;  border-radius:0px;overflow:hidden;  box-sizing: border-box;}
section .layout-center #detail .right-side .detail-box .btn-wrap .input-group-btn-vertical > .btn:last-child{border-radius:5px}





section .layout-center #detail .right-side .detail-box .info{display:table;width:100%;background: #FCFCFC ; border-top: 1px solid #E6E7E8; padding:25px 0px;}
section .layout-center #detail .right-side .detail-box .info > div{display:table-cell; vertical-align: middle; padding:0px 40px; font-size:16px; color:#506691; width:50%; box-sizing: border-box;}
section .layout-center #detail .right-side .detail-box .info > div > strong{color: #103170; font-weight: 700;}

section .layout-center #detail .right-side .detail-box .info > div  table{margin:0px; padding:0px; border-spacing:0px;}
section .layout-center #detail .right-side .detail-box .info > div  table tr td{font-size:14px;color:#506691; font-weight:400; padding:0px 10px 0px 10px;}
section .layout-center #detail .right-side .detail-box .info > div  table tr td a{color:#103170; }


section .layout-center #detail .right-side .detail-box .price-box{display:table;width:100%; color:#353535; padding:0px 0px 30px 0px;}
section .layout-center #detail .right-side .detail-box .price-box > div{display:table-cell; width: 50%; vertical-align: top; white-space: nowrap; padding:0px 0px; font-size:20px; line-height: 20px; color:#353535;  font-weight: 300; box-sizing: border-box;}

section .layout-center #detail .right-side .detail-box .price-box  .amount {color:#7CA500; font-size:28px; line-height: 38px; font-weight:700; margin-top:0px; white-space:nowrap; text-align:center; }  

section .layout-center #detail .right-side .detail-box .price-box  .price {color:#E24800; font-size:38px; line-height: 38px; font-weight:700; margin-top:0px; white-space:nowrap; padding-right:10px; }  
section .layout-center #detail .right-side .detail-box .price-box  .price span { font-size:18px;  font-weight:700;}  
section .layout-center #detail .right-side .detail-box .price-box  .user-price {color:#353535; font-size:40px; line-height: 40px; font-weight:700; margin-top:0px; white-space:nowrap;}  
section .layout-center #detail .right-side .detail-box .price-box  .price-nodph {color:#353535; font-size:11px; line-height: 20px; font-weight:400; white-space:nowrap;}  
section .layout-center #detail .right-side .detail-box .price-box .original-price {color:#7d7d7d; font-size:16px; font-weight:500; position:relative;display:inline-block;}  
section .layout-center #detail .right-side .detail-box .price-box .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 #detail .right-side .detail-box .price-box .count-sale {font-size:14px; color:#ffffff; display:inline-block; padding:4px 10px; line-height: 20px; font-weight:300; background: #1D1D1D; margin-top:10px;}  
section .layout-center #detail .right-side .detail-box .price-box .count-sale strong {white-space: nowrap;}  



section .layout-center .delivery-info {margin-bottom: 20px; position: relative; cursor: help; line-height: 20px; box-sizing: border-box;background: transparent url("../images/svg/icon_feature-express-service.svg") no-repeat 15px 20px; padding: 20px 40px 20px 95px; border: 2px solid #DEDEDE}  
section .layout-center .delivery-info::before {position: absolute; right: 20px; top:50%; margin-top:-10px; width:20px; height:20px; background: url('../images/svg/icon_info-circle.svg') no-repeat center center; content:' ' }  
section .layout-center .delivery-info strong{color: #353535}  
section .layout-center .delivery-info:hover .help-box{opacity: 1; visibility: visible;}  
section .layout-center .delivery-info .help-box{position: absolute;  opacity: 0; visibility: hidden; left: 15px; top: 100%; margin-top: 5px; background: #ffffff; box-shadow: 0px 5px 15px #00000014; -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 .delivery-info .help-box strong{display: block; padding: 18px 20px; border-bottom: 1px solid #DEDEDE; font-size:18px; line-height:22px; }  
section .layout-center .delivery-info .help-box .wrap{ padding: 18px 20px;}  
section .layout-center .delivery-info .help-box::before {position: absolute; content: ' '; left: 18px; bottom: 100%; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid #ffffff;}
section .layout-center .delivery-info .help-box table tr td {color: #2A1206; font-weight: 400; font-size: 16px; }
section .layout-center .delivery-info .help-box table tr td:last-child {color: #7CA500; font-weight: 700; font-size: 16px;  text-align: right; padding-left: 20px;}


section .layout-center .contact-box {background: #DCE8B7; padding:20px; display:table; width:100%; box-sizing:border-box; margin-bottom:40px;}  
section .layout-center .contact-box > div{display:table-cell; vertical-align:middle; color:#353535; padding:10px;}  
section .layout-center .contact-box > div:last-child{width:50px;}  
section .layout-center .contact-box > div:first-child{ color:#7CA500; font-size:26px; font-weight:700; text-align:left; }  
section .layout-center .contact-box > div.person p{ line-height:20px; font-size:16px; font-weight:500; margin:0px; padding:0px 0px 0px 85px;  color:#353535; position:relative; }  
section .layout-center .contact-box > div.person p strong{font-weight:bold; display:block; font-size:20px; padding-bottom:5px; }  
section .layout-center .contact-box > div.person p img{position:absolute; left:0px; top:0px;}  
section .layout-center .contact-box > div .contact-info a {display:inline-block; padding-left:30px; position:relative; color:#353535; font-size:16px; font-weight:700; text-decoration:none;}  
section .layout-center .contact-box > div .contact-info a.tel {margin-bottom:10px;}  
section .layout-center .contact-box > div .contact-info a img {position:absolute; left:0px; top:1px;}  


section .layout-center .store-info {background: #DEDEDE url("../images/svg/icon_feature-store.svg") no-repeat 25px 29px; padding: 15px 15px 15px 80px;}  
section .layout-center .store-info > div {display: table; width: 100%; }  
section .layout-center .store-info > div > div {display: table-cell; padding: 10px; vertical-align: middle;}  
section .layout-center .store-info > div > div:first-child a{color: #7CA500; font-weight:600; line-height:20px; }  
section .layout-center .store-info > div > div.action a{color: #353535; font-weight:700; margin-top: 5px; line-height: 25px; text-decoration:none;display:inline-block; padding-left:30px; background-position:left center; background-repeat:no-repeat }  
section .layout-center .store-info > div > div.action a:first-child{margin-top: 0px;}  
section .layout-center .store-info > div > div.action a:hover{text-decoration:underline; }  
section .layout-center .store-info > div > div.action a.watch-dog{background-image: url('../images/svg/icon_guard.svg')}  
section .layout-center .store-info > div > div.action a.question{background-image: url('../images/svg/icon_faq.svg')}  


section .layout-center #detail .right-side .detail-box .wrap {padding:0px 50px 25px 50px;}
.free-delivery {background: #fff url(../images/svg/free-delivery.svg) no-repeat 15px center; border:1px solid #1eb05b; color:#1eb05b !important;text-align:left; padding:8px 10px 8px 65px !important;line-height: 20px;display:inline-block;}
.free-delivery.yes {background: #1eb05b url(../images/svg/free-delivery-yes.svg) no-repeat 15px center;color:white !important}
.free-delivery strong {white-space: nowrap;}
.free-delivery {margin-top:20px;}
.popup_body .free-delivery, .free-delivery.nomarg {margin-top:5px}
section .layout-center #detail .right-side .free-delivery {display:block}

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


section .point {position: absolute; left: 0px; top: 0px; z-index: 999999; margin: -15px 0px 0px -15px}
section .point::before {width: 30px; height: 30px; display: inline-block; background: url("../images/svg/icon_point.svg") no-repeat center center; content: ''; cursor: pointer; z-index: 5000}
section .point .tooltip {display: none;}

body .tooltipster-sidetip .tooltipster-box{background: #ffffff url("../images/svg/tooltip-arrow-right.svg") no-repeat right 10px center; border: 0; box-shadow: 0px 5px 15px #00000014; border-radius: 2px; max-width: 230px; padding: 10px 0px 10px 0px;}
body .tooltipster-sidetip .tooltipster-content{color: #2A1206; font-size: 18px;}
body .tooltipster-sidetip .tooltipster-content a{text-decoration: none; display: block; color: #2A1206; padding-right: 15px}
body .tooltipster-sidetip .tooltipster-content .price{color: #E24800; font-size: 16px; font-weight: bold; display: block; margin-top: 10px;}
body .tooltipster-sidetip .tooltipster-content .price span{font-size: 12px; font-weight: 500;}

body .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {border-top-color: #ffffff}
body .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{border-top-color: #ffffff; }

body .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {border-right-color: #ffffff}
body .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{border-right-color: #ffffff;}
body .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {border-left-color: #ffffff}
body .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{border-left-color: #ffffff;}
body .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {border-bottom-color: #ffffff}
body .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color: #ffffff;}


section.heureka-rating{padding:50px 0px 100px 0px; }
section.heureka-rating .owl-controls{top: 100%!important; left: 0px; width: 100%;}
section.heureka-rating .owl-controls .owl-nav{display: none;}
section.heureka-rating .owl-dots{text-align: center; margin-top: 30px; position: relative; }
section.heureka-rating .owl-dot{ width:11px; height:11px; border-radius:11px; background: #C4C4C4; display:inline-block; margin:4px 8px; }
section.heureka-rating .owl-dot.active{ width:19px; height:19px; border-radius:19px; background: #6A6A6A; margin:0px 4px;  }

section .heureka-wrap {margin-top:40px; }
section .heureka-wrap .item{background: #ffffff; padding:25px;  }
section .heureka-wrap .item .time{background: url("../images/svg/icon_clock.svg") no-repeat left center; background-size: 15px; padding-left: 20px; display: block; line-height: 15px; color:#7B7B7B;  font-size:13px; font-weight:500  }
section .heureka-wrap .item p{color: #353535; font-size:18px; font-weight:700; line-height:22px; }
section .heureka-wrap .item .rate{color: #7CA500; font-size:16px; font-weight:700;  }
section .heureka-wrap .item .rate > span{display: inline-block;}
section .heureka-wrap .item .rate .result{padding-right: 10px;}
section .heureka-wrap .item .text{min-height: 90px;margin-top: 15px; margin-bottom: 15px;}
section .heureka-wrap .item .user{font-size: 13px; color: #7B7B7B; font-weight:500 ; margin-top: 4px;}
section .heureka-wrap .item .user strong{color: #2587AF; font-weight: 700; padding-left: 20px; background: url("../images/svg/icon_user-circle-blue.svg") no-repeat left center;  background-size: 15px;}


section .layout-center #detail-wrap .grey-section{padding:40px 0px; }
section .layout-center #detail-wrap .grey-section::before{border-top:1px solid #E7EAEF; }
section .layout-center #detail-wrap .grey-section::after{border-top:1px solid #E7EAEF; }


/*  // DETAIL RIGHT*/

section .layout-center .tabs1  {border:0;margin-top:0px; margin-bottom:40px;}
section .layout-center .tabs1 .tab-container .etabs{margin:0px 0 25px 0;  padding:0px 0 0 0 ; list-style: none;   text-align:left;  position:relative; z-index:5000; font-size: 0px;}
section .layout-center .tabs1 .tab-container .etabs li{display:inline-block;  padding-right:0px; padding-left:0px; margin:0 ; margin:0 0px 0px 0px; box-sizing: border-box; position:relative;}
section .layout-center .tabs1 .tab-container .etabs li:last-child{background: transparent; padding-right:0;}
section .layout-center .tabs1 .tab-container .etabs li:first-child{padding-left:0px;}
section .layout-center .tabs1 .tab-container .etabs li a { color:#506691; position:relative; display:block; text-align: center;  margin:0px 3px 0px 0px; float:none; white-space:nowrap; position:relative;  font-weight:500; font-family: "Dosis", arial, sans-serif; border-radius: 5px 5px 0px 0px; background:#FCFCFC; font-size:18px; line-height:60px;  border:1px solid #E6E7E8;  text-decoration:none;    padding:0 45px;  box-sizing: border-box; position:relative;}
section .layout-center .tabs1 .tab-container .etabs li a > span{display:inline-block; position:relative; padding:0px 30px;}
section .layout-center .tabs1 .tab-container .etabs li a > span > span{position:absolute; right:5px; top:5px;width:20px; line-height: 20px; border-radius: 20px; background: #00A0EA; color:#ffffff; font-size:12px;font-family: "Dosis", 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:#103170;  }
section .layout-center .tabs1 .tab-container .etabs li a.active { background:#ffffff; color:#103170;  z-index: 1000; font-weight:700;    border-bottom:2px solid #ffffff; }
section .layout-center .tabs1 .tab-container .cont {padding:0px 0px 0px 0px; background: transparent; border:0px;} 

section .layout-center .tabs1 .tab-container > .select-style { display: none; font-size:18px; font-weight:700; color:#353535; background-position:right 20px center } 
section .layout-center .tabs1 .tab-container > .select-style::before {right: 0px;} 
section .layout-center .tabs1 .tab-container > .select-style select{ font-size:18px; font-weight:700; color:#353535; height: 50px; padding:0px 20px; } 
section .layout-center .tabs1 .tab-container > .select-style select option{ font-size:14px; font-weight:500; color:#353535;  } 

section .layout-center #detail-wrap .tabs1 .tab-container .etabs{margin:0px 0 -2px 0; display:table; width:100%; border:1px solid #EEEEEE; border-bottom: 0px; box-sizing: border-box;}
section .layout-center #detail-wrap .tabs1 .tab-container .cont {border:1px solid #EEEEEE; padding:30px 30px; background: #ffffff; } 
section .layout-center #detail-wrap .tabs1 .tab-container .etabs >  li {display: table-cell; float: none; padding: 0px; margin: 0px;}
section .layout-center #detail-wrap .tabs1 .tab-container .etabs li:first-child a {margin-left:0px;}
section .layout-center #detail-wrap .tabs1 .tab-container .etabs li a{padding: 0px 15px;margin: 0px;  border-radius: 0px; border: 0; border-bottom: 1px solid #EEEEEE; position: relative; font-size: 18px;  background: #ffffff; color: #7B7B7B;}
section .layout-center #detail-wrap .tabs1 .tab-container .etabs li a:hover{color:#353535 }
section .layout-center #detail-wrap .tabs1 .tab-container .etabs li a.active{font-weight: 700; color: #353535; border-bottom: 0px;}
section .layout-center #detail-wrap .tabs1 .tab-container .etabs li a.active::before{height: 100%; top: 0px;}
section .layout-center #detail-wrap .tabs1 .tab-container .etabs li a.active::after{height: 100%; top: 0px;}
section .layout-center #detail-wrap .tabs1 .tab-container .etabs li:first-child a::before{display: none;}
section .layout-center #detail-wrap .tabs1 .tab-container .etabs li:last-child a::after{display: none;}
section .layout-center #detail-wrap .tabs1 .tab-container .etabs li a::before{position: absolute; left: -1px; top:15px ;height: 30px; width: 2px; background: #EEEEEE; content: ' '}
section .layout-center #detail-wrap .tabs1 .tab-container .etabs li a::after{position: absolute; right: -1px; top:15px ;height: 30px; width: 2px; background: #EEEEEE; content: ' '}
section .layout-center #detail-wrap .tabs1 .tab-container .cont p {  padding:0px 0px 1em 0px;}
section .layout-center #detail-wrap .tabs1 .tab-container .cont ul  {list-style:none;padding:0px; margin:0px 0px 10px 10px;}
section .layout-center #detail-wrap .tabs1 .tab-container .cont ul li {color:#7B7B7B; font-size:16px; line-height:145%; font-weight:300; padding:0px 0px 10px 20px; background: url(../images/svg/menu-dot.svg) no-repeat left 7px;  }
section .layout-center #detail-wrap .tabs1 .tab-container .cont h2 {padding-top: 0px;}



section .layout-center #detail-wrap .properties  {margin: 0px -30px; font-size: 0}
section .layout-center #detail-wrap .properties > div {display: inline-block; width: 50%; vertical-align: top;}
section .layout-center #detail-wrap .properties  .item{width: 100%; border-bottom:1px solid #EFEFEF; padding:20px 30px; box-sizing:border-box;  }
section .layout-center #detail-wrap .properties > div .item:last-child{border-bottom: 0px;}
section .layout-center #detail-wrap .properties  .item > div{display: table;width: 100%; box-sizing: border-box; padding-left: 35px; position:relative; color:#353535; font-size:16px; }
section .layout-center #detail-wrap .properties  .item > div >span{display: table-cell; vertical-align: middle;}
section .layout-center #detail-wrap .properties  .item > div img{position: absolute; left: 0px; top: -5px; width: 30px;}


section .layout-center #detail-wrap .review-block {display: table; width: 100%;margin-bottom: 20px;}
section .layout-center #detail-wrap .review-block > div {display: table-cell; vertical-align: top;}
section .layout-center #detail-wrap .review-block > div:last-child {text-align: right;}
section .layout-center #detail-wrap .review-block > div .rate{display: table;}
section .layout-center #detail-wrap .review-block > div .rate > div{display: table-cell; vertical-align: middle;}
section .layout-center #detail-wrap .review-block > div .rate > div:first-child{color: #FFD543; font-weight: 700; font-size: 34px; padding-right: 15px;}
section .layout-center #detail-wrap .review-block > div .rate > div img{height: 25px;}
section .layout-center #detail-wrap .review-block > div .count {color: #7B7B7B; font-size:11px; font-weight:500 }

section .layout-center #detail-wrap .review  {border: 1px solid #EFEFEF;padding: 25px; margin-top: 20px;}
section .layout-center #detail-wrap .review p {font-weight: 700; color: #353535; line-height: 150%; padding: 0px!important;}
section .layout-center #detail-wrap .review .klady {display:block;margin-top:5px;font-weight: 700; color: green; line-height: 150%; padding: 0px!important;}
section .layout-center #detail-wrap .review .zapory {display:block;margin-top:5px;font-weight: 700; color: red; line-height: 150%; padding: 0px!important;}

section .layout-center #detail-wrap .review .top {display: table; margin-bottom: 15px;}
section .layout-center #detail-wrap .review .top > div.user {color: #7B7B7B; font-size: 11px; font-weight: 500; padding-right: 25px; padding-left:22px; background: url("../images/svg/icon_user-circle-blue.svg") no-repeat left 1px; background-size:16px; }
section .layout-center #detail-wrap .review .top > div.user strong{color: #2587AF; font-size: 13px; font-weight: 700; display: block;}
section .layout-center #detail-wrap .review .top > div {display: table-cell; vertical-align: middle;}
section .layout-center #detail-wrap .review .top > div:last-child {text-align: right;}
section .layout-center #detail-wrap .review .top > div .rate{display: table;}
section .layout-center #detail-wrap .review .top > div .rate > div{display: table-cell; vertical-align: middle; font-size: 0}
section .layout-center #detail-wrap .review .top > div .rate > div img{position: relative; top: -2px;}
section .layout-center #detail-wrap .review .top > div .rate > div:last-child{color: #FFD543; font-weight: 700; font-size: 11px; padding-left: 10px; line-height: 15px;}
section .layout-center #detail-wrap .review .top > div .count {color: #7B7B7B; font-size:11px; font-weight:500 }


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:16px; color:#506691; line-height:20px; padding:10px 20px;  font-weight:300; vertical-align: middle;}
section .layout-center #detail-wrap table.data-table tr td:last-child{text-align:left; white-space: normal; padding-left:0px;font-weight:600; color:#103170;}
section .layout-center #detail-wrap table.data-table tr:nth-child(odd) td{background: #FAFAFA;}


section .layout-center .delivery-info-box{background: #DCE8B7; color:#353535; position:relative; padding:30px 30px 30px 270px; margin:30px 0px;}
section .layout-center .delivery-info-box img{width:226px; position:absolute; left:20px; top:30px;}
section .layout-center .delivery-info-box h4{color:#353535; font-size:18px; line-height: 22px; font-weight:700; padding:0px 0px 8px 0; margin:0}
section .layout-center .delivery-info-box p{color:#353535;letter-spacing: -0.35px; font-size:14px; line-height: 16px; font-weight:500}

@media only screen and (max-width: 600px){
  section .layout-center .delivery-info-box { margin-bottom:0}
}

@media only screen and (max-width: 550px){
  section .layout-center .delivery-info-box { padding:20px 20px 20px 140px;}
  section .layout-center .delivery-info-box img{width:100px; }
}

@media only screen and (max-width: 400px){
  section .layout-center .delivery-info-box {text-align: center; padding:20px;}
  section .layout-center .delivery-info-box img{max-width:226px; position:relative; left:auto; top:auto;}
  section .layout-center .delivery-info-box h4{padding-top:20px; text-align: center;}
}



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

.spinner-wrap{padding-left:180px; display:block; position: relative; font-size:0px; }
.spinner {width:160px; border-radius:5px;  position:absolute; left:0; top:0px; margin:0px 0px 0px 0px; display:inline-block;background: #ffffff; border:1px solid #ACB1BC; }
.spinner label{position:absolute; right:100%; top:0px; line-height: 46px;  padding-right:10px;}
.spinner input {-webkit-appearance: none; -moz-appearance: none; appearance: none;text-align: center; box-sizing: border-box;border:0; border-radius:5px; background:#ffffff; padding:0 0px 0px 0px!important; height:46px; width:100%!important; margin:0; display:inline; color:#3e5b87; font-size:24px; font-weight:400; position:relative;}
.input-group-spinner {  overflow:hidden}
.input-group-btn-vertical {position: absolute; left:0px; top:0px; white-space: nowrap; display: block; height:1px; margin-top:0px; border:0px; width:100%; border-radius:4px;}
.input-group-btn-vertical > .btn {position:absolute; height:46px; width:50px; border:0; background-position: center center; background-repeat:no-repeat; border-radius:5px;  text-align:center;    background-color:#ffffff; box-sizing: border-box; cursor:pointer; text-indent:0!important; box-shadow: 2.121px 2.121px 15px 0px rgba(0, 13, 37, 0.18);  -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;   }

.input-group-btn-vertical i{display:block; margin-top:2px;  font-size:13px;}

section .layout-center  .noUi-horizontal{height:8px;box-sizing:border-box;border:0px; }
section .layout-center  .noUi-background{background: #E6EAEC; box-shadow:none; border-radius: 0px;border:1px solid #E6EAEC; 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: #00A0EA!important; box-shadow:none; border:0px; margin:-1px 0px; }
section .layout-center  .noUi-connect::before{background: #00A0EA!important; height:2px; width:100%; position:absolute; left:0; top:-1px; ;}
section .layout-center  .noUi-handle{width:32px; height:32px; overflow:hidden; background:#00A0EA!important; box-shadow:none; border:7px solid #ffffff; box-sizing:border-box; border-radius:32px; cursor:pointer; box-shadow: 0px 9px 9px 0px rgba(16, 49, 112, 0.13);} 
section .layout-center  .noUi-handle::before{display:none;}
section .layout-center  .noUi-handle::after{display:none;}
section .layout-center  .noUi-handle-lower{left:-4px;top:-14px; background: url(../images/svg/minus-noui.svg) no-repeat center center  ;}
section .layout-center  .noUi-handle-upper{left:auto;right:30px;top:-14px;}
section .layout-center  .noUi-val{display:block; white-space: nowrap;color:#1d1d1d; font-weight:600; font-size:15px;   text-align: center; }
section .layout-center  .value-box{margin-top: -35px; }
section .layout-center  .value-left { float:left;}
section .layout-center  .value-right { float:right;}

section .layout-center  .nouislider{margin:50px 0px 20px 0px; font-size:15px; color:#4f4f4f; }




footer{margin:0px 0px -1px 0px; z-index: 3000; padding:0px 0 0 0;  background:#48220D  ; background-size:100% auto; float:left; width:100%; position:relative;} 
footer.footer-subpage{margin-top:0px;  padding-top:0px; background-size:1700px auto; } 
footer.short{margin-top:0} 
footer.nopadd{margin-top:15px} 

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


footer .layout-center .col.contact {text-align: left;}
footer .layout-center .col.contact .tel{padding:0px 0px 0px 23px; margin-bottom:0px; margin-top:0px; margin-left:0px; display:inline-block;  font-weight:500; color:#ffffff; white-space: nowrap; text-decoration:none; font-size:15px; line-height: 100%; background: url('../images/svg/icon_phone-volume.svg') no-repeat 3px  center; }
footer .layout-center .col.contact .tel strong{display:block; font-weight:700; font-size:13px; color:#FFD543;}
footer .layout-center .col.contact .tel strong > span{ font-weight:500; font-size:12px; color:#ffffff; padding-left:5px; }

footer .layout-center .col.contact .email{padding:0px 0px 0px 23px; margin-bottom:0px; margin-top:5px; margin-left:0px; display:inline-block;  font-weight:500; color:#ffffff; white-space: nowrap; text-decoration:none; font-size:15px; line-height: 100%; background: url('../images/svg/icon_envelope-open.svg') no-repeat 3px  center; }
footer .layout-center .col.contact .email strong{display:block; font-weight:700; font-size:13px; color:#FFD543;}
footer .layout-center .col.contact .email strong > span{ font-weight:500; font-size:12px; color:#ffffff; }

footer .layout-center .col.contact .fb{padding:0px 0px 0px 23px; margin-bottom:0px; margin-top:5px; margin-left:0px; display:inline-block;  font-weight:500; color:#ffffff; white-space: nowrap; text-decoration:none; font-size:15px; line-height: 100%; background: url('../images/svg/icon_envelope-open.svg') no-repeat 3px  center; }
footer .layout-center .col.contact .fb strong{display:block; font-weight:700; font-size:13px; color:#FFD543;}
footer .layout-center .col.contact .fb strong > span{ font-weight:500; font-size:12px; color:#ffffff; }

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

footer .container{ margin: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; text-align: center;  box-sizing:border-box; width:25%} 
footer .container .col:first-child{padding-left:0; vertical-align: top; text-align: left;} 
footer .container .col.logo{text-align:right!important; } 

footer .container > .clear-x  {display: none} 
footer .container .col.newsletter  {text-align: right;} 
footer .container .col.newsletter .wrap {display: inline-block;} 
footer .container .col.newsletter p{color: #ffffff; font-weight: 400; font-size: 10px; line-height: 12px; color: #ffffff; text-align: left;} 
footer .container .col.newsletter form {padding-bottom: 20px;} 
footer .container .col.newsletter form input{width: 259px; position: relative;} 
footer .container .col.newsletter form > p {position: relative; }
footer .container .col.newsletter form > p input{ width:100%; background: #2A1206; box-sizing: border-box;  border:0;  border-radius: 0px ; height:40px; padding:0 116px 0 15px;  font-size:13px; color:#7B7B7B; font-family:'Dosis', sans-serif; font-weight:500!important;  position:relative;}
footer .container .col.newsletter form > p input::-webkit-input-placeholder { /* Chrome */ color: #7B7B7B; font-style: italic;}
footer .container .col.newsletter form > p input:-ms-input-placeholder { /* IE 10+ */ color: #7B7B7B;font-style: italic; }
footer .container .col.newsletter form > p input::-moz-placeholder { /* Firefox 19+ */ color: #7B7B7B; opacity: 1; font-style: italic;}
footer .container .col.newsletter form > p input:-moz-placeholder { /* Firefox 4 - 18 */ color: #7B7B7B; opacity: 1; font-style: italic;}
footer .container .col.newsletter form > p button{  height:40px;  color:#FFD543; line-height: 40px;  text-align:center; border:0px;  margin:0px; padding: 0px 38px 0px 0px; position:absolute; right:0px; top:0px; cursor:pointer; background:url('../images/svg/icon_envelope-open.svg') no-repeat right 15px center ; background-repeat: no-repeat;  font-size:13px; font-weight:700;  box-sizing: border-box; border-radius:0px 0 0 0px;     }

footer .container .col.newsletter .pure-checkbox label{text-align: left!important; font-weight:500!important; font-size:11px!important }
footer .container .col.newsletter .pure-checkbox input{opacity: 0}




footer .container .col.footer-image{width: 259px; position: relative;} 
footer .container .col.footer-image img{ position: absolute; left: 0px; bottom: -50px;} 

footer .container .col .center-wrap{display: inline-block; margin: 0px auto; text-align: left;} 
footer .container .col p{color:#92addf; line-height:26px; font-size:16px;  padding:0 0 0px 0; margin-bottom:0px;   font-family: 'Dosis', sans-serif; font-weight:300; } 

footer .container .col p.space,
footer .container .col p.title{color:#FFFFFF; font-size:24px;line-height: 100%; font-weight:500; text-align: left; border:0px; margin:0px 0px 25px 0px; padding:0px 0px 0px 0px;} 
footer .container .col p.title::before{display:none;} 
footer .container .col p.small{font-size:13px; line-height: 22px; padding-top:15px; padding-bottom:0px; margin-bottom: 25px;} 
footer .container .col p.np{margin:0px; padding:0px;} 
footer .container .col p a{color:#ffffff; text-decoration: none;} 
footer .container .col p a:hover{ text-decoration: underline;} 
footer .container .col  strong{ font-weight:600; color:#ffffff;} 

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

footer .container .col.socials  p:not(.title){margin-bottom:10px;} 

footer .box{display:table; width:100%; height:115px;position:relative;background: #ffffff;}
footer .box::before{position: absolute; right: 100%; top: 0px; height: 100%; width: 100%; background: #ffffff; content: ' '}
footer .box::after{position: absolute; left: 100%; top: 0px; height: 100%; width: 100%; background: #ffffff; content: ' '}
footer.short .box{border-top:0 }
footer .box > div{display:table-cell; vertical-align: middle;}
footer .box > div p{color: #7B7B7B; line-height: 12px; font-size: 10px;}
footer .box > div p a{color: #7B7B7B; font-weight: 700}
footer .box > div:last-child{padding-right:0px;}
footer .copyright{ font-size:14px; font-weight:300; color:#ffffff; padding:0px 30px 0px 0px; margin:0px 0px 0px 0px; white-space:nowrap; }
footer .copyright strong{font-weight:700; color:#ffffff;}
footer .copyright span{ color:#ffffff;}

footer .partners {font-size: 0px; text-align: right; margin: 0px -10px;}

footer .footer-logo {position:absolute; left:50%; bottom:0px; margin-left:-207px;}

footer .logos { margin-top:10px; margin-bottom:0px; text-align:right;}
footer .logos a{position:relative; bottom:0px;}
footer .logos .shopion{width:124px; 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:113px;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:41px; height:41px; margin-top:-20px; opacity:0.2; display:none;}
section .bx-wrapper .bx-controls-direction a:hover{ opacity:1;}
section .bx-wrapper .bx-prev{width:41px; margin-left:10px; height:41px; background: url(../images/prev-light.png) no-repeat left top; display:none;}
section .bx-wrapper .bx-next{width:41px; margin-right:10px; height:41px; background: url(../images/next-light.png) no-repeat left top;display:none;}
section .bx-wrapper .bx-next:focus,
section .bx-wrapper .bx-next:hover{background-position: 0 0}
section .bx-wrapper .bx-pager{position:absolute; right:15px; bottom:15px; height:25px!important; width:auto;}
section .bx-wrapper .bx-pager > span.active{position:absolute; left:0px; top:0px; width:100%; height:100%;}
section .bx-wrapper .bx-pager.bx-default-pager a{ background: #595959; width:14px; height:14px; box-sizing: border-box; border-radius: 14px; border:0px;  position:relative;margin:5px;}
section .bx-wrapper .bx-pager.bx-default-pager a:hover{background: #ffc800;}
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 #ffc800; margin:0px; }

body .sb-slidebar {background: #000F3B;} 
body .sb-slidebar ul.top{margin-bottom:0px;} 
body .sb-slidebar ul.bottom{margin-top:40px;} 
body .sb-slidebar ul.top li{border: 0px;} 

body .sb-slidebar ul.top-menu{margin-top:40px;} 
body .sb-slidebar ul.menu{margin-bottom:0px;} 
body .sb-slidebar ul{margin:0 0 0px 0; padding:0; list-style: none; border-top:1px solid #000C32 ; border-bottom:1px solid #103170 ;} 
body .sb-slidebar ul li{border-bottom:1px solid #000C32 ; border-top:1px solid #103170 ;height:auto !important} 
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;height:auto !important} 
body .sb-slidebar ul li a img, body .sb-slidebar ul li a object {display: none;} 
body .sb-slidebar ul li a:hover{background:#103170;} 
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  #000C32;} 
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:'Dosis', 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{z-index:99999999 !important;display:none;position:fixed; right:0px; bottom:35px; z-index: 6000; opacity:0.7;  -webkit-transition: opacity 0.4s ease !important;  -moz-transition: opacity 0.4s ease!important; -o-transition: opacity 0.4s ease!important; -ms-transition: opacity 0.4s ease!important; transition: opacity 0.4s ease!important; margin-right:-75px;}
.scroll-top:hover{opacity:1!important;}
.scroll-top img{width:50px;}



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


@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: 1650px){
  .swiper-container .main-banner > div .inside-wrap{font-size:2vw}

  section .layout-center #main #aside .menu-tabs{margin-left: 0px;}
  section .layout-center #main #aside{padding-left: 0px;}
}


@media only screen and (max-width: 1500px){
  section .layout-center .instagram-block > div a span{font-size: 1.8vw}

}

@media only screen and (max-width: 1450px){
  
  header .middle-box .top-menu li{font-size:12px; padding-right:15px;}
  header .middle-box .table-container .col.search{  padding-left:50px;  padding-right:0px; }
  header .middle-box .table-container .quick-contact a.tel span{display: none}
}

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

  section .layout-center #main{padding-left: 305px;}
  section .layout-center #main #aside{margin-left: -305px; width: 270px;}
  section .layout-center #content-filter .filter-list .item{width: 25%;}

  section .layout-center #main #aside{padding-top: 0px;}

}


@media only screen and (max-width: 1350px){
  .button.v3.buy {font-size:18px !important}
  section .layout-center .similars-wrap{ margin:0px -20px;}

  section .layout-center .products.variant2 {margin:0px -10px!important; }
  section .layout-center .products.variant2 .item{padding:10px;}
  section .layout-center .products.carousel  {margin-left:0px!important;margin-right:0px!important;}
  section .layout-center .products.v1 .item .wrap .info-box .button{font-size:18px;}
  section .layout-center .products.v1 .item .wrap .price{font-size:20px;}
  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-wrap .tabs1 .tab-container .etabs li a{padding-left:15px; padding-right:15px;}

  #show_total_count{ margin-bottom:0px;}

  header .middle-box .table-container .quick-contact{font-size:13px;}
  header .middle-box .table-container .quick-contact a{font-size:12px!important;}

  section .layout-center .products .item{width: 25%;}

}



@media only screen and (max-width: 1300px){
  .products .button{padding:0px 12px;}
  
  section .layout-center #content .detail-carousel .products.owl-carousel .owl-controls{right:20px;}
  section .layout-center #main.full-width .similars-wrap .products.owl-carousel .owl-controls{ right:20px; }

  section .benefits .item .image{margin-bottom: 15px;}

  section .benefits {padding:0px 0px; width:auto; float:none; margin-left:0px;font-size:0px; text-align: center;}
  section .benefits .item{display:inline-block; width:25%; vertical-align: top; margin:10px 0px }

  section .slider-wrap{padding-left:0px;}
  section.hp-slider-wrap::before{height:30%;}
  section .layout-center #content-filter .price-slider-box > div > div:first-child{padding-left: 190px;}
  .swiper-container .swiper-slide .img-wrap  {margin: 0px -250px}

}


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


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

@media only screen and (max-width: 1250px){
  section .layout-center #content-filter ul.tabs li{padding:0px 15px;}
  section .layout-center #main.full-width .goBack{ top:40px; line-height:35px; padding:0px 15px;}


section .layout-center #checkout .checkout-layout > div:last-child {width: 400px; }
section .layout-center #checkout .product-list .image{width: 80px; }
section .layout-center #checkout .product-list .name{padding-left: 20px;}



}
@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%;}
  .button.v3.buy {font-size:16px !important}

}

@media only screen and (max-width: 1200px){
  section .layout-center .tabs1 .tab-container .etabs li a{width:auto;}
  section .layout-center #content .products.half .item {width:50% !important;}
  section .layout-center .products.variant2:not(.carousel) .item {width:50%!important;}
  section .layout-center .products.variant2:not(.carousel) .item .wrap h3{font-size:14px;}
  header .middle-box .table-container .col.contact {width:auto}
  section .layout-center #main .checkboxes.six li, section .layout-center #main .check.six li{ width:25%;}

}



@media only screen and (max-width: 1150px){
  section .layout-center #detail .right-side .detail-box .btn-wrap .button span{display:none;}
  .button.v3.buy {font-size:20px !important}

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

  section .layout-center .our-story .story-image a{max-width:350px;}
  section .layout-center .our-story .story-text{padding-right:5%}

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

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

    
  section .layout-center .store-info > div > div{display: block;}
  section .layout-center .store-info > div > div.action{margin-left: -60px; margin-top: 10px;}
}

@media only screen and (max-width: 1100px){
section .layout-center .contact-box {position:relative; padding-top:50px; }
section .layout-center .contact-box > div:first-child{position:absolute; display:block; left:20px; top:0}
}

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

}

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

  section .layout-center #content-filter .mobile-tab{display:block;}
  section .layout-center #content-filter{border-radius:none; margin-top:0px;}
  section .layout-center #content-filter .tab_container{border-radius:0;}
  section .layout-center #content-filter ul.tabs{display:none;}
  section .layout-center #content-filter .price-slider-box > div > div   {padding-left:0px!important;display:block; width:100%!important; box-sizing: border-box; text-align:center!important; white-space: normal!important;}
  section .layout-center #content-filter .price-slider-box > div > div .bar  {position:relative;margin:0px ; max-width:100%; margin-top:20px; margin-bottom:20px!important;}
  section .layout-center #content-filter .price-slider-box{padding:0px 0px 0px 0px; margin-bottom: 0px;;}
  section .layout-center #content-filter .order .item a{width: auto; padding: 0px 15px;}
  section .layout-center #content-filter .filter-list{padding-top: 10px;}

  .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 .middle-box .top-menu li{padding-right:15px;}
  footer .container .col.footer-image {display: none}

}


@media only screen and (max-width: 1000px){
  section .layout-center #content-filter ul.tabs li{font-size:14px;}
  section .layout-center .article .item, section .layout-center .article.thin .item{ width:25%; }

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

  section .layout-center .idea-item.image-right > div:first-child{padding-left: 20px;}
  section .layout-center .idea-item > div:last-child{padding-left: 20px;}
  section .layout-center .idea-detail .text-box{padding: 20px 20px 0px 20px;}

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


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

  section .layout-center .text-box{margin-bottom:0px;}
  section.transparent{background: #FFFFFF;margin-top:0px;}
  section .layout-center .our-story {box-shadow: none; margin-top:0px; border-radius:0px; }
  section .layout-center .our-story .story-image{float:none; width:100%; }
  section .layout-center .our-story .story-text{float:none; width:100%;  padding:25px 0px 0px 0px}
  section .layout-center .our-story{padding:50px 5px;}
  section .layout-center .our-story::after{bottom:0px; left:auto; right:-15px; background: #fff; display:none;}
  section .layout-center .our-story::before{display:none;}

  header .middle-box .table-container .col.curr-col{position:absolute; right:0px; top:3px;padding:0px; margin:0px; width:auto;}
  header .middle-box .table-container .col.curr-col .currency a{line-height:22px;}

  section.gray .layout-center #main.full-width{padding-top:15px}

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

  header .middle-box{padding-top:30px;}
  header .middle-box .currency{right:-12px; }
  header .middle-box .currency a{ font-size:12px; line-height:24px;}

  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:10px}
  header .middle-box .table-container .col.favorite-col{padding-right:0px;}



  section .layout-center .products { margin-left: -8px; margin-right:-8px; }
  section .layout-center .products .item{width: 25%!important; padding:8px; }


  section .layout-center .products .item .wrap::before {display: none!important;}
  section .layout-center .products.v1 .item .wrap .info-box .button{font-size:14px;}
  section .layout-center .products.v1 .item .wrap .price{font-size:16px;}
  section .layout-center .similars-wrap{ margin:0px -10px;}

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

  section .layout-center .products .item .wrap .image-box .favorite{opacity:1;}

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

  section .layout-center .products .item .wrap .desc{padding-left:10px; padding-right:10px;}

  section .layout-center .products .item:hover .wrap{-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow:none; }
  body section .layout-center .products .item .wrap .button-wrap .button{line-height:40px; }

section .layout-center .products.owl-carousel.variant2 .item{margin-bottom: 10px!important;}

  .input-group-btn-vertical > .btn{height:40px;}
  .spinner input{height:40px;}

  section .layout-center #detail-wrap .tabs1 .tab-container .cont{padding:20px;}
  header .middle-box .table-container .col.mobile {padding-left:25px !important}
  header .middle-box .table-container .col.mobile { display:table-cell;}
  header .middle-box .top-menu{display:none;}

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

  footer .footer-logo{width:250px;margin-left:-125px;}

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



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


  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:5px; padding-left:5px}
  header .middle-box .table-container.left .col.basket-info{padding-right:10px}
  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 .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}


  header .middle-box .table-container .col.nocontact{width: 0px;}
  .fixed-info-line .close{right:20px; }

  .layout-center{padding-left: 15px; padding-right: 15px;}
  section .layout-center .products.owl-carousel .owl-controls{right:15px;}

  header {  padding-left:15px; padding-right:15px; }

  header .middle-box .table-container.left .col.mobile {padding-left:0px !important;padding-right:20px}
  header.fixed .middle-box .table-container.left .col.logo{width:100%;padding-left:100Px !important;margin:0 auto !important}



  section .layout-center .products.owl-carousel .owl-controls{position: relative;top:auto!important;  width:100%; right:0px!important; z-index: 5000}
  section .layout-center .products.owl-carousel .owl-controls .owl-nav {top:-13px; position:relative;}
  section .layout-center .products.owl-carousel .owl-controls .owl-nav > div{position:absolute; top:10px; width:15px; height:25px; border:0px; z-index: 9000}
  section .layout-center .products.owl-carousel .owl-controls .owl-nav > div.owl-prev{left:20px;background: url(../images/svg/arrow-left-black.svg) no-repeat center center;}
  section .layout-center .products.owl-carousel .owl-controls .owl-nav > div.owl-next{right:20px;background: url(../images/svg/arrow-right-black.svg) no-repeat center center;}

  section .layout-center .products.owl-carousel .owl-controls{bottom: 10px!important; top: auto!important; left: 0px; width: 100%;}
  section .layout-center .products.owl-carousel .owl-dots{text-align: center; margin-top: 15px; position: relative; }
  section .layout-center .products.owl-carousel .owl-dot{ width:11px; height:11px; border-radius:11px; background: #C4C4C4; display:inline-block; margin:4px 8px; }
  section .layout-center .products.owl-carousel .owl-dot.active{ width:19px; height:19px; border-radius:19px; background: #6A6A6A; margin:0px 4px;  }


  section .benefits{margin: 40px 0px 20px 0px;}


  section .layout-center #detail .right-side .detail-box .btn-wrap .spinner-wrap{max-width: 100%;}

  section .layout-center #detail-wrap .review{padding: 20px 20px;}
  section .layout-center .show-all.list{margin-top: 0px;}

  header #menu-space{display:none; }
  header #mobile-navigation{ display: block;}
  section .layout-center .products.hp-categories{margin-top: 0px;}
  section.subpage{padding-top: 15px;}

  section .layout-center #checkout .checkout-breadcrumbs{width: 200px;}
  section .layout-center #checkout .checkout-breadcrumbs .num strong {line-height: 22px;}
  section .layout-center #checkout .checkout-breadcrumbs .num strong span{display: block;}


section .layout-center #content .detail-carousel .products.v4{margin-left: -10px!important;margin-right: -10px!important; width: auto!important}

}



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

  header .middle-box .table-container .col.basket-info .wrap > div:first-child{position:absolute; right:0px; top:4px;}
  header .middle-box .table-container .col.basket-info .wrap > div:first-child{padding:0px;}

  section .layout-center .tabs1 .tab-container .etabs li a{padding:0px 20px; font-size:15px;line-height: 45px;}
  section .layout-center .tabs1 .tab-container .etabs li a > span {padding:0px 23px;}
  section .layout-center .tabs1 .tab-container .etabs li a > span > span{font-size:12px; width:20px; right:0;line-height: 20px; border-radius: 20px; top:5px;}
  section .layout-center .category .item{width:25%;}
  section .benefits .item {padding:0px 10px;}
  section .benefits .item > div strong{font-size:14px;}
}


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

header.fixed{padding-right:15px;}
  header .middle-box .table-container .col.mobile {padding-left:40px !important}
  header .middle-box .table-container .col  #search {width:auto}
  .row{margin-bottom:0px;}
  .row .col-50{width:100%; margin-bottom:0px;}
  .row .col-50, .row .col-100{padding-bottom:0px;}

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


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

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

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

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

  section .layout-center .similars-wrap{margin-bottom:30px;margin-top:10px;}
  section .layout-center .products-wrap{margin-bottom:30px;}
  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:16px; padding:0px 5px;}

  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.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.bottom-extended{padding-bottom:90px;}
  section.main{padding-top:0px;}

  footer .layout-center .col.contact p.title{font-size: 25px;}
  .swiper-container .nav-wrap{bottom: 20px;}


}


@media only screen and (max-width: 820px){
  section .layout-center #content-filter .filter-list .item{width: 33.33333333%;}

}



@media only screen and (max-width: 800px){
  section .layout-center #detail .right-side .detail-box .btn-wrap .button span{display:inline;}
  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{padding-top:0px;}

  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 .logos{text-align: center; margin-top:20px;}
  footer .footer-logo{position:relative; margin:0px; left:auto;}
  footer .layout-center{text-align: center;}
  .button.v3.buy {font-size:18px !important}
  footer .container .col p.space, footer .container .col p.title{margin-bottom:25px;}

  section .layout-center .instagram-wrap  {padding-top: 30px;}
  section .layout-center .instagram-block > div {width: 33.33333%}
  section .layout-center .instagram-block > div.default {order: 2}
  section .layout-center .instagram-block > div.default span {font-size: 4VW}
  section .layout-center .instagram-block > div:nth-last-child(1) {display: none}


  section .layout-center #main.full-width #detail-wrap .goBack{line-height:30px; font-size:13px; top:12px; padding:0px 10px;}
  section .layout-center #main.full-width #detail-wrap .goBack img{padding-right:5px;}


  footer .container { display:block; margin-top:30px; margin-bottom: 0px; font-size:0px; } 
  footer .container .col{ display:inline-block; float:none; width:50%!important; box-sizing: border-box; padding:0px 0px 30px 0px!important; text-align: center;} 
  footer .container .col p.space{display:none;}
  footer .container .col p.space, footer .container .col p.title{text-align: center;}
  footer .container .col.social{text-align: center;}
  footer .container .col.newsletter{text-align: center!important; width: 100%!important;}
  footer .container .col.newsletter .wrap{display: block;}
  footer .container .col.footer-image {display: none}

  footer .container .col:first-child{text-align: center;}

  footer .container .col ul li{text-align: center;}
  footer .layout-center .col.contact .tel{text-align: left; }
  footer .layout-center .col.contact .email{text-align: left; box-sizing: border-box;}
  footer .container .col p{text-align: center;}


  footer .box{display:flex; flex-wrap: wrap; height:auto;  }
  footer .box > div{display:block; width: 100%; text-align: left!important; padding: 0px;}
  footer .box > div:first-child{order: 2; padding: 20px 0px; border-top: 1px solid #DEDEDE;}
  footer .box > div:first-child br{display: none}
  footer .box > div:last-child{order: 1; padding: 20px 0px 10px 0px}
  footer .copyright{padding-right: 0px;}
  footer .partners{text-align: left;}


  section .layout-center #checkout .login-box {padding: 20px 0px!important; margin-bottom:20px; }
  section .layout-center #checkout .login-box > span{display: block; padding: 0px 20px!important; white-space: normal;}
  section .layout-center #checkout .login-box > span.i1 strong{display: block; padding-top: 5px;}
  section .layout-center #checkout .login-box > span.i3 {padding-top: 10px!important;}

  section .layout-center #checkout .checkout-box{padding: 20px; margin-bottom: 20px;}
  section .layout-center #checkout .checkout-title{padding: 20px;}
  section .layout-center #checkout .total-summary{padding: 20px;}

  .form-row .col-50{width: 100%;}
  .form-row .col-25{width: 100%;}

  section .layout-center #detail-wrap .tabs1 .tab-container .etabs{display: none;}
  section .layout-center .tabs1 .tab-container > .select-style{display: block;}
  section .layout-center #detail-wrap .properties > div{width: 100%;}
  section .layout-center #detail-wrap .properties .item {padding:15px 30px; }
  section .layout-center #detail-wrap .properties .item > div{height:auto!important }
  section .layout-center #detail-wrap .properties > div .item:last-child{border-bottom: 1px solid #EFEFEF}
  section .layout-center #detail-wrap .properties > div:last-child .item:last-child{border-bottom: 0px}

  section .layout-center #detail .right-side .more{float: none; margin-top: 20px; display: inline-block;}
  section .layout-center #detail .right-side .detail-box .price-box{padding-bottom: 20px;}
  section .layout-center #detail .right-side .detail-box .price-box .price{font-size: 28px;}
  section .layout-center #detail .right-side .detail-box .price-box .price span{display: none;}
  section .layout-center #detail-wrap #product-rate{margin-bottom: 20px; margin-top: -10px;}
  section .layout-center #detail .right-side .detail-box{margin-top: 20px; margin-bottom: 60px}

  section .layout-center .products.hp-categories{margin-top: 10px;}
  section .layout-center #detail .left-side{padding: 0px!important}
  section .layout-center #detail #detail-description{padding: 0px!important}
  section .layout-center #detail .right-side .detail-box .price-box > div{padding: 0px!important}
  section .layout-center #detail .right-side .detail-box .btn-wrap .spinner-wrap .button{display: block; width: 100%;}
  section .layout-center #detail .right-side .detail-box .btn-wrap {padding-left: 0px!important; padding-right: 0px!important; margin-top: 20px; padding-bottom: 20px;}
  section .layout-center #detail .big-image img{max-width: 100%;max-height: none!important; width: 100%;}

  section .layout-center #detail .gallery{margin-top: 0px;}

  footer .container .col.newsletter .pure-checkbox{margin-top: 15px;}
}



@media only screen and (max-width: 780px){
  section .layout-center .article .item, section .layout-center .article.thin .item{ width:33.33%; }

  .products .input-group-btn-vertical > .btn{width:18px; background-size: 10px auto;}

  .products .spinner{width:60px;}
  .products .spinner input{font-size:14px;}
  section .layout-center .products .item {width:33.33333%!important;}
}


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

  section .layout-center #main .checkboxes.six li, section .layout-center #main .check.six li{ width:33.33333333%;}

  section .benefits .item {background-size: 100px auto}
  section .benefits .item .image img{height: 45px;}
  section .benefits .item .desc{font-size: 12px;}

  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: 'Dosis', sans-serif; font-weight:400; text-transform: uppercase }
  section .layout-center #content-filter .tabs-wrap::before {display:none;}
  section .layout-center #content-filter ul.tabs li.active {border-right:1px solid #DFDFDF; color:#1d1d1d; }
  section .layout-center #content-filter ul.tabs li:hover {border-right:1px solid #DFDFDF; color:#1d1d1d; }

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

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


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

  section #basketa table:not(.cart_total)  {background: transparent; border:0px;}
  section #basketa table:not(.cart_total) thead {display:none;}
  section #basketa table:not(.cart_total) tbody  {display:block;}
  section #basketa table:not(.cart_total) tbody tr  {display:block; position:relative; margin-bottom:10px; border:1px solid #E6E6E6; background: #fff;}
  section #basketa table:not(.cart_total) tbody tr td {display:block; border-bottom:0px; box-sizing: border-box; padding-top:10px;}
  section #basketa table:not(.cart_total) tbody tr.more_tr  {margin-bottom:0px; border:0 none;}
  section #basketa table:not(.cart_total) tbody tr.more_tr td {padding-top:0px;}

  section #basketa table:not(.cart_total) tbody tr td.td_name {padding-left:95px; padding-bottom:35px; width:100%; min-height:84px;border-bottom:1px solid #E6E6E6; padding-right:15px; font-size:14px; line-height: 18px;}
  section #basketa table:not(.cart_total) tbody tr td.td_img {position:absolute; left:0px; top:0px; width:auto;}
  section #basketa table:not(.cart_total) tbody tr td.td_img img{position:absolute;padding:5px; box-sizing: border-box; left:0px; top:0px; width:83px!important}
  section #basketa table:not(.cart_total) tbody tr td.td_store {position:absolute; left:95px; bottom:70px; padding:0px;}
  section #basketa table:not(.cart_total) tbody tr td.td_store .stock {position:relative; top:-4px;}
  section #basketa 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;}

}

@media only screen and (max-width: 735px){
  header .middle-box .leaves{display: none}
  header.header-checkout .middle-box .leaves{display: inline-block; right: 140px;}
  header.header-checkout .middle-box .table-container .quick-contact .wrap > strong{font-size: 14px;}
  header.header-checkout .middle-box .table-container .quick-contact .wrap{max-width: 115px;}
  header .middle-box .table-container .quick-contact .opening{padding-left:20px; }

}

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

  section .layout-center #detail-wrap .review-block .wrap{display: block;}
  section .layout-center #detail-wrap .review-block .wrap > div{display: block; padding-right: 0px; text-align: center;}
  section .layout-center #main.full-width .goBack{line-height:35px; top:35px; padding:0px 10px;}
  section .layout-center #main.full-width .goBack img{padding-right: 5px;}

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

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

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

  section .layout-center #content .products.smaller .item {width:33.33% !important;}

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

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



  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 .pagination {text-align: center; margin-bottom:70px;}

  section .layout-center .pagination.v2{margin:0px 0px 30px 0px}
  section .layout-center .sort-box{margin: 0px auto 30px auto; display: block;}

  #mobile-filter-button{ display: block;}

  section .layout-center .idea-detail{padding-bottom: 10px;}
  section .layout-center .idea-item {margin: 10px 0px;}
  section .layout-center .idea-item > div{padding: 0px!important; display: block; width: 100%!important; box-sizing: border-box;}
  section .layout-center .idea-item > div:first-child{display: none;}
  section .layout-center .idea-item > div:last-child{padding: 20px!important }
  section .layout-center .idea-item.image-right > div:first-child{display: block;padding: 20px!important}
  section .layout-center .idea-item.image-right > div:last-child{display: none;padding: 0px!important}
  section .layout-center .idea-item .mobile-image{display: block;margin: 10px -20px;}
  section .layout-center .idea-item .mobile-image img{width: 100%;}
  section .layout-center .idea-detail .text-box{padding: 20px;}
  section .layout-center .idea-detail .image-full{padding-bottom: 0px;}

  section .layout-center #checkout .back-btn{position: relative; top: 0px; margin: 0px auto; display: block;max-width: 200px; margin-top: 20px;}
}


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

  header .middle-box .table-container .col.basket-button .button{margin-top: 3px;margin-right: 3px;}
  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 #content .products.variant2:not(.carousel)  { margin:0px -5px!important;}
  section .layout-center #content .products.variant2:not(.carousel) .item {width:100%!important; padding:5px!important;}
  section .layout-center #content .products.variant2:not(.carousel) .item .wrap h3{min-height:0px; margin-top:5px;}
  section .layout-center #content .products.variant2:not(.carousel) .item .wrap > div:first-child{padding-right:20px;}

  body .fancybox-stage .popup-carousel-wrap{margin: 0px 0px   50px 0px!important}
  body .fancybox-stage .popup-carousel-wrap .owl-controls .owl-nav > div.owl-next{right:-15px!important;}
  body .fancybox-stage .popup-carousel-wrap .owl-controls .owl-nav > div.owl-prev{left:-15px!important;}
/*  header .middle-box .table-container .col.search{display:none;}*/

  section .layout-center .show-all.top3{margin-top:10px; }
  section .layout-center .show-all.top3 .button{border-radius:5px; }

  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::before{display:none;}
  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 #E0E0E0;}
  section .layout-center .tabs1 .tab-container .etabs li a{ margin:0px!important; padding:0px!important; border-bottom:0px!important; border-right:0px!important; background: #F6F6F6}
  section .layout-center .tabs1 .tab-container .etabs li:last-child:not(:nth-child(even)){width:100%;border-right:1px solid #E0E0E0;}

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

  #show_total_count {text-align:center !important}
  section .layout-center .show-all .button{display:block;margin-bottom:30px}
  section .layout-center .show-all{margin-bottom:40px;}
  section .layout-center #detail .big-image img{max-height:400px}

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

  header .middle-box .table-container .col.account {display: none}
  header .middle-box .table-container .col.logo {width:150px;}
  header .middle-box .table-container .col.logo a{top: 0}
  header .middle-box .table-container .col.logo img{width:125px;}
  header .middle-box .table-container .quick-contact a.fb{display: none;}
  header .middle-box .table-container .quick-contact a.mail{float: right;}
  header .middle-box .table-container .quick-contact {width: 100%; max-width: none}
  header .middle-box .table-container .quick-contact > span{padding-right: 0}

  header .middle-box .table-container .col.basket-button {padding-left: 8px; padding-bottom:7px;}
  header .middle-box .table-container .col.basket-button .button{background-size:22px auto; padding-left:30px; }
  header .middle-box .table-container .col.basket-button .button strong{font-size: 14px;}
  header .middle-box .table-container .col.basket-button .button strong span{display: none}
  header .middle-box .table-container .col.basket-button .button > span{left: 16px; top: -5px;}
  header .middle-box .table-container .col{height: 55px!important; vertical-align:bottom;}

  header .middle-box .table-container .col.mobile-acc  {display:table-cell; padding-left:12px;}
header .middle-box .table-container .col.mobile-menu  { display:table-cell; padding-left:10px;}


  header .middle-box .table-container .col.search{position:absolute; left:0; top:100%; height:auto!important;width:100%; box-sizing:border-box; padding:0!important; }
  header .middle-box .table-container .col.search #search{ box-sizing:border-box; padding:15px 15px 15px 15px;  margin:0px -15px;background:#ffffff;border-bottom:5px solid #7CA500}
  header .middle-box .table-container .col #search p{margin:-left:0px; margin-right:0px; max-width:100%;}
  header .middle-box .table-container .col.basket-button .button{width:30px; height:22px; padding:0px; margin:0px 0px -3px 0px;}
  header .middle-box .table-container .col.basket-button .button strong{display:none}


/*  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.mobile-search{padding-left:15px; padding-right:2px;}
  header .middle-box .table-container .col.search{display:none;padding:0px;}
  header .middle-box .table-container .col #search > p button.btn{text-indent: -10000px; width:40px; background:#00A0EA url(../images/svg/hledani-mobile.svg) no-repeat center center; background-size: 50% auto;}
*/
  section .layout-center .pagionation-line{margin-top: 10px;}
  section .layout-center .pagination-result{position: relative; text-align: center;}
  section .layout-center .pagination{margin-bottom: 10px; position: relative; top: 0px;}
  section .layout-center .show-all .button{margin-bottom: 5px; display: inline-block;}
  section .layout-center #main #content{padding-bottom: 40px;}

  header.header-checkout .middle-box .table-container .quick-contact .wrap > strong{padding-bottom: 0px;}

    .swiper-container .swiper-slide picture.desktop{display: none;}
  .swiper-container .swiper-slide picture.mobile{display: block;}
  .swiper-container .swiper-slide .img-wrap{margin: 0px;}

}

@media only screen and (max-width: 620px){
  section .layout-center .products.variant2 .item .wrap h3{margin:0px;}
}


@media only screen and (max-width: 600px){
  section .layout-center #content .products.smaller .item {width:50% !important;}
  section .layout-center .article .item, section .layout-center .article.thin .item{ width:50%; }

  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 .pagination.v2{margin-bottom:15px;}

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

  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 .tabs1 .tab-container .etabs li a{font-size:14px !important; padding-left:20px!important;padding-right:20px!important;  margin-right:5px;}
  section .layout-center .tabs1 .tab-container .etabs li a{line-height: 45px;}
  section .layout-center .tabs1 .tab-container .etabs{margin-top:-97px; margin-bottom: 10px;}

  section .layout-center #detail-wrap .tabs1 .tab-container .cont p{line-height: 150%; font-size: 14px;}
  section .layout-center #detail-wrap .tabs1 .tab-container .cont ul li{font-size: 14px;}

  section .layout-center #detail .right-side .detail-box .price-box > div{padding:0px 20px;}
  section .layout-center #detail .right-side .detail-box .info > div{padding:0px 20px;}
  section .layout-center #detail .right-side .detail-box .info{padding:30px 0px}
  section .layout-center #detail .right-side .detail-box .btn-wrap{padding:0px 20px 20px 20px}
  section .layout-center #detail .right-side .detail-box .btn-wrap .spinner-wrap{max-width:100%}
  section .layout-center #detail .right-side .detail-box .buttons{padding: 0px 20px 20px 20px}
  section .layout-center #detail .right-side .detail-box .info > div table tr td{padding: 0px;}

  section .layout-center #detail #detail-description{padding: 20px 20px }
  section .layout-center #detail .right-side .detail-box .price-box > div:first-child{padding-bottom: 20px;}
  section .layout-center #detail .right-side .detail-box .price-box > div:last-child{padding-bottom: 20px;}

  section .layout-center #detail-wrap .review .wrap p{line-height: 150%; font-size: 14px;}
  section .layout-center #detail-wrap .review .wrap ul li{font-size: 14px;}
  section .layout-center .filter-wrap{ line-height:0px;  padding:0px 0px; font-size:0px;border-bottom:0px; border-right:0px;}
  section .layout-center .filter-wrap a{ display:inline-block; width:50%; box-sizing: border-box; line-height:40px; text-align: center; margin:0px 0px 0px 0px; color:#828282;font-size:15px; border-right:1px solid #DFDFDF;border-bottom:1px solid #DFDFDF; background: #F5F5F5; font-family:'Dosis', sans-serif; font-weight:500;}
  section .layout-center .filter-wrap a::before{display:none;}
  section .layout-center .filter-wrap a:hover::before{opacity:0;}
  section .layout-center .filter-wrap a.current{color:#1d1d1d; font-weight:500; background: #fff;}
  section .layout-center .filter-wrap a.current::before{opacity:0;}
  section .layout-center #content-filter .filter-list {margin: 0px -5px;}
  section .layout-center #content-filter .filter-list .item{width: 50%; padding: 5px;}
  section .layout-center #content .products:not(.carousel) .item {width:50%!important; }

  section .layout-center #checkout .product-list  {display: block; margin-top:-20px;}
  section .layout-center #checkout .product-list tbody  {display: block;}
  section .layout-center #checkout .product-list tr {display: block; padding-left: 150px; float: left; padding-bottom: 60px; width: 100%; box-sizing: border-box; margin-top: 20px; position: relative;}
  section .layout-center #checkout .product-list tr td{display: block;padding: 0px; border-top: 1px ;}
  section .layout-center #checkout .product-list tr td.image{width: 130px; float: left; margin-left: -150px; margin-bottom: -60px;}
  section .layout-center #checkout .product-list tr td.name{padding-left: 0px; padding-bottom: 10px;}
  section .layout-center #checkout .product-list tr td.price{position: absolute; right: 0px; bottom: 15px;}
  section .layout-center #checkout .product-list tr td.spin{position: absolute; bottom: 0px; left: 150px;}
  section .layout-center #checkout .checkout-box{float: left; width: 100%; box-sizing: border-box;}
  section .layout-center #checkout .checkout-title{float: left; width: 100%; box-sizing: border-box;}
  section .layout-center .articles .item{width: 100%}
  section .layout-center .products-wrap{margin-left: -15px; margin-right: -15px;}


  body .tooltipster-sidetip .tooltipster-content{font-size: 14px;}
  body .tooltipster-sidetip .tooltipster-content .price{font-size: 12px; }
  body .tooltipster-sidetip .tooltipster-content .price span{font-size: 10px;}

  body .tooltipster-sidetip .tooltipster-box {border: 2px solid #7CA500; margin:5px; padding: 0px;}

  body .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {border-top-color: #ffffff}
  body .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{border-top-color: #7CA500; }

  body .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {border-right-color: #ffffff}
  body .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{border-right-color: #7CA500;}
  body .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {border-left-color: #ffffff}
  body .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{border-left-color: #7CA500;}
  body .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {border-bottom-color: #ffffff}
  body .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color: #7CA500;}


section .layout-center .contact-box {position:relative; display:block; padding-top:20px}
section .layout-center .contact-box > div:first-child{position:relative; display:block; left:auto; top:0}
section .layout-center .contact-box > div:last-child{width:auto}
section .layout-center .contact-box > div{ display:block; }
section .layout-center .contact-box > div .button{ display:block; }

}


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


  .button.v3.buy {font-size:20px !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:-5px -15px 20px -15px; padding:0px 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:0px;}
  section .layout-center #main.full-width{ margin-top:0px;}
  
  section .layout-center #detail .big-image img{max-height:300px}

  h1{ font-size: 22px; padding-bottom:0px; }
  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:0px;margin-bottom:20px; }
  .layout-center h1.detail-h1 {text-align:center !important;padding-top:5px;padding-bottom:0}

  
  .layout-center .title{font-size:170%;}
  h3{font-size:18px; }
  .layout-center p{font-size:13px;}


  section .layout-center #main .checkboxes.triple li{width:100%;}
  section .layout-center .tabs1 .tab-container .etabs li a{line-height: 40px;}

  .layout-center .title.boxed > span{max-width: 230px;font-size:16px}
  
  section.hp-tabs-container{padding-top:15px;}
  section .layout-center .products-wrap{position:relative;}
  section .layout-center .products.owl-carousel.v3 .owl-controls{top:38%!important; }

  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 .benefits{margin-top: 0px;}
  section .benefits .item {width: 33.333333%}


  
  footer .container .col.logo{padding-bottom: 10px!important;}
  footer .container .col.logo img{max-width: 150px!important}
  section .layout-center #content-filter .order .item a{width: auto; padding: 0px 10px; font-size: 12px; line-height: 40px;}

  section .layout-center ul.subcategories{margin-bottom: 15px;}

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


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

  section .layout-center #detail .right-side .detail-box .info {display:block; padding:10px 20px 20px 20px;box-sizing: border-box;;}
  section .layout-center #detail .right-side .detail-box .info > div{display:block; width:100%; padding:0px !important;box-sizing: border-box; border:0px !important ;text-align:center;}
  section .layout-center #detail .right-side .detail-box .info > div:first-child{border-bottom:1px solid #E7EAEF!important; padding-bottom:10px!important}
  section .layout-center #detail .right-side .detail-box .info > div table{width:auto; margin:0px auto; margin-top:15px;}
  section .layout-center #detail .right-side .detail-box .info > div table tr td:first-child{padding-right:20px; text-align:right;}

  section .layout-center #detail .right-side .detail-box .availability span{font-size: 16px;}
  section .layout-center #detail .right-side .detail-box .availability span img{top: 2px;}

  section .layout-center #detail .right-side .detail-box .info > div table{margin-top: 0px;}
  section .layout-center #detail .right-side .detail-box .info > div table tr td{text-align:left; }
  section .layout-center #detail .right-side .detail-box .info > div table tr td:first-child{padding-right: 0px; }

  section .layout-center #detail .right-side .detail-box .buttons .button{width: 100%;}

  section .layout-center #main.full-width .goBack{line-height:35px; top:auto; top:10px; font-size:12px;  line-height:23px;}
  section .layout-center #main.full-width .goBack img{width:6px; }
  section .layout-center .grey-section{padding-top:40px;}
  section .layout-center .text-box h1{padding-left:0px; padding-right:0px;}

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

  .free-present {display:block;margin-bottom:20px}
  .free-present > div{display:block;}
  .free-present > div:first-child{width:100%; box-sizing: border-box;padding:5px 20px; text-align: center;}

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



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

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

  section .bx-wrapper .bx-controls{display:none;}

  section .layout-center #detail .right-side .detail-box .btn-wrap .button span{display:none;}

  section .layout-center .top-table tr td{font-size: 12px;}
  section .layout-center .top-table .availability span{background-size: 15px; padding-left: 20px;}

  section .layout-center #detail-wrap .review-block > div{display: block;}
  section .layout-center #detail-wrap .review-block > div:last-child{margin-top:10px; }
  section .layout-center #detail-wrap .review-block > div .button{width: 100%;}
  section .layout-center #detail-wrap .review-block{margin-bottom: 0px;}

    section.garden-gallery{background: url("../images/footer-mobile.jpg") no-repeat center center; background-size: cover; }


}

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

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

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

  section .layout-center .products-wrap{margin-left:-5px; margin-right:-5px;}
  section .layout-center #detail .right-side .detail-box .btn-wrap .button {font-size:16px; line-height: 50px; height:50px;}
  section .layout-center #detail .right-side .detail-box .btn-wrap .button img {padding-right:2px;}

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

  section .layout-center #detail .right-side  .detail-box .input-group-btn-vertical > .btn{width:25px; background-size:12px auto!important; height:48px;}
  section .layout-center #detail .right-side .detail-box .btn-wrap .spinner .input-group-btn-vertical > .btn{height:48px; width: 30px;}
  section .layout-center #detail .right-side .detail-box .btn-wrap .spinner{width: 110px;}
  section .layout-center #detail .right-side .detail-box .btn-wrap .spinner input{height:48px;}
  section .layout-center #detail .right-side .detail-box .btn-wrap .spinner-wrap{padding-left: 120px;}

  section .layout-center .tabs1 .tab-container .etabs li a{font-size:14px !important}
  section .layout-center .category{margin-left:-5px; margin-right:-5px;}
  section .layout-center .category .item{padding:5px;}
  section .layout-center .category .item a{padding:10px;}

  section .layout-center .products.owl-carousel .owl-controls .owl-nav > div.owl-prev{left:10px;}
  section .layout-center .products.owl-carousel .owl-controls .owl-nav > div.owl-next{right:10px;}
  section .layout-center .products.owl-carousel.v3 .owl-controls .owl-nav > div.owl-prev{left:-5px;}
  section .layout-center .products.owl-carousel.v3 .owl-controls .owl-nav > div.owl-next{right:-5px;}

  header .middle-box .table-container .compare-col,
  header .middle-box .table-container .favorite-col{display:none;}
  header .middle-box .table-container .col.nocontact{display: none;}

  section .benefits .item > div strong{font-size:3vw}
  section .benefits .item > div {font-size:2.6vw}

  section .layout-center .our-story{padding:30px 5px;}

  section .benefits .item{width: 50%;}
  section .benefits .item .desc{font-size: 16px;}

  footer .container .col{text-align: left!important}
  footer .container .col p.space, footer .container .col p.title{text-align: left; font-size: 15px;}
  footer .layout-center .col.contact p.title{font-size: 15px;}
  footer .container .col ul li{text-align: left;}
  footer .container .col p{text-align: left;}


  section .layout-center #checkout .product-list tr { margin-bottom: 40px;}
  section .layout-center #checkout .product-list tr td.price {line-height: 40px; bottom: -45px;}

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


}

@media only screen and (max-width: 420px){
  section .layout-center #detail .right-side .detail-box .btn-wrap .button{font-size:15px;}
}


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

  .submit_spec{font-size:100%;}

  section .layout-center  .tag li span > span{ font-size:9px!important;   }
  section .layout-center .tag li span{height: 20px;}
  section .layout-center .tag li span > span{line-height: 13px;}

  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:13px;line-height:30px}
  section .layout-center #content-filter .filter-list .item{width: 100%;}


  section .layout-center .our-story .story-text h3{font-size:16px;}
  section .layout-center .our-story .story-text{padding-top:15px;}
  section .layout-center .our-story .story-text p{line-height: 150%;}
  section .layout-center .our-story .story-image a::before {top:5%; right:20%;}

  section .layout-center ul.subcategories > li a{font-size: 13px;}

section .layout-center .delivery-info br{display: none;}
}

@media only screen and (max-width: 400px){
  section .layout-center .products .item .wrap .availability{font-size: 12px;background-size: 15px; padding-left: 18px;}
  section .layout-center .products .item .wrap .button{font-size: 12px; padding: 0px;}
  section .layout-center .products .item .wrap .button img{width: 18px;}

  footer .partners img{height: 45px;}

  section .layout-center #detail-wrap .review .top > div{display: block;}
  section .layout-center #detail-wrap .review .top > div .rate{margin-top: 10px;}
}


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


  section .layout-center .top-table .name a{font-size:10px; line-height: 14px; font-weight:500;}
  section .layout-center .products .item .wrap .image-box .timesale-wrap .timesale span.number  {font-size:10px; line-height: 12px;}

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


@media only screen and (max-width: 340px){
  header .middle-box .table-container .col.basket-info .wrap > div.basket{padding-left:6px;}
  header .middle-box .table-container .col.favorite-col{padding-left:9px;}
  section .layout-center .category .item{padding:5px; width:50%;}
  section .layout-center .category .item a{padding:10px;}
  section .layout-center #detail .right-side .detail-box .btn-wrap .button{font-size:14px !important;}
  section .layout-center .article .item, section .layout-center .article.thin .item{width:100%; }
}



/* 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:#ffc800;
  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;}

select option:disabled {
  display:none !important;
  color:silver;
}
label.strike, a.strike {
  text-decoration: line-through;
  color:silver !important;
  cursor:default !important;
}
span.toggle-filter {display:none !important}