#header{background:#fff;position: fixed;top: 0;left: 0;width: 100%;z-index: 50;}

#header .wrapper-header{position: relative;}
#header .logo{float: left;display: block;max-width: 115px;margin-top: 10px;transition:0.2s ;}
#header .logo img{display: block;width: 100%;}

#header .left-header{float: left;margin-left: 40px;}
#header .left-header ul{list-style-type: none;margin-left: 0;}
#header .left-header ul li{float: left;}
#header .left-header ul li a{border-bottom: 1px solid transparent;padding: 54px 19px 10px;transition:0.2s background, border, padding;display: block;}
#header .left-header a:hover, #header .left-header li.active > a{background-color: transparent;border-bottom-color: transparent;text-decoration: underline;}


#header .right-header{float: right;padding-top: 8px;}
#header .right-header > ul{float: right;}
#header .right-header > ul{margin: 0;list-style: none;}
#header .right-header > ul li{float: left;position: relative;}
#header .right-header > ul li a{display: block;}
#header .right-header > ul li a img{margin-right: 5px;width: 13px;height: 9px;margin-bottom: 2px;display: inline-block;vertical-align: middle;}
#header .right-header > ul li.user-contact{padding-right: 14px;}
#header .right-header > ul li.user-contact p{float: left;}
#header .right-header > ul li.user-contact .phone{position: relative;float: left;padding: 0px 7px 0 22px;margin-left: 6px;border-radius: 22px;border: 1px solid #E0DFE4;cursor: default;}
#header .right-header > ul li.user-contact .phone::before{content: '';position: absolute;top: 1px;left: 1px;width: 19px;height: 19px;background: url(/sysimages/icon-phone-desktop.png) left top/19px no-repeat;}
#header .right-header > ul li.user-currency{padding-bottom: 2px;}

#header .right-header > ul li.user-contact p{font-size: 13px;text-transform: uppercase;}
#header .right-header > ul li.user-contact .phone{font-size: 12px;line-height: 20px;text-decoration: none;}
#header .right-header > ul li.user-currency a{line-height: 20px;}

#header .right-header .country-drop{display: none;position: absolute;top: 21px;right: 0;width: 270px;padding: 10px;border: 1px solid #EAEAEA;background: #FFF;z-index: 15;}
#header .right-header .country-drop .form-field{margin-bottom: 10px;}
#header .right-header .country-drop .form-field label > span{padding-bottom: 4px;}
#header .right-header .country-drop .form-field .select{background-repeat: no-repeat;background-position: 7px center;}
#header .right-header .country-drop select#country{padding-left: 30px;}
#header .right-header .country-drop button{width: 100%;}
#header .right-header .shop-icons{float: right;clear: both;margin-top: 19px;margin-right: 10px;transition:0.2s margin;}
#header .right-header .shop-icons > ul{margin: 0;list-style: none;font-size: 0;}
#header .right-header .shop-icons > ul > li{position: relative;display: inline-block;vertical-align: middle;padding-left: 25px;/*margin-top: -4px;*/}
#header .right-header .shop-icons > ul > li.user-wishlist{padding-left: 20px;}
#header .right-header .shop-icons > ul > li.user-account{padding-right: 20px !important;}
#header .right-header .shop-icons > ul > li.user-logout,
#header .right-header .shop-icons > ul > li:first-child{padding-left: 0;padding-right: 6px;/*margin-top: 1px;*/}
#header .right-header .shop-icons > ul > li > a{display: block;position: relative;display: block;text-decoration: none;}
#header .right-header .shop-icons > ul > li > a:not(.disabled):hover{text-decoration: underline;}
#header .right-header .shop-icons > ul > li.disabled > a,
#header .right-header .shop-icons > ul > li > a.disabled{cursor: default;}
#header .right-header .shop-icons > ul > li.disabled span,
#header .right-header .shop-icons > ul > li > a.disabled span{display: none;}
#header .right-header .shop-icons > ul > li.user-wishlist a{text-decoration: none !important;}
#header .right-header .shop-icons > ul > li.user-wishlist a::before{background-image: url(../../sysimages/icon-wishlist.png);background-position: left bottom;width: 16px;position: relative;top: 1px;height: 14px;margin-top: 1px;background-size: 16px 28px;}
#header .right-header .shop-icons > ul > li.user-wishlist.disabled > a::before{background-position: left top;}
#header .right-header .shop-icons > ul > li.user-wishlist .desktop-wish-notice-remove,
#header .right-header .shop-icons > ul > li.user-wishlist .desktop-wish-notice{display: none;position: absolute;top: calc(100% + 22px);right: -100%;padding: 6px 14px;white-space: nowrap;z-index: 1;}
#header .right-header .shop-icons > ul > li.cart > a::before{background: url(../../sysimages/icon-cart.png) left bottom/15px 32px no-repeat;width: 15px;height: 16px;padding-right: 5px;}
#header .right-header .shop-icons > ul > li.cart > a.disabled::before{background-position: left top;}
#header .right-header .shop-icons > ul > li > a span{display: inline-block;vertical-align: middle;padding-top: 3px;}
#header .right-header .shop-icons > ul > li > a #itemsWishlist{padding-left: 4px;}
#header .right-header .shop-icons > ul > li.active > a::before{background-position: left bottom;}
#header .right-header .shop-icons > ul > li:not(.user-login):not(.user-logout):not(.user-account) > a::before{content: '';display: inline-block;vertical-align: middle;background-repeat: no-repeat;}.
#header .right-header .shop-icons > ul > li.user-login > a,
#header .right-header .shop-icons > ul > li.user-logout > a,
#header .right-header .shop-icons > ul > li.user-account > a{line-height: 15px;}
#header .right-header .shop-icons > ul > li.user-account > a,
#header .right-header .shop-icons > ul > li.user-login > a,
#header .right-header .shop-icons > ul > li.user-logout > a{position: relative;top: 3px;}
#header .right-header .items-dropdown{position: absolute;top: 22px;right: 0px;display: none;width: 300px;z-index: 10;padding-top: 15px !important;}
#header .right-header .items-dropdown-holder{background: #FFF;border: 1px solid #f1f1f2;}
#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 #f1f1f2;}
#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;overflow: hidden;}
#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{positifon: 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 #f1f1f2;background: #F7F7F7;}
#header .right-header .items-dropdown .bottom-list .total-price{padding-bottom: 8px}
#header .right-header .items-dropdown .bottom-list .button{width: 100%;}


#header .wrapper-menu{position: relative;background: #f1f1f2;min-height: 40px;}
#header .menu{/*margin-left: -4px; */position: relative;}
#header .menu > ul{float: left;display: none;}
#header .menu > ul.activeUL,
#header .menu > ul:first-child{display: block;}
#header .menu > ul > li{float: left;}
#header .menu > ul > li > a{display: block;padding: 12px 8px 11px;height: 40px;transition: 0.2s background, color;}
#header .menu > ul > li > a:not(.toggle-button-big-menu), #header .wrapper-search > a{padding-left: 18px;padding-right: 18px;}
#header .menu > ul > li > a[href="javascript:void(0);"]{cursor: default;}
#header .menu > ul > li:hover > a, #header .menu > ul > li.sel > a{background: #727272;color: #fff;}
#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 > ul > li:hover .submenu{visibility: visible;}
#header .menu .submenu{position: absolute;top: 100%;visibility: hidden;z-index: 10;border-bottom: 1px solid #f1f2f4;background: #FFF;}
#header .menu .submenu.submenuFeatured{width: calc(100% + 64px);left: -32px;padding: 0 25px;}
#header .menu .submenu:not(.submenuFeatured){border-left: 1px solid #f1f2f4;border-right: 1px solid #f1f2f4;}
#header .menu .submenu:not(.menuImage):not(.submenuFeatured){min-width: 200px;}
#header .menu .submenu.menuImage:not(.submenuFeatured){min-width: 568px;}
#header .menu .submenu .container{max-width: 1440px;}
#header .menu .submenu > div{position: relative;padding: 36px 0 36px;}
#header .menu .submenu:not(.menuImage):not(.submenuFeatured),
#header .menu .submenu.menuImage:not(.submenuFeatured){padding-left: 11px;padding-right: 11px;}
#header .menu .submenu .column-menu > ul{float: left;}
#header .menu .submenu .column-menu ul li a{display: inline-block;}
#header .menu .submenu .column-menu > ul > li{padding-top: 8px;line-height: 0;}
#header .menu .submenu:not(.menuImage):not(.submenuFeatured) .column-menu > ul > li:first-child,
#header .menu .submenu.menuImage:not(.submenuFeatured) .column-menu > ul > li:first-child{padding-top: 0;}
#header .menu .submenu .column-menu > ul > li.featured{padding-top: 0;padding-bottom: 6px;}
#header .menu .submenu .column-menu > ul > li > a{text-decoration: none;}
#header .menu .submenu .column-menu > ul > li > a{border-bottom-width: 1px;border-bottom-style: solid;transition:0.2s border, color;}
#header .menu .submenu .column-menu > ul > li.featured > a{/*cursor: default;*/text-transform: uppercase;border-bottom-color: transparent;}
#header .menu .submenu .column-menu > ul ul{padding-bottom: 14px;}
#header .menu .submenu .column-menu > ul ul li{padding-top: 6px;}
#header .menu .submenu .column-menu > ul > li:last-child ul{padding-bottom: 0;}
#header .menu .submenu .col-sm-9.column-menu{width: calc(100% - 275px);}
#header .menu .submenu .column-image{padding-left: 0;width: 275px;}
#header .menu .submenu .column-image img{display: block;width: 100%;}

#header .wrapper-search{float: right;}
#header .wrapper-search > a{padding: 12px;display: block;}
#header .wrapper-search > a:hover, #header .wrapper-search > a.active{color: #fff;background: #727272;}
#header .wrapper-search-form{position: absolute;top: 100%;left: 0;width: 100%;height: 76px;background-color:#fff;display: none;border-bottom: 1px solid;}
#header .wrapper-search-form form{display: block;width: 520px;margin: 16px auto 0;/*border-bottom: 1px solid;*/position: relative;}
#header .wrapper-search-form form input[type=text],
#header .wrapper-search-form form input[type=search]{padding: 7px 30px 7px 33px;border: 0;border-bottom: 1px solid;text-align: center;}
#header .wrapper-search-form #search{width: 100%;}
#header .wrapper-search-form .btn-search{position: absolute;right: 0;top: 14px;right: 12px;width: 16px;height: 16px;background: url(../../sysimages/icon-search.png) left top/16px no-repeat;border:0;padding: 0;}
#header .wrapper-search-form .btn-search:hover{opacity: 0.8;}

.toggle-button-big-menu{cursor: pointer !important;min-height: 40px;padding-top: 13px !important;}
.toggle-button-big-menu span{background: #808080;height: 2px;width: 20px;display: block;margin-bottom: 4px;transition: all .2s;}
.sel .toggle-button-big-menu:hover span,
.toggle-button-big-menu:hover span{background: #fff;}
.toggle-button-big-menu span:last-child{margin: 0;}
.mobile-cart-notice,
.mobile-wish-notice,
.mobile-wish-remove-notice{display: none;position: absolute;top: 100%;left: 0;width: 100%;padding: 4px 15px;background: #17995A;text-align: center;}

#containerSite::before{opacity: 0;visibility: hidden;content: '';/*position: absolute;*/position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.65);z-index: 45;}
#containerSite.overlay::before{opacity: 1;visibility: visible;}
#main{padding-top: 124px;background: #FFF;}
body.bannerWelcomeGiftVisible #main {padding-top: 164px;}

/* -------- HEADER SLIM --------- */
.header-slim #header .logo{max-width: 102px;margin-top: 6px;}
.header-slim #header .left-header ul li a{padding-top: 34px;}
.header-slim #header .right-header .shop-icons{margin-top: 6px;}
.header-slim .toggle-button-big-menu,
.header-slim #header .wrapper-menu{min-height: 32px !important;}
.header-slim #header .menu a.toggle-button-big-menu{padding-top: 9px !important;padding-bottom: 8px !important;height: 32px;}
.header-slim #header .wrapper-search > a,
.header-slim #header .menu > ul > li > a:not(.toggle-button-big-menu){padding-top: 8px !important;padding-bottom: 7px !important;height: 32px;}
.header-slim .toggle-button-big-menu{padding-top: 9px !important;padding-bottom: 9px !important;}
.header-slim #header .right-header .items-dropdown{padding-top: 7px !important;}
.header-slim #header .right-header .shop-icons > ul > li.user-wishlist .desktop-wish-notice-remove,
.header-slim #header .right-header .shop-icons > ul > li.user-wishlist .desktop-wish-notice{top: calc(100% + 9px) !important;}
/* ------------------------------ */

/* ------------ POPUP CART ------------------ */
.pop-cart{width: 100%;max-width: 568px;padding: 15px;}
.pop-cart table{width: 100%;margin-top: 5px;border-top: 1px solid #CCC;}
.pop-cart table tr td{padding: 10px 5px 0;}
.pop-cart table tr td:first-child{width: 65px;padding-left: 0;}
.pop-cart table tr td:last-child{padding-right: 0;}
.pop-cart table tr td img{width: 100%;border: 1px solid #CCC;}
.pop-cart .wrapper-buttons > div{float: right;}
.pop-cart .wrapper-buttons button, .pop-cart .wrapper-buttons .button{margin-top: 15px;}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
   #header .wrapper-search-form .btn-search{background: url(../../sysimages/icon-search@2x.png) left top/16px no-repeat;}
}

@media screen and (max-width: 768px) {
   .pop-cart{width: auto;max-width: 568px;}
   .pop-cart table tr td{min-width: 10px !important;}
   .pop-cart .wrapper-buttons{padding-top: 20px;}
   .pop-cart button, .pop-cart .button{float: none;width: 100%;margin-top: 10px;}
}
/* ------------------------------ */

@media screen and (min-width: 768px){
   #header{min-width: 1100px;}
}

@media screen and (max-width: 1152px){
   #header .menu .submenu .col-sm-9.column-menu{width: calc(100% - 170px);}
   #header .menu .submenu .column-image{padding-left: 0;width: 170px;}
}

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

#header .toggle-button{transition: opacity 0.3s ease;position: absolute;top: calc(50% - 14px);left: 5px;width: 15px;height: 9px;background: url(../../sysimages/menu-mobile.png) center/17px 20px no-repeat;padding: 10px;box-sizing:content-box;}
#header .toggle-button.active {opacity: 0}
#header .contact-button{position: absolute;top: calc(50% - 15px);left: 45px;width: 30px;height: 30px;}
#header .contact-button::before{content: '';position: absolute;top: calc(50% - 10px);left: calc(50% - 10px);width: 20px;height: 20px;background: url(/sysimages/icon-phone-mobile.png) left top/20px no-repeat;}

@media screen and (max-width: 768px) {
	#header{position: fixed;border-bottom: 1px solid #f1f2f4;}
   #header .left-header,
   #header .right-header > ul,
   #header .wrapper-menu,
   #header .right-header .shop-icons > ul li:not(.cart):not(.user-wishlist){display: none;}
   #header .wrapper-header{padding: 12px 0;}
   #header .logo{float: none;max-width: 58px;margin: 0 auto;}
   #header .right-header{float: none;padding: 0;}
   #header .right-header .shop-icons{float: none;padding: 0;position: absolute;top: calc(50% - 12px);right: 16px;margin-top: 0;margin-right: 0;}
   #header .right-header .shop-icons > ul > li{padding-left: 19px;}
   #header .right-header .shop-icons > ul > li.user-wishlist{padding-left: 0;}
   #header .right-header .shop-icons > ul > li.user-wishlist a::before{margin-top: -1px;}
   #header .contact-button{left: 50px;}
   #main{padding-top: 55px;}

   body.bannerWelcomeGiftVisible.menu-open:not(.unpinned) header#header {margin-top: 39px !important;}
   .bannerWelcomeGift.mobile {transition: opacity 0.3s ease; left: auto !important;}
   .bannerWelcomeGift.mobile.hideOpacity {opacity: 0}

   body.menu-open-header {overflow: hidden; position: relative;}
}

.bannerWelcomeGift.desktop {transition: .3s transform;}
.showLateral .bannerWelcomeGift.desktop{transform: translateX(715px);}