.svg-inline {
position: relative;
text-indent: 0 !important;
background-image: none !important;
}
.svg-inline svg {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
header .w-temp p,
header .w-favorite p {
font-size: 1.6rem;
}
.webdoor-caption .webdoor-title {
font-size: 3.5rem;
text-transform: lowercase;
}
.big-title {
font-size: 6rem;
}
@media screen and (max-width: 992px) {
.big-title {
font-size: 3.5rem;
}
}
.big-title-red {
color: #AD232B;
}
.tools-float button p {
font-size: 1rem;
}
.layer-menu .content-layer .navs a p {
font-size: 1.8rem;
}
.bt-link p {
font-size: 2.2rem;
}
.bt-link-middle p {
position: relative;
top: -1px;
font-size: 1.8rem;
}
.wrap-share p {
font-size: 2.2rem;
}
form p {
font-size: 1.6rem;
}
.w-info-product strong + span {
display: block;
}
.w-info-product strong {
font-size: 2rem;
text-transform: lowercase;
}
.w-info-product span {
text-transform: lowercase;
margin: 10px 0;
font-size: 1.5rem;
}
@media screen and (max-width: 992px) {
.w-info-product span {
font-size: 1.4rem;
}
}
.w-info-product .w-i-price p {
font-size: 1.8rem;
}
.w-info-product .w-i-price .bar-div {
margin: 0 10px;
height: 14px;
width: 1px;
background-color: #000000;
}
@media screen and (max-width: 992px) {
.w-info-product .w-i-price p {
font-size: 1.6rem;
}
}
.option-layer-acabamentos {
font-size: 1.4rem;
}
.txt-simple {
font-size: 1.6rem;
}
.product-title, .blog-title {
font-size: 3rem;
text-transform: lowercase;
}
.product-title-small, .blog-title-small {
font-size: 2rem;
}
@media screen and (max-width: 992px) {
.product-title, .blog-title {
width: 100%;
margin-left: auto;
margin-right: auto;
font-size: 2.2rem;
line-height: normal;
justify-content: center;
}
.product-title-small, .blog-title-small {
font-size: 1.8rem;
}
}
.product-text, .product-text *,
.blog-text, .blog-text * {
font-size: 2rem;
margin-bottom: 15px;
text-transform: lowercase;
}
.caption-title {
font-size: 3rem;
text-transform: lowercase;
}
@media screen and (min-width: 992px) {
.webdoor-caption .webdoor-title {
font-size: 6rem;
text-transform: lowercase;
}
}
.bt-link {
border: 1px solid #707070;
width: -moz-fit-content;
width: fit-content;
height: 44px;
display: flex;
flex-flow: row;
justify-content: center;
align-items: center;
text-decoration: none;
padding: 0 25px;
position: relative;
border-radius: 44px;
overflow: hidden;
cursor: pointer;
}
.bt-link.bt-link-contact {
border-radius: 0;
}
.bt-link.bt-promo {
background-color: #AD232B !important;
border: 1px solid #AD232B;
}
.bt-link.bt-promo p {
color: #FFFFFF;
}
.bt-link.bt-promo:after {
border-color: #AD232B;
}
@media screen and (min-width: 992px) {
.bt-link.bt-promo:hover p {
color: #AD232B;
}
}
@media screen and (min-width: 992px) and (min-width: 992px) {
.bt-link.bt-promo:hover:after {
background-color: #FFFFFF;
}
}
.bt-link-middle {
min-width: -moz-fit-content;
min-width: fit-content;
border-radius: 33px;
}
.bt-link.bt-copied::after {
background-color: #198754 !important;
}
.bt-link p, .bt-link:after {
transition: all 0.5s ease;
}
.bt-link p, .bt-link svg {
display: flex;
align-items: stretch;
color: #000000;
text-transform: lowercase;
position: relative;
z-index: 2;
}
.bt-link span.ico {
margin-left: 22px;
}
.bt-link:after {
content: "";
position: absolute;
left: 0;
right: auto;
top: 0;
height: 100%;
width: 0%;
background-color: #000000;
z-index: 0;
}
@media screen and (min-width: 992px) {
.bt-link:hover p {
color: #FFFFFF;
}
.bt-link:hover svg path {
fill: #FFFFFF;
}
.bt-link:hover:after {
width: 100%;
left: auto;
right: 0;
}
}
.bt-link-white {
border-color: #FFFFFF;
}
.bt-link-white p {
color: #FFFFFF;
}
.bt-link-white:after {
background-color: #FFFFFF;
}
@media screen and (min-width: 992px) {
.bt-link-white:hover p {
color: #000000;
}
}
.bt-link.bt-link-red {
background-color: #AD232B !important;
}
.bt-link.bt-link-red p {
color: #FFFFFF;
}
.bt-link.bt-link-red:after {
border-color: #AD232B;
}
.bt-link.bt-link-red:hover p {
color: #000000;
}
@media screen and (min-width: 992px) {
.bt-link.bt-link-red:hover:after {
background-color: #FFFFFF;
}
}
.bt-link.bt-link-countdown {
background-color: #AD232B;
pointer-events: none;
position: relative;
min-width: 145px;
transition: none !important;
border: none;
}
.bt-link.bt-link-countdown p {
color: #FFFFFF;
transition: none !important;
}
.bt-link.actived {
border: none;
}
.bt-link.actived p {
color: #FFFFFF;
}
.bt-link.actived::after {
width: 100%;
background-color: #000000;
}
.wrap-bt-count {
display: flex;
flex-flow: column;
align-items: center;
position: relative;
}
.wrap-bt-count span {
position: absolute;
top: -28px;
left: 0;
right: 0;
margin: 0 auto 10px;
display: inline-block;
font-size: 1.5rem;
text-align: center;
}
button.disabled, a.disabled {
opacity: 0.5;
cursor: no-drop !important;
}
.ico {
background-repeat: no-repeat;
display: inline-block;
max-width: 100%;
}
.ico-header-temp {
width: 22px;
height: 22px;
background-image: url("/frontend/assets/ico-clima.svg");
}
.ico-header-logo {
width: 65px;
height: 65px;
background-image: url(/images/logo-teto.svg?0c6ccdfc752e55d0198ed064933a6d85);
background-size: contain;
}
@media screen and (max-width: 768px) {
.ico-header-logo {
width: 50px;
height: 50px;
background-image: url(/images/logo-teto.svg?0c6ccdfc752e55d0198ed064933a6d85);
}
}
.ico-header-logo.logo-hospital {
width: 200px;
height: 65px;
background-image: url(/images/logo-teto-hospitar.svg?2b05009547814b1c81ded36e7220b8d0);
background-size: contain;
}
@media screen and (max-width: 768px) {
.ico-header-logo.logo-hospital {
width: 140px;
height: 45px;
background-image: url(/images/logo-teto-hospitar.svg?2b05009547814b1c81ded36e7220b8d0);
}
}
.ico-header-logo.logo-collaborative {
width: 220px;
height: 65px;
background-image: url(/images/logo-teto-colab.svg?78175645f707b5caaeff6ea43e4fe16b);
background-size: contain;
}
@media screen and (max-width: 768px) {
.ico-header-logo.logo-collaborative {
width: 140px;
height: 45px;
background-image: url(/images/logo-teto-colab.svg?78175645f707b5caaeff6ea43e4fe16b);
}
}
.ico-header-logo.logo-restaurant {
width: 220px;
height: 65px;
background-image: url(/images/logo-teto-restaurante.svg?4b475b4c1821136c2902c3227a7e5651);
background-size: contain;
}
@media screen and (max-width: 768px) {
.ico-header-logo.logo-restaurant {
width: 140px;
height: 45px;
background-image: url(/images/logo-teto-restaurante.svg?4b475b4c1821136c2902c3227a7e5651);
}
}
.ico-header-favorite {
width: 22px;
height: 22px;
background-image: url("/frontend/assets/ico-sacola.svg");
}
.ico-whatsapp {
width: 50px;
height: 50px;
background-image: url("/frontend/assets/ico-whatsapp.svg");
}
.ico-nav-bottom--casa {
width: 25px;
height: 25px;
background-image: url("/frontend/assets/nav-bottom/ico-nav-home.svg");
}
.ico-nav-bottom--search {
width: 25px;
height: 25px;
background-image: url("/frontend/assets/nav-bottom/ico-nav-search.svg");
}
.ico-nav-bottom--products {
width: 22px;
height: 29px;
background-image: url("/frontend/assets/nav-bottom/ico-nav-products.svg");
}
.ico-nav-bottom--account {
width: 27px;
height: 28px;
background-image: url("/frontend/assets/nav-bottom/ico-nav-account.svg");
}
.ico-nav-bottom--menu {
width: 23.62px;
height: 43.62px;
background-image: url("/frontend/assets/nav-bottom/ico-nav-menu.svg");
}
.ico-nav-bottom--menu svg path {
fill: black;
}
.ico-scroll-down {
width: 16px;
height: 41.48px;
background-image: url("/frontend/assets/arrow-down-scroll.svg");
}
.ico-loading-rotate {
width: 33px;
height: 27px;
background-image: url("/frontend/assets/loading-rotate.svg");
}
.ico-x-close {
width: 22px;
height: 22px;
background-image: url("/frontend/assets/ico-x-close.svg");
}
.ico-x-close.black svg path {
fill: #000000;
}
.ico-x-close.close-filter {
width: 12px;
height: 12px;
position: relative;
top: 2px;
}
.ico-sb-arrow-r {
width: 22px;
height: 15px;
background-image: url("/frontend/assets/arrow-menu-r.svg");
}
.ico-sb-accordion-arrow-up {
transition: all 0.3s ease;
width: 19px;
height: 11px;
background-image: url("/frontend/assets/accordion-menu-up.svg");
}
.ico-sb-accordion-arrow-up.actived {
transform: rotate(180deg);
}
.ico-arrow-button {
width: 26px;
height: 17.75px;
background-image: url("/frontend/assets/ico-arrow-button.svg");
}
.ico-play {
cursor: pointer;
width: 90px;
height: 36px;
background-image: url("/frontend/assets/ico-play.svg");
}
.ico-arrow-back {
width: 26px;
height: 17.75px;
background-image: url("/frontend/assets/ico-arrow-back.svg");
}
.ico-arrow-next {
width: 26px;
height: 17.75px;
background-image: url("/frontend/assets/ico-arrow-next.svg");
}
.ico-footer-pinterest {
width: 19px;
height: 19px;
background-image: url("/frontend/assets/ico-pinterest.svg");
}
.ico-footer-pinterest.desk {
width: 27.46px;
height: 27.46px;
background-image: url("/frontend/assets/ico-pinterest.svg");
}
.ico-footer-instagram {
width: 19px;
height: 19px;
background-image: url("/frontend/assets/ico-instagram.svg");
}
.ico-footer-instagram.desk {
width: 25.44px;
height: 25.44px;
background-image: url("/frontend/assets/ico-instagram.svg");
}
.ico-footer-logo {
width: 75px;
height: 75px;
background-image: url(/images/logo-teto.svg?0c6ccdfc752e55d0198ed064933a6d85);
}
.ico-powered-by {
width: 152.6px;
height: 18.6px;
background-image: url("/frontend/assets/powered-by-one.svg");
}
@media screen and (max-width: 992px) {
.ico-powered-by {
width: 88.86px;
height: 14.29px;
background-image: url("/frontend/assets/powered-by-one.svg");
}
}
.ico-favorite {
width: 20px;
height: 20px;
background-image: url("/frontend/assets/nav-bottom/ico-nav-favorite.svg");
display: none;
}
.ico-favorite.black svg path {
fill: #000000;
}
.ico-arrow-select {
width: 9.59px;
height: 16.56px;
background-image: url("/frontend/assets/ico-arrow-select.svg");
}
.ico-arrow-filter {
width: 15px;
height: 8.69px;
background-image: url("/frontend/assets/ico-arrow-filter.svg");
}
.ico-sidebar-pinterest {
width: 27.46px;
height: 27.46px;
background-image: url("/frontend/assets/ico-pinterest.svg");
}
.ico-sidebar-pinterest svg path {
fill: #FFFFFF;
}
.ico-sidebar-instagram {
width: 25.44px;
height: 25.44px;
background-image: url("/frontend/assets/ico-instagram.svg");
}
.ico-sidebar-instagram svg path {
fill: #FFFFFF;
}
.ico-sidebar-close {
width: 22px;
height: 22px;
background-image: url("/frontend/assets/ico-x-close.svg");
}
.ico-sidebar-close svg path {
fill: #FFFFFF;
}
.ico-sidebar-close.black svg path {
fill: #000000;
}
.ico-header--sandwitch {
width: 24.65px;
height: 21.57px;
background-image: url("/frontend/assets/ico-sandwitch.svg");
}
.ico-header--search {
width: 22px;
height: 22px;
background-image: url("/frontend/assets/ico-header-search.svg");
}
.ico-header--account {
width: 22px;
height: 22px;
background-image: url("/frontend/assets/ico-header-account.svg");
}
.ico-header--whishlist {
width: 22px;
height: 22px;
background-image: url("/frontend/assets/ico-header-wishlist.svg");
}
.ico-trash {
width: 14.86px;
height: 19.21px;
background-image: url("/frontend/assets/ico-trash.svg");
background-size: contain;
}
.ico-trash svg path {
fill: #AEAEAE;
}
.ico-eco-simple {
width: 142.05px;
height: 81.12px;
background-image: url("/frontend/assets/eco-simple.svg");
}
.ico-share-content {
width: 22px;
height: 22px;
background-image: url("/frontend/assets/share.svg");
}
.ico-zoom {
width: 22px;
height: 22px;
background-image: url("/frontend/assets/ico-header-search.svg");
}
.ico-hand {
width: 50px;
height: 50px;
background-image: url("/frontend/assets/ico-hand.svg");
}
.ico-download {
width: 25px;
height: 25px;
background-image: url("/frontend/assets/details/download.svg");
}
.ico-360 {
width: 25px;
height: 25px;
background-image: url("/frontend/assets/details/360.svg");
}
.ico-finishing {
width: 25px;
height: 25px;
background-image: url("/frontend/assets/details/acabamento.svg");
}
.ico-about {
width: 25px;
height: 25px;
background-image: url("/frontend/assets/details/sobre.svg");
}
body img {
transition: filter 0.5s ease;
filter: grayscale(0%);
transition-delay: 1s;
}
body.body-content-loading img {
filter: grayscale(100%);
}
.layerIntroPage {
background-color: #ffffff;
overflow: hidden;
height: 100vh;
width: 100%;
top: 0;
left: 0%;
position: fixed;
display: flex;
justify-content: center;
align-items: center;
z-index: 5;
transform: translateY(0);
box-shadow: 0 50px 70px 0 white;
transition: transform 1s cubic-bezier(0.55, 0.085, 0, 0.99) 0.2s, background-color 0.3s ease;
}
.layerIntroPage .ico.ico-header-logo {
transition: all 0.7s cubic-bezier(0.27, 0.16, 0, 1.01);
height: auto;
opacity: 0;
animation: showLogoIntro 1s cubic-bezier(0.55, 0.085, 0, 0.99) forwards;
}
.layerIntroPage .ico.ico-header-logo svg {
max-width: 100%;
}
.layerIntroPage p {
font-size: 2rem;
}
.layerIntroPage #wrap-circle {
transition: all 1s cubic-bezier(0.55, 0.085, 0, 0.99);
transform: translateX(50px);
animation: circleLogo 0.7s cubic-bezier(0.55, 0.085, 0, 0.99) forwards;
}
.layerIntroPage #txt-casa {
opacity: 0;
position: relative;
transform: translateX(-50px);
animation: textCasa 0.7s cubic-bezier(0.27, 0.16, 0, 1.01) forwards;
}
.layerIntroPage.motion-out {
pointer-events: none;
background-color: #ffffff;
transform: translateY(-130vh);
}
.layerIntroPage.motion-off {
display: none;
}
@keyframes pulsing {
50% {
opacity: 0.6;
}
}
@keyframes showLogoIntro {
to {
opacity: 1;
}
}
@keyframes circleLogo {
100% {
transform: translateX(0);
}
}
@keyframes textCasa {
100% {
opacity: 1;
transform: translateX(0);
}
}
/* HTML: */
.loader {
margin: 20px auto;
width: 90px;
height: 14px;
--c:#AD232B 92%,#ffffff;
background: radial-gradient(circle 7px at bottom, var(--c)) 0 0, radial-gradient(circle 7px at top, var(--c)) 0 100%;
background-size: 25% 50%;
background-repeat: repeat-x;
animation: l11 1s infinite;
}
@keyframes l11 {
80%, 100% {
background-position: 33.3333333333% 0, -33.3333333333% 100%;
}
}
.lds-dual-ring,
.lds-dual-ring:after {
box-sizing: border-box;
}
.lds-dual-ring {
display: inline-block;
width: 33px;
height: 27px;
animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
#spinner-loading-modal.text-secondary {
color: #AD232B !important;
}
@media (max-width: 992px) {
#spinner-loading-modal.text-secondary {
left: 0 !important;
right: 0 !important;
top: 0 !important;
bottom: 0 !important;
margin: auto !important;
}
}
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
button::-moz-focus-inner :focus:not(:focus-visible),
input::-moz-focus-inner :focus:not(:focus-visible) {
outline: none;
}
button::-moz-focus-inner :focus:not(:-moz-focusring),
input::-moz-focus-inner :focus:not(:-moz-focusring) {
outline: none;
}
button {
border: none;
margin: 0;
padding: 0;
width: auto;
overflow: visible;
background: transparent;
/* inherit font & color from ancestor */
color: inherit;
font: inherit;
/* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
line-height: normal;
/* Corrects font smoothing for webkit */
-webkit-font-smoothing: inherit;
-moz-osx-font-smoothing: inherit;
/* Corrects inability to style clickable `input` types in iOS */
-webkit-appearance: none;
text-align: inherit;
outline: none;
/* Remove excess padding and border in Firefox 4+ */
}
button::-moz-focus-inner {
border: 0;
padding: 0;
}
* {
box-sizing: border-box;
}
html {
scroll-behavior: auto !important;
}
html,
body {
overflow: hidden;
overflow-y: auto;
}
html.scroll-off,
body.scroll-off {
overflow: hidden !important;
height: 100vh !important;
}
html.lenis {
height: auto;
}
.lenis.lenis-smooth {
scroll-behavior: auto;
}
.lenis.lenis-smooth [data-lenis-prevent] {
overscroll-behavior: contain;
}
.lenis.lenis-stopped {
overflow: hidden;
}
.lenis.lenis-scrolling iframe {
pointer-events: none;
}
html {
font-size: 62.5%;
}
body {
background-color: #FFFFFF;
padding-bottom: 74px;
}
@media screen and (min-width: 992px) {
body {
padding-bottom: 0;
}
}
body * {
color: #000000;
}
body sup {
font-family: Verdana, Geneva, Tahoma, sans-serif !important;
font-size: 11px !important;
}
.no-scroll {
overflow: hidden !important;
}
img {
width: auto;
max-width: 100%;
display: block;
}
::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-track {
border-radius: 0 !important;
background-color: #9B9B9B;
}
::-webkit-scrollbar-thumb {
background-color: #AD232B;
border-radius: 0px;
border: 3px solid transparent;
}
#topo {
position: absolute;
left: 0;
top: 0;
}
main {
position: relative;
overflow: hidden;
}
.color-gray {
color: #AEAEAE !important;
}
.color-gray2 {
color: #707070 !important;
}
.color-red {
color: #AD232B !important;
}
.text-lowercase {
text-transform: lowercase !important;
}
.container {
width: 100%;
max-width: 2560px;
padding: 0;
position: relative;
}
.ico-gtm-whatsapp {
display: none;
position: fixed;
width: 50px;
height: 50px;
bottom: 50px;
right: 50px;
z-index: 1000;
color: #FFF;
border-radius: 50px;
text-align: center;
font-size: 30px;
}
.ico-gtm-whatsapp i {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 2;
}
@media (max-width: 999px) {
.ico-gtm-whatsapp {
overflow: hidden;
right: 20px !important;
bottom: 20px !important;
}
}
.wrapper {
padding: 20px 20px;
width: 100%;
}
.wrapper--footer {
padding-bottom: 0;
}
.gap-top {
padding-top: 55px;
}
@media screen and (max-width: 992px) {
.gap-top {
padding-top: 35px;
}
}
.gap-bottom {
padding-bottom: 55px;
}
@media screen and (max-width: 992px) {
.gap-bottom {
padding-bottom: 35px;
}
}
.heightFullNav, .webdoor, .gallery-webdoor .swiper-slide picture img, .gallery-webdoor .swiper-slide picture video, .gallery-webdoor .slick-slide picture img, .gallery-webdoor .slick-slide picture video, .gallery-webdoor {
height: 100svh;
}
.overlayFixed, .sd-sidebar-wrapper, .bg-overlay {
background-color: rgba(0, 0, 0, 0.56);
}
.text-justify {
text-align: justify !important;
}
picture {
display: block;
overflow: hidden;
}
picture.pic-overlay {
position: relative;
}
picture.pic-overlay::after {
content: "";
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
position: absolute;
top: 0;
left: 0;
z-index: 0;
}
picture .ico-play {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 2;
}
.w-info-product span {
color: #000000;
display: block;
}
.w-info-product .w-i-price p {
color: #9B9B9B;
text-decoration: line-through;
}
.w-info-product .w-i-price p:last-child {
color: #000000;
text-decoration: none;
}
.ico-user-logged {
background-color: #38761d;
position: absolute;
right: 0px;
bottom: 0;
width: 9px;
height: 9px;
border-radius: 100%;
}
.ico-user-logged.nav-bot {
bottom: 26px;
}
.anime-pulse, .tools-float button:hover, .tools-float a:hover {
animation: pulse-black 1s infinite;
}
@keyframes pulse-black {
0% {
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
}
70% {
box-shadow: 0 0 0 10px rgba(73, 73, 73, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(73, 73, 73, 0);
}
}
@media screen and (min-width: 992px) {
.wrapper {
padding: 40px 104px;
}
.heightFullNav, .webdoor, .gallery-webdoor .swiper-slide picture img, .gallery-webdoor .swiper-slide picture video, .gallery-webdoor .slick-slide picture img, .gallery-webdoor .slick-slide picture video, .gallery-webdoor {
height: 100svh;
}
}
.swal2-popup.swal2-modal {
padding: 20px !important;
width: 100%;
border-radius: 20px;
max-width: 700px;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
display: flex !important;
flex-flow: column !important;
align-items: center !important;
}
.swal2-actions {
flex-flow: column !important;
}
.swal2-loader {
margin-bottom: 15px !important;
}
.swal2-title,
.swal2-html-container {
font-size: 2em !important;
font-weight: normal !important;
}
.swal2-title {
font-size: 2rem !important;
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
background-color: #AD232B !important;
box-shadow: none !important;
border: 1px solid #000000 !important;
width: -moz-fit-content !important;
width: fit-content !important;
height: 44px !important;
display: flex !important;
flex-flow: row !important;
justify-content: center !important;
align-items: center !important;
text-decoration: none !important;
padding: 0 25px !important;
position: relative !important;
border-radius: 44px !important;
overflow: hidden !important;
font-size: 1.8rem !important;
font-family: "netto_otregular" !important;
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:hover {
background-image: none !important;
}
div:where(.swal2-container) div:where(.swal2-loader) {
border: none !important;
animation: none !important;
}
.ico.ico-arrow-back svg, .link-anime-prev svg {
transition: all 0.5s cubic-bezier(0.55, 0.085, 0, 0.99);
}
.ico.ico-arrow-back:hover svg, .link-anime-prev:hover svg {
transform: translateX(5px);
}
.ico.ico-arrow-next svg, .link-anime-next svg {
transition: all 0.5s cubic-bezier(0.55, 0.085, 0, 0.99);
}
.ico.ico-arrow-next:hover svg, .link-anime-next:hover svg {
transform: translateX(-5px);
}
.ico.close-filter svg, .ico-x-close svg {
transition: all 0.5s cubic-bezier(0.55, 0.085, 0, 0.99);
}
.ico.close-filter:hover svg, .ico-x-close:hover svg {
transform: rotate(90deg);
}
.custom-tooltip {
background-color: #000000;
color: #FFFFFF;
border-radius: 15px !important;
font-size: 12px;
padding: 5px;
}
.nav-opt-segments {
gap: 20px;
}
.nav-opt-segments .bt-link {
width: 122px;
}
.nav-opt-segments .bt-link p {
font-size: 16px;
}
@media (max-width: 1550px) {
.nav-opt-segments {
gap: 5px;
}
.nav-opt-segments .bt-link {
padding: 0 15px;
height: 35px;
border-radius: 35px;
}
}
.wrap-scroll-x {
overflow: hidden;
overflow-x: auto;
padding-bottom: 10px;
}
.wrap-scroll-x::-webkit-scrollbar {
width: 6px;
height: 3px;
}
@media (max-width: 992px) {
.wrap-scroll-x::-webkit-scrollbar {
width: 0px;
height: 0px;
}
}
.wrap-iframe {
position: relative;
overflow: hidden;
width: 100%;
padding-top: 50%;
}
.wrap-iframe iframe {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
}
.menu-scroll-fixed.inScroll {
padding: 20px 0 !important;
z-index: 999 !important;
background-color: white;
}
@media (max-width: 1000px) {
.no-pd-x-mobile {
padding-left: 0 !important;
padding-right: 0 !important;
}
.no-pd-x-mobile .pd-x-mobile {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
* {
margin: 0;
padding: 0;
}
#wrap-sandwitch.open #nav-icon3.open span:nth-child(2), #wrap-sandwitch.open #nav-icon3.open span:nth-child(3) {
background-color: #FFFFFF;
}
.wrap-sandwitch {
cursor: pointer;
position: relative;
z-index: 5;
}
.wrap-sandwitch #nav-icon3 {
transition: all 1s ease;
}
.wrap-sandwitch p {
transition: all 0.4s ease;
margin: 0;
position: relative;
top: 1px;
}
.wrap-sandwitch.open p {
color: #FFFFFF;
}
.wrap-sandwitch.open #nav-icon3.open span:nth-child(2), .wrap-sandwitch.open #nav-icon3.open span:nth-child(3) {
background-color: #FFFFFF;
}
@media (min-width: 768px) {
.wrap-sandwitch:hover #nav-icon3 span:nth-child(1) {
width: 50%;
}
.wrap-sandwitch:hover #nav-icon3 span:nth-child(2) {
width: 70% !important;
}
.wrap-sandwitch:hover #nav-icon3 span:nth-child(3) {
width: 85% !important;
}
}
/* Icon 1 */
#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
width: 24.43px;
height: 18.5px;
position: relative;
transform: rotate(0deg);
transition: 0.5s ease-in-out;
cursor: pointer;
}
#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
display: block;
position: absolute;
height: 2px;
width: 100%;
background: #000000;
border-radius: 9px;
opacity: 1;
left: 0;
transform: rotate(0deg);
transition: 0.25s ease-in-out;
}
#nav-icon1 span:nth-child(1) {
top: 0px;
}
#nav-icon1 span:nth-child(2) {
top: 18px;
}
#nav-icon1 span:nth-child(3) {
top: 36px;
}
#nav-icon1.open span:nth-child(1) {
top: 18px;
transform: rotate(135deg);
}
#nav-icon1.open span:nth-child(2) {
opacity: 0;
left: -60px;
}
#nav-icon1.open span:nth-child(3) {
top: 18px;
transform: rotate(-135deg);
}
/* Icon 2 */
#nav-icon2 span {
display: block;
position: absolute;
height: 9px;
width: 50%;
background: #d3531a;
opacity: 1;
transform: rotate(0deg);
transition: 0.25s ease-in-out;
}
#nav-icon2 span:nth-child(even) {
left: 50%;
border-radius: 0 9px 9px 0;
}
#nav-icon2 span:nth-child(odd) {
left: 0px;
border-radius: 9px 0 0 9px;
}
#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {
top: 0px;
}
#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {
top: 18px;
}
#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {
top: 36px;
}
#nav-icon2.open span:nth-child(1), #nav-icon2.open span:nth-child(6) {
transform: rotate(45deg);
}
#nav-icon2.open span:nth-child(2), #nav-icon2.open span:nth-child(5) {
transform: rotate(-45deg);
}
#nav-icon2.open span:nth-child(1) {
left: 5px;
top: 7px;
}
#nav-icon2.open span:nth-child(2) {
left: calc(50% - 5px);
top: 7px;
}
#nav-icon2.open span:nth-child(3) {
left: -50%;
opacity: 0;
}
#nav-icon2.open span:nth-child(4) {
left: 100%;
opacity: 0;
}
#nav-icon2.open span:nth-child(5) {
left: 5px;
top: 29px;
}
#nav-icon2.open span:nth-child(6) {
left: calc(50% - 5px);
top: 29px;
}
/* Icon 3 */
#nav-icon3 span:nth-child(1) {
top: 0px;
}
#nav-icon3 span:nth-child(2), #nav-icon3 span:nth-child(3) {
top: 8px;
}
#nav-icon3 span:nth-child(4) {
top: 16px;
}
#nav-icon3.open span:nth-child(1) {
top: 8px;
width: 0%;
left: 50%;
}
#nav-icon3.open span:nth-child(2) {
transform: rotate(45deg);
}
#nav-icon3.open span:nth-child(3) {
transform: rotate(-45deg);
}
#nav-icon3.open span:nth-child(4) {
top: 5px;
width: 0%;
left: 50%;
}
/* Icon 4 */
#nav-icon4 span:nth-child(1) {
top: 0px;
transform-origin: left center;
}
#nav-icon4 span:nth-child(2) {
top: 18px;
transform-origin: left center;
}
#nav-icon4 span:nth-child(3) {
top: 36px;
transform-origin: left center;
}
#nav-icon4.open span:nth-child(1) {
transform: rotate(45deg);
top: -3px;
left: 8px;
}
#nav-icon4.open span:nth-child(2) {
width: 0%;
opacity: 0;
}
#nav-icon4.open span:nth-child(3) {
transform: rotate(-45deg);
top: 39px;
left: 8px;
}
input {
width: 100%;
}
textarea {
resize: none;
}
input:focus,
textarea:focus,
.form-control:focus {
box-shadow: none;
border: none;
}
input {
height: 44px;
}
input,
textarea {
background-color: transparent;
padding: 0;
border: 0;
}
input:focus,
textarea:focus {
outline: none;
}
input::-moz-placeholder, textarea::-moz-placeholder {
color: #9B9B9B;
font-size: 1.6rem;
}
input::placeholder,
textarea::placeholder {
color: #9B9B9B;
font-size: 1.6rem;
}
/* form .group{
position: relative;
margin-bottom: 50px;
width: 100%;
display: flex;
flex-flow: column;
align-items: flex-start;
input{
margin-bottom: 0 !important;
}
@media(max-width: $mobileBig){
margin-bottom: 35px;
}
} */
.form-label {
margin-bottom: 0;
}
.form-control {
border: none;
border-radius: 0;
padding: 0;
position: relative;
background-color: transparent;
border-bottom: 1px solid #FFFFFF;
margin-bottom: 30px;
}
.form-control:last-child {
border-bottom: none;
}
input,
textarea,
label,
.wrap-drop-webdoor,
p.label {
color: #000000;
text-transform: none;
}
input,
textarea {
font-size: 1.6rem;
}
input:not(.form-check-input),
textarea:not(.form-check-input) {
padding: 0 15px;
}
.input-terms {
font-size: 14px;
}
.form-status {
font-size: 11px;
color: #000000;
text-align: right;
padding: 5px 0;
}
label.error {
color: #ffa3a3;
font-size: 12px;
padding: 4px;
margin: 0px 0 0 0px;
}
textarea {
resize: none;
width: 100%;
}
.button {
display: inline-block;
color: #FFFFFF;
text-align: center;
transition: all 0.5s ease;
}
.button-send {
width: 199px;
height: 52px;
border: 1px solid #FFFFFF;
display: inline-flex;
justify-content: center;
align-items: center;
position: relative;
transition: all 0.6s cubic-bezier(0.55, 0.085, 0, 0.99);
margin: 0 auto;
font-family: "futuralight" !important;
}
.button-send p {
color: #FFFFFF;
transition: all 1s ease;
font-family: "futuralight" !important;
font-size: 16px;
}
.button-send:hover p {
color: #FFFFFF;
position: relative;
z-index: 2;
}
.custom-select {
width: 100%;
position: relative;
}
.custom-select select {
opacity: 0;
position: absolute;
width: 100%;
z-index: 0;
height: 100%;
left: 0;
bottom: -35px;
}
label[for=select-form].error {
position: absolute;
bottom: -20px;
left: 0;
z-index: 1;
}
.select-selected {
background-color: transparent;
}
/* Style the arrow inside the select element: */
.select-selected:after {
position: absolute;
content: "";
top: 14px;
right: 10px;
width: 0;
height: 0;
border: 6px solid transparent;
border-color: #AD232B transparent transparent transparent;
}
/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
border-color: transparent transparent #AD232B transparent;
top: 7px;
}
/* style the items (options), including the selected item: */
.select-items div,
.select-selected {
font-weight: 300;
text-transform: uppercase;
color: #707070 !important;
padding: 8px 0px;
border: 1px solid transparent;
border-color: transparent transparent rgb(0, 0, 0) transparent;
cursor: pointer;
}
.select-items div {
transition: all 0.3s ease;
padding: 8px 10px;
border-bottom: 0;
}
/* Style items (options): */
.select-items {
position: absolute;
background-color: white;
top: 100%;
left: 0;
right: 0;
z-index: 99;
}
/* Hide the items when the select box is closed: */
.select-hide {
display: none;
}
.select-items div:hover,
.same-as-selected {
background-color: rgba(0, 0, 0, 0.1);
}
.form-modal-whats {
background-color: #FFFFFF;
padding: 40px;
width: 100%;
max-width: 600px;
margin: 0 auto;
display: flex;
flex-direction: column;
align-self: center;
justify-self: center;
}
form.form-modal-whats .form-control {
border-color: #707070;
}
form.form-modal-whats input,
form.form-modal-whats textarea,
form.form-modal-whats label:not(.error),
form.form-modal-whats .wrap-drop-webdoor,
form.form-modal-whats p.label {
color: #707070 !important;
}
form.form-modal-whats input a,
form.form-modal-whats textarea a,
form.form-modal-whats label:not(.error) a,
form.form-modal-whats .wrap-drop-webdoor a,
form.form-modal-whats p.label a {
color: #707070 !important;
}
form.form-modal-whats .button-send {
background-color: #707070;
}
form.form-modal-whats .checkmark {
background-color: #707070;
}
form.form-modal-whats .checkmark:hover {
background-color: rgba(112, 112, 112, 0.7) !important;
}
.custom2-select {
min-width: 350px;
position: relative;
}
.custom2-select::before {
--size: 10px;
content: "";
position: absolute;
right: 15px;
pointer-events: none;
top: 45%;
width: var(--size);
height: var(--size);
transform: translateY(-50%) rotate(135deg);
border-top: 1px solid black;
border-right: 1px solid black;
}
.custom2-select select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
font-size: 1.15rem;
padding: 5px 6em 5px 1em;
background-color: #fff;
border: 1px solid #9B9B9B;
border-radius: 30px;
color: #000;
cursor: pointer;
}
.custom2-select select:focus {
outline: none;
}
@media (max-width: 768px) {
.custom2-select {
min-width: 280px;
margin-top: 40px;
}
}
form .wrap-input-send {
width: 100%;
border: 1px solid #707070;
border-radius: 44px;
padding: 0 15px 0 0;
margin: 0 auto 55px;
position: relative;
}
form .wrap-input-send label.error {
position: absolute;
bottom: -20px;
left: 15px;
}
form span.error {
font-size: 10px;
color: red;
display: block;
font-family: "NettoWeb", sans-serif;
font-style: normal;
text-align: left;
margin-top: 10px;
white-space: normal;
}
.form-switch .form-check-input {
cursor: pointer;
width: 3.5rem !important;
height: 20px;
position: relative;
border: 1px solid #cccccc;
background: transparent;
}
.form-switch .form-check-input::after {
content: "";
width: 15px;
height: 15px;
border-radius: 50%;
background-color: #ccc;
position: absolute;
left: 2px;
top: 50%;
transform: translateY(-50%);
z-index: 2;
transition: all 1s ease;
}
.form-switch .form-check-input:focus {
background: transparent;
border: 1px solid #cccccc;
}
.form-switch .form-check-input:checked, .form-switch .form-check-input:focus {
background-color: #ffffff;
box-shadow: none;
border: 1px solid #cccccc;
}
.form-switch .form-check-input:checked::after {
left: auto;
right: 2px;
background-color: black;
}
.form-check:not(.form-switch) .form-check-input {
background-color: #cccccc;
border-color: #cccccc;
box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.05);
}
.form-check:not(.form-switch) .cl-extensions {
font-size: 2rem;
}
.form-check-input {
width: 1.3em;
height: 1.3em;
}
.form-check-input:checked[type=checkbox] {
--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ff0000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e") !important;
background-size: cover !important;
}
@media (max-width: 768px) {
input,
textarea,
.select-items div,
.select-selected {
font-size: 13px;
}
input::-moz-placeholder, textarea::-moz-placeholder, .select-items div::-moz-placeholder, .select-selected::-moz-placeholder {
font-size: 13px;
}
input::placeholder,
textarea::placeholder,
.select-items div::placeholder,
.select-selected::placeholder {
font-size: 13px;
}
}
.container-check {
/* display: flex;
align-items: center;
justify-content: flex-start;
*/
position: relative;
padding-left: 25px;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
/* Hide the browser's default checkbox */
.container-check input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
/* Create a custom checkbox */
.checkmark {
position: absolute;
top: 1px;
left: 0;
height: 15px;
width: 15px;
border-radius: 0px;
border: 1px solid #FFFFFF;
}
.container-check.white {
color: #FFFFFF;
font-size: 10px;
}
.container-check.white span {
display: inline-block;
font-size: 12px;
}
.container-check.white a {
text-decoration: underline;
color: #FFFFFF;
}
.container-check.white a:hover {
opacity: 0.7;
}
.container-check.white label.error {
margin-top: 10px !important;
}
/* On mouse-over, add a grey background color */
.container-check:hover input ~ .checkmark {
background-color: rgba(255, 255, 255, 0.6);
}
/* When the checkbox is checked, add a blue background */
.container-check input:checked ~ .checkmark {
border: 1px solid #FFFFFF;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.container-check input:checked ~ .checkmark:after {
display: block;
}
/* Style the checkmark/indicator */
.container-check .checkmark:after {
left: 4px;
top: 0;
width: 6px;
height: 10px;
border: solid #FFFFFF;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.elm-theme-dinamic {
display: none;
}
.elm-theme-dinamic:first-child {
display: block;
}
.revealUp {
opacity: 0;
visibility: hidden;
}
.plx-elm {
position: relative;
overflow: hidden;
}
.plx-elm img {
transition: none;
position: relative;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
bottom: 0;
}
@media (max-width: 768px) {
.plx-elm {
transform: none !important;
}
.plx-elm img {
transform: none !important;
position: static;
height: auto;
width: auto;
max-width: 100%;
}
}
.plx-elm:hover {
transform: none;
}
.plx-elm.bg-contain img {
-o-object-fit: contain;
object-fit: contain;
}
.elm-horiz {
transform: translateX(200px);
opacity: 0;
}
.animate-to-left {
opacity: 0;
transition: all 2s cubic-bezier(0.27, 0.16, 0, 1.01);
transform: translateX(300px);
}
.animate-to-left.motion-in {
opacity: 1;
transform: translateX(0px);
}
.animate-to-up {
opacity: 0;
transition: all 2s cubic-bezier(0.27, 0.16, 0, 1.01);
transform: translateY(300px);
}
.animate-to-up.motion-in {
opacity: 1;
transform: translateY(0px);
}
/* .caption{
.title,.text{
&:not(.no-fx){
opacity: 0;
transform: translateX(10px);
}
}
} */
.modal-custom, .search {
position: fixed;
overflow: hidden;
overflow-y: auto;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.9);
top: 0px;
left: 0px;
z-index: 9999;
display: none;
}
.modal-custom .s-wrapper, .search .s-wrapper {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
padding: 20px;
width: 100%;
max-width: 600px;
}
.modal-custom .s-wrapper--full, .search .s-wrapper--full {
width: 100%;
height: 100vh;
}
.modal-custom .s-wrapper--full iframe, .search .s-wrapper--full iframe {
z-index: 0;
position: absolute;
width: 100%;
height: 100%;
}
.modal-custom .s-close, .search .s-close {
position: absolute;
z-index: 2;
width: 55px;
height: 55px;
top: 70px;
right: 40px;
background-size: contain;
display: block;
cursor: pointer;
background-color: #AD232B;
padding: 10px;
}
@media (max-width: 768px), (orientation: landscape) {
.modal-custom .s-close, .search .s-close {
width: 35px;
height: 35px;
top: 70px;
right: 20px;
}
}
.modal-custom .s-close:hover svg, .search .s-close:hover svg {
transform: rotate(90deg);
}
.modal-custom .s-close svg, .search .s-close svg {
width: 22px;
height: 22px;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
z-index: 5;
transition: 0.5s all cubic-bezier(0.55, 0.085, 0, 0.99);
}
.modal-custom .s-close svg path, .search .s-close svg path {
fill: #FFF;
}
@media (max-width: 768px) {
.modal-custom .s-wrapper, .search .s-wrapper {
width: 100%;
}
}
.ytp-pause-overlay {
display: none !important;
}
.bg-overlay {
position: fixed;
z-index: 8;
width: 100%;
height: 100svh;
left: 0;
top: 0;
display: none;
justify-content: center;
align-items: center;
}
.bg-overlay.actived {
display: flex;
}
.modal-header {
/* position: absolute;
left: 50%;
transform: translateX(-50%);
top: 32px; */
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
.modal-header .title-layer-modal {
margin-top: 24px;
font-size: 2rem !important;
text-transform: lowercase;
text-align: center;
}
.modal-header .title-layer-modal-small {
font-size: 2rem;
}
@media screen and (max-width: 992px) {
.modal-header .title-layer-modal {
max-width: 75%;
margin-left: auto;
margin-right: auto;
font-size: 2.2rem;
line-height: normal;
}
.modal-header .title-layer-modal-small {
font-size: 2rem;
}
}
.layer-modal {
background-color: white;
position: relative;
display: none;
/* left: 0;
bottom:0;//$navBottomH;
z-index: 10; */
z-index: 10;
width: 100%;
padding: 20px;
transition: all 0.3s ease;
opacity: 0;
pointer-events: none;
overflow-y: auto;
overflow: hidden;
border-radius: 20px;
}
.layer-modal.modal-full {
border-radius: 0;
width: 100%;
max-width: none;
height: 100svh;
}
@media screen and (max-width: 992px) {
.layer-modal {
bottom: auto;
top: 0;
}
}
@media screen and (min-width: 992px) {
.layer-modal {
opacity: 0;
pointer-events: none;
max-width: 700px;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
/* left: 50%;
top: 50%;
transform: translate(-50%,-50%); */
}
}
.layer-modal .layer-demo {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
width: 100%;
padding: 20px 0;
}
@media screen and (max-width: 992px) {
.layer-modal .layer-demo {
padding: 0;
justify-content: flex-start;
height: -moz-fit-content;
height: fit-content;
overflow-x: hidden;
}
}
.layer-modal #img-layer-demo,
.layer-modal .img-demo-tecido {
max-height: 30vh;
}
.layer-modal #img-layer-demo .current-temp {
font-size: 3rem;
margin-left: 2rem !important;
}
.layer-modal .ico-x-close {
position: absolute;
right: 40px;
top: 40px;
z-index: 99;
}
@media (max-width: 992px) {
.layer-modal .ico-x-close {
right: 20px;
top: 20px;
}
}
.layer-modal .title-composition, .layer-modal .title-composition select {
font-size: 18px;
text-transform: lowercase;
}
.layer-modal .text-layer-modal {
font-size: 1.8rem;
text-align: center;
max-width: 250px;
}
.layer-modal .text-layer-modal.full-text {
max-width: 600px;
width: 90%;
margin-left: auto;
margin-right: auto;
}
.layer-modal.layer-promo {
max-width: 750px;
overflow: hidden;
display: none;
align-items: center;
justify-content: center;
overflow-y: auto;
}
@media screen and (min-width: 992px) {
.layer-modal.layer-promo {
height: -moz-fit-content;
height: fit-content;
}
}
.layer-modal.layer-promo h2.modal-promocao {
text-align: center;
color: #AD232B;
text-transform: lowercase;
}
.layer-modal.layer-promo h2.modal-promocao span {
color: #AD232B;
white-space: nowrap;
}
.layer-modal.layer-promo ul.ul-ptomo-modal {
max-width: 630px;
margin: 20px auto;
}
.layer-modal.layer-promo ul.ul-ptomo-modal li {
position: relative;
font-size: 1.8rem;
padding-left: 20px;
margin-bottom: 10px;
}
.layer-modal.layer-promo ul.ul-ptomo-modal li::after {
content: "";
width: 15px;
height: 15px;
background-color: #AD232B;
border-radius: 15px;
position: absolute;
left: 0;
top: 2px;
}
.layer-modal.layer-promo p.seja-rapido {
max-width: 630px;
margin: 0 auto;
color: #AD232B;
font-size: 1.4rem;
}
.layer-modal.layer-promo .layer-demo {
display: block;
min-height: auto;
overflow-y: auto;
}
@media screen and (min-width: 992px) {
.layer-modal.layer-promo .layer-demo {
height: auto;
}
}
.layer-modal.layer-promo .layer-demo picture img {
max-width: 50%;
margin: 0 auto;
}
.layer-modal.layer-promo .product-title-small {
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
.layer-modal.layer-promo .product-title-small a {
text-decoration: none;
color: #AD232B;
}
@media screen and (max-height: 800px) and (orientation: landscape) {
.layer-modal.layer-promo {
transform: scale(0.8);
}
}
.layer-modal.actived {
pointer-events: all;
opacity: 1;
display: flex;
}
.layer-modal.as-modal {
transition: all 0.3s ease;
}
.layer-modal.as-modal.scrolling {
bottom: 55px;
}
.layer-modal.as-modal.actived {
pointer-events: all;
opacity: 1;
}
@media screen and (max-height: 730px) and (orientation: landscape) {
.layer-modal picture img {
max-width: 60%;
margin: 0 auto 10px;
}
}
.layer-modal .weather-home {
display: flex;
align-items: center;
justify-content: center;
}
.layer-modal .weather-home img {
width: 100%;
max-width: 100px;
}
@media screen and (max-height: 730px) and (orientation: landscape) {
.layer-modal .weather-home img {
max-width: 60px;
}
}
.layer-modal .weather-home .current-temp {
font-size: 3rem;
margin-left: 3rem;
}
.layer-modal .modal-finishing {
overflow: hidden;
max-width: 1600px;
margin: 0 auto;
}
.layer-modal .modal-finishing .content-y {
max-height: calc(60svh - 140px);
overflow-x: hidden;
overflow-y: auto;
}
.layer-modal .modal-finishing .title-composition {
font-size: 3rem;
}
.layer-modal .modal-finishing .text-layer-modal {
font-size: 1.6rem;
max-width: 80%;
}
.layer-modal .modal-finishing .color {
position: relative;
}
.layer-modal .modal-finishing .color.big {
width: auto;
height: 200px;
border-radius: 100%;
border: 1px solid #C2C2C2;
float: none;
margin: 0 auto;
margin-bottom: 10px;
position: relative;
overflow: hidden;
aspect-ratio: 1/1;
display: flex;
justify-content: center;
align-items: center;
background-size: cover;
background-position: center center;
}
.layer-modal .modal-finishing .color.big > p {
font-size: 12px;
text-align: center;
color: black;
}
.layer-modal .modal-finishing .color.big img {
position: absolute;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
z-index: 0;
}
.layer-modal .modal-finishing .color.big .name {
font-size: 18px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
margin: 0px;
color: #ffffff;
white-space: initial;
text-align: center;
padding: 0px 10px;
}
.layer-modal .modal-finishing .color.big.active p {
color: white;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.8);
max-width: 85%;
line-height: normal;
}
@media (max-width: 768px) {
.layer-modal .modal-finishing .color.big {
width: 80px;
height: 80px;
}
}
.layer-modal .modal-finishing .wrap-collors {
padding: 1rem 3rem 3rem 3rem !important;
}
.layer-modal .modal-finishing .wrap-collors .product-text {
margin-bottom: 2rem;
}
.layer-modal .modal-finishing .f-wrapper {
/* .col {
position: relative;
padding: 0 20px;
}
.type {
font-size: 15px;
font-style: normal;
text-transform: uppercase;
text-align: center;
width: 100%;
margin-bottom: 20px;
}
.f-inner {
margin: 0 auto;
display: flex;
text-align: center;
width: 100%;
flex-wrap: wrap;
justify-content: center;
} */
}
.layer-modal .modal-finishing .f-wrapper-collors {
display: flex;
gap: 10px;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
/* @media(min-width : $mobile){
max-height: 250px;
overflow: hidden;
overflow-y: auto;
} */
}
.layer-modal .modal-finishing .f-wrapper .color.small {
min-width: 40px;
width: 40px;
min-height: 40px;
height: 40px;
cursor: pointer;
opacity: 1;
transition: 0.5s cubic-bezier(0.55, 0.085, 0, 0.99);
}
.layer-modal .modal-finishing .f-wrapper .color.small .name {
transform: none;
position: relative;
left: auto;
white-space: initial;
padding: 0px;
height: 30px;
margin-top: 0px;
bottom: -2px;
font-size: 12px !important;
}
.layer-modal .modal-finishing .f-wrapper .image {
position: absolute;
width: 100%;
height: 100%;
border-radius: 100%;
border: 1px solid rgba(0, 0, 0, 0.1);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
display: block;
margin: 0 auto;
overflow: hidden;
}
@media (max-width: 768px) {
.layer-modal .modal-finishing .f-wrapper {
padding-bottom: 50px;
}
.layer-modal .modal-finishing .f-wrapper .col {
padding: 0;
}
.layer-modal .modal-finishing .f-wrapper .col .image:not(:hover) {
opacity: 0.5;
}
}
.layer-modal .modal-download {
overflow-x: hidden;
max-width: 1600px;
margin: 0 auto;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.layer-modal .modal-download p.selecione-opt {
font-size: 2.2rem;
}
.layer-modal .gallery-360 {
width: 70%;
height: auto;
margin: 0 auto;
overflow: hidden;
}
@media (max-width: 768px) {
.layer-modal .gallery-360 {
width: 100%;
}
}
.layer-modal .ico-hand {
position: absolute;
bottom: auto;
left: 50%;
transform: translateX(-50%);
}
.layer-modal .modal-360 {
width: 100%;
z-index: 1;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/* .slick-dots {
bottom: 10px;
li {
button{
border-radius: 50%;
background-color: rgba($white, .5);
box-shadow: 0 0 4px 1px rgba($black,.5);
width: 12px;
height: 12px;
&:before{
display: none;
}
}
&.slick-active{
button{
background-color: rgba($white, 1);
}
}
}
}
.slick-prev, .slick-next{
z-index: 2;
width: 41px;
height: 41px;
top : 51.2%;//52.5%;
border-radius: 50%;
box-shadow: 0 0 5px 1px rgba($black, .3);
background-size: contain;
&:before{
display: none;
}
}
.slick-prev,.slick-prev:hover, .slick-prev:focus{
background: url(/public/frontend/assets/botao-esq.svg) !important;
}
.slick-next,.slick-next:hover, .slick-next:focus{
background: url(/public/frontend/assets/botao-dir.svg) !important;
}
.slick-prev{
left: -19px;
}
.slick-next{
right: -19px;
}
.slick-dotted.slick-slider{
margin-bottom: 0;
}
.title-hidden,
.descricao-hidden{
display: none;
}
.gallery-simple{
video{
display: block;
object-fit: cover;
width: 100%;
height: 100%;
}
} */
.swiper-slide picture, .slick-slide picture {
position: relative;
}
.swiper-slide picture img, .swiper-slide picture video, .slick-slide picture img, .slick-slide picture video {
width: 100%;
height: auto;
}
.swiper-pagination-bullet {
width: 12px !important;
height: 17px !important;
text-align: center;
color: #FFFFFF !important;
opacity: 1 !important;
background-color: transparent !important;
border-radius: 0 !important;
border-bottom: 0px solid #FFFFFF;
transition: border 0.2s ease;
}
.swiper-pagination-bullet {
margin: 0 7px !important;
}
.swiper-pagination-bullet-active {
color: #FFFFFF;
border-radius: 0 !important;
border-bottom: 2px solid #FFFFFF;
}
.nav-arrows-empty, .nav-arrows {
width: 113px;
display: flex;
align-items: center;
justify-content: space-between;
}
.swiper-button-prev, .swiper-button-next {
position: relative;
z-index: 3;
}
.swiper-button-prev:after, .swiper-button-next:after {
font-size: 1.8rem !important;
color: #000000;
}
.basicSwiper, .gallery-detail, .gallery-acabamento, .colorsSwiper {
height: auto;
}
.gallery-webdoor {
width: 100%;
position: relative;
}
.gallery-webdoor .swiper-slide picture, .gallery-webdoor .slick-slide picture {
position: relative;
}
.gallery-webdoor .swiper-slide picture img, .gallery-webdoor .swiper-slide picture video, .gallery-webdoor .slick-slide picture img, .gallery-webdoor .slick-slide picture video {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 992px) {
.gallery-webdoor .swiper-slide picture video, .gallery-webdoor .slick-slide picture video {
-o-object-fit: contain !important;
object-fit: contain !important;
}
}
.basicSwiper, .gallery-detail, .gallery-acabamento, .colorsSwiper {
width: 100%;
position: relative;
}
.basicSwiper .swiper-slide picture, .basicSwiper .slick-slide picture, .gallery-detail .swiper-slide picture, .gallery-detail .slick-slide picture, .gallery-acabamento .swiper-slide picture, .gallery-acabamento .slick-slide picture, .colorsSwiper .swiper-slide picture, .colorsSwiper .slick-slide picture {
position: relative;
}
.basicSwiper .swiper-slide picture img, .basicSwiper .swiper-slide picture video, .basicSwiper .slick-slide picture img, .basicSwiper .slick-slide picture video, .gallery-detail .swiper-slide picture img, .gallery-detail .swiper-slide picture video, .gallery-detail .slick-slide picture img, .gallery-detail .slick-slide picture video, .gallery-acabamento .swiper-slide picture img, .gallery-acabamento .swiper-slide picture video, .gallery-acabamento .slick-slide picture img, .gallery-acabamento .slick-slide picture video, .colorsSwiper .swiper-slide picture img, .colorsSwiper .swiper-slide picture video, .colorsSwiper .slick-slide picture img, .colorsSwiper .slick-slide picture video {
width: 100%;
max-width: 100%;
height: auto;
margin: 0 auto;
}
.gallery-detail .swiper-button-prev {
width: 9.25px !important;
}
@media (min-width: 992px) {
.gallery-detail .swiper-button-prev {
left: 104px !important;
}
}
.gallery-detail .swiper-button-next {
width: 9.25px !important;
}
@media (min-width: 992px) {
.gallery-detail .swiper-button-next {
right: 104px !important;
}
}
.gallery-detail .swiper-slide {
transition: 0.7s;
}
@media (min-width: 992px) {
.gallery-detail .swiper-slide {
padding: 15vh 0;
}
}
.gallery-detail .swiper-slide.swiper-slide-active {
transform: scale(1.5);
}
@media screen and (max-width: 992px) {
.gallery-detail .swiper-slide.swiper-slide-active {
transform: scale(1);
}
}
.gallery-acabamento .swiper-slide img, .colorsSwiper .swiper-slide img {
margin: 0 auto;
}
.colorsSwiper {
border-radius: 40px;
max-width: 590px;
padding: 0 50px;
}
.colorsSwiper .swiper-slide {
display: flex;
justify-content: center;
}
@media (max-width: 700px) {
.colorsSwiper {
max-width: 300px;
}
}
.wrap-galleries-finish {
display: none;
}
.wrap-galleries-finish.actived {
display: block;
}
.wrap-options-colors {
position: absolute;
left: 50%;
bottom: 5px;
transform: translateX(-50%);
}
.swiper-button-cor-prev,
.swiper-button-cor-next {
display: flex;
top: 52% !important;
height: auto !important;
}
.swiper-button-cor-prev {
justify-content: flex-start !important;
position: relative;
width: 9px;
left: -18px !important;
}
.swiper-button-cor-prev::after {
content: "prev";
font-size: 1.8rem !important;
vertical-align: top;
}
.swiper-button-cor-next {
justify-content: flex-end !important;
position: relative;
width: 9px;
right: -18px !important;
}
.swiper-button-cor-next::after {
content: "next";
font-size: 1.8rem !important;
vertical-align: top;
}
.swiper-button-disabled {
opacity: 0.4;
}
.swiper-pagination-bullet {
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
width: 20px !important;
height: 20px !important;
text-align: center !important;
line-height: 20px !important;
font-size: 14px !important;
color: #000000 !important;
opacity: 1 !important;
background: transparent !important;
transition: all 0.4s ease !important;
border: none !important;
border-radius: 50% !important;
margin-bottom: 15px !important;
}
@media (max-width: 1000px) {
.swiper-pagination-bullet {
width: 10px !important;
height: 10px !important;
}
}
.swiper-pagination-bullet-active {
color: #FFFFFF !important;
background: #000000 !important;
}
.swipermodal .swiper-pagination-modal {
display: flex;
justify-content: center;
margin: 15px auto;
}
.swipermodal .swiper-pagination-modal .swiper-pagination-bullet {
width: 10px !important;
height: 10px !important;
border-radius: 10px !important;
border: 1px solid #000000 !important;
background-color: transparent !important;
margin: 0 3px !important;
}
.swipermodal .swiper-pagination-modal .swiper-pagination-bullet-active {
width: 50px !important;
border-color: transparent !important;
background-color: #AD232B !important;
}
@media (max-width: 768px) {
.swiper-pagination {
display: none !important;
}
}
.gallery-others-products .swiper-slide {
width: 50%;
display: flex;
justify-content: center;
}
.gallery-others-products .swiper-slide .item.double.js-detect-limit {
width: 100% !important;
}
.gallery-others-products .swiper-slide.border-l {
border-left: 1px solid #707070 !important;
}
.gallery-others-products .swiper-slide:first-child .item.double.js-detect-limit {
border-left: none !important;
}
@media (max-width: 992px) {
.gallery-others-products .swiper-slide {
width: 100%;
}
}
.sl-wrapper .sl-close,
.sl-wrapper .sl-counter,
.sl-wrapper .sl-navigation button {
color: #000000;
}
.sl-overlay {
background-color: #FFFFFF;
}
.sl-wrapper .sl-counter {
display: none !important;
}
.sl-wrapper .sl-close {
transition: all 0.5s;
transform-origin: center center;
width: 22px;
height: 22px;
line-height: 22px;
text-align: center;
color: transparent;
background-image: url(/frontend/assets/ico-x-close-black.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
top: 40px;
right: 40px;
}
@media screen and (max-width: 992px) {
.sl-wrapper .sl-close {
top: 20px;
right: 20px;
}
}
.sl-wrapper .sl-close:hover {
transform: rotate(90deg);
}
/* .ico-zoom{
position: absolute;
bottom: 40px;
right: 40px;
z-index: 6;
} */
.img-zoom .ico-zoom {
bottom: 40px;
right: 40px;
}
.img-zoom .ico-zoom svg path {
fill: #000000;
}
.img-zoom .ico-zoom.ico-top {
bottom: auto;
top: 0;
right: 40px;
}
.sl-spinner {
border-color: #AD232B !important;
}
.sl-wrapper.simple-lightbox .sl-image img {
transform: translate(0px, 0px) scale(1.2) !important;
}
.sl-prev,
.sl-next {
color: transparent !important;
}
.sl-prev::after,
.sl-next::after {
color: black;
font-family: "swiper-icons";
font-size: 1.8rem !important;
text-indent: 0;
}
.sl-prev::after {
content: "prev";
}
.sl-next::after {
content: "next";
}
.wrap-slc-dots {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 40px;
z-index: 10;
padding: 10px;
background-color: orange;
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
}
.wrap-slc-dots .lsc-dots {
width: 10px;
height: 10px;
background-color: purple;
}
.wrap-slc-dots .lsc-dots.actived {
background-color: red;
}
/* IMAGE LIGHTBOX SELECTOR */
#imagelightbox {
cursor: pointer;
position: fixed;
z-index: 10000;
touch-action: none;
}
#imagelightbox::before {
content: "";
background-color: white;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
/* ACTIVITY INDICATION */
#imagelightbox-loading,
#imagelightbox-loading div {
border-radius: 50%;
}
#imagelightbox-loading {
width: 2.5em;
/* 40 */
height: 2.5em;
/* 40 */
background-color: #444;
background-color: rgba(0, 0, 0, 0.5);
position: fixed;
z-index: 10003;
top: 50%;
left: 50%;
padding: 0.625em;
/* 10 */
margin: -1.25em 0 0 -1.25em;
/* 20 */
/* 40 */
box-shadow: 0 0 2.5em rgba(0, 0, 0, 0.75);
/* 40 */
}
#imagelightbox-loading div {
width: 1.25em;
/* 20 */
height: 1.25em;
/* 20 */
background-color: #fff;
animation: imagelightbox-loading 0.5s ease infinite;
}
@keyframes imagelightbox-loading {
from {
opacity: 0.5;
transform: scale(0.75);
}
50% {
opacity: 1;
transform: scale(1);
}
to {
opacity: 0.5;
transform: scale(0.75);
}
}
/* OVERLAY */
#imagelightbox-overlay {
background-color: #fff;
position: fixed;
z-index: 9998;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
/* "CLOSE" BUTTON */
#imagelightbox-close {
width: 2.5em;
/* 40 */
height: 2.5em;
/* 40 */
text-align: left;
border-radius: 50%;
position: fixed;
z-index: 10002;
top: 2.5em;
/* 40 */
right: 2.5em;
/* 40 */
transition: color 0.3s ease;
}
#imagelightbox-close:hover,
#imagelightbox-close:focus {
background-color: #111;
}
#imagelightbox-close:after {
content: "";
position: absolute;
}
/* #imagelightbox-close:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
*/
/* #imagelightbox-close:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
} */
#imagelightbox-close:after {
width: 22px;
height: 22px;
background-image: url(/frontend/assets/ico-x-close-black.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
/* CAPTION */
#imagelightbox-caption {
text-align: center;
color: #fff;
background-color: #666;
position: fixed;
z-index: 10001;
left: 0;
right: 0;
bottom: 0;
padding: 0.625em;
/* 10 */
}
/* NAVIGATION */
#imagelightbox-nav {
border-radius: 20px;
position: fixed;
z-index: 10001;
left: 50%;
bottom: 3.75em;
/* 60 */
padding: 0.313em;
/* 5 */
transform: translateX(-50%);
}
#imagelightbox-nav button {
width: 10px;
height: 10px;
background-color: transparent;
border-radius: 50%;
display: inline-block;
margin: 0 7px;
/* 5 */
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
}
#imagelightbox-nav button.active {
background-color: #000000;
}
/* ARROWS */
.imagelightbox-arrow {
width: 3.75em;
/* 60 */
height: 7.5em;
/* 120 */
background-color: #444;
background-color: rgba(0, 0, 0, 0.5);
vertical-align: middle;
display: none;
position: fixed;
z-index: 10001;
top: 50%;
margin-top: -3.75em;
/* 60 */
}
.imagelightbox-arrow:hover,
.imagelightbox-arrow:focus {
background-color: rgba(0, 0, 0, 0.75);
}
.imagelightbox-arrow:active {
background-color: #111;
}
.imagelightbox-arrow-left {
left: 2.5em;
/* 40 */
}
.imagelightbox-arrow-right {
right: 2.5em;
/* 40 */
}
.imagelightbox-arrow:before {
width: 0;
height: 0;
border: 1em solid transparent;
content: "";
display: inline-block;
margin-bottom: -0.125em;
/* 2 */
}
.imagelightbox-arrow-left:before {
border-left: none;
border-right-color: #fff;
margin-left: -0.313em;
/* 5 */
}
.imagelightbox-arrow-right:before {
border-right: none;
border-left-color: #fff;
margin-right: -0.313em;
/* 5 */
}
#imagelightbox-loading,
#imagelightbox-overlay,
#imagelightbox-close,
#imagelightbox-caption,
#imagelightbox-nav,
.imagelightbox-arrow {
animation: fade-in 0.25s linear;
}
@keyframes fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@media only screen and (max-width: 41.25em) {
#container {
width: 100%;
}
#imagelightbox-close {
top: 20px;
/* 20 */
right: 20px;
/* 20 */
}
#imagelightbox-nav {
bottom: 20px;
}
.imagelightbox-arrow {
width: 2.5em;
/* 40 */
height: 3.75em;
/* 60 */
margin-top: -2.75em;
/* 30 */
}
.imagelightbox-arrow-left {
left: 1.25em;
/* 20 */
}
.imagelightbox-arrow-right {
right: 1.25em;
/* 20 */
}
}
@media only screen and (max-width: 20em) {
.imagelightbox-arrow-left {
left: 0;
}
.imagelightbox-arrow-right {
right: 0;
}
}
.wrap-filters {
display: flex;
align-items: center;
}
@media (max-width: 768px) {
.wrap-filters {
display: none;
}
}
.wrap-filters-lang {
display: flex;
position: relative;
z-index: 4;
}
.wrap-drop {
min-width: 200px;
display: flex;
justify-content: space-between;
position: relative;
align-items: center;
background-color: white;
}
.wrap-drop .ico-arrow-filter {
transition: transform 0.3s ease;
}
.wrap-drop::after {
content: "";
position: absolute;
left: 0;
bottom: -10px;
width: 100%;
}
.wrap-drop-lang {
min-width: auto;
background-color: transparent;
}
.wrap-drop-lang::after {
border-bottom: 0;
}
.wrap-drop-lang p {
font-size: 14px;
color: #FFFFFF;
}
@media screen and (max-width: 992px) {
.wrap-drop {
min-width: auto;
}
}
/* The container - needed to position the dropdown content */
.dropdown {
position: relative;
display: inline-block;
z-index: 4;
text-decoration: none;
text-transform: lowercase;
}
.dropdown strong {
margin-right: 10px;
}
.dropdown strong, .dropdown .filter-change {
font-size: 1.8rem;
}
.dropdown:hover .wrap-drop .ico-arrow-filter {
transform: scaleY(-1);
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
transition: all 0.2s ease;
transform: translateY(-15px);
opacity: 0;
pointer-events: none;
position: absolute;
width: -moz-fit-content;
width: fit-content;
z-index: 1;
right: 0;
}
.dropdown-content * {
font-size: 2rem;
}
.dropdown-content-lang {
min-width: auto;
box-shadow: none;
}
.dropdown-content-lang a {
background-color: transparent !important;
font-size: 14px !important;
padding-left: 0 !important;
}
/* Links inside the dropdown */
.dropdown-content a {
background-color: #FFFFFF;
color: #AEAEAE;
padding: 6px 10px;
text-decoration: none;
justify-content: flex-end;
display: flex;
flex-flow: row nowrap;
transition: all 0.4s ease;
text-transform: lowercase;
font-size: 1.8rem;
}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {
background-position: left;
color: rgb(0, 0, 0);
padding-left: 13px;
}
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
display: flex;
flex-flow: column;
justify-content: flex-start;
padding-top: 15px;
transform: translateY(0px);
opacity: 1;
pointer-events: all;
}
/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
background-color: #3e8e41;
}
.pagination {
display: flex;
justify-content: center;
align-items: center;
}
.pagination .pag-items {
display: flex;
justify-content: center;
align-items: center;
}
.pagination .pag-items, .pagination .pag-items * {
font-size: 14px;
text-decoration: none;
}
.pagination .pag-items a, .pagination .pag-items * a {
padding: 10px 4px;
color: black;
}
.pagination .pag-items .item a, .pagination .pag-items * .item a {
text-decoration: none;
width: 20px;
height: 20px;
background-color: transparent;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.pagination .pag-items .item a:hover, .pagination .pag-items .item a.active, .pagination .pag-items * .item a:hover, .pagination .pag-items * .item a.active {
background-color: black;
color: white;
}
/* .pagination{
position: relative;
display: table;
margin: 60px auto;
.arrow{
width: 30px; height: 30px;
display: inline-block;
vertical-align: middle;
cursor: pointer;
position: relative;
&:before{
// .ba;
position: absolute;
// .bg('ico-arrow-1-black.svg');
width: 30px; height: 30px;
transition: all $custom .2s;
transform: rotate(-90deg);
margin-top: 2px;
}
&:hover{
&:before{
left: 5px;
}
}
&.prev{
&:hover{
&:before{
right: 5px;
left: auto;
}
}
&:before{
right: 0px;
left: auto;
transform: rotate(90deg);
}
}
}
.page-item{
// .barlowRg;
display: inline-block;
margin: 0 2px;
vertical-align: middle;
width: 25px; height: 30px;
text-align: center;
position: relative;
cursor: pointer;
&:after{
margin-top: 2px;
// .ba;
width: 100%; height: 100%;
// .centerBoth;
border: 1px solid $gray;
z-index: 1;
}
a, .page-link{
font-size: 13px;
line-height: 30px;
color: $gray;
display: block;
position: relative;
z-index: 2;
}
&:hover{
a, .page-link{
color: $black;
// .barlowBd;
}
&:after{
border: 1px solid $black;
}
}
&.active{
.page-link{
color: $black;
// .barlowBd;
}
&:after{
border: 1px solid $gray;
}
}
}
} */
@font-face {
font-family: "netto_icons_otregular";
src: url("/frontend/fonts/nettoiconsot-webfont.woff2") format("woff2"), url("/frontend/fonts/nettoiconsot-webfont.woff") format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "netto_icons_otbold";
src: url("/frontend/fonts/nettoiconsot-bold-webfont.woff2") format("woff2"), url("/frontend/fonts/nettoiconsot-bold-webfont.woff") format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "netto_icons_otlight";
src: url("/frontend/fonts/nettoiconsot-light-webfont.woff2") format("woff2"), url("/frontend/fonts/nettoiconsot-light-webfont.woff") format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "netto_otregular";
src: url("/frontend/fonts/nettoot-webfont.woff2") format("woff2"), url("/frontend/fonts/nettoot-webfont.woff") format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "netto_otbold";
src: url("/frontend/fonts/nettoot-bold-webfont.woff2") format("woff2"), url("/frontend/fonts/nettoot-bold-webfont.woff") format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "netto_otlight";
src: url("/frontend/fonts/nettoot-light-webfont.woff2") format("woff2"), url("/frontend/fonts/nettoot-light-webfont.woff") format("woff");
font-weight: normal;
font-style: normal;
}
/*
$f : @type number (number fontsize)
$lh : @type number (number line-height)
*/
input::-moz-placeholder, textarea::-moz-placeholder {
font-family: "netto_otregular";
}
.font, .page-register .container h1, .page-register .container, .page-contracts .container h1, .page-contracts .container, .page-designers .wrap-dinamic-designers ul li .item-designer picture .legend-overlay p, .page-contact .wrap-infos-blog .blog-date, .page-about .wrap-infos-blog .blog-date, .page-blog .wrap-infos-blog .blog-date, .page-detail .div-fixed-go .p-prepare, .sd-sidebar-wrapper .sd-sidebar--cart .sd-footer-fixed .info-cep-required, .sd-sidebar-wrapper .sd-sidebar--cart .sd-footer-fixed .p-frete, .sd-sidebar-wrapper .sd-sidebar--cart .sd-footer-fixed .value-cart-shipping, .sd-sidebar-wrapper .sd-sidebar--cart .sd-footer-fixed .cart-sub-total p,
.sd-sidebar-wrapper .sd-sidebar--cart .sd-footer-fixed .cart-total p, .sd-sidebar-wrapper .sd-sidebar--cart .sd-footer-fixed .wrap-sd-frete, .sd-sidebar-wrapper .sd-sidebar--cart .sd-content .list-cart-products li .wrap-cart-product-opt .sd-wrap-counter-product .sd-wrap-inputs-numbers button.bt-add,
.sd-sidebar-wrapper .sd-sidebar--cart .sd-content .list-cart-products li .wrap-cart-product-opt .sd-wrap-counter-product .sd-wrap-inputs-numbers button.bt-sub, .sd-sidebar-wrapper .sd-sidebar--cart .sd-content .list-cart-products li .wrap-cart-product-opt .wcp-color, .sd-sidebar-wrapper .sd-sidebar--cart .sd-content .list-cart-products li .wrap-cart-product-opt .wcp-title p, .sd-sidebar-wrapper .sd-sidebar--cart .sd-title, .sd-sidebar-wrapper .sd-sidebar .sd-footer .sd-text p, .sd-sidebar-wrapper .sd-sidebar .sd-footer .sd-text a, .sd-sidebar-wrapper .sd-sidebar .sd-footer .sd-text strong, .sd-sidebar-wrapper .sd-sidebar .sd-footer .sd-text b, .sd-sidebar-wrapper .sd-sidebar .sd-menu ul li a, .sd-sidebar-wrapper .sd-sidebar .sd-menu a p, section.section-articles .produtos-encontrados p, section.section-articles .form-check-label p, section.section-products .produtos-encontrados p, section.section-products .form-check-label p, .webdoor .webdoor-link-footer p, .webdoor-home-teto .box, .info-content div p, footer .footer-menu a, footer .wrap-copyright p, .layer-menu .content-layer .navs a p, .layer-menu .content-layer .navs a, .tools-float button p, .tools-float a p, .product-text, .product-text *,
.blog-text, .blog-text *, .caption-title, .bt-link p, .wrap-bt-count span, .layerIntroPage p, body *, .swal2-title,
.swal2-html-container, input,
textarea, input::placeholder,
textarea::placeholder,
label,
.wrap-drop-webdoor,
p.label, .input-terms, .form-status, label.error, .button, .custom-select, .select-items div,
.select-selected, .container-check.white span, .modal-header .title-layer-modal, .layer-modal #mdl-result-ajax *:not(.swiper-button-cor-prev):not(.swiper-button-cor-next), .layer-modal .text-layer-modal, .layer-modal.layer-promo ul.ul-ptomo-modal li, .layer-modal .weather-home .current-temp, .sl-wrapper .sl-counter, .sl-wrapper .sl-image .sl-caption, .wrap-drop-lang p, .dropdown-content *, .dropdown-content-lang a, .dropdown-content a, .pagination .pag-items, .pagination .pag-items * {
font-family: "netto_otregular";
}
.font2 {
font-family: "netto_icons_otregular";
}
.fontB, .page-busca .busca-traiding strong, .page-busca .last-search strong, .page-team .thumb-team .layer-member p, .sd-sidebar-wrapper .sd-sidebar--cart .sd-footer-fixed .cart-sub-total p strong,
.sd-sidebar-wrapper .sd-sidebar--cart .sd-footer-fixed .cart-total p strong, .sd-sidebar-wrapper .sd-sidebar--cart .sd-content .list-cart-products li .wrap-cart-product-opt .sd-wrap-counter-product .sd-wrap-inputs-numbers input.tot-product-counter, .sd-sidebar-wrapper .sd-sidebar .sd-footer .sd-text p b, .sd-sidebar-wrapper .sd-sidebar .sd-footer .sd-text p strong, .sd-sidebar-wrapper .sd-sidebar .sd-footer .sd-text a b, .sd-sidebar-wrapper .sd-sidebar .sd-footer .sd-text a strong, .sd-sidebar-wrapper .sd-sidebar .sd-footer .sd-text strong b, .sd-sidebar-wrapper .sd-sidebar .sd-footer .sd-text strong strong, .sd-sidebar-wrapper .sd-sidebar .sd-footer .sd-text b b, .sd-sidebar-wrapper .sd-sidebar .sd-footer .sd-text b strong, section.section-banner-promo picture .text-banner span, section.section-banner-promo picture .text-banner, section.section-designers .wrap-designers picture .layer-thumb-over p, section.section-articles .produtos-encontrados strong, section.section-articles .form-check-label strong, section.section-products .produtos-encontrados strong, section.section-products .form-check-label strong, footer .text-siga strong, .product-text strong, .product-text * strong,
.blog-text strong, .blog-text * strong, body * strong, body * b, .w-info-product strong, .layer-modal #mdl-result-ajax *:not(.swiper-button-cor-prev):not(.swiper-button-cor-next) strong, .layer-modal #mdl-result-ajax *:not(.swiper-button-cor-prev):not(.swiper-button-cor-next) b, .layer-modal.layer-promo strong, .dropdown strong {
font-family: "netto_otbold";
}
.fontB2 {
font-family: "netto_icons_otbold";
}
.fontL, .layer-modal .modal-finishing .color.big > p {
font-family: "netto_otlight";
}
.fontL2 {
font-family: "netto_icons_otlight";
}
@font-face {
font-family: "poppinslight";
src: url("/frontend/fonts/poppins/poppins-light-webfont.woff2") format("woff2"), url("/frontend/fonts/poppins/poppins-light-webfont.woff") format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "poppinsmedium";
src: url("/frontend/fonts/poppins/poppins-medium-webfont.woff2") format("woff2"), url("/frontend/fonts/poppins/poppins-medium-webfont.woff") format("woff");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "poppinsregular";
src: url("/frontend/fonts/poppins/poppins-regular-webfont.woff2") format("woff2"), url("/frontend/fonts/poppins/poppins-regular-webfont.woff") format("woff");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "poppinsthin";
src: url("/frontend/fonts/poppins/poppins-thin-webfont.woff2") format("woff2"), url("/frontend/fonts/poppins/poppins-thin-webfont.woff") format("woff");
font-weight: normal;
font-style: normal;
}
.fontPoppins, .page-contact form span.error, .page-contact form .subtitle, .page-contact form * {
font-family: "poppinslight";
}
.page-contact .input::-moz-placeholder, .page-contact .form .select select::-moz-placeholder {
font-family: "poppinsregular";
}
.fontPoppinsR, .page-contact .input::placeholder,
.page-contact .form .select select::placeholder, .page-contact .input,
.page-contact .form .select select, .page-contact form .a-link {
font-family: "poppinsregular";
}
header {
position: fixed;
top: -500px;
left: 0;
width: 100%;
z-index: 3;
height: 84px;
display: flex;
align-items: center;
justify-content: space-between;
transition: all 1s cubic-bezier(0.55, 0.085, 0, 0.99);
background-color: transparent;
}
header .w-logo {
position: relative;
z-index: 2;
}
header .w-temp svg path, header .w-temp svg text, header .w-temp svg rect {
fill: #000000;
}
header .font-clima, header .current-temp {
font-size: 1.6rem;
margin-left: 3px;
}
header a {
color: #000000;
text-decoration: none;
}
header .link-menu-products {
font-size: 2rem;
transition: all 0.5s ease;
position: relative;
top: -2px;
transform: translateX(0px);
}
header .link-menu-products:hover {
transform: translateX(5px);
}
header.header-absolute {
position: absolute;
top: -500px;
}
header.s-white {
/* .weather-home,
.ico-header--account,
.ico-header--search{ */
}
header.s-white #nav-icon1 span, header.s-white #nav-icon3 span, header.s-white #nav-icon4 span {
background-color: white;
}
header.s-white svg path:not(#Caminho_1):not(#Caminho_2):not(#Caminho_46):not(#Caminho_47):not(#Caminho_14):not(#Caminho_15):not(#Caminho_39):not(#Caminho_38) {
fill: #FFFFFF;
}
header.s-white a, header.s-white .font-clima, header.s-white .current-temp {
color: white;
}
header.motion-in {
top: 0px !important;
}
header.motion-in nav a p {
transition-delay: 0.3s;
transform: translateY(0);
}
header.scrolling, header.header-intern {
transition: all 0.3s cubic-bezier(0.55, 0.085, 0, 0.99);
position: fixed;
justify-content: space-between;
margin-top: 0;
}
header.scrolling.header-absolute, header.header-intern.header-absolute {
position: fixed;
}
header.scrolling.header-absolute svg, header.header-intern.header-absolute svg {
filter: brightness(1);
}
header.scrolling.header-black, header.header-intern.header-black {
background-color: #FFFFFF;
}
header.scrolling.header-white, header.header-intern.header-white {
background-color: #FFFFFF;
}
header.scrolling.scrolling, header.header-intern.scrolling {
background-color: white;
}
header.scrolling.scrolling svg path:not(#Caminho_1):not(#Caminho_2):not(#Caminho_46):not(#Caminho_47):not(#Caminho_14):not(#Caminho_15):not(#Caminho_39):not(#Caminho_38), header.header-intern.scrolling svg path:not(#Caminho_1):not(#Caminho_2):not(#Caminho_46):not(#Caminho_47):not(#Caminho_14):not(#Caminho_15):not(#Caminho_39):not(#Caminho_38) {
fill: black !important;
}
header.scrolling.scrolling #nav-icon1 span, header.scrolling.scrolling #nav-icon3 span, header.scrolling.scrolling #nav-icon4 span, header.header-intern.scrolling #nav-icon1 span, header.header-intern.scrolling #nav-icon3 span, header.header-intern.scrolling #nav-icon4 span {
background-color: black;
}
header.scrolling.scrolling .link-menu-products, header.header-intern.scrolling .link-menu-products {
color: black;
}
header.scrolling.scrolling .weather-home img, header.header-intern.scrolling .weather-home img {
filter: brightness(0);
}
header.scrolling.scrolling .weather-home .current-temp, header.header-intern.scrolling .weather-home .current-temp {
color: black;
}
header.header-black, header.header-white {
position: fixed;
}
header .number-total-cart {
font-size: 1.4rem;
right: -9px;
top: 26px;
color: #000000 !important;
}
@media screen and (min-width: 992px) {
header {
margin-top: 20px;
}
header .wrap-sandwitch,
header .options-user {
display: flex;
align-items: center;
}
header .wrap-sandwitch svg path,
header .options-user svg path {
fill: #000000;
}
header .wrap-sand-link, header .options-user {
width: 310px;
}
header button.show-sidebar {
height: 22px;
width: 22px;
}
header a.link-nav {
font-size: 2.2rem;
transition: all 0.2s ease;
}
header a.link-nav:hover {
transform: translateY(-2px);
}
header .options-user {
justify-content: flex-end;
}
header .options-user a, header .options-user button {
margin-left: 3rem;
}
header .options-user a:first-child, header .options-user button:first-child {
margin-left: 0;
}
header .options-user a, header .options-user button {
transition: all 0.2s ease;
}
header .options-user a:hover, header .options-user button:hover {
transform: translateY(-2px);
}
header .number-total-cart {
font-size: 1.8rem;
position: absolute;
right: -14px;
top: 2px;
}
}
@media (max-width: 1000px) {
header {
transition: all 0.2s ease;
}
header .w-logo {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
}
.tools-float {
position: fixed;
z-index: 3;
left: 0;
bottom: 0;
background-color: black;
display: flex;
flex-direction: row;
width: 100%;
height: 74px;
display: flex;
justify-content: space-between;
padding: 0 20px;
overflow: hidden;
transition: all 0.4s ease;
}
.tools-float button, .tools-float a {
transition: all 0.4s ease;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
margin-top: -16px;
}
.tools-float button svg path, .tools-float button svg line, .tools-float a svg path, .tools-float a svg line {
fill: #FFFFFF;
}
.tools-float button p, .tools-float a p {
transition: all 0.5s ease;
position: absolute;
bottom: 12px;
left: 50%;
transform: translateX(-50%);
color: #FFFFFF;
white-space: nowrap;
text-transform: uppercase;
}
.tools-float button:hover, .tools-float a:hover {
transform: translateX(-3px) scale(0.95);
}
.tools-float button.actived svg path, .tools-float button.actived svg line, .tools-float a.actived svg path, .tools-float a.actived svg line {
fill: #AD232B;
stroke: #AD232B;
}
.tools-float button.actived p, .tools-float a.actived p {
color: #AD232B;
}
.tools-float button.temp-off svg path, .tools-float button.temp-off svg line, .tools-float a.temp-off svg path, .tools-float a.temp-off svg line {
fill: #FFFFFF !important;
stroke: #FFFFFF !important;
}
.tools-float button.temp-off p, .tools-float a.temp-off p {
color: #FFFFFF !important;
}
.tools-float.scrolling {
height: 55px;
}
.tools-float.scrolling button, .tools-float.scrolling a {
margin-top: -5px;
}
.tools-float.scrolling button p, .tools-float.scrolling a p {
opacity: 0;
bottom: -20px;
}
/* .wrap-sandwitch{
cursor: pointer;
position: relative;
z-index: 5;
#nav-icon3{
transition: all .4s ease;
}
p{
transition: all .4s ease;
margin: 0;
position: relative;
top: 1px;
}
&.open{
p{color: $white;}
#nav-icon3.open span:nth-child(2),#nav-icon3.open span:nth-child(3){background-color: $white;}
}
&:hover{
#nav-icon3{
width: 28px;
}
p{
transform: translateX(4px);
}
}
} */
.layer-menu {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 10;
opacity: 0;
transition: all 0.2s ease;
pointer-events: none;
display: flex;
flex-flow: row;
align-items: center;
background-color: purple;
}
.layer-menu .wrapper-layer-menu {
height: 100%;
padding: 0;
position: fixed;
z-index: 1;
}
.layer-menu .content-layer {
position: relative;
z-index: 3;
width: 100%;
height: 100%;
}
.layer-menu .content-layer .ico-x-close {
position: absolute;
top: 20px;
right: 20px;
}
.layer-menu .content-layer .ico-x-close svg path, .layer-menu .content-layer .ico-x-close svg rect, .layer-menu .content-layer .ico-x-close svg line {
fill: #FFFFFF;
}
.layer-menu .content-layer > .row {
height: 100%;
}
.layer-menu .content-layer .navs {
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
border-bottom: 1px solid #707070;
}
.layer-menu .content-layer .navs ul {
padding: 10px 0;
}
.layer-menu .content-layer .navs ul a {
margin: 15px;
line-height: 25px;
}
.layer-menu .content-layer .navs a {
transition: all 1s cubic-bezier(0.55, 0.085, 0, 0.99);
text-decoration: none;
color: #FFFFFF;
white-space: nowrap;
margin-bottom: 5vh;
font-size: 13px;
}
.layer-menu .content-layer .navs a:first-child {
margin-top: 5px;
}
.layer-menu .content-layer .navs a p {
color: #FFFFFF;
text-transform: uppercase;
}
.layer-menu .content-layer .navs a:last-child {
margin-bottom: 0;
}
.layer-menu.actived {
opacity: 1;
pointer-events: all;
}
.layer-menu.actived .open span {
background-color: white;
}
footer {
position: relative;
z-index: 0;
/* .box-newsletter{
min-height: 350px;
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
}
*/
}
footer .ico-footer-logo {
margin: 73px auto;
}
@media screen and (max-width: 992px) {
footer .ico-footer-logo {
margin: 50px auto;
}
}
footer .text-siga {
font-size: 1.8rem;
white-space: nowrap;
}
footer .text-siga a {
text-decoration: none;
color: inherit;
}
footer .wrap-share-send-news {
width: 100%;
max-width: 830px;
margin-left: auto;
margin-right: auto;
margin-top: 73px;
}
@media screen and (max-width: 992px) {
footer .wrap-share-send-news {
margin-top: 50px;
}
}
footer .wrap-share-send-news a {
text-decoration: none;
}
footer form {
width: 100%;
display: block;
}
footer form p {
margin-bottom: 3.5rem;
text-align: center;
}
footer form .wrap-input-send {
margin-top: 50px;
margin-bottom: 0;
}
footer .container.divisoria {
border-top: 1px solid #707070;
}
footer .wrap-share {
text-transform: lowercase;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
margin-bottom: 73px;
}
@media screen and (max-width: 992px) {
footer .wrap-share {
margin-bottom: 0px;
}
}
footer .wrap-copyright p {
font-size: 1.7rem;
line-height: 1.5rem;
text-align: justify !important;
}
@media screen and (max-width: 992px) {
footer .wrap-copyright p {
text-align: center !important;
margin-left: auto;
margin-right: auto;
}
}
footer .wrap-copyright svg path {
fill: #000000;
}
@media screen and (min-width: 992px) {
footer .text-siga {
max-width: none;
}
footer form {
width: 100%;
max-width: 260px;
}
footer form .wrap-input-send {
margin-top: 0;
width: 100%;
}
footer form p br {
display: none;
}
footer .wrap-share {
width: 100%;
}
footer .footer-menu a {
text-decoration: none;
font-size: 1.6rem;
line-height: 3rem;
}
}
.info-content {
width: 100%;
height: 100%;
background-color: #ffffff;
border-radius: 0px;
display: flex;
justify-content: center;
align-items: center;
flex-flow: column;
}
.info-content div p {
text-align: center;
margin: 15px auto;
font-size: 16px;
}
.modal-info-orientation-mobile {
position: fixed;
z-index: 99999;
left: 0;
top: 0;
background-color: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
display: none;
justify-content: center;
align-items: center;
opacity: 0;
}
@media only screen and (min-width: 320px) and (max-width: 1000px) and (orientation: landscape) {
.modal-info-orientation-mobile {
display: flex;
transition: opacity 2s ease 1s;
opacity: 1;
}
}
.webdoor-home-teto {
width: 100%;
height: 100svh;
position: relative;
background-color: gray;
}
.webdoor-home-teto::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 0;
background: rgb(0, 0, 0);
background: linear-gradient(180deg, rgba(0, 0, 0, 0.71892507) 0%, rgba(2, 0, 36, 0) 30%);
}
.webdoor-home-teto .image {
position: absolute;
width: 100%;
height: 100%;
}
.webdoor-home-teto .image figure {
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background: no-repeat center center;
background-size: cover;
opacity: 1;
transition: 0.5s linear opacity;
opacity: 0;
}
.webdoor-home-teto .image figure.show {
opacity: 1;
}
.webdoor-home-teto .sections {
z-index: 1;
width: -moz-fit-content;
width: fit-content;
position: absolute;
left: 50%;
bottom: 50px;
transform: translateX(-50%);
display: flex;
justify-content: center;
}
.webdoor-home-teto .box {
text-decoration: none;
position: relative;
display: flex;
align-items: center;
padding: 0 15px;
color: #ffffff;
height: 44px;
min-width: 136px;
width: -moz-fit-content;
width: fit-content;
font-style: normal;
font-size: 1.8rem;
border: 1px solid #ffffff;
text-align: center;
margin: 0 10px;
cursor: pointer;
text-transform: lowercase;
border-radius: 44px;
overflow: hidden;
text-align: center;
justify-content: center;
}
.webdoor-home-teto .box::after {
content: "";
border-radius: 54px;
display: block;
background: rgba(255, 255, 255, 0.3);
position: absolute;
width: 0%;
top: 0;
left: 0;
right: auto;
transition: 0.5s cubic-bezier(0.55, 0.085, 0, 0.99) all;
height: 100%;
}
.webdoor-home-teto .box:hover:after {
left: auto;
right: 0;
width: 100%;
}
@media (max-width: 999px) {
.webdoor-home-teto .sections {
padding: 0px 20px;
width: 100%;
display: flex;
flex-direction: column;
}
.webdoor-home-teto .box {
width: 100%;
display: block;
float: none;
margin: 0 auto 10px;
font-size: 16px;
padding: 15px;
max-width: 260px;
}
.webdoor-home-teto .box::after {
transition: none;
}
}
.webdoor {
width: 100%;
position: relative;
background-color: transparent;
margin-bottom: 55px;
}
.webdoor::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
background: rgb(0, 0, 0);
background: linear-gradient(180deg, rgba(0, 0, 0, 0.71892507) 0%, rgba(2, 0, 36, 0) 30%);
}
.webdoor .swiper-slide .webdoor-caption,
.webdoor .slick-slide .webdoor-caption {
position: absolute;
z-index: 2;
left: 50%;
top: 50%;
width: 100%;
transform: translate(-50%, -50%);
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transition: top 4.5s cubic-bezier(0.16, 1, 0.3, 1), opacity 1s ease;
transition-delay: 1s, 1s !important;
}
.webdoor .swiper-slide.slick-current .webdoor-caption, .webdoor .swiper-slide.swiper-slide-active .webdoor-caption,
.webdoor .slick-slide.slick-current .webdoor-caption,
.webdoor .slick-slide.swiper-slide-active .webdoor-caption {
opacity: 1;
top: 50%;
}
@media screen and (max-width: 992px) {
.webdoor .swiper-slide picture .ico-play,
.webdoor .slick-slide picture .ico-play {
top: 40%;
}
}
.webdoor .swiper-pagination {
left: 104px !important;
bottom: 40px !important;
display: flex;
align-items: center;
justify-content: flex-start;
}
.webdoor .webdoor-link-footer {
text-align: center;
cursor: pointer;
width: 28px;
height: 77.67px;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 40px;
z-index: 2;
}
.webdoor .webdoor-link-footer p {
position: absolute;
pointer-events: none;
left: 50%;
top: 0px;
transform: translateX(-50%);
color: white;
font-size: 16px;
}
.webdoor .webdoor-link-footer svg {
pointer-events: none;
animation: setDown 4s cubic-bezier(0.55, 0.085, 0, 0.99) infinite;
position: relative;
top: 30px;
}
@media (max-height: 700px) and (orientation: landscape) {
.webdoor .webdoor-link-footer {
height: 50px;
background-size: contain;
bottom: -20px;
}
}
@keyframes setDown {
20% {
transform: translateY(-8px);
}
30% {
transform: translateY(0px);
}
}
@media screen and (min-width: 992px) {
.webdoor {
margin-bottom: 0;
}
.webdoor .swiper-slide .webdoor-caption {
top: 45% !important;
transform: translate(-50%, -50%);
}
.webdoor .swiper-slide .webdoor-caption.c-video {
top: 55% !important;
}
}
.webdoor-detail {
min-height: calc(100svh - 84px);
width: 100%;
display: flex;
align-items: stretch;
justify-content: space-between;
flex-direction: column;
}
.webdoor-detail .wrapper:first-child {
height: 100%;
display: flex;
align-items: stretch;
align-self: stretch;
}
.webdoor-detail .wrapper:first-child .container {
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
@media screen and (max-width: 992px) {
.webdoor-detail .bt-link p {
font-size: 1.5rem;
}
}
section {
display: flex;
position: relative;
z-index: 2;
display: flex;
flex-flow: column;
overflow: hidden;
}
section.section-articles .produtos-encontrados, section.section-articles .form-check-label, section.section-products .produtos-encontrados, section.section-products .form-check-label {
display: flex;
align-items: center;
text-transform: lowercase;
}
section.section-articles .produtos-encontrados *, section.section-articles .form-check-label *, section.section-products .produtos-encontrados *, section.section-products .form-check-label * {
font-size: 2rem;
}
section.section-articles .produtos-encontrados strong, section.section-articles .form-check-label strong, section.section-products .produtos-encontrados strong, section.section-products .form-check-label strong {
margin-right: 10px;
}
section.section-articles .produtos-encontrados p, section.section-articles .form-check-label p, section.section-products .produtos-encontrados p, section.section-products .form-check-label p {
font-size: 1.8rem;
}
section.section-articles article, section.section-articles .item, section.section-products article, section.section-products .item {
position: relative;
margin-bottom: 55px;
padding: 34px 0 0;
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
/* .bt-link{
position: absolute;
top: 34px;
} */
}
section.section-articles article:last-child, section.section-articles .item:last-child, section.section-products article:last-child, section.section-products .item:last-child {
margin-bottom: 0;
}
section.section-articles article picture,
section.section-articles article picture img,
section.section-articles article picture video, section.section-articles .item picture,
section.section-articles .item picture img,
section.section-articles .item picture video, section.section-products article picture,
section.section-products article picture img,
section.section-products article picture video, section.section-products .item picture,
section.section-products .item picture img,
section.section-products .item picture video {
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 992px) {
section.section-articles article video, section.section-articles .item video, section.section-products article video, section.section-products .item video {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
}
section.section-articles article picture, section.section-articles .item picture, section.section-products article picture, section.section-products .item picture {
margin-top: 22px;
}
section.section-products .item {
border-bottom: 1px solid #707070;
padding-bottom: 20px;
margin-bottom: 0;
text-decoration: none;
}
section.section-products .wrap-infos {
width: 100%;
}
section.section-products .wrap-infos .ico-favorite svg path {
fill: #000000;
}
section.section-designers .container {
border-top: 1px solid #707070;
}
section.section-designers .bt-link p {
position: relative;
}
section.section-designers .bt-link .ico {
transform: scale(0.9);
}
section.section-designers .wrap-designers {
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
}
section.section-designers .wrap-designers picture {
overflow: hidden;
}
section.section-designers .wrap-designers picture .layer-thumb-over {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.47);
transform: translateY(100%);
transition: all 0.3s ease;
z-index: 1;
}
section.section-designers .wrap-designers picture .layer-thumb-over p {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
color: #FFFFFF;
font-size: 3rem;
text-align: center;
}
section.section-designers .wrap-designers picture:hover .layer-thumb-over {
transform: translateY(0);
}
section.section-banner-promo picture .text-banner span {
color: #AD232B;
}
@media screen and (min-width: 992px) {
section.section-products .wrap-list {
display: flex;
flex-flow: row;
flex-wrap: wrap;
overflow: hidden;
margin-left: -22px;
margin-right: -22px;
}
section.section-products .wrap-list.list-din-relacionados a:first-child {
border-left: none !important;
}
section.section-products a.item:not(.bt-link):not(.ico) {
display: block !important;
margin-left: -1px;
display: block;
border: none;
border: none;
border-left: 1px solid #707070;
margin-bottom: 55px;
width: 25%;
padding: 0 22px;
position: relative;
}
section.section-products a.item:not(.bt-link):not(.ico).double {
width: 50%;
}
section.section-products a.item:not(.bt-link):not(.ico) .w-info-product {
left: 15px;
right: 15px;
bottom: 15px;
z-index: 2;
}
section.section-products a.item:not(.bt-link):not(.ico) .w-info-product-top {
bottom: auto;
top: 15px;
}
section.section-products a.item:not(.bt-link):not(.ico) picture {
width: 100%;
left: 0;
top: 0;
width: 100%;
inset: 10px;
-o-object-fit: contain;
object-fit: contain;
display: flex;
align-items: center;
overflow: hidden;
}
section.section-products a.item:not(.bt-link):not(.ico) picture img {
transition: all 1s cubic-bezier(0.55, 0.085, 0, 0.99);
width: 90%;
display: block;
}
section.section-products a.item:not(.bt-link):not(.ico):hover img {
transform: scale(1.05);
}
}
.sd-sidebar-wrapper {
position: fixed;
width: 100%;
height: 100svh;
left: 0;
top: 0;
z-index: 9991;
transition: all 1s ease;
opacity: 0;
pointer-events: none;
}
.sd-sidebar-wrapper .sd-sidebar {
padding: 50px 50px 50px 0;
background-color: black;
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-direction: column;
height: 100svh;
width: 100%;
max-width: 642px;
position: relative;
transition: all 0.8s ease;
}
.sd-sidebar-wrapper .sd-sidebar::before {
content: "";
position: absolute;
top: 0;
z-index: 0;
width: 100vw;
height: 100%;
left: -100vw;
background-color: #000000;
}
.sd-sidebar-wrapper .sd-sidebar .close-sidebar {
opacity: 0;
transition: all 1s ease;
}
.sd-sidebar-wrapper .sd-sidebar .close-sidebar:hover svg {
transition: all 0.5s ease;
transform: rotate(180deg);
}
.sd-sidebar-wrapper .sd-sidebar.sd-left {
left: -101vw;
}
.sd-sidebar-wrapper .sd-sidebar.sd-left .close-sidebar {
transform: translateX(-10px);
}
.sd-sidebar-wrapper .sd-sidebar.sd-right {
right: -101vw;
margin: 0 0 0 auto;
}
.sd-sidebar-wrapper .sd-sidebar.sd-right .close-sidebar {
transform: translateX(10px);
}
.sd-sidebar-wrapper .sd-sidebar .spinner-border {
top: 35%;
}
.sd-sidebar-wrapper .sd-sidebar .sd-close {
align-self: flex-end;
}
.sd-sidebar-wrapper .sd-sidebar .sd-close .ico {
display: flex;
justify-content: flex-end;
}
.sd-sidebar-wrapper .sd-sidebar .sd-menu {
display: flex;
flex-direction: column;
justify-content: center;
height: 55%;
width: 50%;
max-width: 220px;
}
.sd-sidebar-wrapper .sd-sidebar .sd-menu a {
text-decoration: none;
text-align: left;
display: flex;
align-items: center;
justify-content: space-between;
}
.sd-sidebar-wrapper .sd-sidebar .sd-menu a.a-prim {
transition: all 0.7s cubic-bezier(0.55, 0.085, 0, 0.99);
padding: clamp(10px, 1vh, 30px) 0;
}
.sd-sidebar-wrapper .sd-sidebar .sd-menu a svg {
transform: translateX(0px);
transition: all 0.7s cubic-bezier(0.55, 0.085, 0, 0.99);
}
.sd-sidebar-wrapper .sd-sidebar .sd-menu a p {
color: #FFFFFF;
font-size: 25px;
text-transform: lowercase;
}
@media (max-width: 768px) {
.sd-sidebar-wrapper .sd-sidebar .sd-menu a p {
font-size: 20px;
}
}
@media (min-width: 768px) {
.sd-sidebar-wrapper .sd-sidebar .sd-menu a.a-prim:hover {
padding-left: 20px;
}
.sd-sidebar-wrapper .sd-sidebar .sd-menu a.a-prim:hover svg {
transform: translateX(5px);
animation-delay: 0.1s;
}
}
.sd-sidebar-wrapper .sd-sidebar .sd-menu .wrap-menu-accordion > a {
cursor: pointer;
}
.sd-sidebar-wrapper .sd-sidebar .sd-menu ul {
transition: none;
margin-top: 10px;
padding-left: 15%;
}
.sd-sidebar-wrapper .sd-sidebar .sd-menu ul li a {
transition: all 0.7s ease;
color: white;
padding: 10px 0;
font-size: 1.6rem;
text-decoration: none;
display: block;
}
.sd-sidebar-wrapper .sd-sidebar .sd-menu ul li a:hover {
color: #90141D;
}
.sd-sidebar-wrapper .sd-sidebar .sd-footer {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.sd-sidebar-wrapper .sd-sidebar .sd-footer .sd-text p, .sd-sidebar-wrapper .sd-sidebar .sd-footer .sd-text a, .sd-sidebar-wrapper .sd-sidebar .sd-footer .sd-text strong, .sd-sidebar-wrapper .sd-sidebar .sd-footer .sd-text b {
color: #FFFFFF;
font-size: 18px;
}
.sd-sidebar-wrapper .sd-sidebar .sd-footer .sd-text a {
color: #FFFFFF;
text-decoration: none;
}
.sd-sidebar-wrapper .sd-sidebar--cart {
background-color: #FFFFFF;
padding: 60px 0 0 0;
justify-content: space-between;
align-items: flex-start;
}
.sd-sidebar-wrapper .sd-sidebar--cart .sd-close {
position: absolute;
right: 44px;
top: 44px;
display: flex;
align-self: flex-end;
}
.sd-sidebar-wrapper .sd-sidebar--cart .sd-close svg path {
fill: #000000;
}
.sd-sidebar-wrapper .sd-sidebar--cart .sd-close .ico {
display: flex;
justify-content: flex-end;
}
.sd-sidebar-wrapper .sd-sidebar--cart .sd-title {
position: absolute;
font-size: 3rem;
padding-left: 50px;
top: 40px;
}
.sd-sidebar-wrapper .sd-sidebar--cart .sd-content {
margin-top: 20px;
padding: 0px 10px 55px 50px;
overflow-y: auto;
display: flex;
flex-direction: column;
width: 95%;
justify-content: flex-start;
align-items: flex-start;
max-height: calc(100svh - 390px);
}
.sd-sidebar-wrapper .sd-sidebar--cart .sd-content .list-cart-products {
width: 100%;
margin-top: 15%;
}
.sd-sidebar-wrapper .sd-sidebar--cart .sd-content .list-cart-products li {
display: flex;
flex-flow: row;
align-items: center;
width: 100%;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #E8E8E8;
}
.sd-sidebar-wrapper .sd-sidebar--cart .sd-content .list-cart-products li:last-child {
border: none;
}
.sd-sidebar-wrapper .sd-sidebar--cart .sd-content .list-cart-products li .thumb-cart {
width: 120px;
min-width: 120px;
height: 120px;
min-height: 120px;
margin-right: 10px;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
}
.sd-sidebar-wrapper .sd-sidebar--cart .sd-content .list-cart-products li .wrap-cart-product-opt {
width: 100%;
display: flex;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
align-self: stretch;
}
.sd-sidebar-wrapper .sd-sidebar--cart .sd-content .list-cart-products li .wrap-cart-product-opt .wrap-opt-trash {
width: 100%;
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.sd-sidebar-wrapper .sd-sidebar--cart .sd-content .list-cart-products li .wrap-cart-product-opt .wcp-title {
padding-right: 10px;
}
.sd-sidebar-wrapper .sd-sidebar--cart .sd-content .list-cart-products li .wrap-cart-product-opt .wcp-title p {
font-size: 2rem;
white-space: wrap;
max-width: 18ch;
text-transform: lowercase;
}
.sd-sidebar-wrapper .sd-sidebar--cart .sd-content .list-cart-products li .wrap-cart-product-opt .wcp-color {
display: inline-block;
padding-top: 10px;
font-size: 1.8rem;
padding-right: 10px;
color: #9B9B9B;
}
.sd-sidebar-wrapper .sd-sidebar--cart .sd-content .list-cart-products li .wrap-cart-product-opt .sd-wrap-counter-product {
background-color: #FFFFFF;
}
.sd-sidebar-wrapper .sd-sidebar--cart .sd-content .list-cart-products li .wrap-cart-product-opt .sd-wrap-counter-product .sd-wrap-inputs-numbers {
width: 108px;
height: 40px;
border: 1px solid #AEAEAE;
display: flex;
align-items: center;
justify-content: center;
/* Firefox */
}
.sd-sidebar-wrapper .sd-sidebar--cart .sd-content .list-cart-products li .wrap-cart-product-opt .sd-wrap-counter-product .sd-wrap-inputs-numbers input::-webkit-outer-spin-button,
.sd-sidebar-wrapper .sd-sidebar--cart .sd-content .list-cart-products li .wrap-cart-product-opt .sd-wrap-counter-product .sd-wrap-inputs-numbers input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.sd-sidebar-wrapper .sd-sidebar--cart .sd-content .list-cart-products li .wrap-cart-product-opt .sd-wrap-counter-product .sd-wrap-inputs-numbers input[type=number] {
-moz-appearance: textfield;
}
.sd-sidebar-wrapper .sd-sidebar--cart .sd-content .list-cart-products li .wrap-cart-product-opt .sd-wrap-counter-product .sd-wrap-inputs-numbers button.bt-add,
.sd-sidebar-wrapper .sd-sidebar--cart .sd-content .list-cart-products li .wrap-cart-product-opt .sd-wrap-counter-product .sd-wrap-inputs-numbers button.bt-sub {
width: 30px;
min-width: 30px;
height: 30px;
min-height: 30px;
display: flex;
justify-content: center;
align-items: center;
font-size: 2rem;
}
.sd-sidebar-wrapper .sd-sidebar--cart .sd-content .list-cart-products li .wrap-cart-product-opt .sd-wrap-counter-product .sd-wrap-inputs-numbers input.tot-product-counter {
font-size: 1.4rem;
color: #000000;
}
.sd-sidebar-wrapper .sd-sidebar--cart .sd-footer-fixed {
background-color: #F2F2F2;
display: flex;
flex-direction: column;
min-height: 310px;
z-index: 2;
width: 100%;
padding: 20px 50px;
}
.sd-sidebar-wrapper .sd-sidebar--cart .sd-footer-fixed .div-bottom {
width: 100%;
padding-bottom: 10px;
margin-bottom: 10px;
}
.sd-sidebar-wrapper .sd-sidebar--cart .sd-footer-fixed .wrap-sd-frete .sd-title-frete {
font-size: 1.6rem;
margin-bottom: 10px;
}
.sd-sidebar-wrapper .sd-sidebar--cart .sd-footer-fixed .wrap-sd-frete .wrap-sd-input-frete {
display: flex;
flex-flow: row nowrap;
align-items: center;
}
.sd-sidebar-wrapper .sd-sidebar--cart .sd-footer-fixed .wrap-sd-frete .wrap-sd-input-frete input, .sd-sidebar-wrapper .sd-sidebar--cart .sd-footer-fixed .wrap-sd-frete .wrap-sd-input-frete .sd-frete-send {
height: 40px;
background-color: #FFFFFF;
border-radius: 40px;
}
.sd-sidebar-wrapper .sd-sidebar--cart .sd-footer-fixed .wrap-sd-frete .wrap-sd-input-frete input {
width: 100%;
max-width: 400px;
margin-right: 20px;
font-size: 1.6rem;
}
.sd-sidebar-wrapper .sd-sidebar--cart .sd-footer-fixed .wrap-sd-frete .wrap-sd-input-frete input::-moz-placeholder {
color: #000000;
}
.sd-sidebar-wrapper .sd-sidebar--cart .sd-footer-fixed .wrap-sd-frete .wrap-sd-input-frete input::placeholder {
color: #000000;
}
.sd-sidebar-wrapper .sd-sidebar--cart .sd-footer-fixed .wrap-sd-frete .wrap-sd-input-frete .sd-frete-send {
width: 118px;
text-align: center;
font-size: 1.8rem;
}
.sd-sidebar-wrapper .sd-sidebar--cart .sd-footer-fixed .cart-sub-total,
.sd-sidebar-wrapper .sd-sidebar--cart .sd-footer-fixed .cart-total {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.sd-sidebar-wrapper .sd-sidebar--cart .sd-footer-fixed .p-frete, .sd-sidebar-wrapper .sd-sidebar--cart .sd-footer-fixed .value-cart-shipping {
font-size: 1.6rem !important;
padding-bottom: 5px;
color: #707070;
}
.sd-sidebar-wrapper .sd-sidebar--cart .sd-footer-fixed .cart-sub-total {
margin-bottom: 18px;
}
.sd-sidebar-wrapper .sd-sidebar--cart .sd-footer-fixed .cart-sub-total p {
font-size: 1.6rem;
}
.sd-sidebar-wrapper .sd-sidebar--cart .sd-footer-fixed .cart-total p {
font-size: 1.8rem;
text-align: end;
}
.sd-sidebar-wrapper .sd-sidebar--cart .sd-footer-fixed .cart-total p span {
font-size: 1.2rem;
}
.sd-sidebar-wrapper .sd-sidebar--cart .sd-footer-fixed button.bt-link {
font-size: 1.6rem;
width: 100%;
width: 200px;
position: relative;
}
.sd-sidebar-wrapper .sd-sidebar--cart .sd-footer-fixed .info-cep-required {
font-size: 10px;
position: absolute;
bottom: -15px;
left: 20px;
}
@media screen and (max-width: 992px) {
.sd-sidebar-wrapper .sd-sidebar--cart {
padding-top: 20px;
}
.sd-sidebar-wrapper .sd-sidebar--cart .sd-close {
right: 20px;
top: 20px;
}
.sd-sidebar-wrapper .sd-sidebar--cart .sd-title {
top: 20px;
padding-left: 20px;
}
.sd-sidebar-wrapper .sd-sidebar--cart .sd-content {
padding: 0 20px 40px;
}
.sd-sidebar-wrapper .sd-sidebar--cart .sd-content .list-cart-products li .thumb-cart {
width: 92px;
height: 92px;
min-height: 92px;
min-width: 92px;
}
.sd-sidebar-wrapper .sd-sidebar--cart .sd-content .list-cart-products li .wrap-cart-product-opt .wcp-title p {
font-size: 1.4rem;
}
.sd-sidebar-wrapper .sd-sidebar--cart .sd-content .list-cart-products li .wrap-cart-product-opt .wcp-title .wcp-color {
font-size: 1.4rem;
}
.sd-sidebar-wrapper .sd-sidebar--cart .sd-footer-fixed {
padding: 20px;
}
}
.sd-sidebar-wrapper.actived {
opacity: 1;
pointer-events: all;
}
.sd-sidebar-wrapper.actived .sd-sidebar.sd-left {
left: 0;
}
.sd-sidebar-wrapper.actived .sd-sidebar.sd-right {
right: 0;
}
.sd-sidebar-wrapper.actived .sd-sidebar .close-sidebar {
transition-delay: 0.6s;
transform: translateX(0);
opacity: 1;
}
@media (max-width: 992px) {
.sd-sidebar-wrapper .wrapper {
padding-left: 0 !important;
padding-right: 0 !important;
}
.sd-sidebar-wrapper .sd-sidebar {
justify-content: center;
padding: 20px;
position: relative;
}
.sd-sidebar-wrapper .sd-sidebar .ico-sidebar-close {
position: absolute;
top: 30px;
right: 20px;
}
.sd-sidebar-wrapper .sd-sidebar .sd-menu {
height: auto;
}
.sd-sidebar-wrapper .sd-sidebar .w-logo-abs-mob {
position: absolute;
top: 20px;
left: 50%;
transform: translate(-50%);
}
}
.page-home {
/* @media screen and (min-width : $lg) {
.product-title{
background-color: red;
@extend .fontB;
}
} */
}
.page-home section.section-products a.item:not(.bt-link):first-child {
border-left: none;
}
.page-products {
padding-top: 84px;
}
.page-products .nav-categories {
overflow: hidden;
gap: 10px;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-bottom: 10px;
}
.page-products .nav-categories::-webkit-scrollbar {
width: 6px;
height: 3px;
}
.page-products .nav-categories .ico-arrow-back {
position: absolute;
left: 0;
}
@media (max-width: 1000px) {
.page-products .nav-categories {
overflow-x: auto;
}
.page-products .nav-categories .webdoor-caption {
width: calc(100% - 60px);
}
}
@media (max-width: 992px) {
.page-products .nav-categories::-webkit-scrollbar {
width: 0px;
height: 0px;
}
}
.page-products section.section-products a.item:not(.bt-link):not(.ico) {
/* &:last-child{
@media screen and (min-width : $lg) {
border-right: 1px solid $gray;
}
} */
/* &:nth-child(2n - 1){
@media screen and (min-width : $lg) {
// background-color: pink;
border: none;
border-right: 1px solid $gray;
}
} */
}
@media (max-width: 1550px) {
.page-products .nav-categories {
gap: 5px;
}
.page-products .nav-categories .bt-link {
padding: 0 15px;
height: 35px;
border-radius: 35px;
}
}
.page-detail {
position: relative;
}
.page-detail .nav-bottom {
width: 100%;
margin-bottom: 10px;
}
.page-detail .nav-bottom > a, .page-detail .nav-bottom button {
margin-left: 10px;
margin-right: 10px;
}
@media screen and (min-width: 992px) {
.page-detail .w-info-product .product-price-label {
transform: translateY(-29px);
}
}
@media screen and (min-width: 992px) {
.page-detail .w-info-product .product-price {
font-size: 2rem;
}
}
.page-detail .div-fixed-go {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
pointer-events: none;
opacity: 0;
justify-content: center;
display: flex;
align-items: center;
flex-flow: column;
background-color: transparent;
transition: all 0.5s ease;
}
.page-detail .div-fixed-go .p-prepare {
font-size: 110px;
color: #FFFFFF;
}
@media screen and (max-width: 992px) {
.page-detail .div-fixed-go .p-prepare {
font-size: clamp(30px, 15vw, 100px);
}
}
.page-detail .div-fixed-go.actived {
display: flex;
opacity: 1;
pointer-events: all;
background-color: #AD232B;
}
.page-detail .ico-din-layer {
max-width: 170px;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-height: 790px) and (orientation: portrait) {
.page-detail .ico-din-layer {
max-width: 120px;
}
}
.page-detail .ico-arrow-back,
.page-detail .ico-favorite {
position: absolute;
}
.page-detail .ico-arrow-back {
position: relative;
}
.page-detail .ico-favorite {
right: 0;
}
.page-detail .wrap-colors-abs {
position: absolute;
left: 50%;
bottom: -8px;
transform: translateX(-50%);
}
@media screen and (min-width: 992px) {
.page-detail .product-text {
max-width: 1000px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
}
.page-detail .layer-finishing {
width: 100%;
}
@media screen and (max-width: 992px) {
.page-detail .layer-finishing {
padding-top: 0 !important;
margin-bottom: 25px;
}
}
.page-detail .layer-finishing .title-finishing {
font-size: 2.6rem;
text-align: center;
margin-top: 20px auto;
}
.page-detail .layer-finishing .layer-colors p {
font-size: 1.5rem;
margin-bottom: 0px;
}
@media screen and (max-height: 850px) and (orientation: landscape) {
.page-detail .layer-finishing .layer-demo {
min-height: auto;
padding: 0;
}
.page-detail .layer-finishing .layer-demo .ico-din-layer {
max-width: 120px;
}
.page-detail .layer-finishing .layer-demo .text-layer-modal.full-text,
.page-detail .layer-finishing .layer-demo .product-text {
margin-top: 10px !important;
margin-bottom: 10px !important;
}
.page-detail .layer-finishing .layer-demo .w-i-price > p {
padding-bottom: 10px !important;
}
}
@media screen and (max-width: 992px) {
.page-detail .wrap-options-colors {
gap: 10px;
overflow-x: auto;
padding-bottom: 10px;
max-width: 100%;
height: 57px;
padding: 0 5px;
}
}
.page-detail .wrap-options-colors .option-colour {
min-width: 40px;
width: 40px;
min-height: 40px;
height: 40px;
border-radius: 50%;
cursor: pointer;
overflow: hidden;
background-size: cover;
}
.page-detail .wrap-options-colors .option-colour.actived {
min-width: 35px;
width: 35px;
min-height: 35px;
height: 35px;
box-shadow: 0 0 0 3px #FFFFFF, 0 0 0 5px #AD232B;
position: relative;
}
@media screen and (min-width: 992px) {
.page-detail .wrap-options-colors .option-colour.actived {
bottom: -3px;
}
}
@media screen and (max-width: 992px) {
.page-detail .produtos-relacionados .product-title .item {
gap: 20px;
}
}
@media screen and (max-width: 992px) {
.page-detail .wrapper-about-products {
padding-left: 0;
padding-right: 0;
}
}
@media screen and (max-width: 992px) {
.page-detail section.section-products .item:last-child {
border-bottom: none;
}
}
@media screen and (min-width: 992px) {
.page-detail .list-din-relacionados a.item:last-child {
border-right: none !important;
}
.page-detail .layer-finishing {
/* position: absolute;
max-width: 970px;
//margin: auto;
height: 480px;
z-index: 3; */
}
}
.page-blog {
padding-top: 84px;
}
.page-blog a {
text-decoration: none;
}
.page-blog a picture {
overflow: hidden;
}
.page-blog a picture img {
transition: all 1s cubic-bezier(0.27, 0.16, 0, 1.01);
}
.page-blog a:hover picture img {
transform: scale(1.05);
}
.page-blog a.item {
padding: 0 22px;
}
.page-blog .nav-categories {
overflow: hidden;
overflow-x: auto;
gap: 10px;
padding-bottom: 10px;
}
.page-blog .wrap-infos-blog {
display: flex;
flex-flow: column;
padding: 26px 0;
}
.page-blog .wrap-infos-blog .wrap-title-link {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.page-blog .wrap-infos-blog .wrap-title-link .blog-title {
width: 100%;
max-width: 100%;
text-align: left;
padding-right: 30px;
}
@media screen and (max-width: 992px) {
.page-blog .wrap-infos-blog .wrap-title-link {
flex-flow: column;
}
.page-blog .wrap-infos-blog .wrap-title-link .blog-title {
padding-right: 0;
}
}
.page-blog .wrap-infos-blog .blog-date {
font-size: 2rem;
margin-right: 25px;
}
.page-blog .wrap-infos-blog .link-veja-mais {
margin-top: 26px;
font-size: 1.8rem;
text-decoration: none;
}
.page-blog section.section-blogs .g-4,
.page-blog section.section-blogs .gx-4 {
--bs-gutter-x: 2rem;
}
.page-blog section.section-blogs a {
transition: all 0.5s ease;
text-decoration: none;
}
.page-blog section.section-blogs a:hover.link-veja-mais {
transform: translateY(-3px);
}
.page-blog.blog-detail article {
max-width: 850px;
margin-left: auto;
margin-right: auto;
}
.page-blog.blog-detail article h2 {
text-align: center;
}
@media screen and (max-width: 992px) {
.page-blog.blog-detail article h2 {
font-size: 3rem;
}
}
.page-blog.blog-detail article .text {
font-size: 2rem;
line-height: 2.6rem;
text-align: left;
}
.page-blog.blog-detail article .bt-share {
margin-top: 55px;
margin-bottom: 55px;
}
.page-about {
padding-top: 130px;
}
.page-about a {
text-decoration: none;
}
.page-about a picture {
overflow: hidden;
}
.page-about a picture img {
transition: all 1s cubic-bezier(0.27, 0.16, 0, 1.01);
}
.page-about a:hover picture img {
transform: scale(1.05);
}
.page-about .nav-categories {
overflow: hidden;
overflow-x: auto;
gap: 10px;
padding-bottom: 10px;
}
.page-about .wrap-infos-blog {
display: flex;
flex-flow: column;
padding: 26px 0;
}
.page-about .wrap-infos-blog .wrap-title-link {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.page-about .wrap-infos-blog .wrap-title-link .blog-title {
width: 100%;
max-width: 100%;
text-align: left;
padding-right: 30px;
}
@media screen and (max-width: 992px) {
.page-about .wrap-infos-blog .wrap-title-link {
flex-flow: column;
}
.page-about .wrap-infos-blog .wrap-title-link .blog-title {
padding-right: 0;
}
}
.page-about .wrap-infos-blog .blog-date {
font-size: 2rem;
margin-right: 25px;
}
.page-about .wrap-infos-blog .link-veja-mais {
margin-top: 26px;
font-size: 1.8rem;
text-decoration: none;
}
.page-about section.section-blogs {
padding-top: 55px;
}
.page-about section.section-blogs .g-4,
.page-about section.section-blogs .gx-4 {
--bs-gutter-x: 2rem;
}
.page-about section.section-blogs a {
transition: all 0.5s ease;
text-decoration: none;
}
.page-about section.section-blogs a:hover.link-veja-mais {
transform: translateY(-3px);
}
.page-about.about-detail article {
max-width: 850px;
margin-left: auto;
margin-right: auto;
}
.page-about.about-detail article h2 {
text-align: center;
}
@media screen and (max-width: 992px) {
.page-about.about-detail article h2 {
font-size: 3rem;
}
}
.page-about.about-detail article .text {
font-size: 1.8rem;
line-height: 2.3rem;
text-align: center;
}
.page-about.about-detail article .bt-share {
margin-top: 55px;
margin-bottom: 55px;
}
@media screen and (max-width: 992px) {
.page-about {
padding-top: 83px;
}
}
.page-contact {
padding-top: 130px;
}
.page-contact form {
width: 100%;
max-width: 540px;
margin: 0 auto;
margin-top: 30px;
}
.page-contact form .a-link {
color: #3699FF;
}
.page-contact form .subtitle {
font-style: normal;
font-size: 12px;
color: #000;
display: block;
text-align: left;
}
.page-contact form .label {
display: block;
position: relative;
padding-left: 25px;
cursor: pointer;
font-size: 12px;
line-height: 18px;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
font-family: "NettoWeb", sans-serif;
font-style: normal;
margin: 10px 0;
}
.page-contact form .label input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.page-contact form .label input:checked ~ .checkmark:after {
display: block;
}
.page-contact form .label .checkmark {
position: absolute;
top: 0;
left: 0;
height: 18px;
width: 18px;
border: transparent;
background: #EBEDF3;
}
.page-contact form .label .checkmark.radio {
/* border: 2px solid #000;
background-color: #FFF; */
border: transparent;
background: #EBEDF3;
border-radius: 18px;
}
.page-contact form .label .checkmark.radio:after {
content: "";
display: block;
display: none;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-color: #fff;
border-radius: 50%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border: 4px solid #3699FF;
}
.page-contact form .label .checkmark:after {
content: "";
display: none;
width: 5px;
height: 5px;
background-color: transparent;
border: 4px solid #3699FF;
border-radius: 10px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.page-contact form .label:hover input ~ .checkmark.radio {
border: transparent;
background: #EBEDF3;
}
.page-contact form .row {
padding-bottom: 20px;
}
.page-contact form .form .group {
width: 100%;
position: relative;
display: inline-block;
vertical-align: top;
padding-right: 20px;
}
.page-contact form .error.validateRadio {
padding: 0;
}
.page-contact form span.error {
width: 100%;
font-size: 11px;
color: #F64E60;
}
.page-contact .was-validated .form-control:invalid, .page-contact .form-control.is-invalid {
background-size: 20px;
border-color: transparent;
}
.page-contact .form .group .select {
width: 100%;
float: none;
}
.page-contact .form .select {
position: relative;
background: #FFF;
}
.page-contact .form .select select {
position: relative;
cursor: pointer;
font-style: normal;
top: 0;
left: 0;
z-index: 2;
}
.page-contact .form .select select:focus {
outline: none !important;
}
.page-contact .input,
.page-contact .form .select select {
width: 100%;
font-style: normal;
font-size: 14px;
padding: 2.15rem 1.35rem;
border-radius: 0.85rem !important;
border-color: #F3F6F9;
background: #F3F6F9;
display: block;
transition: 0.3s all cubic-bezier(0.55, 0.085, 0, 0.99);
margin: 0;
color: #3F4254;
font-weight: 400;
line-height: 1.5;
display: block;
height: auto;
}
.page-contact .input::-moz-placeholder, .page-contact .form .select select::-moz-placeholder {
color: #B5B5C3;
font-size: 14px;
}
.page-contact .input::placeholder,
.page-contact .form .select select::placeholder {
color: #B5B5C3;
font-size: 14px;
}
.page-contact .form .select select {
color: #B5B5C3;
}
.page-contact .form .select select:hover {
outline: none;
}
.page-contact a {
text-decoration: none;
}
.page-contact a picture {
overflow: hidden;
}
.page-contact a picture img {
transition: all 1s cubic-bezier(0.27, 0.16, 0, 1.01);
}
.page-contact a:hover picture img {
transform: scale(1.05);
}
.page-contact .nav-categories {
overflow: hidden;
overflow-x: auto;
gap: 10px;
padding-bottom: 10px;
}
.page-contact .wrap-infos-blog {
display: flex;
flex-flow: column;
padding: 26px 0;
}
.page-contact .wrap-infos-blog .wrap-title-link {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.page-contact .wrap-infos-blog .wrap-title-link .blog-title {
width: 100%;
max-width: 100%;
text-align: left;
padding-right: 30px;
}
@media screen and (max-width: 992px) {
.page-contact .wrap-infos-blog .wrap-title-link {
flex-flow: column;
}
.page-contact .wrap-infos-blog .wrap-title-link .blog-title {
padding-right: 0;
}
}
.page-contact .wrap-infos-blog .blog-date {
font-size: 2rem;
margin-right: 25px;
}
.page-contact .wrap-infos-blog .link-veja-mais {
margin-top: 26px;
font-size: 1.8rem;
text-decoration: none;
}
.page-team {
padding-top: 84px;
}
.page-team .thumb-team {
position: relative;
}
.page-team .thumb-team picture {
display: block;
}
.page-team .thumb-team picture img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.page-team .thumb-team .layer-member {
transition: all 0.4s ease;
opacity: 0;
background-color: white;
position: absolute;
inset: 10px;
z-index: 2;
}
.page-team .thumb-team .layer-member p {
transition: all 0.2s ease;
font-size: 2rem;
position: absolute;
z-index: 2;
left: 50%;
top: 50%;
transform: translate(-50%, -80%);
}
.page-team .thumb-team:hover .layer-member {
opacity: 1;
}
.page-team .thumb-team:hover .layer-member p {
transition-delay: 0.1s;
transform: translate(-50%, -50%);
}
.page-designers {
padding-top: 84px;
}
.page-designers .intro-title {
transform: translateY(35vh);
opacity: 0;
animation: introTitle 2s cubic-bezier(0.27, 0.16, 0, 1.01) 0.5s forwards;
}
.page-designers .link-anime-prev.motion-out, .page-designers .link-anime-next.motion-out {
transition: opacity 1s ease;
opacity: 0;
}
.page-designers .txt-button {
font-size: 2.2rem;
}
.page-designers .wrap-dinamic-designers ul {
position: relative;
height: 600px;
}
.page-designers .wrap-dinamic-designers ul li {
position: absolute;
height: -moz-fit-content;
height: fit-content;
width: 100%;
opacity: 1;
display: flex;
justify-content: center;
}
.page-designers .wrap-dinamic-designers ul li .item-designer {
text-decoration: none;
width: 100%;
max-width: 400px;
margin: 48px;
transition: all 1s cubic-bezier(0.65, 0, 0.35, 1);
transform: translateY(0);
opacity: 1;
z-index: 2;
}
.page-designers .wrap-dinamic-designers ul li .item-designer:nth-child(1) {
transition-delay: 0.55s;
}
.page-designers .wrap-dinamic-designers ul li .item-designer:nth-child(2) {
transition-delay: 0.65s;
}
.page-designers .wrap-dinamic-designers ul li .item-designer:nth-child(3) {
transition-delay: 0.6s;
}
.page-designers .wrap-dinamic-designers ul li .item-designer picture {
position: relative;
}
.page-designers .wrap-dinamic-designers ul li .item-designer picture .legend-overlay {
transition: all 0.6s cubic-bezier(0.55, 0.085, 0, 0.99);
opacity: 0;
position: absolute;
inset: 20px;
position: absolute;
z-index: 2;
background-color: rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
align-items: center;
transform: scale(0);
}
.page-designers .wrap-dinamic-designers ul li .item-designer picture .legend-overlay p {
color: #FFFFFF;
font-size: 1.8rem;
}
.page-designers .wrap-dinamic-designers ul li .item-designer p.name-designer {
font-size: 2.6rem;
margin-top: 20px;
}
.page-designers .wrap-dinamic-designers ul li .item-designer:hover picture .legend-overlay {
opacity: 1;
transform: scale(1);
}
.page-designers .wrap-dinamic-designers ul li.motion-out {
z-index: 0;
}
.page-designers .wrap-dinamic-designers ul li.motion-out .item-designer {
transform: translateY(-100vh);
opacity: 0;
}
.page-designers .wrap-dinamic-designers ul li.motion-out .item-designer:nth-child(1) {
transition-delay: 0.25s;
}
.page-designers .wrap-dinamic-designers ul li.motion-out .item-designer:nth-child(2) {
transition-delay: 0.3s;
}
.page-designers .wrap-dinamic-designers ul li.motion-out .item-designer:nth-child(3) {
transition-delay: 0.2s;
}
.page-designers .wrap-dinamic-designers ul li.motion-in {
z-index: 0;
}
.page-designers .wrap-dinamic-designers ul li.motion-in .item-designer {
transform: translateY(100vh);
opacity: 0;
}
@media screen and (max-width: 992px) {
.page-designers .link-anime-prev, .page-designers .link-anime-next {
display: none !important;
}
.page-designers .wrap-dinamic-designers ul {
height: auto;
}
.page-designers .wrap-dinamic-designers ul li {
position: static;
align-items: center;
flex-flow: column;
opacity: 1;
height: auto;
}
.page-designers .wrap-dinamic-designers ul li .item-designer {
opacity: 1 !important;
transform: translateY(0) !important;
}
}
.page-designers.designers-detail .nav-categories a {
position: absolute;
left: 0;
}
.page-designers.designers-detail .wrap-dinamic-designers ul {
height: auto;
}
.page-designers.designers-detail .wrap-dinamic-designers ul li {
position: static;
opacity: 1;
}
.page-designers.designers-detail .wrap-dinamic-designers ul li .item-designer {
opacity: 1 !important;
transform: translateY(0) !important;
}
.page-designers.designers-detail .text {
max-width: 834px;
margin: 0 auto;
font-size: 1.4rem;
line-height: 1.8rem;
text-align: center;
}
.page-designers.designers-detail .line-products {
border-bottom: 1px solid #707070;
padding-bottom: 20px;
margin-bottom: 20px;
}
@keyframes introTitle {
50% {
opacity: 1;
transform: translateY(35vh);
}
100% {
transform: translateY(0);
opacity: 1;
}
}
.page-busca {
padding-top: 84px;
}
.page-busca .form-search {
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
.page-busca .last-search {
font-size: 1.8rem;
line-height: 3.2rem;
}
.page-busca .last-search strong {
display: block;
margin-bottom: 20px;
}
.page-busca .busca-traiding strong {
font-size: 1.8rem;
line-height: 3.2rem;
}
.page-contracts {
padding-top: 120px;
min-height: auto;
}
.page-contracts .container {
max-width: 1300px;
margin: 0 auto;
font-size: 2rem;
margin-bottom: 15px;
}
.page-contracts .container h1 {
font-size: 3rem;
text-transform: lowercase;
color: #000000;
text-align: center;
margin-bottom: 50px;
}
.page-contracts .container h3 {
margin-bottom: 5px;
font-weight: bold;
}
@media (max-width: 768px) {
.page-contracts .wrapper {
padding: 20px;
}
.page-contracts .container h1 {
font-size: 30px;
}
}
.page-promo-success {
padding-top: 20vh;
}
.page-register {
padding-top: 120px;
min-height: auto;
}
.page-register .container {
max-width: 700px;
margin: 0 auto;
font-size: 2rem;
margin-bottom: 15px;
}
.page-register .container h1 {
font-size: 3rem;
text-transform: lowercase;
color: #000000;
text-align: center;
margin-bottom: 50px;
}
.page-register .container .wrap-input-send {
margin-bottom: 20px;
}
.page-register .container .wrap-check {
position: relative;
}
.page-register .container .wrap-check label.error {
position: absolute;
bottom: -5px;
left: 15px;
}
.page-register .container .wrap-check input[type=checkbox] {
width: auto;
}
.page-register .container .wrap-check p, .page-register .container .wrap-check label {
margin-left: 10px;
font-size: 14px;
}
.page-register .container .wrap-input-send:last-child {
display: flex;
width: auto;
}
.page-register .container .wrap-input-send p, .page-register .container .wrap-input-send label {
margin: 0 15px;
}
.page-register .container button {
height: 44px;
}
@media (max-width: 768px) {
.page-register .wrapper {
padding: 20px;
}
.page-register .container h1 {
font-size: 30px;
}
}
/*# sourceMappingURL=app.css.map*/