/* header v.3 ------------------------------------------------*/
body>header{position:fixed;top:0;width:100%;z-index:100;}
body>header ul.header{height:5em;transition:all .5s ease 0s;}
body>header ul.header>li#header-logo img{transition:all .5s ease 0s;}
body.sticky>header ul.header{height:calc(6em - 2em);}
/*
body.sticky>header ul.header>li#header-logo img{max-height:calc(6em - 2em - 1em);}
*/
ul.header{list-style:none;margin:0;padding:0.5em 0;
    display:-ms-flexbox;display:-webkit-flex;display:flex;
    -webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;
    -webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;
    -webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;
    -webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;
    -webkit-align-items:center;-ms-flex-align:center;align-items:center;
}
ul.header>li{padding:0;margin:0;white-space:nowrap;position:relative;height:auto;transition:all 0.2s ease 0s;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;}
ul.header>li:nth-child(n+2)>*:first-child, ul.header>li nav{display:inline-block;}
ul.header>li:nth-child(n+2):before,
ul.header>li:nth-child(n+2):after{content:"";width:0.75em;height:0;display:inline-block;height:0;}
ul.header>li:last-child:after{content:none;}

body{padding-top:calc(5em + 1.625em + 4em + 1em);}
body.is-home-page{padding-top:calc(5em + 1.625em + 4em);}

@media only screen and (min-width:901px){
  body>header ul.header>li#header-logo>*{margin-top:-2em;margin-left:1.5em;}
  body>header ul.header>li#header-logo img{max-height:calc(6em);}
  body.sticky>header ul.header>li#header-logo img{max-height:calc(6em - 1em);}
}
@media only screen and (max-width:900px){
	body{padding-top:calc(5em + 4em + 1em);}
  body.is-home-page{padding-top:calc(5em + 3.25em + 1.5em);}
	body>header ul.header,
	body.sticky>header ul.header{height:calc(6em - 2em);}
	body:not(.search-is-clicked)>header ul.header>li#header-logo{padding-left:1em;}
	body>header ul.header>li#header-logo img{max-height:calc(6em - 2em - 1em);}

	body.search-is-clicked ul.header>li:nth-child(n+2):before,
	body.search-is-clicked ul.header>li:nth-child(n+2):after{content:none;}

}

ul.header>li svg{height:2em;width:auto;}
ul.header>li .icon{display:block;}
ul.header>li .icon:hover{cursor:pointer;}

ul.header>li#header-logo{width:20%;margin:0 0 0 0;text-align:left;}
ul.header>li#header-logo>*{display:block;}

@media only screen and (max-width:900px){
ul.header>li#header-logo{width:50%;}
}


ul.header>li#header-pages{visibility:hidden;width:0;height:0;overflow:hidden;}
body.search-is-clicked ul.header>li#header-search{white-space:nowrap;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;}
body:not(.search-is-clicked)>header ul.header>li#header-search{min-width:30%;}
ul.header>li#header-search:before,
ul.header>li#header-search:after{width:0;}

ul.header>li#header-search{margin-left:auto;}
ul.header>li#header-phones>.phones-block>.icon{visibility:hidden;width:0;height:0;overflow:hidden;}

ul.header>li#header-shopping-cart #shCartPlace{max-height:0;min-width:30em;overflow:hidden;position:absolute;z-index:10;top:100%;right:0;padding:0;transition:all .5s ease 0s;}
ul.header>li#header-shopping-cart:hover #shCartPlace.hasProds{max-height:100em;}
ul.header>li#header-shopping-cart #shCartPlace>form{margin:2em 0.125em 0.5em 0.125em;}

body.sticky ul.header>li#header-shopping-cart #shCartPlace>form{margin-top:calc(2em - 1em);}


#shCartPlace>form>*{position:relative;}
#shCartPlace>form>*:after{content:"";z-index:-1;position:absolute;left:0;right:0;top:0;bottom:0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=95);-moz-opacity:0.95;-khtml-opacity:0.95;opacity:0.95;}

@media only screen and (min-width:901px){
  body.search-is-clicked ul.header>li#header-search{padding-left:3em;}
}

@media only screen and (max-width:900px){
	ul.header>li#header-pages{cursor:pointer;visibility:visible;overflow:visible;width:auto;height:auto;order:-10;}
	ul.header>li#header-pages:before{content:none;}
	ul.header>li#header-pages>.menu-block>.icon{visibility:visible;width:auto;height:2em;}
	ul.header>li#header-pages>.menu-block>nav{transition:all 0.5s ease 0s;z-index:100;position:absolute;top:calc(100% + 1em);left:-1em;padding-left:1em;padding-right:1em;max-height:0;overflow:hidden;}

	ul.header>li#header-pages.clicked>.menu-block>nav{max-height:100em;padding-top:2em;}

	ul.header>li#header-phones>.phones-block>.icon{visibility:visible;width:auto;height:auto;}
	ul.header>li#header-phones>.phones-block>div:first-of-type{transition:all 0.5s ease 0s;z-index:100;position:absolute;top:100%;right:0;padding-left:1em;padding-right:1em;max-height:0;overflow:hidden;}

	ul.header>li#header-phones>.phones-block>div:first-of-type{transition:all 0.5s ease 0s;z-index:100;position:absolute;top:calc(100% - 3.5em);right:0;padding-left:1em;padding-right:1em;max-height:0;overflow:hidden;}
	ul.header>li#header-phones>.phones-block>.icon{visibility:visible;width:auto;height:auto;}
	ul.header>li#header-phones{cursor:pointer;position:static;}
	ul.header>li#header-phones.clicked{overflow:visible;}
	ul.header>li#header-phones.clicked>.phones-block>div:first-of-type{max-height:100em;padding-top:0.375em;padding-bottom:0.375em;}

	body.search-is-clicked>header .FixedLayout{position:relative;}
	body.search-is-clicked>header ul.header>li#header-search{position:static;}

	body:not(.search-is-clicked)>header ul.header>li#header-search,
	body>header ul.header>li#header-search{-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;}
	body>header ul.header>li:nth-child(n+5){max-width:4em;}
	body.search-is-clicked>header ul.header>li:nth-child(n+5){max-width:0;overflow:hidden;}
	body.search-is-clicked>header ul.header>li#header-search{-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;}

}

@media only screen and (max-width:600px){
	body.search-is-clicked>header ul.header>li#header-logo,
	body.search-is-clicked>header ul.header>li#header-pages{max-width:0;overflow:hidden;}
	ul.header>li#header-shopping-cart{position:static;}
	ul.header>li#header-shopping-cart #shCartPlace>form{margin-top:0;}
}
@media only screen and (max-width:480px){
	ul.header>li#header-pages{width:10%;}
  ul.header>li#header-pages:not(.clicked)>.menu-block>nav{z-index:-1;pointer-events:none;}
	ul.header>li#header-pages>.menu-block>nav{width:calc(100% * 10 + 2 * 1em);}
}

#top-line{margin-top:0.25em;}
#top-line .FixedLayout>ul{list-style:none;padding:0;margin:0;
    display:-ms-flexbox;display:-webkit-flex;display:flex;
    -webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;
    -webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;
    -webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;
    -webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;
    -webkit-align-items:center;-ms-flex-align:center;align-items:center;
}
#top-line .FixedLayout>ul>li:not(:last-child){padding-right:2em;}

@media only screen and (max-width:900px){
	#top-line .FixedLayout>ul>li:not(:last-child){padding-right:0.5em;}
}

@media only screen and (max-width:600px){
	#top-line .FixedLayout>ul>li.email{display:none;}
}

@media only screen and (max-width:480px){
	#top-line .FixedLayout>ul>li.requisites{display:none;}
}

#top-navigation{padding:0;pointer-events:auto;}
#top-navigation .FixedLayout>ul{list-style:none;padding:0;margin:0;position:relative;
    display:-ms-flexbox;display:-webkit-flex;display:flex;
    -webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;
    -webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;
    -webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;
    -webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;
    -webkit-align-items:center;-ms-flex-align:center;align-items:center;
}
#top-navigation .FixedLayout>ul>li#dropdown-pages{margin-right:auto;}
#top-navigation .FixedLayout>ul>li svg{height:2em;width:auto;}
#top-navigation .FixedLayout>ul>li#header-account>a>span{display:inline-block;padding-left:1em;line-height:2em;}
#top-navigation .FixedLayout>ul>li#header-wishlist,
#top-navigation .FixedLayout>ul>li#header-compare{padding-right:2em;}

#top-navigation ul.header-pages-menu>li{display:inline-block;}
#top-navigation ul.header-pages-menu>li:not(:last-child){padding-right:1em;}

ul.header>li#header-pages.clicked>.menu-block>.icon>svg:first-child{height:0;}
ul.header>li#header-pages:not(.clicked)>.menu-block>.icon>svg:last-child{height:0;}
ul.header>li#header-pages ul.header-pages-menu>li{font-size:1.25em;padding:0.25em 0;}
ul.header>li#header-pages ul.header-pages-menu>li>*{line-height:1.75em;}

ul.header>li#header-pages ul.header-pages-menu>li>*.h-contacts:before{content:"\f098";vertical-align:middle;margin-right:0.25em;font-family:FontAwesome;top:0.125em;left:0;font-size:1.5em;font-weight:normal;line-height:1em;}

ul.header>li#header-pages ul.header-pages-menu.menu-block{border-top-width:1px;border-bottom-width:1px;border-style:solid;margin-bottom:1em;padding-bottom:1em;padding-top:1em;margin-top:1em;}
ul.header>li#header-pages ul.header-pages-menu.menu-block>li>*{position:relative;padding-left:2.5em;}
ul.header>li#header-pages ul.header-pages-menu.menu-block>li>*:before{font-family:FontAwesome;top:0.125em;left:0;font-size:1.5em;font-weight:normal;line-height:1em;position:absolute;}
ul.header>li#header-pages ul.header-pages-menu.menu-block>li.catalog>*:before{content:"\f00a";}
ul.header>li#header-pages ul.header-pages-menu.menu-block>li.specials-menu>*:before{content:"\f295";}
ul.header>li#header-pages ul.header-pages-menu.menu-block>li.viewed>*:before{content:"\f252";left:0.25em;}
ul.header>li#header-pages ul.header-pages-menu.menu-block>li.compare>*:before{content:"\f24e";}

@media only screen and (max-width:900px){
  #top-navigation .FixedLayout{padding-left:0;}
	#top-navigation .FixedLayout>ul>li#dropdown-pages{max-width:0;overflow:hidden;}
  ul.header>li#header-pages ul.header-pages-menu{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-bottom:0.75em;}
}


@media only screen and (max-width:480px){
	#top-navigation .FixedLayout>ul>li#header-wishlist,
	#top-navigation .FixedLayout>ul>li#header-compare{padding-right:1em;}
	#top-navigation .FixedLayout>ul>li#header-account >a>span{display:none;}
}

/* горизонтальное меню ссылок ------------------------------------------------*/
ul.header-pages-menu{white-space:nowrap;margin:0;padding:0;list-style:none;}
ul.header-pages-menu>li>*{display:inline-block;padding:0;white-space:nowrap;}

/* корзина всплывающая в меню ссылок ------------------------------------------------*/
ul.header>li#header-shopping-cart .icon{position:relative;}
ul.header>li#header-shopping-cart .icon #sCartPCnt{position:absolute;right:-0.375em;width:1.25em;height:1.25em;line-height:1.25em;padding-left:0.0625em;text-align:center;text-align-last:center;display:inline-block;-moz-border-radius:50%;-webkit-border-radius:50%;-khtml-border-radius:50%;border-radius:50%;}
ul.header>li#header-shopping-cart .icon #sCartPCnt:empty{visibility:hidden;}

body:not(.search-is-clicked)>header #search .close-button{visibility:hidden;overflow:hidden;}
body:not(.search-is-clicked)>header #search button[type="submit"]{pointer-events:none;}


body>header>#shadow{content:"";z-index:-1;position:fixed;top:0;left:0;width:100%;height:0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:opacity 0.2s;}
body.menu-open>header>#shadow,
body.search-is-clicked>header>#shadow,
body.search-is-clicked>header>#shadow{z-index:100;height:100%;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;}

body.search-is-clicked>header #search form{z-index:110;position:relative;}
body.search-is-clicked>header #search #search_result{width:auto;margin-left:3em;margin-right:3em;}
body.search-is-clicked>header #search #search_result:not(:empty){border-width:1px;border-style:solid;border-top:none;}

@media only screen and (max-width:900px){
	#search{padding-right:1em;padding-left:0;}
	body.search-is-clicked>header #search{padding-right:0;padding-left:1em;}
	body.search-is-clicked>header #search #search_result:not(:empty){position:fixed;margin-top:0.375em;padding-top:1em;overflow-y:scroll;margin-left:0;margin-right:0;}
  body.search-is-clicked>header #search #search_result:not(:empty){right:-0.875em;border:0;}
	body.search-is-clicked>header #search .close-button{right:-3.5em;}
}

@media only screen and (max-width:600px){
	body:not(.search-is-clicked)>header #search{padding-left:0;padding-right:0;}
	body:not(.search-is-clicked)>header #search input[type="search"]{width:2.5em;padding-left:0;padding-right:0;color:transparent;z-index:10;cursor:pointer;}
	body:not(.search-is-clicked)>header #search input[type="search"]::-webkit-input-placeholder{color:transparent;}
	body:not(.search-is-clicked)>header #search input[type="search"]::-moz-placeholder{color:transparent;}
	body:not(.search-is-clicked)>header #search input[type="search"]:-ms-input-placeholder{color:transparent;}
	body:not(.search-is-clicked)>header #search input[type="search"]:-moz-placeholder{color:transparent;}
	body:not(.search-is-clicked)>header #search .reset{color:transparent;}
	body.search-is-clicked>header #search{padding-left:0;}
	body.search-is-clicked>header #search .close-button{right:-3.25em;}
	body.search-is-clicked>header #search button[type="submit"]>svg{height:1.75em;}
	body>header #search button[type="submit"] svg{height:2em;}
}
#dropdown-menu>#box_categories>h2>span>svg>*{transition:all 0.5s ease 0s}
body.menu-open #dropdown-menu>#box_categories>h2>span>svg>rect:not(:nth-of-type(2)){width:100%;}
#dropdown-menu>#box_categories>h2:not(:hover)>span>svg>rect:not(:nth-of-type(2)){width:75%;}
#dropdown-menu>#box_categories>h2>span{margin-right:0.5em;display:inline-block;vertical-align:middle;}

@media only screen and (max-width:900px){
#dropdown-menu>#box_categories>h2>span{display:none;}
}


ul.customer-block{list-style:none;padding:0 0 1em 0;margin:0;
    display:-ms-flexbox;display:-webkit-flex;display:flex;
    -webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;
    -webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;
    -webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;
    -webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;
    -webkit-align-items:center;-ms-flex-align:center;align-items:center;
}
ul.customer-block>li{width:50%;}
ul.customer-block>li:first-child{padding-right:1em;}
ul.customer-block>li:last-child{padding-left:1em;}
@media only screen and (max-width:480px){
	ul.customer-block>li>*{width:100%;}
}

/* горизонтальное меню ссылок ------------------------------------------------*/
#top-navigation ul.header-pages-menu>li>a{color:var(--color-white);}
#top-navigation ul.header-pages-menu>li>span,
#top-navigation ul.header-pages-menu>li>a:hover{color:var(--color-white);}

@media only screen and (max-width:900px){
ul.header>li#header-phones>.phones-block>.icon + div,
ul.header>li#header-pages nav{background-color:#fff;border-color:#e2e2e2;-webkit-box-shadow:0 0.25em 0.25em -0.125em rgba(50, 50, 50, 0.4);-moz-box-shadow:0 0.25em 0.25em -0.125em rgba(50, 50, 50, 0.4);box-shadow:0 0.25em 0.25em -0.125em rgba(50, 50, 50, 0.4);}
ul.header>li#header-pages ul.header-pages-menu.menu-block{/*border-color:#e2e2e2;*/}
ul.header>li#header-pages ul.header-pages-menu.menu-block>li>*:before{/*color:#252628;*/}
}

/* меню ------------------------------------------------*/
.menu ul>li>a:hover, .menu ul>li.current>a,
.menu ul.L0>li>a:hover, .menu ul.L1>li>a:hover{color:var(--background-color-1-6);}
.menu ul.L0>li>a, .menu ul.L1>li>a{/*color:#252628;background-color:#f0f0f0;border-color:#ccc;*/}
.menu ul.L0>li.children>ul{/*border-color:#ccc;*/}
.menu ul.L0>li.children.open>a{border-color:transparent;}

#top-navigation{background-color:var(--background-color-1-5);}
#top-navigation .FixedLayout>ul>li>a{color:var(--color-white);}
#top-navigation .menu ul.L0>li:after{/*background-color:#ccc;*/border-color:var(--color-white);}
#top-navigation .menu ul.L0>li.children ul.L1{background-color:var(--color-white);-webkit-box-shadow:0 0.25em 0.25em -0.125em rgba(50, 50, 50, 0.4);-moz-box-shadow:0 0.25em 0.25em -0.125em rgba(50, 50, 50, 0.4);box-shadow:0 0.25em 0.25em -0.125em rgba(50, 50, 50, 0.4);}

#dropdown-menu .menu{background-color:var(--background-color-1-6);}
#dropdown-menu>#box_categories>h2{color:var(--color-white);background-color:var(--background-color-1-6);}

body.menu-open #dropdown-menu>#box_categories>h2{/*background-color:var(--color-white);color:var(--background-color-1-6);*/}
body.menu-open #dropdown-menu>#box_categories>h2:before{/*background-color:var(--color-white);*/}
#dropdown-menu .menu ul.L0>li *{color:var(--color-white);}
#dropdown-menu .menu ul.L0>li{border-color:var(--color-white);}