@font-face { font-family: "OldPress"; src: url("../css/fonts/OldPress.eot"); /* IE9 Compat Modes */ src: url("../css/fonts/OldPress.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../css/fonts/OldPress.svg") format("svg"), /* Legacy iOS */ url("../css/fonts/OldPress.ttf") format("truetype"), /* Safari, Android, iOS */ url("../css/fonts/OldPress.woff") format("woff"), /* Modern Browsers */ url("../css/fonts/OldPress.woff2") format("woff2"); /* Modern Browsers */ font-weight: normal; font-style: normal; } .product-options-container { background-color: #f2fff2; padding: 50px; } .product-options-container h2 { font-size: 36px; margin-bottom: 20px; } .product-options-container ul { list-style: none; margin: 0; padding: 0; } .product-options-container li { margin-bottom: 10px; } .product-options-container .percent { float: right; font-weight: bold; } /* Estilos para o fundo do site */ body { background-color: #fff; } .product-options-container:first-of-type { background-color: #f2fff2; } @media only screen and (max-width: 600px) { /* Estilos para dispositivos móveis */ .product-options-container { padding: 30px; } .product-options-container h2 { font-size: 28px; margin-bottom: 10px; } } } .banner-header { width: 100%; } .banner-header .container { max-width: 100%; padding: 0; } @media (min-width: 768px) { ::-webkit-scrollbar { height: 5px; width: 7px; } ::-webkit-scrollbar-track { background-color: #fff; } ::-webkit-scrollbar-thumb { background-color: var(--color_primary); } } body { font-family: Arial, sans-serif; font-size: 16px; } h1, h2, h3, h4, h5, h6 { font-family: Arial, sans-serif; font-size: 24px; } #minhaDiv1 img, #minhaDiv img { width: 535px !important; height: 360px !important; } /* Estilos para desktop */ @media screen and (min-width: 768px) { .colunas { display: flex; flex-wrap: wrap; margin: -10px; } .coluna { flex: 1; padding: 10px; } .conteudo-desktop { display: block; } .conteudo-mobile { display: none; } }
/* Estilos para mobile */ @media screen and (max-width: 767px) { .conteudo-desktop { display: none; } .conteudo-mobile { display: block; } } .empresa { background: url(../img/box-text1.jpg) no-repeat center top; min-height: 696px; margin-top: 80px; padding-top: 60px; } .empresa h3 { color: #000; font-size: 13px; font-weight: 500; line-height: 25px; margin-left: 35%; width: 50%; text-align: justify; } .logo-end {margin-left: 35%;margin-bottom: 20px;} .empresa-text h3 {color: #fff;padding: 0px 40px;font-weight: 400;line-height: 30px;font-size: 18px;text-shadow: 1px 1px 3px #000;} .banners-end { display: flex; justify-content: end; margin-bottom: 94px; } .swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1 } .swiper-container-no-flexbox .swiper-slide { float: left } .swiper-container-vertical>.swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .swiper-container-multirow>.swiper-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .swiper-container-free-mode>.swiper-wrapper { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform } .swiper-slide-invisible-blank { visibility: hidden } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; -o-transition-property: transform, height; transition-property: transform, height; transition-property: transform, height, -webkit-transform } .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px } .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d } .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal>.swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y } .swiper-container-wp8-vertical, .swiper-container-wp8-vertical>.swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") } .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") } .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") } .swiper-button-lock { display: none } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10 } .swiper-pagination.swiper-pagination-hidden { opacity: 0 } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100% } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0 } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(.33); -ms-transform: scale(.33); transform: scale(.33); position: relative } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(.66); -ms-transform: scale(.66); transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(.33); -ms-transform: scale(.33); transform: scale(.33) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(.66); -ms-transform: scale(.66); transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(.33); -ms-transform: scale(.33); transform: scale(.33) } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2 } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer } .swiper-pagination-bullet-active { opacity: 1; background: #007aff } .swiper-container-vertical>.swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) } .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block } .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 8px } .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: .2s top, .2s -webkit-transform; transition: .2s top, .2s -webkit-transform; -o-transition: .2s transform, .2s top; transition: .2s transform, .2s top; transition: .2s transform, .2s top, .2s -webkit-transform } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px } .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap } .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: .2s left, .2s -webkit-transform; transition: .2s left, .2s -webkit-transform; -o-transition: .2s transform, .2s left; transition: .2s transform, .2s left; transition: .2s transform, .2s left, .2s -webkit-transform } .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: .2s right, .2s -webkit-transform; transition: .2s right, .2s -webkit-transform; -o-transition: .2s transform, .2s right; transition: .2s transform, .2s right; transition: .2s transform, .2s right, .2s -webkit-transform } .swiper-pagination-progressbar { background: rgba(0, 0, 0, .25); position: absolute } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top } .swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0 } .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical>.swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0 } .swiper-pagination-white .swiper-pagination-bullet-active { background: #fff } .swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, .25) } .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #fff } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000 } .swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, .25) } .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000 } .swiper-pagination-lock { display: none } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, .1) } .swiper-container-horizontal>.swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98% } .swiper-container-vertical>.swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98% } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, .5); border-radius: 10px; left: 0; top: 0 } .swiper-scrollbar-cursor-drag { cursor: move } .swiper-scrollbar-lock { display: none } .swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center } .swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain } .swiper-slide-zoomed { cursor: move } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite } .swiper-lazy-preloader:after { display: block; content: ''; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-cube { overflow: visible } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100% } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0 } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible } .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0 } .swiper-container-flip { overflow: visible } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-container-coverflow .swiper-wrapper { -ms-perspective: 1200px } img:not([src]) { opacity: 0 } img.swiper-lazy { opacity: 0; transition: ease-in-out .2s } img.swiper-lazy-loaded { opacity: 1 } .slcted { background-color: #ccc } .cl { clear: both; margin: 0!important } .idp { font-size: 10px } .is-hidden { display: none } .suggestion { z-index: 100; border: 6px solid #666; max-width: 700px; min-width: 400px; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; left: auto } .suggestion span { display: block; cursor: pointer; padding: 4px 0 } .suggestion-words { font-size: 13px; background-color: #fff; padding: 14px } .suggestion-words span { border-bottom: 1px dotted #ddd } .suggestion-products { background-color: #f5f5f5; padding: 14px } .suggestion-products a { color: #000; font-weight: 700 } .suggestion-title { background-color: #d70008; color: #fff; display: block; margin-bottom: 7px; text-indent: 8px; font: 700 14px/24px 'Open Sans Condensed', sans-serif } .suggestion-products .suggestion-img { width: 90px; height: 90px; float: left; margin-right: 10px } .suggestion-product { margin-bottom: 20px; font-size: 13px } .suggestion-words span:hover { background: #eee } .suggestion-products strong, .suggestion-words strong { background: #666 } .suggestion-product:hover { background: #d8d8d8 } .close { float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .2 } .close:focus, .close:hover { color: #000; text-decoration: none; cursor: pointer; opacity: .5 } button.close { -webkit-appearance: none; padding: 0; cursor: pointer; background: 0 0; border: 0 } .modal-open .modal { padding-left: 0!important; padding-right: 0!important; overflow: hidden } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0 } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: -webkit-transform .3s ease-out; -o-transition: transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out, -webkit-transform .3s ease-out; -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); transform: translate(0, -25%) } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) } .modal-open .modal { overflow-x: hidden; overflow-y: auto } .modal-dialog { position: relative; width: auto; margin: 10px } .modal-content { position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5) } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000 } .modal-backdrop.fade { opacity: 0 } .modal-backdrop.in { opacity: .5 } .modal-header { min-height: 16.43px; padding: 15px; border-bottom: 1px solid #e5e5e5 } .modal-header .close { margin-top: -2px } .modal-title { margin: 0; line-height: 1.42857143 } .modal-body { position: relative; padding: 15px; max-height: 80vh; overflow-y: auto } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5 } .modal-footer .btn+.btn { margin-bottom: 0; margin-left: 5px } .modal-footer .btn-group .btn+.btn { margin-left: -1px } .modal-footer .btn-block+.btn-block { margin-left: 0 } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll } @media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); box-shadow: 0 5px 15px rgba(0, 0, 0, .5) } .modal-sm { width: 300px } } @media (min-width: 992px) { .modal-lg { width: 900px } } .modal-dialog-center { margin: 0; position: absolute!important; top: 50%; left: 50% } @media (max-width: 767px) { .modal-dialog-center { width: 100% } } .modal-body #Page { width: auto!important; display: block!important } .slick-slider .slick-list { width: 100% } .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex } .slick-slide { height: auto } .compare-hidden, .tray-hide { display: none!important } .carrinho-tabs { display: none } .modal { display: none } .sec_texto { color: #999 } .sec_baixa { color: red } .sec_media { color: #f60 } .sec_alta { color: green } .safe { margin-bottom: -5px } .hidden { display: none } *, ::after, ::before { -webkit-box-sizing: inherit; box-sizing: inherit; font-family: inherit } * { margin: 0; padding: 0; outline: 0 } body { line-height: 1.36; font-size: 16px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent; overflow-x: hidden; overflow-y: auto; width: 100%; font-size: 1rem; font-family: 'Montserrat', sans-serif !important; color: var(--color_text); min-height: 100vh; /* background-color: var(--bg_body); */ } .page-home>body { } [hidden] { display: none!important } ol, ul { list-style: none } td, th { vertical-align: middle } a { text-decoration: none; color: inherit } table { border-collapse: collapse; border-spacing: 0 } .clear { clear: both } .clear-content::after { content: ""; display: block } button, input:not([type=radio]):not([type=checkbox]), select, textarea { font-family: inherit; -webkit-appearance: none; font-weight: 300; font-size: 12px; letter-spacing: 0px; background: var(--bg_input); } input:not([type=radio]):not([type=checkbox])::placeholder, textarea::placeholder { color: var(--text_input) } #aviso_depoimento { margin: 10px 0; text-align: center } select::-ms-expand { display: none } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0 } input[type=number] { -moz-appearance: textfield!important } .flex { display: -webkit-box; display: -ms-flexbox; display: flex } .flex-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .justify-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .justify-around { -ms-flex-pack: distribute; justify-content: space-around } .justify-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .justify-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .justify-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .align-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .align-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .align-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .justify-self-end { -ms-grid-column-align: end; justify-self: end } .align-content-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .align-self-center { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center } .align-self-start { -ms-flex-item-align: start; align-self: flex-start } .align-self-end { -ms-flex-item-align: end; align-self: flex-end } .align-self-base { -ms-flex-item-align: baseline; align-self: baseline } .f-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap } .flex-grow { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .flex-1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .flex-2 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .container { width: 100%; max-width: 1378px; margin: 0 auto; padding: 0 .938rem; } .banner_lista img { max-width: 100% } .row { margin: 0 -.938rem } .row .col { padding: 0 .938rem; display: block } .row .col.s12 { width: 100% } .row .col.s11 { width: 91.6666666667% } .row .col.s10 { width: 83.3333333333% } .row .col.s9 { width: 75% } .row .col.s8 { width: 66.6666666667% } .row .col.s7 { width: 58.3333333333% } .row .col.s6 { width: 50% } .row .col.s5 { width: 41.6666666667% } .row .col.s4 { width: 33.3333333333% } .row .col.s3 { width: 25% } .row .col.s2 { width: 16.6666666667% } .row .col.s1 { width: 8.3333333333% } @media (min-width: 601px) { .row .col.m12 { width: 100% } .row .col.m11 { width: 91.6666666667% } .row .col.m10 { width: 83.3333333333% } .row .col.m9 { width: 75% } .row .col.m8 { width: 66.6666666667% } .row .col.m7 { width: 58.3333333333% } .row .col.m6 { width: 50% } .row .col.m5 { width: 41.6666666667% } .row .col.m4 { width: 33.3333333333% } .row .col.m3 { width: 25% } .row .col.m2 { width: 16.6666666667% } .row .col.m1 { width: 8.3333333333% } } @media (min-width: 993px) { .row .col.l12 { width: 100% } .row .col.l11 { width: 91.6666666667% } .row .col.l10 { width: 83.3333333333% } .row .col.l9 { width: 75% } .row .col.l8 { width: 66.6666666667% } .row .col.l7 { width: 58.3333333333% } .row .col.l6 { width: 50% } .row .col.l5 { width: 41.6666666667% } .row .col.l4 { width: 33.3333333333% } .row .col.l3 { width: 25% } .row .col.l2 { width: 16.6666666667% } .row .col.l1 { width: 8.3333333333% } } @media (min-width: 1201px) { .row .col.x12 { width: 100% } .row .col.x11 { width: 91.6666666667% } .row .col.x10 { width: 83.3333333333% } .row .col.x9 { width: 75% } .row .col.x8 { width: 66.6666666667% } .row .col.x7 { width: 58.3333333333% } .row .col.x6 { width: 50% } .row .col.x5 { width: 41.6666666667% } .row .col.x4 { width: 33.3333333333% } .row .col.x3 { width: 25% } .row .col.x2 { width: 16.6666666667% } .row .col.x1 { width: 8.3333333333% } } .text-line { white-space: nowrap } .text-overflow { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis } .decoration { text-decoration: underline } .uppercase { text-transform: uppercase } .user-select { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .transition { -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s } .t-scale { -webkit-transition: -webkit-transform .3s cubic-bezier(.53, .01, .36, 1.63)!important; transition: -webkit-transform .3s cubic-bezier(.53, .01, .36, 1.63)!important; -o-transition: transform .3s cubic-bezier(.53, .01, .36, 1.63)!important; transition: transform .3s cubic-bezier(.53, .01, .36, 1.63)!important; transition: transform .3s cubic-bezier(.53, .01, .36, 1.63), -webkit-transform .3s cubic-bezier(.53, .01, .36, 1.63)!important } .t-color { -webkit-transition: color ease-in-out .2s; -o-transition: color ease-in-out .2s; transition: color ease-in-out .2s } .t-bg { -webkit-transition: background-color ease-in-out .2s; -o-transition: background-color ease-in-out .2s; transition: background-color ease-in-out .2s } .t-opacity { -webkit-transition: opacity ease-in-out .2s; -o-transition: opacity ease-in-out .2s; transition: opacity ease-in-out .2s } .rounded { border-radius: 50%; overflow: hidden } .photo-rounded { position: relative; border-radius: 50%; overflow: hidden } .photo-rounded::before { content: ""; display: block; padding-bottom: 100% } .photo-rounded img { position: absolute; top: 0; left: 0; width: 100% } .photo-square { position: relative; border-radius: 50%; overflow: hidden } .photo-square::before { content: ""; display: block; padding-bottom: 100% } .photo-square img { position: absolute; top: 0; left: 0; width: 100% } .square { position: relative } .square::after { content: ""; display: block; padding-bottom: 100% } .off-margin-top { margin-top: 0!important } .off-margin-bottom { margin-bottom: 0!important } .off-margin-right { margin-right: 0!important } .off-margin-left { margin-bottom: 0!important } .modal-title { text-transform: uppercase; font-size: 1.125rem; font-weight: 700; text-align: center; padding: 0 40px; color: var(--title_list) } .modal-header .close { position: absolute; top: -20px; right: -20px; width: 50px; height: 50px; border-radius: 50%; background-color: var(--cart_number_bg); color: var(--cart_number); opacity: 1; font-size: 1.8rem } .modal-header .close span { display: block; line-height: 25px; padding-bottom: 4px } .perguntasProdutoBTimg { float: none!important; margin: auto; display: block; width: 202px!important; height: 50px!important; border-radius: 25px } .modal-footer { border-top: 0 } @media (max-width: 767px) { .modal-title { font-size: .75rem; padding: 0 14px } } .banner-bottom { margin-top: 30px } .banner-bottom img { display: block; max-width: 100%; margin: auto } .page-content .container .container { padding: 0 } #ProdBlock.prodBox { display: none } .container, .container2 { background: 0 0; position: static } .cart-preview { display: none!important } .container2 { float: none; background: 0 0; position: static } .container3 { float: none; background: 0 0; position: static; border: 0 } .line { border: 0; height: auto; width: auto } .bottom, .topBorder { background: 0 0 } .modal-header { min-height: 46px } .leftCorner { display: none } .bottom .bLeft, .bottom .bRight { display: none } .obriga-barra.red { font-size: 0 } .obriga-barra.red::before { content: "*"; font-size: 16px } .botao-calcular-frete, .botao-calcular-frete:hover, .botao-cupom-desconto, .botao-cupom-desconto:hover, .botao-efetuar-login, .botao-efetuar-login:hover, .botao-enviar-cadastro, .botao-enviar-cadastro:hover, .botao-enviar-cartao, .botao-enviar-cartao:hover, .botao-finalizar-compra, .botao-finalizar-compra:hover, .botao-novo-cadastro, .botao-novo-cadastro:hover, .botao-prosseguir-cadastro, .botao-prosseguir-cadastro:hover, .botao-prosseguir-compra, .botao-prosseguir-compra:hover, .botao-salvar-lista, .botao-salvar-lista:hover, .botao-simular-frete, .botao-simular-frete:hover, a.botao-calcular-frete, a.botao-cupom-desconto, a.botao-efetuar-login, a.botao-enviar-cadastro, a.botao-enviar-cartao, a.botao-finalizar-compra, a.botao-novo-cadastro, a.botao-prosseguir-cadastro, a.botao-prosseguir-compra, a.botao-salvar-lista, a.botao-simular-frete { background: unset; border: unset; color: unset; color: unset } #loading-product-container { z-index: 6; position: absolute; top: 0; left: 0; width: 100%; height: 100% } #loading-product-container::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--bg_body); opacity: .6 } .list-icons .icones { text-align: center; display: inline-block } .list-icons { text-align: center } .list-icons .icones::not(:first-child) { margin-left: 10px } .list-icons br { display: none } .list-icons img { padding: 2px; border: 1px solid #e0e0e0; max-width: 90px } .carac-valor { display: block; font-size: .75rem } .texto_variacao { font-size: .875rem; font-weight: 400; margin-bottom: 11px } .texto_variacao h2 { font-weight: inherit; display: inline; font-size: inherit } .texto_variacao #cor_nome { display: none; padding-left: 5px } .box-variants { margin: 20px 0 } .medidacerta { font-weight:700; font-size:14px; color:#fe8606; text-transform:uppercase; margin:25px 0 0; text-decoration:underline; } #AbaPersonalizadaConteudo9 .butt-masc, #AbaPersonalizadaConteudo9 .but-fem { font-weight:700; font-size:14px; color: #366e5d; text-transform:uppercase; margin: 0px 0 0; /* text-decoration:underline; */ } #opcoes0 ul, .cor_variacao ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } #opcoes0 ul:not(.listaVarMultipla), .cor_variacao ul:not(.listaVarMultipla) { margin-left: -5px } #opcoes0 ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .cor_variacao ul li { margin: 0 } .cor_variacao ul li { margin: 0 5px 5px } #wrapper { -webkit-transform: inherit!important; -ms-transform: inherit!important; transform: inherit!important; padding: 0!important } .brinde_lista { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: auto!important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 -5px } .brinde_lista img { border: 2px solid #fff!important } .brinde_lista img[style*="border: 2px"] { -webkit-box-shadow: 0 0 0 2px var(--color_primary); box-shadow: 0 0 0 2px var(--color_primary) } .brinde_lista span { display: block; cursor: pointer } .brinde_lista li { margin-top: 5px; padding: 0 5px } .brinde_detalhes .botao { position: relative; display: inline-block; cursor: pointer; z-index: 1 } .brinde_detalhes .botao::before { content: 'ESCOLHER'; display: block; width: 100px; color: #fff; font-size: .75rem; position: absolute; z-index: -1; top: 0; left: 0; line-height: 40px; text-align: center; font-size: .75rem; background-color: var(--color_primary) } .brinde_detalhes .botao img { opacity: 0; display: block; width: 100px; height: 40px } .varTit { font-size: .75rem; font-weight: 400 } .varTit * { font-size: inherit; font-weight: inherit } .load-css .icon { left: 50%; top: 50%; position: absolute; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); width: 30px; height: 30px } .load-css .icon::before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 3px solid #9c9c9c; border-radius: 50% } .load-css .icon::after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 3px solid #000; border-right-color: transparent; -webkit-animation: rotate infinite linear .6s; animation: rotate infinite linear .6s; border-radius: 50% } @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } .suggestion { top: 100%; width: 100%; -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .22); box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .22); background-color: var(--bg_box_product); color: var(--color_box_product); border: 0; border-radius: 0; padding: 0 20px; min-width: 0; border-radius: 10px; overflow: auto; max-height: calc(100vh - 200px) } .suggestion:hover { display: block!important } .suggestion .idp { display: none } .suggestion-words { padding: 0 } .suggestion-title { font-family: inherit; line-height: 1.4; font-size: .813rem; text-indent: 0; margin-bottom: 16px; font-weight: 600; text-transform: uppercase; padding-top: 28px } .suggestion-products strong, .suggestion-words strong { color: var(--color_text); background: 0 0 } .suggestion-words { padding-bottom: 23px } .suggestion-words span { font-size: .813rem; border: 0; background: 0 0; margin: 0 -20px; padding: 0 20px; line-height: 24px } .suggestion-words span:hover { background: #f9f9f9 } .suggestion-products { padding: 0; background: 0 0 } .suggestion-product:hover { background: 0 0 } .suggestion-products .suggestion-img { width: 72px; height: 72px; border-radius: 2px; border: 1px solid #f7f8f9; position: relative; margin-right: 14px; background: #fff } .suggestion-products .suggestion-img img { max-width: 100%; max-height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto } .suggestion-products a { display: -webkit-box; display: -ms-flexbox; display: flex; color: inherit; margin: 0 -20px; padding: 0 20px } .suggestion-products a:hover { background: 0 0 } .suggestion-products .titlep { font-size: .813rem; color: inherit; font-weight: 400 } .suggestion-desc { width: calc(100% - 86px) } #form_comprar #letMeKnow img { display: none } #form_comprar #letMeKnow::before { content: "RECEBER AVISO"; display: inline-block; background: var(--bg_button_primary); line-height: 52px; padding: 0 30px; color: #fff; font-weight: 700; margin-left: 10px; height: 52px; vertical-align: bottom; border-radius: 28px } #form_comprar #letMeKnow:hover::before { background-color: var(--bg_button_primary_hover) } .botao-nao_indisponivel { background: 0 0!important; padding: 0!important; font-size: 0!important } #nao_disp { font-size: .875rem; border-radius: 8px } #nao_disp h3 { font-size: 1rem; font-weight: 600 } #nao_disp h5 { font-size: .75rem; font-weight: 600; margin: 5px 0 0 } #nao_disp .color { font-size: .75rem; margin-top: 10px; display: none } #letmeknow_response label, #nao_disp label { display: inline-block; width: calc(100% - 186px); margin-top: 23px } @media (max-width: 550px) { #letmeknow_response label, #nao_disp label { width: 100% } #form_comprar #letMeKnow::before { width: 100%; margin: 10px 0 0; text-align: center } } #email_avise { display: block; width: 100% } .Mapa { display: none } input, select, textarea { border: 0 } button { border: 0; cursor: pointer } li, p, ul { border: 0 } .campoform:not([type=checkbox]), input.text, select.select, select.text { border: 1px solid var(--border_input); height: 52px; padding: 0 20px; border-radius: 0; font-size: .875rem; color: var(--text_input); border-radius: 26px; line-height: 1.4 } input.text.obriga, select.obriga { padding-left: 17px } input.text:disabled, select.select:disabled, select.text:disabled { background-color: var(--bg_input)!important } select.select, select.text { -webkit-appearance: none; background-repeat: no-repeat; background-image: var(--arrow_select)!important; background-size: 9.2px; background-position: calc(100% - 10px) center!important; padding-right: 22px!important } select.select::-ms-expand, select.text::-ms-expand { display: none } textarea#mensagem, textarea.textarea { border: 1px solid var(--border_input); padding: 14px; border-radius: 0; color: var(--text_input); font-size: .875rem; border-radius: 20px } .blocoSucesso { color: #00ad29; margin: 10px 0 } form[action*=question] .text, form[action*=question] .textarea { resize: none; display: block; max-width: 384px; margin: 9px auto 0 } form[action*=question] fieldset { font-size: 0 } form[action*=question] fieldset .obriga.red { display: none } form[action*=question] fieldset p { font-size: 0 } #div_atualiza { text-align: center } #div_atualiza>p:first-of-type { font-size: 0 } #div_atualiza>p:first-of-type::before { content: 'Preencha os campos abaixo para conhecermos um pouco melhor as suas necessidades!'; display: block; font-size: 1rem } form[action*=question] fieldset p label { font-size: .875rem; font-weight: 700; text-align: center; display: block; margin-top: 23px } form[action*=question] fieldset p label:nth-of-type(2), form[action*=question] fieldset p label:nth-of-type(4), form[action*=question] fieldset p label:nth-of-type(5), form[action*=question] fieldset p label:nth-of-type(6) { display: none } .modal-content { border-radius: 10px; background-color: var(--bg_box_product); color: var(--color_box_product) } .varCont textarea.textarea { width: 100% } .modal-dialog-center { max-width: 92% } #form1 input, #form1 select, #form1 textarea { width: 100%; display: block } .MapaSite { width: 100%; margin: 15px 0; overflow: auto } p { padding: 0; position: static } .MapaSite>ul { min-width: 600px } .MapaSite h2 { background: 0 0 } @media (max-width: 767px) { .container { padding: 0 .625rem } .row { margin: 0 -.625rem } .row .col { padding: 0 .625rem } } input[size] { max-width: 100% } #modal-form-content h3 { font-size: 1.125rem } #modal-form-content fieldset { border: 0 } .compare-buttons { text-align: center; font-size: .75rem; color: var(--color_primary); margin-bottom: 1.375rem } .compare-buttons .filter-checkbox { width: 14px; height: 14px; border: 1px solid var(--color_primary); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 5px } .compare-buttons [data-compare=remove] .filter-checkbox::before { content: ''; display: block; width: 8px; height: 8px; background-color: var(--color_primary) } .button-compare { font-size: .75rem; text-transform: uppercase; font-weight: 700; height: 26px; line-height: 26px; padding: 0 23px; white-space: nowrap; background: var(--bg_button_primary); margin-right: 10px; color: #fff; border-radius: 14px } @media (max-width: 767px) { .compare-true { padding-bottom: 60px; position: relative } .button-compare { position: absolute; width: 178px; margin: auto; left: 0; bottom: 24px; right: 0 } } .comparatorTabs { margin: 15px 0 } .comparatorTabs ul { display: -webkit-box; display: -ms-flexbox; display: flex } .comparatorTabs ul li { position: relative; margin-right: 5px } .comparatorTabs ul li a:first-child { padding: 5px 10px; padding-right: 30px; display: block } .comparatorTabs ul li a:last-child { position: absolute; right: 5px; top: 0; bottom: 0; margin: auto; border-radius: 50%; width: 22px; height: 22px; background-color: var(--cart_number_bg); color: var(--cart_number); border: 0; line-height: 22px; font-weight: 700; text-align: center; font-size: 13px } .comparatorTabs ul li.aberta a:first-child { background-color: var(--bg_button_primary); color: #fff } .comparator { overflow: auto; width: 100%; margin-bottom: 20px } .comparator ul { width: 100% } .comparator ul ul { display: table; table-layout: fixed; border-collapse: collapse } .comparator ul ul>li { display: table-cell; width: 150px; padding: 10px; border: 1px solid var(--color_border); border-top: 0; border-collapse: collapse } .comparator ul .Labels ul>li { border-top: 1px solid var(--color_border); font-weight: 700 } .comparator ul ul>li:nth-child(even) { background-color: rgba(36, 36, 36, .15) } .comparator ul ul>li.comparsionFoto { width: 250px } .comparator ul ul>li.comparsionInfoPreco { width: 250px } .comparator ul ul>li.comparsionRate { width: 180px } .comparator ul ul>li.comparsionDescricao { width: 190px } .comparator ul ul>li.displayMarca { width: 120px } .comparator ul ul>li.displayModelo { width: 140px } .comparator ul ul>li.displayGarantia { width: 140px } .comparator ul ul>li.displayDisponibilidade { width: 180px } .comparator .comparsionFoto { position: relative } .comparator .comparsionFoto .closeComp { position: absolute; right: 5px; top: 0; width: 16px; height: 16px; font-size: .75rem; display: block; text-align: center; line-height: 14px; border: 1px solid #565656; background-color: #fff } .comparator .comparsionFoto a { font-size: .875rem; line-height: 1.2; display: block; margin: 0 0 10px; max-height: 142px; overflow: hidden } .comparator .comparsionFoto a[alt=Comprar] img, .comparator .comparsionFoto a[title=Escolher] img { display: none } .comparator .comparsionFoto a[alt=Comprar]::before, .comparator .comparsionFoto a[title=Escolher]::before { content: 'COMPRAR'; display: inline-block; line-height: 34px; color: #fff; background-color: var(--bg_button_primary); cursor: pointer; padding: 0 10px; text-transform: uppercase; font-size: .75rem; font-weight: 700 } .comparator .comparsionFoto a[title=Escolher]::before { content: 'ESCOLHER' } .comparator .comparsionFoto .closeComp { border-radius: 50%; width: 22px; height: 22px; background-color: var(--cart_number_bg); color: var(--cart_number); border: 0; line-height: 22px; font-weight: 700; margin-top: 10px } .comparsionInfoPreco br+br { display: none } .showcase h2, .title-section { font-size: 50px; font-weight: 700; text-align: center; margin: 50px 0 40px; line-height: 100px; height: 115px; overflow: hidden; color: var(--title_list); letter-spacing: 4px; text-transform: uppercase; } .page-home .title-section { display: none; } .page-product .title-section { font-size: 22px; letter-spacing: 0; height: 110px; } .section-brands .title-section { display: none; } .showcase h2:before { font-family: 'Montserrat', sans-serif; color: #2f2f2f; font-size: 22px; letter-spacing: 2px; font-weight: 400; } .page-product .showcase h2:before { display: none; } .title-section span { display: block; max-width: 100%; position: relative; margin: 0 auto; width: 100%; padding: 0 10px; } .title-section span::after, .title-section span::before { content: ""; display: block; left: 100%; width: 50vw; /* border: solid 1px var(--border_title_list); */ height: 0; margin: auto 0; position: absolute; top: 0; bottom: 0; } .title-section span::after { right: 100%; left: auto } .box-alerts { position: fixed; bottom: 60px; right: 15px; width: 300px; max-width: calc(100% - 30px); z-index: 20; background: #fff; border: 1px solid #ececec; -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .1); box-shadow: 0 4px 12px rgba(0, 0, 0, .1) } #alert-show { display: none } #alert-show:checked~.box-alerts { display: none } #alert-show+.box-alerts, #alert-show+.infobox.danger { display: none } .box-alerts:empty { display: none } .close-info:first-child { display: none } .close-info { position: absolute; top: 0; width: 14px; height: 14px; cursor: pointer; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); right: 10px; bottom: 0; margin: auto; display: block } .close-info::before { content: ''; display: block; width: 14px; height: 2px; background: #1e201d; position: absolute; top: 6px } .close-info::after { content: ''; display: block; height: 14px; width: 2px; background: #1e201d; position: absolute; left: 6px } .box-alerts .infobox { padding: 10px; font-size: .75rem; padding-right: 30px; color: #707070 } .shadow-cart { position: fixed; height: 100%; width: 100%; background-color: var(--color_primary); top: 0; left: 0; z-index: 11; opacity: 0; visibility: hidden; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s } .cart-sidebar { position: fixed; top: 0; right: 0; background: var(--bg_box_product); color: var(--color_box_product); height: 100%; z-index: 12; width: 430px; max-width: 100%; padding: 0 20px; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); opacity: 0; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s } .cart-sidebar .error { font-weight: 600; padding: 20px 0 } .cart-sidebar.active { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1 } .cart-sidebar .header-cart { height: 36px; font-size: 1.125rem; font-weight: 600; padding: 10px 0; background: linear-gradient(to right, var(--nav_bg), var(--nav_bg_2)); margin: 0 -20px; color: var(--nav_color); font-weight: 400; text-transform: uppercase } .cart-sidebar .header-cart .text { flex-grow: 1; text-align: center } .header-cart .box-prev { padding: 11px 10px; height: 36px; margin-right: 14px; cursor: pointer; background-color: var(--bg_button_primary) } .title-store { font-size: 1.125rem; font-weight: 600; text-align: center } .header-cart .box-prev .icon { width: 16px; height: 16px; fill: #fff; display: block } .cart-sidebar .content-cart.empty+.footer-cart { display: none } .cart-sidebar .item { margin-bottom: 20px } .cart-sidebar .footer-cart { height: 200px; padding-left: 37px; margin-top: 15px } .cart-sidebar .text-info { font-size: 1rem; height: 62px; border-bottom: 1px solid #e4e4e4; text-transform: uppercase; text-align: right } .cart-sidebar .text-info .value { font-size: 1.75rem; font-weight: 700; padding-left: 10px; color: var(--preco_color_product); display: block; font-family: 'Montserrat', sans-serif; } .currency { font-family: 'Montserrat', sans-serif; } .cart-sidebar .content-cart { overflow: auto; padding-left: 6px; padding-top: 20px } .cart-sidebar .footer-cart .line { white-space: nowrap; margin: 20px 0 } .cart-sidebar .footer-cart .link-cart { font-size: 1.25rem; font-weight: 400; color: #fff; text-align: center; background: var(--button_buy); width: 100%; display: block; border-radius: 30px; line-height: 56px; text-transform: uppercase } .cart-sidebar .footer-cart .box-prev { font-size: .875rem; text-align: center; margin-top: 15px; padding: 5px 0; cursor: pointer } .box-cart .box-image { width: 84px; height: 84px; border: 1px solid #f6f6f8; background: #fff; display: flex; align-items: center; justify-content: center } .box-cart .box-image img { display: block; max-height: 100%; max-width: 100%; margin: auto } .box-cart .info-product { width: calc(100% - 80px); margin-left: 10px; padding-right: 20px; position: relative } .box-cart .info-product a { font-size: .975rem; line-height: 1.2; display: block; min-height: 39px; margin-bottom: 8px } .box-cart .info-product .remove { width: .75rem; height: .75rem; position: absolute; cursor: pointer; top: 0; right: 0 } .box-cart .info-product .remove svg { width: 100%; fill: var(--color_primary) } .box-cart .info-product .price { font-size: 1rem; font-weight: 700; color: var(--preco_color_product) } .box-cart .info-product .qnt { font-size: .75rem; font-weight: 400; margin-right: 10px } .wrapper { width: 100%; overflow-x: hidden; position: relative } @media (min-width: 1025px) { .wrapper { padding-top: 140px; } .page-home .wrapper { padding-top: 0; } .page-home .product .space-image img { max-width: 100%; } .footer .cols .box:nth-child(1) {} .footer .cols .box:nth-child(2) {} .product-related .list-product .item { width: 23.5% !important; } .wrapper.vertical { padding-top: 199px; } .wrapper::before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 221px; /* background-color: var(--header_top); */ z-index: -1; } .page-home .wrapper.show-before::before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 534px; background-color: var(--header_top); z-index: -1 } } .social-bar a { display: block; margin-right: 0; padding: 1px; border-radius: 30px; transition: opacity ease-in-out .2s; } .header .social-bar .twitter { display:none; } .social-bar a:last-child { margin-left: 4px; } .social-bar a:focus, .social-bar a:hover { opacity: .8 } .social-bar svg { display: block; width: 20px; height: 20px; /* fill: var(--top_color) */ fill: #ffffff; } [data-logged-user]>span { display: flex; align-items: center } .bar-top .text [data-customer=name] { display: block; max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 5px } .bar-top .text [data-customer=name]+a { padding-left: 5px } .bar-top .text svg { width: 1.4rem; height: 1.4rem; /* fill: var(--top_color); */ display: block; margin-right: 10px; fill: #fff; } .bar-top .text svg {} .bar-top .login-account .text:not(.tray-hide)+.text { display: none } .bar-top { /* background-color:var(--bg_top); */ /* color:var(--top_color); */ position: relative; /* left:0; */ top: 0; width: 100%; z-index:10; background: #2f2f2f; transition: 0.5s all; opacity: 1; } .menu-new { min-width: 610px; margin-left: 20px; } .bar-top .list-option:first-child { margin-right: 20%; } .bar-top .social-bar svg { fill: #fff; width: 1.3rem; height: 1.3rem; } .bar-top .line { position: relative; min-height: 36px; height: 48px !important; } .logo-top { display: none } .bar-top .text { line-height: 36px; font-size: .795rem; /* padding-right: 30px; */ display: flex; align-items: center; } .bar-top .text>a, .bar-top:not(.login-account)>.text>span { cursor: pointer } .bar-top .text a, .bar-top .text.rastreio>span, .bar-top .text.rastreio>svg, .footer .box-info a, .footer a.box-info .t, .footer a.box-info .v { -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s } .bar-top .text a:hover, .bar-top .text.rastreio:hover>span, .bar-top .text.rastreio:hover>svg { opacity: .6 } .bar-top .text:last-child { padding-right: 0; color: #fff; } .bar-top .search { position: relative } .bar-top .search .icon-search { position: absolute; right: 0; top: 0; bottom: 0; margin: auto; fill: var(--top_color); width: 24px; height: 24px; cursor: pointer; -webkit-transition: ease-in-out .2s .2s; -o-transition: ease-in-out .2s .2s; transition: ease-in-out .2s .2s } .bar-top .search.active .icon-search { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; -webkit-transform: scale(.4); -ms-transform: scale(.4); transform: scale(.4); opacity: 0 } .box-search { -webkit-transform: scale(.4); -ms-transform: scale(.4); transform: scale(.4); -webkit-transform-origin: center right; -ms-transform-origin: center right; transform-origin: center right; opacity: 0; visibility: hidden; -webkit-transition: ease-in-out .2s 0s; -o-transition: ease-in-out .2s 0s; transition: ease-in-out .2s 0s; margin: 4px 0 } .bar-top .search.active .box-search { opacity: 1; visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s } .box-search .input-search { width: 254px; height: 36px; display: block; padding-left: 43px; padding-right: 22px; font-weight: 600; font-size: .75rem; color: #707070; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; -webkit-appearance: textfield; outline-offset: -2px } .box-search .input-search::-ms-clear { display: none } .box-search .reset { position: absolute; right: 10px; top: 0; bottom: 0; height: 9px; width: 9px; cursor: pointer; margin: auto; z-index: 2; fill: #222 } .box-search .button-search { position: absolute; left: 0; top: 0; height: 100%; padding-left: 8px; cursor: pointer; margin: auto; background: 0 0 } .box-search .button-search .icon { fill: #222; width: 24px; height: 24px; display: block } .bar-top .account { line-height: 44px; font-size: .688rem; margin: 0 20px; position: relative; cursor: pointer } .bar-top .account .modal-white { width: 204px; padding: 20px; left: auto; right: 0; cursor: auto } .bar-top .account:hover .modal-white { opacity: 1; visibility: visible } .bar-top .account .register { font-size: .75rem; text-align: center; line-height: 1.4; display: block; margin-top: 10px; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s } .bar-top .account .register:hover { color: var(--color_second) } .bar-top .account .icon { fill: var(--top_color); width: 8px; padding: .5px; height: 8px; margin-left: 5px } .bar-top .cart-header { position: relative; cursor: pointer } .bar-top .cart-header .icon { width: 17px; height: 24px; fill: var(--top_color); margin-right: 16px } .bar-top .cart-header .number { position: absolute; top: 4px; right: 0; width: 1.375rem; height: 1.375rem; border-radius: 50%; text-align: center; border: 2px solid var(--bg_top); line-height: 1.125rem; color: var(--cart_number); background-color: var(--cart_number_bg); font-weight: 500; font-size: .563rem } @media (min-width: 1025px) { .bar-top .cart_header .cart-header { display: none } } .text.rastreio { position: relative; cursor: pointer; font-size: 16px; text-transform: uppercase; font-weight: 500; margin: 0px 15px; } .text.rastreio .modal-white { width: 235px; padding: 14px 20px 20px; } .text.rastreio .modal-white::before { left: 20px } .account .modal-white::before { right: 26px; } .fixed .text.rastreio .modal-white { opacity: 0; visibility: hidden } .modal-white { position: absolute; top: 85%; left: 0; background: var(--rastreio_bg); color: var(--rastreio_text); -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; opacity: 0; visibility: hidden; box-shadow: 0 4px 12px 0 rgba(38, 50, 56, .5); line-height: 1.17; border-radius: 4px; } .modal-white .botao-commerce:not(.botao-sob-consulta) { background-color: var(--rastreio_button) } .modal-white .botao-commerce:not(.botao-sob-consulta):hover { background-color: var(--rastreio_button_hover) } .modal-white::before { content: ''; display: block; position: absolute; top: -5px; border-bottom: 5px solid var(--rastreio_bg); border-left: 5px solid transparent; border-right: 5px solid transparent } .modal-white .title { font-size: .855rem; font-weight: 700; text-align: center; } .modal-white.active { opacity: 1; visibility: visible } .modal-white input { width: 100%; display: block; height: 44px; font-weight: 600; font-size: .875rem; border: 1px solid var(--border_input); padding: 0 14px; color: var(--text_input); margin: 10px 0; border-radius: 22px; text-transform: uppercase; text-align: center } .modal-white input::-webkit-input-placeholder { color: var(--text_input); text-transform: none } .modal-white input:-ms-input-placeholder { color: var(--text_input); text-transform: none } .modal-white input::-ms-input-placeholder { color: var(--text_input); text-transform: none } .modal-white input::placeholder { color: var(--text_input); text-transform: none } .modal-white .botao-commerce { width: 100% } .modal-white .botao-commerce::after { content: ''; display: inline-block; width: 10px; height: 10px; margin-left: 4px; background-image: url("data:image/svg+xml,%3Csvg fill='%23fff' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 492.004 492.004' style='enable-background:new 0 0 492.004 492.004;' xml:space='preserve'%3E%3Cpath d='M382.678,226.804L163.73,7.86C158.666,2.792,151.906,0,144.698,0s-13.968,2.792-19.032,7.86l-16.124,16.12 c-10.492,10.504-10.492,27.576,0,38.064L293.398,245.9l-184.06,184.06c-5.064,5.068-7.86,11.824-7.86,19.028 c0,7.212,2.796,13.968,7.86,19.04l16.124,16.116c5.068,5.068,11.824,7.86,19.032,7.86s13.968-2.792,19.032-7.86L382.678,265 c5.076-5.084,7.864-11.872,7.848-19.088C390.542,238.668,387.754,231.884,382.678,226.804z'/%3E%3C/svg%3E"); } .modal-white .link-modal { display: block; margin-bottom: 0; } .modal-white .step { display: block; /* margin: 4px 0; */ text-align: center; position: relative; font-size: .875rem; z-index: 1; } .modal-white .step::before { content: ''; display: block; position: absolute; left: 0; width: 100%; height: 1px; top: 0; bottom: 0; z-index: -1; background-color: var(--rastreio_text); margin: auto; background-color: #a7a7a7; display: none; } .modal-white .step .bg { background: var(--rastreio_bg); padding: 0 10px; display: inline-block; position: relative; font-size: 1rem } .modal-backdrop { background-color: var(--color_primary) } .modal-backdrop.in { opacity: .9!important } .modal-theme { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 12; opacity: 0; visibility: hidden; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s } .modal-theme .overflow { width: 100%; height: 100%; overflow: auto } .close-icon { position: absolute; top: -21px; right: -21px; z-index: 3; cursor: pointer; width: 50px; height: 50px; border-radius: 50%; background-color: var(--cart_number_bg); color: var(--cart_number); font-size: 1.8rem; text-align: center; font-weight: 700 } .close-icon::before { content: "X"; display: block; line-height: 45px } .modal-theme:not(.loaded).active { opacity: 1; visibility: visible } .modal-theme .shadow { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1 } .modal-theme .center { min-height: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 10px } .modal-theme .box-center { background: var(--bg_box_product); color: var(--color_box_product); position: relative; min-width: 100px; min-height: 100px; border-radius: 10px; -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .32); box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .32); z-index: 2; -webkit-transition: -webkit-transform cubic-bezier(.54, -.65, .48, 1.64) .3s; transition: -webkit-transform cubic-bezier(.54, -.65, .48, 1.64) .3s; -o-transition: transform cubic-bezier(.54, -.65, .48, 1.64) .3s; transition: transform cubic-bezier(.54, -.65, .48, 1.64) .3s; transition: transform cubic-bezier(.54, -.65, .48, 1.64) .3s, -webkit-transform cubic-bezier(.54, -.65, .48, 1.64) .3s; -webkit-transform: scale(.6); -ms-transform: scale(.6); transform: scale(.6) } .modal-theme.active:not(.loaded) .box-center { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .modal-theme .box-center img { display: block; max-width: 100% } .modal-theme.video-modal .box-center { width: 100%; max-width: 750px } .video { position: relative } .video::before { content: ''; display: block; padding-bottom: 56.25% } .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; border: 0 } .modal-theme .append { padding: 30px 20px 20px } @media (min-width: 991px) { .modal-theme .append { padding: 30px 40px } } .modal-theme.payment-modal .box-center { width: 100%; max-width: 450px; min-height: 250px; } .overflow-payment { overflow: auto; max-height: 500px; height: calc(100vh - 80px); font-size: .75rem; margin: 10px 0 0 } .overflow-payment th { padding: 8px 0; font-weight: 600; font-size: .875rem } .overflow-payment td { padding: 2px } @media (max-width: 460px) { .overflow-payment td { font-size: .75em } } @media (max-width: 767px) { .close-icon { width: 35px; height: 35px; top: -10px; right: -10px } .modal-theme.payment-modal .box-center { flex-direction:column; max-width: 95%; } .close-icon::before { line-height: 31px } } .overflow-payment b, .overflow-payment strong { font-weight: 600 } .modal-theme .light_altura { width: 400px!important; max-width: 100%; } .modal-theme .light_altura h2 { font-weight: 600; text-transform: uppercase; font-size: .875rem } .modal-theme .light_altura hr { display: none } .box-fixed.active~.shadow-cart, .cart-sidebar.active~.shadow-cart, .modal-theme:not(.loaded).active~.shadow-cart, .nav-mobile.active~.shadow-cart { opacity: .9; visibility: visible } .wrapper { -webkit-transition: -webkit-filter ease-in-out .15s; transition: -webkit-filter ease-in-out .15s; -o-transition: filter ease-in-out .15s; transition: filter ease-in-out .15s; transition: filter ease-in-out .15s, -webkit-filter ease-in-out .15s } .line-icons { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; display: none } @media (max-width: 550px) { .line-icons { display: block } } .line-icons .container { padding: 0 } .line-icons .line-overflow { overflow: auto; width: 100%; padding: 0 10px } .line-icons .line-overflow::-webkit-scrollbar { display: none } .line-icons a { display: block; text-align: center; padding: 20px 4px; min-width: 78px; width: 78px } .line-icons a .box-icon { width: 58px; height: 58px; border-radius: 50%; background-color: var(--nav_bg); margin: 0 auto 4px } .line-icons a .icon { max-width: 30px; max-height: 30px } .line-icons .text { font-size: .625rem; text-transform: uppercase; font-weight: 600; line-height: 1.2 } @media (max-width: 1024px) { .bar-top { display: none } .overflow-payment { padding: 0; background: 0 0 } .header .search-header { order: 5 } .nav { display: none } .nav-mobile { position: fixed; top: 0; left: 0; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); background-color: #fff; height: 100%; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; z-index: 16; width: 305px; opacity: 0; max-width: 90% } .nav-mobile.active { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; visibility: visible } .nav-mobile .header-nav { /* background-color: var(--header_top); */ color: var(--header_text_top); padding: 0 24px 0 16px; background: #395b49; } .nav-mobile .header-nav .line { font-size: 1.125rem; font-weight: 700; position: relative; display: flex; align-items: center; width: 100%; height: 60px } .nav-mobile .header-nav .line .sair { margin-left: 5px; text-transform: uppercase } .nav-mobile .header-nav .line .icon-user { fill: var(--header_icon_top); display: block; height: 25px; max-width: 48px; margin-right: 7px; } .nav-mobile .header-nav .bars { width: 260px; margin-left: -10px; max-width: 100% } .nav-mobile .header-nav .bars div { height: 1px; background: #fff; opacity: .2; margin-bottom: 2px } .nav-mobile .header-nav .bars div:nth-child(1), .nav-mobile .header-nav .bars div:nth-child(5) { width: 92% } .nav-mobile .header-nav .bars div:nth-child(2), .nav-mobile .header-nav .bars div:nth-child(4) { width: 96% } .close-nav { position: absolute; right: -24px; height: 36px; padding: 10px 22px 10px 10px; cursor: pointer; top: 0; bottom: 0; margin: auto } .close-nav svg { fill: var(--header_text_top); height: 100%; display: block } .nav-mobile .content-nav { overflow: auto; padding: 0 24px 0 16px; height: calc(100% - 144px); background: #395b49; /* background-image: linear-gradient(to right, var(--nav_bg), var(--nav_bg_2)); */ border-top: solid 1px #86a393; } .nav-mobile .contact { padding: 15px 20px 12px 20px } .nav-mobile .contact .text { font-size: 0.875rem; font-weight: 700; text-transform: uppercase; margin-bottom: 4px; color: var(--rastreio_text); text-align: left; } .nav-mobile .contact a { display: flex; /* align-items: center; */ /* justify-content: center; */ margin-top: 5px; font-size: 13px; } .nav-mobile .contact .icon { width: 20px; height: 20px; display: block; margin-right: 12px; fill: var(--rastreio_text) } .list-nav>li>a { color: var(--nav_color) } .list-nav>li a.sub .ico { width: 10px; height: 10px; display: block; margin-left: auto; fill: var(--nav_color) } .list-nav>li a.sub.active i { -webkit-transform: rotateX(180deg); transform: rotateX(180deg) } .list-nav>li a.space { padding-left: 44px; position: relative } .list-nav>li a.space .icon { position: absolute; top: 0; bottom: 0; left: 0; width: 28px; height: 28px; margin: auto } .list-nav>li a.space .icon img { max-width: 100%; max-height: 100%; display: block } .list-nav>li a { padding: 8px 0; line-height: 1.4; font-size: 16px; font-weight: 500; display: flex; align-items: center; font-family: 'Montserrat', sans-serif !important; } .list-nav>li li a { margin-left: 14px; /* color: var(--nav_color); */ padding: 5px 0; /* color: #fff; */ font-size: 0.975rem; font-weight: 500; color: #395b49; } .list-nav>li li li a { margin-left: 28px } .list-nav li ul { max-height: 0; overflow: hidden; -webkit-transform: scale(1, .6); -ms-transform: scale(1, .6); transform: scale(1, .6); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; opacity: 0; -webkit-transition: opacity ease-in-out .2s, -webkit-transform ease-in-out .2s; transition: opacity ease-in-out .2s, -webkit-transform ease-in-out .2s; -o-transition: transform ease-in-out .2s, opacity ease-in-out .2s; transition: transform ease-in-out .2s, opacity ease-in-out .2s; transition: transform ease-in-out .2s, opacity ease-in-out .2s, -webkit-transform ease-in-out .2s } .list-nav li ul.active { max-height: none; overflow: auto; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; background: #ffffff; } .logo-top { position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; display: block } .logo-top img { max-height: 40px; max-width: 170px; display: block } .bar-top .bars { display: block; padding: 4px; cursor: pointer; margin-left: -4px } .bar-top .bars .bar { height: 2px; background-color: var(--top_color); width: 24px } .bar-top .bars .bar:nth-child(2) { width: 20px } .bar-top .bars .bar:nth-child(3) { width: 16px } .bar-top .bars .bar:not(:last-child) { margin-bottom: 6px } .cart-sidebar { padding: 0 10px } .cart-sidebar .header-cart { margin: 0 -10px } .cart-sidebar .content-cart, .cart-sidebar .footer-cart { padding-left: 0 } } @media (min-width: 1025px) { .bar-top .bars, .nav-mobile { display: none } .nav { /* background-image:linear-gradient(to right,var(--nav_bg),var(--nav_bg_2)); */ left: 0; /* background: #17618f; */ width: 100%; transition: ease-in-out .3s; margin-top: 1px; } .nav .list { margin-left: 16%; border-top: solid 1px #fff; } .nav .list .relative { position: relative } .nav .list>li>a { font-size: 0.975rem; line-height: 1.35; font-weight: 500; display: flex; align-items: center; padding: 0 0px; cursor: pointer; color: var(--nav_color); justify-content: center; text-align: center; height: 50px; letter-spacing: 0px; position: relative; z-index: 1; font-family: 'Montserrat', sans-serif !important; color: #fff; } .nav .list>li>a.vertical-icon { flex-direction: column; align-items: center; height: 75px; } .nav .list>li>a.sub::after { content: ''; display: block; position: absolute; bottom: 12px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid var(--bg_sub); opacity: 0; left: 0; width: 0; right: 0; margin: auto; } .nav .list>li>a.sub.icon-show::after { left: 36px } .nav .list>li:hover>a.sub::after { opacity: 1; transition: ease-in-out .3s } .nav .list>li>a img { max-height: 43px; max-width: 39px; display: block; margin-right: 8px; } .nav .list>li>a.vertical-icon img { margin: 0 0 4px } .nav .list.grow>li { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .nav .list.icon-horizontal>li a.icon-show { padding: 0 .875rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .sub-category { position: absolute; top: 84%; left: auto; width: 550px; padding: 76px 30px 30px; opacity: 0; visibility: hidden; background-color: var(--bg_sub); box-shadow: 0 4px 12px 0 rgba(38, 50, 56, .5); border-radius: 0 0 4px 4px; } .nav li:nth-child(8) .sub-category, .nav li:nth-child(10) .sub-category, .nav li:nth-child(9) .sub-category, .nav li:nth-child(9) .sub-category, .nav li:nth-child(7) .sub-category { right: 6%; } .sub-category .header-sub { position: absolute; left: 30px; top: 20px; right: 30px; border-bottom: 2px solid var(--nav_color_border); color: var(--nav_color_sub); font-size: 1.225rem; letter-spacing: .36px; font-weight: 700; font-family: 'Montserrat', sans-serif !important; } .list-sub>li { width: 20%; padding-right: 15px; margin-bottom: 5px; } .list-sub>li.column-2 { width: 40% } .list-sub>li.column-3 { width: 60% } .list-sub>li.column-4 { width: 80% } .list-sub>.not-children+li.column-5 { width: 80% } .list-sub>li.column-5 { width: 100% } .list-sub>li.column-2 .list-third { -webkit-column-count: 2; column-count: 2 } .list-sub>li.column-3 .list-third { -webkit-column-count: 3; column-count: 3 } .list-sub>li.column-4 .list-third { -webkit-column-count: 4; column-count: 4 } .sub-category.product-sub .list-sub>li.column-5 .list-third { -webkit-column-count: 4; column-count: 4 } .sub-category.product-sub .list-sub>.not-children+li.column-4 .list-third, .sub-category.product-sub .list-sub>.not-children+li.column-5 .list-third { -webkit-column-count: 3; column-count: 3 } .sub-category:not(.product-sub) .list-sub>li.column-5 .list-third { -webkit-column-count: 5; column-count: 5 } .sub-category:not(.product-sub) .list-sub>.not-children+li.column-5 .list-third { -webkit-column-count: 4; column-count: 4 } .list-sub { width: 100%; -ms-flex-line-pack: start; align-content: flex-start } .product-sub .list-sub { width: calc(100% - 300px); -ms-flex-line-pack: start; align-content: flex-start; } .product-sub .list-sub>li { width: 100%; } .product-sub .list-sub>li.column-2 { width: 50% } .product-sub .list-sub>li.column-3 { width: 75% } .product-sub .list-sub>li.column-4, .product-sub .list-sub>li.column-5 { width: 100% } .product-sub .list-sub>.not-children+li.column-4, .product-sub .list-sub>.not-children+li.column-5 { width: 75% } .product-sub .product { width: 300px; max-width: 100%; } .col-product .product .name { font-size: .75rem; margin: 8px 0 } .nav .list .second-nivel { font-size: 0.875rem; font-weight: 500; display: inline-block; padding: 0px 0; white-space: nowrap; -webkit-transition: ease-in-out .2s; -o-transition: ease-in-out .2s; transition: ease-in-out .2s; font-family: 'Montserrat', sans-serif; } .nav .list .second-nivel, .nav .list .third-nivel { color: var(--nav_color_sub); } .nav .list .second-nivel:hover, .nav .list .third-nivel:hover { opacity: .8 } .nav .list .third-nivel { font-size: 0.875rem; font-weight: 400; padding: 4px 0; display: inline-block; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; max-width: 100%; -webkit-transition: ease-in-out .2s; -o-transition: ease-in-out .2s; transition: ease-in-out .2s; padding-left: 12px; background: var(--arrow_third); background-size: 8px; color: #c2834b; } .list-third { margin-top: 8px; font-size: 0 } .sub-line-category { position: absolute; top: 100%; left: 0; padding: 20px 30px; background: var(--bg_sub); opacity: 0; visibility: hidden; min-width: 280px; border-radius: 0 0 10px 10px; box-shadow: 0 4px 12px 0 rgba(38, 50, 56, .5); padding-top: 80px } .sub-line-category .header-sub { position: absolute; left: 30px; top: 20px; right: 0; border-bottom: 2px solid var(--nav_color_border); color: var(--nav_color_sub); font-size: 1.125rem; letter-spacing: .36px; font-weight: 700; text-transform: uppercase; padding-right: 30px; white-space: nowrap } li:nth-child(n+4) .sub-line-category { left: auto; right: 0 } .sub-line-category.product-sub .list-line-sub { padding-right: 30px; min-width: 120px } .sub-category .over, .sub-line-category .over { position: relative; overflow-y: auto; overflow-x: hidden; /* max-height: 600px; */ margin-right: -15px; padding-right: 15px; } .sub-category .over::-webkit-scrollbar, .sub-line-category .over::-webkit-scrollbar { width: 10px } .sub-category .over::-webkit-scrollbar-track, .sub-line-category .over::-webkit-scrollbar-track { background: var(--nav_color_sub) } .sub-category .over::-webkit-scrollbar-thumb, .sub-line-category .over::-webkit-scrollbar-thumb { background: var(--nav_color_border); opacity: .8 } .sub-category .over::-webkit-scrollbar-thumb:hover, .sub-line-category .over::-webkit-scrollbar-thumb:hover { opacity: 1 } .list-line-sub li { padding-top: 5px; white-space: nowrap } .sub-line-category .col-product { width: 300px } .nav .list>li:hover .sub-category, .nav .list>li:hover .sub-line-category { opacity: 1; visibility: visible; -webkit-transition: ease-in-out .1s; -o-transition: ease-in-out .1s; transition: ease-in-out .1s } } @media (max-height: 900px) { .sub-category .over, .sub-line-category .over { max-height: calc(100vh - 250px); } } .header { position: fixed; z-index: 9; top: 0; left: 0; width: 100%; } .header .bg { /* background-color:var(--header_top); */ position: relative; } .header .line { height: 60px; transition: height ease-in-out .3s; transform: translateZ(0); padding-bottom: 10px; z-index: 2; position: relative; } .header .bg .container { max-width: 1680px; } .header .nav .container { max-width: 1680px; padding: 0; } .header .line-logo { min-height: 89px } .header .line-logo img { max-width: 194px; max-height: 65px; display: block } .header .line-logo img+.title-store { display: none } .header .menu { width: 25px; height: 25px; cursor: pointer; background: #ffffff; padding: 7px 6px; border-radius: 30px; } .header .menu div { border-radius: 15px; height: 2px; background: #235d47; /* background-color: var(--header_icon_top); */ } .header .menu div:not(:last-child) { margin-bottom: 2px; } .header .logo { font-size: 0; /* width: 240px */ margin: 0px 20px; margin-top: 51px; } .social-bar { /* margin-top: -50px; */ width: 48%; } .social-home { width: 10%; display:flex; flex-direction:row; align-items: baseline; } .social-menu { justify-content: right; display: flex; flex-direction: row; width: 88%; } .social-bar .list-option { } .header .logo img { max-width: 150px; max-height: 88px; transition: ease-in-out .3s; } .header .logo img+.title-store { display: none } .header .search-header { width: calc(100% - 0px); max-width: 82%; position: relative; } .header .input-search { /* background-color: var(--header_search_top)!important; */ font-size: .825rem; padding: 0 1.5rem; width: 100%; display: block; height: 35px; border-radius: 0; color: var(--header_text_search_top); border-radius: 30px; } .header .input-search::-webkit-input-placeholder { color: var(--header_text_search_top) } .header .input-search:-ms-input-placeholder { color: var(--header_text_search_top) } .header .input-search::-ms-input-placeholder { color: var(--header_text_search_top) } .header .input-search::placeholder { color: var(--header_text_search_top) } .header .button-search { background-color: transparent; position: absolute; top: 0; height: 100%; width: 50px; text-align: center; right: 0; display: block; } .header .button-search .icon { width: 20px; height: 20px; fill: var(--header_search_icon); display: block; margin: auto; } .header .account { font-size: .875rem; cursor: pointer; position: relative; display: flex; align-items: center; z-index: 2; /* color: var(--header_text_top); */ color: #fff; padding: 10px 0; letter-spacing: 0.5px; line-height: 1.2; transition: color ease-in-out .3s; } .header .account span { display: contents; } .header .account span:nth-child(2) { font-family: "OldPress"; color: #fff; letter-spacing: 1px; } .account .text { display: flex; flex-direction: row; justify-content: center; align-items: center; } .header .account:hover { color: var(--header_text_hover) } .header .account .icon-user { fill: var(--header_icon_top); max-width: 31px; height: 25px; /* display: block; */ /* margin: 0 auto 7px; */ } .header .account .icon { width: .48rem; margin-left: .313rem; display: block; fill: var(--header_text_top) } .header .account:hover .modal-white { opacity: 1; visibility: visible; } .header .account .modal-white { width: 236px; padding: 25px 20px 18px; right: -20px; left: auto; cursor: auto; border-radius: 4px; } .header .account .register { font-size: .875rem; letter-spacing: .28px; text-align: center; line-height: 1.4; display: block; border-bottom: solid 1px #a7a7a7; /* margin-top: 10px; */ margin-bottom: 11px; padding: .5rem 0; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .header .right-options { width: 34%; /* margin-top: -50px; */ } .header .right-options .text { font-family: 'Montserrat', sans-serif; font-weight: 300; text-transform: uppercase; } .header .right-options .text strong { margin-left:5px } .header .cart-header { position: relative; cursor: pointer; font-size: .875rem; color: var(--header_text_top); transition: color ease-in-out .3s; width: 37px; } .header .cart-header:hover { color: var(--header_text_hover) } .header .cart-header .icon { max-width: 109px; height: 25px; display: block; fill: var(--header_icon_top); margin: 0; } .header .cart-header .number { position: absolute; top: 5px; right: 0; width: 20px; height: 1.25rem; border-radius: 50%; text-align: center; line-height: 1.25rem; color: var(--cart_number); /* color: #303030; */ background-color: var(--cart_number_bg); font-size: .85rem; letter-spacing: .24px; font-weight: 400; border-radius: 30px; } @media (min-width: 1025px) { .header { /* box-shadow:0 3px 6px 0 rgba(9,74,102,.1); */ height: 130px; padding-top: 10px; background: url(../img/bg-fixed1.png) no-repeat center; } .page-home .header {background:transparent} .search-mobile {display:none} .header .menu { display: none } .fixed .header { top: 0; position: fixed; transition: 0.5s all; height: auto; background: url(../img/bg-fixed1.png) no-repeat center; } .banner-menores { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; padding-bottom: 0px; margin: 40px 0; } .banner-extra { /* margin: 0px 15px; */ } .marca-info { margin: 0px -40px; z-index: 2; } .fixed .bar-top { opacity: 0; transition: 0.5s all; height: 0; } .fixed .header .line { height: 60px; padding: 0; } .fixed .header .right-options { margin-top: -30px; } .fixed .social-bar { margin-top: -27px; } .footer .social-bar { margin-top: 0px; } .fixed .header .logo img { max-height: 110px; } .fixed .header .logo { margin: 0px 35px; margin-top: 19px; } .fixed:not(.show-nav) .nav { /* transform: translateY(-100%) */ margin-top: -18px; } .fixed .nav { margin-top: -18px; } } @media (max-width: 1024px) { .header { flex-wrap: wrap; position: static; background: url(../img/bg-fixed.png) no-repeat center; } .header .logo { height: 80px; display: flex; justify-content: center; align-items: center; margin: 0; margin-left: 0; } .header .logo img { max-width: 238px; max-height: 88px; } .header .line { height: auto; flex-wrap: wrap; padding: 10px 15px 26px; } .social-bar { display:none; } .menu-new, .search-header { display:none; } .header .account .modal-white { left: auto; right: 0; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } .header .account { display: none } .header .right-options { width: auto; margin: 0; background: transparent; } .header .right-options .list-option { display: none; } .header .input-search { height: 40px; font-size: .875rem } .header .button-search .icon { width: 24px; height: 24px } .header .cart-header .icon { margin-bottom: 5px; max-width: 115px; height: 25px; } .header .cart-header .number { } .header .cart-header { font-size: 0; } .cart-header {} .header .search-header { max-width: none; padding: 19px 0; /* margin-top: -9px; */ width: 100%; } .header .button-search { height: 40px; width: 54px; margin: auto; bottom: 0 } } .arrow { cursor: pointer; display: block; position: absolute; top: 0; bottom: 0; margin: auto; z-index: 2 } .arrow .icon { color: var(--color_primary); display: block } .banner-full { margin: 0px 0 0px; } .banner__bg { background:url(../img/bg-new.jpg) no-repeat center top; width: 100%; position: absolute; z-index: -1; height: 1680px; margin-top: -17px; } .banner-full .swiper-wrapper { height: auto!important } .banner-full img { display: block; max-width: 100%; margin: auto; height: auto!important } .banner-full .swiper-pagination { height: 0; bottom: 49px } .banner-full .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; display: inline-block; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; margin: 0 4px; cursor: pointer; background-color: #7c7c7c; border-radius: 6px; opacity: 1; } .banner-full .swiper-pagination .swiper-pagination-bullet-active { width: 29px } .banner-full .slick-dots { position: absolute; bottom: 49px; height: 0; left: 0; width: 100%; text-align: center } .banner-full+.site-main { margin-top: 0px; } .image-show .slick-dots li { width: 15px; height: 15px; display: inline-block; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; margin: 0 2px; cursor: pointer; background-color: #fdfffe; border-radius: 30px; } .image-show .slick-dots li button { display: none } .banner-full .slick-dots li.slick-active { width: 29px } .image-show .slick-dots li { /* -webkit-box-shadow: 0 0 0 10px #f7f7f7 inset; */ box-shadow: 0 0 0 10px #205e4c inset; } .image-show .slick-dots li.slick-active { /* -webkit-box-shadow: 0 0 0 3px #f7f7f7 inset; */ box-shadow: 0 0 0 3px #1e5d4a inset; } .banner-info { display: none; } .banner-teste { top: 0; margin-top: -240px; z-index: -1; position: relative; } .text-center {display: flex;flex-direction: row;min-height: 452px;} .text-center .box1 {display: flex;flex-direction: row;} .text-center .box1 .info1 { width: 61%; background: url(../img/mini5.jpg) no-repeat center; padding: 2% 5%; margin: 4px; line-height: 70px; } .text-center .box1 .info1 h2, .text-center .box2 .info4 h2 {font-family: "OldPress";font-weight: 400;font-size: 116px;color: #005339;} .text-center .box1 .info1 h3, .text-center .box1 .info4 h3 {font-weight: 500;font-size: 18px;color: #005339;font-family: 'Montserrat', sans-serif !important;} .text-center .box1 .info1 h4 {line-height: 24px;font-size: 13px;font-weight: 500;color: #000;width: 55%;margin-top: 19px;} .text-center .box2 .info4 h4 {line-height: 24px;font-size: 13px;font-weight: 500;color: #000;width: 75%;} .text-center .box1 .info2 {width: 39%;background: url(../img/mini6.jpg) no-repeat center left;padding: 5%;margin: 4px;} .text-center .box2 {display: flex;flex-direction: row;} .text-center .box2 .info3 { width: 39%; background: url(../img/mini7.jpg) no-repeat center right; margin: 4px; text-align: center; padding-top: 110px; display: flex; justify-content: end; } .text-center .box2 .info3 h4 { line-height: 18px; font-size: 15px; font-weight: 500; color: #fff; margin-top: 9px; width: 420px; padding: 0px 30px; } .text-center .box2 .info4 {width: 61%;background: url(../img/mini8.jpg) no-repeat center;padding: 2% 0% 0% 28%;margin: 4px;} .div-info { display: flex; flex-direction: row; justify-content: center; align-items: center; max-width: 1250px; height: 3px; position: relative; text-align: center; background: rgb(0,84,58); background: linear-gradient(90deg, rgba(0,84,58,1) 0%, rgba(109,198,49,1) 100%); margin: 50px auto; } .dest-boots { background: url(../img/bg1.jpg) no-repeat center top; min-height: 480px; display: flex; flex-direction: row; justify-content: center; align-items: center; } .dest-cross { background: url(../img/bg2.jpg) no-repeat right top; min-height: 480px; display: flex; flex-direction: row; justify-content: center; align-items: center; } .dest-tenis { background: url(../img/bg3.jpg) no-repeat left top; min-height: 390px; display: flex; flex-direction: row; justify-content: center; align-items: center; padding-top: 50px; } .dest-boots h1, .dest-cross h1, .dest-tenis h1 { font-family: "OldPress"; font-weight:400; font-size: 66px; text-shadow: 1px 1px 3px #1f1f1f; color: #fff; } .dest-boots h3, .dest-cross h3, .dest-tenis h3 { color: #fff; font-weight: 400; text-shadow: 1px 1px 1px #000; font-size: 20px; font-family: 'Montserrat', sans-serif !important; } .dest-boots .container, .dest-tenis .container { padding-left: 450px; max-width: 1080px !important; margin-top: -190px; } .dest-cross .container { padding-right: 400px; max-width: 1170px !important; margin-top: 3%; } .banner-info.container {} .brands__central { padding-top: 10px; } @media (max-width: 767px) { .banner-info { margin-bottom: 20px; background: #6ec632; margin: 5px 0; } .banner-full .swiper-pagination { height: 0; bottom: 25px } .banner-full .swiper-pagination .swiper-pagination-bullet-active { width: 25px } } .banner-info .line { height: 52px; margin: 24px 0; } .banner-info .text { font-size: .75rem; font-size: 11px; text-transform: uppercase; line-height: 1.5; font-weight: 400; overflow: hidden; text-overflow: ellipsis; font-family: 'Montserrat', sans-serif; color: #000; margin-left: -30px; } .banner-info .text .featured { font-weight: 600; font-size: 14px; line-height: 53px; display: block; margin-left: 30px; } .banner-info .line .icon { max-width: 60px; max-height: 42px; } .banner-info .arrow .icon { width: 13px; height: 13px; fill: var(--banner_info_color) } .banner-info .arrow.prev { left: 10px; height: 13px } .banner-info .arrow.next { right: 10px; height: 13px } .banner-info .open_desk { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .banner-info .open_desk .text .featured { color: var(--banner_featured_color); } .banner-info .open_desk .line { margin: 0px 0; height: 55px; display: flex; flex-direction: row; text-align: left; } .banner-info .open_desk .line .icon { max-width: 45px; max-height: 45px; margin-bottom: 18px; margin-right: 5px; } .banner-info .open_desk .item:not(:last-child) { /* margin-right: 20px */ } .banner-info .open_desk .item {border: solid 1px #414141;margin: 5px;padding: 5px 5px 16px;background: rgb(255,255,255);background: linear-gradient(0deg, rgba(255,255,255,1) 40%, rgba(65,65,65,1) 40%);width: 23%;} .margin-top-none { margin-top: 0!important } @media (max-width: 1024px) { .banner-full { margin-top: 0 } .banner-info { padding:0px; } .banner-info .open_desk { white-space: nowrap; overflow: auto } } .section-banners { display: flex; margin: 50px -10px 60px } .section-banners a { display: block } .section-banners a:hover img { transform: scale(1.02) } .section-banners .item { width: 50% } .section-banners img { display: block; max-width: 100%; margin: auto; transition: ease-in-out .3s } .section-banners .item { width: 50%; padding: 0 10px } .banner-extra img, .section-banners-center img { max-width: 100%; display: block; margin: auto } .banner-extra a:hover img, .section-banners-center a:hover img { transform: scale(1.01) } .banner-extra img, .section-banners-center img { transition: ease-in-out .3s; } .banner-extra a:hover img, .mini-banners a:hover img, .section-banners-center a:hover img, .banner-extra img:hover { transform: scale(1.10); } .section-banners-center { width: 100%; margin: 30px 0 80px; display: flex; flex-direction: row; justify-content: center; align-items: center; background: url(../img/2bg-empresa.jpg) no-repeat center; } .banner-center { width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; } .section-banners-center a { display: block } .section-banners-center .item { width: 100% } .section-banners-center[data-length="2"] .item { width: calc(100% / 2); padding: 0 10px } @media (max-width: 767px) { .banner-full .slick-dots { bottom: 22px } .banner-info .text { font-size: 11px; margin-left: 8px; } .banner-info .text .featured { margin: 0; /* font-size: .875rem; */ display: block; font-size: 16px; line-height: 19px; } .banner-info .line { height: 22px; } } @media (max-width: 550px) { .section-banners { display: block; margin: 20px -10px } .section-banners .item { width: 100% } .section-banners .item+.item { margin-top: 10px } .banner-extra { margin: 0px 0 10px; padding: 0px 10px; } .section-banners-center .item, .section-banners-center[data-length="2"] .item { width: 100%; margin: 5px 0 } } .container>div[class*=section]:first-child { margin-top: 30px; } .showcase-list-category { position: relative; z-index: 1; background: var(--bg_category_image); padding: 26px 0 } .showcase-list-category .list { margin: 0 -10px; justify-items: center } .showcase-list-category .item { padding: 0 10px; margin-bottom: 20px } .showcase-list-category .title { font-size: 38px; font-weight: 800; line-height: 1.34; color: var(--color_text_category_per); margin-bottom: 38px; text-align: center; text-transform: uppercase } .showcase-list-category a { display: block; max-width: 178px; margin: auto; width: 100% } .showcase-list-category .image { border-radius: 50%; display: flex; align-items: center; justify-content: center; overflow: hidden; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .1); background-color: #fff; width: 178px; height: 178px; margin: 0 auto 15px; transition: ease-in-out .2s } .showcase-list-category .image:hover { box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .2) } .showcase-list-category .image img { max-width: 100%; display: block } .showcase-list-category .name { font-size: 1.25rem; font-weight: 700; line-height: 1; text-align: center; color: var(--color_title_category_per); text-transform: uppercase; display: flex; justify-content: center } @media (max-width: 1200px) { .showcase-list-category .list .item { width: 33.3333% } } @media (max-width: 767px) { .showcase-list-category .title { display: none } .showcase-list-category .image { width: 82px; height: 82px } .showcase-list-category .name { font-size: 10px } } :not(.banner-full)>.swiper-container { width: calc(100% + 40px); padding: 0 20px; margin: 0 -20px } :not(.banner-full)>.swiper-container::before { content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 20px; /* background-image: linear-gradient(to right, var(--bg_body), transparent); */ z-index: 2; } :not(.banner-full)>.swiper-container::after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; width: 30px; /* background-image: linear-gradient(to left, var(--bg_body), var(--bg_body)); */ background-size: 100%; z-index: 2; } .section-showcase .swiper-container::before { /* background-image: linear-gradient(to right, var(--bg_title), var(--bg_title)); */ bottom: 92px; } .section-showcase .swiper-container::after { bottom: 92px; /* background-image: linear-gradient(to left, var(--bg_title), var(--bg_title)) */ } @media (min-width: 1480px) { :not(.banner-full)>.swiper-container { width: calc(100% + 100px); padding: 0 40px; margin: 0 -50px } .section-showcase .swiper-container::after, .section-showcase .swiper-container::before { width: 30px } } @media (max-width: 1370px) { :not(.banner-full)>.swiper-container::after, :not(.banner-full)>.swiper-container::before { display: none } } .swiper-container .prev { position: absolute; top: 0; left: 7px; bottom: 0; margin: auto; height: 20px; width: 20px; z-index: 3; background: no-repeat center; background-image: var(--arrow_slide); background-size: 100%; transform: rotate(180deg); cursor: pointer; } .swiper-container .next { position: absolute; top: 0; right: 7px; bottom: 0; margin: auto; height: 20px; width: 20px; z-index: 3; background: no-repeat center; background-image: var(--arrow_slide); cursor: pointer; background-size: 100%; } @media (min-width: 1450px) { .swiper-container .prev { height: 40px; width: 40px; left: -5px } .swiper-container .next { height: 40px; width: 40px; right: -5px } } @media (max-width: 767px) { :not(.banner-full)>.swiper-container { width: calc(100% + 20px); padding: 0 10px; margin: 0 -10px } } .swiper-button-disabled { opacity: 0; visibility: hidden } .list-product .swiper-container .next, .list-product .swiper-container .prev { bottom: 130px } .showcase { position: relative } .showcase.zindex { z-index: 7 } .showcase.clearfix { margin: 45px 0 } .showcase.clearfix .slick-dots { display: none!important } .showcase.clearfix .slick-arrow { position: absolute; top: 0; bottom: 0; margin: auto; background: 0 0; font-size: 0; -webkit-appearance: none; border: 0!important; z-index: 2 } .showcase.clearfix .slick-arrow::before { display: none!important } .showcase.clearfix .slick-arrow.slick-prev { left: 0!important } .showcase.clearfix .slick-arrow.slick-prev::after { border-top-color: transparent; border-right-color: transparent } .showcase.clearfix .slick-arrow.slick-next { right: 0!important } .showcase.clearfix .slick-arrow.slick-next::after { border-bottom-color: transparent; border-left-color: transparent } .showcase.clearfix .slick-arrow::after { content: ''; display: block; width: 12px; height: 12px; border: 2px solid #222; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .section-showcase { margin: 40px 0 0; position: relative; /* padding: 40px 0 80px */ } .section-showcase::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100vw; left: 50%; transform: translateX(-50%); height: 100%; } .showcase-category .button-white { background-color: var(--bg_button_category_per); color: var(--color_button_category_per); -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s } .showcase-category .button-white:hover { background-color: var(--bg_button_hover_category_per); opacity: .9 } .button-white { background-color: #fff; line-height: 3.25rem; font-size: .875rem; text-transform: uppercase; font-weight: 600; text-align: center; padding: 0 30px; display: inline-block; color: #222 } .product { color: var(--color_box_product); width: 100%; text-align: center; position: relative; overflow: hidden; z-index: 3; background: var(--bg_box_product); display: -webkit-box; display: -ms-flexbox; display: flex; padding: .25rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; /* box-shadow: 0 0 18px 2px #8080803d; */ } .product .variants { bottom: .75rem; position: absolute; opacity: 0; visibility: hidden; transition: ease-in-out .2s; width: 100%; left: 0; padding: 0 .75rem } @media (min-width: 768px) { :not(.col-product)>.product { transition: ease-in-out .2s .2s } :not(.col-product)>.product:hover { z-index: 4 } :not(.col-product)>.product.show-down:hover { padding-bottom: 54px; margin-bottom: -42px; transition-delay: 0s; box-shadow: 0 0 18px 2px #8080803d } :not(.col-product)>.product:hover .variants { opacity: 1; visibility: visible; transition-delay: .2s } :not(.col-product)>.product.variant:hover { padding-bottom: 92px; margin-bottom: -80px; transition-delay: 0s; } :not(.col-product)>.product.second-variant:hover { padding-bottom: 132px; margin-bottom: -120px; transition-delay: 0s } } .discount-line, .product .discount { position: absolute; left: 10px; top: 10px; background: var(--tag_desconto_bg); color: #fff; text-align: center; font-weight: 400; font-size: .75rem; line-height: 1; z-index: 2; padding: 9px 5px; border-radius: 30px; width: 45px; } .product .hrt .discount, .product .hrt .discount-line { top: .65rem } .product .image:hover .add-to-cart { opacity: 1; visibility: visible } .list-variants { text-align: left } .list-variants label { display: flex; align-items: center; margin-bottom: 10px } .list-variants span { min-width: 97px; display: block; font-size: .875rem; font-weight: 700; color: var(--color_primary); line-height: 1.14 } .list-variants span::before { content: 'Selecione'; display: block; color: var(--color_text); font-weight: 400 } .list-variants select { height: 26px; border-radius: 15px; border: 1px solid #d8d5cc; padding: 0 14px; font-size: .75rem; color: #707070; flex-grow: 1; background: #fff url(../img/ic-down.svg) no-repeat center; background-size: 10px; background-position: calc(100% - 14px) center; padding-right: 20px } .add-cart input { height: 40px; width: 66px; border: 1px solid #d8d5cc; text-align: center; border-radius: 20px; color: #094a66; background-color: #fff!important } .add-cart .action { color: #fff; background-color: var(--button_details); height: 40px; font-size: .875rem; font-weight: 300; text-transform: uppercase; flex-grow: 1; margin-left: .75rem; border-radius: 20px; display: flex; align-items: center; justify-content: center; text-align: center; cursor: pointer; transition: background-color ease-in-out .3s } .add-cart .action:hover { background-color: var(--button_details_hover) } .dont-stock .add-cart .action { background-color: #8a8a8a; pointer-events: none } .dont-stock .add-cart .action { font-size: 0 } .dont-stock .add-cart .action::before { content: "indispon\00ED vel"; font-size: .875rem } .product .add-to-cart { position: absolute; bottom: 20px; left: 0; right: 0; margin: auto; max-width: 222px; width: calc(100% - 20px); background-color: var(--button_details); color: #fff; font-size: .75rem; font-weight: 600; text-align: center; line-height: 36px; z-index: 4; opacity: 0; -webkit-transition: opacity ease-in-out .3s; -o-transition: opacity ease-in-out .3s; transition: opacity ease-in-out .3s; cursor: pointer } .product .variants>a { color: #fff; background-color: var(--button_details); height: 40px; line-height: 40px; font-size: .875rem; font-weight: 300; text-transform: uppercase; flex-grow: 1; margin-left: .75rem; border-radius: 20px; transition: ease-in-out .3s; display: block } .product .variants>a:hover { background-color: var(--button_details_hover) } .product .image { position: relative; background-color: #fff; margin: -.75rem -.75rem 0; border-bottom: 0; } .product .space-image { display: block; position: relative; overflow: hidden } .product .space-image::after { content: ''; display: block; padding-bottom: 100% } .product .space-image.large::after { content: ''; display: block; padding-bottom: 100%; } .page-search .product .space-image.large::after, .page-catalog .product .space-image.large::after { content: ''; display: block; padding-bottom: 100%; } .product .space-image.hrt::after { /* padding-bottom: 76.25%; */ } .product .space-image.dark::before { content: ''; display: block; position: absolute; width: 100%; height: 100%; background: rgba(34, 34, 34, .2); opacity: 0; -webkit-transition: opacity ease-in-out .3s; -o-transition: opacity ease-in-out .3s; transition: opacity ease-in-out .3s; z-index: 2 } .product .space-image img { display: block; max-width: 100%; width: auto!important; max-height: 100%; } .product .space-image.second>img:nth-child(2) { opacity: 0 } .product:hover .space-image.second>img:nth-child(1) { opacity: 0 } .product:hover .space-image.second>img:nth-child(2) { opacity: 1 } .product .space-image img:not(.loaded) { width: 100% } .product:hover .space-image::before, .product:hover .view { opacity: 1 } .product .info-product { padding: 0 0 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .product .seals { position: absolute; right: 10px; top: 10px; } .product .seal { border-radius: 4px; line-height: 24px; padding: 0 6px; min-width: 79px; color: #fff; font-size: .755rem; letter-spacing: 0.5px; margin-bottom: 6px; } .product .seal.new { background-color: var(--tag_lancamento_bg); display: none; } .product .seal.shipping { background-color: var(--tag_frete_bg) } .product .seal.featured { /* background-color: var(--tag_destaque_bg); */ background-color: var(--tag_lancamento_bg); display: none; } .product .seal.desconto { background-color: var(--tag_frete_bg) } .product .image-add img { margin-left: auto; max-width: 100% } .product .product-image { position: relative } .product .product-image::before { content: ''; display: block; padding-bottom: 100% } .product .product-image img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); display: block; max-width: 100%; max-height: 100% } .product .product-name, .produto .product-name { margin: 10px 0; font-size: 0.875rem; line-height: 1.2; font-weight: 700; letter-spacing: .28px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: block; text-align: center; text-transform: uppercase; } .product .list-star { margin-top: 0 } .ranking .rating { display: flex; margin-bottom: 6px } .list-star { margin: .75rem 0; font-size: 1rem } .relative-area .list-star { font-size: 1.25rem; align-items: center } .list-star.cursor { cursor: pointer } .list-star .total { font-size: .75rem; text-transform: uppercase; text-decoration: underline; color: var(--color_text) } .list-star .icon, .ranking .icon { background: url(../img/star.svg) no-repeat; width: .938em; height: .938em; background-size: 100%; display: block } .list-star .icon.active, .ranking .icon.active { background-image: url(../img/star-check.svg) } .list-star .icon:not(:last-child), .ranking .icon:not(:last-child) { margin-right: 5px } .price-various { padding-right: 4px; font-size: .75rem } .starn { fill: #707070; background: url(../img/star.svg) no-repeat; width: .938rem; height: .938rem; background-size: 100%; display: block } .starn.star-on { background-image: url(../img/star-check.svg) } .product .price { line-height: 1.3; padding: 3px 0 } .product .price-off { font-size: 1.325rem; font-weight: 700; display: inline-block; color: var(--preco_color); line-height: 1.35; font-family: 'Montserrat', sans-serif; letter-spacing: -1px; } .product .price-off .por { font-size: .62em; font-weight: 500; font-family: 'Montserrat', sans-serif; } .product .price-off.new-price { margin-top: 20px } .product .product-price { position: relative } .product .product-price p { text-transform: uppercase; min-height: 58px; display: flex; justify-content: center; align-items: center } .product .product-price .price-before { display: inline-block } .product .price .line-price, .product .product-price .price { font-size: 0.920rem; font-weight: 500; position: relative; } .product .price .line-price { margin-right: 6px } .product .price .line-price::before { content: ''; display: block; position: absolute; top: 0; left: -2px; right: -2px; bottom: 0; margin: auto; height: 1px; background-color: var(--color_primary) } .product .product-price .price::before { left: 0 } .product .product-payment { font-size: 0.925rem; font-family: 'Montserrat', sans-serif; letter-spacing: -0.5px; } .product .product-payment img[src*=sobconsulta] { display: block; margin: 0 auto 5px } .product .product-payment .preco-avista { font-weight: 600 } .product .product-payment .oculta_destaque, .product .product-payment .precode, .product .product-payment br { display: none } .product .product-payment b, .product .product-payment strong { font-weight: 600; color: var(--payment_color); font-family: 'Montserrat', sans-serif; } .product-buttons { display: none } @media (max-width: 767px) { .product .variants { position: unset!important; padding-bottom: 10px; visibility: unset!important; opacity: 1!important } } @media (max-width: 768px) { .list-variants select { width: 100%; height: 34px!important; border-radius: 6px!important } .list-variants label { flex-direction: column } .list-variants span::before { display: none!important } .list-variants span { width: 100% } } @media (max-width: 991px) { .product .price-off { font-size: 1.325rem } } @media (max-width: 767px) { .product { padding: 0 } .product .product-name, .produto .product-name { margin: 10px 0 10px; font-size: 0.975rem; } .product .name { font-size: .688rem; margin: 15px 0 12px } .list-star .icon { width: .76rem; height: .76rem } .list-star .icon:not(:last-child) { margin-right: 3px } .product .price { font-size: 1.125rem } .product .product-payment { font-size: 0.875rem; } .product .price-off { font-size: 1.325rem; } .product .price .line-price { font-size: 0.775rem; } .product .payment { font-size: .625rem } .product .view { display: none } .product .info-product { padding: 0 0px 8px; } .discount-line, .product .discount { font-size: .625rem; padding: 9px 5px; width: 40px; } .product .seal { line-height: 18px } } .section-avaliacoes .arrow .icon, .section-brands .arrow .icon, .showcase .arrow .icon { height: 24px; height: 24px } .section-avaliacoes .arrow.prev, .section-brands .arrow.prev, .showcase .arrow.prev { left: -10px; height: 24px } .section-avaliacoes .arrow.next, .section-brands .arrow.next, .showcase .arrow.next { right: -10px; height: 13px } .list-slide .swiper-container { padding-bottom: 130px; margin-bottom: -130px } .list-product .item, .slide-category .item { display: -webkit-box; display: -ms-flexbox; display: flex; box-sizing: border-box; padding: 0 5px; height: auto; } .list-product:not(.swiper-wrapper) .item { width: 25%; margin-bottom: 20px } @media (min-width: 1300px) { .page-home .site-main .content-home .container { max-width: 95%; /* max-width: 1400px; */ } .page-home .list-product .item, .page-home .slide-category .item { margin: 0 1px; } } .list-product:not(.swiper-wrapper) .item.hover { z-index: 4; position: relative } .msg-list { font-size: 1.125rem; padding: 20px 0; font-weight: 600 } .msg-list.white { color: #fff } .smarthint-release-date-description { display: none } @media (max-width: 1220px) { .slide-category { margin: 0 10px } } @media (max-width: 1091px) { .list-product:not(.swiper-wrapper) .item { width: 33.33333% } } @media (max-width: 767px) { .list-product:not(.swiper-wrapper) .item, .slide-category .item { padding: 0 5px } .section-avaliacoes .arrow, .section-brands .arrow, .showcase .arrow, .showcase-category .arrow { width: 13px; height: 13px } .section-avaliacoes .arrow .icon, .section-brands .arrow .icon, .showcase .arrow .icon, .showcase-category .arrow .icon { width: 13px; height: 13px } .button-white { font-size: .75rem; padding: 0 22px; line-height: 44px } .section-avaliacoes .arrow.prev, .section-brands .arrow.prev, .showcase .arrow.prev { left: -5px } .section-avaliacoes .arrow.next, .section-brands .arrow.next, .showcase .arrow.next { right: -5px } } @media (max-width: 690px) { .list-product:not(.swiper-wrapper) .item { width: 50% } } @media (max-width: 550px) { .list-product:not(.swiper-wrapper) .item { width: 50% } .showcase-category .box-text { width: 150px; padding-right: 10px } .showcase-category .box-text .title { font-size: 1.5rem } .showcase-category .box-text .sub-title { font-size: .625rem } .showcase-category .cols { width: calc(100% - 150px) } .slide-category { margin: 0 5px } .list-star { margin: .625rem 0 } } @media (max-width: 464px) { [data-product-columns='1'] .list-product:not(.swiper-wrapper) .item { width: 100% } } .section-brands { margin: 30px 0 !important; } .section-brands .box-brand { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .section-brands .box-brand { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 157px; padding: 0; height: 232px; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .section-brands .box-brand img { max-width: 100%; width: auto!important; max-height: 182px; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .section-brands .box-brand:hover { transform: scale(1.15); } .section-brands .box-brand img.loaded { opacity: .6 } .section-brands .box-brand img:hover { opacity: 1 } .section-brands .item { display: -webkit-box; display: -ms-flexbox; display: flex } .section-brands .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } @media (max-width: 550px) { .section-brands { margin: 20px 0 } } img.transform { position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); opacity: 0; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s } img.transform.loaded, img.transform.swiper-lazy-loaded { opacity: 1 } img.transform.vertical { width: 100% } img.transform.horizontal { height: 100% } .section-instagram { margin-bottom: 52px } .section-instagram .overflow { margin: 0 -7px } .section-instagram .list .item { width: 25%; padding: 0 7px } .section-instagram img { -webkit-transform: translate3d(-50%, -50%, 0) scale(1.005); transform: translate3d(-50%, -50%, 0) scale(1.005); -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s } .section-instagram a:hover img { -webkit-transform: translate3d(-50%, -50%, 0) scale(1.08); transform: translate3d(-50%, -50%, 0) scale(1.08) } .section-instagram .box-image { position: relative; overflow: hidden; display: block } .section-instagram .box-image::before { content: ''; display: block; padding-bottom: 100% } @media (max-width: 767px) { .section-instagram .overflow { margin: 0 -10px; overflow: auto } .section-instagram .overflow .list { min-width: 1030px } .section-instagram .list .item { padding: 0 5px } .container>div[class*=section]:first-child { margin: 33px 0 } .section-showcase { margin: 33px 0 } .showcase-category .cols { padding: 25px 0 } } .btn-primeira-pagina, .btn-ultima-pagina, .separador-paginas { display: none } .btns-paginator { font-size: 1rem; line-height: 44px; min-width: 40px; margin: 0 5px; text-align: center } .btns-paginator img { display: none } .btns-paginator.selectedPg { width: 44px; border-radius: 5px; background-color: var(--bg_button_primary); color: #fff; text-align: center } .page-busca_noticias .board+.container3 .right { display: flex; justify-content: center; flex-wrap: wrap } .page-busca_noticias .Seguro~hr~* { display: none } .noticias #noticia_dados { margin: unset } .noticias #noticia_imagem { float: unset; padding: unset; width: unset; height: unset } .noticias { margin: 0 -15px 52px } .noticias:not(.slick-slider) { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .noticias:not(.slick-slider) li { width: 33.33333%; margin-bottom: 30px } .noticias li { float: unset; padding: unset; margin: unset; border: unset; height: unset; padding: 0 15px; display: -webkit-box; display: -ms-flexbox; display: flex } .box-noticia { max-width: 440px; position: relative; display: flex; justify-content: space-between; background: var(--bg_blog) } .box-noticia #noticia_imagem { position: relative; overflow: hidden; width: 168px; height: 168px } .box-noticia #noticia_imagem img { width: 100%; -webkit-transition: cubic-bezier(.59, -.32, .07, .62) .3s; -o-transition: cubic-bezier(.59, -.32, .07, .62) .3s; transition: cubic-bezier(.59, -.32, .07, .62) .3s; max-width: none; opacity: 0 } .box-noticia #noticia_imagem img.loaded, .page-busca_noticias .box-noticia #noticia_imagem img { opacity: 1 } .box-noticia:hover #noticia_imagem img { -webkit-transform: scale(1.1); transform: scale(1.1) } .box-noticia #noticia_dados { width: calc(100% - 183px) } .margin-top { margin-top: 30px } #noticia_dados h3 { font-size: 0; font-weight: 700; margin-top: 5px } #noticia_dados h3 a { font-size: 1.25rem; display: block; line-height: 1.15; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 3; font-weight: inherit; min-height: 21px; font-weight: 700; height: 67px; color: var(--color_title_blog) } #noticia_dados h3 a::before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2 } #noticia_dados p::before { content: ''; display: block; border-top: solid 1px #f5f4f0; width: 150px; margin: 5px 0 10px } #noticia_dados p { font-size: .875rem; line-height: 1.36; letter-spacing: .28px; color: var(--color_blog); display: -webkit-box; max-height: 72px; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3 } .page-busca_noticias .box-noticia { flex-direction: column; width: 100% } .page-busca_noticias .box-noticia #noticia_imagem { width: 100%; border-radius: 8px; overflow: hidden; height: auto } .page-busca_noticias .box-noticia #noticia_imagem::before { content: ''; display: block; padding-bottom: 80% } .page-busca_noticias .box-noticia #noticia_imagem img { position: absolute; top: 0; left: 0 } .page-busca_noticias .box-noticia #noticia_dados { width: 100%; text-align: center } .page-busca_noticias #noticia_dados { flex-grow: 1 } .page-busca_noticias #noticia_dados h3 { margin: 17px 0 } .page-busca_noticias #noticia_dados h3 a { height: auto; font-size: 1rem } .page-busca_noticias #noticia_dados p::before { display: none } @media (max-width: 1024px) { .noticias:not(.slick-slider) li { width: 50% } } @media (max-width: 767px) { .noticias:not(.slick-slider) li { width: 100% } .noticias { margin: 0 -10px } .showcase h2, .title-section { font-size: 30px; margin-top: 0px; } .title-section span { max-width: 314px; text-align: center; } } @media (max-width: 480px) { .noticias:not(.slick-slider) li { width: 100% } .box-noticia #noticia_imagem { width: 132px; height: 132px } .box-noticia #noticia_dados { width: calc(100% - 146px) } #noticia_dados h3 a { font-size: 1.125rem; height: 62px } #noticia_dados p { font-size: .75rem } } .section-avaliacoes { margin-bottom: 40px } .section-avaliacoes .dep_item { padding: 0 19px; display: -webkit-box; display: -ms-flexbox; display: flex; width: 33.33333%; margin-bottom: 20px; box-sizing: border-box } .section-avaliacoes .dep_item a { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .dep_dados { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .dep_dados .dep_msg { -webkit-box-ordinal-group: -1; -ms-flex-order: -2; order: -2; font-size: .875rem; line-height: 1.64; padding: 41px; background-color: var(--bg_depoimento); color: var(--text_depoimento); display: block; margin-bottom: 20px; text-align: center; min-height: 152px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .dep_dados .dep_nota { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1 } .dep_img { position: absolute; top: 24px; left: 44px; opacity: .5 } .dep_nota { display: none } .dep_dados .dep_nome { font-size: .75rem; font-weight: 600; text-transform: uppercase; line-height: 1.58; margin: 6px 0; color: var(--title_depoimento) } .dep_dados .dep_data, .dep_dados .dep_msg span, .dep_dados .dep_nome span { display: none } .dep_link { display: none } .depoimentos-modal h2 { font-size: 1.125rem; font-weight: 700; text-transform: uppercase; margin-bottom: 14px; color: var(--title_list) } .page-content #depoimento { display: none } .editDep { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px } .editDep>li { width: calc(50% - 20px); margin: 0 10px 40px; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; position: relative; align-items: center } .editDep strong { font-weight: 600 } .editDep h3 { text-align: center; text-transform: uppercase; font-size: .75rem; font-weight: 600; text-indent: -40px; overflow: hidden; display: inline-block; order: 2; color: var(--title_list) } .editDep ul { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .editDep ul li strong, .editDep ul li:not(.dep):first-child, .editDep ul li:nth-child(2) { display: none } .editDep ul li.dep { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; padding: 41px; width: 100%; font-size: .875rem; line-height: 1.64; background-color: var(--bg_depoimento); color: var(--text_depoimento); display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 14px; text-align: center; min-height: 152px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .editDep ul li:not(.dep) { font-size: .75rem; line-height: 1.5 } .editDep h3 { font-weight: 600; color: var(--title_depoimento) } .editDep h3 img { position: absolute; top: 24px; left: 44px } #depoimento { font-size: .875rem } #depoimento label { display: block; margin-bottom: 14px } #depoimento label h3 { font-size: inherit; font-weight: inherit } #depoimento .nota_dep label { display: inline-block; margin-left: 5px } #depoimento br { display: none } .textarea { max-width: 100% } #depoimento span.block { margin: 5px 0; display: block } #depoimento input[size], #depoimento input[type=email], #depoimento input[type=text], #depoimento textarea { width: 100%; display: block; margin-top: 5px } .page-depoimentos .board .left { font-size: 0 } .page-depoimentos .page-content br, .page-depoimentos .page-content hr { display: none } .page-depoimentos .page-content .botao-commerce { max-width: 250px; margin: 30px auto; width: 100% } #enviar_dep { display: none } @media (max-width: 1200px) { .section-avaliacoes .dep_item { padding: 0 10px } } @media (max-width: 650px) { .editDep>li { width: 100% } .section-avaliacoes .dep_item { width: 100% } .swiper-container .next, .swiper-container .prev { width: .75rem; height: .75rem; background-size: 100%; bottom: 0; } } .video-button { background: #df2626; color: #fff; padding: 0 10px; display: inline-block; font-size: .875rem; font-weight: 500; line-height: 35px; cursor: pointer; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; -webkit-box-shadow: 0 4px 8px transparent; box-shadow: 0 4px 8px transparent; position: absolute; left: 5px; top: 5px; z-index: 3 } .video-button:hover { -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, .1); box-shadow: 0 4px 8px rgba(0, 0, 0, .1) } .video-button svg { vertical-align: middle; width: 16px; height: 16px; margin-right: 5px; fill: #fff } .video-button span { display: inline-block; vertical-align: middle } .list-seal-product { margin: 20px 0 15px } .list-seal-product .tag { background: #2d6955 !important; padding: 0 8px; border: 1px solid var(--tags_product_bg); line-height: 1.6; white-space: nowrap; font-size: .75rem; text-transform: uppercase; background-color: var(--tags_product_bg); color: #fff; margin-bottom: 5px; border-radius: 4px; } .list-seal-product .tag.new { background-color: var(--tag_lancamento_bg); border-color: var(--tag_lancamento_bg) } .list-seal-product .tag.shipping { background-color: var(--tag_frete_bg); border-color: var(--tag_frete_bg) } .list-seal-product .tag.featured { background-color: var(--tag_destaque_bg); border-color: var(--tag_destaque_bg) } .list-seal-product .tag:not(:last-child) { margin-right: 10px } .breadcrumb { font-size: 0.795rem; margin: 0 0 31px; letter-spacing: 1px; } .page-product .breadcrumb { font-size: 0.795rem; margin: 0 0 0px; letter-spacing: 1px; display: flex; flex-direction: row; justify-content: center; align-items: center; } .new-title { text-align: center; font-family: 'Montserrat', sans-serif !important; margin-bottom: 30px; align-items: center; justify-content: center; display: flex; flex-direction: column; } .new-title h1 { font-weight: 500; letter-spacing: -1px; font-size: 30px; } .breadcrumb a { font-weight: 700; -webkit-transition: color ease-in-out .3s; -o-transition: color ease-in-out .3s; transition: color ease-in-out .3s } .breadcrumb a:hover { color: var(--color_primary) } .breadcrumb .breadcrumb-item { margin-bottom: 5px; text-align: center; } .breadcrumb .breadcrumb-item:not(:last-child) { padding-right: 25px; position: relative } .breadcrumb .breadcrumb-item:not(:last-child)::before { content: ''; display: block; position: absolute; height: 6px; width: 6px; right: 9px; top: 0; bottom: 0; display: block; margin: auto; background: no-repeat; background-image: var(--arrow_right); background-size: 6px } .page-product .banner-header { margin-bottom: 30px; } @media(max-width:767px) { .page-product .banner-header { margin-bottom: 15px } } .product-colum-left { width: calc(100% - 461px); padding-right: 30px; } .product-colum-right { width: 661px; } .box-gallery .nav-images { width: 120px; padding-right: 2px } .box-gallery .nav-images .slick-track { display: block } .box-gallery .nav-images .box-img { height: 92px; width: 92px; margin-bottom: 10px; cursor: pointer; background: #fff; border-radius: 4px; overflow: hidden; border: 1px solid var(--color_border); -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .box-gallery .nav-images .box-img:hover { opacity: .5 } .box-gallery .nav-images .slick-current .box-img { opacity: .5 } .box-gallery .nav-images .box-img img { max-width: 100%; margin: auto } .nav-images .arrow { width: 14px; height: 14px; left: 0; right: 10px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .nav-images .arrow.prev { bottom: auto; top: -14px } .nav-images .arrow.next { top: auto; bottom: -14px } .nav-images .arrow .icon { width: 14px; height: 14px } .box-gallery .box-img { position: relative } .box-gallery .list-images .icon { position: absolute; bottom: 0; left: 0; width: 20px; height: 20px; z-index: 3 } .box-gallery .image-show { background: #fff; overflow: hidden; border-radius: 8px } .box-gallery .image-show .discount-line { position: absolute; top: 5px; right: 5px; left: auto } .box-gallery .image-show { width: calc(100% - 120px); position: relative } .box-gallery .image-show .box-img { max-height: 573px; min-height: 300px } .box-gallery .image-show img:first-child { max-width: 100%; max-height: inherit; background-color: #fff; display: block; -webkit-transition: opacity ease-in-out .2s; -o-transition: opacity ease-in-out .2s; transition: opacity ease-in-out .2s; opacity: 0 } .box-gallery .image-show .item:not(.slick-slide)+.item { display: none } .image-show .box-img { text-align: center } .image-show .box-img .zoom { display: inline-block; max-height: inherit; min-height: inherit } .obriga.red { font-size: 0 } .obriga.red::before { content: '*'; font-size: .75rem } .relative-area { position: relative } #loading-product-container { display: none } .produto-bonus { font-size: .75rem; display: block; margin: 10px 0 0 } .produto-bonus strong { font-weight: 600; padding-left: 4px } .relative-area .product-name { font-size: 1.75rem; line-height: 1.09; margin-bottom: 20px; color: var(--color_name_product); } .relative-area .info-product { font-size: .75rem; margin: 15px 0 0 } .relative-area .info-product:empty { display: none } .relative-area .info-product b, .relative-area .info-product strong { font-weight: 600 } .relative-area .info-product b::after, .relative-area .info-product strong::after { content: ''; display: block } #produto_preco .color-tone-2+br { display: none } #produto_preco .color-tone-2 { font-size: .875rem; font-weight: 500 } #produto_preco .color-tone-2.txt-por { display: none } #produto_preco { line-height: 1.7; } #produto_preco .PrecoPrincipal { font-size: 1.95rem; font-weight: 700; color: var(--preco_color_product); font-family: 'Montserrat', sans-serif; } #produto_preco #precoDe { display: inline-block; font-size: .75rem; position: relative } #produto_preco #precoDe::before { content: ''; display: block; position: absolute; top: 0; bottom: 0; height: 1px; background: var(--color_primary); left: 19px; right: 0; margin: auto } .currency { text-decoration: none } .barra_cada+br { display: none } #detalhes_formas { font-size: 0; cursor: pointer; text-decoration: underline; display: none } #info_preco:not(:empty)+#detalhes_formas { display: block; } #detalhes_formas::before { content: 'Formas de Pagamento'; font-size: .85rem; } a#showPaymentMethods { display: none } #info_preco { font-size: 1rem; display: block; font-family: 'Montserrat', sans-serif; } #info_preco .preco-avista { font-weight: 600 } #info_preco b, #info_preco strong { font-weight: 600; color: var(--payment_color_product); font-family: 'Montserrat', sans-serif; } #info_preco br { display: none } #acceptTerm, .advancedSearchFormBTimg, .botao-commerce:not(.botao-sob-consulta), .botao_tire_duvidas { color: #fff!important; background-color: var(--bg_button_primary); border-radius: 0; font-size: 1rem; line-height: 44px; font-family: 'Montserrat', sans-serif !important; padding: 0 20px; text-transform: uppercase; -webkit-transition: background-color ease-in-out .3s; -o-transition: background-color ease-in-out .3s; transition: background-color ease-in-out .3s; white-space: nowrap; font-weight: 700; text-align: center; cursor: pointer; border-radius: 30px; } #acceptTerm:hover, .advancedSearchFormBTimg:hover, .botao-commerce:not(.botao-sob-consulta):hover, .botao_tire_duvidas:hover { background-color: var(--bg_button_primary_hover) } #acceptTerm { display: block; margin-top: 10px } .advancedSearchFormBTimg { height: auto!important; width: auto!important } .botao-commerce * { color: inherit!important } .botao_tire_duvidas { display: inline-block } .perguntasProdutoBTimg { background: var(--bg_button_primary); color: #fff; font-weight: 600; text-transform: uppercase } .botao-comprar:not(.botao-sob-consulta) { line-height: 50px; width: 100%; font-size: 1.5rem; font-weight: 700; background-color: var(--button_buy); border-radius: 25px } .botao-comprar:not(.botao-sob-consulta):hover { background-color: var(--button_buy_hover) } .botao-nao_indisponivel { text-align: unset!important; text-transform: unset!important; line-height: 0!important; white-space: unset!important; display: block!important } .botao-nao_indisponivel::before { content: "Produto indispon\00ED vel"; font-size: 1.125rem; font-weight: 700; color: var(--color_name_product); display: block; line-height: 1.25 } .botao-nao_indisponivel::after { content: "Preencha seu e-mail que te avisaremos quando o produto estiver dispon\00ED vel para compra!"; display: block; font-size: .875rem; margin: 2px 0 0; color: var(--color_text); line-height: 1.25; font-weight: 400 } #quantidade label { display: block; padding-left: 7px } #quantidade input { width: 120px; display: block; height: 50px; font-size: 1.313rem; font-weight: 700; text-align: center; padding: 0 5px; border-radius: 25px; background: #fff; color: #707070; border-color: #e4e4e4 } .produto-economize { font-size: .75rem; font-weight: 400; display: none } #form_comprar .box-price { margin: 40px 0 0 } #product-form-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 0; width: calc(100% + 7px); margin-left: -7px; max-width: 429px } #product-form-box label { font-size: 0 } #product-form-box #bt_comprar { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } #product-form-box #bt_comprar img { max-width: 100% } .cor_variacao li img { display: block; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .2); box-shadow: 0 0 0 rgba(0, 0, 0, .2); -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; border: 2px solid #efefef; border-radius: 5px; width: 34px; height: 34px } .cor_variacao li img.cor_selecionada { -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 1); box-shadow: 0 0 0 2px rgba(0, 0, 0, 1); border-color: #fff } .cor_variacao li>div { min-width: 42px; height: 42px; line-height: 40px; text-align: center; font-size: .875rem; font-weight: 600; border: 1px solid #e4e4e4; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; padding: 0 5px; border-radius: 5px; background: var(--bg_box_product) } .cor_variacao li.sem_estoque>div { background: #e4e4e4 } .cor_variacao li>div.cor_selecionada { background-color: var(--bg_button_primary); border-color: var(--bg_button_primary); color: #fff } .lista_radios:not(.listaVarMultipla) { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; flex-direction: row!important; margin: 0 -5px } .lista_radios:not(.listaVarMultipla) li { padding: 0 5px 5px; margin: 0 } .lista_radios:not(.listaVarMultipla) label { position: relative } .lista_radios:not(.listaVarMultipla) label input { position: absolute; z-index: -1; opacity: .001; width: 0; height: 0 } .lista_radios:not(.listaVarMultipla) label span { display: block; min-width: 42px; height: 42px; line-height: 40px; text-align: center; font-size: .875rem; font-weight: 600; border: 1px solid #e4e4e4; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; cursor: pointer; padding: 0 8px; border-radius: 4px } .lista_radios:not(.listaVarMultipla) label span:hover { background-color: #efefef } .lista_radios:not(.listaVarMultipla) label input:checked+span { background-color: var(--color_primary); border-color: var(--color_primary); color: #fff } div[style="clear:both;"] { font-size: 0 } .box-frete .produto-calcular-frete { display: none } .box-frete { border-top: 1px solid var(--color_border); padding: 23px 0; margin: 26px 0 0 } .submit-frete { height: 40px; width: 60px; background: var(--button_frete); color: #fff; font-size: .875rem; font-weight: 700; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; border-radius: 25px; letter-spacing: .28px } .submit-frete:hover { background: var(--button_frete_hover) } .new-frete { max-width: 271px } .new-frete .box-left { border: 1px solid var(--input_frete_border); height: 40px; padding: 0 7px; width: calc(100% - 71px); overflow: hidden; border-radius: 25px; background-color: var(--input_frete_bg) } .new-frete .box-left input { height: 38px; padding-left: 9px; font-size: .875rem; font-weight: 400; width: 100%; letter-spacing: .28px; background-color: var(--input_frete_bg); border-color: var(--input_frete_border); color: var(--input_frete_color) } .new-frete .box-left input::placeholder { opacity: .8; color: var(--input_frete_color) } .box-frete .text { font-size: .875rem; letter-spacing: .28px; white-space: nowrap; display: block; margin-bottom: 12px } .new-frete .box-left .icon { fill: var(--icon_frete_color); width: 31px; height: 31px; margin-right: 12px } .box-frete .result:empty { display: none } .product-lote { text-align: center; margin-bottom: 14px; font-size: .875rem } .product-lote img { display: block; max-width: 100%; } .box-frete .result { margin-top: 20px; font-size: .75rem } .box-frete .result table { width: 100% } .box-frete .result th { font-weight: 600; white-space: nowrap } .box-frete .result tr:nth-child(odd) td, .box-frete .result tr:nth-child(odd) th { background-color: rgba(36, 36, 36, .15) } .box-frete .result td, .box-frete .result th { padding: 5px } .box-frete .result strong { white-space: nowrap } .box-frete .result .icon { position: relative; left: auto; right: auto; top: auto; bottom: auto; margin: 20px auto } .box-frete .result .load-css { padding: 15px 0 } .cor_variacao select { width: 100%; display: block; padding-left: 18px; font-size: .75rem; max-width: 350px } .cor_variacao.passo2 { margin-top: 10px } .listaVarMultipla { font-size: .875rem } .listaVarMultipla li { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center } .listaVarMultipla li:not(:last-child) { margin-bottom: 10px } .labelMultiVariacao { padding-right: 10px } .labelQuantVariacao { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .listaVarMultipla .inputQuantVariacao { height: 42px; padding: 0 5px!important; width: 60px!important; text-align: center; font-size: 1rem; font-weight: 600; margin-right: 5px } #quantidade { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } #estoque_variacao { font-size: .635rem; text-align: center; display: block; padding: 0 6px } .tray-kit { border: 1px solid #e4e4e4; padding: 10px; margin: 20px 0 0; font-size: .875rem } .tray-kit h3 { font-size: .875rem; font-weight: 600; text-transform: uppercase; margin-bottom: 10px } .tray-kit .tray-kit-item { margin-bottom: 10px; padding: 10px; border-top: 1px solid #e4e4e4 } .tray-kit .tray-kit-item>div { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; padding-bottom: 8px } .tray-kit-unity { position: absolute; bottom: -10px; left: 0; font-size: .75rem; width: 80px; text-align: center } .tray-kit .tray-kit-image { width: 90px; padding-right: 10px } .tray-kit .tray-kit-info { width: calc(100% - 90px) } .tray-kit .tray-kit-image img { max-width: 100%; display: block; margin: auto } @media (max-width: 1100px) { .new-frete .box-left .text { font-size: 0 } .new-frete .box-left .text::before { content: 'FRETE:'; font-size: .75rem } .new-frete .box-left input { width: calc(100% - 79px); font-size: .875rem } .product-colum-left { padding-right: 15px } .product-colum-right { width: 340px } .product-colum-left { width: calc(100% - 340px) } } @media (max-width: 930px) { .box-col-product { display: block; max-width: 615px; margin: 10px auto 0 } .product-colum-left { width: auto; padding: 0 } .product-colum-right { width: auto; margin: 20px 0 0 } } @media (max-width: 767px) { .box-gallery .nav-images { display: none } .box-gallery .image-show { width: 100% } .box-gallery .image-show .discount-line { top: auto; bottom: 12px } .box-gallery .image-show .box-img { max-height: 420px } } .image-show .slick-dots { text-align: center; height: 0; position: relative; top: -23px } .page-info-product { margin: 40px 0 0; border-top: 2px solid var(--color_border); padding: 32px 0 0; font-family: 'Montserrat', sans-serif !important; } .page-info-product .title { font-size: 1.5rem; color: var(--title_list); font-weight: 700; margin-bottom: 35px; text-transform: uppercase } .page-info-product .title { font-size: 1.5rem } .page-info-product .section-box:not(:first-child) { margin-top: 40px } .page-info-product .section-box.comments { display: none } .abasProduto { overflow: auto; padding: 0 10px 15px; margin: 0 -10px 15px } .page-info-product .list { display: -webkit-box; display: -ms-flexbox; display: flex } .page-info-product .list a { font-size: 1.125rem; font-weight: 600; opacity: .5; text-transform: uppercase } .page-info-product .list li { padding-right: 5px } .page-info-product .list li:not(:last-child) { padding-right: 30px } .page-info-product .list .aberta a { opacity: 1 } .board_htm { width: 100%; overflow: hidden } .board_htm::after, .page-noticia .board::after { content: ''; display: block; clear: both } .board_htm h1, .page-noticia .board h1 { font-size: 1.675rem; font-weight: 700; margin-bottom: 16px } .board_htm h2, .page-noticia .board h2 { font-size: 1.425rem; font-weight: 700; margin-bottom: 16px } .board_htm h3, .page-noticia .board h3 { font-size: 1.35rem; font-weight: 700; margin-bottom: 16px } .board_htm h4, .page-noticia .board h4 { font-size: 1.25rem; font-weight: 700; margin-bottom: 16px } .board_htm h5, .page-noticia .board h5 { font-size: 1.1125rem; font-weight: 700; margin-bottom: 16px } .board_htm h6, .page-noticia .board h6 { font-size: 1rem; margin-bottom: 16px; font-weight: 700 } .board_htm img { max-width: 100%; height: auto!important } .board_htm iframe, .page-noticia .board iframe { max-width: 100% } .board_htm { font-family: inherit; font-size: 1rem; line-height: 25px } .board_htm * { color: inherit!important; font-family: 'Montserrat', sans-serif !important; } .page-product .new-box ::marker { } .page-product .new-box ul {margin-left: 0;} .board_htm p { margin-bottom: 14px } .board_htm a, .page-noticia .board a { text-decoration: underline } .board_htm a:hover, .page-noticia .board a:hover { color: var(--color_primary) } .board_htm ul, .page-noticia .board ul { list-style: disc; margin-left: 1.1125rem; } .board_htm ol, .page-noticia .board ol { list-style: decimal; margin-left: 1.1125rem } .board_htm table { width: 100% } .board_htm table td, .board_htm table th { padding: 8px 5px; } .board_htm table td:first-child, .board_htm table th:first-child { padding-left: 25px } .board_htm table td:last-child, .board_htm table th:last-child { padding-right: 25px } .board_htm table tr:nth-child(odd) td { background-color: rgba(36, 36, 36, .15) } .board_htm table tr:nth-child(even) td { background-color: rgba(36, 36, 36, .05) } .board_htm .new-box li:nth-of-type(odd) { background-color: rgba(36, 36, 36, .05) } .board_htm .new-box li:nth-of-type(even) { background-color: rgba(36, 36, 36, .15) } .new-box li { padding: 8px 5px; padding-left: 25px; } .compreJunto form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .compreJunto form .fotosCompreJunto { width: calc(100% - 245px); display: -webkit-box; display: -ms-flexbox; display: flex; padding-right: 10px } #ProdBlockCompreJunto #ProdAbas { display: none } .compreJunto>li:nth-child(n+2) { margin-top: 40px } .produto { width: 33.3333%; padding: 0 15px 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .unidades_topo { font-size: .75rem; text-align: center; display: block } .produto>span { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1 } .produto span>a, .produto span>div { display: block; position: relative; margin-bottom: 10px } .produto span>a::before, .produto span>div::before { content: ''; display: block; padding-bottom: 100% } .produto img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); max-width: 100%; max-height: 100% } .precoCompreJunto { width: 245px; padding-right: 10px } .fotosCompreJunto .plus { width: 0; font-size: 50px; position: relative; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transform: translateX(-15px); -ms-transform: translateX(-15px); transform: translateX(-15px) } .varCont { margin-bottom: 10px } .varCont input[type=text], .varCont select { width: 100%; display: block; height: 42px; padding-left: 14px; max-width: 280px } .varTit { margin: 4px 0; font-weight: 600; font-size: .75rem } .varCont+.varTit:not(.onVar) { display: none } .comprejuto_preco { font-size: .75rem; display: none } .comprejuto_preco span { font-size: .938rem } .comprejunto_preco2 { font-size: .938rem; font-weight: 700; margin: 2px 0 } .comprejunto_preco2 strong:first-child { font-weight: 400; padding-right: 4px; font-size: .75rem } .comprejunto_preco2 .PrecoPrincipal { color: var(--preco_color_product); font-weight: 700 } .comprejunto_economize { font-size: .75rem; margin: 5px 0 } .botao-compre-junto:not(.botao-sob-consulta) { width: 100%; line-height: 52px; font-size: 1rem; font-weight: 700; margin: 13px 0 0; max-width: 420px; background-color: var(--button_buy) } .botao-compre-junto:not(.botao-sob-consulta):hover { background-color: var(--button_buy_hover) } .precoCompreJunto>div:first-child { font-size: 0 } .precoCompreJunto>div:first-child strong { font-size: 1.25rem; font-weight: 600; margin-bottom: 5px; display: block } .compre-junto { margin-top: 60px } #container-add-lista { font-size: .875rem; margin: 20px 0; text-align: center } #container-add-lista a { font-size: 0 } .wishlist:hover a { color: var(--color_second) } #container-add-lista a::before { content: 'ADICIONAR AOS FAVORITOS'; font-size: 12px; font-weight: 600 } #form_comprar .wishlist { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: -20px } #form_comprar .wishlist svg { margin-right: 5px; fill: var(--color_text); -webkit-transition: color ease-in-out .3s; -o-transition: color ease-in-out .3s; transition: color ease-in-out .3s } #form_comprar .wishlist:hover svg { fill: var(--color_second) } .page-listas_index .board h2 { font-weight: 600; text-transform: uppercase; margin-bottom: 20px } #tipos-listas h3 { font-size: 1rem; font-weight: 600; margin-top: 10px; margin-bottom: 10px } #lista_criar h2 { margin-top: 10px; font-size: 1rem; font-weight: 600; text-transform: uppercase } #lista_criar input[size="40"], #lista_criar input[size="50"] { width: 100%; max-width: 300px } .page-listas_criar .board { font-size: .875rem } .page-listas_criar .board td { padding: 10px; word-break: break-all } .page-print_lista .page-content h1 { font-size: 1.375rem; text-transform: uppercase; font-weight: 600; margin: 10px 0 } .page-print_lista .page-content h2 { font-size: 1rem } .lista-produtos { text-align: center; display: inline-block; max-width: 340px; margin: 15px; width: 100% } .lista-produtos .lista-produto-comprar input[type=image] { background: url(../img/bt-lista.JPG) left top no-repeat; height: 0; padding: 18px 110px; width: 0 } .lista-produtos .lista-produto-qtde .refresh img { display: none } .lista-produtos .lista-produto-qtde .refresh::before { content: ''; height: 35px; width: 35px; background: url(../img/bt-atualizar.png) no-repeat; margin: 0 auto 5px; display: block } .lista-imagem img { max-width: 100% } .page-lista .board { margin: 20px 0 } .page-lista .board hr { margin: 20px 0 } .lista-produtos .qntd { border: 1px solid #e5e5e5; width: 80px; display: block; margin: 5px auto; height: 35px; text-align: center } .page-navegacao_visitados hr { margin: 20px 0 } .page-navegacao_visitados .change { display: none } .page-navegacao_visitados h2 { font-size: 1.125rem; margin: 20px 0 } .bts, .bts2 { padding: 4px 8px; height: 23px; text-align: center; line-height: 14px; font-size: .75rem; display: inline-block; border-radius: 20px; color: #fff; margin: 0 5px; background: var(--bg_button_primary) } .bts2:hover, .bts:hover { background: var(--bg_button_primary_hover) } .vitrineVisitados { margin: 0 -10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: .875rem } .vitrineVisitados>li { padding: 10px; width: calc(100% / 3) } .nomeProd { margin-bottom: 10px; display: block } .ranking.hreview-aggregate { margin: 5px 0 } .editComment li>a { display: block; width: 90px; height: 90px } .editComment li>a img { display: block; margin: auto } .editComment li { margin: 20px 0; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .editComment h3 { font-size: .75rem; font-weight: 600; white-space: nowrap; position: absolute; width: calc(100% - 100px); left: 100px; top: 0 } .editComment .bts { margin: 0 0 5px } .editComment .ranking { font-weight: 600 } .editComment .relativity { width: calc(100%); padding-top: 25px } .editComment .change { font-size: .75rem; margin-top: 5px } .consulta-product { font-size: .75rem; font-weight: 600; margin-bottom: 10px } @media (max-width: 1024px) { .box-gallery .image-show img:nth-child(2) { display: none!important } .text-center .box2 .info4 { width: 61%; background: url(../img/mini8.jpg) no-repeat center; padding: 2% 0% 0% 25%; margin: 4px; } .text-center .box2 .info4 h2 { line-height: 116px; } .text-center .box1 .info1 h4 { width: 74%; } .text-center .box2 .info4 h4 { width: 98%; } .empresa-text h3 {font-size: 14px;line-height: 20px;text-align: justify;padding-bottom: 30px;} .banner-menores { display: flex; width: 100%; padding-bottom: 60px; margin: 40px 0; } .banner-menores .banner-extra { margin: 0.5%; } } @media (min-width: 1280px) and (max-width: 1366px) { .text-center .box2 .info3 { width: 39%; background: url(../img/mini7.jpg) no-repeat center right; padding: 8% 1% 0% 10%; margin: 4px; text-align: center; } .text-center .box2 .info4 h4 { width: 88%; } } @media (min-width: 1190px) and (max-width: 1280px) { .menu-new { min-width: 510px; } .empresa { background: url(../img/box-text1.jpg) no-repeat left top; padding-left: 490px; } .logo-end img { width: 44%; } .banners-end { margin-bottom: 74px; } .empresa h3 { width: 60%; font-size: 12px; line-height: 25px; } .newsletter { width: 72% !important; } .dest-boots .container, .dest-tenis .container { padding-left: 44%; max-width: 971px !important; margin-top: -160px; } .dest-cross .container { padding-right: 50%; max-width: 1170px !important; margin-top: 4%; } .dest-boots { background: url(../img/bg1.jpg) no-repeat left top; } .banner-info .text { font-size: 10px; } .banner-info .text .featured { font-size: 14px; } .header .right-options { width: 30%; } .nav .list { margin-left: 20%; } .footer .cols .box:nth-child(1) {/* margin-right: 10px; */} .footer .cols .box:nth-child(2) {} .header .search-header { max-width: 75%; } } @media (min-width: 993px) and (max-width: 1024px) { .text-empresa .container { padding-left: 0px !important; font-size: 16px !important; padding-right: 48% !important; line-height: 30px !important; } .footer .copy .text { margin-right: 20px !important; } .empresa { background: #dddddd; } .footer .cols .box:last-child img { width:100%; } .newsletter { width: 100% !important; } .footer .cols .box:nth-child(1) {/* margin-right: 66px; */} .bg-foto { text-align: center; margin-bottom: -270px !important; width: 80% !important; margin-left: -50px; } .footer .title { /* font-size: 16px !important; */ } .newsletter form { /* width: calc(60%) !important; */ align-items: center; } .logo-end { margin: 20px auto !important; text-align: center; } .banners-end { margin-bottom: 44px; } .empresa h3 { width: 80%; margin: 0 auto; } .footer .cols .box:nth-child(2) {/* margin-right: 210px; */} .newsletter .text { display:flex; flex-direction: column !important; } .footer .cols .box{ width: auto !important; } } @media (max-width: 767px) { .page-info-product .list a { font-size: .938rem; white-space: nowrap } .compreJunto form { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .compreJunto form .fotosCompreJunto { width: 100%; padding: 0 0 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .produto { width: 100%; max-width: 300px } .fotosCompreJunto .plus { width: 100%; -webkit-transform: initial; -ms-transform: initial; transform: initial; text-align: center; line-height: .8; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .precoCompreJunto { width: 100%; padding: 0 10px } .relative-area .product-name { font-size: 1rem; line-height: 1.25 } #lista_criar td { display: block; padding: 5px 0 } .vitrineVisitados>li { width: 100% } } #preco_atual[value="0.00"]+#preco { border: 1px solid var(--color_border); padding: 28px 32px; border-radius: 18px; margin-top: 30px } #preco_atual[value="0.00"]+#preco br:first-of-type { display: none } .botao-sob-consulta { font-size: 0; line-height: 0 } .botao-sob-consulta::before { content: "Produto sob consulta"; font-weight: 700; font-size: 1.125rem; display: block; line-height: 1.25 } .botao-sob-consulta::after { content: "Preencha o nosso formul\00E1 rio de produtos sob consulta."; font-weight: 400; font-size: .875rem; display: block; line-height: 1.25 } .botao_tire_duvidas { margin-top: 25px; font-size: 0; line-height: 0 } .botao_tire_duvidas::before { content: "Preencher formul\00E1 rio"; font-size: .875rem; display: block; line-height: 48px } #coments h2 { font-size: 1.125rem; font-weight: 600 } #coments { font-size: .875rem } #coments .botao-commerce { margin-top: 20px } #email_coment { margin-bottom: 10px } #email_coment, #nome_coment { margin-bottom: 10px; background: #fff; margin-left: 5px } #coments a { text-decoration: underline } .rateBlock .stars { display: -webkit-box; display: -ms-flexbox; display: flex } .rateBlock .starn { width: 14px; height: 14px; margin-right: 5px; cursor: pointer } #coments h3 { font-size: .875rem; margin-bottom: 5px; font-weight: 600 } #coments .board { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } #coments .board>h2:first-child { margin-top: 40px } #coments .blocoSucesso~* { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1 } .hreview-comentarios { margin-top: 20px; padding: 10px 20px; background: var(--bg_box_product); color: var(--color_box_product) } .hreview-comentarios h3 { font-size: 1.125rem!important; font-weight: 700!important; color: var(--color_primary) } .hreview-comentarios h4 { font-size: .75rem } .hreview-comentarios h3 { font-size: 1rem!important; font-weight: 700!important } .hreview-comentarios .ranking { margin: 10px 0 5px; font-weight: 700; color: var(--color_second) } .hreview-comentarios .description { margin: 5px 0; font-size: .875rem } .col-content .description { margin: 20px 0 } .catalog-empty { padding: 40px 0; font-size: 1.125rem; font-weight: 600; text-align: center } .application>.box-fixed { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 12; opacity: 0; visibility: hidden } .application>.box-fixed.active { opacity: 1; visibility: visible } .application>.box-fixed .close-modal { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100% } .application>.box-fixed .center { height: 100%; width: 100%; overflow: auto; padding: 20px 0 } .application>.box-fixed .box-white { background: #fff; padding: 21px 28px; width: calc(100% - 40px); max-width: 305px; margin: auto; position: relative; -webkit-transform: scale(.6); -ms-transform: scale(.6); transform: scale(.6); -webkit-transition: cubic-bezier(.54, -.65, .48, 1.64) .3s; -o-transition: cubic-bezier(.54, -.65, .48, 1.64) .3s; transition: cubic-bezier(.54, -.65, .48, 1.64) .3s; -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .32); box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .32); z-index: 3; border-radius: 10px } .application>.box-fixed.active .box-white { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .catalog-header { margin: -10px 0 20px } .catalog-header img { display: block; max-width: 100%; margin: auto; transition: opacity ease-in-out .2s } .catalog-header a:hover img { opacity: .9 } .sidebar-category { width: 292px; padding-right: 26px; display: none; } .sidebar-category .center .box-white { width: 100% } .box-fixed .title { font-size: 1.125rem; font-weight: 700; margin-bottom: 10px; text-transform: uppercase; color: var(--color_primary) } @media (min-width: 1092px) { .sidebar-category+.col-content { width: 100%; } .sidebar-category+.col-content .showcase-catalog .list .item { /* width: calc(100% / 3); */ } } .button-filter { display: none } .box-fixed .list li li a { font-size: .75rem; line-height: 1.2; padding: 4px 0; display: inline-block } .filters-list { font-size: .75rem } .applied-filters { margin: 10px 0 } .applied-filters a { color: var(--color_second); fill: var(--color_second); font-weight: 600 } .applied-filters a svg { width: 8px; height: 8px; fill: inherit; margin-left: 10px } .box-fixed .sub-filter { font-size: .75rem; font-weight: 600; text-transform: uppercase; line-height: 1.2; padding: 18px 20px 18px 0; border-top: 1px solid var(--color_border); position: relative; cursor: pointer; display: block } .box-fixed .sub-filter::before { content: ''; display: block; height: 10px; width: 2px; background-color: var(--color_primary); position: absolute; right: 4px; top: 0; bottom: 0; margin: auto; -webkit-transition: ease-in-out .2s; -o-transition: ease-in-out .2s; transition: ease-in-out .2s } .box-fixed .sub-filter.active::before { opacity: 0 } .box-fixed .sub-filter::after { content: ''; display: block; width: 10px; height: 2px; background-color: var(--color_primary); position: absolute; right: 0; top: 0; bottom: 0; margin: auto } .box-fixed li:not(.sub) a.sub-filter::before, .sidebar-category li:not(.sub) a.sub-filter::after { display: none } .box-fixed .sub-filter ul, .box-fixed .sub-filter+ul { max-height: 0; overflow: hidden; -webkit-transition: opacity ease-in-out .2s, -webkit-transform ease-in-out .2s; transition: opacity ease-in-out .2s, -webkit-transform ease-in-out .2s; -o-transition: opacity ease-in-out .2s, transform ease-in-out .2s; transition: opacity ease-in-out .2s, transform ease-in-out .2s; transition: opacity ease-in-out .2s, transform ease-in-out .2s, -webkit-transform ease-in-out .2s; -webkit-transform: scale(1, .6); -ms-transform: scale(1, .6); transform: scale(1, .6); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; opacity: 0 } .box-fixed .sub-filter.active ul, .box-fixed .sub-filter.active+ul { max-height: none; overflow: unset; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; margin-bottom: 14px } .filters-list a { display: inline-block; padding: 5px 0; line-height: 1; -webkit-transition: color ease-in-out .2s; -o-transition: color ease-in-out .2s; transition: color ease-in-out .2s } .filters-list a:hover { color: var(--color_second) } .filters-list label { cursor: pointer; padding: 5px 0 } .space-radio { padding: 3px 0 } .filters-list input[type=checkbox] { position: absolute; left: 0; z-index: -1; opacity: .001; width: 0; height: 0 } .filter-button { margin: 10px 0; width: 100% } .icon-radio { width: 18px; height: 18px; border: 1px solid #707070; opacity: .5; position: relative; margin-right: 14px; display: block } .icon-radio::before { content: ''; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 10px; height: 10px; background-color: #707070; opacity: 0; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s } .filters-list input:checked~.icon-radio::before { opacity: 1 } .box-fixed .close-box { position: absolute; right: 17px; top: 23px; width: 12px; height: 12px; display: none; cursor: pointer } .col-content .breadcrumb { margin: 0 0 14px; } .catalog-name { font-size: 1.375rem; font-weight: 700; text-transform: uppercase; color: var(--color_primary); -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .bar-info-catalog { padding: 21px 0; border-top: 2px solid var(--color_border); /* border-bottom: 2px solid var(--color_border) */ } .catalogo-form-filtros { font-size: .75rem } .catalogo-form-filtros label:not(:first-child) { padding-left: 10px; font-size: 0 } @media (min-width: 992px) { .catalogo-form-filtros label:not(:first-child)::before { content: 'Ordenar por:'; font-size: 1.125rem; font-weight: 700; color: var(--color_primary); padding-right: 20px } .div-title { height: 4px; width: 4px; background: #6ec630; border-radius: 30px; margin-top: 8px; } .social-bar .list-option a {font-size: 13px;font-weight: 300;margin: 0px 10px;color: #fff;} .social-menu .list-option a {font-size: 13px;font-weight: 300;margin: 0px 10px;color: #fff;} } .catalogo-form-filtros label.filtro-ordem+label { display: none } .catalogo-form-filtros select.select { background-color: var(--bg_input); padding-left: 14px; height: 26px; font-size: .75rem; min-width: 140px } .catalog-cols .col-content:first-child { width: 100% } @media (max-width: 991px) { .col-content { width: 100% } } @media (max-width: 460px) { .catalogo-form-filtros { text-align: center } .catalog-cols .catalogo-form-filtros select.select { margin: 10px 0 } .button-filter { margin-bottom: 10px } } .product-related { margin: 65px 0 0; padding: 1px 0 50px; background-color: var(--bg_title); position: relative; z-index: 3 } .product-related:last-of-type { margin-bottom: -60px } .showcase-catalog { margin: 18px 0 } .showcase-catalog .list { margin: 0 -15px } .showcase-catalog .list .item { width: calc(100% / 4); padding: 0 15px 0; margin-bottom: 55px; } .showcase-catalog .list .item.hover { position: relative; z-index: 5 } .paginate-links .page-current { width: 42px; height: 42px; background-color: #222; color: #fff; display: inline-block; text-align: center; line-height: 42px; font-size: .875rem; font-weight: 600; margin: 0 4px; border-radius: 4px } .paginate-links .page-link a { min-width: 42px; padding: 0 4px; height: 42px; background-color: #fff; color: #707070; fill: #707070; display: inline-block; text-align: center; line-height: 38px; font-size: .875rem; font-weight: 600; border: 2px solid #707070; margin: 0 4px; white-space: nowrap; -webkit-transition: background-color ease-in-out .3s; -o-transition: background-color ease-in-out .3s; transition: background-color ease-in-out .3s; border-radius: 4px } .paginate-links .page-link:not(.page-next):not(.page-prev) a:hover { background-color: #efefef } .paginate-links .arrow { position: static; display: inline-block; vertical-align: -2px } .paginate-links .page-next a, .paginate-links .page-prev a { font-size: .875rem; text-transform: uppercase; border-color: #fff; transition: ease-in-out .3s } .paginate-links .page-next a:hover, .paginate-links .page-prev a:hover { opacity: .8 } .paginate-links .page-next a svg { margin-left: 5px; fill: inherit; width: 13px; height: 13px } .paginate-links .page-prev a svg { margin-right: 5px; fill: inherit; width: 13px; height: 13px } .paginate-links .page-current { width: 42px; height: 42px; background-color: var(--color_primary); color: #fff } @media (max-width: 1091px) { .showcase-catalog .list .item { width: calc(100% / 3) } .bar-info-catalog { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .bar-info-catalog .system-filter { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1 } .catalogo-form-filtros label { font-size: 0 } .hide-menu, .sidebar-category { display: none } .box-fixed .close-box { display: block } .button-filter { display: block; height: 52px; border: 1px solid var(--border_input); width: 210px; text-align: center; line-height: 50px; font-weight: 600; font-size: 1rem; cursor: pointer; border-radius: 26px } .catalogo-form-filtros select.select { height: 52px; font-weight: 600; font-size: 1rem; text-align: center; margin: 20px 0 20px; width: 210px; text-align: center } .bar-info-catalog .system-filter { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .breadcrumb { display: none } .catalog-name { font-size: 1rem } } @media (max-width: 767px) { .showcase-catalog .list { margin: 0 -5px } .showcase-catalog .list .item { padding: 0 5px 10px } } @media (max-width: 650px) { .showcase-catalog .list .item { width: calc(100% / 2) } } @media (max-width: 464px) { .showcase-catalog .list.one-column .item { width: 100% } } @media (max-width: 470px) { .catalogo-form-filtros label:not(:first-child) { padding: 0 } .bar-info-catalog .system-filter { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .paginate-links .page-next, .paginate-links .page-prev { display: none } } :not(.container2)>.board>h1 { font-size: 2rem; text-transform: uppercase; color: var(--title_list) } .page-depoimentos .board h1 { margin-bottom: 30px; color: var(--title_list) } #vitrine-catalogo h3 { font-size: 1rem } #vitrine-catalogo .blocoAlerta { text-align: center } #vitrine-catalogo { padding: 30px 0 0 } .page-search h1.color { margin-top: 30px; text-align: center } .page-search #Vitrine fieldset { border: 0; padding: 0; margin: 14px 0 } .page-search #Vitrine fieldset p { margin: 30px 0 } .page-search #Vitrine fieldset input[name=palavra_busca] { display: block; margin: 5px 0 } .page-search #Vitrine form input[type=checkbox] { margin: 7px 5px 7px 0 } .page-search #Vitrine #preco_ini { margin-right: 15px } .page-search #Vitrine form { max-width: 600px; margin: 0 auto } .Seguro { display: none } .page-login .titulo-login { display: none } .page-login .carrinho-heading { display: none } .page-login .page-content .board { display: flex } .caixa-cadastro, .caixa-login { border: 1px solid var(--color_border); padding-top: 20px; max-width: 550px; width: 100%; margin: 0 30px 40px; padding: 30px; border-radius: 8px } .caixa-cadastro fieldset, .caixa-login fieldset { border: 0; padding: 0 } .caixa-login fieldset { margin-top: 10px } .caixa-cadastro p:first-child { display: block; margin: 10px 0; width: 100% } .caixa-cadastro fieldset input { width: 100%; display: block } .caixa-cadastro fieldset .botao-novo-cadastro { line-height: 52px; margin-top: 10px } @media (max-width: 767px) { .page-login .page-content .board { flex-direction: column } .caixa-cadastro, .caixa-login { margin: 20px 0 } } .page-register .board h1 { text-align: center; margin: 0 0 20px } .page-register #CadastroAbas { text-align: center; margin: 0 0 20px } .page-register #CadastroAbas li { display: inline-block; margin: 0 10px 5px } .page-register #CadastroAbas li a { border: 1px solid var(--color_border); font-size: .875rem; width: 137px; text-align: center; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; display: inline-block; line-height: 40px; border-radius: 8px } .page-register #CadastroAbas li.aberta a { background-color: var(--bg_button_primary); color: #fff; border-color: var(--bg_button_primary) } .page-register h2 { font-size: 1rem; text-align: center } .page-register #frm2 { text-align: center } .page-register .page-content fieldset { border: 0; margin: 20px auto 0; width: 100%; max-width: 450px; border: 1px solid var(--color_border); padding: 20px; font-size: .875rem; border-radius: 8px; text-align: left } .page-register .topBorder+.board { text-align: center; margin: 20px 0 0 } #fisica, #juridica { margin: 20px 0 0 } .page-register .page-content fieldset label { display: block; margin: 5px 0 0 } .page-register .page-content fieldset b, .page-register .page-content fieldset strong { font-weight: 600 } .page-register fieldset input[type=email], .page-register fieldset input[type=password], .page-register fieldset input[type=tel], .page-register fieldset input[type=text], .page-register fieldset select { margin: 4px 0 0; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s } .page-register fieldset input[type=email]:focus, .page-register fieldset input[type=password]:focus, .page-register fieldset input[type=tel]:focus, .page-register fieldset input[type=text]:focus { -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .1); box-shadow: 0 2px 5px rgba(0, 0, 0, .1) } .page-register fieldset input[size="40"], .page-register fieldset input[size="50"] { width: 100% } fieldset { border: 0 } .blocoAlerta { padding: 5px 0; font-size: .75rem; color: #da0808; margin: 5px 0; display: block } .mensagensErro { color: #da0808; font-size: .75rem; padding: 4px 0 4px; display: inline-block } @media (max-width: 480px) { .page-register .page-content fieldset { border: 0; padding: 0 } } #lightwindow, #lightwindow_overlay { display: none } .sidebar-central { width: 250px; margin-right: 30px } .sidebar-central h4 { font-weight: 600; font-size: .9rem; margin: 10px 0 4px } .sidebar-central a { font-size: .875rem; display: inline-block; margin: 4px 0 } .central-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px } .col-panel { width: calc(100% - 280px); font-size: .875rem } .col-panel h1, .col-panel h2 { font-size: 1rem; font-weight: 600; margin: 0 0 10px } .col-panel .icoPai { width: 100%; margin: 20px 0 0; padding: 0 10px } .col-panel .icoFilho { padding: 0 10px; display: inline-block; text-align: center } .icoFilho .bgcolor { background: var(--color_text) } @media (max-width: 550px) { form[action*=central_premiacao_historico] input { width: 100%; display: block; max-width: 300px; margin-bottom: 10px } } .col-panel .icoPai img { display: none } .central-icons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .central-icons a { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; display: block; padding-bottom: 20px; position: relative; z-index: 2; width: 100%; text-align: center } .central-icons p { margin-top: -15px } .col-panel .tablePage { border: 1px solid #e4e4e4 } .col-panel b, .col-panel strong { font-weight: 600 } .col-panel .tablePage td, .col-panel .tablePage th { border: 1px solid #e4e4e4; padding: 5px } .table-overflow { overflow: auto; width: 100% } @media (max-width: 991px) { .col-panel { width: 100%; margin: 20px 0 } .sidebar-central { width: 100%; margin: 0 } .line-panel { display: block } } .page-contact .board h1 { font-size: 1.375rem; text-align: center; margin: 0 0 5px } .page-contact .page-content { font-size: .875rem } .page-contact .page-content h3 { font-size: 1.188rem; margin: 20px 0 8px } .page-contact .page-content .block { display: block } .page-contact .page-content #imagem { display: none } .page-contact .board>p { font-size: .875rem; text-align: center; margin: 0 0 24px } .page-contact .page-content .container { max-width: 710px } .email-texto::before { content: ''; display: block } .page-contact .page-content label.block { display: block; margin: 0 0 20px } .page-contact .page-content .block span.block { display: block; margin: 0 0 4px } .page-contact .page-content label.block>span:not([class]) { display: none } .page-contact .page-content .textarea, .page-contact .page-content input.text { width: 100%; max-width: 100% } .page-contact .page-content .box-captcha { display: -webkit-box; display: -ms-flexbox; display: flex } .page-contact .page-content .box-captcha #captcha-loader { margin-top: 8px } .page-contact .page-content input#texto_captcha { width: calc(100% - 126px); margin-left: 20px } .page-contact .container2+.board { margin: 20px 0 0; border-top: 1px solid #efefef; padding: 2px 0 10px } .page-contact .board .botao-commerce { line-height: 42px; width: 125px; font-size: .938rem } .page-contact .page-content .msg-obriga { display: block; margin: 5px 0 20px } @media (max-width: 767px) { .page-contact .page-content h3 { font-size: 1rem } } .page-noticia .dataNoticia { font-size: .75rem } .page-noticia .board .dataNoticia+h2 { font-size: 2rem; font-weight: 700; margin: 5px 0 30px; color: var(--title_list); text-decoration: none } .page-noticia .board img { float: left; max-width: 100%; margin-bottom: 15px; margin-right: 30px; border-radius: 8px } @media (max-width: 480px) { .page-noticia .board img { display: block; margin: 0 auto 15px; float: none } } .page-noticia .board p { font-size: .875rem; margin-bottom: 15px } #listaCategoriasNoticias { display: flex; margin-bottom: 20px; font-size: 0; margin-top: 20px } #listaCategoriasNoticias li a { font-size: 1rem; margin-right: 20px } .page-busca_noticias .board .left { margin: 20px 0 0; font-size: .875rem } @media (max-width: 767px) { .noticias .arrow { width: 14px; height: 14px; fill: var(--color_primary) } .noticias .arrow .icon { width: 14px; height: 14px; fill: var(--color_primary) } .noticias .arrow.prev { left: -5px } .noticias .arrow.next { right: -5px } } .footer { background: var(--color_footer); margin-top: 20px; } .page-home .footer { /* padding-top: 120px; */ margin-top: 0px; } .bg-foto { text-align: center; width: 100%; } .bg-foto img { z-index: 99; position: relative; width: 29.45%; margin-left: -1%; } .text-empresa { } .text-empresa .container { font-size: 20px; font-weight: 300; line-height: 39px; padding-right: 28%; } .newsletter { /* margin: 30px 0 0 !important; */ /* border-bottom: 1px solid var(--color_border_footer); */ padding: 30px 0px; position: relative; z-index: 1; text-align: center; margin: 0 auto; display: flex; flex-direction: column; width: 42%; } .insta-footer { position: relative; z-index: 1; } .footer .container { } .footer .container { } .footer .copy .container { flex-direction: row; display: flex; border-top: solid 1px #a3a3a3; padding-top: 30px; } .insta-foto img { width: 100%; } .insta-footer .container { display: flex; flex-direction: row; justify-content: center; align-items: center; text-align: center; padding: 0; } .insta-title {background: transparent;color: #06344d;display: flex;flex-direction: column;justify-content: center;align-items: center;/* height: 226px; */padding: 35px;line-height: 5px;fill: #fff;font-size: 40px;font-weight: 700;} .insta-title svg { width: 34px; height: 34px; fill: #06344d; } .newsletter.color_true { border: 0 } .newsletter.color_true::before { content: ''; background: transparent; display: block; position: absolute; top: 0; left: 50%; width: 100%; height: 100%; /* background-color: var(--color_footer_newsletter); */ /* background-image: linear-gradient(to right, var(--color_footer_newsletter), var(--color_footer_newsletter_second)); */ z-index: -1; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 100vw; } .footer .copy.simple-footer { border: 0 } .footer .copy .text { max-width: 410px; text-align: left; font-size: 12px; display: flex; margin-right: 110px; color: #000; } .newsletter.simple-footer~.cols { padding: 1.95rem 0 .8rem } .newsletter.simple-footer~.cols .social { padding: 0 } .newsletter .text {text-align: c;line-height: 44px;/* width: 50%; */} .newsletter .ic-news { width: 69px; height: 40px; display: block; fill: var(--color_footer_newsletter_text); margin-right: 8px } .newsletter form { width: calc(100%); align-items: center; } .newsletter input.text { background: var(--color_footer_newsletter_input); height: 47px; border-radius: 10px; width: calc(100% - 0px); display: block; font-size: 14px; border: 0; text-align: left; font-weight: 400; margin-right: 0; color: #000000; /* color: var(--color_footer_newsletter_input_color); */ } .newsletter input.text::-webkit-input-placeholder { color: var(--color_footer_newsletter_input_color); opacity: .6 } .newsletter input.text:-ms-input-placeholder { color: var(--color_footer_newsletter_input_color); opacity: .6 } .newsletter input.text::-ms-input-placeholder { color: var(--color_footer_newsletter_input_color); opacity: .6 } .newsletter input.text::placeholder { color: var(--color_footer_newsletter_input_color); opacity: .6 } .newsletter .news-button { /* background: var(--color_button_footer); */ font-size: 0; font-weight: 600; background: url(../img/assinar.png) no-repeat center; color: #fff; border-radius: 0; width: 205px; height: 51px; margin: 0px 0 0; text-align: center; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; /* color: var(--color_text_button_footer); */ } .newsletter .news-button:hover { /* background-color: var(--color_button_hover_footer) */ } .newsletter .first { /* color: var(--color_footer_newsletter_text); */ font-weight: 300; font-family: 'Montserrat', sans-serif !important; font-size: 16px; color: #346d5c; text-transform: uppercase; } .newsletter .last { /* color: var(--color_footer_newsletter_text); */ font-weight: 700; font-size: 55px; letter-spacing: 1px; font-family: "OldPress"; color: #005339; } .footer .social:empty { display: none } .footer .social a { display: flex; align-items: center; margin-bottom: 10px } .footer .dot { border-radius: 50%; width: 38px; height: 38px; background: var(--social_bg); text-align: center; display: block; font-size: 0; /* margin: 0 12px 0 0; */ -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; border: solid 2px #235e4c; } .footer a:hover .dot { /* background-color: var(--social_bg_hover) */ opacity: 0.5; } .footer .dot::before { content: ''; display: inline-block; height: 100%; vertical-align: middle } .footer .dot .icon { vertical-align: middle; width: 21px; height: 21px; /* fill: var(--social_color); */ margin: auto; fill: #235e4c; display: inline-block; } .footer .cols { padding: 50px 0 20px; } .pagamento-end, box-selos { width: 25%; } .footer .cols .box:last-child { /* width: 100% */ width: 31%; } .box-pagamento { margin-bottom: 10px; } .footer .cols .box:last-child .title { /* display: none */ } .footer .title { font-size: 32px; font-weight: 300; letter-spacing: 0px; line-height: 1.58; color: var(--color_title_footer); margin-bottom: 10px; text-transform: uppercase; font-family: "OldPress"; } .footer .t, .footer .v, .footer li a { color: var(--color_text_footer); } .footer li a { line-height: 1.5; display: inline-block; font-weight: 500; font-size: 1.1rem; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; padding-bottom: 8px; font-size: 13px; } .footer li a:hover, .footerd a:hover { color: var(--color_text_footer_link) } .footer .box-info .v:hover, .footer a:focus, .footer a:hover { opacity: 1 } .footer .t { font-weight: 500; font-size: 13px; } .footer .v { font-weight: 500; font-size: 13px; } .footer .v.large { font-weight: 500; font-size: 13px; color: #000; } .footer .box-info { margin-bottom: 11px; max-width: 260px; line-height: 26px; } .footer a.box-info:hover .t, .footer a.box-info:hover .v { opacity: 1 } .footer .box-info .icon { width: 33px; height: 32px; border-radius: 30px; border: solid 2px #235e4c; text-align: center; padding: 4px; margin-right: 6px; } .footer .box-info .icon svg { /* fill: var(--color_icon_footer); */ width: 18px; height: 17px; fill: #235e4c; } .footer .overflow+.title { margin-top: 30px } .payment-list { /* margin: 30px -5px 0; */ } .payment-list img { width: 42px; height: 27px; margin: 2px; } .payment-list li { /* padding: 4px 5px 0 */ } .foo-seals { width: 390px; display: flex; flex-direction: row; } .foo-seals li {} .foo-seals li { display: flex; flex-direction: row; } .foo-seals .google {flex-direction: column;width: 35% !important;margin: 0px 10px;text-align: left;} .foo-seals .google .icon-text { fill: var(--color_text_footer) } .foo-seals .google .icon-safe { fill: #00ad29 } .foo-seals a { opacity: 1!important } .foo-seals li:not(:last-child) {width: 19%;} .foo-seals .google>a:first-child { display: block; } .footer .copy { /* background: var(--color_border_footer); */ padding: 20px 0; font-size: 12px; /* color: var(--color_bar_text_footer); */ color: #000000; font-weight: 500; text-align: center; margin-top: 0; opacity: 1; } .footer .copy .dev { font-size: 12px; text-align: left; display: flex; line-height: 29px; } .dev a img { margin: 0px 25px 0px 5px; } .footer .copy .dev svg { width: 92px; display: block; margin-top: 3px; fill: var(--color_bar_text_footer) } #NavLogoTray { color: var(--color_text_footer); text-align: center; font-size: 12px; } #NavLogoTray .timelogotray { display: none } .footer .title svg { display: none } @media (max-width: 950px) { .footer li a { padding-bottom: 14px } .newsletter { display: flex; flex-direction: column; padding: 0px 0; } .newsletter .text { text-align: center; width: auto; margin: 0 0 8px } .newsletter .news-button { height: 51px; /* margin: 0 auto; */ display: block; margin: 0; width: 236px; } .newsletter form { max-width: 90%; width: 100%; margin: 30px auto 0; } .newsletter input.text { width: 100%; text-align: left; margin: 0; height: 47px; } .newsletter form { /* display: block */ margin: 0px auto 0; } .section-avaliacoes { margin-bottom: -26px } .footer .cols { flex-direction: column } .footer .box--social { /* order: 4; */ margin-top: 28px; border-top: solid 1px rgba(223, 223, 223, .5); border-bottom: solid 1px rgba(223, 223, 223, .5); } .footer .box--social .title { display: none } .footer .social { padding: 23px 0 } .footer .social a::after { display: none } .footer .social { display: flex; justify-content: center; margin-bottom: -10px } .footer .dot { margin: 0; width: 34px; height: 34px } .footer .social a { margin: 0 5px 10px } .footer .box:last-child { order: 5; width: 100% !important; } .pagamento-end, .box-selos, .selos-end { width:100%; } .footer .overflow { max-height: 0; overflow: hidden; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; opacity: 0; margin: 0 -10px; padding: 0 10px; -webkit-transform: scale(1, .6); -ms-transform: scale(1, .6); transform: scale(1, .6); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top } .footer .title.active+.overflow { max-height: 350px; opacity: 1; padding-top: 10px; margin-bottom: 18px; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1) } .footer .title { cursor: pointer; margin-top: 10px!important; margin-bottom: 7px; position: relative; display: flex; justify-content: space-between; align-items: center; } .footer .title svg { fill: var(--color_title_footer); display: block; width: 12px; height: 12px; /* fill: #fff; */ } .footer .cols { padding: 20px 0; border-top: solid 1px #404040; } .footer .social { padding: 14px 0 } .newsletter .text { text-align: left; width: 100%; } .newsletter .first { font-size: 0; padding: 0; } .newsletter .last { } .footer .copy .container { display: flex; flex-direction: column; text-align: center; align-items: center; } .footer .copy { font-size: 14px; padding: 0px 0 0; } .footer .copy .text { max-width: 100%; text-align:center; margin: 0px; } .footer .copy .dev { margin: 20px 0; text-align: center; } } .mode-preview { margin: 10px 0 0 } .filter__list { overflow: hidden; padding-bottom: 14px } .filter__block:last-of-type { border-bottom: solid 2px var(--color_border) } .filter__title.active+.filter__list { height: 0; padding-bottom: 0 } .filter__title { margin: 0 0 14px; font-size: 1rem; font-weight: 600; padding-top: 12px; border-top: solid 2px var(--color_border); display: flex; align-items: center; justify-content: space-between; cursor: pointer; -webkit-user-select: none; color: var(--color_primary) } .filter__title .show { width: 10px; height: 10px; display: flex; align-items: center; position: relative } .filter__title .show::before { content: ''; display: block; width: 100%; border-top: 2px solid var(--color_primary) } .filter__title:not(.active) .show::after { content: ''; display: block; height: 100%; width: 0; border-left: 2px solid var(--color_primary); position: absolute; left: 0; right: 0; margin: 0 auto } .filter__name, .filter__text { font-size: .75rem } .filter__button { width: 100%; background-color: var(--button_details); color: #fff; font-size: 1rem; font-weight: 700; text-align: center; line-height: 50px; text-transform: uppercase; margin: 20px 0; border-radius: 25px } .filter__button:hover { opacity: .9 } .filter__input { position: absolute; pointer-events: none; z-index: -1; opacity: 0 } .filter__label { -webkit-transition: color ease-in-out .2s; -o-transition: color ease-in-out .2s; transition: color ease-in-out .2s; display: flex; align-items: center; margin-bottom: 5px } .filter__label .check { width: 12px; height: 12px; border-radius: 2px; border: solid 1px var(--bg_button_primary); background-color: #fff; display: block } .filter__input:checked+.filter__label .check { background: var(--bg_button_primary) } .filter__label .filter__name { cursor: pointer; margin: 0 5px 0 8px; font-size: .875rem } .filter__label .filter__name:hover { color: var(--color_primary) } .lista_presentes table { font-size: .875rem } .lista_presentes b, .lista_presentes strong { font-weight: 600 } .lista_presentes th { font-size: .875rem; font-weight: 600; padding: .6rem } .lista_presentes td { padding: .6rem } .lista_presentes select.select { width: 100%; margin-bottom: .65rem; min-width: 295px } .lista_presentes td a { width: 100px; display: block; float: left } .lista_presentes td a img { max-width: 100% } .lista_presentes td a+strong { display: inline-block; vertical-align: middle; width: calc(100% - 104px); font-size: .75rem; max-width: 250px } .lista_presentes textarea { border: 1px solid #e4e4e4; padding: 14px; border-radius: 0; color: #565656; width: 100%!important; display: block; margin-top: .25rem } .lista_presentes li:last-child { margin-bottom: .938rem } #form_presentes .relative-button { float: right } #form_presentes .botao-commerce { display: inline-block } @media (max-width: 991px) { #form_presentes { display: block; max-width: 450px; width: 100%; margin: auto } .lista_presentes li:not([class]):first-child { display: none } .lista_presentes td { display: block; width: 100%!important } } .page-content .style1 { font-size: .875rem!important } .campoform:not([type=checkbox]) { margin: .675rem 0 } .page-extra table[style="width: 700px"] { width: 100%!important } @media (max-width: 767px) { .page-extra form[action*="afiliados.php?loja="] table td { display: block } } .fixed-contact { position: fixed; left: 15px; bottom: 40px; font-size: 1rem; z-index: 9; display: -webkit-box; display: -ms-flexbox; display: flex } .fixed-contact.right-position { left: auto; right: 15px } .fixed-contact a { width: 3.125em; height: 3.125em; fill: #fff; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s } .fixed-contact a.whats { background-color: #25d366 } .fixed-contact a.whats:hover { background-color: #1bb554 } .fixed-contact a.tel { background-color: var(--color_primary) } .fixed-contact a:nth-child(n+2) { margin-left: .875rem } .fixed-contact a svg { display: block; fill: inherit; width: 1.75em; height: 1.75em } .fixed-contact a.whats svg { display: block; stroke: #fff; stroke-width: .065em } @media (max-width: 767px) { .fixed-contact { left: 10px; font-size: .875rem } } #texto-termo { margin-bottom: 10px; font-size: .875rem } #texto-termo p { margin-bottom: 14px } .msg-aceita-termo { font-size: .875rem } .add-cart-modal .box-center { width: 95%; max-width: 800px } .box-add-cart .box-image { width: 50% } .box-add-cart .box-info { width: 50%; padding-left: 20px; font-size: .875rem } .box-add-cart .box-image img { max-width: 100%; max-height: 450px; display: block; margin: auto } .box-add-cart .box-info .name { font-size: 1.25rem; margin-bottom: .875rem; font-weight: 600 } .box-add-cart .box-info .sku { margin-bottom: 1rem } .box-add-cart .box-info .sku strong { font-weight: 600 } .box-add-cart .price { font-size: .75rem; font-weight: 400; position: relative; display: inline-block } .box-add-cart .price::before { content: ''; display: block; position: absolute; top: 0; left: 20px; right: -2px; bottom: 0; margin: auto; height: 1px; background-color: var(--color_primary) } .box-add-cart .price-promotion { font-size: 1.375rem; font-weight: 700; color: var(--preco_color) } .box-add-cart .payment .preco-avista, .box-add-cart .payment strong { font-weight: 600 } .box-add-cart .payment>br { display: none } .box-add-cart .terms { margin-top: 1rem; font-size: .75rem } .action-add { margin: 1.25rem 0 0 } .action-add .add-cart { line-height: 52px; width: 100%; font-size: 1rem; font-weight: 700; background-color: var(--button_buy) } .action-add .add-cart:hover { background-color: var(--button_buy_hover) } .box-add-cart .quant { position: relative; width: 130px; margin-right: 15px } .box-add-cart .quant input { width: 100%; background: #f3f3f3; border: 0; font-size: 1.125rem; font-weight: 600; text-align: center; color: var(--color-second); border-radius: 4px; height: 52px; display: block } .add-cart-modal .list-variants { margin-top: 1rem } .add-cart-modal .select { padding-right: 30px!important } .increment-page { width: 100%; margin: -52px 0 0; height: 52px; position: relative } .increment-page .increment { position: absolute; top: 0; height: 100%; width: 28px; bottom: 0; margin: auto; cursor: pointer } .increment-page .increment .icon { position: absolute; top: 0; height: 10px; width: 10px; bottom: 0; left: 0; right: 0; margin: auto } .increment-page .increment .icon::before { content: ""; display: block; height: 2px; width: 100%; background: var(--color_second); position: absolute; top: calc(50% - 1px); left: 0 } .increment-page .increment:not(.low) .icon::after { content: ""; display: block; width: 2px; height: 100%; background: var(--color_second); position: absolute; top: 0; left: calc(50% - 1px) } .increment-page .increment.low { left: 0 } .increment-page .increment.add { right: 0 } @media (max-width: 767px) { .box-add-cart { display: block } .box-add-cart .box-image { width: 100%; margin-bottom: 20px } .box-add-cart .box-info { width: 100%; padding: 0 } .add-cart-modal .select { width: 100% } .product .image { position: static; margin: 0 } .product .add-to-cart { bottom: 10px; opacity: 1; visibility: 1 } .section-showcase { padding: 10px 0 } .compare-buttons { margin: 5px 0 } } .progressive { margin: 10px 0; font-size: .75rem; text-align: center } .banner-header img { display: block; margin: auto; max-width: 100% } .mosaic { position: relative } .mosaic img { display: block; width: 100%; transition: ease-in-out .3s; position: absolute; top: 0; left: 0; min-height: 1px } .mosaic a { display: block; overflow: hidden; position: relative } .mosaic a::before { content: ''; display: block; padding-bottom: 102.315% } .mosaic .item:nth-child(1) a::before { padding-bottom: 102.5% } @media (min-width: 550px) { .mosaic::before { content: ''; display: block; padding-bottom: 50.446% } .mosaic .item { position: absolute } .mosaic a:focus img, .mosaic a:hover img { transform: scale(1.035) } .mosaic .item:nth-child(2) { right: 25.4%; width: 24%; top: 0 } .mosaic .item:nth-child(3) { right: 0; width: 24%; top: 0 } .mosaic .item:nth-child(4) { right: 25.4%; width: 24%; bottom: 0 } .mosaic .item:nth-child(5) { right: 0; width: 24%; bottom: 0 } .mosaic .item:nth-child(1) { left: 0; width: 49.32%; top: 0 } } @media (max-width: 549px) { .mosaic { display: flex; flex-wrap: wrap; justify-content: space-between } .mosaic .item { width: calc(50% - 5px); margin-bottom: 10px } .mosaic .item:first-child { width: 100%; order: -1 } } .page-content:not(.not-padding) { padding-top: 10px; padding-bottom: 10px; } .page-busca_noticias hr { border: 0 } @media (max-width: 991px) { .page-content:not(.not-padding) { padding-top: 20px } } .modal-theme.comments-modal .box-center { max-width: 800px } .section-box.comments h2 { font-size: 1.125rem; color: var(--color_primary); text-transform: uppercase; text-align: center } .section-box.comments { display: flex; flex-direction: column } .section-box.comments .line~* { order: -1 } .section-box.comments div.title { display: none } .section-box.comments .title+h2 { margin-top: 30px } .section-box.comments [data-logged-user=false]:not(.tray-hide) { text-align: center; display: block } .section-box.comments .botao-commerce { margin-top: 20px; display: block; width: 200px } @media (min-width: 992px) { .page-catalog .page-content, .page-search .page-content { padding: 20px 0; } .footer .cols .box { width: 21%; } } #ProdAbas li { font-size: 1.5rem; font-weight: 700; margin-bottom: 20px; color: var(--title_list); text-align: center; margin-bottom: 40px } .page-noticia #ProdBlock.prodBox { display: block; margin-top: 40px } #listaNoticiaProdutos { display: flex; flex-wrap: wrap } #listaNoticiaProdutos li { width: 25%; position: relative } #produto_imagem { float: left } #produto_imagem~* { margin-left: 100px } #produto_comprar { font-size: .875rem } #produto_comprar a img { display: none } #produto_comprar a::before { content: "Ver detalhes"; padding: 7px 14px; font-weight: 700; font-size: .875rem; text-transform: uppercase; color: #fff; border-radius: 25px; background-color: var(--bg_button_primary); display: inline-block; margin: 5px 0 6px } #produto_comprar a::after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100% } #produto_comprar .precoAvista { font-size: 1.25rem; font-weight: 700; font-family: 'Montserrat', sans-serif; } #produto_dados h3 { font-size: .875rem } #produto_dados p { display: none } @media (max-width: 1200px) { #listaNoticiaProdutos li { width: 33.33333%; margin-bottom: 20px } } @media (max-width: 767px) { #listaNoticiaProdutos li { width: 50% } } @media (max-width: 480px) { #listaNoticiaProdutos li { width: 100% } } .modal-box .title { font-weight: 700; font-size: 1.125rem; text-transform: uppercase; display: block } .modal-box .image img { max-height: 400px; display: block; max-width: none } @media (max-width: 991px) { .modal-box .image { display: none } } .modal-box .box-text { font-size: 1rem; line-height: 1.38; padding: 30px; text-align: center; background-color: var(--bg_popup_news); color: var(--text_popup_news); width: 350px; min-height: 350px; background: #395b49; } .modal-box .box-text .text-content { max-width: 266px; margin: 12px auto; color: #fff; } .modal-box .logo img { max-width: 200px; max-height: 118px; display: block } .modal-box input { max-width: 230px; width: 100%; display: block; margin: auto; height: 35px; text-align: center; margin-bottom: 8px } .modal-box .news-button { color: #fff; background-color: var(--bg_button_primary); border-radius: 20px; text-align: center; width: 120px; height: 35px; font-size: 11px; font-weight: 400; cursor: pointer; transition: ease-in-out .2s; margin-top: 8px } .modal-box .news-button:hover { background-color: var(--bg_button_primary_hover) } .modal-box .news-button.load { pointer-events: none } .modal-box .news-button.load::after { content: ''; display: inline-block; width: 14px; height: 14px; border-radius: 50%; border: 3px solid #fff; border-right-color: transparent; animation: rotate infinite linear .8s; margin-left: 6px; vertical-align: -2px } .modal-box .news-button:hover { background-color: var(--bg_button_primary_hover) } .success-news { font-size: 1rem; opacity: 0; transform: scale(.4); margin-bottom: 20px } .success-news.show { transition: cubic-bezier(.54, -.65, .48, 1.64) .3s; transform: scale(1); opacity: 1 } .success-news svg { width: 90px; height: 90px; fill: var(--header_icon_top); display: block; margin: 0 auto 0 } .visited-section { margin: 20px 0 20px; } .visited-section .visitados_produtos { display: flex; align-items: center; flex-wrap: wrap } .visited-section #produtos { display: flex; width: calc(100% - 220px); margin-left: -10px; flex-wrap: wrap } .visited-section #produtos ul { padding: 0 10px; margin: 10px 0 } .visited-section #produtos ul li { background: var(--bg_box_product); color: var(--color_box_product); padding-right: 5px; width: 300px } .visited-section #produtos ul li::after { content: ''; clear: both; display: block } .visited-section #produtos ul li>a { float: left; height: 90px; width: 90px; display: block } .visited-section #produtos ul li>:nth-child(n+2) { margin-left: 100px; display: block } .visited-section .ValoresLista { font-size: .89rem; } .visited-section .ValoresLista .precode { text-decoration: line-through; font-family: 'Montserrat', sans-serif; } .visited-section .ValoresLista .oculta_destaque { display: none } .visited-section .ValoresLista .precoAvista { font-weight: 700; font-family: 'Montserrat', sans-serif; } .visited-section .ValoresLista strong { font-family: 'Montserrat', sans-serif; } .visited-section #produtos img { display: block; margin: auto; width: 100%; } .visited-section .NomeProdLista { font-size: .875rem; margin: 10px 0 } .paginacao_ajax { order: 2; width: 200px } #visitados_itens, .clearVisiteds { display: none } .visited-section .paginacao_ajax_prod, .visited-section .total_produtos { font-size: 14px } #linksPag a { display: inline-block; line-height: 26px; width: 26px; text-align: center; color: #fff; background: var(--bg_button_primary); padding: 0 4px; margin: 0 4px } @media (max-width: 767px) { .visited-section .visitados_produtos { flex-direction: column; align-items: center } .visited-section #produtos { width: 100%; flex-direction: column; align-items: center } .paginacao_ajax { text-align: center; margin-top: 30px } } .modal-rastreio { margin-top: 12px } .modal-rastreio .rastreio .title { font-size: 1.125rem; margin: -6px 0 10px; text-align: center; font-weight: 700; text-transform: uppercase } .modal-rastreio input { width: 100%; display: block; height: 44px; font-weight: 600; font-size: .875rem; border: 1px solid var(--border_input); padding: 0 14px; color: var(--text_input); margin: 10px 0; text-transform: uppercase; font-family: inherit; -webkit-appearance: none; font-weight: 400; background: var(--bg_input); border-radius: 4px; text-align: center } .modal-rastreio .botao-commerce:not(.botao-sob-consulta) { background-color: var(--rastreio_button); border-radius: 4px; color: #fff!important; border-radius: 0; font-size: 1rem; line-height: 44px; padding: 0 20px; -webkit-transition: background-color ease-in-out .3s; -o-transition: background-color ease-in-out .3s; transition: background-color ease-in-out .3s; white-space: nowrap; font-weight: 700; text-align: center; width: 100%; cursor: pointer; border-radius: 4px } .page-newsletter .page-content { opacity: 0; visibility: hidden; transition: ease-out .2s } .page-newsletter .page-content.show { opacity: 1; visibility: visible } .page-newsletter .board h1 { margin-bottom: 1.875rem; font-size: 1.75rem; text-align: center; font-weight: 600; color: var(--color_titles) } .page-newsletter .board h1::after { content: ''; display: block; width: 62px; height: 4px; margin: 15px auto 0; background-color: var(--color_primary) } .page-newsletter .formulario-newsletter { display: flex; flex-direction: column; align-items: center; max-width: 600px; margin: 0 auto } .page-newsletter .formulario-newsletter p:first-child { margin-bottom: 1.875rem; text-align: center } .page-newsletter .formulario-newsletter p:first-child br { display: none } .page-newsletter .formulario-newsletter .box-captcha-newsletter { display: flex; align-items: center } .page-newsletter .formulario-newsletter .box-captcha-newsletter img { height: 39px } .page-newsletter .formulario-newsletter .box-captcha-newsletter input { border: solid 1px #dedede; background-color: #f5f5f5; height: 40px; margin-left: 10px; padding: 0 10px; font-size: 12px } .page-newsletter .formulario-newsletter .botao-commerce { text-transform: uppercase; font-weight: 600; margin-top: 1.875rem; display: block; margin: 1.875rem auto 0 } .page-newsletter .page-content.success-message-newsletter .board p:first-child { max-width: 600px; margin: 0 auto; text-align: justify } .page-newsletter .page-content.success-message-newsletter .board p:first-child br { display: none } .page-newsletter .page-content.success-message-newsletter .board p:first-child a { display: block; margin: 30px auto 0; width: 290px; text-align: center } @media (max-width: 767px) { .page-newsletter .board h1 { font-size: 1.25rem } .text-empresa{} .newsletter .align-center { display: block; } .header .cart-header .number { top: 10px; right: 0px; width: 20px; background: #332c31; color: #fff; font-size: .70rem; } .cart-header { background: url(../img/cart-mob.png) no-repeat left center; height: 41px; width: 53px; } .header .logo { margin: 0; margin-left: 5%; } .cart-header .icon, .cart-header span:after { display: none !important; } .page-newsletter .page-content.success-message-newsletter .board p { text-align: center } } @media (max-width: 575px) { .page-newsletter .formulario-newsletter .box-captcha input { width: calc(100% - 115px) } .page-newsletter .formulario-newsletter .botao-commerce { width: 100% } .page-newsletter .page-content.success-message-newsletter .board p:first-child a { width: 100% } } .page-depoimentos .page-content .botao-commerce { max-width: 240px; margin: 30px auto; width: 100% } .page-depoimentos .depoimentos-modal span.error-block { font-size: 12px; font-weight: 400; color: #b00000 } .page-depoimentos .depoimentos-modal .botao-commerce { width: 100% } .page-depoimentos .depoimentos-modal .botao-commerce:disabled { opacity: .8; pointer-events: none } .page-depoimentos .depoimentos-modal .blocoSucesso { color: #00ad29; text-align: center; margin: 0; max-width: 500px; width: 100%; font-size: 14px } .page-depoimentos .page-content h2:first-of-type, .page-depoimentos .page-content h2:last-of-type { display: none } @media(max-width:768px) { .hide-on-mobile { display: none } } @media (min-width: 993px) and (max-width: 1200px) { .insta-foto { } .insta-foto img {/* width: 16%; */} .insta-title { padding: 5.9%; } } @media (min-width: 768px) and (max-width: 993px) { .text-empresa .container { /* padding-left: 250px; */ font-size: 12px; } .newsletter { /* padding: 20px 0 40px; */ width: 100%; padding-left: 270px; } .empresa { min-height: auto; margin-top: 80px; background: url(../img/box-text-mob.jpg) no-repeat center top #dedede; } .dest-boots { background: url(../img/bg11-767.jpg) no-repeat center top; min-height: 230px; } .dest-cross { background: url(../img/bg22-767.jpg) no-repeat right top; min-height: 300px; } .dest-cross .container { max-width: 1170px!important; margin-top: 0; padding-right: 380px; } .dest-boots .container { padding-left: 410px; max-width: 1080px !important; margin-top: -99px; } .dest-tenis .container { padding-left: 410px; max-width: 1080px !important; margin-top: -99px; } .dest-boots h1, .dest-cross h1, .dest-tenis h1 { font-size: 50px; } .dest-boots h3, .dest-cross h3, .dest-tenis h3 {font-size: 14px;} .dest-tenis { background: url(../img/bg33-767.jpg) no-repeat left top; min-height: 230px; padding-top: 28px; } .text-center, .text-center .box1 { flex-direction: column; min-height: auto; } .text-center .box2 { flex-direction: column; } .text-center .box2 .info3 { width: 100%; background: url(../img/mini7.jpg) no-repeat center top; height: 280px; } .text-center .box2 .info4 { width: 100%; background: url(../img/mob8.jpg) no-repeat center bottom; padding: 2% 0% 2% 356px; } .text-center .box2 .info4 h4 { line-height: 20px; font-size: 11px; } .text-center .box1 .info2 { width: 100%; padding: 0; margin: 0; height: 322px; background: url(../img/mini6.jpg) no-repeat center bottom; } .text-center .box1 .info1 { width: 100%; } .insta-footer { margin-top: 0; margin-bottom: 0; position: relative; z-index: 1; } .footer { margin-top: 0; padding-top: 0 !important; padding-bottom: 0px; min-height: auto; } .footer .container { background: transparent; padding: 20px 20px; align-items: baseline; display: block; } .insta-footer .container { flex-direction: column; } .insta-foto img { /* width: 20% !important; */ } } @media (min-width: 0px) and (max-width: 768px) { .header { position: fixed; padding: 2px 0px; } .header .line { padding: 0px 15px 0px; } .empresa-text { flex-direction: column; background: url(../img/box-text.jpg) no-repeat center bottom; margin-bottom: 130px; } .logo-end img {width: auto;margin: 0 15px;} .new-title h1 { font-weight: 700; letter-spacing: -1px; font-size: 24px; } .logo-end { text-align:center; margin: 0 auto; } .empresa h3 { color: #000; font-size: 12px; font-weight: 500; line-height: 25px; width: 100%; margin: 0 auto; padding: 20px 20px; } .banner-extra { /* display:none; */ } .marca-info { display:none } .header .logo img {max-width: 114px;} .search-mobile{ position: relative; justify-content: center; padding: 10px; /* background: #ebebeb; */ } .search-mobile form{ width:100%; position:relative; display: block; } .search-mobile .input-search { width: 100%; border-radius: 10px; height: 40px; border: solid 1px #1e5a48; background:#FFF; font-family: var(--font); border-radius: 30px; font-size: 13px; font-weight: normal; font-stretch: normal; font-style: normal; font-weight: 700 !important; line-height: 1.27; letter-spacing: normal; text-align: left; color: #000000; padding-left:10px; } .search-mobile .input-search::-webkit-input-placeholder { font-family: var(--font); font-size: 12px; font-weight: normal; font-stretch: condensed; font-style: normal; line-height: 2; letter-spacing: normal; text-align: left; color: #bebdbe !important; } .search-mobile .input-search::-moz-placeholder { font-family: var(--font); font-size: 12px; font-weight: normal; font-stretch: condensed; font-style: normal; line-height: 2; letter-spacing: normal; text-align: left; color: #bebdbe !important; } .search-mobile .input-search::-ms-placeholder { font-family: var(--font); font-size: 12px; font-weight: normal; font-stretch: condensed; font-style: normal; line-height: 2; letter-spacing: normal; text-align: left; color: #bebdbe !important; } .search-mobile .input-search::placeholder { font-family: var(--font); font-size: 12px; font-weight: normal; font-stretch: condensed; font-style: normal; line-height: 2; letter-spacing: normal; text-align: left; color: #bebdbe !important; } .search-mobile .button-search { width: 49px; height: 28px; position: absolute; top: 50%; text-align: center; right: 6px; transform: translateY(-50%); display: block; background: #FFF; } .search-mobile .button-search svg { fill: #2b5f49; width: 50px; height: 21px; } body { padding-top: 85px; } .text-empresa .container { font-size: 15px; padding-right: 48%; line-height: 25px; } .text-empresa .container img { width: 386px; } .text-empresa { min-height: auto; padding-top: 25px; padding-bottom: 45px; } .newsletter .text { /* text-align: center; */ /* width: 100%; */ /* background: transparent; */ /* display: flex; */ /* flex-direction: column; */ /* height: auto; */ text-align: center; } .newsletter .first { font-size: 16px; line-height: 1.5; } .newsletter.color_true::before { /* background: #1f1f1f; */ } .bg-foto { display:none; } .newsletter .last { } .insta-title {/* width: 100%; *//* padding: 4.5%; *//* background: #ffffff; *//* color: #000; *//* fill: #000; */} .insta-foto img { /* width: 33%; */ /* float: left; */ height: 55px; } .banner-menores { padding-bottom: 10px; } .banner-menores .banner-extra { margin: 0.5%; } } @media (min-width: 0px) and (max-width: 767px) { .banner-menores, .section-banners-center { flex-direction: column; margin: 0px 0 30px; } .dev a img { margin: 5px 0; } .footer .copy .dev { flex-direction: column; } .newsletter form { display: flex; flex-direction: column; } .brands__central { padding-top: 14px; } .empresa-text { flex-direction: column; background: url(../img/box-text.jpg) no-repeat left top #020202; margin-bottom: 130px; } .banner-extra{ background: #fff; padding: 0; margin: 0; } .newsletter .news-button { background: url(../img/assinar.png) no-repeat center #6dc730; width: 100%; border-radius: 10px; margin: 5px; } .section-brands .box-brand { height: 195px; max-width: 200px; } .banner-center { flex-direction: column; } .text-empresa .container { font-size: 14px; line-height: 25px; padding: 0px 15px; background: rgba(255,255,255,0.7); } .text-empresa .container img {display: none;} .text-empresa { padding-top: 375px; } .insta-footer { margin-top: 0; margin-bottom: 0; position: relative; z-index: 1; } .insta-footer .container { flex-direction: column; } .footer { padding-top: 15px !important; margin-top: 0px; padding-bottom: 15px; } .footer .container { background: transparent; padding: 00px 20px; } .footer .box:last-child img { width: 100%; } .insta-foto img { /* width: 20%; */ /* float: left; */ /* height: 75px; */ height: 55px; } .banner-menores .banner-extra {margin: 0;margin-bottom: 5px;} } @media (min-width: 0px) and (max-width: 767px) { .text-empresa .container { /* padding-left: 250px; */ font-size: 12px; } .mauticform-selectbox, .mauticform-input, .mauticform-textarea { width: 290px !important; } .mauticform-page-wrapper { flex-direction: column !important; } .page-info-product .aba_personalizada img { width: 100% !important; height: auto !important; } .empresa { min-height: auto; margin-top: 80px; padding-top: 440px; background: url(../img/mob-empresa.jpg) no-repeat left top #dedede; } .newsletter { width: 100%; padding: 0; } .banners-end { margin-bottom: 30px; } .dest-boots { background: url(../img/bg1-420.jpg) no-repeat center top; min-height: 230px; align-items: baseline; margin-bottom: -30px; } .dest-cross { background: url(../img/bg2-420.jpg) no-repeat right top; min-height: 240px; margin-bottom: -30px; } .dest-cross .container { padding: 0 .625rem; max-width: 420px !important; margin: 0px; } .dest-boots .container { padding: 0 .625rem; max-width: 420px !important; margin: 0px; } .dest-tenis .container { padding: 0 .625rem; max-width: 420px !important; margin: 0px; } .dest-boots h1, .dest-cross h1 { font-size: 47px; padding-top: 60px; text-align: center; margin-bottom: 60px; } .dest-tenis h1 { font-size: 47px; padding-top: 30px; text-align: center; margin-bottom: 50px; } .dest-boots h3, .dest-cross h3, .dest-tenis h3 {font-size: 14px;text-align: center;text-shadow: none;font-weight: 500;color: #1e5d4a;} .dest-tenis { background: url(../img/bg3-420.jpg) no-repeat left top; min-height: 230px; padding-top: 28px; margin-bottom: -30px; } .text-empresa .container { /* padding-left: 250px; */ font-size: 12px; } .text-center, .text-center .box1 { flex-direction: column; min-height: auto; } .div-info { margin: 20px auto; } .text-center .box2 .info4 h4 { line-height: 20px; font-size: 11px; } .text-center .box1 .info1 { width: 100%; } .text-center .box2 { flex-direction: column; margin: 5px 0px; } .text-center .box2 .info3 { width: 100%; background: url(../img/mini7-mob.jpg) no-repeat center top; height: 380px; margin: 0px; } .text-center .box2 .info4 { width: 100%; background: url(../img/mini8-mob.jpg) no-repeat left top; padding: 0; margin: 5px 0px; padding-top: 30px; } .text-center .box2 .info4 h3, .text-center .box2 .info4 h2 { width: 100%; text-align: right; padding-right: 15px; } .text-center .box2 .info4 h4 { width: 100%; margin-top: 120px; padding: 15px; background: #fff; font-size: 12px; line-height: 20px; } .text-center .box1 .info2 { width: 100%; height: 392px; padding: 0; margin: 0; background: url(../img/mini6-mob.jpg) no-repeat center; } .text-center .box1 .info1 { width: 100%; background: url(../img/mini5-mob.jpg) no-repeat center top; padding-top: 0px; padding: 0px; margin: 5px 0px; } .text-center .box1 .info1 h4 { width: 100%; margin-top: 200px; padding: 15px; background: #fff; font-size: 12px; line-height: 20px; } .text-center .box1 .info1 h3 { padding-left: 20px; } .text-center .box1 .info1 h2 { padding-left: 20px; } } .mauticform_wrapper {max-width: 600px;} .mauticform-page-wrapper { display: flex; flex-direction: row; } .mauticform-post-success {} .mauticform-name { font-weight: bold; font-size: 1.5em; margin-bottom: 3px; } .mauticform-description { margin-top: 2px; margin-bottom: 10px; } .mauticform-error { margin-bottom: 10px; color: red; } .mauticform-message { margin-bottom: 10px;color: green; } .mauticform-row {display: block;} .mauticform-label { font-size: 1.1em; display: block; font-weight: bold; margin-bottom: 5px; } .mauticform-row.mauticform-required .mauticform-label:after { color: #e32; content: " *"; display: inline; } .mauticform-helpmessage { display: block; font-size: 0.9em; margin-bottom: 3px; } .mauticform-errormsg { display: block; color: red; margin-top: 2px; } .mauticform-selectbox, .mauticform-input, .mauticform-textarea {background: var(--color_footer_newsletter_input);height: 47px;border-radius: 10px;width: 490px;display: block;font-size: 14px;border: 0;text-align: left;font-weight: 400;margin-right: 0;padding: 10px;color: #000000;} .mauticform-checkboxgrp-row {} .mauticform-checkboxgrp-label { font-weight: normal; } .mauticform-checkboxgrp-checkbox {} .mauticform-radiogrp-row {} .mauticform-radiogrp-label { font-weight: normal; } .mauticform-radiogrp-radio {} .mauticform-button-wrapper .mauticform-button.btn-default, .mauticform-pagebreak-wrapper .mauticform-pagebreak.btn-default {/* background: var(--color_button_footer); */font-size: 0;font-weight: 600;background: url(../img/assinar.png) no-repeat center;color: #fff;border-radius: 0;width: 135px;height: 48px;margin: 0px 0 0;text-align: center;-webkit-transition: ease-in-out .3s;-o-transition: ease-in-out .3s;transition: ease-in-out .3s;/* color: var(--color_text_button_footer); */} .mauticform-button-wrapper .mauticform-button, .mauticform-pagebreak-wrapper .mauticform-pagebreak { display: inline-block;margin-bottom: 0;font-weight: 600;text-align: center;vertical-align: middle;cursor: pointer;background-image: none;border: 1px solid transparent;white-space: nowrap;padding: 6px 12px;font-size: 13px;line-height: 1.3856;border-radius: 3px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .mauticform-button-wrapper .mauticform-button.btn-default[disabled], .mauticform-pagebreak-wrapper .mauticform-pagebreak.btn-default[disabled] { background-color: #ffffff; border-color: #dddddd; opacity: 0.75; cursor: not-allowed; } .mauticform-pagebreak-wrapper .mauticform-button-wrapper { display: inline; }