.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: 99;padding-bottom: 0;} /* 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: #000000 !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: #000000;} /*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;} /* Mini Basket */ /* Show icon svg mini basket. Icon default displayed hidden. */ .rdc-mini-basket-icon-svg .rdc-icon-cart{display: block !important;} body.headerCampaignVisible.headerCampaignVisibleBottomHeader #inline-notification-bar{z-index: -1;} /* Header Top */ #header-top-block ul{/*float: right;*/list-style: none;height: 30px;position: relative;} #header-top-block ul li{padding-left: 29px;} #header-top-block ul li:first-child{padding-left: 0;position: relative;} #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: 25px;left: 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 #header-main-block .shop-icons > ul > li > a span {font-size: 10px;}*/ /* Header Center Wrapper */ #header .logo{/*float: left;*/display: block;width: 88px;} #header .logo img{display: block;width: 100%;} #header .right-header{margin-top: 5px; float: left;width: 100%;} #header .menu {float: left; margin-top: 11px;} #header .menu ul {white-space: nowrap;overflow: hidden;overflow-x: auto;} #header .menu > ul > li{display: inline-block;vertical-align: middle; margin: 0 16px 0 15px; position: relative;} #header .menu > ul > li:last-child{margin-right: 0;} #header .menu > ul > li:first-child{margin-left: 10px;} #header .menu > ul > li > a {display: block;position: relative;padding: 4px 0 21px;line-height: 100%;text-decoration: none;} #header .menu > ul > li > a:hover::before, #header .menu > ul > li.active > a::before, #header .menu > ul > li.sel > a::before{content: '';position: absolute;bottom: 7px;left: calc(50% - 2px);width: 6px;height: 6px;border-radius: 100%;background-color: #FCD500;} body.submenu-open #header .menu > ul > li:not(.active) > a{opacity: 0.5;} /* Header Center Wrapper */ #header-submenu-block {position: relative;background-color: #FFF;} #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: 59px;} #header-wrapper-block > .container{padding: 0;} #header .submenu{overflow: hidden;} #header .submenu:not(.active) {opacity: 0; visibility: hidden; height: 1px; overflow: hidden; background: #FFF;} #header .submenu .row.row-menu{table-layout: fixed;margin: auto;max-width: 1330px;} #header .submenu.small-menu .row.row-menu {max-width: 233px;margin: 0;} #header .submenu .row.row-menu > .column{padding: 50px 15px;} #header .submenu .wrapper-columns .row.row-menu > .column {padding-top: 57px;padding-right: 22px;} #header .submenu .row.row-menu > .column.column-image{padding-left: 0;} #header .submenu .column-image img{max-height: 193px;object-fit: cover;display: block;width: 100%;border-radius: 10px;} #header .submenu .column-image > a{display: block;} #header .submenu .column-image > a:not(:last-child){margin-bottom: 10px;} #header .submenu .column-image > a:hover .desc{opacity: 0.7;} #header .submenu .column-image .image{max-height: 193px;border-radius: 10px;position: relative;max-width: 385px;float: right;} #header .submenu .column-image .image::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: linear-gradient(180deg, rgba(0,0,0,0.00) 0%, rgba(0, 0, 0, 40%) 100%);border-radius: 10px;} #header .submenu .column-image .btn-shop{display: table;margin: 24px auto 0;} #header .submenu .column-image .btn-shop:hover{border-color: transparent;} #header .submenu .column-menu .title-menu.childs, #header .submenu .item-menu-2.childs{padding: 1px 0 7px;border-bottom: 1px solid #fdea81;margin-bottom: 16px;display: block;} #header .submenu .column-menu .row + .title-menu {padding-top: 22px;} #header .submenu .column-menu ul{margin: 0;list-style: none;} #header .submenu .column-menu ul li{padding-top: 7px; padding-bottom: 7px;} #header .submenu .column-menu ul li:first-child {padding-top: 0;} #header .submenu .column-menu ul li a{display: block;} #header .submenu .column-image .desc{position: absolute;bottom: 23px;left: 0;width: 100%;text-align: center;} #header .submenu .column-image .desc span{display: block;} #header .submenu .column-image .desc span.title-image{padding-bottom: 9px;} /*#header .submenu .wrapper-columns .row.row-menu .column .row*/ /*#header .submenu .column-border{border-left: 1px solid whitesmoke;}*/ /*#header .submenu .column-menu .title-menu.childs, #header .submenu .item-menu-2.childs{padding: 1px 0 7px;}*/ #header .submenu .item-menu-2, #header .submenu .item-menu-2 + .item-menu-2 {padding: 1px 0 10px;} #header .submenu .item-menu-2 > a {white-space: nowrap;} body #header .submenu .item-menu-2 a:not(.featured), body #header .submenu .column-menu .title-menu:not(.featured){color: #333;} body #header .submenu .item-menu-2 a:not(.featured):hover, body #header .submenu .column-menu .title-menu:not(.featured):hover{color: #000;} #header .toggle-button{display: none;position: absolute;z-index: 50;top: calc(50% - 20px);left: 5px;padding: 12px 15px;line-height: 0; z-index: 200;} #header .toggle-button .rdc-icon-menu{background-image: url("data:image/svg+xml,%3Csvg id='toggle-button-svg' height='32' width='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.4 22c.163 0 .303.06.422.18.119.119.178.26.178.424v2.792c0 .164-.06.305-.178.425A.575.575 0 0127.4 26H4.6a.575.575 0 01-.422-.18.582.582 0 01-.178-.424v-2.792c0-.164.06-.305.178-.425A.574.574 0 014.6 22zm0-8c.163 0 .303.06.422.18.119.119.178.26.178.424v2.792c0 .164-.06.305-.178.425A.575.575 0 0127.4 18H4.6a.575.575 0 01-.422-.18.582.582 0 01-.178-.424v-2.792c0-.164.06-.305.178-.425A.574.574 0 014.6 14zm0-8c.163 0 .303.06.422.18s.178.26.178.424v2.792c0 .164-.06.305-.178.425s-.26.179-.422.179H4.6c-.163 0-.303-.06-.422-.18S4 9.56 4 9.397V6.604c0-.164.06-.305.178-.425S4.438 6 4.6 6z' fill='%23fff'/%3E%3C/svg%3E");} #toggle-button-svg {width: 30px;height: 30px;} #header #header-main-block .shop-icons{position: relative;float: right;/*padding-left: 15px;*/} #header #header-main-block .shop-icons > ul{margin: 0;list-style: none;} #header #header-main-block .shop-icons > ul > li{float: left;} #header #header-main-block .shop-icons > ul > li:first-child{padding-left: 0;} #header #header-main-block .shop-icons > ul > li > a{position: relative;display: block;text-decoration: none; padding: 8px;} #header #header-main-block .shop-icons > ul > li:hover > a::before{opacity: 0.5;} #header #header-main-block .shop-icons > ul > li > a span{padding: 11px 3px 11px 8px;} #header #header-main-block .shop-icons > ul > li > a.disabled {cursor: default;} #header #header-main-block .shop-icons > ul > li > a.empty span{display: none;} #header #header-main-block .shop-icons > ul > li > a .rdc-icon-svg {width: 18px; height: 18px; background-size: 100%;} #header #header-main-block .shop-icons > ul > li > a .rdc-icon-svg, #header #header-main-block .shop-icons > ul > li > a span{display: inline-block;vertical-align: middle;} #header .rdc-icon-search{background-image: url("data:image/svg+xml,%3Csvg height='32' width='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.095 4a9.913 9.913 0 00-3.92.796 10.09 10.09 0 00-3.229 2.15 10.097 10.097 0 00-2.15 3.228A9.913 9.913 0 004 14.095c0 1.368.265 2.674.796 3.921.531 1.25 1.248 2.326 2.15 3.228a10.1 10.1 0 003.228 2.151 9.913 9.913 0 003.921.795c1.982 0 3.784-.524 5.417-1.574l.304-.203.26-.18 5.337 5.32c.285.3.631.447 1.063.447a1.45 1.45 0 001.07-.454 1.45 1.45 0 00.454-1.07c0-.372-.11-.686-.335-.956l-.104-.114-5.33-5.329.182-.261c1.186-1.712 1.777-3.616 1.777-5.72a9.913 9.913 0 00-.795-3.922c-.532-1.25-1.249-2.325-2.151-3.228-.902-.902-1.978-1.619-3.228-2.15A9.913 9.913 0 0014.096 4zm0 3.048c1.937 0 3.604.692 4.98 2.068 1.375 1.376 2.068 3.043 2.068 4.98 0 1.936-.693 3.603-2.069 4.978-1.375 1.376-3.042 2.069-4.979 2.069s-3.603-.693-4.979-2.069C7.74 17.7 7.048 16.032 7.048 14.095c0-1.936.692-3.603 2.068-4.979 1.376-1.376 3.043-2.068 4.98-2.068z' fill='%23fff'/%3E%3C/svg%3E");} /*#header .rdc-icon-wishlist {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32px' height='32px' viewBox='0 0 32 32' version='1.1'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(4.000000, 5.000000)' fill='%23000000' fill-rule='nonzero'%3E%3Cg transform='translate(0.000000, 0.200458)'%3E%3Cpath d='M6.20902197,0.124081777 C4.61414769,0.124081777 3.02782197,0.754442857 1.81885911,2.01967857 C-0.599129457,4.55009971 -0.606075171,8.61145057 1.80911626,11.1437857 L11.4832077,21.2893057 C11.7174134,21.5369 12.1624105,21.5369 12.3966163,21.2893057 C15.6237334,17.9120229 18.8435579,14.5309371 22.0707064,11.1535914 C24.4886636,8.623142 24.4886636,4.55996514 22.0707064,2.0295 C19.6527493,-0.500955714 15.698502,-0.501012286 13.2805448,2.0295 L11.9448305,3.41432143 L10.6091163,2.01967857 C9.3055534,0.650244571 7.69047054,0.117511429 6.20908483,0.124081777 L6.20902197,0.124081777 Z M6.20902197,1.36164286 C7.46585054,1.36164286 8.72927911,1.87220629 9.70545054,2.89378571 L11.4929505,4.76967857 C11.7271563,5.01726971 12.1721534,5.01726971 12.4063591,4.76967857 L14.184022,2.90360714 C16.1363648,0.860407429 19.2147293,0.860451429 21.1670721,2.90360714 C23.1193521,4.946766 23.1193521,8.24616257 21.1670721,10.2893057 C18.093422,13.5059886 15.0183563,16.7271657 11.9447363,19.9437857 L2.72243054,10.2795 C0.771439114,8.23382371 0.770119114,4.93689429 2.72243054,2.89378571 C3.69857054,1.87220943 4.9521934,1.36164286 6.20902197,1.36164286 Z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}*/ /* Header Search */ .container-search{display: none;position: fixed;top: 0px;left: 0px;width: 100vw;height: 100vh;background: rgba(0, 0, 0, 0.9); z-index: 200;cursor: default;} .container-search > div{display: flex !important;align-items: center;justify-content: center;height: 100%;} .container-search form{width: 100%;} .container-search .rdc-mfp-icon-svg, .container-search .btn-close-search {position: fixed;width: 32px;height: 32px;top: 34px;right: 69px;} #header-submenu-block.active + .container-search {display: none !important;} .container-search .container{position: relative;width: 100%;} .container-search .search-form{margin: 0 auto;width: 100%;} .container-search .btn-search{position: relative;width: 18px;height: 18px;padding: 0;background: none;border: 0;} .container-search .btn-search .rdc-icon-svg {width: 18px; height: 18px;} .container-search .btn-close-search{position: absolute;} .container-search .btn-close-search .rdc-icon-svg {width: 32px; height: 32px;} #cell-search-button {width: 18px;} .search-form .dis-table-cell {vertical-align: middle;} .container-search .header-search-input {width: 100%; position: relative;} .container-search #search{padding: 0px;border: 0;background: none;text-align: center;width: 100%;} .container-search input[type=search]{float: left;width: 173px;padding: 6px 15px;border: 0;position: relative; z-index: 10;} @media screen and (max-width: 767px){ .container-search .rdc-mfp-icon-svg, .container-search .btn-close-search {top: 14px;right: 14px;} .container-search #search{padding-right: 3px;padding-left: 3px;} } .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;} /* 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{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{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;} @media screen and (max-width: 1335px) and (min-width: 768px){ #header .menu > ul > li {margin: 0 11px 0 10px;} } @media screen and (max-width: 1277px) and (min-width: 768px){ #header-wrapper-block ul li a, #header-wrapper-block ul li .a{font-size: 16px;} } @media screen and (max-width: 1220px) and (min-width: 768px){ #header .menu > ul > li {margin: 0 6px 0 5px;} #header #header-main-block .shop-icons > ul > li > a {padding: 8px 6px;} } @media screen and (min-width: 768px){ /* Main Top */ #main{padding-top: 100px; min-height: 800px; background: #FFF;} body.bannerWelcomeGiftVisible #main{padding-top: 140px !important;} body.tablet:not(.rdc-viewport-devicewidth) #main {padding-top: 100px !important;} body.tablet.bannerWelcomeGiftVisible:not(.rdc-viewport-devicewidth) #main {padding-top: 144px !important;} body.tablet.bannerWelcomeGiftVisible.rdc-viewport-devicewidth #main {padding-top: 140px !important;} body #main.search {padding-top: 100px !important;} body.headerCampaignVisible.headerCampaignVisibleBottomHeader #main.search{padding-top: 136px !important;} body.tablet.headerCampaignVisible.headerCampaignVisibleBottomHeader #main.search{padding-top: 120px !important;} body.tablet #main.search{padding-top: 84px !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: 208px !important;} body.tablet.bannerWelcomeGiftVisible.rdc-viewport-devicewidth #main.search {padding-top: 204px !important;} /* Header Center Wrapper */ #header {min-height: 100px;} .row-menu, .row-menu .row {display: table; width: 100%;table-layout: fixed;} header .row-menu .column {display: table-cell; float: none; width: 100%; vertical-align: top;} /* Header Search */ .container-search.active {display: block !important;} /*#header #header-main-block .shop-icons > ul > li:first-child{display: none;}*/ /*.container-search .btn-close-search{display: none;}*/ } /* 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 #header-main-block .shop-icons {padding-left: 20px;/* zoom: 1.4;*/} #header .toggle-button {top: calc(50% - 33px);left: 0;} #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 #header .toggle-button {display: block;} body.menuMobileVisible0 #header .logo {margin-top: 2px;margin-left: 55px;} body.menuMobileVisible0:not(.rdc-viewport-devicewidth) #header .toggle-button {top: 19px;} #header #header-main-block .shop-icons > ul > li {margin-left: 6px;} #header #header-main-block .shop-icons > ul > li:first-child {margin-left: 0;} #header #header-main-block .shop-icons > ul > li > a span {top: 4px;display: none;} /*.container-search {top: 100%; border-top: 1px solid whitesmoke;}*/ #container-iframe-search .container-search-results {overflow-y: auto; -webkit-overflow-scrolling: touch;} .container-search #search, .container-search .autocompleter-hint {padding-top: 0; padding-bottom: 0;} body.rdc-viewport-devicewidth.menuMobileVisible0 #header .menu {display: none;} body.rdc-viewport-devicewidth.menuMobileVisible0 #header .right-header {margin-top: 0;} } /* 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 */ #main {padding-top: 46px;} #main.home {padding-top: 59px;} #main.search {padding-top: 46px;} .headerCampaignVisible.headerCampaignVisibleBottomHeader #main {padding-top: 59px;} #header {min-height: 0} #header:not(.headroom){position:fixed;} /* Header Center Wrapper */ #header .toggle-button{display:block; top: calc(50% - 21px);} #toggle-button-svg {width: 24px;height: 23px;} #header .logo{width: 66px;} #header-wrapper-block{padding:0; min-height: 48px;} /* Header Shop Icons */ #header .right-header{padding: 0; margin: 0;} #header #header-main-block .shop-icons{padding: 8px 0;} #header #header-main-block .shop-icons > ul > li{float:right;padding-left: 10px;} #header #header-main-block .shop-icons > ul > li.wishlist{display:none;} #header #header-main-block .shop-icons > ul > li > a {padding: 3px;} #header #header-main-block .shop-icons > ul > li > a span {line-height: 140%;} #header #header-main-block .shop-icons > ul > li .rdc-icon-svg svg {width: 30px !important; height: 30px !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: 1.1em;}*/ .container-search {padding-top: 4px; padding-bottom: 4px;} .container-search #search{width: 100%;} /*.container-search .btn-close-search {display: none;}*/ .container-search .btn-search {border: 0; float: right; width: 40px; height: 40px;} .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% - 40px);}*/ #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;} } /* Remove Header Fixed */ /* body #header, body.bannerWelcomeGiftVisible:not(.unpinned):not(.menu-open) #header {position: relative !important;} body #main:not(.search) {padding-top: 0 !important;} body #main.search {padding-top: 52px !important;} body.bannerWelcomeGiftVisible.unpinned #header {margin-top: 40px !important;top: 0;} */ /* Header-Main-Block */ /*#header-container{overflow: hidden;}*/ #header-container > .container{padding-right: 0;max-width: 1680px;padding-left: 40px;} #header-main-block{width: calc(100% - 310px);} /* Logo */ #header-wrapper-logo{padding: 8px 34px 8px 13px;} /* Header-top-block */ #header-top-block{border-bottom: 1px solid #7d6b00;padding: 6px 0 4px;} #header-top-block > .container{padding: 0 11px 0 10px;} #header-top-block .left, #header-top-block .right{display: inline-block;vertical-align: middle;width: 50%;} #header-top-block .right{text-align: right;} #header-top-block .right li{display: inline-block;vertical-align: middle;} #header-top-block .right ul{padding: 4px 0;} #header-top-block .right li.user-logout{padding-right: 1px;padding-left: 16px;} /* Header-Wrapper-Cart */ #header-wrapper-cart, #header-wrapper-logo, #header-main-block{display: inline-block;vertical-align: middle;} #header-wrapper-cart ul {list-style: none;} #header-wrapper-cart{margin-left: 20px;border-left: 57px solid #000;border-top: 0px solid #000;border-bottom: 100px solid #00A559;border-right: 98px solid #00A559;position: fixed;top: 0;right: 0;} #header-wrapper-cart #itemsCart .rdc-icon-cart{width: 50px;height: 50px;background-size: 36px;position: absolute;top: 29px;left: 5px;background-position: center;} .firefox #header-wrapper-cart #itemsCart .rdc-icon-cart{top: 42px;} #header-wrapper-cart #itemsCart{position: relative;} #header-wrapper-cart #itemsCart::before{cursor: default;content: '';position: absolute;top: 0px;right: -25px;width: 64px;height: 26px;transform: rotate(119.5deg);background-color: #DC2A1A;} .firefox #header-wrapper-cart #itemsCart::before{top: 12px;} #header-wrapper-cart.shop-icons > ul > li > a span{position: absolute;top: 33px;right: -51px;width: 22px;height: 22px;border-radius: 100%;padding: 2px 0 0;text-align: center;} .firefox #header-wrapper-cart.shop-icons > ul > li > a span{top: 46px;} #header-wrapper-cart.shop-icons > ul > li > a span::before{content: '';position: absolute;top: -4px;right: -3px;width: 23px;height: 24px;border-radius: 100%;border: 1px solid #00A559;} #header-wrapper-cart #itemsCart.disabled .rdc-icon-cart{cursor: default;} /*body.tablet.bannerWelcomeGiftVisible:not(.top-header):not(.unpinned) #header-wrapper-cart,*/ /*body.tablet.bannerWelcomeGiftVisible.headerCampaignVisible.headerCampaignVisibleTopHeader:not(.top-header) #header-wrapper-cart {margin-top: 40px;}*/ /*body.tablet.headerCampaignVisible.headerCampaignVisibleTopHeader:not(.top-header) #header-wrapper-cart {margin-top: 36px;}*/ body.tablet.bannerWelcomeGiftVisible.header-slim #header-wrapper-cart{position: absolute;} @media screen and (min-width: 768px){ body.bannerWelcomeGiftVisible:not(.tablet) .bannerWelcomeGift {z-index: 101;} body:not(.tablet) #header-wrapper-cart{position:sticky;} body:not(.tablet) #header .green_overlay{content:'';position: absolute;left: 92%; top: 0;height: 100%; width: 10%;background: #00A559;z-index: 0;max-height: 100px;} body:not(.tablet).header-slim #header .green_overlay{max-height: 54px;} body.rdc-minicart-visible:not(.tablet) #inline-notification-bar {z-index: -1;} body.product-bar-view:not(.tablet) #inline-notification-bar {display: none;} } @media screen and (min-width: 2300px){ body:not(.tablet) #header .green_overlay{left: 81%;width: 30%;} } @media screen and (max-width: 1366px) and (min-width: 768px){ #header-container > .container {padding-left: 15px;} #header-wrapper-logo {padding-left: 0px;} } @media screen and (max-width: 1157px) and (min-width: 768px){ body:not(.tablet) #header-wrapper-cart {position: absolute;} } /* Mini Carrinho */ #header-wrapper-cart .items-dropdown-holder{padding-top: 15px;/*6px;*/} #header-wrapper-cart .items-dropdown {top: calc(100% + 100px);right: calc(100% - 68px);} #header-wrapper-cart .items-dropdown .items-list{padding: 0 13px 1px 0;margin: 0px 16px 13px;/*0px 16px 0px;*/max-height: 260px;} #header-wrapper-cart .items-dropdown .item-img {width: 82px;border: 1px solid transparent;height: 111px;/*margin-top: 3px;*/} #header-wrapper-cart .items-dropdown .item-img img{height: 100%;object-fit: contain;} #header-wrapper-cart .items-dropdown .item-desc .item-ref{display: none;} #header-wrapper-cart .items-dropdown .item-desc {padding: 4px 0px 2px 11px;/*14px 0px 2px 11px;*/width: 175px;} body:not(.tablet) #header-wrapper-cart .items-dropdown .item-desc .item-title {padding-bottom: 8px;} #header-wrapper-cart .items-dropdown .items-list ul li a {padding: 12px 0 11px;/*5px 0 6px;*/ } #header-wrapper-cart .items-dropdown .items-list ul li:first-child a{padding-top: 0;} #header-wrapper-cart .items-dropdown .item-price {margin-top: 1px; /*13px;*/} #header-wrapper-cart .items-dropdown .item-remove {width: 22px;height: 22px;} #header-wrapper-cart .items-dropdown .bottom-list.wrapper-free-shipping{padding: 5px 0 5px;} #header-wrapper-cart .items-dropdown .bottom-list.rdc-minicart-totais {padding: 21px 15px 15px;} #header-wrapper-cart .items-dropdown .bottom-list .btn-cart {margin-top: 15px;padding: 9px 10px 10px;} /* Header-slim */ #header .logo img.logo-slim{display: none;} @media screen and (min-width: 768px){ .header-slim:not(.tablet) #header-container > .container {padding-left: 66px;} .header-slim:not(.tablet) #header .menu {margin-top: 9px;} .header-slim:not(.tablet) #header-main-block{padding-left: 26px;} .header-slim:not(.tablet) #header-wrapper-logo {padding: 7px 34px 4px 13px;} .header-slim:not(.tablet) #header .logo{width: 36px;} .header-slim:not(.tablet) #header .logo img:not(.logo-slim){display: none;} .header-slim:not(.tablet) #header .logo img.logo-slim{display: block;} .header-slim:not(.tablet) #header-top-block{display: none;} .header-slim:not(.tablet) #header-wrapper-cart {margin-left: 30px;border-left: 31px solid #000;border-top: 0px solid #000;border-bottom: 54px solid #00A559;border-right: 114px solid #00A559;} .header-slim:not(.tablet) #header-wrapper-cart #itemsCart .rdc-icon-cart {width: 110px;height: 48px;top: 3px;left: -9px;} .firefox.header-slim:not(.tablet) #header-wrapper-cart #itemsCart .rdc-icon-cart {top: 16px;} .header-slim:not(.tablet) #header-wrapper-cart.shop-icons > ul > li > a span {top: 6px;right: -67px;} .firefox.header-slim:not(.tablet) #header-wrapper-cart.shop-icons > ul > li > a span {top: 19px;} .header-slim:not(.tablet) #header-wrapper-cart #itemsCart::before {top: 0px;right: -17px;width: 44px;height: 18px;} .firefox.header-slim:not(.tablet) #header-wrapper-cart #itemsCart::before {top: 13px;} .header-slim:not(.tablet) #header {min-height: 100px;} .header-slim:not(.tablet) .container-search {padding: 12px 0;} .header-slim:not(.tablet) #header .menu > ul > li > a {padding: 4px 0 18px;} .header-slim:not(.tablet) #header-wrapper-block {min-height: 54px;} .header-slim:not(.tablet) #header {min-height: 53px;} .header-slim:not(.tablet) #header-main-block {width: calc(100% - 258px);} .header-slim:not(.tablet) #header #header-main-block .shop-icons > ul > li > a .rdc-icon-svg {margin-top: -2px;} .header-slim:not(.tablet) #header #header-main-block .shop-icons > ul > li > a span{padding: 10px 3px 10px 8px;} .header-slim:not(.tablet) #header-wrapper-cart .items-dropdown {top: calc(100% + 54px);right: calc(100% - 84px);} } /* Submenu */ #header .submenu .wrapper-columns, #header .submenu .wrapper-image{display: inline-block;vertical-align: top;} #header .submenu .wrapper-image{max-width: 398px;} #header .submenu[data-images="0"]:not(.small-menu) .container > .row-menu[data-columns="6"] .wrapper-columns{width: 100%;} #header .submenu[data-images="0"]:not(.small-menu) .wrapper-columns{width: calc(100% - 398px);display: block;margin: auto;} #header .submenu:not(.small-menu) .wrapper-columns{width: calc(100% - 398px);} #header .submenu .row.row-menu > .column.column-image{padding-right: 0;} /* 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){ .filters-mobile-popup.rdc-page-module-search #header {z-index: 0;} body:not(.tablet) #header-container {min-height: 59px;} body.header-slim:not(.tablet) #header-container, body:not(.tablet) #header:not(.home) #header-container {min-height: 46px;} } /* Only Mobile (Portrait and Landscape) / Tablet (Portrait) */ @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) and (orientation: portrait) { #header-wrapper-logo{padding: 0;position: absolute;background-color: #000;width: 100%;left: 0;top: 0;min-height: 59px;z-index: 1;} #header .logo {margin: auto;margin-top: 4px;} #header-main-block{width: calc(100% - 310px);float: right;z-index: 2;margin-right: 71px;margin-top: 7px;} #header #header-main-block .shop-icons > ul > li > a span{display: none;} #header-wrapper-cart {border-left: 25px solid #000;border-right: 42px solid #00A559;z-index: 3;border-bottom: 59px solid #00A559;position: absolute;margin: 0;} #header-wrapper-cart #itemsCart::before {top: 1px;right: -16px;width: 36px;height: 8px;transform: rotate(114deg);} #header #header-main-block .shop-icons > ul > li > a .rdc-icon-svg {width: 24px;height: 24px;} #header-wrapper-cart #itemsCart .rdc-icon-cart {width: 44px;height: 44px;background-size: 24px;top: 8px;left: -5px;} /*.bannerWelcomeGiftVisible:not(.top-header):not(.unpinned) #header-wrapper-cart,*/ /*.bannerWelcomeGiftVisible.headerCampaignVisible.headerCampaignVisibleTopHeader:not(.top-header) #header-wrapper-cart {margin-top: 39px;}*/ /*.headerCampaignVisible.headerCampaignVisibleTopHeader:not(.top-header) #header-wrapper-cart {position: absolute;margin: 0;}*/ .bannerWelcomeGiftVisible.header-slim #header-wrapper-cart{position: absolute;} #header-wrapper-cart.shop-icons > ul > li > a span::before {top: -3px;right: -3px;width: 19px;height: 19px;} #header-wrapper-cart.shop-icons > ul > li > a span {top: 12px;right: -34px;width: 18px;height: 18px;padding: 1px 0 0;font-size: 12px;} /* Header-slim */ #header .logo img.logo-mobile-slim{display: none;} #header:not(.home) .logo img.logo-mobile-slim{display: block;} #header:not(.home) .logo img.logo-mobile{display: none;} .header-slim:not(.tablet) #header .logo img:not(.logo-mobile-slim){display: none;} .header-slim:not(.tablet) #header .logo img.logo-mobile-slim{display: block;} .header-slim:not(.tablet) #header .logo{width: 32px;margin-top: 5px;} .header-slim:not(.tablet) #header-wrapper-logo{min-height: 45px;} .header-slim:not(.tablet) #header-wrapper-block{max-height: 46px;min-height: 40px;} .header-slim:not(.tablet) #header-main-block{margin-top: 0px;} .header-slim:not(.tablet) #header .toggle-button{padding: 8px 15px;} .header-slim:not(.tablet) #header #header-wrapper-cart #itemsCart::before{right: -9px;width: 23px;} .header-slim:not(.tablet) #header #header-wrapper-cart{border-left: 20px solid #000;border-right: 44px solid #00A559;border-bottom: 46px solid #00A559;} .header-slim:not(.tablet) #header-wrapper-cart #itemsCart .rdc-icon-cart{top: 1px;} .header-slim:not(.tablet) #header-wrapper-cart.shop-icons > ul > li > a span{top: 5px;right: -34px;} } body.tablet.headerCampaignVisible.headerCampaignVisibleBottomHeader #header-container {min-height: 84px;z-index: 2;} body.tablet.headerCampaignVisible.headerCampaignVisibleBottomHeader #inline-notification-bar{z-index: 1;} body.tablet.landscape #header-container {min-height: 84px;} @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 .logo img.logo-mobile-slim{display: none;} #header:not(.home) .logo img.logo-mobile-slim{display: block;} #header:not(.home) .logo img.logo-mobile{display: none;} .header-slim:not(.tablet) #header .logo img:not(.logo-mobile-slim){display: none;} .header-slim:not(.tablet) #header .logo img.logo-mobile-slim{display: block;} .header-slim:not(.tablet) #header .logo, #header:not(.home) .logo {width: 32px;margin-top: 5px;} .header-slim:not(.tablet) #header-wrapper-logo, #header:not(.home) #header-wrapper-logo {min-height: 45px;} .header-slim:not(.tablet) #header-wrapper-block, #header:not(.home) #header-wrapper-block {max-height: 46px;min-height: 40px;} .header-slim:not(.tablet) #header-main-block, #header:not(.home) #header-main-block {margin-top: 0px;} .header-slim:not(.tablet) #header .toggle-button, #header:not(.home) .toggle-button {padding: 9px 15px;} .header-slim:not(.tablet) #header #header-wrapper-cart #itemsCart::before, #header:not(.home) #header-wrapper-cart #itemsCart::before {right: -9px;width: 23px;} .header-slim:not(.tablet) #header #header-wrapper-cart, #header:not(.home) #header-wrapper-cart {border-left: 20px solid #000;border-right: 44px solid #00A559;border-bottom: 46px solid #00A559;} .AndroidOS.header-slim:not(.tablet) #header #header-wrapper-cart, .AndroidOS #header:not(.home) #header-wrapper-cart {border-bottom: 47px solid #00A559;} .header-slim:not(.tablet) #header-wrapper-cart #itemsCart .rdc-icon-cart, #header:not(.home) #header-wrapper-cart #itemsCart .rdc-icon-cart{top: 1px;} .header-slim:not(.tablet) #header-wrapper-cart.shop-icons > ul > li > a span, #header:not(.home) #header-wrapper-cart.shop-icons > ul > li > a span{top: 5px;right: -34px;} } /* Tablet */ body.tablet #main{padding-top: 84px;} body.tablet #main {padding-top: 84px;} body.tablet #header {min-height: 84px;} body.tablet #header-wrapper-cart {border-left: 47px solid #000;border-bottom: 84px solid #00A559;border-right: 99px solid #00A559;margin: 0;position: sticky;margin-left: 17px;} body.tablet #header-wrapper-cart #itemsCart::before {top: -1px;right: -19px;width: 53px;height: 22px;} body.tablet #header-wrapper-cart #itemsCart .rdc-icon-cart{background-size: 28px;top: 14px;left: -10px;width: 80px;height: 60px;} body.tablet #header-main-block {width: calc(100% - 280px);} body.tablet #header-wrapper-cart.shop-icons > ul > li > a span{font-size: 12px;top: 24px;width: 20px;height: 20px;padding: 1px 0 0;line-height: 140%;} body.tablet #header-wrapper-cart.shop-icons > ul > li > a span::before {top: -3px;right: -2px;width: 20px;height: 21px;} body.tablet #header-wrapper-cart .items-dropdown{width: 345px;top: calc(100% + 84px);} body.tablet #header-wrapper-cart .items-dropdown .item-desc {width: 148px;} /*body.tablet.bannerWelcomeGiftVisible.headerCampaignVisible.headerCampaignVisibleTopHeader:not(.top-header) #header-wrapper-cart {margin-top: 36px;}*/ /*body.tablet.headerCampaignVisible.headerCampaignVisibleTopHeader:not(.top-header) #header-wrapper-cart {margin-top: 36px;}*/ body.tablet.bannerWelcomeGiftVisible.header-slim #header-wrapper-cart{position: absolute;} /* Portrait */ body.tablet.portrait #header .logo{margin: auto;margin-top: 6px;} body.tablet.portrait #header-top-block{display: none;} body.tablet.portrait #header-main-block {width: auto;margin-right: 160px;margin-top: 20px;} body.tablet.portrait #header #header-main-block .shop-icons{padding-right: 0;} body.tablet.portrait #header-wrapper-block{min-height: 41px;} body.tablet.portrait #header .logo {width: 76px;} body.tablet.portrait.AndroidOS #header .logo {width: 94px;} body.tablet.portrait.AndroidOS.header-slim #header .logo {width: 94px;} body.tablet.portrait #header .toggle-button {top: calc(50% - 29px);left: 5px;} body.tablet.portrait #header-wrapper-cart.shop-icons > ul > li > a span {right: -50px;} body.tablet.portrait #header-wrapper-cart{position: absolute;} /* Landscape */ body.tablet.landscape #header-container > .container {padding-left: 22px;} body.tablet.landscape #header .logo{margin: 0;width: 70px;} body.tablet.landscape #header .menu{display: block;} body.tablet.landscape #header-top-block {padding: 1px 0 0px;} body.tablet.landscape #header-wrapper-block ul li a, body.tablet.landscape #header-wrapper-block ul li .a{font-size: 16px;} body.tablet.landscape #header .menu {margin-top: 8px;max-width: 693px;} body.tablet.landscape #header #header-main-block .shop-icons > ul > li > a{padding-top: 14px;padding-right: 10px;} body.tablet.landscape #header-wrapper-block {min-height: 52px;} body.tablet.landscape #header .menu > ul > li > a{padding-bottom: 20px;} body.tablet.landscape #header .toggle-button{display: none;} body.tablet.landscape #header .menu > ul > li > a:hover::before, body.tablet.landscape #header .menu > ul > li.active > a::before, body.tablet.landscape #header .menu > ul > li.sel > a::before{bottom: 9px;width: 5px;height: 5px;} body.tablet.landscape #header .submenu .column-image img{max-height: 162px;} body.tablet.landscape #header .submenu .column-image .image {max-height: 162px;max-width: 324px;} body.tablet.landscape #header .submenu[data-images="1"] .wrapper-columns, body.tablet.landscape #header .submenu[data-images="2"] .wrapper-columns {width: calc(100% - 325px);} body.tablet.landscape #header .submenu .wrapper-image {max-width: 325px;} body.tablet.landscape #header-top-block .left{width: 30%;} body.tablet.landscape #header-top-block .right{width: 70%;} /* body.tablet.landscape.bannerWelcomeGiftVisible:not(.top-header) #header-wrapper-cart, body.tablet.landscape.bannerWelcomeGiftVisible.headerCampaignVisible.headerCampaignVisibleTopHeader:not(.top-header) #header-wrapper-cart {margin-top: 36px;} body.tablet.landscape.headerCampaignVisible.headerCampaignVisibleTopHeader:not(.top-header) #header-wrapper-cart {margin-top: 36px;} body.tablet.landscape.bannerWelcomeGiftVisible.header-slim #header-wrapper-cart{position: absolute;}*/ body.tablet.landscape #header .submenu[data-images="0"]:not(.small-menu) .wrapper-columns {width: 100%;} body.tablet.landscape #header .submenu[data-images="1"]:not(.small-menu) .wrapper-columns, body.tablet.landscape #header .submenu[data-images="2"]:not(.small-menu) .wrapper-columns{width: calc(100% - 398px);} body.tablet.landscape #header-wrapper-logo {padding: 8px 21px 8px 0px;} body.tablet.landscape #header .menu > ul > li {margin: 0px 13px 0 12px;} body.tablet.landscape #header-wrapper-cart {border-right: 80px solid #00A559;} body.tablet.landscape #header-main-block {width: calc(100% - 235px);} /* 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;} #header:not(.underHeader), body.container-search-active #header, body.user-currency-active #header{background-color: #fff !important;max-width: none;} #header-main-block{display: none !important;} #header-container > .container{padding-left: 0;max-width: none;} body #main.account .wrapper-page {padding: 15px 0 0 0;} body .account.account-order .title-page span{margin: 9px 21px 0;} body .account .title-page p.order-date{padding: 13px 0 0 0;} #header .logo img.hidden-xs:not(.logo-slim){display: none !important;} #header .logo {width: 54px;} }