#header{position: fixed;top: 0;left: 0;width: 100%;z-index: 50;/*border-bottom: 1px solid #0095b1;*/background: #fff;} body.headerCampaignVisible.headerCampaignVisibleTopHeader:not(.unpinned):not(.menu-open) #header {padding-right: 0 !important;} #header.blogColor{background: #008eaa;} #header.galleryColor{background: #56585a;} #header.galleryColor .nav-top{background: #070b11;} /*#header:not(.no-shadow)::before{content: '';position: absolute;bottom: -6px;left: 0;width: 100%;height: 5px;background: url(../../sysimages/header-overlay.png) left top/1px 5px repeat-x;}*/ #header .container{max-width: 1596px;} #header .nav-top{position: relative;background-color: #f0f0f0;} #header .nav-top ul{float: right;} #header .nav-top .customCol ul{float: left;width: 100%;} #header .nav-top ul{margin: 0;list-style: none;} #header .nav-top ul li{position: relative;float: left;margin-right: 3px;} #header .nav-top .column.customCol ul li { margin-right: 8px; } #header .nav-top ul li p{padding: 8px 16px;} #header .nav-top ul li a{padding: 10px 16px 9px;transition:0.2s padding;position: relative;display: block;} #header:not(.galleryColor) .nav-top ul li a{color: #1A3048;font-family: 'Metrocity-Medium';font-size: 12px;} #header:not(.galleryColor) .nav-top ul li.sel a{background: white;color: #139fb8;} #header .nav-top ul li.user-currency::before{content: '';position: absolute;top: calc(100% - 1px);right: 0;width: 100%;height: 1px;background: #f2f2f2;display: none;z-index: 101;transition:0.2s top;} #header .nav-top ul li.user-currency::after{content: '';position: absolute;top: 15px;right: 17px;width: 8px;height: 5px;background: url(../../sysimages/arrow-down.png) left top/8px 5px no-repeat;} #header.galleryColor .nav-top ul li.user-currency::after{background-image: url(../../sysimages/arrow-down-white.png);} #header .nav-top ul li.user-currency a{padding-right: 32px !important;} #header .nav-top ul li.user-currency.active::before{display: block;} #header .nav-top ul li.user-currency.active a::before, #header .nav-top ul li.user-currency.active a::after{height: 100% !important;z-index: 9999;top: 0 !important;} #header .nav-top .country-drop{display: none;position: absolute;top: calc(100% - 1px);right: 0;width: 270px;padding: 10px;border: 1px solid rgba(41, 51, 65, .1);background: #f2f2f2;z-index: 100;} #header .nav-top .country-drop .form-field{margin-bottom: 10px;} #header .nav-top .country-drop .form-field label > span{padding-bottom: 4px;} #header .nav-top .country-drop .form-field .select{background-repeat: no-repeat;background-position: 7px center;} #header .nav-top .country-drop select#country{padding-left: 30px;} #header .nav-top .country-drop button{width: 100%;} /*#header .nav-top:after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background-image: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 65%);opacity: 0.5;}*/ /*#header .nav-top .customCol ul li:last-child{position: relative;} #header .nav-top .customCol ul li:last-child a{color: #fff !important;} #header .nav-top .customCol ul li:last-child::before{content: '';position: absolute;left: 5px;top: 4px;background: #1B3149;border-radius: 0 12px 0 12px;width: calc(100% - 10px);height: calc(100% - 8px)} #header .nav-top .customCol ul li.sel:last-child::before{left: 0;top: 0;width: 100%;height: 100%;border-radius: 0} #header .nav-top .customCol ul li.sel:last-child a{background: transparent}*/ #header .nav-top ul li.account .rdc-product-range { display: none; } .toggle-button{display: none;position: absolute;top: 11px;left: 12px;padding: 5px;} .toggle-button span{background: #293441;height: 2px;width: 18px;display: block;margin-bottom: 5px;transition: all .5s;} .blogColor .toggle-button span, .galleryColor .toggle-button span{background: #fff;} .toggle-button span:last-child{margin: 0;} .toggle-button.active span:nth-of-type(1){transform: translateY(7px) rotate(45deg);width: 22px;} .toggle-button.active span:nth-of-type(2){opacity: 0;} .toggle-button.active span:nth-of-type(3){transform: translateY(-7px) rotate(-45deg);width: 22px;} .toggle-search{display: none;position: absolute;top: 8px;right: 15px;padding: 5px;width: 30px;height: 30px;} .toggle-search::before{content: '';position: absolute;top: calc(50% - 10px);left: calc(50% - 10px);width: 20px;height: 20px;background: url(/sysimages/icon-search.png) no-repeat center/20px;} #header .wrapper-header{position: relative;transition:0.2s padding;font-size: 0;} #header .logo{display: inline-block;vertical-align: middle;max-width: 110px;margin-top: -2px;} #header .logo img{display: block;width: 100%;} .header-slim.header-blue #header .logo, .header-slim.header-blue #header .right-header{transition: 0s !important} #header .right-header{display: inline-block;vertical-align: middle;width: 320px;margin-top: 3px;text-align: right;} #header .right-header > *{text-align: left;} #header .right-header .search{position: relative;float: right;width: 200px;} @media screen and (min-width: 1200px){ #header #header-main-block .container{display: flex;align-items: center;} } @media screen and (min-width: 768px){ #header.menu-loja-online .logo{max-width: 114px;/*margin-top: 8px;*/} /* #header.menu-loja-online .left-header{width: calc(100% - 466px);} */ /* #header.menu-loja-online .right-header, */ /* #header:not(.menu-loja-online) .right-header{width: 330px;} */ #header.menu-loja-online .right-header .search{width: 150px;} } #header .right-header .search.small-width{width: 150px;} #header .right-header .search-form #search{width: 100%;padding: 10px 10px 7px 28px;letter-spacing: 0;border: 0;border-bottom: 1px solid rgba(102, 102, 102, .5);background: transparent;border-radius: 0;} #header.blogColor .right-header .search-form #search, #header.galleryColor .right-header .search-form #search{border-bottom: 1px solid rgba(222, 242, 247, .5) !important;color: #fff;} #header.blogColor .right-header .search-form #search::placeholder{color: rgba(255,255,255);} #header.galleryColor .right-header .search-form #search::placeholder{color: rgba(222, 242, 247, .4);} #header.blogColor .right-header .search-form .btn-search, #header.galleryColor .right-header .search-form .btn-search{background-image: url(../../sysimages/icon-search-white.png);} #header .right-header .search-form .btn-search{border:0;padding: 0;width: 20px;height: 20px;position: absolute;top: 9px;left: 3px;background: url(../../sysimages/icon-search.png) center center/16px no-repeat;} #header .right-header .shop-icons{float: right;padding-left: 15px;} #header .right-header .shop-icons > ul{margin: 0;list-style: none;} #header .right-header .shop-icons > ul > li{position: relative;float: left;padding-left: 15px;} #header .right-header .shop-icons > ul > li:first-child{padding-left: 0;} #header .right-header .shop-icons > ul > li > a{position: relative;display: flex;align-items: center;margin-left: 50px;padding: 2px 10px 0px 10px;text-align: left;height: 38px;background-color: #FFF;text-decoration: none;text-align: center;font-size: 0;border-radius: 0 4px 4px 0;} #header.galleryColor .right-header .shop-icons > ul > li > a{background: #fff;} #header .right-header .shop-icons > ul > li.cart > a{text-align: left;} #header .right-header .shop-icons > ul > li > a.disabled{cursor: default;} #header .right-header .shop-icons > ul > li > a::before{content: '';display: inline-block;vertical-align: middle;width: 16px;height: 13px;background: url(../../sysimages/icon-cart.png) left top/16px 13px no-repeat;margin-right: 1px;margin-top: -1px;} body:not(.header-blue) #header .right-header .shop-icons > ul > li.cart > a{background-color: #1A3048;} /*#header .right-header .shop-icons a {display: flex;align-items: center;} #header .right-header .shop-icons:has(.angular-cart) a.twig-cart {display: none;}*/ body:not(.header-blue) #header .right-header .shop-icons > ul > li.cart > a > p{color: rgba(255,255,255,0.62);} body:not(.header-blue) #header .right-header .shop-icons > ul > li.cart > a > p span{color: #fff;} #header.galleryColor .right-header .shop-icons > ul > li > a::before{background-image: url(../../sysimages/icon-cart-prio.png);} #header .right-header .shop-icons > ul > li > a span{display: inline-block;vertical-align: middle;margin-left: 0;} #header .right-header .shop-icons > ul > li.active > a::before{background-position: left bottom;} /* #header:not(.menu-loja-online) .right-header .cart{display: none;} */ #header .right-header .items-dropdown{position: absolute;top: 31px;padding-top: 30px !important;right: 0px;display: none;width: 300px;z-index: 11;} #header .right-header .items-dropdown-holder{position: relative;background: #FFF;border: 1px solid #EBEBEB;-webkit-box-shadow: 0 2px 5px 0 rgba(224,224,224,1);-moz-box-shadow: 0 2px 5px 0 rgba(224,224,224,1);box-shadow: 0 2px 5px 0 rgba(224,224,224,1);} #header .right-header .items-dropdown .items-list{max-height: 256px;padding: 9px 9px 10px;} #header .right-header .items-dropdown .items-list ul{margin: 0;list-style: none;} #header .right-header .items-dropdown .items-list ul li{position: relative;border-top: 1px solid #EBEBEB;} #header .right-header .items-dropdown .items-list ul li:first-child{border-top: 0;} #header .right-header .items-dropdown .items-list ul li a{display: block;padding: 10px 0;} #header .right-header .items-dropdown .items-list ul li:first-child a{padding-top: 0;} #header .right-header .items-dropdown .items-list ul li:last-child a{padding-bottom: 0;} #header .right-header .items-dropdown .items-list ul li a.item-remove{position: absolute;top: calc(50% - 7px);right: 5px;padding: 0;} #header .right-header .items-dropdown .items-list ul li a.item-remove::before{content: '';display: block;width: 14px;height: 14px;background: url(../../sysimages/icon-remove-bag.png) left top/14px no-repeat;} #header .right-header .items-dropdown .item-img{position: relative;float: left;width: 65px;border: 1px solid #EDEDED;} #header .right-header .items-dropdown .item-img img{display: block;width: 100%;} #header .right-header .items-dropdown .item-desc{position: relative;float: left;width: calc(100% - 65px);padding: 4px 25px 4px 10px;} #header .right-header .items-dropdown .item-desc p{text-overflow: ellipsis;overflow: hidden;} #header .right-header .items-dropdown .item-desc .item-ref{padding-bottom: 5px;} #header .right-header .items-dropdown .bottom-list{text-align: center;padding: 13px 15px 15px;border-top: 1px solid #EBEBEB;background: #F7F7F7;} #header .right-header .items-dropdown .bottom-list.wrapper-free-shipping{padding: 13px 12px 15px;} #header .right-header .items-dropdown .bottom-list .mtotal-price{padding-bottom: 8px} #header .right-header .items-dropdown .bottom-list .button{width: 100%;} @media screen and (min-width: 768px){ body:not(.header-blue) #header .right-header .shop-icons > ul > li > a::before{background-color: #139FB8;} #header .right-header .shop-icons > ul > li > a p{font-family: "Montserrat-Bold";font-size: 10px;line-height: 12px;color: #666;text-transform: none;} #header .right-header .shop-icons > ul > li > a p span{display: block;font-family: 'Metrocity-Medium';font-size: 16px;line-height: 19px;color: #1B3149;} #header .right-header .shop-icons > ul > li > a::before{content: '';position: absolute;top: 1px;left: -50px;width: 49px;height: 38px;background: #008EAA url(../../sysimages/icon-cart-new.png) center/24px no-repeat;border-radius: 4px 0 0 4px;} #header .right-header .icon-search { margin-right: 10px; display: inline-block; width: 50px; height: 38px; cursor: pointer; vertical-align: middle; border: 1px solid #1B3149; border-radius: 4px; background: url(/sysimages/icon-search-new.png) center / 24px no-repeat; } body #header .right-header .shop-icons { padding-left: 0; } #header .right-header .icon-search:hover{background-color: #f2f2f2;} #header .right-header .account-options {margin-left: 0;list-style-type: none;display: inline-block;vertical-align: middle;} #header .right-header .account-options li{position: relative;} #header .right-header .account-options li.options-user > p, #header .right-header .account-options li.options-user > a{text-decoration: none;display: block;text-decoration: none;height: 38px;position: relative;padding: 4px 38px 4px 10px;margin-left: 52px;background: #008EAA;border-radius: 0 4px 4px 0;font-family: "Metrocity-Bold";font-size: 10px;line-height: 12px;color: rgba(255,255,255,0.62);} #header .right-header .account-options li.user-login > a{padding: 4px 10px;} #header .right-header .account-options li.options-user > p{padding-top: 10px;text-transform: none;} #header .right-header .account-options li.options-user > p::before, #header .right-header .account-options li.options-user > a::before{content: '';position: absolute;top: 0;left: -52px;width: 51px;height: 38px;background: #1B3149 url(../../sysimages/icon-user-new.png) center/24px no-repeat;border-radius: 4px 0 0 4px;} #header .right-header .account-options li.options-user::after{content:'';position: absolute;bottom: 0;left: 0;width: 51px;height: 1px;background: transparent;} #header .right-header .account-options li.user-anonymous > p::after, #header .right-header .account-options li.user-account > a::after{content:'';position: absolute;bottom: 4px;right: 10px;width: 16px;height: 16px;background: url(/sysimages/icon-submenu-account.png) center/16px no-repeat;} #header .right-header .account-options li.user-anonymous > p::after{top: calc(50% - 8px);} #header .right-header .account-options li:hover > a{background-color: #00A6BE !important} #header .right-header .account-options li.user-anonymous:hover::after, #header .right-header .account-options li.user-account:hover::after{background: #fff;} #header .right-header .account-options li.user-anonymous:hover > p, #header .right-header .account-options li.user-account:hover > a{border-radius: 0 4px 0 0;} #header .right-header .account-options li.user-anonymous:hover > p::before, #header .right-header .account-options li.user-account:hover > a::before{border-radius: 4px 0 0 0px;} #header .right-header .account-options li.user-anonymous:hover > p::after, #header .right-header .account-options li.user-account:hover > a::after{transform: rotate(180deg)} #header .right-header .account-options li > p span, #header .right-header .account-options li > a span{font-size: 16px;line-height: 19px;color: #fff;display: block;max-width: 130px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} #header .right-header .account-options li > .wrapper-buttons{background: #00A6BE;display: none;z-index: 1;padding: 12px 0;position: absolute;top: 100%;left: 0;width: 100%;border-radius: 4px 4px 0 0;} #header .right-header .account-options li:hover > .wrapper-buttons{display: block;border-radius: 0 0 4px 4px;} #header .right-header .account-options li > .wrapper-buttons a{padding: 9px 18px;font-size: 13px;color: #fff;display: block;} #header .right-header .account-options li > .wrapper-buttons a.first{font-family: "Metrocity-Medium";} /*#header .right-header .account-options li.account.logged > a{background: #008EAA url(../../sysimages/icon-user-new.png) 7px center/24px no-repeat;} #header .right-header .account-options li.account.logged > a::before{content:'';position: absolute;bottom: 10px;right: 4px;width: 16px;height: 16px;background: url(/sysimages/icon-submenu-account.png) center/16px no-repeat;} #header .right-header .account-options li.account.logged:hover > a::before{transform: rotate(180deg)} #header .right-header .account-options li.account.logged > a::after{content:'';position: absolute;bottom: -6px;left: 0;width: 51px;height: 6px;background: transparent;} #header .right-header .account-options li.account > .wrapper-buttons{padding-top: 6px;min-width: 180px;right: auto;left: 0;border-radius: 4px !important;background: transparent} #header .right-header .account-options li.account > .wrapper-buttons div{border-radius: 4px !important;background: #00A6BE;padding: 12px 0;} #header .right-header .account-options li.account.logged:hover > a{border-radius: 4px 4px 0 0;} #header .right-header .account-options li.account.logged:hover > a::after{background-color: #00A6BE} #header .right-header .account-options li.account.logged:hover > .wrapper-buttons > div{border-radius: 0 4px 4px 4px !important;}*/ .nav-top .account a:not(.logout)::before { content: ''; display: block; width: 14px; height: 14px; background-image: url(../../sysimages/icon-user-new.png); background-position: center; background-repeat: no-repeat; background-size: 100%; filter: brightness(0) saturate(100%) invert(65%) sepia(63%) saturate(5130%) hue-rotate(153deg) brightness(90%) contrast(85%); } #header .nav-top ul li.account a {position: relative;display: flex;align-items: center;gap: 6px;color: #139FB8;text-transform: uppercase;} #header .nav-top ul li.account a.logout { color: #1A3048;padding-left: 0; } body.header-blue #header{background: #1B3149;} /* body.header-blue #header .left-header{width: calc(100% - 434px);} */ /* body.header-blue.header-slim #header .left-header{width: calc(100% - 414px);} */ /* body.header-blue #header.menu-loja-online .left-header, */ /* body:not(.header-blue) #header:not(.menu-loja-online) .left-header{width: calc(100% - 444px);padding-left: 75px;} */ body #header.galleryColor .right-header .icon-search, body.header-blue #header .right-header .icon-search{border-color: #008EAA;background-image: url(/sysimages/icon-search-new-blue.png);} body.header-blue #header .left-header .menu > ul > li.sel:hover > a, body.header-blue #header .left-header .menu > ul > li:not(:hover):not(.active) > a{color: #fff;} body.header-blue #header .left-header .menu > ul > li > a::before{background-color: #fff;} } #header > .search{display: none;background: #008EAA;padding: 7px 15px 8px;} #header > .search.active{display: block !important;} #header > .search .search-form{position: relative;width: 100%;max-width: 633px;margin: 0 auto;display: block;} #header > .search input{background: #FAFAFA;border-radius: 4px;width: 100%;border-width: 0;display: block;border-width: 0;padding: 8px 40px 8px 20px;} #header > .search button{background: url(/sysimages/icon-search-new.png) center/18px no-repeat;padding: 0;border-width: 0;width: 22px;height: 22px;position: absolute;right:16px;top: calc(50% - 11px);} #header .left-header{display: inline-block;vertical-align: middle;padding-left: 20px;/*width: calc(100% - 430px);*/margin-top: -1px;flex: 1;} #header .left-header .menu > ul{float: left;} #header .left-header .menu > ul > li{float: left;position: relative;} #header .left-header .menu > ul > li > a{display: block;position: relative;padding: 28px 14px 23px;transition:0.2s padding;} #header .left-header .menu > ul > li > a::before{content:'';position: absolute;bottom: 26px;left: 25px;width: calc(100% - 50px);height: 2px;opacity: 0;transition:0.2s width, opacity;background: #293441;} #header.blogColor .left-header .menu > ul > li > a::before, #header.galleryColor .left-header .menu > ul > li > a::before{background-color: #fff;} #header .left-header .menu > ul > li.sel:not(.sub)> a::before, #header .left-header .menu > ul > li.sub.sel> a::before, #header .left-header .menu > ul > li:not(.sel):not(.sub):hover > a::before{/* width: calc(100% - 24px); opacity: 1;*/} /*#header .left-header .menu > ul > li.sub:not(.sel):hover > a{background-color: #f2f2f2;}*/ /*#header .left-header .menu > ul > li.sub.active > a, #header .left-header .menu > ul > li:not(.sel):hover > a {background-color: #f2f2f2;}*/ #header .nav-top .customCol ul li a, #header .left-header .menu > ul > li > a { text-transform: uppercase; } #header .left-header .menu > ul > li.sel > a, #header .left-header .menu > ul > li:hover > a { color: #139FB8; } #header .left-header .menu > ul > li.sel > a::after, #header .left-header .menu > ul > li:hover > a::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background-color: #139FB8; } #header .left-header .menu > ul > li > a[href="javascript:void(0);"]{cursor: default;} /*#header .left-header .menu > ul > li:hover .submenu{visibility: visible;}*/ /*#header .left-header .menu .submenu{position: absolute;top: 100%;left: 0;min-width: 210px;visibility: hidden;z-index: 101;}*/ #header-submenu-block {position: absolute;left: 0;width: 100%;top: 100%;z-index: 999;background: rgba(255,255,255,1);background: rgba(89, 89, 89,0.02)} .headerCampaignVisible.headerCampaignVisibleBottomHeader #header-submenu-block.active-menu {top: calc(100% - var(--notification-bar-height));} #header-submenu-block.active-menu .submenu:not(.active), #header-submenu-block:not(.active-menu) {height: 0;} #header-submenu-block .submenu{overflow: hidden} #header-submenu-block .submenu:not(.active) {opacity: 0; visibility: hidden; height: 1px; overflow: hidden; background: #FFF;} #header-submenu-block .submenu > div{position: relative;padding: 12px 0;background: #fff;} #header-submenu-block .submenu > div.pre-container { width: 100%; } #header-submenu-block .submenu > div a{display: block;padding: 5px 18px 4px;text-decoration: none;} #header-submenu-block .submenu ul{list-style-type: none;margin-left: 0;} #header .second-menu{background-color: #008eaa;border-top: 1px solid #0095b1;} #header .second-menu ul{margin-left: 0;list-style-type: none;} #header .second-menu ul li{float: left;} #header .second-menu ul li a{display: block;padding: 9px 13px 10px;text-decoration: none;} .mobile-notifications{position: absolute;top: 100%;left: 0;width: 100%;} .mobile-notifications .notification{display: none;padding: 0 15px;background-color: #293441;text-align: center;} #containerSite::before{opacity: 0;visibility: hidden;content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.65);z-index: 45;} #containerSite.overlay-list::before{z-index: 51;} #containerSite.overlay::before{opacity: 1;visibility: visible;} #main{padding-top: 97px;background: #FFF;} @media screen and (min-width: 768px){ #main.search{padding-top: 167px;} body.header-slim #main{/*padding-top: 91px;*/padding-top: 119px;} body.header-slim-2 #main{/*padding-top: 91px;*/padding-top: 119px;} body.welcomeGiftHeaderActive #main {padding-top: 164px;} } /* -------- HEADER SLIM --------- */ /*.header-slim #header .nav-top ul li a{padding: 2px 10px;}*/ /*.header-slim #header .nav-top ul li a::before, .header-slim #header .nav-top ul li:last-child a::after{top: calc(50% - 5px);height: 10px;}*/ /*.header-slim #header .nav-top ul li.user-currency::after{top: 6px;}*/ .header-slim #header .left-header .menu > ul > li > a{padding: 28px 14px 23px;} .header-slim #header .left-header .menu > ul > li > a::before{bottom: 19px;} body.header-slim #header .left-header .menu > ul > li > a::before, body.header-slim-2 #header .left-header .menu > ul > li > a::before{left: 12px;width: calc(100% - 24px) !important;} .header-slim #header .right-header .items-dropdown{top: 18px;} .header-slim #header .second-menu ul li a{padding: 4px 13px 5px;} .header-slim .hasSecondaryMenu #header::before{bottom: 24px !important;} @media screen and (min-width: 768px){ /*.header-slim #header.menu-loja-online .logo, .header-slim-2 #header.menu-loja-online .logo{max-width: 94px;margin-top: 0;}*/ } .header-slim-2 #header .left-header .menu > ul > li > a{padding: 24px 11px;} .header-slim-2 #header .left-header .menu > ul > li > a::before{bottom: 19px;} .header-slim-2 #header .right-header .items-dropdown{top: 19px;} .header-slim-2 #header .second-menu ul li a{padding: 4px 13px 5px;} .header-slim-2 .hasSecondaryMenu #header::before{bottom: 24px !important;} /* ------------------------------ */ /* Slider Dots (Content Blocks) */ .sliderBlocos .slick-dots{position: absolute;bottom: 15px;left: 0;width: 100%;margin: 0;font-size: 0;line-height: 0;text-align: center;} .sliderBlocos .slick-dots li{display: inline-block;margin-left: 10px;} .sliderBlocos .slick-dots li button{width: 10px;height: 10px;background: white;border-radius: 100px;padding: 0;margin: 0;border: 0;text-indent: -9999px;overflow: hidden;opacity: .6;} .sliderBlocos .slick-dots li button:hover, .sliderBlocos .slick-dots li.slick-active button {opacity: 1;} body #main.blocks-loja .container-blocks .container{max-width: 100% !important;padding-left: 0;padding-right: 0;} body #main.blocks-loja .wrapper-banner-product{position: relative;} body #main.blocks-loja .wrapper-banner-product .content_blocks_tabs.total_1{display: block;border-bottom-width: 0;} body #main.blocks-loja .content_blocks_tabs.total_1 .content_blocks_tabs_ul .content_blocks_tabs_li a, body #containerSite #main.blocks-loja .content_blocks_tabs.total_1 .content_blocks_tabs_ul .content_blocks_tabs_li a{font-family: 'Metrocity-Bold', Arial, Helvetica, 'Segoe UI', sans-serif;font-weight: normal;font-size: 13px;line-height: 18px;color: #333;text-transform: uppercase;padding: 0;border-bottom-width: 0;cursor: text;} body #main.blocks-loja .wrapper-banner-product::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(/sysimages/bg-pattern.png) repeat left top/117px;opacity: .5;} p.pshipping {font-size: 12px;font-weight: normal;} @media screen and (max-width: 767px) { .sliderBlocos .slick-dots{bottom: 10px;} .sliderBlocos .slick-dots li{margin-left: 6px;} .sliderBlocos .slick-dots li button{width: 6px;height: 6px;} } @media screen and (min-width: 1293px) and (max-width: 1356px) { #header .left-header .menu > ul > li > a, .header-slim #header .left-header .menu > ul > li > a{padding-left: 14px;padding-right: 14px;} } @media screen and (min-width: 768px) and (max-width: 1292px) { #header .left-header .menu > ul > li > a, .header-slim #header .left-header .menu > ul > li > a{font-size: 10px;} #main{padding-top: 114px;} } /* Tablet */ /* body.tablet #header .left-header{padding-left: 20px ;} */ body.tablet #header .left-header .menu > ul > li > a{padding-left: 5px;padding-right: 5px;} body.tablet #header .right-header .items-dropdown .items-list{overflow: hidden;} body.tablet #header .right-header .items-dropdown .items-list ul{max-height: 237px;overflow-y: auto;-webkit-overflow-scrolling: touch;} body.tablet.portrait #header .left-header{padding-left: 20px !important;} /* body.tablet.portrait #header .left-header{padding-left: 15px;width: calc(100% - 320px);} */ /* body.tablet.portrait #header .right-header{width: 219px;} */ /* body.tablet.portrait #header .right-header .shop-icons{padding-left: 5px;} */ @media screen and (min-width: 768px){ #main{max-width: 1920px;margin: 0 auto;} #main.wrapper-blocks .wrapper-page{padding-top: 0;} #header{min-width: 1100px;} /*.hasSecondaryMenu #main{padding-top: 156px;}*/ .hasSecondaryMenu #header{border-bottom: 0;} .hasSecondaryMenu #header::before{z-index: 99 !important;bottom: 34px !important;} } @media screen and (max-width: 1260px) { #header .left-header{padding-left: 15px;/* width: calc(100% - 335px); */} /* #header .left-header .menu > ul > li > a{padding-left: 9px;padding-right: 9px;} */ #header .right-header .icon-search{margin-right: 8px} #header .right-header{width: 286px} body:not(.header-blue) #header .left-header{width: calc(100% - 396px) ;} body.header-blue #header .left-header{width: calc(100% - 400px) !important; } body.header-blue.header-slim #header .left-header{width: calc(100% - 380px) !important; } #header .right-header .shop-icons{padding-left: 8px;} #header .right-header .shop-icons > ul > li > a{padding-right: 18px;} /* #header .right-header{width: 234px;} */ } @media screen and (max-width: 1100px){ #header{position: absolute;} } @media screen and (max-width: 768px) { #header{position: fixed;} #header::before{bottom: -6px !important;} #header .nav-top,#header .left-header,#header .right-header .search form,#header .second-menu{display: none;} #header .wrapper-header{padding: 6px 0 8px;} #header .logo{float: none;display: block;max-width: 95px;margin: 0 0 0 46px;} #header .right-header{float: none;padding: 0;display: block;} #header .right-header .shop-icons{float: none;padding: 0;position: absolute;top: 9px;right: 15px;} #header .right-header .shop-icons > ul > li > a{ height: auto; padding: 0; background-color: #293441; border-radius: 4px; overflow: hidden; margin-left: 48px; } #header .right-header .shop-icons > ul > li.cart > a span { background-color: #1A3048; height: 34px; width: 34px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; line-height: 34px; text-align: center; font-family: "Metrocity-Medium"; font-size: 14px; } #header .right-header .shop-icons > ul > li.cart > a::after { width: 1px; height: 100%; position: absolute; background: #FFF; left: 50%; transform: translateX(-1px); top: 0; } #header .right-header .shop-icons > ul > li.cart > a::before { height: 34px; width: 34px; background: url(../../sysimages/icon-cart.png) center / 18px no-repeat; margin-right: 0px; background-color: #139FB8; } #header .right-header .icon-search{ margin-right: 0; display: inline-block; width: 34px; height: 34px; cursor: pointer; vertical-align: middle; border: 1px solid #1B3149; border-radius: 4px; background: url(/sysimages/icon-search-new.png) center/20px no-repeat; position: absolute; top: 9px; right: 98px; } #main{padding-top: 48px;} #main.blocks-loja{padding-top: 65px;} #header .right-header .search{position: static;} .right-header a.toggle-button/*, #header:not(.menu-loja-online) .toggle-search*/{display: block;} /*#header:not(.menu-loja-online) .shop-icons + .search .toggle-search{display: none;right: 70px;}*/ #header.menu-loja-online .right-header .shop-icons{top: 21px;} .menu-loja-online .toggle-button{top: 19px;} } /** * * New Slider Update * */ #slider-products-homepage {display: none;} @media screen and (max-width: 767px) { #slider-products-homepage {position: relative; display: block; overflow: hidden; box-shadow: 0px 0.33px 0px rgba(60, 60, 67, 0.29); background-color: #FFF;} #slider-products-homepage .wrapper-slider {text-align: center; overflow-x: auto; white-space: nowrap;} #slider-products-homepage .slide {padding: 10px; display: inline-block; } #slider-products-homepage .slide figure {text-align: center;} #slider-products-homepage .slide.first span.icon, #slider-products-homepage .shop-slideout-overlay span.icon {background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M34.375 9.81813C34.625 9.81813 34.75 9.94545 34.875 10.0727C35 10.2 35 10.4545 35 10.4545L32.5 20.6364C32.5 20.8909 32.25 21.1455 32 21.1455L13.75 23.6909C14.25 24.5818 15.25 25.0909 16.25 25.0909H30.5C30.875 25.0909 31.125 25.3455 31.125 25.7273C31.125 26.1091 30.875 26.3637 30.5 26.3637H16.125C14.125 26.3637 12.25 24.8364 11.875 22.8L8.87504 7.27271H5.62502C5.25002 7.27271 5 7.01814 5 6.63633C5 6.25451 5.25002 5.99994 5.62496 6H9.37496C9.62498 6 9.99998 6.25451 9.99998 6.50907L10.625 9.81813H34.375ZM15.625 27.6364C13.875 27.6364 12.5 29.0364 12.5 30.8182C12.5 32.6 13.875 34 15.625 34C17.375 34 18.75 32.6 18.75 30.8182C18.75 29.0364 17.375 27.6364 15.625 27.6364ZM15.625 32.7273C14.625 32.7273 13.75 31.8363 13.75 30.8182C13.75 29.8 14.625 28.9091 15.625 28.9091C16.625 28.9091 17.5 29.8 17.5 30.8182C17.5 31.8363 16.625 32.7273 15.625 32.7273ZM25 30.8182C25 29.0364 26.375 27.6364 28.125 27.6364C29.875 27.6364 31.25 29.0364 31.25 30.8182C31.25 32.6 29.875 34 28.125 34C26.3751 34 25 32.6 25 30.8182ZM26.25 30.8182C26.25 31.8363 27.125 32.7273 28.125 32.7273C29.125 32.7273 30 31.8363 30 30.8182C30 29.8 29.125 28.9091 28.125 28.9091C27.125 28.9091 26.25 29.8 26.25 30.8182ZM13.125 22.4182L31.375 20L33.5 10.9636H10.875L13.125 22.4182Z' fill='white'/%3E%3C/svg%3E%0A"); width: 56px; height: 56px; background-size: 40px; background-repeat: no-repeat; display: block; background-color: #008EAA; border: 1px solid rgba(0, 0, 0, 0.1); background-position: center;border-radius: 100%; margin: 0 auto;} #slider-products-homepage .slide img {border: 1px solid #F2F2F2; width: 56px; height: 56px; object-fit: cover; border-radius: 100%; display: block; margin: 0 auto;} #slider-products-homepage .slide .slide-caption {margin-top: 8px;} #slider-products-homepage .shop-slideout-overlay {position: absolute; z-index: 2; left: 0; transform: translate(-100%, -50%); top: 50%; background-color: #FFF; border-radius: 0px 100px 100px 0px; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.1); transition: all 0.2s; -webkit-tap-highlight-color: transparent;} #slider-products-homepage .shop-slideout-overlay span.icon {width: 34px; height: 34px; background-size: 24px;} #slider-products-homepage .shop-slideout-overlay a {padding: 6px 5px 6px 11px; display: block;} #slider-products-homepage .shop-slideout-overlay.active {transform: translate(0, -50%);} #slider-products-homepage .wrapper-products {position: relative;} #slider-products-homepage .slide.first .slide-caption {color: #008EAA;} #slider-products-homepage .shop-slideout-overlay:active {transform: scale(0.9) translate(-5px, -50%);} #slider-products-homepage .slide a {display: block; transition: all 0.2s; text-decoration: none !important; -webkit-tap-highlight-color: transparent;} #slider-products-homepage .slide a:active {transform: scale(0.9);} body.slider-products-homepage-loaded #containerSite #main.home {margin-top: 0 !important; padding-top: 0 !important;} body.slider-products-homepage-loaded.headerCampaignVisible.headerCampaignVisibleBottomHeader #slider-products-homepage, body.slider-products-homepage-loaded.headerCampaignVisible.headerCampaignVisibleTopHeader:not(.bannerWelcomeGiftVisible) #slider-products-homepage {margin-top: 28px !important;} body.slider-products-homepage-loaded #slider-products-homepage {padding-top: 48px !important;} /** * * Styles * */ #slider-products-homepage .slide .slide-caption {font-size: 12px; line-height: 14px; color: #1A3048; font-family: 'Metrocity-Medium', 'Helvetica Neue', Arial, Helvetica, 'Segoe UI', sans-serif;} } .header-submenu-container-row { display: flex; padding: 16px 0px 60px 124px; text-align: left; gap: 42px; } .header-submenu { display: flex; justify-content: center; flex-direction: column; gap: 9px; } .header-submenu-image-row { margin-left: auto;display: flex;flex-direction: row;gap: 14px;padding-top: 7px; } .header-submenu-image { width: 240px; } #header-submenu-block .submenu > div .header-submenu-image a { padding: 0;position: relative; } .header-submenu-image .submenu-image-item-img { border-top-right-radius: 42px;border-bottom-left-radius: 42px;overflow: hidden; } .header-submenu-image img { aspect-ratio: 1 / 1; height: 240px;object-fit: cover; } #header-submenu-block .submenu > div .header-submenu-image a .submenu-image-item-wrapper { position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%); } #header-submenu-block .submenu > div .header-submenu-image a .submenu-image-item-wrapper .link { border-bottom: 2px solid currentColor !important; text-decoration: unset !important; font-size: 13px; padding-bottom: 4px; line-height: 100%; font-family: 'Metrocity-Bold'; } #header-submenu-block .submenu > div .header-submenu-image a:hover .submenu-image-item-wrapper .link { border-color: transparent !important; } #header-submenu-block .submenu > div .header-submenu-image a .submenu-image-item-wrapper.light .link { color: #FFF; } #header-submenu-block .submenu > div a { font-size: 14px;letter-spacing: 0.2px; } .header-submenu .title-column a { color: #1A3048;font-family: 'Metrocity-Medium';font-size: 14px;letter-spacing: 0.2px; } body #header-submenu-block .header-submenu .title-column a:hover { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 4px; color: #139fb8; } #header-submenu-block .submenu > div a:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 6px; }