@import "fonts.css";

:root{
	--color: #30312c;
}

.increaserBPT{color:#f70713;}
.addClassAnimation{z-index:2;background: url("../images/basket_animate.svg") no-repeat;position:absolute;width: 32px; height: 32px;-webkit-animation-name: example;-webkit-animation-duration: 2s;animation-name: example;animation-duration: 1.5s;animation-iteration-count: 1}


html{height:100%}
body{font-family:"museosanscyrl-300",sans-serif;color:#000;background-color:#fff;min-height:100%}

*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.clearfix:after{clear:both;content:".";display:block;height:0;overflow:hidden;visibility:hidden}
.b-inline > *{display:inline-block;vertical-align:top}
.f-inline > *{float:left;display:block}
ul.unstyled,ol.unstyled{margin:0px;padding:0px;list-style:none}
.align-center{text-align:center}
.align-left{text-align:left}
.align-right{text-align:right}
.align-c{
  align-items: center;
}
.flex{
  display: flex;
}
.side-left{float:left}
.side-right{float:right}
.hidden{display:none}
.ihidden{display:none !important}
.unvisible{visibility:hidden}
.relative{position:relative}
.uppercase{text-transform:uppercase}
.flex{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}

.round-15{-moz-border-radius:15px;-webkit-border-radius:15px;-khtml-border-radius:15px;border-radius:15px}
input[type="text"],input[type="email"],input[type="password"],input[type="submit"],input[type="search"], input[type="button"], select,button,textarea{padding: 0 10px ; height:40px;border:1px solid #9a9a9a;background-color:#fff;width:100%;outline:0;resize:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-webkit-appearance:none;-moz-appearance:none;-ms-progress-appearance:none;appearance:none}
textarea{height:140px; font-family: inherit;}
h1,.h1{color:#000;font-family:"museosanscyrl-500",sans-serif;font-size:17px;line-height:21px;letter-spacing:0.2em;padding:0 0 0.45em 0}
h3,.h3{color:#30312c;font-family:"museosanscyrl-500",sans-serif;font-size:15px;line-height:21px;letter-spacing:0.15em;padding:0 0 0.45em 0;background-color:#d9d9d9}
.popup h3,.h3{
	background-color: transparent;
}
h2,.h2{color:#30312c;font-family:"museosanscyrl-500",sans-serif;font-size:17px;line-height:21px;letter-spacing:0.2em;padding: 0 0 0.45em 0}
input.error,select.error,textarea.error{border:1px solid #FF0000 !important}
label{line-height:170%;color:#787878;font-family:"museosanscyrl-300",sans-serif;font-size:14px}
.txt1{color:#333;font-family:"museosanscyrl-700",sans-serif;font-size:12px;letter-spacing:0.05em}
select{background-color:#fff;background-image:url("../images/select-arrow.png");background-size:16px 8px;background-position:right 12px center;border:1px solid #9a9a9a;padding:0 30px 0 12px;background-repeat:no-repeat}
p.error{font-size:17px;color:#FF0000;margin:0;font-family:"museosanscyrl-700",sans-serif}
p.success{font-size:17px;color:#008800;font-family:"museosanscyrl-700",sans-serif}
.green{color:#008800}
a{color:#333;text-decoration:none;outline:none}
.p-10{padding-top:10px}
.page img{height:auto}
/* ---------------------------- checkbox-radio-style ---------------------------- */

input[type=checkbox] + label.checkbox{padding-left:32px;margin-top:8px !important;display:inline-block;position:relative;letter-spacing:0.05em;color:#333;width:100%}
input[type=checkbox] + label.checkbox:before{content:"";background:url("../images/sprite.svg") no-repeat;position:absolute;width:20px;height:20px;left:0;top:1px;background-position:left -281px}
input[type=checkbox]:checked + label.checkbox:before{background-position:left -305px}

input[type=radio] + label.radio{padding-left:32px;margin-top:8px !important;display:inline-block;position:relative;letter-spacing:0.05em;color:#333;width:100%}
input[type=radio] + label.radio:before{content:"";background:url("../images/sprite.svg") no-repeat;position:absolute;width:22px;height:22px;left:0;top:1px;background-position:left -1782px}
input[type=radio]:checked + label.radio:before{background-position:left -1730px}

label.styled1 input[type='radio'] + i{display:inline-block;width:19px;height:19px;background:url('../images/rb_off.png') center center no-repeat;position:relative;transition:100ms all;margin:0 7px 0 0;vertical-align:bottom}
label.styled1 input[type='radio']:checked + i{background:url('../images/rb_on.png') center center no-repeat}
label.styled1 input[type='radio']{display:none}


.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0px;
	overflow:hidden;
}
.video-container iframe,
	.video-container object,
	.video-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border:0;
}

/* ---------------------------- header ---------------------------- */

header{border-bottom:1px solid #ccc;background-color:#fff;left:0;padding:20px 20px;position:fixed;top:0;width:100%;z-index:1}
#page-mhome header{border-bottom:none}
#content .search-box{display:none}
header ul li{height:26px;line-height:26px}
header ul li a,header ul li label{background:url("../images/sprite.svg") no-repeat;display:block;height:26px;position:relative;cursor:pointer}
header .menu{width:25px}
header .search{margin:0 14px;width:25px}
#page-mhome header .search{visibility:hidden}
#page-mhome #content .search-box{display:block}
header .filial,header .wishlist{margin-right:16px}
header .filial{width:20px}
header .logo{width:98px}
header .account{margin:0 16px;width:23px}
header .wishlist{width:25px}
header .basket{width:25px}
header .search a{background-position:0 -26px}
header .filial a{background-position:0 -55px}
header .logo a{background-position:0 -84px}
header .account a{background-position:0 -111px}
header .wishlist a{background-position:0 -140px}
header .basket a{background-position:0 -167px}
header .account.login a{background-position:0 -196px}
header .basket span,header .wishlist span{color:#fff;font-family:"museosanscyrl-700",sans-serif;font-size:10px;letter-spacing:0.02em;background-color:#c1c1c1;bottom:-5px;display:block;height:18px;left:10px;position:absolute;text-indent:0;text-align:center;width:18px;line-height:18px}
.home-most-top-banner-box{padding:10px 12px}
.home-most-top-banner-box img{width: 100%}
.home-most-top-banner-box:empty{display:none;}
.timer-banner-text{text-align:center;font-size:20px}
.marquee-slider {
  user-select: none;
}
.marquee-slider a {
	display:block;
  font-size: 12px;
  margin: 0px 15px;
  line-height:32px;
  text-decoration:none;
}

.marquee-slider a:hover {
  color: black;
}
/* ---------------------------- content ---------------------------- */

#content{position:relative;margin-top:66px;color:#333;z-index:0}
body:not(#page-mhome) #content .page{padding:20px;border-bottom:1px solid #d9d9d9}
body:not(#page-mhome) #content .page ul{margin:inherit;padding:inherit}
#content .page img{max-width:100%}

/* ---------------------------- search ---------------------------- */

.search-box{margin:10px 12px;position:relative}
.search-box :before{content:"";display:block;width:25px;height:26px;background:url("../images/sprite.svg") 0 -26px no-repeat;top:7px;left:7px;position:absolute}
.search-box input[type="search"]{padding:0 130px 0 37px}
.search-box input[type="submit"]{border:0;position:absolute;right:0;top:0;background-color:#000;width:116px;color:#fff;font-family:"museosanscyrl-700",sans-serif;font-size:14px}

/* ---------------------------- popup ---------------------------- */

#popup-background{opacity:0.5;visibility:visible;background-color:#000;border-top:solid 1px #ccc;position:fixed;top:64px;right:0px;bottom:0px;left:0px;z-index:2;display:none}
#popup-wrapper{display:none;visibility:visible;position:fixed;cursor:pointer;overflow:auto;background-color:#fff;z-index:3;width:100%;height:100%;top:65px;left:0px;padding-top:45px;padding-bottom:70px}
#popup-background,#popup-wrapper.show{transition:all 0.3s 0.3s}
#popup-wrapper.show.searchPopup{height:auto}
#popup-wrapper.show.searchPopup{padding-top:0;padding-bottom:0}
#popup-wrapper .popup-overlay{padding:0 20px 20px}
#popup-wrapper.show.searchPopup .popup-overlay,#popup-wrapper .popup-overlay{padding:0}
#popup-wrapper.filter{top:0}
#popup-wrapper .loading{position:absolute;left:50%;top:50%;z-index:3;display:none}
#popup-wrapper a.popup-overlay-close{background-color:#fff;width:100%;height:35px;z-index:4;position:fixed;top:65px}
#popup-wrapper.filter a.popup-overlay-close{top:0}
#popup-wrapper:not(.filter) a.popup-overlay-close{display:none}
#popup-wrapper.filter a.popup-overlay-close:before{content:"";background-image: url("../images/sprite.svg");background-position:0 -1189px;position:absolute;right:5px;top:0;height:35px;width:20px}
#popup-wrapper.show.alertPopup{height:auto;padding-top:0;padding-bottom:0;border-radius:5px;top:50%;width:90%;left:5%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
#popup-wrapper.show.alertPopup .popup-overlay{padding:0}
#popup-background.alertPopup{top:0}

/* ---------------------------- navigation ---------------------------- */

#navigation{position:fixed;top:0;right:0;left:0px;opacity:0}
#navigation {bottom:0px;left:-320px;width:100%;z-index:-1}
#slidemenu:checked + #navigation{transform:translate(0px);transition-duration:0.5s;overflow-y:auto;width:100%;left:0;z-index:2;opacity:1}
#navigation label.close{width:55px;background-color:transparent;background-image:url("../images/close.png");background-position:center 11px;background-size:25px;text-indent:-5000px;cursor:pointer;padding:14px;background-repeat:no-repeat}
#slidemenu:checked + #navigation label.close{background-color:#000;opacity:0.5;}
#navigation .nav-content{width:calc(100% - 55px);background-color:#d9d9d9;padding-bottom:10px}
#slidemenu:checked + #navigation .nav-content{min-height:100%}
#navigation .nav-content .h1{background-color:#fff;border-bottom:1px solid #ccc;border-top:1px solid #ccc;border-left:1px solid #ccc;height:50px;line-height:50px;text-transform:uppercase;display:block}
#navigation .lvl1 li{cursor:pointer}
#navigation .lvl1 ul{display:none}
#navigation .lvl1 li a:not(.logout){font-size:15px;letter-spacing:0.15em;text-transform:uppercase;color:#30312c;font-family:"museosanscyrl-500",sans-serif;border-bottom:1px solid #ccc;display:block;min-height:50px;line-height:50px !important;padding:0 0 0 20px;position:relative}
#navigation .lvl1 .lvl2 li a{display:flex;line-height:20px !important}
#navigation .lvl1 li:not(.newsale) a:before{content:"";background:url("../images/sprite.svg") 0 -224px no-repeat;width:20px;height:25px;position:absolute;right:10px;top:14px}
#navigation .lvl1 li a.selected:before{background-position:0 -251px}
#navigation .lvl1 li a.last:before,#navigation .lvl1 li.account a.login:not(.logined):before,#navigation .lvl1 .account a.logout:after,#navigation .lvl1 .account .lvl2 a:after{background:none;display:none}
#navigation .lvl1 li a.selected + ul{background-color:#ededed;display:block !important}
#navigation .lvl1 li a.selected + ul.lvl3,#navigation .lvl1 li a.selected + ul.lvl4{background-color:#fff}
#navigation .lvl1 li ul.lvl3 li.subnavitem a{padding-left:40px}
#navigation .lvl1 li ul.lvl4 li.subnavitem a{padding-left:60px}
#navigation > .flex{display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;min-height:100%}
#navigation .lang-box{width:100%;background-color:#fff;padding-left:10px}
#navigation .lang-box li{margin-right:20px}
#navigation .lang-box li:last-child{margin-right:0}
#navigation .lang-box li a{padding:5px 10px;height:50px;line-height:50px;font-family:"museosanscyrl-500",sans-serif;font-size:15px;letter-spacing:0.15em;text-transform:uppercase;color:#30312c}
#navigation .lang-box li a.current{color:#fff;background-color:#000}
#navigation .lvl1 .account a.login:after{content:"";background-image:url("../images/sprite.svg");background-position: 0px -111px;width:23px;height:26px;position:absolute;left:20px;top:12px}
#navigation .lvl1 .account a.login.logined:after{background-position: 0px -196px}
#navigation .lvl1 .account > :first-child{border-bottom:0;padding:0 0 0 55px}
#navigation .lvl1 .account a.logout{width:118px;margin-left:20px;margin-bottom:10px;display:block;height:40px;line-height:40px;background-color:#000;color:#fff;letter-spacing:0.05em;font-family:"museosanscyrl-500",sans-serif;font-size:14px}
#navigation .lvl1 .account a.logout:before{display:none;background:none;}
#navigation .lvl1 .account .lvl2{background-color:#ededed}
/* ---------------------------- autorization ---------------------------- */ 

#content .account-box{padding:45px 20px 20px}
#content .account-box input[type=email],#content .account-box input[type=password],#content .account-box input[type=text]:not(.phone-mask),#content .account-box select{padding:0px 6px}
#content .account-box h1{margin-bottom:20px;text-transform:uppercase;padding:0}
#content .account-box label{text-transform:uppercase;margin-top:20px;display:inline-block}
#content .account-box .user-box label,#content .account-box .name-box label,#formforgot .email-box label{margin-top:0}
#content .account-box .forgot-password{margin:20px 0;display:inline-block}
#content .account-box input[type=submit]{color:#fff;font-family:"museosanscyrl-500",sans-serif;font-size:14px;background-color:#000;letter-spacing:0.05em;height:40px;line-height:40px}
#content .account-box .regBtn{margin-top:20px;border:1px solid #000;letter-spacing:0.05em;height:40px;line-height:40px;font-family:"museosanscyrl-500",sans-serif;font-size:14px;background-color:#fff;color:#000;display:block;text-align:center}
#content .account-box .subscribe-box{margin:7px 0 15px}
.account-box .social-box{margin-top:20px}
.account-box .social-box p{color:#333;font-family:"museosanscyrl-700",sans-serif;font-size:12px;letter-spacing:0.05em;margin-bottom:10px;text-align:left}
.account-box .social-box a{background:url("../images/sprite.svg") no-repeat;height:30px;margin-right:25px;width:30px;display:inline-block}
.account-box .social-box a.fb{background-position:0 -579px}
#formforgot .submit-box,#formcodeforgot .submit-box{margin-top:20px}
#formreg label.styled1{line-height:19px;margin-top:10px;display:inline-block;margin-right:10px;margin-bottom:10px}
#formreg label.styled1 i{margin:0}

/* ---------------------------- brands-slider ---------------------------- */ 

#brand-slider{margin-bottom:15px}
#brand-slider h3{color:#fff;background-color:#787878;height:22px;line-height:22px}
#brand-slider .brands-box{overflow-x:scroll;overflow-y:hidden;white-space:nowrap}
#brand-slider .brands-box img{margin:0 24px;width:100px}

/* ---------------------------- catalog-home ---------------------------- */

.catalog-home{margin-bottom:15px}
.catalog-home a{font-size:15px;letter-spacing:0.15em;text-transform:uppercase;color:#30312c;font-family:"museosanscyrl-500",sans-serif}
.catalog-home a{border-bottom:1px solid #ccc;display:block;height:50px;line-height:50px !important;padding:0 0 0 20px;position:relative;overflow:hidden}
.catalog-home ul.tabs li{background-color:#787878;width:33.3%;cursor:pointer}
.catalog-home ul.tabs li.active{background-color:#d9d9d9}
.catalog-home ul.tabs li.active a{border-right:1px solid #d9d9d9 !important}
.catalog-home ul.tabs li a{color:#fff;padding:0 0 0 0px !important;text-align:center;border-right:1px solid #fff}
.catalog-home ul.tabs li:last-child a{border-right:1px solid #787878}
.catalog-home ul.tabs li.active a{color:#30312c}
.catalog-home ul.tabs li a:before{background-image:url("../images/sprite.svg");display:none;height:50px;content:''}

.catalog-home ul.tabs li:first-child a:before{background-position:0 -360px;width:30px}}
.catalog-home ul.tabs li.active:first-child a:before{background-position:0 -912px}

.catalog-home ul.tabs li:nth-child(2) a:before{background-position:0 -985px;width:48px}
.catalog-home ul.tabs li.active:nth-child(2) a:before{background-position:0 -415px}

.catalog-home ul.tabs li:last-child a:before{background-position:0 -469px;width:38px}
.catalog-home ul.tabs li a.sale{color:#e40505}
.catalog-home .lvl2 ul{display:none}
.catalog-home .lvl2{background-color:#d9d9d9;display:block !important}
.catalog-home .lvl2 li a.selected + ul.lvl3,#navigation .lvl2 li a.selected + ul.lvl4{background-color:#fff}
.catalog-home .lvl2 li ul.lvl3 li.subnavitem a{padding-left:40px}
.catalog-home .lvl2 li ul.lvl4 li.subnavitem a{padding-left:60px}
.catalog-home .lvl2 li a::before{content:"";background:url("../images/sprite.svg") 0 -224px no-repeat;width:20px;height:25px;position:absolute;right:10px;top:14px}
.catalog-home .lvl2 li a.selected::before{background-position:0 -251px}
.catalog-home .lvl2 li a.last::before{background:none;display:none}
#page-catalog .text-mobile{padding:8px 10px 8px 20px !important;}

/* ---------------------------- news-sales-home ---------------------------- */

.newarrivals-home-box,.sales-home-box{margin-bottom:15px;padding:0 10px}
.newarrivals-home-box h2,.sales-home-box h2{border-bottom:1px solid #ccc;color:#333;font-size:15px;padding-bottom:13px;letter-spacing:1px}
.newarrivals-home-box .title,.newarrivals-home-box .price,.sales-home-box .title,.sales-home-box .price{font-family:"museosanscyrl-500",sans-serif;font-size:12px;line-height:14px;letter-spacing:0.05em;color:#333;display:block}
.newarrivals-home-box .price,.sales-home-box .price{margin-top:5px}

/* ---------------------------- newsletter-social-hotline-banner ---------------------------- */

.newsletter-box form{padding:10px}
.newsletter-box .submit-box{overflow:inherit}
.newsletter-box form input[type=email]{width:63%;float:left;margin-right:10px;height:40px;background:url("../images/sprite.svg") 0 -529px no-repeat;padding:0px 6px 0 35px;line-height:40px}
.newsletter-box form input[type=submit]{color:#fff;font-family:"museosanscyrl-500",sans-serif;font-size:13px;background-color:#000;height:40px;line-height:40px;text-transform:uppercase;width:33%;border:0}
.socialBox{padding:15px 30px;border-top:solid 1px #ccc;white-space:nowrap}
.socialBox a{background:url("../images/sprite.svg") no-repeat;height:30px;margin-right:25px;width:30px;display:inline-block}
.socialBox a.fb{background-position:0 -579px}
.socialBox a.inst{background-position:0 -632px}
.socialBox a.gl{background-position:0 -1541px}
body:not(#page-mhome) footer .socialBox{display:none}
.hotline{padding:10px 10px 10px 20px}
.banner-box{margin-bottom:10px}
.banner-box img{width:100%;vertical-align:middle}

/* ---------------------------- benefits ---------------------------- */

.benefits_ {
  text-transform: uppercase;
}

.benefits_ .benefit-item {
  background-color: #d9d9d9;
  border-bottom: solid 1px #ccc;
  min-height: 55px;
}

.benefits_ .benefit-item a{
  cursor: pointer;
  font-size: 15px;
  letter-spacing: 0.15em;
  color: #30312c;
  font-family: "museosanscyrl-500", sans-serif;
  border-bottom: 0;
  padding: 0 13px;
  line-height: 20px;
  min-height: 55px;
  width: 100%;
  word-break: break-word;
  display: flex;
  align-items: center;
}

.benefit-icon{
  background: url("../images/sprite.svg") no-repeat;
  width: 40px;
  height: 55px;
  margin-right: 10px;
}

.benefit-icon.salons-benefit {
  background: url("../images/icon-salons.svg") no-repeat;
  background-position: 0 8px;
}

.benefit-icon.service-benefit {
  background-position: 0 -1807px;
}

.benefit-icon.delivery-benefit {
  background-position: 0 -670px;
}

.benefit-icon.payment-benefit {
  background-position: 0 -722px;
}

.benefit-icon.warranty-benefit {
  background-position: 0 -772px;
}

.benefit-icon.toggle{
  width: 21px;
  height: 25px;
  background-position: 0 -224px;
  margin-left: auto;
}

.benefit-icon.toggle.selected{
  background-position: 0px -251px
}

.benefit-item .benefit-content {
  display: none;
  padding: 10px 20px;
  background-color: #ededed
}

/* ---------------------------- footer-nav ---------------------------- */

.footer-nav{background-color:#f3f3f3;padding:10px 40px !important}
.footer-nav > li{width:49%;min-height:21px}
.footer-nav > li a{color:#333;font-family:"museosanscyrl-900",sans-serif;font-size:12px;letter-spacing:0.55px;line-height:12px}
#back-top{display:none;padding:10px;position:fixed;bottom:20px;right:20px;z-index:6;background:url("../images/sprite.svg") 0 -840px no-repeat;width:45px;height:45px}

/* ---------------------------- breadcrumb-views ---------------------------- */

.breadcrumb{padding:8px 10px 8px 20px !important;margin-bottom:9px;border-bottom:1px solid #ccc;font-size:0.8em;line-height:110%}
.breadcrumb.product{border-bottom:none}
.breadcrumb a strong{font-size:14px;letter-spacing:1.4px;font-family:"museosanscyrl-900",sans-serif}
.breadcrumb > span{font-family:"museosanscyrl-500",sans-serif;font-size:14px;letter-spacing:0.05em;line-height:35px}
.breadcrumb a{display:inline-block;vertical-align:middle;line-height:35px}
.breadcrumb a{background:url('../images/sprite.svg') no-repeat;height:35px;background-position:0 -325px;margin-right:10px}
.breadcrumb.catalog a{width:15px}
.breadcrumb a strong{display:none}
.breadcrumb.product a strong{display:inline-block;padding-left:26px}
.breadcrumb a.last strong{display:inherit}
.breadcrumb a.last{width:auto;margin-right:0;background:none}
.switch-view a{background:url('../images/sprite.svg') no-repeat;width:44px;height:44px;display:inline-block;margin:10px 5px;cursor:pointer;border:1px solid #fff;padding:5px}
.switch-view a.selected{border:1px solid #b3b3b3}
.switch-view a.one-column{background-position:4px -1056px}
.switch-view a.two-column{background-position:4px -1122px}

/* ---------------------------- filteroptions ---------------------------- */

.filteroptions{padding:0 20px}
.filteroptions li{width:49%}
.filteroptions li span.header{color:#333;font-family:"museosanscyrl-500",sans-serif;font-size:12px;letter-spacing:1.2px}
#sort-by{background-size:10px auto;background-position:right 6px center;padding:0 20px 0 8px;line-height:40px;letter-spacing:1px;font-family:"museosanscyrl-500",sans-serif;font-size:12px;margin-top:7px}
.filteroptions .filterBtn{padding:0 20px 0 8px;line-height:40px;letter-spacing:1px;font-family:"museosanscyrl-500",sans-serif;font-size:12px;margin-top:7px;border:1px solid #9a9a9a;height:40px;display:block}
#content .filterbox{display:none}
.filterbox h1{margin-bottom:20px !important}
.filterbox .select-wrapper:before{content:"";background:url("../images/sprite.svg") 0 -329px no-repeat;width:20px;height:25px;position:absolute;right:10px;top:14px;-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.filterbox .select-wrapper.selected:before{top:10px;-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-webkit-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}
.filterbox .select-wrapper select,.filterbox .select-wrapper .selected-filter-box a,.filterbox .select-wrapper.prices-box label,.filterbox .select-wrapper.discount-box label{font-family:"museosanscyrl-500",sans-serif;font-size:15px;color:#30312c;letter-spacing:0.15em;background-color:#d9d9d9;background-image:none;border-bottom:0.5px solid #ccc;border-left:0;border-right:0;border-top:0;height:50px;line-height:50px;padding-left:31px;cursor:pointer}
.filterbox .select-wrapper .selected-filter-box a{display:block;position:relative;background-image:none;background-color:#ededed;padding-left:59px}
.filterbox .select-wrapper.prices-box label,.filterbox .select-wrapper.discount-box label{display:block;padding-right:30px}
.filterbox .select-wrapper .selected-filter-box a:before{content:"";background-image: url("../images/sprite.svg");background-position:0 -1189px;position:absolute;left:30px;top:8px;height:35px;width:20px}
.filterbox .filter-btn-box{background-color:#fff;display:flex;padding:16px;position:fixed;bottom:0;width:100%}
.filterbox .filter-btn-box a{font-family:"museosanscyrl-500",sans-serif;font-size:14px;letter-spacing:0.05em;height:40px;line-height:40px;width:50%}
.filterbox .filter-btn-box .filter-reset-btn{color:#30312c;background-color:#fff;border:1px solid #ededed;margin-right:4.5px}
.filterbox .filter-btn-box .filter-use-btn{margin-left:4.5px;color:#fff;background-color:#30312c}
.filterbox .select-wrapper.prices-box .selected-filter-box,.filterbox .select-wrapper.discount-box .selected-filter-box{display:none;background-color:#ededed;padding:10px}
.filterbox .prices-box .selected-filter-box li,.filterbox .discount-box .selected-filter-box li{width:49%}
.filterbox .prices-box .selected-filter-box input,.filterbox .discount-box .selected-filter-box input{padding:0px 6px;width:100%}

/* ---------------------------- catalog ---------------------------- */

.product-container{padding:0 20px;margin-top:7px}
.product-container .product-element{padding:5px;position:relative;text-align:center;line-height:125%;width:50%;float:left;min-height:214px}
.product-container .product-element .title{line-height:1rem;font-size:.75rem;/*margin-top:4px;font-size:0.9em*/}
.product-container .product-element .price-box{font-size:.75rem;line-height:1rem}
.product-container .product-element .oldprice{display:inline-block;color:#667;}
.product-container .product-element .oldprice.is{text-decoration:line-through;margin-left:3px;}
/* .product-container .product-element .newprice{color:#b01711} */
.product-container hr{padding-top:15px;margin-bottom:20px;clear:both;border:1px solid #ededed;border-image:url("../images/border-img.png") 0 0 50 0}
.product-container .product-element.one{float:none;padding:25px 0;width:100%}
.product-container .product-element > a{display:inline-block}
.product-container .sticker,#slider-product .sticker{position:absolute;display:inline-block;width:auto;height:18px;text-transform:uppercase;color:#fff;line-height:1rem;overflow:hidden;padding: 0 5px;font-size:.75rem}
.product-container .sticker.gsticker{left:10%;right:auto}
.product-container .sticker{right:10%}

#slider-product .sticker.gsticker{left:-60px;right:auto}
#slider-product .sticker{left : 0; background-color: #ffffffa8;}

/* ---------------------------- navigation ---------------------------- */

.navigation{overflow:hidden;padding:24px 12px 17px 12px;margin-bottom:8px}
.navigation > div{width:32%;font-size:1.2em;display:none}
.navigation > div a{background:#000;color:#fff;padding:7px 25px}
.navigation > div span{text-decoration:underline}
.navigation > div:first-child,.navigation > div:last-child,.navigation > div:nth-child(2){display:inline-block}

/* ---------------------------- product-detail ---------------------------- */
#slider-product .sticker{height:31px;line-height:31px;font-size:10px}
.product-detail{padding-top:8px}
.product-detail h3{background-color:transparent;font-weight:400;padding-left:20px !important;padding-right:20px !important}
.product-detail .wishlist a{background-image:url("../images/sprite.svg");background-position:0 -1383px;width:40px;height:40px;display:inline-block;position:absolute;right:10px;top:-5px;z-index:5}
.product-detail .wishlist a.added{background-position:0 -1459px}
#slider-product a{display:inline-block}
#slider-product.sale  a:before{content:"";background:url("../images/sprite.svg") 0 -1244px no-repeat;width:40px;height:40px;position:absolute;left:-20px;top:5px}
#slider-product.arrival a:before{content:"";background:url("../images/sprite.svg") 0 -1311px no-repeat;width:40px;height:40px;position:absolute;left:-20px;top:5px}
.product-detail .productinfo{margin-top:38px;padding-left:20px !important;padding-right:20px !important;border-bottom:1px dotted #ccc}
.product-detail .productinfo .add-info{padding:8px 0;font-size:0.9em}
.product-detail .productinfo .add-info .time{line-height:15px;margin-bottom:8px;font-size:12px;letter-spacing:0.5px}
.product-detail .productinfo .add-info .express{margin-bottom:9px;color:#9a9a9a;font-family:"museosanscyrl-500",sans-serif;font-size:11px;letter-spacing:0.8px;line-height:12px}
.product-detail .productinfo .add-info .express a{background-repeat:no-repeat;background-color:transparent;background-image:url("../images/info.svg");background-position:left center;background-size:12px auto;padding-left:17px;color:#9a9a9a}
.product-detail .productinfo .product-price{margin-top:6px;text-align:right}
.product-detail .productinfo .product-price.sale{margin-top:-10px}
.product-detail .productinfo .product-price .old_price{font-size:12px;line-height:20px;text-decoration:line-through;display:block;color:#30312c;letter-spacing:1.83px}
.product-detail .productinfo .product-price .price,.product-detail .productinfo .product-price .newprice{color:#30312c;font-size:22px;letter-spacing:1.83px;line-height:21px}
.product-detail .productinfo .product-price .newprice{color:#b01711}
.product-detail .productinfo .product-price .tax{line-height:13px;margin-top:5px;color:#9a9a9a;font-family:"museosanscyrl-500",sans-serif;font-size:11px;letter-spacing:0.8px}
.product-detail .productinfo .product-price .tax a{color:#9a9a9a}
.product-detail .productinfo .product-price .tax .taxInfo{padding:0 !important;display:block}
.product-detail .productinfo .add-to-cart{margin:12px 0 4px}
.product-detail .addtobasket,.account-backbox .bpay{margin-top:10px;border:0;background-color:#ff4c26;color:#fff;font-size:14px;height:40px;line-height:40px;font-family:"museosanscyrl-500",sans-serif;width:100%;outline:0;display:block}
.product-detail .socialBox{border:none}
.product-detail .descr-box{height:105px;overflow:hidden;position:relative;margin-top:0}
.product-detail .descr-box > a,.props-box > a{margin-bottom:10px;padding:10px 0 10px 20px;background-color:#d9d9d9;position:relative;letter-spacing:2.7px;display:block;font-family:"museosanscyrl-500",sans-serif;font-size:14px}
.props-box > a{margin-bottom:0}
.product-detail .descr-box > a:before,.props-box > a:before{width:21px;height:25px;top:8px;right:10px;content:"";background:url("../images/sprite.svg") 0 -224px no-repeat;display:block;position:absolute}
.product-detail .descr-box.open > a:before,.props-box.open > a:before{background-position:0 -251px}
.product-detail .descr-box .detail{padding-left:20px !important;padding-right:20px !important}
.product-detail .descr-box .collapse-fade{height:60px;position:absolute;bottom:0;left:0;right:0;background-image:url("../images/collapse-fade.svg");background-size:100%;background-image:linear-gradient(to bottom, rgba(255,255,255,0) 0%, #fff 50%);z-index: 2}
.product-detail .toggleDesc{display:block;padding:8px 16px 16px 28px;font-weight:900}
.product-detail .descr-box.open{height:auto}
.product-detail .props-box ul{display:none;padding-left:20px !important;padding-right:20px !important}
.product-detail .props-box ul li{font-size:13px;color:#30312c;letter-spacing:0.2px;line-height:18px;margin:10px 0;padding:0px}
.product-detail .props-box ul li strong{font-family:"museosanscyrl-500",sans-serif;line-height:30px;display:block;text-transform:uppercase;font-weight:700}
.similar-products{padding-top:24px}
.similar-products h2{color:#333;font-size:15px;padding-bottom:13px;letter-spacing:1px;border-bottom: 1px solid #ccc;}
.similar-products .title,.similar-products .price{font-family:"museosanscyrl-500",sans-serif;font-size:12px;line-height:14px;letter-spacing:0.05em;color:#333;display:block}
.similar-products .price{margin-top:5px}
.pswp{z-index:5}
.product-detail .product-size-box{border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:10px 0;margin:10px 0}
.product-detail .product-select-size-box > li{text-transform:uppercase;font:13px/13px 'OpenSans-Regular',Arial,Helvetica,sans-serif}
.product-detail .product-select-size-box .size-arrow{width:20px;height:13px}
.product-detail .product-select-size-box .size-arrow:before{content:'';width:10px;height:20px;bottom:-4px;position:absolute;background-image:url('../images/slider-arrow.svg');background-size:cover;display:block;-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-webkit-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}
.product-detail .product-select-size-box.down .size-arrow:before{-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);bottom:-3px}
.product-detail .product-sizes,.product-detail .product-weights{margin:20px 0 10px 0 !important}
.product-detail .product-sizes > li,.product-detail .product-weights > li{border:1px solid #f0f0f0;border-radius:10px/5px;-webkit-border-radius:10px/5px;-moz-border-radius:10px/5px;font:13px/26px 'OpenSans-Regular',Arial,Helvetica,sans-serif;font-weight:bold;height:26px;margin:0 10px 10px 0;text-align:center}
.product-detail .product-sizes > li a,.product-detail .product-weights > li a{text-decoration:none;padding:0 12px;display:block;height:26px}
.product-detail .product-sizes > li.outofstock a,.product-detail .product-weights > li.outofstock a{color:#d2d2d2;text-decoration:line-through}
.product-detail .product-sizes > li.active,.product-detail .product-weights > li.active{border:1px solid #b01711}
.product-detail .product-sizes > li.active a,.product-detail .product-weights > li.active a{color:#b01711}
.product-detail .personal-discount{color:#b01711;font-size:11px}
.product-detail .filial{font-size:14px;margin-top:10px;text-transform:uppercase;text-decoration:none;width:100%;height:40px;background-color:#fff;border:1px solid #30312c;line-height:40px;outline:0}
.product-detail .filial:not(.hidden){
	display: block;
}
.product-detail .filial.block{background-color:#ededed}
.popupavailability-box .popup-shops-lists{padding:0 5px !important}
.popupavailability-box .popup-shops-lists ul > li:first-child{padding:0 10px;flex:1 1 auto}
.popupavailability-box .popup-shops-lists ul > li:last-child{flex:0 0 88px}
.popupavailability-box h2{padding-bottom:20px}
.product-outofstock {color:#a00606;font-size:22px;letter-spacing:1.83px;line-height:21px}


/* ---------------------------- salons-brands ---------------------------- */

.salons-box{padding:20px 20px 0 !important}
.salons-box ul{border-bottom:1px solid #d9d9d9;margin-bottom:10px;padding-bottom:10px;margin-top:25px}
.salons-box ul li{margin:5px 0}
.salons-box ul strong{display:block}
.brands-lists-box li{width:153px;height:92px;padding:4px;border:1px solid #d9d9d9;margin:6px 13px;vertical-align:top}
.brands-lists-box li img{height:100%}
#content .brands-lists-box{padding:20px 0;border-bottom:1px solid #d9d9d9}
.brands-box h1{padding-top:20px;padding-bottom:0}

/* ---------------------------- user ---------------------------- */

.accountmenu{margin-top:30px}
.accountmenu li{color:#30312c;font-family:"museosanscyrl-500",sans-serif;font-size:14px;letter-spacing:0.15em;border-bottom:1px solid #ccc}
.accountmenu li:first-child{border-top:1px solid #ccc}
.accountmenu li.selected{background-color:#ededed}
.accountmenu li a{position:relative;padding:0 20px;display:block;line-height:43px}
.accountmenu li a:before{content:"";background:url("../images/sprite.svg") 0 -329px no-repeat;width:20px;height:25px;position:absolute;right:20px;top:10px;-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.accountmenu li.selected a:before{background-image:none;top:0;position:relative;height:0;width:0}
.user-content-box{padding-top:30px}
.user-content-box .detail-box{padding:35px 20px 0 20px}
.user-content-box .detail-box h3,.user-content-box .order-details h3{margin:0 0 13px;background-color:transparent;height:auto;line-height:inherit;padding-bottom:10px;padding-left:0px;padding-right:0px;border-bottom:1px solid #ccc}
.user-content-box .detail-box .change{background:url("../images/sprite.svg") 0 -1609px no-repeat;width:21px;height:22px}
.user-content-box .detail-box .deleteAddress{background:url("../images/sprite.svg") 0 -1674px no-repeat;width:21px;height:22px;margin-right:24px}
.user-profile-box li{padding-bottom:14px;letter-spacing:0.05em;line-height:normal;font-size:14px}
.user-profile-box li > span{display:block}
.user-profile-box li > span:last-child{font-family:"museosanscyrl-500",sans-serif}
.user-content-box .autoform input,.user-content-box .autoform select{padding:0px 6px}
.user-content-box .autoform textarea{padding:6px}
.user-content-box .autoform input[type=file]{border:none;padding:0;margin-top:20px}
.user-content-box .autoform label{text-transform:uppercase;display:inline-block;margin-top:24px}
.user-content-box .autoform .name-box label{margin-top:0}
.user-content-box .autoform .submit-box{margin-top:20px}
.user-content-box .autoform input[type=submit],.user-content-box .btn-add-address{color:#fff;font-family:"museosanscyrl-500",sans-serif;font-size:14px;background-color:#000;letter-spacing:0.05em;height:40px;line-height:40px;padding:0;cursor:pointer}
.account-backbox{padding:0 20px;margin-top:24px;border-top:dashed 1px #ccc}
.account-backbox a{margin-top:20px;border:1px solid #000;letter-spacing:0.05em;height:40px;line-height:40px;font-family:"museosanscyrl-500",sans-serif;font-size:14px;background-color:#fff;color:#000;display:block}
.user-content-box .header{background-color:#d9d9d9;height:40px;line-height:40px;padding:0 20px;margin:35px 0 0;color:#30312c;font-family:"museosanscyrl-500",sans-serif;font-size:15px;letter-spacing:0.15em;display:block;font-weight:700}
.user-content-box .detail-box.address{padding-top:0}
.user-content-box .detail-box.address h3{margin-top:20px}
.default-address{margin-top:10px}
.default-address-box{padding:0 0 10px 32px;letter-spacing:0.05em;line-height:normal;font-size:14px;display:block}
.default-address-box:before{content:"";background:url("../images/sprite.svg") 0 -1782px no-repeat;height:22px;width:22px;position:absolute;left:0;top:-1px}
.default-address-box.enabled:before{background-position:0 -1730px}
.user-content-box .btn-add-address{display:block;margin-top:20px}
.user-content-box .orders ul{display:block}
.user-content-box .orders ul li{border-bottom:1px solid #ccc;margin-bottom:16px;position:relative}
.user-content-box .orders ul li:last-child{border:none}
.user-content-box .orders ul li a > span{display:block;padding-bottom:12px;letter-spacing:0.05em;color:#333;font-size:14px;font-family:"museosanscyrl-500",sans-serif}
.user-content-box .orders ul li a > span span:first-child{display:inline-block;width:123px}
.user-content-box .orders ul li a:before{content:"";background:url("../images/sprite.svg") 0 -329px no-repeat;width:20px;height:25px;position:absolute;right:0px;top:48px;-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);display:block}
.user-content-box .order-details{margin-top:20px}
.user-content-box .order-details h3{margin:0 20px}
.order-details .order-item{position:relative;border-bottom:solid 1px #ccc;padding:16px 20px}
.order-details .order-item img{width:135px;padding-right:15px}
.order-details .order-item{letter-spacing:0.05em}
.order-details .order-item .title{font-family:"museosanscyrl-500",sans-serif;font-size:14px}
.order-details .order-item .article{font-size:12px;line-height:14px}
.order-details .order-item .price{font-size:14px;position:absolute;bottom:16px;right:20px;line-height:normal}
.order-details .order-summary{background-color:#ededed;padding:16px 20px}
.order-details .order-summary > span{display:block;padding-bottom:12px;letter-spacing:0.05em;font-size:14px;line-height:normal}
.user-content-box .detail-box .first label{margin-top:0}
form .intl-tel-input{display:block}

/* ---------------------------- alert ---------------------------- */

.alertPopup .message{font-size:14px;padding:20px;border-bottom:solid 1px #ccc}
.alertPopup .message strong{margin-bottom:5px;font-size:700;display:block}
.alertPopup .message p{word-wrap:break-word;line-height:18px;color:#30312c;font-size:13px;letter-spacing:0.28px}
.alertPopup a{padding:15px;font-weight:700;display:block;width:50%;float:left}
.alertPopup a:first-child{border-right:solid 1px #ccc}

/* ---------------------------- wishlist ---------------------------- */

.wishlist-box{padding-top:30px}
.wishlist-box .text,.basket-box .text{padding:30px 20px 0;word-wrap:break-word;line-height:18px;color:#30312c;font-size:13px;letter-spacing:0.28px}
.wishlist-box .text.br,.basket-box .text.br{border-bottom:1px solid #ededed;padding-bottom:30px}
.wishlist-box .wishlist-header{background-color:#d9d9d9;height:40px;line-height:40px;padding:0 20px;margin:30px 0 13px;color:#30312c;font-size:15px;letter-spacing:0.15em;font-family:"museosanscyrl-500",sans-serif}
.wishlist-box .wishlist-header .btn-clear-lists{text-decoration:underline;font-family:"museosanscyrl-700",sans-serif;font-size:12px;letter-spacing:0.05em;color:#333}
.wishlist-box .header{padding:30px 20px 15px}
.wishlist-box .header .btn-delete-wish,.basket-box .header .btn-delete-basket{background:url("../images/sprite.svg") 0 -1674px no-repeat;width:21px;height:22px;display:inline-block}
.wishlist-box .element-box{padding:16px 0}
.wishlist-box .element-box > a,.basket-item .element-box > a{padding-right:15px}
.wishlist-box .element-box > a img,.basket-item .element-box > a img{width:135px}
.wishlist-box .element-box .detail-box{padding-right:20px;overflow:hidden}
.wishlist-box .element-box .detail-box .name,.basket-item .element-box .detail-box .name{font-family:"museosanscyrl-500",sans-serif;font-size:14px;color:#333;letter-spacing:0.05em}
.wishlist-box .element-box .detail-box .article,.basket-item .element-box .detail-box .article{padding-top:9px;font-size:12px;line-height:14px;letter-spacing:0.05em;color:#333;display:block}
.wishlist-box .element-box .detail-box .price-box,.basket-item .element-box .detail-box .price-box{position:relative;padding-top:20px}
.wishlist-box .element-box .detail-box .price-box .old-price,.basket-item .element-box .detail-box .old-price{position:absolute;bottom:20px;right:0;text-decoration:line-through;font-size:12px;letter-spacing:0.5px}
.wishlist-box .element-box .detail-box .price-box .price,.basket-item .element-box .detail-box .price{position:absolute;bottom:0;right:0;line-height:normal;font-size:14px;letter-spacing:0.05em}
.wishlist-box .element-box .detail-box .price-box .price.red,.basket-item .element-box .detail-box .price.red{color:#b01711}
.wishlist-box .addtobasket,.wishlist-box .addToBasketWishlist{margin-top:10px;border:0;background-color:#ff4c26;color:#fff;font-size:14px;height:40px;line-height:40px;font-family:"museosanscyrl-500",sans-serif;width:100%;outline:0;display:block}
.wishlist-addall-basket{border-top:1px solid #ededed;padding:24px 20px 12px}
.wishlist-addall-basket .group-add-to-basket{background-color:#ff4c26;color:#fff;display:block;height:40px;line-height:40px;letter-spacing:0.05em;font-size:14px;font-family:"museosanscyrl-500",sans-serif}

/* ---------------------------- basket ---------------------------- */

.basket-box{padding:20px 20px 0}
.basket-box > a{background-color:#ff4c26;color:#fff;display:block;height:40px;line-height:40px;letter-spacing:0.05em;font-size:14px;font-family:"museosanscyrl-500",sans-serif;margin:14px 0 4px}
.basket-box > strong{font-weight:700;margin-top:20px;display:block}
.basket-item{border-top:1px solid #d9d9d9;padding-bottom:32px;overflow:hidden}
.basket-item:last-child{border-bottom:1px solid #d9d9d9}
.basket-item .header,#select-address,#paymentMetod ul,#contentAdd ul,.customers-contacts-box ul{padding-top:10px}
.basket-item .price.change_price{color:#ff4c26}
.basket-box .basket-total-prices{padding:12px 0;border-bottom:1px solid #d9d9d9;overflow:hidden;font-size:13px;line-height:145%;font-weight:700}
.basket-box .text{padding:20px 0 30px}
.basket-box .delivery-box h3,.address-shop-box h3,.payment-box h3,.customers-contacts-box h3, .payment-box-wrapper h3{background-color:#d9d9d9;height:40px;line-height:40px;padding:0 20px;margin:35px 0 0;color:#30312c;font-family:"museosanscyrl-500",sans-serif;font-size:12px;letter-spacing:0.15em;display:block;font-weight:700}


.customers-contacts-box .fname{margin-bottom:10px}
.basket-box .delivery-box ul{margin-top:10px}
#address-info-view{padding:10px 0;border-bottom:1px solid #d9d9d9}
#addresses-for-address-1,#addresses-for-address-2{margin:10px 0}
#addresses-for-address-2 input,#addresses-for-address-2 select,.basket-box .line-type-promo input{padding:0px 6px}
#addresses-for-address-2 textarea,.basket-box textarea{padding:6px}
#addresses-for-address-2 label,.dpd-box label{text-transform:uppercase;display:inline-block;margin-top:24px}
#addresses-for-address-2 .name-box label{margin-top:0}
.prepayment{font-size:13px;font-weight:700;padding-top:10px}
#form-makeorder{padding-bottom:20px;border-bottom:1px solid #d9d9d9}
.dpd-box label{margin-top:10px}
.basket-box .line-type-promo,.basket-box .result-box{padding:20px 0;border-bottom:1px solid #d9d9d9}
#button-promo-check,.basket-box .btn-back-basket,.btn-complete-order{padding: 0; background-color:#30312c;color:#fff;display:block;height:40px;line-height:40px;letter-spacing:0.05em;font-size:14px;font-family:"museosanscyrl-500",sans-serif;margin-top:10px}
#promo-info{margin:10px}
.basket-box .submit-box{margin-top:20px}
.basket-box .btn-complete-order{margin-top:0;background-color:#ff4c26;border:none;cursor:pointer}
input.terms.error + label,input.terms.error + label a{color:#FF0000}
.error-outofstock,.error-price-error{font-size:17px;border:1px solid #FF0000;margin:0;font-family:"museosanscyrl-700",sans-serif;padding:20px;margin:10px 0}
.banks{text-align:center}
.payment-aditons{margin-left:20px}
/* ---------------------------- news ---------------------------- */ 

.news-box{padding:20px 10px !important}
.news-box .news-item{margin:0px 0px 25px 0px;border-bottom:1px solid #ededed;padding-bottom:25px}
.news-box .news-item > ul{align-items:flex-start}
.news-box .news-item > ul > li:first-child{flex:0 0 106px;margin-right:14px}
.news-box .news-item > ul > li:last-child{flex:1 1 auto}
.news-box .news-item a.photo{width:106px;height:106px;justify-content:center;border:1px solid #ebebeb}
.news-box .news-item a.title{font-size:14px}
.news-box .news-item p{margin:5px 0;font-size:12px}
.news-box .date{font-size:12px;color:#90918c;margin:5px 0;display:block}
.news-box .news-item a.more{font:12px 'OpenSans-Bold',Arial,Helvetica,sans-serif;padding:6px 12px;white-space:nowrap;transition:background-color 250ms ease-out 0s;background:#30312c;color:#fff;border:none;text-decoration:none;display:inline-block;margin-top:15px}
.news-box .news-item:last-child{margin-bottom:0}
.news-box img{max-width:100%;vertical-align:bottom}

/* ---------------------------- loader ---------------------------- */ 

@keyframes lds-spinner{0% {opacity:1} 100% {opacity:0}}
@-webkit-keyframes lds-spinner{0% {opacity:1} 100% {opacity:0}}
.lds-spinner{position:relative}
.lds-spinner div{left:40px;top:15px;position:absolute;-webkit-animation:lds-spinner linear 1s infinite;animation:lds-spinner linear 1s infinite;background:#000000;width:12px;height:24px;border-radius:40%;-webkit-transform-origin:6px 52px;transform-origin:6px 52px}
.lds-spinner div:nth-child(1){-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-animation-delay:-0.916666666666667s;animation-delay:-0.916666666666667s}
.lds-spinner div:nth-child(2){-webkit-transform: rotate(30deg);transform:rotate(30deg);-webkit-animation-delay:-0.833333333333333s;animation-delay:-0.833333333333333s}
.lds-spinner div:nth-child(3){-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-delay:-0.75s;animation-delay:-0.75s}
.lds-spinner div:nth-child(4){-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-animation-delay:-0.666666666666667s;animation-delay:-0.666666666666667s}
.lds-spinner div:nth-child(5){-webkit-transform:rotate(120deg);transform:rotate(120deg);-webkit-animation-delay:-0.583333333333333s;animation-delay:-0.583333333333333s}
.lds-spinner div:nth-child(6){-webkit-transform:rotate(150deg);transform:rotate(150deg);-webkit-animation-delay:-0.5s;animation-delay:-0.5s}
.lds-spinner div:nth-child(7){-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-animation-delay:-0.416666666666667s;animation-delay:-0.416666666666667s}
.lds-spinner div:nth-child(8){-webkit-transform:rotate(210deg);transform:rotate(210deg);-webkit-animation-delay:-0.333333333333333s;animation-delay:-0.333333333333333s}
.lds-spinner div:nth-child(9){-webkit-transform: rotate(240deg);transform: rotate(240deg);-webkit-animation-delay: -0.25s;animation-delay: -0.25s;}
.lds-spinner div:nth-child(10){-webkit-transform:rotate(270deg);transform:rotate(270deg);-webkit-animation-delay:-0.166666666666667s;animation-delay:-0.166666666666667s}
.lds-spinner div:nth-child(11){-webkit-transform:rotate(300deg);transform:rotate(300deg);-webkit-animation-delay:-0.083333333333333s;animation-delay:-0.083333333333333s}
.lds-spinner div:nth-child(12){-webkit-transform:rotate(330deg);transform:rotate(330deg);-webkit-animation-delay:0s;animation-delay:0s}
.lds-spinner{width:40px;height:40px;-webkit-transform:translate(-20px,-20px) scale(0.3) translate(20px, 20px);transform:translate(-20px, -20px) scale(0.3) translate(20px, 20px)}
form .loading{display:none}
form.waiting .loading{display:inline-block}
form.waiting input[type=submit]{display:none}
form .submit-box{height:40px;overflow:hidden}

#cookie_block{margin:0 20px 20px}
#accept_btn{min-width:122px;font-weight:400;font-size:12px;height:29px;line-height:29px;background:#1f9c07;color:#fff}
/* .banners-lists{height:214px} */
.banners-lists img{max-height:213px;width:auto}
/* ---------------------- Anketa----------------------- */
.anketa-box{padding: 45px 20px 20px}
.anketa-box .lists_cats{margin-right:-30px;align-items:baseline}
.anketa-box .one_cat{margin-right:30px;margin-bottom:30px}
.anketa-box .one_cat p{text-align:center;padding:5px;}
.anketa-box .checkbox{line-height: 14px}
.anketa-box  .last{margin-top: 40px}
.anketa-box .error-text{color:red;font-size:15px}
.anketa-box .succes{display:none;text-align:center;margin-top:50px;margin-bottom: 40px;font-size: 24px;color: #066406;font-family: 'OpenSans-Semibold',Arial,Helvetica,sans-serif}
.anketa-box .banners img{width:100%}
.anketa-box .desc-box{margin-bottom:20px}
.anketa-box #anketa{margin-top:15px}
.anketa-box .title{font-family:"museosanscyrl-500";font-size:17px}
.anketa-box p{color:#30312c;font-size:15px;line-height:21px;letter-spacing:0.15em;padding:0 0 0.45em 0;background-color:#d9d9d9}
.anketa-box #anketa .row{margin-bottom:15px}
.anketa-box .sex-box{justify-content: space-around}
.anketa-box #anketa input[type=submit]{color: #fff;font-family: "museosanscyrl-500",sans-serif;font-size: 14px;background-color: #000;letter-spacing: 0.05em;height: 40px;line-height: 40px}

/* --------------------  PopUp  ----------------------- */
.news-popup-box .popup-close{position:absolute;top:-5px;right:13px;;font-size:40px;font-weight:bold}
.news-popup-box img{max-width:100%;vertical-align:bottom}
@media only screen and (max-width: 359px){
  header{padding:20px 10px}
  header .account,header .search{margin:0 3%}
  header .filial,header .wishlist{margin-right:3%}
}

@media only screen and (min-width: 360px) and (max-width: 374px){
  header{padding:20px 20px}
  header .account,header .search{margin:0 4%}
  header .filial,header .wishlist{margin-right:4%}
}

@media only screen and (min-width: 320px) and (max-width: 374px){
	#navigation .lvl1 li a{padding: 0 35px 0 10px !important}
	#navigation .lvl1 li.subnavitem a{padding-left:10px !important}
	#navigation .lvl1 li ul.lvl3 li.subnavitem a{padding-left:20px !important}
	#navigation .lvl1 li ul.lvl4 li.subnavitem a{padding-left:40px !important}
	#navigation .account > :first-child{padding:0 0 0 50px !important}
}

@media only screen and (max-width: 370px){
  .brands-lists-box li{width:41%}
}

@media only screen and (max-width:630px){
  .catalog-home ul.tabs li a span{display:none}
  .catalog-home ul.tabs li a:before{display:inline-block}
}
@media only screen and (min-width:455px){
	.descr-box .props_table tr td:first-child span:nth-child(2){position: absolute;bottom: 2px;width: 100%;border-bottom: 1px dashed #cfcfcf;display:block;z-index:1;left:0;right:10px;}
	.descr-box .props_table tr td span{display:inline-block;position:relative;z-index:2;padding-right:3px;background-color:#fff}
	.descr-box .props_table tr td:first-child{position:relative}
}

.payment-box {
  position: relative;
  background: #fff;
  min-height: 60px;
}

#page-basket .payment-box {
  min-height: 222px;
}

.payment-box img {
  max-height: 80px;
}

.payment-box li {
  border: 1px solid #ededed;
  padding: 10px;
}

.payment-box li:hover {
  background-color: #ededed;
}

.payment-box .payment-logo {
  margin-left: 10px;
}

.payment-box.loader::after {
  content: '';
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  border: 1px solid #0094ff;
  border-top-color: transparent;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  animation: loader 1s infinite linear;
}

.payment-box span.alert {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #c70101;
  text-align: center;
}

@keyframes loader {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }

  to {
    transform: translate(-50%, -50%) rotate(359deg);
  }
}

.terms-box > li {
  border: 1px solid transparent;
}

.payment-logo img {
  height: 40px;
}

.payment-label{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.payment-label div:first-child{
  margin-bottom: 10px;
}

.mt-1{
  margin-top: 1em;
}

.mt-2{
  margin-top: 2em;
}

.mt-3{
  margin-top: 3em;
}

.mb-1{
  margin-bottom: 1em;
}

.mb-2{
  margin-bottom: 2em;
}

.mb-3{
  margin-bottom: 3em;
}

/* PRIVACY START */

#primary-privacy-overview {
	padding: 2em;
	max-width: 24em;
	color: rgb(0, 0, 0);
	background-color: rgb(237, 237, 237);
	position: fixed;
	font-size: 16px;
	line-height: 1.5em;
	font-family: Helvetica, Calibri, Arial, sans-serif;
	z-index: 99;
	bottom: 12vh;
}

#primary-privacy-overview .text {
	margin-bottom: 1em
}

.privacy-overview-open{
	position: fixed;
	bottom: 1em;
	right: 5em;
}

.privacy-overview-open-logo{
	border-radius: 50%;
	cursor: pointer;
	background-color:rgb(237, 237, 237);
	width: 45px;
	height: 45px;
}

.popup-overlay:not(.hidden) {
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.7);
	transition: opacity 500ms;
	z-index: 999;
}

.overlay:target {
	visibility: visible;
	opacity: 1;
}

.popup {
	margin: 50px auto;
	padding: 20px;
	background: #fff;
	border-radius: 5px;
	width: 100%;
	max-width: 500px;
	min-height: 50vh;
	position: relative;
	transition: all .2s ease-in-out;
	overflow-y: auto;
	max-height: 90vh;
	max-width: calc(100vw - 30px);
}

.popup-between{
	justify-content: space-between;
}

.popup .close {
	transition: all 200ms;
	font-size: 40px;
	font-weight: bold;
	text-decoration: none;
	color: #333;
}

.popup-accordion {
	max-width: 100%;
	text-align: left;
}

.popup-accordion label[for^='cookie-']{
	justify-content: space-between;
}

.popup-accordion h4{
	font-size: 1.5em;
	color: var(--color);
	position: relative;
	margin-left: 15px;
}

.popup-accordion h4::before {
	position: absolute;
	top: 6px;
	left: -14px;
	width: 7px;
	height: 7px;
	border-right: 1px solid #4a6e78;
	border-bottom: 1px solid #4a6e78;
	content: "";
	transform: rotate(-45deg);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	margin-right: 10px;
}

.popup-accordion article {
	border: 1px solid #444;
	padding: 1em;
	margin: 1em auto;
}

.popup-accordion input[type=radio] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: fixed;
	top: -100vh;
	left: -100vh;
}

.popup-accordion input[type=radio] ~ div {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s;
}

.popup-accordion input[type=radio]:checked ~ div {
	max-height: 200px;
}

.popup-accordion input[type=radio]:checked ~ label > h4::before{
	transform: rotate(45deg);
}

.popup-accordion .switch {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 28px;
}

.popup-accordion .switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.popup-accordion .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .1s;
	transition: .1s;
}

.popup-accordion .slider::before {
	position: absolute;
	content: "";
	height: 20px;
	width: 20px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .1s;
	transition: .1s;
}

.popup-accordion input:checked+.slider {
	background-color: var(--color);
}

.popup-accordion input:focus+.slider {
	box-shadow: 0 0 1px var(--color);
}

.popup-accordion input:checked+.slider:before {
	-webkit-transform: translateX(20px);
	-ms-transform: translateX(20px);
	transform: translateX(20px);
}

/* Rounded sliders */
.popup-accordion .slider.round {
	border-radius: 34px;
}

.popup-accordion .slider.round:before {
	border-radius: 50%;
}

.btn {
	font-size: 14px;
	margin-bottom: 10px;
	background-color: #424242;
	/* color: #fff; */
	border: 0;
	border-radius: 3px;
	padding: 10px 20px;
	display: inline-block;
	cursor: pointer;
	font-family: inherit;
}

.btn2 {
	font-size: 14px;
	background-color: #848484;
	/* color: #fff; */
	border: 0;
	border-radius: 3px;
	padding: 10px 20px;
	display: inline-block;
	cursor: pointer;
	font-family: inherit;
}

.btn:hover,
.btn:focus {
	background-color: var(--color);
	color: #fff
}

.btn-small {
	height: 36px;
	line-height: 38px
}

.btn-middle {
	height: 40px;
	line-height: 42px
}

.btn-large {
	height: 53px;
	line-height: 55px
}

.btn-xlarge {
	height: 70px;
	line-height: 72px
}

.btn-box .fa-spinner {
	display: none
}