.overlay::before {background-color: rgba(51, 51, 51, 0.5);content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 90;} .overlay2::before {background-color: rgba(51, 51, 51, 0.5);content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 90;} #header{position: fixed;top: 0;left: 0;width: 100%;z-index: 100;} body.menu-mobile-opened .overlay::before{background-color: transparent;} body.menu-mobile-opened #containerSite-mask{background-color: rgba(51, 51, 51, 0.5);} body.menu-mobile-opened #header{z-index: 501;} /* Visual Pager Design under header (header transparent) - Opc. GEST */ @media screen and (min-width: 768px) { /*body:not(.menu-mobile-opened) #header.underHeader {background-color: rgba(255,255,255,0.15);}*/ /*body:not(.menu-mobile-opened) #header.underHeader #header-wrapper-block {background-image: linear-gradient(to bottom, rgba(255,255,255,0.15), rgba(255,255,255,0.15) 1px);}*/ } @media screen and (max-width: 767px) and (max-device-height: 1000px) and (orientation: portrait), screen and (max-device-width: 1020px) and (max-device-height: 1000px) and (orientation: landscape) { /*#header.underHeader {background-color: rgba(255,255,255,0.15);}*/ /*#header.underHeader #header-wrapper-block {background-image: linear-gradient(to bottom, rgba(255,255,255,0.15), rgba(255,255,255,0.15) 1px);}*/ } /* Header background color (Not under header) */ /*#header:not(.underHeader),*/ /*body.container-search-active #header,*/ /*body.user-currency-active #header {background-color: white !important;}*/ /*#header:not(.underHeader) #header-wrapper-block,*/ /*body.container-search-active #header-wrapper-block,*/ /*body.user-currency-active #header-wrapper-block {background-image: linear-gradient(to bottom, whitesmoke, whitesmoke 1px);}*/ @media screen and (min-width: 768px) { /*body.menu-mobile-opened #header, body:not(.tablet) #header:hover {background-color: white;}*/ /*body:not(.tablet) #header:hover #header-wrapper-block {background-image: linear-gradient(to bottom, whitesmoke, whitesmoke 1px);}*/ } #header-main-block {position: relative; z-index: 100;} .rdc-page-module-search #header-main-block {border-top: 0; border-bottom: 0;} body.submenu-visible {overflow: hidden;padding-right: var(--window-scroll-width);} body.submenu-visible #header{padding-right: var(--window-scroll-width);} /* Header Transparente/Branco */ body:not(.header-slim-mobile):not(.header-slim):not(.user-currency-active):not(.headerCampaignVisible):not(.user-account-active):not(.hover-wish):not(.container-search-active):not(.rdc-minicart-visible):not(.submenu-visible).rdc-page-id-1 #header:not(:hover){background-color: transparent;} body:not(.header-slim-mobile):not(.header-slim):not(.user-currency-active):not(.headerCampaignVisible):not(.user-account-active):not(.hover-wish):not(.container-search-active):not(.rdc-minicart-visible):not(.submenu-visible).rdc-page-id-1 #header #header-wrapper-block {border-color: transparent;} #header{background-color: #fff;} body #header #header-wrapper-block{border-bottom: 1px solid transparent;} body.header-slim/*:not(.product-bar-view)*/ #header #header-wrapper-block{border-bottom-color: #f2f2f2;} body.header-slim #header .menu > ul > li.sub > a > span{padding-top: 1px;} body.submenu-visible #header #header-wrapper-block, body.menu-mobile-opened.tablet #header #header-wrapper-block{border-bottom-color: #f5f6f8;} body:not(.header-slim):not(.header-slim-mobile):not(.user-currency-active):not(.headerCampaignVisible):not(.user-account-active):not(.hover-wish):not(.container-search-active):not(.rdc-minicart-visible):not(.submenu-visible).rdc-page-id-1 #header:not(:hover) .rdc-icon-black{display: none;} body:not(.header-slim):not(.header-slim-mobile):not(.user-currency-active):not(.headerCampaignVisible):not(.user-account-active):not(.hover-wish):not(.container-search-active):not(.rdc-minicart-visible):not(.submenu-visible).rdc-page-id-1 #header:not(:hover) .rdc-icon-white, body #header .rdc-icon-black{display: inline-block;} body #header .rdc-icon-white{display: none;} body:not(.header-slim):not(.header-slim-mobile):not(.user-currency-active):not(.headerCampaignVisible):not(.user-account-active):not(.hover-wish):not(.container-search-active):not(.rdc-minicart-visible):not(.submenu-visible).rdc-page-id-1 #header:not(:hover) .menu > ul > li > a, body:not(.header-slim):not(.header-slim-mobile):not(.user-currency-active):not(.headerCampaignVisible):not(.user-account-active):not(.hover-wish):not(.container-search-active):not(.rdc-minicart-visible):not(.submenu-visible).rdc-page-id-1 #header:not(:hover) .menu > ul > li > .a, body:not(.header-slim):not(.header-slim-mobile):not(.user-currency-active):not(.headerCampaignVisible):not(.user-account-active):not(.hover-wish):not(.container-search-active):not(.rdc-minicart-visible):not(.submenu-visible).rdc-page-id-1 #header:not(:hover) .menu > ul > li > a > a, body:not(.header-slim):not(.header-slim-mobile):not(.user-currency-active):not(.headerCampaignVisible):not(.user-account-active):not(.hover-wish):not(.container-search-active):not(.rdc-minicart-visible):not(.submenu-visible).rdc-page-id-1 #header:not(:hover) .menu > ul > li > a > .a{color: #fff;/*font-weight: 400;*/} /* Header white */ body.rdc-minicart-visible #header .rdc-icon-black, body.bannerWelcomeGiftVisible #header .rdc-icon-black, body.headerCampaignVisible #header .rdc-icon-black, body.header-slim #header .rdc-icon-black, body.submenu-visible #header .rdc-icon-black{display: inline-block;} body #header .rdc-icon-black.rdc-icon-menu{background-size: 20px 13px;} body.rdc-minicart-visible #header .rdc-icon-white, body.header-slim #header .rdc-icon-white, body.bannerWelcomeGiftVisible #header .rdc-icon-white, body.headerCampaignVisible #header .rdc-icon-white, body.submenu-visible #header .rdc-icon-white{display: none;} body .rdc-icon-svg.rdc-icon-search.rdc-icon-white {background-image: url("data:image/svg+xml,%3Csvg height='32' width='32' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.601 5a8.555 8.555 0 00-6.084 2.518A8.544 8.544 0 005 13.602c0 4.742 3.859 8.601 8.601 8.601a8.55 8.55 0 005.327-1.86l.262-.216.144-.123L26.33 27l.67-.669-6.997-6.997.123-.144a8.556 8.556 0 002.076-5.588c0-4.743-3.858-8.602-8.6-8.602zm0 .946c4.221 0 7.656 3.434 7.656 7.656 0 4.22-3.435 7.655-7.656 7.655-4.22 0-7.655-3.434-7.655-7.655a7.595 7.595 0 012.24-5.414 7.604 7.604 0 015.415-2.242z'/%3E%3C/svg%3E");} body .rdc-icon-svg.rdc-icon-user.rdc-icon-white {background-image: url("data:image/svg+xml,%3Csvg height='32' width='32' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.001 5l.276.004c3.742.11 5.265 2.465 5.385 6.278l.005.274-.006.317-.024.549-.036.557c-.19 2.48-.79 4.591-2.797 5.636l-.24.12-.132.057v.55l.243.03c5.354.723 8.197 2.99 8.32 6.788l.005.261V27H5v-.579c0-3.956 2.85-6.31 8.325-7.049l.243-.03v-.55l-.131-.058c-2.28-1.066-2.913-3.482-3.072-6.293l-.026-.568-.006-.317c0-3.974 1.56-6.44 5.39-6.552zm0 .799l-.254.005c-3.1.09-4.54 1.863-4.611 5.458l-.003.28.005.303c.118 3.336.793 5.197 2.444 6.07l.174.086.612.267v1.78l-.936.117c-4.921.664-7.406 2.6-7.617 5.801l-.012.234h20.393v-.014c-.106-3.251-2.48-5.25-7.282-5.972l-.34-.048-.942-.119v-1.78l.577-.25.226-.111c1.533-.798 2.194-2.367 2.384-5.2l.019-.32.023-.527.006-.29-.004-.262c-.112-3.565-1.448-5.321-4.364-5.493l-.234-.01z'/%3E%3C/svg%3E");} body .rdc-icon-svg.rdc-icon-wishlist.rdc-icon-white {background-image: url("data:image/svg+xml,%3Csvg height='32' width='32' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.176 6C24.387 6 27 8.68 27 11.972c0 .378-.042.76-.132 1.186l-.06.261-.144.489c-.419 1.721-1.6 3.63-3.019 5.437l-.411.513-.422.506-.538.62-.544.604-.436.469-.434.455-.43.44-.63.628-.405.394-.582.553-.54.501-.922.827-.946.81L16 27l-.615-.51-.56-.482-.386-.342-.775-.705-.53-.498-.374-.36-.39-.38-.4-.401-.62-.635-.422-.445-.531-.577-.64-.72-.527-.62-.415-.509-.407-.517-.396-.524c-1.104-1.496-2.048-3.069-2.582-4.587l-.09-.267-.14-.466a6.098 6.098 0 01-.2-1.483C5 8.679 7.613 6 10.824 6 13.074 6 15.03 7.316 16 9.237 16.97 7.317 18.926 6 21.176 6zm0 .8c-1.811 0-3.458 1.003-4.35 2.587l-.112.21L16 11.012l-.714-1.415c-.86-1.705-2.572-2.797-4.462-2.797C8.059 6.8 5.8 9.117 5.8 11.972c0 .312.035.637.105.985l.06.266.134.443.086.257c.43 1.223 1.175 2.563 2.184 3.981l.281.389.391.518.196.251.197.248.407.498.52.612.524.592.206.228.418.452.413.436.612.628.396.395.384.375.369.354.52.49.766.697.378.335.549.473.103.085.818-.7.912-.819.533-.494.575-.546.399-.388.622-.62.423-.433.427-.448.43-.46.43-.478.209-.235.42-.487.413-.494.406-.507c1.43-1.82 2.398-3.474 2.81-4.905l.07-.266.133-.439.056-.248c.079-.372.115-.7.115-1.021 0-2.855-2.26-5.172-5.024-5.172z'/%3E%3C/svg%3E");} body:not(.header-slim):not(.header-slim-mobile):not(.user-currency-active):not(.headerCampaignVisible):not(.user-account-active):not(.hover-wish):not(.container-search-active):not(.rdc-minicart-visible):not(.submenu-visible).rdc-page-id-1 #header:not(:hover) .rdc-icon-svg.rdc-icon-cart.rdc-icon-cart {background-image: url("data:image/svg+xml,%3Csvg height='32' width='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.317 8.23h-5.128V3.39a.392.392 0 00-.394-.39h-9.591a.392.392 0 00-.394.39v4.84H5.683a.393.393 0 00-.392.361L4 25.581a.393.393 0 00.392.418h23.214a.392.392 0 00.392-.418l-1.29-16.99a.394.394 0 00-.392-.36zm-5.522 2.471c.199 0 .36.16.36.356a.36.36 0 01-.36.357.36.36 0 01-.36-.357c0-.196.161-.356.36-.356zm-9.198-6.92h8.805v4.45h-8.805zm-.393 6.92c.198 0 .36.16.36.356a.36.36 0 01-.36.357.36.36 0 01-.361-.357c0-.196.162-.356.36-.356zm-6.387 14.52l1.23-16.21h4.763v.984c-.438.16-.754.574-.754 1.063 0 .626.515 1.136 1.148 1.136s1.147-.51 1.147-1.136c0-.489-.315-.903-.754-1.063v-.984h8.805v.984c-.439.16-.754.574-.754 1.063 0 .626.515 1.136 1.147 1.136.633 0 1.147-.51 1.147-1.136 0-.489-.315-.903-.753-1.063v-.984h4.763l1.23 16.21z' fill='%23fff'/%3E%3C/svg%3E");} #header .menu > ul > li.sub.active .rdc-icon-svg.rdc-icon-menu.rdc-icon-white, #header .toggle-button.active .rdc-icon-svg.rdc-icon-menu.rdc-icon-white {background-size: 14px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' fill='%23fff'%3E%3Cpath d='M8.222 7.5L15 14.279l-.721.721-6.778-6.779L.722 15l-.721-.721L6.779 7.5 0 .721.721 0l6.78 6.779L14.279 0 15 .721z'/%3E%3C/svg%3E");} body .rdc-icon-svg.rdc-icon-arrowdown.rdc-icon-white{background-image: url("data:image/svg+xml,%3Csvg height='32' width='32' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27 10.992L15.999 22 5 10.992l.99-.991 10.007 10.016L26.008 10z'/%3E%3C/svg%3E");} #header .menu > ul > li.active .rdc-icon-svg.rdc-icon-menu.rdc-icon-black svg:not([class]), #header .menu > ul > li .rdc-icon-svg.rdc-icon-menu.rdc-icon-black svg[class]{display: none;} #header .menu > ul > li.active .rdc-icon-svg.rdc-icon-menu.rdc-icon-black svg[class]{display: block;} #header .toggle-button .close-svg, #header .toggle-button.active svg:not(.close-svg){display: none;} #header .toggle-button.active svg.close-svg{display: block;} /* Mini Basket */ /* Show icon svg mini basket. Icon default displayed hidden. */ .rdc-mini-basket-icon-svg .rdc-icon-cart{display: inline-block !important;} /* Header Top */ #header-top-block ul{float: right;list-style: none;height: 30px;position: relative;} #header-top-block ul li{padding-left: 25px;} #header-top-block ul li:first-child{padding-left: 0;} #header-top-block ul li a, #header-top-block ul li .a{display: block;border-bottom: 1px solid transparent;} #header-top-block .country-drop{display: none;position: absolute;top: 40px;right: 0;width: 270px;padding: 10px;border: 1px solid whitesmoke;background: #FFF;z-index: 15;} #header-top-block .country-drop .form-field {margin-bottom: 1em;} #header-top-block .country-drop .form-field .select{background-repeat: no-repeat;background-position: 7px center;} #header-top-block .country-drop select#country{padding-left: 30px;} #header-top-block .country-drop button{width: 100%;} #header .shop-icons > ul > li > a span {font-size: 10px;} #header .shop-icons > ul > li > a:hover .rdc-icon-svg{opacity: 1;} #header .shop-icons > ul > li:hover > a#itemsCart { cursor: pointer; } #header .shop-icons > ul > li:hover > a#itemsCart::before, #header .shop-icons > ul > li:hover > a:not(.disabled)::before{content: '';position: absolute;bottom: -1px;left: 8px;width: calc(100% - 16px);height: 2px;background-color: #6E2B39;} #header .shop-icons > ul > li.user-account:hover > a:not(.disabled)::before, #header .shop-icons > ul > li.user-login:hover > a:not(.disabled)::before{bottom: -2px;} /* Account */ li.user-account.account { position: relative; } #header .account .submenu-account{position: absolute;right: 0;display: none;z-index: 2;top: 50px;} #header .account .submenu-account > div, #header-top-block .country-drop > div{padding: 14px 0 0px 0;position: relative;width: 462px;background: #FFF;} #header-top-block .country-drop > div::before{left: 10px;} #header .account .submenu-account .user{padding: 16px 30px 31px;} #header .account .submenu-account .account-buttons{background-color: #f5f6f8;padding: 20px 20px;border-top: 1px solid #e6e6e6;} #header .account .submenu-account .account-buttons .button{padding: 16px 5px 15px;} #header .account .submenu-account .account-buttons .button:not(.btn2){width: 100%;font-weight: 600;} .submenu-account p.small{padding-bottom: 11px;} .submenu-account p.username{padding-bottom: 15px;} #header .shop-icons > ul > li > a .rdc-icon-svg.rdc-icon-arrowdown{width: 12px;height: 12px;} #header .shop-icons > ul > li.active > a .rdc-icon-svg.rdc-icon-arrowdown.rdc-icon-black, #header .shop-icons > ul > li > a.active .rdc-icon-svg.rdc-icon-arrowdown.rdc-icon-black{background-image: url("data:image/svg+xml,%3Csvg height='32' width='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27 21.009l-.99.991-10.011-10.018L5.99 22 5 21.009 15.999 10z'/%3E%3C/svg%3E");} #header .shop-icons > ul > li.active > a .rdc-icon-svg.rdc-icon-arrowdown.rdc-icon-white, #header .shop-icons > ul > li > a.active .rdc-icon-svg.rdc-icon-arrowdown.rdc-icon-white{background-image: url("data:image/svg+xml,%3Csvg height='32' width='32' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27 21.009l-.99.991-10.011-10.018L5.99 22 5 21.009 15.999 10z'/%3E%3C/svg%3E");} .headerCampaignVisible.headerCampaignVisibleTopHeader:not(.header-slim) #header .account .submenu-account{top: 50px;} .bannerWelcomeGiftVisible:not(.header-slim) #header .account .submenu-account {top: 100px;} #header-wrapper-block > .container{padding: 0 17px 0 25px;} /* Header Center Wrapper */ #header .logo{display: block;width: 189px;margin-top: 16px;} #header .logo img{width: 100%;} body.submenu-visible #header .logo img{opacity: 0.3;} #header .right-header{margin-top: 10px; float: right;} #header .menu {margin-top: 12px;} #header .menu > ul > li{display: inline-block;vertical-align: middle; margin: 0 20px; position: relative;} #header .menu > ul > li:not(.sub):hover{opacity: 0.5;} #header .menu > ul > li:first-child{border-left-width: 1px;} #header .menu > ul > li > a , #header .menu > ul > li > .a, #header .menu > ul > li > a > a, #header .menu > ul > li > a > .a{display: block;position: relative;padding: 4px 0;/*line-height: 100%;*/} #header .menu > ul > li > a > span, #header .menu > ul > li > .a > span, #header .menu > ul > li > a > span, #header .menu > ul > li > a > span{border-bottom: 1px solid transparent;} #header .menu > ul > li > a , #header .menu > ul > li > .a{padding-top: 5px;display: inline-block;vertical-align: middle;} body.submenu-visible #header .menu > ul > li:not(.active) > a, body.submenu-visible #header .menu > ul > li:not(.active) > .a {opacity: 0.3;} #header .menu > ul > li.sel > a, #header .menu > ul > li.sel > .a, #header .menu > ul > li.sel > a > .a, #header .menu > ul > li.sel > a > span , #header .menu > ul > li.sel > .a > span , #header .menu > ul > li.sel > a > span{border-color: currentColor; text-decoration: none; color: currentColor;} #header .menu > ul > li.sel:first-child > a, #header .menu > ul > li.sel:first-child > .a, #header .menu > ul > li.sel:first-child > a > .a, #header .menu > ul > li.sel:first-child > a > span, #header .menu > ul > li.sel:first-child > .a > span, #header .menu > ul > li.sel:first-child > a > span {border-bottom-color: transparent;} #header .menu > ul > li.sel:first-child > a > span, #header .menu > ul > li.sel:first-child > .a > span, #header .menu > ul > li.sel:first-child > a > span{margin-top: 1px;} #header .menu > ul > li > a:hover, #header .menu > ul > li > .a:hover, #header .menu > ul > li > a:hover > .a{ text-decoration: none; } #header .menu > ul > li .rdc-icon-svg{width: 20px;height: 20px;background-size: 20px;/*display: inline-block;*/vertical-align: middle;margin: 0 10px 0 4px;position: relative;top: 3px; background-image: none;} #header .menu > ul > li.active .rdc-icon-svg{top: 2px;} #header .menu > ul > li > a > span{display: inline-block;vertical-align: middle;} #header .logo-menu, #header .right-header, #header .logo-menu .wrapper-logo, #header .logo-menu #wrapper-menu{display: inline-block;vertical-align: top;} #header .logo-menu .wrapper-logo, #header .logo-menu #wrapper-menu{vertical-align: middle;} /* Header Center Wrapper */ #header-submenu-block {position: relative;} body.rdc-page-module-search #header.active-menu .right-header .shop-icons li.search { display: none; } #header-submenu-block:not(.active), #header-submenu-block.active .submenu:not(.active) {height: 0;} #header-wrapper-block{position: relative;background-size: 1px 1px;background-repeat: repeat-x;background-position: bottom;min-height: 60px;} #header .submenu:not(.active) {opacity: 0; visibility: hidden; height: 1px; overflow: hidden; } #header .submenu .row.row-menu{margin: 0;} #header .submenu .row.row-menu > .column.column-image{padding-left: 0;padding-right: 0;padding-top: 29px;} #header .submenu .column-image img{display: block;width: 100%;} #header .submenu .column-image .btn-shop{display: table;margin: 21px 0 0;padding-bottom: 1px;} #header .submenu .column-image .btn-shop:hover{border-color: transparent;} #header .submenu .column-menu .title-menu{padding: 1px 0 22px;} #header .submenu .column-menu .row + .title-menu {padding-top: 22px;} #header .submenu .column-menu ul{margin: 0;list-style: none;display: inline-block;} #header .submenu .column-menu ul li{padding-top: 5px; padding-bottom: 5px;} #header .submenu .column > ul > li{padding-top: 13px;padding-bottom: 13px;} #header .submenu .column-menu ul li:first-child {padding-top: 0;} #header .submenu .column-image .image{position: relative;display: block;} #header .submenu .column-image .image:not(:last-child){margin-right: 15px;} #header .submenu .column-image .desc{position: absolute;bottom: 32px;left: 32px;text-align: left;} #header .submenu .column-image .desc .title-image, #header .submenu .column-image .desc .desc-image{display: block;margin-bottom: 10px;} #header .submenu .item-menu-2 > a {white-space: nowrap;} #header .toggle-button{display: none;position: absolute;z-index: 50;top: calc(50% - 20px);left: 0;padding: 10px 15px;line-height: 0; z-index: 101;} #header .shop-icons{position: relative;float: left;} #header .shop-icons > ul{margin: 0;list-style: none;} #header .shop-icons > ul > li{float: left;} #header .shop-icons > ul > li:not(:last-child) {margin-right: 4px;} #header .shop-icons > ul > li:first-child{padding-left: 0;} #header .shop-icons > ul > li > a{position: relative;display: block;text-decoration: none; padding: 8px 8px 17px;line-height: 0;} #header .shop-icons > ul > li > a span{padding: 0 0px 0 10px;display: inline-block;vertical-align: middle;} #header .shop-icons > ul > li > a.disabled {cursor: default;} #header .shop-icons > ul > li > a.empty span{display: none;} #header .shop-icons > ul > li.user-anonymous > .rdc-icon-svg, #header .shop-icons > ul > li > a .rdc-icon-svg {width: 24px; height: 24px; background-size: 100%;vertical-align: middle;} #header .shop-icons > ul > li.user-anonymous {padding: 8px 8px 17px;} #header .shop-icons ul li.user-logout a .rdc-icon-svg.rdc-icon-white{background-image: url("data:image/svg+xml,%3Csvg height='32' width='32' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M19 5v3.949h-.79l.001-3.112H5.789v20.326h12.422l-.001-3.113H19V27H5V5z'/%3E%3Cpath d='M23.557 13L27 16.501 23.557 20l-.467-.628 2.635-2.459L15 16.912v-.824h10.725l-2.635-2.46z'/%3E%3C/svg%3E");} #header .shop-icons > ul > li.account > a .rdc-icon-user{background-size: 24px;} /* Header Submenu */ #header .submenu:not(.active) .container.container-content{display: none;} #header .submenu .container.container-content{max-width: 1485px;} #header .submenu .wrapper-top{background-color: #f5f6f8;text-align: left; padding-bottom: 13px;margin-bottom: -1px;} #header .submenu .container ul {list-style: none;} #header .submenu .wrapper-top li{padding: 12px 22px 0px;display: inline-block;vertical-align: top;} #header .submenu .wrapper-columns .row{table-layout: fixed;margin: 0;display: flex;} #header .submenu .wrapper-columns .row .row {margin: 0 -15px 0 0px;} #header .submenu .wrapper-columns .row .column{width: auto;padding-left: 0; width: 265px; max-width: 265px;} #header .submenu .wrapper-columns .row .column:not(:first-child){margin-left: 30px;} #header .submenu .wrapper-columns > .row > .column {padding-top: 27px; flex-grow: 1;padding-bottom: 20px;} #header .submenu .row.small-menu .wrapper-columns > .row > .column {text-align: center;} #header .submenu .column-menu .row.small-menu ul{text-align: left;} #header .submenu .column-menu .row.small-menu > .wrapper-columns > .row > .column > ul {min-width: 220px;} #header .submenu .row.small-menu-second .wrapper-columns ul {text-align: left;} #header .submenu .column ul li a.wrapper-title + .row {margin-top: 18px;} #header .submenu .small-menu .column ul li a.wrapper-title + .row { display: inline-block;} #header .submenu .column-menu ul li ul li {padding-top: 5px;padding-bottom: 6px;} #header .submenu .wrapper-columns{flex-grow: 1;} #header .submenu .wrapper-columns, #header .submenu .wrapper-image{display: inline-block;vertical-align: top;} #header .submenu .row[data-images="0"] .wrapper-columns{width: 100%;} #header .submenu .wrapper-image{width: 520px;max-width: 520px;padding-left: 20px;} #header .submenu .wrapper-image > .row{display: flex; justify-content: flex-end;} /* Header Search */ #header .shop-icons > ul > li.search > a{display: none !important;} .container-search{border:1px solid #000;background-color: #FFF;} body:not(.header-slim):not(.header-slim-mobile):not(.user-currency-active):not(.headerCampaignVisible):not(.bannerWelcomeGiftVisible):not(.hover-wish):not(.user-account-active):not(.rdc-minicart-visible):not(.container-search-active):not(.submenu-visible).rdc-page-id-1 #header:not(:hover) .container-search:not(.sel){background-color: transparent;border: 1px solid rgb(255, 255, 255, 0.5);box-shadow: none;} #header-submenu-block.active + .container-search {display: none !important;} .container-search .container{position: relative;} .container-search .search-form{margin: 0 auto;} .container-search .btn-search{position: relative;width: 18px;height: 18px;padding: 0;background: none;border: 0;} .container-search .btn-search:hover{background-color: transparent;border-color: transparent;} #header .container-search .btn-search:hover{background-color: transparent;border-color: transparent;opacity: 0.5;} .container-search .btn-search .rdc-icon-svg {width: 18px; height: 18px;} .container-search .btn-close-search .rdc-icon-svg {width: 18px; height: 18px;background-size: 18px;} #cell-search-button {width: 29px;padding-top: 0px;padding-bottom: 2px;} .search-form .dis-table-cell {vertical-align: middle;} .container-search .header-search-input {width: 100%; position: relative;} .container-search #search{padding: 7px 14px 6px;border: 0;background: none;} .container-search input[type=search]{float: left;width: 189px;padding: 6px 15px;border: 0;position: relative; z-index: 10;} .notifications{position: absolute;top: calc(100% + 5px);left: 0;width: 100%;text-align: right;} .notifications .wrapper-notifications{float: right;} .notifications .notification{position: relative;display: none;padding: 5px 15px;border-radius: 4px;background: rgba(0, 0, 0, 0.9);} .notifications .add-cart-mobile{background: #FFF;text-align: center;padding: 15px;border-bottom: 1px solid lightgray;} .notifications .add-cart-mobile p {padding-bottom: 8px;} .notifications .notif-add-cart-mobile {zoom: 0.8;} .search #cell-close-button{display: none;padding-top: 8px;padding-bottom: 0;width: 29px;} .search #cell-close-button .btn-close-search{line-height: 0;} .search .search-form.has-terms #cell-close-button {display: table-cell;} .search .search-form.has-terms #cell-search-button {display: none;} /* Header Iframe Search */ #container-iframe-search{display: none;position: absolute;z-index: 50;top: 100%;left: 0;width: 100%; background-position: center center; background-size: 50px; background-repeat: no-repeat; background-image: url(/sysimages/listloader.gif);} #container-iframe-search .iframe-message{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} #container-iframe-search .iframe-message > div{display: table;width: 100%;height: 100%;} #container-iframe-search .iframe-message > div > div{display: table-cell;vertical-align: top;text-align: center;} #container-iframe-search iframe{width: 100%;height: 100%;min-height:99%;border: 0;} #container-iframe-search, #container-iframe-search iframe, #container-iframe-search .iframe-message{display: none;background-color: #FFF;} #container-iframe-search .iframe-message p {padding: 10% 0;} #container-iframe-search .container-search-results{display: none; background-color: #FFF;} #container-iframe-search .container-search-results.visible, #container-iframe-search .container-search-results.visible iframe, #container-iframe-search .container-search-results.visible .iframe-message{display: block;} /* Header Search Auto-Completer */ .autocompleter{position: absolute;top: 50%;left: 10px;transform: translateY(-50%);width: calc(100% - 64px);opacity: 0.5;} .autocompleter-show{display: block;} .autocompleter-list{display:none;} .autocompleter-item{cursor: pointer;} .autocompleter-hint-show{display: block;} .autocompleter-hint{position: relative;display: none;} .autocompleter-hint span{visibility: hidden;} .autocompleter-hint-show{display: block;} body.rdc-page-id-1 #main{padding-bottom: 0;} @media screen and (min-width: 1200px){ .container-search.show {display: block !important;margin-top: 2px;margin-right: 8px;} } @media screen and (min-width: 768px){ /* Main Top */ body.rdc-page-id-1:not(.header-slim-mobile) #main, body:not(.product-campaigns):not(.tablet) #main.product{padding-top: 0;} #main{padding-top: 60px; min-height: 800px; background: #FFF;} body.bannerWelcomeGiftVisible.rdc-page-id-1 #main{padding-top: 40px !important;} body.bannerWelcomeGiftVisible:not(.rdc-page-id-1) #main{padding-top: 100px !important;} body.tablet:not(.rdc-viewport-devicewidth) #main {padding-top: 100px !important;} body.tablet.bannerWelcomeGiftVisible:not(.rdc-viewport-devicewidth):not(.rdc-page-id-1) #main {padding-top: 144px !important;} body.tablet.bannerWelcomeGiftVisible.rdc-viewport-devicewidth:not(.rdc-page-id-1) #main {padding-top: 100px !important;} body #main.search {padding-top: 60px !important;} body.bannerWelcomeGiftVisible #main.search {padding-top: 204px !important;} body.tablet:not(.rdc-viewport-devicewidth) #main.search {padding-top: 164px !important;} body.tablet.bannerWelcomeGiftVisible:not(.rdc-viewport-devicewidth) #main.search {padding-top: 100px !important;} body.tablet.bannerWelcomeGiftVisible.rdc-viewport-devicewidth #main.search {padding-top: 100px !important;} /* Header Center Wrapper */ #header {min-height: 1px;} body:not(.product-campaigns):not(.header-slim-mobile):not(.header-slim):not(.user-currency-active):not(.headerCampaignVisible):not(.bannerWelcomeGiftVisible):not(.hover-wish):not(.tablet):not(.user-account-active):not(.container-search-active):not(.rdc-minicart-visible):not(.submenu-visible):not(.tablet).rdc-page-module-product #header:not(:hover){background-color: transparent;} header .row-menu, header .row-menu .row {display: table; width: 100%;} header .row-menu .column {display: table-cell; /*float: none; */width: auto; vertical-align: top;} header .row-menu .column.column-menu{display: none;} header .submenu .row-menu .column.column-menu.active{display: inline-block; width: 100%; padding-left: 42px; padding-right: 42px;} header .row-menu .column.column-menu.active{display: inline-block; width: 100%; } header .row-menu .column.column-menu > .row{display: none;margin: 0; padding: 30px 20px 20px;height: 100vh;} header .row-menu .column.column-menu > .row.active{display: flex;} header .row-menu .column.column-menu > .row[columns-break="0"].active{position: absolute; top: 0;background: #fff;height: auto;width: auto;padding-top: 0px;} header .row-menu .column.column-menu > .row[columns-break="0"].active.switch-side{flex-direction: row-reverse;} header .row-menu .column.column-menu > .row[columns-break="0"].active.switch-side .wrapper-columns > .row > .column{padding-left: 15px; padding-right: 0px;} header#header .row-menu .column.column-menu > .row[columns-break="0"].active.switch-side .wrapper-image{padding-right: 20px; padding-left: 0px;} header#header .row-menu .column.column-menu > .row[columns-break="0"] .wrapper-image{width: 420px; max-width: 420px;} body:not(.tablet):not(.header-slim) #header .logo{margin-top: 5px;} body:not(.tablet):not(.header-slim) #header .menu > ul > li > a{padding-top: 9px;padding-bottom: 18px;} /* Header Search */ body:not(.tablet) .search #cell-close-button{padding-top: 5px;} /* Header Hover */ body:not(.header-slim):not(.header-slim-mobile):not(.user-currency-active):not(.headerCampaignVisible):not(.hover-wish):not(.user-account-active):not(.container-search-active):not(.rdc-minicart-visible):not(.submenu-visible):not(.tablet).rdc-page-id-1 #header:not(:hover) .container-search:not(.sel){background-color: transparent;border: 1px solid rgb(255, 255, 255, 0.5);box-shadow: none;} body:not(.header-slim):not(.header-slim-mobile):not(.user-currency-active):not(.headerCampaignVisible):not(.hover-wish):not(.user-account-active):not(.container-search-active):not(.rdc-minicart-visible):not(.submenu-visible):not(.tablet).rdc-page-id-1 #header:not(:hover){background-color: transparent;} body:not(.header-slim):not(.header-slim-mobile):not(.user-currency-active):not(.headerCampaignVisible):not(.hover-wish):not(.user-account-active):not(.container-search-active):not(.rdc-minicart-visible):not(.submenu-visible):not(.tablet).rdc-page-id-1 #header:not(:hover) #header-wrapper-block {border-color: transparent;} body:not(.header-slim):not(.header-slim-mobile):not(.user-currency-active):not(.headerCampaignVisible):not(.hover-wish):not(.user-account-active):not(.container-search-active):not(.rdc-minicart-visible):not(.submenu-visible):not(.tablet).rdc-page-id-1 #header:not(:hover) .rdc-icon-black{display: none;} body:not(.header-slim):not(.header-slim-mobile):not(.user-currency-active):not(.headerCampaignVisible):not(.hover-wish):not(.user-account-active):not(.container-search-active):not(.rdc-minicart-visible):not(.submenu-visible):not(.tablet).rdc-page-id-1 #header:not(:hover) .rdc-icon-white{display: inline-block;} body:not(.header-slim):not(.header-slim-mobile):not(.user-currency-active):not(.headerCampaignVisible):not(.hover-wish):not(.user-account-active):not(.container-search-active):not(.rdc-minicart-visible):not(.submenu-visible):not(.tablet).rdc-page-id-1 #header:not(:hover) .menu > ul > li > a, body:not(.header-slim):not(.header-slim-mobile):not(.user-currency-active):not(.headerCampaignVisible):not(.hover-wish):not(.user-account-active):not(.container-search-active):not(.rdc-minicart-visible):not(.submenu-visible):not(.tablet).rdc-page-id-1 #header:not(:hover) .menu > ul > li > .a, body:not(.header-slim):not(.header-slim-mobile):not(.user-currency-active):not(.headerCampaignVisible):not(.hover-wish):not(.user-account-active):not(.container-search-active):not(.rdc-minicart-visible):not(.submenu-visible):not(.tablet).rdc-page-id-1 #header:not(:hover) .menu > ul > li > a > a, body:not(.header-slim):not(.header-slim-mobile):not(.user-currency-active):not(.headerCampaignVisible):not(.hover-wish):not(.user-account-active):not(.container-search-active):not(.rdc-minicart-visible):not(.submenu-visible):not(.tablet).rdc-page-id-1 #header:not(:hover) .menu > ul > li > a > .a{color: #fff;/*font-weight: 400;*/} body:not(.header-slim):not(.header-slim-mobile):not(.user-currency-active):not(.headerCampaignVisible):not(.hover-wish):not(.user-account-active):not(.container-search-active):not(.rdc-minicart-visible):not(.submenu-visible):not(.tablet).rdc-page-id-1 #header:not(:hover) .rdc-icon-svg.rdc-icon-cart.rdc-icon-cart {background-image: url("data:image/svg+xml,%3Csvg height='32' width='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.317 8.23h-5.128V3.39a.392.392 0 00-.394-.39h-9.591a.392.392 0 00-.394.39v4.84H5.683a.393.393 0 00-.392.361L4 25.581a.393.393 0 00.392.418h23.214a.392.392 0 00.392-.418l-1.29-16.99a.394.394 0 00-.392-.36zm-5.522 2.471c.199 0 .36.16.36.356a.36.36 0 01-.36.357.36.36 0 01-.36-.357c0-.196.161-.356.36-.356zm-9.198-6.92h8.805v4.45h-8.805zm-.393 6.92c.198 0 .36.16.36.356a.36.36 0 01-.36.357.36.36 0 01-.361-.357c0-.196.162-.356.36-.356zm-6.387 14.52l1.23-16.21h4.763v.984c-.438.16-.754.574-.754 1.063 0 .626.515 1.136 1.148 1.136s1.147-.51 1.147-1.136c0-.489-.315-.903-.754-1.063v-.984h8.805v.984c-.439.16-.754.574-.754 1.063 0 .626.515 1.136 1.147 1.136.633 0 1.147-.51 1.147-1.136 0-.489-.315-.903-.753-1.063v-.984h4.763l1.23 16.21z' fill='%23fff'/%3E%3C/svg%3E");} #header .shop-icons > ul > li.account > a .rdc-icon-user{height: 23px;} } @media screen and (max-width: 1580px) and (min-width: 768px){ body:not(.tablet) #header .logo {width: 162px; margin-top: 20px;} body:not(.tablet) #header .menu>ul>li {margin: 0 14px;} body:not(.tablet) .container-search input[type=search]{width: 150px} body:not(.tablet) #header .menu > ul > li {margin: 0 14px 0 15px;} body:not(.tablet) #header .menu > ul > li:last-child{margin-right: 0;} body:not(.tablet) #header .submenu .container ul {display: block;width: auto;} body:not(.tablet) #header .submenu .wrapper-top li {display: inline-block;} body:not(.tablet) #header .submenu .row[columns-break="1"] .wrapper-columns {padding-left: 58px;} body:not(.tablet) .items-dropdown#cart-dropdown{right: 0;} #header .submenu .wrapper-columns .row .column{width: 235px; max-width: 235px;} } @media screen and (max-width: 1478px) and (min-width: 768px){ body:not(.tablet) #header .submenu .container ul{text-align: center;} #header .submenu .wrapper-top{padding-left: 0 !important;} } @media screen and (max-width: 1420px) and (min-width: 768px){ body:not(.tablet) #header #wrapper-menu .container{padding: 0;} } @media screen and (max-width: 1350px) and (min-width: 768px){ body:not(.tablet) .submenu-visible:not(.MacOS) #header-wrapper-block > .container{padding-right: 17px;} } @media screen and (max-width: 1387px) and (min-width: 768px){ body:not(.tablet) #header .menu > ul > li {margin: 0 9px 0 9px;} } @media screen and (max-width: 1171px) and (min-width: 768px){ body:not(.tablet) #header .submenu .wrapper-top li{padding-left: 12px;padding-right: 12px;} } @media screen and (max-width: 1300px) and (min-width: 768px){ body:not(.tablet) #header .menu > ul > li > a, body:not(.tablet) #header .menu > ul > li > .a, body:not(.tablet) #header .menu > ul > li > a > a, body:not(.tablet) #header .menu > ul > li > a > .a{font-size: 12px;line-height: 125%;} body:not(.tablet) #header .shop-icons>ul>li>a {padding-left: 4px; padding-right: 4px;} body:not(.tablet) .container-search input[type=search] {width: 130px;} } @media screen and (max-width: 1230px) and (min-width: 768px){ body:not(.tablet) #header .shop-icons > ul > li > a{padding-right: 6px;padding-left: 6px;} body:not(.tablet) .container-search.show {margin-right: 0;} } @media screen and (max-width: 1212px) and (min-width: 768px){ body:not(.tablet) #header .shop-icons > ul > li:not(:last-child), body:not(.tablet) .container-search.show {margin-right: 0;} } @media screen and (max-width: 1185px) and (min-width: 768px){ body:not(.tablet) #header .shop-icons > ul > li > a{padding-right: 6px;padding-left: 6px;} body:not(.tablet) .container-search input[type=search]{width: 130px;} } @media screen and (max-width: 1780px) and (min-width: 768px){ #header .submenu .wrapper-top li {padding: 12px 12px 0px;} } body.tablet #header .shop-icons > ul > li:hover > a:not(.disabled)::before{display: none;} /* Only Tablet (Portrait) */ /* and (orientation: portrait) tablet android keyboard*/ @media screen and (pointer: coarse) and (min-width: 700px) and (min-device-height: 1000px) { body.rdc-viewport-devicewidth.menuMobileVisible0.tablet.portrait #header .menu {display: none;} body.menuMobileVisible0.tablet.portrait:not(.container-search-active) #header .toggle-button {display: block;} body.menuMobileVisible0.tablet.portrait #header .logo {margin-left: 33px; margin-top: 13px;} body.tablet.portrait .container-search #search, .container-search .autocompleter-hint {padding-top: 13px; padding-bottom: 13px;padding-left: 20px;width: 100%;} body.tablet.portrait .container-search .search-form {width: 100%;} body.tablet.portrait .container-search #search{font-size: 16px;} body.tablet.portrait .container-search.show{margin-top: 0;margin-right: 0;border-color: #fff;} body.rdc-viewport-devicewidth.menuMobileVisible0.tablet.portrait #header .right-header {margin-top: 0;} body.tablet.portrait #header .shop-icons > ul > li {margin-left: 6px;} body.tablet.portrait #header .shop-icons > ul > li.wishlist{display:none;} body.tablet.portrait #header .shop-icons > ul > li.search > a{display: inline-block !important;} body.tablet.portrait #header .shop-icons > ul > li > a{padding: 8px 8px 13px;} body.tablet.portrait .search:not(.active) .container-search.show{display: none !important;} body.tablet.portrait #header .shop-icons{padding: 8px 0 0;} body.tablet.portrait #header-wrapper-block > .container {padding-right: 17px;} body.tablet.portrait #header #header-wrapper-block{min-height: 54px;} body.tablet.portrait #header .toggle-button {top: calc(50% - 21px);} body.tablet.portrait .container-search{min-height: 54px;} body:not(.tablet.landscape) #header .toggle-button.none{display: none;} body:not(.header-slim):not(.header-slim-mobile):not(.user-currency-active):not(.headerCampaignVisible):not(.bannerWelcomeGiftVisible):not(.hover-wish):not(.container-search-active):not(.rdc-minicart-visible):not(.submenu-visible).menu-mobile-opened.tablet.portrait #header {background-color: #fff;} body:not(.header-slim):not(.header-slim-mobile):not(.user-currency-active):not(.headerCampaignVisible):not(.bannerWelcomeGiftVisible):not(.hover-wish):not(.container-search-active):not(.rdc-minicart-visible):not(.submenu-visible).menu-mobile-opened.tablet.portrait #header #header-wrapper-block {border-bottom-color: #f5f6f8;} body:not(.header-slim):not(.header-slim-mobile):not(.user-currency-active):not(.headerCampaignVisible):not(.bannerWelcomeGiftVisible):not(.hover-wish):not(.container-search-active):not(.rdc-minicart-visible):not(.submenu-visible).menu-mobile-opened.tablet.portrait #header .rdc-icon-black{display: inline-block;} body:not(.header-slim):not(.header-slim-mobile):not(.user-currency-active):not(.headerCampaignVisible):not(.bannerWelcomeGiftVisible):not(.hover-wish):not(.container-search-active):not(.rdc-minicart-visible):not(.submenu-visible).menu-mobile-opened.tablet.portrait #header .rdc-icon-white{display: none;} body:not(.header-slim):not(.header-slim-mobile):not(.user-currency-active):not(.headerCampaignVisible):not(.bannerWelcomeGiftVisible):not(.hover-wish):not(.container-search-active):not(.rdc-minicart-visible):not(.submenu-visible).menu-mobile-opened.tablet.portrait #header .rdc-icon-svg.rdc-icon-cart.rdc-icon-cart {background-image: url("data:image/svg+xml,%3Csvg height='32' width='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.317 8.23h-5.128V3.39a.392.392 0 00-.394-.39h-9.591a.392.392 0 00-.394.39v4.84H5.683a.393.393 0 00-.392.361L4 25.581a.393.393 0 00.392.418h23.214a.392.392 0 00.392-.418l-1.29-16.99a.394.394 0 00-.392-.36zm-5.522 2.471c.199 0 .36.16.36.356a.36.36 0 01-.36.357.36.36 0 01-.36-.357c0-.196.161-.356.36-.356zm-9.198-6.92h8.805v4.45h-8.805zm-.393 6.92c.198 0 .36.16.36.356a.36.36 0 01-.36.357.36.36 0 01-.361-.357c0-.196.162-.356.36-.356zm-6.387 14.52l1.23-16.21h4.763v.984c-.438.16-.754.574-.754 1.063 0 .626.515 1.136 1.148 1.136s1.147-.51 1.147-1.136c0-.489-.315-.903-.754-1.063v-.984h8.805v.984c-.439.16-.754.574-.754 1.063 0 .626.515 1.136 1.147 1.136.633 0 1.147-.51 1.147-1.136 0-.489-.315-.903-.753-1.063v-.984h4.763l1.23 16.21z' /%3E%3C/svg%3E");} body:not(.header-slim):not(.header-slim-mobile):not(.user-currency-active):not(.headerCampaignVisible):not(.bannerWelcomeGiftVisible):not(.hover-wish):not(.user-account-active):not(.rdc-minicart-visible):not(.container-search-active):not(.submenu-visible).menu-mobile-opened.tablet.portrait.rdc-page-id-1 #header .container-search:not(.sel){background-color: transparent;border-color: rgb(255, 255, 255, 0.5);box-shadow: 0 0 1px 0 0 1px black;} } /* Only Tablet (Landscape) */ @media screen and (pointer: coarse) and (min-device-width: 768px) and (min-device-height: 700px) and (orientation: landscape) { body.menuMobileVisible0 #header .toggle-button {display: block;} body.menuMobileVisible0 #header .logo {margin-left: 40px;} #header-wrapper-block > .container {padding: 0 12px 0 20px;} #header .logo-menu #wrapper-menu{display: none;} #header .shop-icons > ul > li {margin-left: 1px;} #header .menu > ul > li:first-child {margin-left: 9px;} #header .menu > ul > li{margin: 0px 15px;} #header .menu ul {white-space: nowrap;overflow: hidden;overflow-x: auto;} #header .menu {max-width: 400px;} #header .menu ul li a .rdc-icon-menu + span{padding-top: 1px;} .search #cell-close-button{padding-top: 6px;} body:not(.header-slim):not(.header-slim-mobile):not(.user-currency-active):not(.headerCampaignVisible):not(.hover-wish):not(.user-account-active):not(.rdc-minicart-visible):not(.container-search-active):not(.submenu-visible):not(.menu-mobile-opened).rdc-page-id-1 #header .container-search:not(.sel){background-color: transparent;border-color: rgb(255, 255, 255, 0.5);box-shadow: 0 0 1px white;} body:not(.header-slim):not(.header-slim-mobile):not(.user-currency-active):not(.headerCampaignVisible):not(.hover-wish):not(.container-search-active):not(.rdc-minicart-visible):not(.submenu-visible).menu-mobile-opened.tablet.landscape #header {background-color: #fff;} body:not(.header-slim):not(.header-slim-mobile):not(.user-currency-active):not(.headerCampaignVisible):not(.hover-wish):not(.container-search-active):not(.rdc-minicart-visible):not(.submenu-visible).menu-mobile-opened.tablet.landscape #header #header-wrapper-block {border-bottom-color: #f5f6f8;} body:not(.header-slim):not(.header-slim-mobile):not(.user-currency-active):not(.headerCampaignVisible):not(.hover-wish):not(.container-search-active):not(.rdc-minicart-visible):not(.submenu-visible).menu-mobile-opened.tablet.landscape #header .rdc-icon-black{display: inline-block;} body:not(.header-slim):not(.header-slim-mobile):not(.user-currency-active):not(.headerCampaignVisible):not(.hover-wish):not(.container-search-active):not(.rdc-minicart-visible):not(.submenu-visible).menu-mobile-opened.tablet.landscape #header .rdc-icon-white{display: none;} body:not(.header-slim):not(.header-slim-mobile):not(.user-currency-active):not(.headerCampaignVisible):not(.hover-wish):not(.container-search-active):not(.rdc-minicart-visible):not(.submenu-visible).menu-mobile-opened.tablet.landscape #header .rdc-icon-svg.rdc-icon-cart.rdc-icon-cart {background-image: url("data:image/svg+xml,%3Csvg height='32' width='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.317 8.23h-5.128V3.39a.392.392 0 00-.394-.39h-9.591a.392.392 0 00-.394.39v4.84H5.683a.393.393 0 00-.392.361L4 25.581a.393.393 0 00.392.418h23.214a.392.392 0 00.392-.418l-1.29-16.99a.394.394 0 00-.392-.36zm-5.522 2.471c.199 0 .36.16.36.356a.36.36 0 01-.36.357.36.36 0 01-.36-.357c0-.196.161-.356.36-.356zm-9.198-6.92h8.805v4.45h-8.805zm-.393 6.92c.198 0 .36.16.36.356a.36.36 0 01-.36.357.36.36 0 01-.361-.357c0-.196.162-.356.36-.356zm-6.387 14.52l1.23-16.21h4.763v.984c-.438.16-.754.574-.754 1.063 0 .626.515 1.136 1.148 1.136s1.147-.51 1.147-1.136c0-.489-.315-.903-.754-1.063v-.984h8.805v.984c-.439.16-.754.574-.754 1.063 0 .626.515 1.136 1.147 1.136.633 0 1.147-.51 1.147-1.136 0-.489-.315-.903-.753-1.063v-.984h4.763l1.23 16.21z' /%3E%3C/svg%3E");} body:not(.header-slim):not(.header-slim-mobile):not(.user-currency-active):not(.headerCampaignVisible):not(.hover-wish):not(.user-account-active):not(.rdc-minicart-visible):not(.container-search-active):not(.submenu-visible).menu-mobile-opened.tablet.landscape.rdc-page-id-1 #header .container-search:not(.sel){background-color: transparent;border-color: rgb(255, 255, 255, 0.5);box-shadow: 0 0 1px 0 black;} body:not(.header-slim):not(.header-slim-mobile):not(.user-currency-active):not(.headerCampaignVisible):not(.hover-wish):not(.user-account-active):not(.rdc-minicart-visible):not(.container-search-active):not(.submenu-visible):not(.menu-mobile-opened).tablet.rdc-page-id-1 #header:hover .container-search:not(.sel){box-shadow: 0 0 1px 0 black;} } /* Only Tablet (Portrait and Landscape) */ @media screen and (pointer: coarse) and (min-width: 700px) and (min-device-height: 1000px) and (orientation: portrait), screen and (pointer: coarse) and (min-device-width: 768px) and (min-device-height: 700px) and (orientation: landscape) { body {background: #FFF;} #header .toggle-button .rdc-icon-svg {width: 22px; height: 22px; background-image: none;} #header .toggle-button span {width: 38px;height: 4px;margin-bottom: 6px;display: block;} #header .toggle-button.active span:nth-of-type(1){-webkit-transform: translateY(10px) rotate(45deg);-ms-transform: translateY(10px) rotate(45deg);transform: translateY(10px) rotate(45deg);} #header .toggle-button.active span:nth-of-type(2){opacity: 0;} #header .toggle-button.active span:nth-of-type(3){-webkit-transform: translateY(-9px) rotate(-45deg);-ms-transform: translateY(-9px) rotate(-45deg);transform: translateY(-9px) rotate(-45deg);} #header .menu ul {margin-top: 4px;} body.menuMobileVisible0:not(.rdc-viewport-devicewidth) #header .toggle-button {top: 19px;} #header .shop-icons > ul > li:first-child {margin-left: 0;} #header .shop-icons > ul > li > a span {top: 4px;} .container-search {top: 100%;} #container-iframe-search .container-search-results {overflow-y: auto; -webkit-overflow-scrolling: touch;} } /* Tablet Header */ body:not(.header-slim):not(.header-slim-mobile):not(.menu-mobile-opened):not(.user-currency-active):not(.headerCampaignVisible):not(.user-account-active):not(.hover-wish):not(.container-search-active):not(.rdc-minicart-visible):not(.submenu-visible).tablet.rdc-page-id-1 #header:hover{background-color: transparent;} body:not(.header-slim):not(.header-slim-mobile):not(.menu-mobile-opened):not(.user-currency-active):not(.headerCampaignVisible):not(.user-account-active):not(.hover-wish):not(.container-search-active):not(.rdc-minicart-visible):not(.submenu-visible).tablet.rdc-page-id-1 #header:hover .rdc-icon-black{display: none;} body:not(.header-slim):not(.header-slim-mobile):not(.menu-mobile-opened):not(.user-currency-active):not(.headerCampaignVisible):not(.user-account-active):not(.hover-wish):not(.container-search-active):not(.rdc-minicart-visible):not(.submenu-visible).tablet.rdc-page-id-1 #header:hover .rdc-icon-white{display: inline-block;} body:not(.header-slim):not(.header-slim-mobile):not(.menu-mobile-opened):not(.user-currency-active):not(.headerCampaignVisible):not(.hover-wish):not(.user-account-active):not(.container-search-active):not(.rdc-minicart-visible):not(.submenu-visible).tablet.rdc-page-id-1 #header:hover .container-search:not(.sel) #search, body:not(.header-slim):not(.header-slim-mobile):not(.menu-mobile-opened):not(.user-currency-active):not(.headerCampaignVisible):not(.hover-wish):not(.user-account-active):not(.container-search-active):not(.rdc-minicart-visible):not(.submenu-visible).tablet.rdc-page-id-1 #header:hover .shop-icons > ul > li > a span {color: #FFF;} body:not(.header-slim):not(.header-slim-mobile):not(.menu-mobile-opened):not(.user-currency-active):not(.headerCampaignVisible):not(.user-account-active):not(.hover-wish):not(.container-search-active):not(.rdc-minicart-visible):not(.submenu-visible).tablet.rdc-page-id-1 #header:hover .rdc-icon-svg.rdc-icon-cart.rdc-icon-cart {background-image: url("data:image/svg+xml,%3Csvg height='32' width='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.317 8.23h-5.128V3.39a.392.392 0 00-.394-.39h-9.591a.392.392 0 00-.394.39v4.84H5.683a.393.393 0 00-.392.361L4 25.581a.393.393 0 00.392.418h23.214a.392.392 0 00.392-.418l-1.29-16.99a.394.394 0 00-.392-.36zm-5.522 2.471c.199 0 .36.16.36.356a.36.36 0 01-.36.357.36.36 0 01-.36-.357c0-.196.161-.356.36-.356zm-9.198-6.92h8.805v4.45h-8.805zm-.393 6.92c.198 0 .36.16.36.356a.36.36 0 01-.36.357.36.36 0 01-.361-.357c0-.196.162-.356.36-.356zm-6.387 14.52l1.23-16.21h4.763v.984c-.438.16-.754.574-.754 1.063 0 .626.515 1.136 1.148 1.136s1.147-.51 1.147-1.136c0-.489-.315-.903-.754-1.063v-.984h8.805v.984c-.439.16-.754.574-.754 1.063 0 .626.515 1.136 1.147 1.136.633 0 1.147-.51 1.147-1.136 0-.489-.315-.903-.753-1.063v-.984h4.763l1.23 16.21z' fill='%23fff'/%3E%3C/svg%3E");} body:not(.header-slim):not(.header-slim-mobile):not(.menu-mobile-opened):not(.user-currency-active):not(.headerCampaignVisible):not(.hover-wish):not(.user-account-active):not(.rdc-minicart-visible):not(.container-search-active):not(.submenu-visible):not(.menu-mobile-opened).tablet.rdc-page-id-1 #header:hover .container-search:not(.sel) {background-color: transparent;border: 1px solid rgb(255, 255, 255, 0.5);box-shadow: 0 0 1px white;} /* Only Mobile (Portrait and Landscape) */ @media screen and (max-width: 767px) and (max-device-height: 1000px) and (orientation: portrait), screen and (max-device-width: 1020px) and (max-device-height: 1000px) and (orientation: landscape) { #header .hidden-xs {display: none;} /* Main Top */ body.rdc-page-id-1:not(.header-slim-mobile) #main{padding-top: 0;} #main{padding-top: 43px;} #main.search {padding-top: 43px;} #header {min-height: 0} #header:not(.headroom){position:fixed;} /* Header Center Wrapper */ #header .toggle-button{display:block; top: calc(50% - 17px);} #header .toggle-button .rdc-icon-svg {width: 20px; height: 20px; background-image: none;} body #header:not(.product_list) .logo{width: 128px;margin-left: 23px; margin-top: 12px;} body #header.product_list .logo{margin-left: 23px; margin-top: 11px;width: auto;} body #header.product_list .wrapper-logo .title_list{display: block;margin-left: 23px; margin-top: 11px;} body #header.product_list .logo img{width: 128px;} #header-wrapper-block{padding:0; min-height: 43px;} #header-wrapper-block > .container {padding-right: 17px ;} /* Header Shop Icons */ #header .right-header{padding: 0; margin: 0;} #header .shop-icons{padding: 9px 0 0;} #header .shop-icons > ul > li{padding-left: 10px;} #header .shop-icons > ul > li.wishlist{display:none;} #header .shop-icons > ul > li > a {padding: 3px;} #header .shop-icons > ul > li > a span {line-height: 140%;padding-top: 1px;} #header .shop-icons > ul > li .rdc-icon-svg svg {width: 30px !important; height: 30px !important;} #header .shop-icons > ul > li > a .rdc-icon-svg {width: 20px;height: 20px;background-size: 24px;} #header .shop-icons > ul > li:not(:last-child) {margin-right: 9px;} #header .shop-icons > ul > li.cart { margin-right: 0; } #header .shop-icons > ul > li:hover > a::before{display: none;} #header .shop-icons > ul > li.search > a{display: inline-block !important;} /* Header Notifications */ #header .notifications{top: calc(100% + 0px);} #header .notifications .container{padding: 0;} #header .notifications .wrapper-notifications{float: none;} #header .notifications .notification{border-radius: 0;text-align: center;} /* Header Search */ #header .container-search #search, #header .container-search .autocompleter{font-size: 16px;} .container-search {padding-top: 0; padding-bottom: 0;max-height: 43px;border-color: #fff} .rdc-page-id-36 .container-search {box-shadow: 0 0 1px #fff;} .container-search #search{width: 100%;padding: 9px 14px 8px;} .container-search .btn-search {border: 0; float: right; width: 20px; height: 20px;} .container-search .btn-search .rdc-icon-svg svg {width: 30px !important; height: 30px !important;} .container-search .search-form {width: 100%;} .container-search .header-search-input {width: calc(100% - 0px);} #container-iframe-search .container-search-results {overflow-y: auto; -webkit-overflow-scrolling: touch;} /* Header Headroom */ body:not(.disableHeadroom) .headroom {will-change: transform;transition: transform 200ms linear;position: absolute;} body:not(.disableHeadroom) .headroom--pinned {transform: translateY(0%);} body:not(.disableHeadroom) .headroom--unpinned {transform: translateY(-100%) !important;} #header .logo-menu #wrapper-menu{display: none;} body:not(.header-slim):not(.header-slim-mobile):not(.menu-mobile-opened):not(.user-currency-active):not(.headerCampaignVisible):not(.user-account-active):not(.hover-wish):not(.container-search-active):not(.rdc-minicart-visible):not(.submenu-visible).rdc-page-id-1 #header:hover{background-color: transparent;} body:not(.header-slim):not(.header-slim-mobile):not(.menu-mobile-opened):not(.user-currency-active):not(.headerCampaignVisible):not(.user-account-active):not(.hover-wish):not(.container-search-active):not(.rdc-minicart-visible):not(.submenu-visible).rdc-page-id-1 #header:hover .rdc-icon-black{display: none;} body:not(.header-slim):not(.header-slim-mobile):not(.menu-mobile-opened):not(.user-currency-active):not(.headerCampaignVisible):not(.user-account-active):not(.hover-wish):not(.container-search-active):not(.rdc-minicart-visible):not(.submenu-visible).rdc-page-id-1 #header:hover .rdc-icon-white{display: inline-block;} body:not(.header-slim):not(.header-slim-mobile):not(.menu-mobile-opened):not(.user-currency-active):not(.headerCampaignVisible):not(.hover-wish):not(.user-account-active):not(.container-search-active):not(.rdc-minicart-visible):not(.submenu-visible).rdc-page-id-1 #header:hover .container-search:not(.sel) #search, body:not(.header-slim):not(.header-slim-mobile):not(.menu-mobile-opened):not(.user-currency-active):not(.headerCampaignVisible):not(.hover-wish):not(.user-account-active):not(.container-search-active):not(.rdc-minicart-visible):not(.submenu-visible).rdc-page-id-1 #header:hover .shop-icons > ul > li > a span {color: #FFF;} body:not(.header-slim):not(.header-slim-mobile):not(.menu-mobile-opened):not(.user-currency-active):not(.headerCampaignVisible):not(.user-account-active):not(.hover-wish):not(.container-search-active):not(.rdc-minicart-visible):not(.submenu-visible).rdc-page-id-1 #header:hover .rdc-icon-svg.rdc-icon-cart.rdc-icon-cart {background-image: url("data:image/svg+xml,%3Csvg height='32' width='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.317 8.23h-5.128V3.39a.392.392 0 00-.394-.39h-9.591a.392.392 0 00-.394.39v4.84H5.683a.393.393 0 00-.392.361L4 25.581a.393.393 0 00.392.418h23.214a.392.392 0 00.392-.418l-1.29-16.99a.394.394 0 00-.392-.36zm-5.522 2.471c.199 0 .36.16.36.356a.36.36 0 01-.36.357.36.36 0 01-.36-.357c0-.196.161-.356.36-.356zm-9.198-6.92h8.805v4.45h-8.805zm-.393 6.92c.198 0 .36.16.36.356a.36.36 0 01-.36.357.36.36 0 01-.361-.357c0-.196.162-.356.36-.356zm-6.387 14.52l1.23-16.21h4.763v.984c-.438.16-.754.574-.754 1.063 0 .626.515 1.136 1.148 1.136s1.147-.51 1.147-1.136c0-.489-.315-.903-.754-1.063v-.984h8.805v.984c-.439.16-.754.574-.754 1.063 0 .626.515 1.136 1.147 1.136.633 0 1.147-.51 1.147-1.136 0-.489-.315-.903-.753-1.063v-.984h4.763l1.23 16.21z' fill='%23fff'/%3E%3C/svg%3E");} body:not(.header-slim):not(.header-slim-mobile):not(.menu-mobile-opened):not(.user-currency-active):not(.headerCampaignVisible):not(.hover-wish):not(.user-account-active):not(.rdc-minicart-visible):not(.container-search-active):not(.submenu-visible):not(.menu-mobile-opened).rdc-page-id-1 #header:hover .container-search:not(.sel) {background-color: transparent;border: 1px solid rgb(255, 255, 255, 0.5);box-shadow: 0 0 1px white;} } /* Only Mobile (Portrait and Landscape) */ @media screen and (max-width: 767px) and (max-device-height: 1000px) and (orientation: portrait), screen and (max-device-width: 1020px) and (max-device-height: 1000px) and (orientation: landscape), screen and (pointer: coarse) and (min-width: 700px) and (min-device-height: 1000px) { body.container-search-active:not(.tablet.landscape) #header .toggle-button{display: none;} body:not(.tablet.landscape) #header .toggle-button.none{display: none;} body:not(.tablet.landscape) .container-search{position: fixed;width: 100%;left: 0;top: 0;z-index: 1;display: none;box-shadow: none;} body:not(.tablet.landscape) .container-search.active-bar{display: block;} body:not(.tablet.landscape):not(.header-slim).bannerWelcomeGiftVisible .container-search{top: 39px;} body:not(.tablet.landscape):not(.tablet.portrait):not(.header-slim).headerCampaignVisible.headerCampaignVisibleTopHeader .container-search{top: 28px;} body.tablet.portrait:not(.header-slim).headerCampaignVisible.headerCampaignVisibleTopHeader .container-search{top: 36px;} body:not(.tablet.landscape):not(.header-slim).bannerWelcomeGiftVisible.last-open .container-search, body:not(.tablet.landscape):not(.header-slim).headerCampaignVisible.headerCampaignVisibleTopHeader.last-open .container-search{top: 0;} body:not(.tablet.landscape) .search #cell-search-button{display: none;} body:not(.tablet.landscape) .search #cell-close-button{display: table-cell;width: 29px;padding-top: 2px;padding-bottom: 0px;padding-right: 19px;} body:not(.tablet.landscape) .search #cell-close-button .btn-close-search{width: 20px;height: 20px;float: right;} .container-search .btn-close-search .rdc-icon-svg {width: 20px; height: 20px;} .container-search .btn-clear-search .rdc-icon-svg {width: 20px;height: 20px;} .container-search .btn-clear-search {line-height: 0;display: inline-block;vertical-align: middle;margin-right: 15px;} } @media screen and (max-width: 330px){ #header .logo-menu{width: 65%;} body #header.product_list .logo, body #header:not(.product_list) .logo {margin-left: 42px;} #header-wrapper-block > .container{padding-left: 0;} .wrapper-logo .title_list {font-size: 14px;} body.menu-mobile-opened #header .logo {margin-left: 44px;} body.filter-fixed #header .filters-fixed {padding: 12px 0 0;} .product_list #header-wrapper-block > .container {padding-right: 10px;} } /* Print */ @media print { #header, body #header-wrapper-block {min-height: 0;} #header:not(.underHeader) #header-wrapper-block, body.container-search-active #header-wrapper-block, body.user-currency-active #header-wrapper-block {background: none;} body #header{max-width: none;} body #main.account .wrapper-page{padding-top: 0;} body .account .title-page{padding-top: 15px;} #header .logo img.logo-white{display: none !important;} #header-wrapper-block > .container {padding-left: 15px;} body #header #header-wrapper-block{border-bottom: 0;} } @media screen and (min-width: 992px) and (max-width: 1199px){ body.container-search-active #header .toggle-button{display: none;} body #header .toggle-button.none{display: none;} body .container-search{position: fixed;width: 100%;left: 0;top: 0;z-index: 1;display: none;box-shadow: none;height: 60px;border: 0;} body .container-search.active-bar{display: block;} body:not(.header-slim).bannerWelcomeGiftVisible .container-search{top: 39px;} body:not(.header-slim).headerCampaignVisible.headerCampaignVisibleTopHeader .container-search{top: 35px;} body.tablet.portrait .search:not(.active) .container-search.show{display: none !important;} body .container-search #search { padding: 20px 15px; } .container-search #search, body .container-search .search-form .dis-table-cell { width: 100%; } body:not(.header-slim).bannerWelcomeGiftVisible.last-open .container-search, body:not(.header-slim).headerCampaignVisible.headerCampaignVisibleTopHeader.last-open .container-search{top: 0;} body .search #cell-search-button{display: none;} body .search #cell-close-button{display: table-cell;width: 29px;padding-top: 2px;padding-bottom: 0px;padding-right: 19px;} body .search #cell-close-button .btn-close-search{width: 20px;height: 20px;float: right;} .container-search .btn-close-search .rdc-icon-svg {width: 20px; height: 20px;} .container-search .btn-clear-search .rdc-icon-svg {width: 20px;height: 20px;} .container-search .btn-clear-search {line-height: 0;display: inline-block;vertical-align: middle;margin-right: 15px;} } @media screen and (min-width: 768px) and (max-width: 1199px){ .container-search .btn-clear-search {margin-top: 2px;} }