#header{position: fixed;top: 0;left: 0;width: 100%;z-index: 50;background: #FFF;box-shadow: 0px 1px 2px 0px #ddd;}
#header.behind{z-index: 1;}
#header a:not(.btn-cart){border-bottom: 0;}
#header .nav-top{position: relative;/*padding: 4px 0 2px;padding: 0 0 2px;*/padding: 6px 0 2px;}
#header .nav-top .column:last-child ul{float: right;}
#header .nav-top .column:last-child ul li:last-child{padding-right: 0;}
#header .nav-top ul{margin: 0;list-style: none;}
#header .nav-top ul li{position: relative;float: left;/*padding: 4px 10px 1px;*/padding: 2px 10px 1px;}
#header .nav-top ul li a,
#header .nav-top ul li p{position: relative;display: block;}
#header .nav-top ul li a:hover{text-decoration: underline;}
#header .nav-top ul li a::before{content: '';position: absolute;top: calc(50% - 5px);left: 0;width: 9px;height: 9px;}
#header .nav-top ul li.user-currency{padding-left: 23px;background-repeat: no-repeat;/*background-position: 0 7px;*/background-position: 0 5px;background-size: 15px auto;}
#header .nav-top .country-drop{display: none;position: absolute;top: 21px;left: 0;width: 270px;padding: 10px;border: 1px solid #EAEAEA;background: #FFF;z-index: 15;}
#header .nav-top .country-drop .form-field{margin-bottom: 10px;}
#header .nav-top .country-drop .form-field label > span{padding-bottom: 4px;}
#header .nav-top .country-drop .form-field .select{background-repeat: no-repeat;background-position: 7px center;}
#header .nav-top .country-drop div.select select{padding-top: 7px;padding-bottom: 7px;}
#header .nav-top .country-drop select#country{padding-left: 30px;}
#header .nav-top .country-drop button{width: 100%;}

#header .wrapper-header{position: relative;transition: 0.2s padding-top;-webkit-transition: 0.2s padding-top;-moz-transition: 0.2s padding-top;}
#header .wrapper-header .logo{display: block;max-width: 162px;margin: 0 auto;}
#header .wrapper-header .logo img{display: block;width: 100%;}

.toggle-button{display: none;position: absolute;top: calc(50% - 40px);left: 5px;padding: 10px;}
.toggle-button span{background: #333;height: 2px;width: 18px;display: block;margin-bottom: 4px;transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;}
.toggle-button span:last-child{margin: 0;}
.toggle-button.active span:nth-of-type(1){transform: translateY(7px) rotate(45deg);-webkit-transform: translateY(7px) rotate(45deg);-ms-transform: translateY(7px) rotate(45deg);}
.toggle-button.active span:nth-of-type(2){opacity: 0;}
.toggle-button.active span:nth-of-type(3){transform: translateY(-5px) rotate(-45deg);-webkit-transform: translateY(-5px) rotate(-45deg);-ms-transform: translateY(-5px) rotate(-45deg);}

#header .wrapper-menu{position: relative;padding-top: 8px;}
#header .wrapper-menu .search{float: left;width: 188px;position: relative;padding-top: 2px;}
#header .wrapper-menu .search-form{border: 1px solid transparent;}
#header .wrapper-menu .search-form.focus{border-color: #737373;border-radius: 3px;}
#header .wrapper-menu .search-form #search{width: 100%;border: 1px solid #dfdfdf;padding-top: 7px;padding-bottom: 7px;padding: 7px 25px 7px 12px;}
#header .wrapper-menu .search-form #search:focus{border-color: #737373;border-radius: 2px;}
#header .wrapper-menu .search-form .btn-search{width: 20px;height: 20px;background: url(../../sysimages/icon-search@3x.png) left top/20px no-repeat;border: 0;padding: 0;position: absolute;top: calc(50% - 9px);right: 6px;border:0;}
#header .wrapper-menu .menu{float: left;display: block;width: calc(100% - 269px);font-size: 0;text-align: center;}
#header .wrapper-menu .menu > ul{display: inline-block;vertical-align: top;}
#header .wrapper-menu .menu > ul > li{float: left;}
#header .wrapper-menu .menu > ul > li > a{display: block;padding: 15px 25px;border-bottom: 0;position: relative;}
#header .wrapper-menu .menu > ul > li > a[href="javascript:void(0);"]{cursor: default;}
#header .wrapper-menu .menu > ul > li > a::before{content:'';position: absolute;bottom: 0;left: 25px;width: 0;height: 2px;opacity: 0;transition:0.2s width, opacity;-webkit-transition:0.2s width, opacity;-moz-transition:0.2s width, opacity;background: #293441;}
#header .wrapper-menu .menu > ul > li:hover > a::before, #header .wrapper-menu .menu > ul > li.sel > a::before{width: calc(100% - 50px);opacity: 1;}
#header .wrapper-menu .menu > ul > li:hover .submenu{visibility: visible;}
#header .wrapper-menu .menu .submenu{border-bottom: 1px solid #ececec;text-align: left;position: absolute;top: calc(100% - 19px);padding-top: 20px;left: 0;width: 100%;visibility: hidden;z-index: 10;}
#header .wrapper-menu .menu .submenu .submenu-shadow{position: absolute;top: -1px; height: 1px;width: 100%;background: #f6f6f5;box-shadow: 0px 1px 2px 0px #f0f0f0;}
#header .wrapper-menu .menu .submenu > div{position: relative;padding: 31px 0 42px;background: #FFF;/*box-shadow: 0px -4px 3px -4px #ddd;*/}
#header .wrapper-menu .menu .submenu .container{max-width: 1162px;}
#header .wrapper-menu .menu .submenu .column-menu > ul{float: left;}
#header .wrapper-menu .menu .submenu .column-menu ul li a{display: inline-block;}
#header .wrapper-menu .menu .submenu .column-menu ul li a[href="javascript:void(0);"]{cursor: default;}
#header .wrapper-menu .menu .submenu .column-menu > ul > li{padding-top: 11px;}
#header .wrapper-menu .menu .submenu .column-menu > ul > li:first-child{padding-top: 10px;}
#header .wrapper-menu .menu .submenu .column-menu > ul ul{padding-bottom: 14px;padding-top: 5px;}
#header .wrapper-menu .menu .submenu .column-menu > ul ul li{padding-top: 11px;line-height: 0;}
#header .wrapper-menu .menu .submenu .column-menu > ul ul li:first-child{padding-top: 2px;}
#header .wrapper-menu .menu .submenu .column-menu > ul > li:last-child ul{padding-bottom: 0;}
#header .wrapper-menu .menu .submenu .column-menu > ul > li > a{border-bottom: 2px solid;transition: 0.2s border;}
#header .wrapper-menu .menu .submenu .column-image{padding-left: 5px;}
#header .wrapper-menu .menu .submenu .column-image .wrapper-image{display: inline-block;line-height: 0;width: 329px;text-align: right;vertical-align: top;}
#header .wrapper-menu .menu .submenu .column-image .wrapper-image a{display: inline-block;width: 100%;max-width: 329px;}
#header .wrapper-menu .menu .submenu .row[images="2"] .column-image .wrapper-image{width: calc(50% - 21px);}
#header .wrapper-menu .menu .submenu .row[images="2"] .column-image .wrapper-image:first-child{margin-right: 21px;}
#header .wrapper-menu .menu .submenu .row[images="2"] .column-image .wrapper-image:last-child{margin-left: 21px;}
#header .wrapper-menu .menu .submenu .column-image img{display: block;width: 100%;}
                                                                                                                        
/*#header .menu .submenu .ul_nivel3 {float: left; width: 60%;}*/
#header .menu .submenu .ul_nivel3 {float: left; width: 50%;}
#header .menu .submenu .column-menu > ul ul li a {border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: transparent;transition: 0.2s border;}
#header .menu .submenu .column-menu > ul ul li.sel a, #header .menu .submenu .column-menu > ul ul li a:hover{border-bottom-color: #000;}
#header .column-image a.link_menu {transition: 0.2s border;display: inline-block !important;width: auto !important;text-transform: uppercase;border-bottom-width: 1px;border-bottom-style: solid;padding-bottom: 1px;margin-top: 13px;}
#header .menu .submenu .column-image .wrapper-image a.link_menu {border-bottom-color: #666;text-decoration: none;}
#header .menu .submenu .column-image .wrapper-image a.link_menu:hover {border-bottom-color: transparent;}
#header .column-image .wrapper-link {text-align: center !important;}

#header .wrapper-menu .shop-icons{float: left;width: 80px;padding-top: 13px;}
#header .wrapper-menu .shop-icons > ul{margin: 0;list-style: none;margin-left: 4px;}
#header .wrapper-menu .shop-icons > ul > li{position: relative;float: left;}
#header .wrapper-menu .shop-icons > ul > li:first-child{padding-right: 22px;}
#header .wrapper-menu .shop-icons > ul > li > a{position: relative;display: block;line-height: 0;text-decoration: none;}
#header .wrapper-menu .shop-icons > ul > li.disabled > a,
#header .wrapper-menu .shop-icons > ul > li > a.disabled{cursor: default;}
#header .wrapper-menu .shop-icons > ul > li.cart > a{font-size: 0;min-width: 34px;}
#header .wrapper-menu .shop-icons > ul > li.cart > a span{display: inline-block;vertical-align: top;margin-left: 8px;}
#header .wrapper-menu .shop-icons > ul > li.cart > a::before{content: '';display: inline-block;vertical-align: top;width: 12px;height: 15px;background: url(../../sysimages/icon-cart.png) no-repeat left top/12px;}
#header .wrapper-menu .shop-icons > ul > li.user-wishlist > a::before{content: '';display: inline-block;width: 17px;height: 15px;background: url(../../sysimages/icon-wishlist.png) no-repeat left top/17px;}
#header .wrapper-menu .shop-icons > ul > li.user-wishlist:not(.disabled) > a:hover::before, #header .wrapper-menu .shop-icons > ul > li.cart > a:not(.disabled):hover::before{opacity: 0.7;}
#header .wrapper-menu .items-dropdown{position: absolute;top: 15px;right: 0px;display: none;width: 300px;z-index: 10;}
#header .wrapper-menu .items-dropdown-holder{margin-top: 15px;background: #FFF;border: 1px solid #f2f2f2;}
#header .wrapper-menu .items-dropdown .items-list{max-height: 256px;padding: 9px 9px 10px;}
#header .wrapper-menu .items-dropdown .items-list ul{margin: 0;list-style: none;}
#header .wrapper-menu .items-dropdown .items-list ul li{position: relative;border-top: 1px solid #f2f2f2;}
#header .wrapper-menu .items-dropdown .items-list ul li:first-child{border-top: 0;}
#header .wrapper-menu .items-dropdown .items-list ul li a{display: block;padding: 10px 0;}
#header .wrapper-menu .items-dropdown .items-list ul li:first-child a{padding-top: 0;}
#header .wrapper-menu .items-dropdown .items-list ul li:last-child a{padding-bottom: 0;}
#header .wrapper-menu .items-dropdown .items-list ul li a.item-remove{position: absolute;top: calc(50% - 7px);right: 5px;padding: 0;}
#header .wrapper-menu .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 .wrapper-menu .items-dropdown .item-img{position: relative;float: left;width: 65px;border: 1px solid #EDEDED;}
#header .wrapper-menu .items-dropdown .item-img img{display: block;width: 100%;}
#header .wrapper-menu .items-dropdown .item-desc{position: relative;float: left;width: calc(100% - 65px);padding: 4px 25px 4px 10px;}
#header .wrapper-menu .items-dropdown .item-desc p{/*white-space: nowrap;text-overflow: ellipsis;overflow: hidden;*/-ms-word-break: break-all;word-break: break-all;}
#header .wrapper-menu .items-dropdown .item-desc .item-ref{padding-bottom: 5px;}
#header .wrapper-menu .items-dropdown .bottom-list{text-align: center;padding: 13px 15px 15px;border-top: 1px solid #f2f2f2;background: #F7F7F7;}
#header .wrapper-menu .items-dropdown .bottom-list .total-price{padding-bottom: 8px}
#header .wrapper-menu .items-dropdown .bottom-list .button{width: 100%;}

#header .wrapper-menu .desktop-wish-notice{display: none;position: absolute;top: calc(100% + 5px);right: -34px;padding: 2px 10px;white-space: nowrap;z-index: 1;}
#header .wrapper-menu .mobile-wish-notice, #header .wrapper-menu .mobile-rem-wish-notice, #header .wrapper-menu .mobile-cart-notice{display: none;position: absolute;top: 100%;right: 0;width: 100%;padding: 4px 15px;background: #17995A;text-align: center;}
#header .wrapper-menu .mobile-rem-wish-notice{background: #ff0000;color: #fff;}

#containerSite::before{opacity: 0;visibility: hidden;content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.3);z-index: 59;}
#containerSite.overlay::before,
#containerSite.overlay2::before{opacity: 1;visibility: visible;}
#containerSite.overlay3::before{opacity: 1;visibility: visible;z-index: 58;background-color: rgba(255, 255, 255, 0.7);}
#header::before{opacity: 0;visibility: hidden;content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(255, 255, 255, 0.7);z-index: 45;}
#header.overlay2{box-shadow: none;}
#header.overlay2::before,
.overlay3 #footer::before{opacity: 1;visibility: visible;z-index: 9;}

#main{padding-top: 111px;background: #FFF;}
body.welcomeGiftHeaderActive #main {padding-top: 164px;}

#containerSite-mask{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(32, 32, 32, 0.7);opacity: 0;visibility: hidden;z-index: 999;transition: 0.3s transform;-webkit-transition: 0.3s transform;-moz-transition: 0.3s transform;}
#containerSite-mask a{display: block;line-height: 0;width: 12px;height: 16px;padding: 20px 18px;box-sizing:content-box;background: url(../../../sysimages/close-menu.png) center/16px no-repeat;border-bottom: 0;}
.bannerWelcomeGiftVisible.menu-open #containerSite-mask a, .show-market-bar.menu-open #containerSite-mask a {margin-top: 27px;}
.mask-show #header{transform: translateX(271px);-webkit-transform: translateX(271px);-ms-transform: translateX(271px);z-index: 999999;}
.mask-show #containerSite-mask{opacity: 1;visibility: visible;transform:translateX(271px) !important;-webkit-transform:translateX(271px) !important;-ms-transform:translateX(271px) !important;z-index: 9999999;}

/* -------- HEADER SLIM --------- */
.header-slim #header .wrapper-header{padding-top:15px;}
.header-slim #header .nav-top{opacity: 0;}
/* ------------------------------ */

/* ------------ 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 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;}
}
/* ------------------------------ */

/* ---- ICONS RETINA ---- */
@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-menu .shop-icons > ul > li.cart > a::before{background: url(../../sysimages/icon-cart@3x.png) no-repeat left top/12px;}
   #header .wrapper-menu .shop-icons > ul > li.user-wishlist > a::before{background: url(../../sysimages/icon-wishlist@3x.png) no-repeat left top/17px;}
}
/* ---- ICONS RETINA ---- */

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

@media screen and (max-width: 1280px){
   #header .wrapper-menu .menu > ul > li > a{padding: 15px 20px;}
}

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

@media screen and (max-width: 768px) {
	#header{position: fixed;}
   #header .nav-top, #header .search, #header .help-header, #header .search, #header .menu, #header .wrapper-menu .shop-icons > ul > li.user-wishlist{display: none !important;}
   #header .wrapper-header{padding: 10px 0 6px;}
   #header .wrapper-header .logo{margin-top: 6px;max-width: 116px;}
   /*#header .wrapper-header .logo img{float: none;max-width: 116px;margin: 0 auto;}*/
   #header .right-header{float: none;padding: 0;}
   #header .wrapper-menu .shop-icons{float: none;padding: 0;position: absolute;top: calc(50% - 30px);right: 21px;width: auto;}
   #header .wrapper-menu .shop-icons > ul > li.cart > a.disabled span{display: none;}
   #main{padding-top: 54px;}
   a.toggle-button{display: block;}
   a.toggle-button.active {display: none;}

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

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