#header{position: fixed;top: 0;left: 0;width: 100%;z-index: 50;height: 92px;}
#header.no-border{border-bottom: 1px solid #f0f0f0;height: 93px;}
#header:not(.no-border)::before{content: '';position: absolute;bottom: -1px;left: 0;width: 100%;height: 1px;background: url(../../sysimages/border-header-footer.png) left top/1600px repeat-x;}
#header .container{max-width: 1440px;}
#header .nav-top{position: relative;padding: 14px 0 5px;}
#header .nav-top ul{float: right;}
#header .nav-top ul{margin: 0;list-style: none;padding-top: 1px;}
#header .nav-top ul li{position: relative;float: left;padding: 0 6px 1px;;position: relative;}
#header .nav-top ul li::before{content: '';position: absolute;top: 0;left: 0;width: 1px;height: 9px;background: #a5a5a5;}
#header .nav-top ul li:first-child{border-left-width: 0;}
#header .nav-top ul li:first-child::before{display: none;}
#header .nav-top ul li:last-child{padding-right: 0;}
#header .nav-top ul li a,
#header .nav-top ul li p{position: relative;display: block;}
#header .nav-top ul li a div{border-bottom: 1px solid #999;}
#header .nav-top ul li a:hover div{border-color: #333;}
#header .nav-top ul li a::before{content: '';position: absolute;top: calc(50% - 5px);left: 0;width: 9px;height: 9px;display: none;}
#header .nav-top ul li.disabled span{display: none;}
#header .nav-top ul li.user-currency a{padding: 0;background-repeat: no-repeat;background-position: 0 center;padding-left: 24px;background-size: 14px;}
#header .nav-top ul li.user-currency a::before{display: none;}
#header .nav-top ul li.user-login a::before{background: url(../../sysimages/icon-logout.png) left top/9px no-repeat;}
#header .nav-top ul li.user-logout a::before{background: url(../../sysimages/icon-logout.png) left top/9px no-repeat;}
#header .nav-top ul li.user-account a::before{background: url(../../sysimages/icon-account.png) left top/9px no-repeat;}
#header .nav-top ul li.user-wishlist a::before{background: url(../../sysimages/icon-wishlist.png) left top/9px no-repeat;}

#header .nav-top .country-drop{display: none;position: absolute;top: 21px;left: calc(50% - 135px);width: 270px;padding: 10px;border: 1px solid #EAEAEA;background: #FFF;z-index: 15;}
#header .nav-top .country-drop .inputError{margin-bottom: 10px;}
#header .nav-top .country-drop .inputError label > span{padding-bottom: 4px;}
#header .nav-top .country-drop .inputError .select{background-repeat: no-repeat;background-position: 7px center;}
#header .nav-top .country-drop button{width: 100%;}
#header .nav-top:after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background-image: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 65%);opacity: 0.5;}

#header .wrapper-header{position: relative;padding: 0 0 12px;margin-top: -4px;z-index: 2;}
#header .logo{float: left;display: block;max-width: 191px;margin-top: -1px;}
#header .logo img{display: block;width: 100%;}
#header .right-header{float: right;padding: 13px 0 0;}

#header .search{position: absolute;top: 100%;left: 0;width: 100%;height: auto;background: #FFF;padding: 69px 15px 65px; display: none;}
#header .search-form{max-width: 458px;margin: 0 auto;position: relative;}
#header .search-form .select{float: left;width: 98px;border-radius: 2px 0 0 2px;border: 0;border-right: 1px solid #EFEFEF;background: #F7F7F7;}
#header .search-form .select select{height: 39px;padding: 6px 15px 7px;}
#header .search-form .select::after{position: absolute;top: calc(50% - 3px);right: 15px;width: 6px;height: 6px;background-size: 6px;opacity: 0.6;}
#header .search-form #search{width: 100%;padding: 13px 0 20px 20px;letter-spacing: 0;border: 0;border-bottom: 2px solid #000;height: 43px;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
#header .search-form #search::-ms-clear{display: none;}
body.IEMODE #header .search-form #search{padding-top: 3px;}
#header .search-form .btn-search{position: absolute;top: 0;right: 0;width: 50px;height: 42px;-webkit-appearance: none;}

#header .right-header .help-header{position: relative;float: left;padding: 5px 0 5px 29px;margin-left: 52px;}
#header .right-header .help-header::before{content: '';position: absolute;top: calc(50% - 10px);left: 0;width: 23px;height: 23px;background: url(../../sysimages/icon-tel.png) left top/23px no-repeat;}
#header .right-header .shop-icons{float: left;padding-left: 29px;}
#header .right-header .shop-icons > ul{margin: 0;list-style: none;}
#header .right-header .shop-icons > ul > li{float: left;padding-left: 15px;}
#header .right-header .shop-icons > ul > li:first-child{padding-left: 0;}
#header .right-header .shop-icons > ul > li > a{position: relative;display: block;padding: 6px 13px;text-decoration: none;}
#header .right-header .shop-icons > ul > li > a.disabled{cursor: default;}
#header .right-header .shop-icons > ul > li > a::before{content: '';display: block;width: 24px;height: 24px;}
#header .right-header .shop-icons > ul > li.cart, #header .right-header .shop-icons > ul > li.user-wishlist{position: relative;}
#header .right-header .shop-icons > ul > li.cart > a{padding-right: 0;}
#header .right-header .shop-icons > ul > li.cart > a::before{background: url(../../sysimages/icon-cart.png) left top/14px no-repeat;width: 14px;height: 19px;float: left;margin-top: -1px;}
#header .right-header .shop-icons > ul > li > a span{line-height: 20px;text-align: center;float: left;padding-left: 7px;}
#header .right-header .shop-icons > ul > li.user-wishlist > a{padding-top: 7px;padding-right: 8px;}
#header .right-header .shop-icons > ul > li.user-wishlist > a::before{background: url(../../sysimages/icon-wishlist.png) left top -4px/24px;width: 24px;height: 24px;float: left;}
body.IEMODE #header .right-header .shop-icons > ul > li.user-wishlist > a::before{background: url(../../sysimages/icon-wishlist_IE.png) left top -4px/24px;}
#header .right-header .shop-icons > ul > li.user-wishlist.disabled > a span{display: none;}
#header .right-header .shop-icons > ul > li.user-wishlist .desktop-wish-notice{display: none;position: absolute;top: calc(100% + 15px);left: calc(100% - 140px);padding: 6px 14px;white-space: nowrap;z-index: 1;}
#header .right-header .shop-icons > ul > li.wrapper-open-search > a{padding-right: 5px;padding-top: 7px;}
#header .right-header .shop-icons > ul > li.wrapper-open-search > a::before{background: url(../../sysimages/icon-search.png) left top -1px/18px;width: 18px;height: 18px;float: left;}
body.IEMODE #header .right-header .shop-icons > ul > li.wrapper-open-search > a::before{background: url(../../sysimages/icon-search_IE.png) left top -1px/18px;}
#header .right-header .shop-icons > ul > li > a:hover::before, #header .right-header .shop-icons > ul > li > a.active::before, #header .right-header .shop-icons > ul > li.active > a::before{opacity: 0.8;}
#header .right-header .shop-icons > ul > li.cart > a:not(.disabled):hover::before{opacity: 0.6;}

.toggle-button{display: none;position: absolute;top: calc(50% - 18px);left: 7px;padding: 11px;}
.toggle-button.active{top: calc(50% - 17px);left: 2px;}
.toggle-button span{background: #000;height: 3px;width: 17px;display: block;margin-bottom: 3px;transition: all .5s;}
#header.overlayBig .toggle-button span{background: #FFF;z-index: 99}
.toggle-button span:last-child{margin: 0;}
.toggle-button.active span{width: 24px;}
.toggle-button.active span:nth-of-type(1){transform: translateY(4px) rotate(45deg);}
.toggle-button.active span:nth-of-type(2){opacity: 0;}
.toggle-button.active span:nth-of-type(3){transform: translateY(-8px) rotate(-45deg);}
         

.mobile-wish-notice, .mobile-cart-notice{display: none;position: absolute;top: 100%;left: 0;width: 100%;padding: 4px 15px;background: #17995A;text-align: center;}

#header .right-header .search .items-dropdown{top: 100%;left: 0;right: auto;width: calc(100% - 49px);}
#header .right-header .search .items-dropdown-holder{margin-top: 0;}
#header .right-header .items-dropdown{position: absolute;top: 30px;right: 0px;display: none;width: 300px;z-index: 10;}
#header .right-header .items-dropdown-holder{margin-top: 22px;background: #FFF;border: 1px solid #EBEBEB;}
#header .right-header .items-dropdown .items-list{max-height: 256px;padding: 9px 9px 10px;}
#header .right-header .items-dropdown .items-list ul{margin: 0;list-style: none;}
#header .right-header .items-dropdown .items-list ul li{position: relative;border-top: 1px solid #EBEBEB;}
#header .right-header .items-dropdown .items-list ul li:first-child{border-top: 0;}
#header .right-header .items-dropdown .items-list ul li a{display: block;padding: 10px 0;}
#header .right-header .items-dropdown .items-list ul li:first-child a{padding-top: 0;}
#header .right-header .items-dropdown .items-list ul li:last-child a{padding-bottom: 0;}

#header .right-header .items-dropdown .items-list ul li a.item-remove{position: absolute;top: calc(50% - 7px);right: 5px;padding: 0;}
#header .right-header .items-dropdown .items-list ul li a.item-remove::before{content: '';display: block;width: 14px;height: 14px;background: url(../../sysimages/icon-remove-bag.png) left top/14px no-repeat;}

#header .right-header .items-dropdown .item-img{position: relative;float: left;width: 65px;border: 1px solid #EDEDED;}
#header .right-header .items-dropdown .item-img img{display: block;width: 100%;}
#header .right-header .items-dropdown .item-desc{position: relative;float: left;width: calc(100% - 65px);padding: 4px 25px 4px 10px;}
#header .right-header .items-dropdown .item-desc p{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
#header .right-header .items-dropdown .item-desc .item-ref{padding-bottom: 5px;}

#header .right-header .items-dropdown .bottom-list{text-align: center;padding: 13px 15px 15px;border-top: 1px solid #EBEBEB;background: #F7F7F7;}
#header .right-header .items-dropdown .bottom-list .total-price{padding-bottom: 8px}
#header .right-header .items-dropdown .bottom-list .button{width: 100%;}

.autocompleter{position: absolute;top: 0;left: 0;width: calc(100% - 49px);}
.autocompleter-show{display: block;}
.autocompleter-hint{position: relative;}
.autocompleter-list{display:none;}
.autocompleter-item{cursor: pointer;}
.autocompleter-hint{width: 100%;}
.autocompleter-hint-show{display: block;}
.autocompleter-hint span{color: transparent;}
.autocompleter-hint{display: none;width: 100%;padding: 11px 18px 12px;line-height: 16px;}
.autocompleter-hint span{visibility: hidden;}
.autocompleter-hint-show{display: block;}

#header .wrapper-menu{float: left;}
#header .menu > ul > li{float: left;border: 0 solid rgba(255,255,255,0.08);border-right-width: 1px;padding: 0 21px;}
#header .menu > ul > li:first-child{border-left-width: 1px;}
#header .menu > ul > li > a{display: block;padding: 4px 1px 1px;border-bottom: 2px solid transparent;}
#header .menu > ul > li > a[href="javascript:void(0);"]{cursor: default;}
#header .menu > ul > li:hover > a, #header .menu > ul > li.sel > a{border-color: #633287;}
#header .menu > ul > li.btn-home a{position: relative;width: 58px;height: 100%;min-height: 45px;}
#header .menu > ul > li.btn-home a::before{content: '';position: absolute;top: calc(50% - 9px);left: calc(50% - 11px);width: 21px;height: 21px;background: url(../../sysimages/icon-home.png) left top/21px no-repeat;}

#header .menu .submenu{position: absolute;top: calc(100% - 26px);padding-top: 26px;left: 0;width: 100%;visibility: hidden;z-index: 10;}
#header .menu .submenu > div{position: relative;padding: 25px 0 31px;background: #FFF;}
#header .menu .submenu .container{max-width: 1073px;}
#header .menu .submenu .column-menu > ul{float: left;}
#header .menu .submenu .column-menu ul li a{display: block;}
#header .menu .submenu .column-menu > ul > li{padding: 19px 9px 0;}
#header .menu .submenu .column-menu > ul > li:first-child{padding-top: 0;}
#header .menu .submenu .column-menu > ul ul{padding-bottom: 19px;padding-top: 2px;}
#header .menu .submenu .column-menu > ul ul li{padding-top: 2px;}
#header .menu .submenu .column-menu > ul > li:last-child ul{padding-bottom: 0;}
#header .menu .submenu .column-image{padding-left: 0;}
#header .menu .submenu .column-image img{display: block;width: 100%;}

#containerSite::before{opacity: 0;visibility: hidden;content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 45;}
#containerSite::after, #header.overlayBig::before{opacity: 0;visibility: hidden;content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.6);z-index: 41 !important;}
#header:not(.no-border).overlayBig::before{background: none !important;}
#containerSite.overlay::before, #containerSite.overlayBig::after, #header.overlayBig::before{opacity: 1;visibility: visible;min-height: 100vh;}
#main{padding-top: 92px;background: #FFF;}
#main.products{padding-top: 93px;}
#main.wrapper-blocks{padding-top: 0;}
body.bannerWelcomeGiftVisible #main {padding-top: 135px;}



/* -------- HEADER SLIM --------- */
.header-slim #header{height: auto;}
.header-slim #header .wrapper-header{padding: 0 0 10px;}
.header-slim #header .logo{max-width: 115px;}
.header-slim #header .right-header{padding-top: 10px;}
.header-slim #header .search-form .select select{height: 28px;padding: 6px 30px 6px 8px;}
.header-slim #header .search-form #search{height: 28px;padding: 8px 10px 8px;}
.header-slim #header .search-form .autocompleter-hint{padding: 6px 11px 8px;}
.header-slim #header .search-form .btn-search{height: 28px;}
.header-slim #header .right-header .help-header{padding-top: 7px;padding-bottom: 7px;}
.header-slim #header .right-header .help-header p:not(.phone){display: none;}
.header-slim #header .right-header .shop-icons > ul > li > a{padding-top: 2px;padding-bottom: 0;}
.header-slim #header .right-header .shop-icons .items-dropdown{top: 26px;}
.header-slim #header .right-header .shop-icons .items-dropdown-holder{margin-top: 12px;}
.header-slim #header .menu > ul > li.btn-home a{min-height: 36px;}
.header-slim #header .menu > ul > li > a{padding: 8px 20px 8px;}
/* ------------------------------ */

@media screen and (min-width: 768px){
   #header{min-width: 1210px;}
   #header .wrapper-menu{margin-right: 100px;padding-bottom: 10px;}
}

@media screen and (max-width: 1400px){
   #header .wrapper-menu{margin-right: 30px;}
}

@media screen and (max-width: 1360px){
   #header .wrapper-menu{margin-right: 15px;}
}

@media screen and (max-width: 1295px){
   #header .logo{max-width: 160px;}
   #header .wrapper-menu{margin-right: 0;}
   #header .right-header .shop-icons{padding-left: 0;}
   #header .right-header .shop-icons > ul > li{padding-left: 5px;}
}

@media screen and (max-width: 1210px){
   #header{position: absolute;}
}

@media screen and (max-width: 768px) {
	#header, #header.no-border{position: fixed;height: 54px;}
   #header.overlayBig{border-bottom: 0;}
   #header:not(.no-border).overlayBig{background-color: transparent;}
   #header .nav-top, #header .search, #header .help-header, #header .wrapper-menu, #header .right-header .shop-icons .wrapper-open-search, #header .right-header .shop-icons .user-wishlist{display: none;}
   #header .wrapper-header{padding: 16px 0;margin-top: 0;position: relative;}
   #header .logo{float: none;max-width: 120px;margin: -2px auto 0;}
   #header .right-header{float: none;padding: 0;}
   #header .right-header .shop-icons{float: none;padding: 0;position: absolute;top: calc(50% - 17px);right: 15px;}
   #main, #main.products{padding-top: 54px;}
   .right-header a.toggle-button{display: block;}
   body.bannerWelcomeGiftVisible #main {padding-top: 54px;}
}