#container{padding:9em 0 0 0;}
#container.sticky{padding:4em 0 0 0;}
#container header, #container .header {z-index:1000;}
#container header{position:fixed;top:0;height:9em;width:100%;transition:all 0.5s ease 0s;}
#container .header {position:fixed;top:0;width:100%;height:5em;/*overflow:hidden;*/transition: height 0.5s ease 0s;}
#container .header:hover {overflow:visible;}
#container #top-navigation{padding-top:5em;transition:0.5s padding ease 0s;}
#container.sticky #top-navigation{padding-top:0;}
#container.sticky header{height:4em;}
#container.sticky .header{height:0;border:0;overflow:hidden;}


.header .FixedLayout > ul:first-of-type {padding:0; margin:0; list-style: none;}
.header .FixedLayout > ul:first-of-type li.logo {width:20%;transition:0.5s all ease 0s;}
.header .FixedLayout > ul:first-of-type li.title {width:20%;transition:0.5s all ease 0s;}
.header .FixedLayout > ul:first-of-type li.contacts {width:35%;transition:0.5s all ease 0s;}
.header .FixedLayout > ul:first-of-type li#shopping-cart {width:5%;transition:0.5s all ease 0s;}
.header .FixedLayout > ul:first-of-type li.callback {width: 5%;transition:0.5s all ease 0s;}
.header .FixedLayout > ul:first-of-type li.languages {width:10%;transition:0.5s all ease 0s;white-space:nowrap;}
.header .FixedLayout > ul:first-of-type li.customer-login {width: 5%;transition:0.5s all ease 0s;}
.header .FixedLayout > ul:first-of-type li.contacts .v-align {right: 15%;}
.header .FixedLayout > ul:first-of-type li.languages .v-align>div>*{display:inline-block;line-height:2em;padding:0 0.5em;border-width:1px;border-style:solid;text-transform:uppercase;}
.header .FixedLayout > ul:first-of-type li.languages .v-align>div>*:first-child{margin-right:0.5em;}
.header .FixedLayout > ul:first-of-type li.languages .v-align>div>*:last-child{margin-left:0.5em;}


header .phones {position:relative; /*-moz-border-radius: 0.125em; -webkit-border-radius: 0.125em; -khtml-border-radius: 0.125em; border-radius: 0.125em;*/transition:all 0.1s; display:inline-block;}
header .phones {padding: 0.65em 2em 0.65em 1.75em; margin:0; height: 3em; overflow: hidden;}
header .phones > i{position: absolute; right: 0.5em; top: 1em;}
header .phones > i:before {font-family: FontAwesome; content: "\f107"; padding:0; font-size:1.5em;}
header .phones:hover > i:before {content: "\f106";}
header .phones span {display:block;visibility: hidden;opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);-moz-opacity:0; -khtml-opacity:0;padding:0;}
header .phones:hover span {visibility: visible;opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity:1; -khtml-opacity:1;}
header .phones:hover {cursor:pointer; z-index: 9999; height: auto; overflow: visible; position: absolute; top:1em;}
header .phones:hover {background: #fff; -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);}
header .callback {display: inline-block;}
header .callback a:before {background-size:cover; content:'';position:absolute;width:1.5625em;height:2em;left:2em;right:0;top:1.5em;bottom:auto;background-repeat:no-repeat;}
header .callback a:before{background-image:url(../images/callback.png);}

header .customer-login a:before {background-size:cover; content:'';position:absolute;width:1.5625em;height:2em;left:auto;right:0;top:1.5em;bottom:auto;background-repeat:no-repeat;}
header .customer-login a:before{background-image:url(../images/login.png);}

#hPath {padding:0.5em 0;}

/* выделенный фильтр над списком товара ------------------------------------------------*/
.filter-selected {padding:0 0 1em 0; line-height: 1em;}
.filter-selected a {padding-right:1em;}
.filter-selected a:after {font-family: FontAwesome; content: "\f00d"; padding: 0 0 0 0.25em;}
.filter-selected a.reset-filter {display:inline-block; padding: 0; font-weight:600;}
.filter-selected a.reset-filter i {display:none;}

footer {background-image: url(../images/bg_footer.jpg);}
