@charset "UTF-8"; 
/*configurações*/
html {height:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; scroll-behavior: smooth;}
*, *::before, *::after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
div::after, ol::after, form::after, dl::after {content:"."; display:block; clear:both; visibility:hidden; height:0; overflow:hidden;}
h1, h2, h3, h4, h5, h6{line-height:1em;}
* h1:first-child, * h2:first-child, * h3:first-child, * h4:first-child, * h5:first-child, * h6:first-child{margin-top:0; padding-top:0;}
* h1:last-child, * h2:last-child, * h3:last-child, * h4:last-child, * h5:last-child, * h6:last-child{margin-bottom:0; padding-bottom:0;}
h1{font-size:42px; font-weight:600;}
h2{font-size:36px; font-weight:600;}
h3{font-size:32px; font-weight:600;}
h4{font-size:28px; font-weight:600;}
h5{font-size:24px; font-weight:600;}
h6{font-size:20px; font-weight:600;}
p{font-size:18px; line-height:1.5em;}
* p:first-child{margin-top:0;}
* p:last-child{margin-bottom:0;}
.chamada{font-size:24px;}
.legenda{font-size:14px;}
a{text-decoration:none; cursor:pointer;}
a img{border:none; max-width:100%; height:auto; display:block; margin:auto;}
strong{font-weight:600;}

/* identificadores */
#body {font-size:62.4%; margin:0; padding:0; width:100%; height:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; font-family: "Roboto", sans-serif; font-weight:400; color:#10191C;}
#body.no-scroll{overflow: hidden;}
#container {margin:0; padding:0 0 auto 0; height:100%; min-height:100%; height:auto!important; position:relative; background:#FFFFFF; overflow-x:hidden;}
#container.no-scroll{overflow: hidden;}

header {padding:30px 3.8% 70px 3.8%; position:fixed; top:0; width:100%; font-size:0; z-index:150; text-align:right; background-color: rgba(255,255,255,.85);}
header .logo{display: block; width: 280px; height: 80px; float: left; background-image: url(../images/svg/luzzo-revestimentos.svg); background-position: left top; background-repeat: no-repeat; background-size: contain;}
header .bg-gold{padding: 5px; display: inline-block; margin:10px 0 0 10px; font-size: 16px; font-weight: 400px; vertical-align: middle; -webkit-transition:background-color 1s; -moz-transition:background-color 1s; -ms-transition:background-color 1s; transition:background-color 1s;}
header .bg-gold:hover{background-color:#10191C;}

nav{padding:2px 0; position: absolute; right: 0; bottom: 0; left: 0; margin:0; text-align:center;}
nav li{display:inline-block; vertical-align:middle; position:relative; width: 20%;}
nav li + li{padding-left: 2px;}
nav li .montserrat{display: flex; justify-content: center; align-items: center; align-content: center; position:relative; font-size:16px; height:50px; padding:0 5px; font-weight:500; background-color:#10191C; -webkit-transition:background-color 1s; -moz-transition:background-color 1s; -ms-transition:background-color 1s; transition:background-color 1s;}
nav li .montserrat span{display: block; line-height: 1;}
nav li:hover .montserrat, nav li .montserrat.hover{background-color:#C4AB71;}
nav li .montserrat.hover + ul::before{background-color:#C4AB71;}

nav li:hover ul{height: 367px; z-index: 2;}
nav li:first-child:hover ul{height: 265px;}
nav li:nth-child(2):hover ul{height: 470px;}
nav li:nth-child(3):hover ul{height: 367px;}
nav li:last-child:hover ul{height: 163px;} /* temporário */
nav li:hover ul::before{background-color:#C4AB71;}

nav li ul {display:block; height:0; overflow:hidden; width: 100%; position:absolute; left:0; -webkit-transition:height 1s; -moz-transition:height 1s; -ms-transition:height 1s; transition:height 1s; z-index: 0;}
nav li + li ul{left: 2px;}
nav li ul::before{content: ""; position: absolute; top: 2px; right: 0; bottom: 0; left: 0; background-color:#10191C; -webkit-transition:background-color 1s; -moz-transition:background-color 1s; -ms-transition:background-color 1s; transition:background-color 1s; border-radius: 0 0 30px 30px;}
nav li ul li{width:100%; display:block; position:relative; text-align:left; padding: 0 30px;}
nav li ul li:first-child{padding-top: 30px;}
nav li ul li:last-child a{border-bottom: solid 1px #FFFFFF;}
nav li ul li a{font-size:16px; display:block; line-height:18px; white-space: nowrap; padding: 16px 30px 16px 0; font-weight:400; color:#FFFFFF; border-top: solid 1px #FFFFFF; position: relative; -webkit-transition:color 1s; -moz-transition:color 1s; -ms-transition:color 1s; transition:color 1s;}
nav li ul li a:hover, nav li ul li a.hover{color: #10191C;}
nav li ul li a .pictograma{position: absolute; top: 50%; margin-top: -15px; right: 0; border: solid 1px #FFFFFF;}

nav li ul li ul{display: none; visibility: hidden; font-size: 0; margin: 0;}

#sub-nav li{display:inline-block; vertical-align:middle; position:relative; width: 14.3%; margin-top: 2px;}
#sub-nav li:last-child{width: 14.2%;}
#sub-nav.pastilhas li, #sub-nav.pastilhas li:last-child{width: 12.5%;}
#sub-nav.pedras-flexiveis li, #sub-nav.pedras-flexiveis li:last-child, #sub-nav.paineis-vinilicos li, #sub-nav.paineis-vinilicos li:last-child, #sub-nav.ripados li, #sub-nav.ripados li:last-child, #sub-nav.jardim-vertical li, #sub-nav.jardim-vertical li:last-child{width: 25%;}

#sub-nav li + li{padding-left: 2px;}
#sub-nav li a{display:block; font-size:16px; line-height:20px; padding:15px 0; font-weight:500; background-color:#10191C; -webkit-transition:background-color 1s; -moz-transition:background-color 1s; -ms-transition:background-color 1s; transition:background-color 1s; text-align: center;}
#sub-nav li a:hover, #sub-nav li a.hover{background-color:#C4AB71;}

#banner{display:block; width:100%; height:100%; aspect-ratio: 2 / 1; padding:0; margin:0; position:relative; list-style:none; font-size:0;}
#banner li{position:absolute; top:0; right:0; bottom:0; left:0; margin:0; background-size: cover; background-position: center;}
#banner li:nth-child(2), #banner li:nth-child(3){display: none;}
.no-webp #banner .simulador, .no-js #banner .simulador{background-image:url(../images/large/bg-banner-simulador.jpg);}
.webp #banner .simulador{background-image:url(../images/large/bg-banner-simulador.webp);}
.no-webp #banner .pastilhas, .no-js #banner .pastilhas{background-image:url(../images/large/bg-banner-pastilhas.jpg);}
.webp #banner .pastilhas{background-image:url(../images/large/bg-banner-pastilhas.webp);}
.no-webp #banner .pisos-vinilicos, .no-js #banner .pisos-vinilicos{background-image:url("../images/large/bg-banner-pisos-vinilicos.jpg");}
.webp #banner .pisos-vinilicos{background-image:url(../images/large/bg-banner-pisos-vinilicos.webp);}
#banner h1, #banner h2{font-size:42px; position:absolute; width:65.4%; max-width: 949px; right: 3.8%; bottom: 0; padding: .7em .7em .7em 1.4em; line-height: 1em}
#banner h1::after, #banner h2::after{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(16,25,28,.8); z-index: 0;}
#banner h1::before, #banner h2::before{content: ""; position: absolute; top: .9em; left: 0; width: 1em; height: 1em; display: block; background-color: #C4AB71; z-index: 10;}
#banner h1 *, #banner h2 *{position: relative; z-index: 1;}
#banner h1 .gold, #banner h2 .gold{font-size: .5em; display: block; font-weight: 400; line-height: 1.4em;}
#banner h1 .gold:first-child, #banner h2 .gold:first-child{font-size: .4em;}
#banner h1 .white + .gold, #banner h2 .white + .gold {padding:.3em 30% 0 0;}
#banner h1 .button, #banner h2 .button{font-size: .4em; border: solid 1px #FFFFFF; position: absolute; right: 2em; bottom: 2em; min-width: 12em; text-align: center;}

#section-lancamentos{border-top: solid 1px #FFFFFF;}
#section-lancamentos .scrolling{display:block; position:relative; overflow:hidden; margin:40px 0 0 0;}
#section-lancamentos .produto-list{display:block; position:absolute; left:0; top:0; width:100%; opacity:0; -webkit-transition:opacity 1s; -moz-transition:opacity 1s; -ms-transition:opacity 1s; transition:opacity 1s;}
#section-lancamentos .produto-list.ativo{opacity:1; -webkit-transition:opacity 1s; -moz-transition:opacity 1s; -ms-transition:opacity 1s; transition:opacity 1s;}
#section-lancamentos .produto-list li{margin-bottom:0;}
#section-lancamentos .prev, #section-lancamentos .next{background-color: #C4AB71; position: absolute; z-index: 20; border: solid 2px #10191C;}
#section-lancamentos .prev.hover, #section-lancamentos .next.hover {background-color: #EEE5D2; cursor:default;}
#section-lancamentos .prev{left: -40px;}
#section-lancamentos .next{right: -40px;}
#section-lancamentos h2 span{display: block; font-size: .7em; font-weight: 500;}
#section-lancamentos h2 span::before{content: ""; display: block; margin: .2em auto 0 auto; border-top-style: solid; border-top-width: 2px; width: 3em;}

#section-sobre{position: relative; border-top: solid 1px #FFFFFF;}/* combinado com js */
#section-sobre .bg-image {position: relative; aspect-ratio: 3 / 2; margin:0 0 0 auto;}
.no-webp #section-sobre .bg-image, .no-js #section-sobre .bg-image{background-image:url(../images/large/bg-a-empresa.jpg);}
.webp #section-sobre .bg-image{background-image:url(../images/large/bg-a-empresa.webp);}
#section-sobre .content{position: absolute;  display: flex; align-items: center; align-content: flex-start; top: 0; bottom: 0; left: 50%; width: 92.4%;}
#section-sobre .button{border: solid 1px #FFFFFF; margin-top: 1em;}

#section-instagram{border-top: 2px solid #FFFFFF;}

#footer{width:100%; position:absolute; left:0; bottom:0; font-size:0; z-index:5; border-top: solid 1px #FFFFFF;}
#footer .content * {position: relative; z-index: 2;}
#footer .sitemap{display: inline-block; width: 74.06%; margin-right: 3.8%; float: left;}

#footer .divisao{margin-bottom: 40px; border-top: solid 1px #FFFFFF;}
#footer .divisao ul{list-style: none; padding: 0;}
#footer .divisao li, #footer p:not(.agx){font-size: 16px; margin-bottom: 0;}
#footer .divisao li ul{padding-left: 26px; list-style: disc;}
#footer .divisao li ul li {margin-top: .6em;}
#footer .divisao li a:hover, #footer .divisao li a.hover{opacity:.5;}

#footer .divisao.gold{margin-bottom: 0; border-top: none;}
#footer .divisao.gold li{display: inline-block; width:30.8%; margin-top: 1.2em; position: relative; line-height: 20px;}
#footer .divisao.gold li + li{margin-left: 3.8%;}
#footer .divisao.gold li a{padding-left: 25px;}
#footer .divisao.gold .pictograma{position: absolute; left: 0; top: 50%; margin-top: -10px;}
#footer .divisao.gold .pictograma + span{display: inline-block;}

#footer .white.bg-gold.round{padding: 30px;}
#footer .white.bg-gold.round .logo{display: block; position: absolute; top: 30px; right: 30px; padding-bottom: 50px; width: 180px; background-image: url(../images/svg/luzzo.svg); background-position: left center; background-repeat: no-repeat;}
#footer .white.bg-gold.round .agx{line-height: 1.2em;}
#footer .white.bg-gold.round .agx strong{font-size: 1.4em;}
#footer .white.bg-gold.round .agx br{display: none;}
#footer .white.bg-gold.round p.text-right{position: absolute; bottom: 30px; right: 30px;}

#footer a.white{font-weight: 500; display: inline-block; margin-top: 1.2em;}

#whats{position:fixed; bottom:30px; right:-200px; opacity:0; -moz-opacity:0; filter:alpha(opacity=0); display:block; width:80px; z-index:1000; -webkit-transition:all 2s; -moz-transition:all 2s; -ms-transition:all 2s; transition:all 2s;}
#whats a{display:block; width:100%; padding-bottom:100%; background-image:url(../images/svg/whatsapp.svg); background-repeat:no-repeat; background-size:contain; background-position:center;}

#section-titulo{position: relative; display: flex; justify-content: center; align-items: center; padding: 180px 3.8% 0 3.8%; height: 380px; margin-bottom: 2px; background-position: center bottom; background-size: cover; background-repeat: no-repeat;}
#section-titulo::before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; mix-blend-mode:multiply; background-color:rgba(16,25,26,.8); z-index:0;}
.no-webp #section-titulo.pisos-vinilicos, .no-js #section-titulo.pisos-vinilicos{background-image:url(../images/large/bg-titulo-pisos-vinilicos.jpg);}
.webp #section-titulo.pisos-vinilicos{background-image:url(../images/large/bg-titulo-pisos-vinilicos.webp);}
.no-webp #section-titulo.revestimentos-de-parede, .no-js #section-titulo.revestimentos-de-parede{background-image:url(../images/large/bg-titulo-revestimentos-de-parede.jpg);}
.webp #section-titulo.revestimentos-de-parede{background-image:url(../images/large/bg-titulo-revestimentos-de-parede.webp);}
.no-webp #section-titulo.pedras-naturais, .no-js #section-titulo.pedras-naturais{background-image:url(../images/large/bg-titulo-pedras-naturais.jpg);}
.webp #section-titulo.pedras-naturais{background-image:url(../images/large/bg-titulo-pedras-naturais.webp);}
.no-webp #section-titulo.pedras-flexiveis, .no-js #section-titulo.pedras-flexiveis{background-image:url(../images/large/bg-titulo-pedras-flexiveis.jpg);}
.webp #section-titulo.pedras-flexiveis{background-image:url(../images/large/bg-titulo-pedras-flexiveis.webp);}
.no-webp #section-titulo.paineis-vinilicos, .no-js #section-titulo.paineis-vinilicos{background-image:url(../images/large/bg-titulo-paineis-vinilicos.jpg);}
.webp #section-titulo.paineis-vinilicos{background-image:url(../images/large/bg-titulo-paineis-vinilicos.webp);}
.no-webp #section-titulo.pastilhas, .no-js #section-titulo.pastilhas{background-image:url(../images/large/bg-titulo-pastilhas.jpg);}
.webp #section-titulo.pastilhas{background-image:url(../images/large/bg-titulo-pastilhas.webp);}
.no-webp #section-titulo.ripados, .no-js #section-titulo.ripados{background-image:url(../images/large/bg-titulo-ripados.jpg);}
.webp #section-titulo.ripados{background-image:url(../images/large/bg-titulo-ripados.webp);}
.no-webp #section-titulo.jardim-vertical, .no-js #section-titulo.jardim-vertical{background-image:url(../images/large/bg-titulo-jardim-vertical.jpg);}
.webp #section-titulo.jardim-vertical{background-image:url(../images/large/bg-titulo-jardim-vertical.webp);}
.no-webp #section-titulo.rodapes-e-rodameios, .no-js #section-titulo.rodapes-e-rodameios{background-image:url(../images/large/bg-titulo-rodapes-e-rodameios.jpg);}
.webp #section-titulo.rodapes-e-rodameios{background-image:url(../images/large/bg-titulo-rodapes-e-rodameios.webp);}
.no-webp #section-titulo.a-empresa, .no-js #section-titulo.a-empresa{background-image:url(../images/large/bg-titulo-a-empresa.jpg);}
.webp #section-titulo.a-empresa{background-image:url(../images/large/bg-titulo-a-empresa.webp);}
.no-webp #section-titulo.area-restrita, .no-js #section-titulo.area-restrita{background-image:url(../images/large/bg-titulo-a-empresa.jpg);}
.webp #section-titulo.area-restrita{background-image:url(../images/large/bg-titulo-a-empresa.webp);}
.no-webp #section-titulo.arquivos-para-download, .no-js #section-titulo.arquivos-para-download{background-image:url(../images/large/bg-titulo-a-empresa.jpg);}
.webp #section-titulo.arquivos-para-download{background-image:url(../images/large/bg-titulo-a-empresa.webp);}
.no-webp #section-titulo.busca, .no-js #section-titulo.busca{background-image:url(../images/large/bg-titulo-a-empresa.jpg);}
.webp #section-titulo.busca{background-image:url(../images/large/bg-titulo-a-empresa.webp);}
.no-webp #section-titulo.favoritos, .no-js #section-titulo.favoritos{background-image:url(../images/large/bg-titulo-a-empresa.jpg);}
.webp #section-titulo.favoritos{background-image:url(../images/large/bg-titulo-a-empresa.webp);}
.no-webp #section-titulo.simulador-de-ambientes, .no-js #section-titulo.simulador-de-ambientes{background-image:url(../images/large/bg-titulo-a-empresa.jpg);}
.webp #section-titulo.simulador-de-ambientes{background-image:url(../images/large/bg-titulo-a-empresa.webp);}
#section-titulo.simulador-de-ambientes{height: 300px; margin-bottom: 0; border-bottom: solid 2px #FFFFFF;}
.no-webp #section-titulo.solucoes-de-instalacao, .no-js #section-titulo.solucoes-de-instalacao{background-image:url(../images/large/bg-titulo-solucoes-de-instalacao.jpg);}
.webp #section-titulo.solucoes-de-instalacao{background-image:url(../images/large/bg-titulo-solucoes-de-instalacao.webp);}

#section-titulo h1{z-index: 1; margin-top: 0;}
#section-titulo h1::after{position: relative; z-index: 0; content: ""; display: block; width: 4em; border-top: solid 4px #C4AB71; margin: .2em auto 0 auto;}
#section-titulo h1 .gold{display: block; font-size: .4em; font-weight: 500; line-height: 1.2em;}

#section-titulo .bg-gold.white{font-size: 18px; display: block; position: absolute; bottom: 30px; left: -1px; width: 40px; height: 140px; -khtml-border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0; border: solid 1px #FFFFFF; font-weight: 500;z-index: 20;}
#section-titulo .bg-gold.white .pictograma{background-position: 25% 100%;}
#section-titulo .bg-gold.white span:not(.pictograma){display: block; transform: rotate(-90deg); position: absolute; left: -20px; top: 70px;}
#section-titulo .bg-gold.white.active{background-color: #10191C;}
#section-titulo .bg-gold.white.active .pictograma{background-position: 20% 100%}

#filtros{position: absolute; top: 180px; bottom: 0; left: 0; z-index: 10; padding: 30px 0 0 0; white-space: nowrap; width: 0; -webkit-transition:width .5s, padding .5s; -moz-transition:width .5s, padding .5s; -ms-transition:width .5s, padding .5s; transition:width .5s, padding .5s; overflow: auto;}
#filtros.active{width: 100%; padding: 30px 3.8% 0 60px;}

#filtros .pisos{display: inline-block; width:48.1%}
#filtros .pisos + .pisos{margin-left: 3.8%}

#filtros .montserrat.black{font-size: 24px; font-weight: 700; display: block;}
#filtros a.round{display: inline-block; width: 80px; height: 80px; border: solid 1px #FFFFFF; font-size:0; position: relative;}
#filtros a.round + a.round{margin-left: 20px;}
#filtros span{display: none;}
#filtros span + a.round{margin-left: 20px;}
/*#filtros a.round.hover .pictograma{position: absolute; top: 50%; margin-top: -15px; left: 50%; margin-left: -15px; border: solid 2px #FFFFFF; z-index: 20; width: 30px; height: 30px;}*/
#filtros a.round.hover::before{content: ""; position: absolute; top: -4px; right: -4px; bottom: -4px; left: -4px; border: solid 2px #10191C; -khtml-border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
#filtros a.round.hover::after{content: ""; position: absolute; top: 50%; margin-top: -20px; left: 50%; margin-left: -20px; border: solid 2px #FFFFFF; z-index: 20; width: 40px; height: 40px; background-image: url(../images/svg/pictogramas.svg); background-repeat: no-repeat; background-size: 2100% auto; background-position:15% 100%; background-color: #10191C;-khtml-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}

#filtros a.amarelo{background-color:#FFCC00;}
#filtros a.azul{background-color:#024ACC;}
#filtros a.bege{background-color:#D2B490;}
#filtros a.branco{background-color:#FFFFFF;}
#filtros a.cinza{background-color:#9CA29E;}
#filtros a.laranja{background-color:#FF6600;}
#filtros a.marrom{background-color:#665332;}
#filtros a.preto{background-color:#000000;}
#filtros a.rosa{background-color:#C67F9B;}
#filtros a.roxo{background-color:#5D3746;}
#filtros a.turquesa{background-color:#486E85;}
#filtros a.verde{background-color:#006633;}
#filtros a.vermelho{background-color:#920100;}
#filtros a.ouro{background:linear-gradient(to bottom,  #C49F37 0%,#DEC784 50%,#C49F37 51%,#DEC784 100%);}
#filtros a.prata{background:linear-gradient(to bottom,  #A1A2A7 0%,#D0CFD4 50%,#A1A2A7 51%,#D0CFD4 100%);}
#filtros a.bronze{background:linear-gradient(to bottom,  #864931 0%,#DC856B 50%,#864931 51%,#DC856B 100%);}

#filtros a.uso-sistema{background-image: url(../images/svg/filtros.svg); background-repeat: no-repeat; background-size: 400% auto;}
#filtros a.uso-sistema.en-685-23{background-position: 0 0;}
#filtros a.uso-sistema.en-685-32{background-position: 33.33% 0;}
#filtros a.uso-sistema.en-685-33{background-position: 66.66% 0;}
#filtros a.uso-sistema.en-685-41{background-position: 100% 0;}
#filtros a.uso-sistema.cola{background-position: 0 100%;}
#filtros a.uso-sistema.click{background-position: 33.33% 100%;}

#section-breadcrumb *{display: inline-block; vertical-align: middle; font-size: 14px; line-height: 1em; min-width: 1em; text-align: center;}
#section-breadcrumb a:hover{color: #FFFFFF;}

#section-simulador iframe{display: block; margin:-60px 0 0 0; padding: 0; width: 100%; border: none;}

#section-principal .content .article img{display: block; width: 100%; height: 100%; aspect-ratio: 3 / 2;}

#section-principal .content.linhas .article{margin-bottom: 40px;}
#section-principal .content.linhas .article.bg-gold-el p{padding: 1.2em;}
#section-principal .content.linhas h2{margin-bottom: 60px;}
#section-principal .content.linhas h2:not(:first-child) {margin-top: 100px;}
#section-principal .content.linhas h2::after{position: relative; z-index: 0; content: ""; display: block; width: 6em; border-top: solid 2px #10191C; margin: -20px auto 0 auto;}
#section-principal .content.linhas h2 .pictograma{position: relative; z-index: 1; display: block; margin: 5px auto 0 auto;}
#section-principal .content.linhas h3 .gold{display: block; font-size: .5em; font-weight: 500; line-height: 1.2em;}
#section-principal .content.linhas h3 .line{position: relative; z-index: 0; display: block; width: 4em; border-top: solid 2px #C4AB71; margin: .3em auto 0 auto;}
#section-principal .content.linhas h3 .line.pict{margin-top: 25px;}
#section-principal .content.linhas h3 .line.pict + .pictograma{position: relative; z-index: 1; display: block; margin: -20px auto 0 auto;}

#section-principal .content.produto .article p.chamada.bg-black.white.round{padding: 1em;}

#section-principal .content.produto .column-2{font-size: 18px;}
#section-principal .content.produto .round.image {display: inline-block; position: relative; width: 100%; height: 100%; border: solid 1px #10191C; aspect-ratio: 1 / 1; overflow: hidden;}
#section-principal .content.produto .round.image a:first-child{position: absolute; top: 0; right: 0; bottom: 0; left:0; cursor: zoom-in;}
#section-principal .content.produto .round.image .pictograma.gold.extra.novo{position: absolute; top: 15px; left: 15px;}
#section-principal .content.produto .round.image .pictograma.black.bg-gold {position: absolute; bottom: 0; right: 15px; z-index: 10;}

#section-principal .content.produto .round.image a .pictograma{width: 3em; height: 3em; border-top: solid 1px #10191C; border-right: solid 1px #10191C; border-left: solid 1px #10191C; -khtml-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; z-index: 10; bottom: 0;}
#section-principal .content.produto .round.image a .pictograma + span{bottom:.8em; right: 5em; display:block; width:0; font-size: .7em; padding:0; white-space:nowrap; height:2.4em; line-height:2.4em; position:absolute; overflow:hidden; -khtml-border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; transition:all 1s; border: solid 1px #10191C;}
#section-principal .content.produto .round.image a:hover .pictograma + span{width: 12em;}
#section-principal .content.produto .round.image .pictograma.novo{font-size: 0;}

#section-principal .content.produto .round.image + p{margin-top: 30px; text-align: left;}
#section-principal .content.produto .round.image + p .round.image{width: 30.8%; height: 30.8%; margin-right:3.8%; font-size: .6em;}
#section-principal .content.produto .round.image + p .round.image:nth-child(3n), #section-principal .content.produto p .round.image:last-child{margin-right: 0;}

#section-principal .content.produto .column-2 p{text-align: left;}
#section-principal .content.produto .column-2 p .selos-caracteristicas{width: 30.8%; height: 30.8%; aspect-ratio: 1 / 1; margin:3.8% 3.8% 0 0; font-size: 0;}
#section-principal .content.produto .column-2 p .selos-caracteristicas:nth-child(-n+3){margin-top: 0;}
#section-principal .content.produto .column-2 p .selos-caracteristicas:nth-child(3n), #section-principal .content.produto p .selos-caracteristicas:last-child{margin-right: 0;}

#section-principal .content.produto .reset-list.montserrat.text-left .bg-black.round.white{font-size: 20px; height: 50px; padding: 0 15px; font-weight: 600; display: flex; align-items: center; align-content: flex-start; position: relative;}
#section-principal .content.produto .reset-list.montserrat.text-left .bg-black.round.white + .bg-black.round.white{margin-top: 15px;}
#section-principal .content.produto .reset-list.montserrat.text-left .bg-black.round.white .gold{font-size: .6em; line-height: .8em; display: block; font-weight: 300;}
#section-principal .content.produto .reset-list.montserrat.text-left .bg-black.round.white .reposicao{font-size: .7em; font-weight: 400;}
#section-principal .content.produto .reset-list.montserrat.text-left .bg-black.round.white span + span:not(.reposicao) {position: absolute; right: 10px;}
#section-principal .content.produto .reset-list.montserrat.text-left .bg-black.round.white span + span.round{top: 5px; right: 5px; width: 40px; height: 40px; border: solid 1px #FFFFFF;}

#section-principal .content.produto h2 .gold{display: block; font-size: .5em; font-weight: 500; line-height: 1.2em;}
#section-principal .content.produto h2 .line{position: relative; z-index: 0; display: block; width: 8em; border-top: solid 2px #C4AB71; margin: 30px auto 0 auto;}
#section-principal .content.produto h2 a{position: relative; z-index: 1; margin: -22px auto 0 auto; display: inline-block; vertical-align: top;}
#section-principal .content.produto h2 a + a{margin-left: 20px;}
#section-principal iframe{width: 100%; overflow: hidden; border: none; margin: 0; padding: 0;}

#section-secundaria{padding: 0 3.8%;}
#section-secundaria .content{padding: 40px 0;}
#section-secundaria h3 .white{display: block; font-size: .5em; font-weight: 500; line-height: 1.2em;}
#section-secundaria .pictograma.bg-image{border: solid 1px #FFFFFF;position: relative; margin:0 5px 10px 5px;}
#section-secundaria .pictograma.bg-image.hover::before{content: ""; position: absolute; top: -4px; right: -4px; bottom: -4px; left: -4px; border: solid 2px #10191C; -khtml-border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
#section-secundaria li{font-size: 18px; padding: 15px 0;border-bottom: solid 1px #FFFFFF; width:48.1%; margin:0 3.8% 0 0; display: inline-block; vertical-align: middle;}
#section-secundaria li:first-child, #section-secundaria li:nth-child(2){border-top: solid 1px #FFFFFF;}
#section-secundaria li:nth-child(2n), #section-secundaria li:last-child{margin:0;}
#section-secundaria li a{line-height: 30px;}

#section-favoritos{border-top: solid 10px #C4AB71;}
#section-favoritos .content{padding: 40px 0;}
#section-favoritos .column-3:nth-child(4), #section-favoritos .column-3:nth-child(5), #section-favoritos .column-3:nth-child(6),#section-favoritos .column-3:nth-child(7), #section-favoritos .column-3:nth-child(7){margin-top: 3.8%; border-top: dotted 2px #C4AB71;}
#section-favoritos h3 .gold{display: block; font-size: .5em; font-weight: 500; line-height: 1.2em;}
#section-favoritos h3 a{font-size: 0; margin-left: 10px;}
#section-favoritos h3 + span {display: block; border-top: dotted 2px #C4AB71;}

#section-favoritos li{font-size: 18px; padding: 10px 0;border-bottom: dotted 2px #10191C;}
#section-favoritos li a{display: block; line-height: 60px;}
#section-favoritos li a.montserrat{font-weight: 600;}
#section-favoritos li a + a{margin-right: 10px;}
#section-favoritos li .pictograma.bg-image{display: inline-block; width: 60px; padding-bottom: 60px; vertical-align: middle; margin-right: 10px;}
#section-favoritos li .pictograma:not(.bg-image){float: right; margin-top: 15px;}

/*formulários*/
#filtro {visibility:hidden;display:none;position:absolute;}

#busca{display: inline-block; vertical-align: middle; border: solid 1px #C4AB71; overflow: hidden; padding-right: 50px; position: relative; margin-top: 10px; width: 280px;}
#busca input[type=text] {font-size:16px; font-weight:400; font-family: "Roboto", sans-serif; display:block; width:100%; background:none; border:none; padding:0 15px; margin:0; height:48px; line-height:48px;}
#busca input[type=submit] {font-size:0; padding:4px; width:50px; height: 50px; position: absolute; top: 0; right: 0; cursor:pointer; appearance:none; -moz-appearance:none; -webkit-appearance:none; margin:0 auto; border:none; background-color:#C4AB71; background-image: url(../images/svg/pictogramas.svg); background-repeat: no-repeat; background-size: 2100% auto; background-position:25% 80%; background-origin: content-box;}

#geral {margin:auto;padding:0;display:block; position:relative;width:100%;}
#geral input[type=text], #geral input[type=password]{display:block; width:100%; margin: 0; padding:0 15px; border:solid 1px #C4AB71; font-size:18px; font-weight:400; line-height:48px; height:50px;}

#geral textarea{display:inline-block; vertical-align:text-top; width:100%; margin:0 auto; padding:10px; border:solid 1px #C4AB71; font-size:18px; font-weight:400; line-height:1.3em;}

#geral label{display: inline-block; vertical-align:text-top; margin:0 auto 3.8% auto; width: 100%;}

#geral .cinquenta{max-width:48.1%;}
#geral .cinquenta + .cinquenta{margin-left: 3.8%;}

#geral .trinta{max-width:30.8%;}
#geral .trinta + .tres{margin-left: 3.8%;}

#geral .oitenta{max-width:83.04%;}
#geral .vinte{max-width:13.16%;}
#geral .oitenta + .vinte{margin-left: 3.8%;}

#geral .quarenta{max-width:30.8%;}
#geral .sessenta{max-width:65.4%;}
#geral .quarenta + .sessenta{margin-left: 3.8%;}

#geral input[type=submit]{display:block; width:48.1%; margin:0 auto; border: none; font-size:14px; font-weight:500; height:50px; cursor:pointer;}

#geral select{display:block; vertical-align:text-top; width:100%; margin:0; padding:0 0 0 15px; border:none; font-size:18px; font-weight:400; line-height:50px; height:50px; appearance:none; -moz-appearance:none; -webkit-appearance:none; background-image: url(../images/svg/select.svg); background-repeat:no-repeat; background-position: top right; background-size:50px auto;}
#geral select:disabled{opacity:0.70;}

#geral input[type="checkbox"]:not(:checked), #geral input[type="checkbox"]:checked {position:absolute; left:-9999px;}
#geral input[type="checkbox"]:not(:checked) + label, #geral input[type="checkbox"]:checked + label {position:relative; padding:0 0 0 35px; margin: -20px 0 0 0; cursor:pointer;}

#geral input[type="checkbox"]:not(:checked) + label:before, #geral input[type="checkbox"]:checked + label:before {content:''; position:absolute; left:0; top:-2px; width:30px; height:30px; border:1px solid #C4AB71; background:#FFFFFF;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
#geral input[type="checkbox"]:not(:checked) + label:after,#geral input[type="checkbox"]:checked + label:after {content:'✔'; position:absolute; top:0; left:5px; font-size:28px;line-height:1em;color:#10191C;transition:all .2s;}

#geral input[type="checkbox"]:not(:checked) + label:after {opacity:0;transform:scale(0);}
#geral input[type="checkbox"]:checked + label:after {opacity:1;transform:scale(1);}
#geral input[type="checkbox"]:checked:focus + label:before, #geral input[type="checkbox"]:not(:checked):focus + label:before {border:1px dotted blue;}

#geral input[type=file]{width:0; height:0; opacity:0; overflow:hidden; position:absolute; z-index:-1;}

#geral input[type=file] + label {padding:0 15px; border:solid 1px #C4AB71; font-size:18px; font-weight:400; line-height:50px;height:50px; display:inline-block; margin-left: 3.8%; vertical-align:text-top; background-color:#FFFFFF;	-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px; border-radius:5px; cursor:pointer; overflow: hidden; text-align: left;}

#geral input[type=file]:focus + label, #geral input[type=file] + label:hover {background-color:#ECE1CB;}
#geral input[type=file]:focus + label {outline:1px dotted #C4AB71; outline:-webkit-focus-ring-color auto 5px;}

/*cookie consent*/
#termsfeed-com---nb{display:block; margin:auto; max-width:800px; border:solid 1px #C4AB71; -khtml-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.termsfeed-com---nb .cc-nb-title {color: #C4AB71 !important;}
.cc-nb-okagree{background-color:#C4AB71!important; color:#FFFFFF!important;}
.cc-nb-okagree:target{border-color: #FFFFFF!important;}

/*estruturais*/
.standard{padding: 0 3.8%; position: relative;}
.standard .content{padding: 80px 0;}
.content {margin:auto; width:100%; max-width:1300px; position:relative; font-size:0;}
.article {width:65.4%; margin:auto; position:relative; display:inline-block; vertical-align:text-top;}
.column-2 {width:48.1%; margin:0 3.8% 0 0; position:relative; display:inline-block; vertical-align:top;}
.column-2:nth-child(2n), .column-2:last-child{margin-right:0;}
.column-3 {width:30.8%; margin:0 3.8% 0 0; position:relative; display:inline-block; vertical-align:top;}
.column-3:nth-child(3n), .column-3:last-child{margin-right:0;}
.column-4 {width:22.14%; margin:0 3.8% 0 0; position:relative; display:inline-block; vertical-align:top;}
.column-4:nth-child(4n), .column-4:last-child{margin-right:0;}
.column-6 {width:13.4%; margin:0 3.8% 0 0; position:relative; display:inline-block; vertical-align:top;}
.column-6:nth-child(6n), .column-6:last-child{margin-right:0;}

/*fontes*/
.roboto {font-family: "Roboto", sans-serif;}
.montserrat{font-family: "Montserrat", sans-serif;}

/*cores*/
.white{color:#FFFFFF;}
.black{color:#10191C;}
.gold{color:#C4AB71;}
.yellow{color:#FF9900;}
.green{color:#006600;}
.red{color:#CC3300;}

/*backgrounds*/
.bg-white{background-color:#FFFFFF;}
.bg-black{background-color:#10191C;}
.bg-gold{background-color:#C4AB71;}
.bg-gold-el{background-color: #ECE1CB;}
.bg-yellow{background-color:#FF9900;}
.bg-green{background-color:#006600;}
.bg-red{background-color:#CC3300;}
.bg-image{background-position:center; background-repeat:no-repeat; background-size:cover;}

/*transições*/
.alpha{-webkit-transition:opacity 1s; -moz-transition:opacity 1s; -ms-transition:opacity 1s; transition:opacity 1s;}
.alpha:hover{opacity:.5;}

/*gerais*/
.float-left{float:left;}
.float-right{float:right;}
.clear{clear:both;}
.clear-right{clear:right;}
.clear-left{clear:left;}
.reset-list{margin:0; padding:0; font-size:0; list-style:none;}
.text-justify{text-align:justify;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}

.round{-khtml-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.circle{display:inline-block; vertical-align:middle; -khtml-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
.two-column{-webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-width:200px; -moz-column-width:200px; column-width:200px; -webkit-column-gap:50px; -moz-column-gap:50px; column-gap: 50px;}

.button{display:inline-block; vertical-align:middle; position:relative; overflow:hidden; line-height: 1em;}
.button.hover{opacity:0.25;}

.button.extra{font-size:1.2em;}
.button.large{font-size:1.1em}
.button.medium{font-size:1em;}
.button.small{font-size:.9em;}
.button.tiny{font-size:.8em;}

.button .label{display:inline-block; vertical-align:middle; padding:.6em 1.5em; text-align:center; line-height:1.1em;}
.button .pictograma + .label{display:inline-block; vertical-align:middle; padding:0 1.5em 0 .5em; text-align:center;}

.pictograma{display:inline-block; vertical-align:middle; background-image: url(../images/svg/pictogramas-2024.svg); background-repeat: no-repeat; background-size: 2100% auto;}

.pictograma.extra{width:80px; height:80px;}
.pictograma.large{width:60px; height:60px;}
.pictograma.medium{width:40px; height:40px;}
.pictograma.small{width:30px; height:30px;}
.pictograma.tiny{width:20px; height:20px;}

.pictograma.text.large{font-size:3em; line-height:60px;}
.pictograma.text.medium{font-size:2.4em; line-height:40px;}
.pictograma.text.small{font-size:1.6em; line-height:30px;}
.pictograma.text.tiny{font-size:.8em; line-height:20px;}

.pictograma.local + span{display:inline-block; vertical-align:text-top; line-height:1.2em;}

.pictograma.bg-image{background-image: none; background-size: cover;}

.pictograma.black.whatsapp{background-position: 0 0;}
.pictograma.black.email{background-position:5% 0;}
.pictograma.black.home{background-position:10% 0;}
.pictograma.black.local{background-position: 15% 0;}
.pictograma.black.login{background-position:20% 0;}
.pictograma.black.busca{background-position: 25% 0;}
.pictograma.black.facebook{background-position: 30% 0;}
.pictograma.black.instagram{background-position: 35% 0;}
.pictograma.black.download{background-position: 40% 0;}
.pictograma.black.download-pdf{background-position: 45% 0;}
.pictograma.black.download-imagem{background-position: 50% 0;}
.pictograma.black.produtos{background-position: 55% 0;}
.pictograma.black.lancamentos{background-position:60% 0;}
.pictograma.black.sketchup{background-position:65% 0;}
.pictograma.black.ambientes{background-position: 70% 0;}
.pictograma.black.estoques{background-position:75% 0;}
.pictograma.black.onde-encontrar{background-position: 80% 0;}
.pictograma.black.descontinuados{background-position: 85% 0;}
.pictograma.black.favoritos{background-position: 90% 0;}
.pictograma.black.novo{background-position: 95% 0;}
.pictograma.black.instalacao{background-position: 100% 0;}

.pictograma.black.fone{background-position: 0 20%;}
.pictograma.black.mais{background-position: 5% 20%;}
.pictograma.black.menos{background-position: 10% 20%;}
.pictograma.black.fechar{background-position:15% 20%;}
.pictograma.black.anterior{background-position: 20% 20%;}
.pictograma.black.seguinte{background-position: 25% 20%;}
.pictograma.black.topo{background-position: 30% 20%;}
.pictograma.black.base{background-position: 35% 20%;}
.pictograma.black.ir{background-position: 40% 20%;}
.pictograma.black.representante{background-position: 45% 20%;}
.pictograma.black.trabalhe{background-position: 50% 20%;}
.pictograma.black.contato{background-position: 55% 20%;}
.pictograma.black.zoom{background-position: 60% 20%;}
.pictograma.black.nuvem{background-position: 70% 20%;}

.pictograma.gold.whatsapp{background-position: 0 40%;}
.pictograma.gold.email{background-position:5% 40%;}
.pictograma.gold.home{background-position:10% 40%;}
.pictograma.gold.local{background-position: 15% 40%;}
.pictograma.gold.login{background-position:20% 40%;}
.pictograma.gold.busca{background-position: 25% 40%;}
.pictograma.gold.facebook{background-position: 30% 40%;}
.pictograma.gold.instagram{background-position: 35% 40%;}
.pictograma.gold.download{background-position: 40% 40%;}
.pictograma.gold.download-pdf{background-position: 45% 40%;}
.pictograma.gold.download-imagem{background-position: 50% 40%;}
.pictograma.gold.produtos{background-position: 55% 40%;}
.pictograma.gold.lancamentos{background-position:60% 40%;}
.pictograma.gold.sketchup{background-position:65% 40%;}
.pictograma.gold.ambientes{background-position: 70% 40%;}
.pictograma.gold.estoques{background-position:75% 40%;}
.pictograma.gold.onde-encontrar{background-position: 80% 40%;}
.pictograma.gold.descontinuados{background-position: 85% 40%;}
.pictograma.gold.favoritos{background-position: 90% 40%;}
.pictograma.gold.novo{background-position: 95% 40%;}
.pictograma.gold.instalacao{background-position: 100% 40%;}

.pictograma.gold.fone{background-position: 0 60%;}
.pictograma.gold.mais{background-position: 5% 60%;}
.pictograma.gold.menos{background-position: 10% 60%;}
.pictograma.gold.fechar{background-position:15% 60%;}
.pictograma.gold.anterior{background-position: 20% 60%;}
.pictograma.gold.seguinte{background-position: 25% 60%;}
.pictograma.gold.topo{background-position: 30% 60%;}
.pictograma.gold.base{background-position: 35% 60%;}
.pictograma.gold.ir{background-position: 40% 60%;}
.pictograma.gold.representante{background-position: 45% 60%;}
.pictograma.gold.trabalhe{background-position: 50% 60%;}
.pictograma.gold.contato{background-position: 55% 60%;}
.pictograma.gold.zoom{background-position: 60% 60%;}
.pictograma.gold.nuvem{background-position: 70% 60%;}

.pictograma.white.whatsapp{background-position: 0 80%;}
.pictograma.white.email{background-position:5% 80%;}
.pictograma.white.home{background-position:10% 80%;}
.pictograma.white.local{background-position: 15% 80%;}
.pictograma.white.login{background-position:20% 80%;}
.pictograma.white.busca{background-position: 25% 80%;}
.pictograma.white.facebook{background-position: 30% 80%;}
.pictograma.white.instagram{background-position: 35% 80%;}
.pictograma.white.download{background-position: 40% 80%;}
.pictograma.white.download-pdf{background-position: 45% 80%;}
.pictograma.white.download-imagem{background-position: 50% 80%;}
.pictograma.white.produtos{background-position: 55% 80%;}
.pictograma.white.lancamentos{background-position:60% 80%;}
.pictograma.white.sketchup{background-position:65% 80%;}
.pictograma.white.ambientes{background-position: 70% 80%;}
.pictograma.white.estoques{background-position:75% 80%;}
.pictograma.white.onde-encontrar{background-position: 80% 80%;}
.pictograma.white.descontinuados{background-position: 85% 80%;}
.pictograma.white.favoritos{background-position: 90% 80%;}
.pictograma.white.novo{background-position: 95% 80%;}
.pictograma.white.instalacao{background-position: 100% 80%;}

.pictograma.white.fone{background-position: 0 100%;}
.pictograma.white.mais{background-position: 5% 100%;}
.pictograma.white.menos{background-position: 10% 100%;}
.pictograma.white.fechar{background-position:15% 100%;}
.pictograma.white.anterior{background-position: 20% 100%;}
.pictograma.white.seguinte{background-position: 25% 100%;}
.pictograma.white.topo{background-position: 30% 100%;}
.pictograma.white.base{background-position: 35% 100%;}
.pictograma.white.ir{background-position: 40% 100%;}
.pictograma.white.representante{background-position: 45% 100%;}
.pictograma.white.trabalhe{background-position: 50% 100%;}
.pictograma.white.contato{background-position: 55% 100%;}
.pictograma.white.zoom{background-position: 60% 100%;}
.pictograma.white.nuvem{background-position: 70% 100%;}

.selos-caracteristicas{display:inline-block; vertical-align:middle; background-image: url(../images/svg/selos-caracteristicas-2025.svg); background-repeat: no-repeat; background-size: 1100% auto;}

.selos-caracteristicas.lxc-187x1227{background-position: 0 0;}
.selos-caracteristicas.lxc-178x1219{background-position: 10% 0;}
.selos-caracteristicas.lxc-600x600{background-position: 20% 0;}
.selos-caracteristicas.lxc-914x914{background-position: 30% 0;}
.selos-caracteristicas.espessura-20{background-position: 0 10%;}
.selos-caracteristicas.espessura-30{background-position: 10% 10%;}
.selos-caracteristicas.espessura-40{background-position: 20% 10%;}
.selos-caracteristicas.espessura-52{background-position: 30% 10%;}
.selos-caracteristicas.capa-15{background-position: 0 20%;}
.selos-caracteristicas.capa-20{background-position: 10% 20%;}
.selos-caracteristicas.capa-30{background-position: 20% 20%;}
.selos-caracteristicas.capa-50{background-position: 30% 20%;}
.selos-caracteristicas.cola{background-position: 0 30%;}
.selos-caracteristicas.click{background-position: 0 30%;}
.selos-caracteristicas.rendimento-177{background-position: 0 40%;}
.selos-caracteristicas.rendimento-198{background-position: 10% 40%;}
.selos-caracteristicas.rendimento-220{background-position: 20% 40%;}
.selos-caracteristicas.rendimento-321{background-position: 30% 40%;}
.selos-caracteristicas.rendimento-324{background-position: 40% 40%;}
.selos-caracteristicas.rendimento-326{background-position: 50% 40%;}
.selos-caracteristicas.rendimento-337{background-position: 60% 40%;}
.selos-caracteristicas.rendimento-413{background-position: 70% 40%;}
.selos-caracteristicas.rendimento-418{background-position: 80% 40%;}
.selos-caracteristicas.rendimento-477{background-position: 90% 40%;}
.selos-caracteristicas.rendimento-669{background-position: 100% 40%;}
.selos-caracteristicas.classificacao-23{background-position: 0 50%;}
.selos-caracteristicas.classificacao-32{background-position: 10% 50%;}
.selos-caracteristicas.classificacao-31{background-position: 20% 50%;}
.selos-caracteristicas.classificacao-41{background-position: 30% 50%;}
.selos-caracteristicas.garantia-15{background-position: 0 60%;}
.selos-caracteristicas.garantia-10{background-position: 10% 60%;}
.selos-caracteristicas.garantia-5{background-position: 20% 60%;}

.selos-vantagens li{display:inline-block; width: 13%; margin: .75% 1.5% .75% 0; vertical-align:middle; background-image: url(../images/svg/selos-vantagens.svg); background-repeat: no-repeat; background-size: 1100% auto; padding-bottom: 18.2%;}
.selos-vantagens li.pisos-vinilicos:nth-child(4){margin-right: 0;}
.selos-vantagens li.rodapes:nth-child(7){margin-right: 0;}
.selos-vantagens li:last-child{margin-right: 0;}

.selos-vantagens .pisos-vinilicos.atibacteriano{background-position: 0 0;}
.selos-vantagens .pisos-vinilicos.conforto-acustico{background-position: 10% 0;}
.selos-vantagens .pisos-vinilicos.conforto-termico{background-position: 20% 0;}
.selos-vantagens .pisos-vinilicos.resistente-aos-cupins{background-position: 30% 0;}
.selos-vantagens .pisos-vinilicos.resistente-a-agua{background-position: 40% 0;}
.selos-vantagens .pisos-vinilicos.instalacao-rapida{background-position: 50% 0;}
.selos-vantagens .pisos-vinilicos.reciclavel{background-position: 60% 0;}
.selos-vantagens .pisos-vinilicos.simples{background-position: 70% 0;}
.selos-vantagens .rodapes.reciclavel{background-position: 0 50%;}
.selos-vantagens .rodapes.resistente-a-agua{background-position: 10% 50%;}
.selos-vantagens .rodapes.resistente-a-riscos{background-position: 20% 50%;}
.selos-vantagens .rodapes.nao-adere-sujeira{background-position: 30% 50%;}
.selos-vantagens .rodapes.garantia{background-position: 40% 50%;}
.selos-vantagens .rodapes.pintura{background-position: 50% 50%;}
.selos-vantagens .rodapes.durabilidade{background-position: 60% 50%;}
.selos-vantagens .rodapes.facil-de-instalar{background-position: 70% 50%;}
.selos-vantagens .rodapes.pronto-para-usar{background-position: 80% 50%;}
.selos-vantagens .rodapes.otimo-acabamento{background-position: 90% 50%;}
.selos-vantagens .rodapes.facil-de-limpar{background-position: 100% 50%;}
.selos-vantagens .rodapes.nao-empena{background-position: 0 100%;}
.selos-vantagens .rodapes.passa-cabo{background-position: 10% 100%;}
.selos-vantagens .rodapes.resistente-a-pragas{background-position: 20% 100%;}

.produto-list{display:block;}
.produto-list li{font-size: 18px; font-weight: 500; display:inline-block; position:relative; vertical-align:top; width:22.14%; margin:0 3.8% 3.8% 0; border:solid 1px #C4AB71; -khtml-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; transition:all 1s; overflow: hidden; background-color: #10191C;}
.produto-list li:nth-child(4n), .produto-list li:last-child{margin-right:0;}
.produto-list li:hover{background-color:#FFFFFF;}
.produto-list li .link-produto{display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; cursor:pointer;}
.produto-list li .bg-image{display: block; width: 100%; height: 100%; aspect-ratio: 1 / 1;}

.produto-list li a:not(.link-produto){position: absolute; bottom: 3.4em; z-index: 10;}
.produto-list li a:not(.link-produto):first-child{right: .6em;}
.produto-list li a:not(.link-produto):nth-child(2){right: 3.1em;}
.produto-list li a:not(.link-produto):nth-child(3){right: 5.6em;}
.produto-list li a:not(.link-produto):nth-child(4){right: 8.1em;}

.produto-list li a:not(.link-produto) .pictograma{width: 2em; height: 2em; border-top: solid 1px #10191C; border-right: solid 1px #10191C; border-left: solid 1px #10191C; -khtml-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}
.produto-list li a:not(.link-produto) .pictograma + span{top:3em; display:block; width:auto; font-size: .7em; padding:0 1.2em; white-space:nowrap; height:0; line-height:2.2em; position:absolute; right:0; overflow:hidden; -khtml-border-radius:5px 0 5px 5px; -moz-border-radius:5px 0 5px 5px; -webkit-border-radius:5px 0 5px 5px; border-radius:5px 0 5px 5px; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; transition:all 1s;}

.produto-list li a:not(.link-produto):hover {bottom: 3.2em;}
.produto-list li a:not(.link-produto):hover .pictograma{height: 2.2em;}
.produto-list li a:not(.link-produto):hover .pictograma + span{height:2.2em;}

.produto-list li .gold:not(.pictograma){display: flex; flex-wrap: wrap; align-items: center; align-content: center; padding: 0 2em 0 .7em; line-height: 1em; height: 3.4em; text-align: left;}
.produto-list li .gold .pictograma{position: absolute; right: .7em; bottom: 1em; width: 1.4em; height: 1.4em; border-width: 1px; border-style: solid;}

.produto-list .novo {display:block; position:absolute; left:10px; top:10px; font-size: 0;}
.produto-list .circle.text-center{display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center; position: absolute; top: 10px; right: 10px; border: solid 1px #FFFFFF; font-size: .7em; width: 6.6em; height: 6.6em; font-weight: 600; line-height: 1em;}
.produto-list .circle.text-center span{font-size: .8em; font-weight: 400; border-top: solid 1px #FFFFFF; margin-top: .3em; padding-top: .3em; line-height: 1em;}

.produto-list.ambiente li{width:48.1%; margin:0 3.8% 3.8% 0;}
.produto-list.ambiente li:nth-child(2n), .produto-list.ambiente li:last-child{margin-right:0;}
.produto-list.ambiente li .link-produto{z-index: 100;}
.produto-list.ambiente li .bg-image{aspect-ratio: 3 / 2;}
.produto-list.ambiente li .gold:not(.pictograma){display: flex; flex-wrap: wrap; align-items: center; align-content: center; padding: 1em; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: auto; font-size: 1.8em; line-height: 1.2em; font-weight: 600; text-align: left; background-color: rgba(0,0,0,.7);}

/*.produto-list.ambiente li .pictograma.black.bg-gold.download-pdf{position: absolute; bottom: 3em; right: .6em; z-index: 10; width: 2em; height: 2em; border-top: solid 1px #10191C; border-right: solid 1px #10191C; border-left: solid 1px #10191C; -khtml-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}*/

.capa li{font-size: 24px; width:30%; margin:0 1.5% 4.5% 1.5%; position:relative; display:inline-block; vertical-align:top; font-weight: 600;}
.capa li .pictograma{display: block; margin: .5em auto; position: relative; z-index: 5;}
.capa li::after{content: ""; position: absolute; bottom: 25px; border-bottom: solid 4px #10191C; width: 40%; margin: 0 30%; left: 0; z-index: 0;}

.arquivos-list li{font-size: 18px; display:block; position:relative; margin: 0 0 1em 0; overflow: hidden;}
.arquivos-list li a{display: block; line-height: 1.2em; padding: .7em 0 .7em 1.2em; min-height: 3.8em; -moz-transition:all 1s; -ms-transition:all 1s; transition:all 1s;}
.arquivos-list li a strong{font-size: 1.3em;}
.arquivos-list li a:hover{background-color:#000000;}
.arquivos-list li .pictograma{position: absolute; right: 0; top: 50%; margin-top: -30px;}

@media screen and (max-width:1300px) {
/*configurações*/
h1{font-size:32px;}
h2{font-size:30px;}
h3{font-size:28px;}
h4{font-size:24px;}
h5{font-size:20px;}
h6{font-size:18px;}
p{font-size:16px;}
.chamada{font-size:20px;}
.legenda{font-size:12px;}

/* identificadores */
header {padding:25px 3.8% 60px 3.8%;}
header .logo{width: 224px; height: 64px;}
header .bg-gold{font-size: 14px; margin:10px 0 0 7px;}

nav li .montserrat{font-size:14px;}

nav li:hover ul{height: 297px;}
nav li:first-child:hover ul{height: 215px;}
nav li:nth-child(2):hover ul{height: 380px;}
nav li:nth-child(3):hover ul{height: 297px;}
nav li:last-child:hover ul{height: 133px;}/*temporario*/

nav li ul::before{border-radius: 0 0 25px 25px;}
nav li ul li{padding: 0 25px;}
nav li ul li:first-child{padding-top: 25px;}
nav li ul li a{font-size:14px; display:block; line-height:18px; padding: 11px 30px 11px 0;}
nav li ul li a .pictograma{margin-top: -10px;}

#sub-nav li a{font-size:14px; padding:10px 0;}

#banner{aspect-ratio: 5 / 3;}
.no-webp #banner .simulador, .no-js #banner .simulador{background-image:url(../images/medium/bg-banner-simulador.jpg);}
.webp #banner .simulador{background-image:url(../images/medium/bg-banner-simulador.webp);}
.no-webp #banner .pastilhas, .no-js #banner .pastilhas{background-image:url(../images/medium/bg-banner-pastilhas.jpg);}
.webp #banner .pastilhas{background-image:url(../images/medium/bg-banner-pastilhas.webp);}
.no-webp #banner .pisos-vinilicos, .no-js #banner .pisos-vinilicos{background-image:url("../images/medium/bg-banner-pisos-vinilicos.jpg");}
.webp #banner .pisos-vinilicos{background-image:url(../images/medium/bg-banner-pisos-vinilicos.webp);}
#banner h1, #banner h2{font-size:30px;}

#section-lancamentos .content{padding: 60px 0;}
#section-lancamentos .prev{left: -20px;}
#section-lancamentos .next{right: -20px;}

.no-webp #section-sobre .bg-image, .no-js #section-sobre .bg-image{background-image:url(../images/medium/bg-a-empresa.jpg);}
.webp #section-sobre .bg-image{background-image:url(../images/medium/bg-a-empresa.webp);}
#section-sobre .content{left: 3.8%; right: 3.8%;}
#section-sobre .column-3{margin-left: 20px;}
#section-sobre .column-3::before{content: ""; position: absolute; top: -20px; right: -20px; bottom: -20px; left: -20px; background-color:#10191C; opacity: .7; mix-blend-mode: multiply;-khtml-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; z-index: 0;}
#section-sobre .column-3 *{z-index: 1; position: relative;}
#section-sobre .column-3 p{color: #FFFFFF;}

#footer .divisao{margin-bottom: 30px;}
#footer .divisao li, #footer p:not(.agx){font-size: 14px;}
#footer .divisao li ul{padding-left: 21px;}
#footer .divisao.gold li{font-size: 12px;}
#footer .column-4 .logo{padding-bottom: 40px;}

#section-titulo{padding: 140px 3.8% 0 3.8%; height: 300px;}
.no-webp #section-titulo.pisos-vinilicos, .no-js #section-titulo.pisos-vinilicos{background-image:url(../images/medium/bg-titulo-pisos-vinilicos.jpg);}
.webp #section-titulo.pisos-vinilicos{background-image:url(../images/medium/bg-titulo-pisos-vinilicos.webp);}
.no-webp #section-titulo.revestimentos-de-parede, .no-js #section-titulo.revestimentos-de-parede{background-image:url(../images/medium/bg-titulo-revestimentos-de-parede.jpg);}
.webp #section-titulo.revestimentos-de-parede{background-image:url(../images/medium/bg-titulo-revestimentos-de-parede.webp);}
.no-webp #section-titulo.pedras-naturais, .no-js #section-titulo.pedras-naturais{background-image:url(../images/medium/bg-titulo-pedras-naturais.jpg);}
.webp #section-titulo.pedras-naturais{background-image:url(../images/medium/bg-titulo-pedras-naturais.webp);}
.no-webp #section-titulo.pedras-flexiveis, .no-js #section-titulo.pedras-flexiveis{background-image:url(../images/medium/bg-titulo-pedras-flexiveis.jpg);}
.webp #section-titulo.pedras-flexiveis{background-image:url(../images/medium/bg-titulo-pedras-flexiveis.webp);}
.no-webp #section-titulo.paineis-vinilicos, .no-js #section-titulo.paineis-vinilicos{background-image:url(../images/medium/bg-titulo-paineis-vinilicos.jpg);}
.webp #section-titulo.paineis-vinilicos{background-image:url(../images/medium/bg-titulo-paineis-vinilicos.webp);}
.no-webp #section-titulo.pastilhas, .no-js #section-titulo.pastilhas{background-image:url(../images/medium/bg-titulo-pastilhas.jpg);}
.webp #section-titulo.pastilhas{background-image:url(../images/medium/bg-titulo-pastilhas.webp);}
.no-webp #section-titulo.ripados, .no-js #section-titulo.ripados{background-image:url(../images/medium/bg-titulo-ripados.jpg);}
.webp #section-titulo.ripados{background-image:url(../images/medium/bg-titulo-ripados.webp);}
.no-webp #section-titulo.jardim-vertical, .no-js #section-titulo.jardim-vertical{background-image:url(../images/medium/bg-titulo-jardim-vertical.jpg);}
.webp #section-titulo.jardim-vertical{background-image:url(../images/medium/bg-titulo-jardim-vertical.webp);}
.no-webp #section-titulo.rodapes-e-rodameios, .no-js #section-titulo.rodapes-e-rodameios{background-image:url(../images/medium/bg-titulo-rodapes-e-rodameios.jpg);}
.webp #section-titulo.rodapes-e-rodameios{background-image:url(../images/medium/bg-titulo-rodapes-e-rodameios.webp);}
.no-webp #section-titulo.a-empresa, .no-js #section-titulo.a-empresa{background-image:url(../images/medium/bg-titulo-a-empresa.jpg);}
.webp #section-titulo.a-empresa{background-image:url(../images/medium/bg-titulo-a-empresa.webp);}
.no-webp #section-titulo.area-restrita, .no-js #section-titulo.area-restrita{background-image:url(../images/medium/bg-titulo-a-empresa.jpg);}
.webp #section-titulo.area-restrita{background-image:url(../images/medium/bg-titulo-a-empresa.webp);}
.no-webp #section-titulo.arquivos-para-download, .no-js #section-titulo.arquivos-para-download{background-image:url(../images/medium/bg-titulo-a-empresa.jpg);}
.webp #section-titulo.arquivos-para-download{background-image:url(../images/medium/bg-titulo-a-empresa.webp);}
.no-webp #section-titulo.busca, .no-js #section-titulo.busca{background-image:url(../images/medium/bg-titulo-a-empresa.jpg);}
.webp #section-titulo.busca{background-image:url(../images/medium/bg-titulo-a-empresa.webp);}
.no-webp #section-titulo.favoritos, .no-js #section-titulo.favoritos{background-image:url(../images/medium/bg-titulo-a-empresa.jpg);}
.webp #section-titulo.favoritos{background-image:url(../images/medium/bg-titulo-a-empresa.webp);}
.no-webp #section-titulo.simulador-de-ambientes, .no-js #section-titulo.simulador-de-ambientes{background-image:url(../images/medium/bg-titulo-a-empresa.jpg);}
.webp #section-titulo.simulador-de-ambientes{background-image:url(../images/medium/bg-titulo-a-empresa.webp);}
#section-titulo.simulador-de-ambientes{height: 250px;}
.no-webp #section-titulo.solucoes-de-instalacao, .no-js #section-titulo.solucoes-de-instalacao{background-image:url(../images/medium/bg-titulo-solucoes-de-instalacao.jpg);}
.webp #section-titulo.solucoes-de-instalacao{background-image:url(../images/medium/bg-titulo-solucoes-de-instalacao.webp);}

#section-titulo .bg-gold.white{font-size: 16px; bottom: 15px; height: 120px;}
#section-titulo .bg-gold.white span:not(.pictograma){left: -15px; top: 60px;}

#filtros{top: 140px; padding: 35px 0 0 0;}
#filtros.active{width: 100%; padding: 35px 3.8% 0 60px;}

#filtros .montserrat.black{font-size: 20px;}
#filtros a.round{width: 60px; height: 60px;}
#filtros a.round + a.round{margin-left: 10px;}
/*#filtros a.round .pictograma{margin-top: -10px; margin-left: -10px;}*/
#filtros a.round.hover::after{margin-top: -15px; margin-left: -15px; width: 30px; height: 30px;}

#section-breadcrumb *{font-size: 12px;}
    
#section-principal .content.linhas .article{margin-bottom: 30px;}
#section-principal .content.linhas h2{margin-bottom: 40px;}
#section-principal .content.linhas h2::after{margin: -15px auto 0 auto;}
#section-principal .content.linhas h3 .line.pict + .pictograma{margin: -15px auto 0 auto;}

#section-principal .content.produto .column-2{font-size: 14px;}
#section-principal .content.produto .round.image .pictograma.gold.extra.novo{top: 10px; left: 10px;}
#section-principal .content.produto .round.image .pictograma.black.bg-gold {right: 10px;}

#section-principal .content.produto .reset-list.montserrat.text-left .bg-black.round.white{font-size: 16px; height: 40px; padding: 0 10px;}
#section-principal .content.produto .reset-list.montserrat.text-left .bg-black.round.white + .bg-black.round.white{margin-top: 15px;}
#section-principal .content.produto .reset-list.montserrat.text-left .bg-black.round.white span + span.round{width: 30px; height: 30px;}

#section-principal .content.produto h2 a{margin: -19px auto 0 auto;}
#section-principal .content.produto h2 a + a{margin-left: 15px;}

#section-secundaria .content{padding: 30px 0;}
#section-secundaria li{font-size: 16px; padding: 10px 0;}
#section-secundaria li a{line-height: 20px;}

#section-favoritos .content{padding: 30px 0;}

#section-favoritos li{font-size: 16px; padding: 10px 0;}
#section-favoritos li a{display: block; line-height: 50px;}
#section-favoritos li .pictograma.bg-image{width: 50px; padding-bottom: 50px;}
#section-favoritos li .pictograma:not(.bg-image){margin-top: 15px;}

/*formulários*/
#busca{padding-right: 40px; margin-top: 10px; width: 230px;}
#busca input[type=text] {font-size:14px; padding:0 10px; height:38px; line-height:38px;}
#busca input[type=submit] {width:40px; height: 40px;}

#geral input[type=text], #geral input[type=password]{padding:0 10px; font-size:16px; line-height:38px; height:40px;}
#geral textarea{font-size:16px;}
#geral input[type=submit]{font-size:12px; height:40px;}
#geral select{font-size:16px; line-height:40px; height:40px; background-size:40px auto;}
#geral input[type="checkbox"]:not(:checked) + label, #geral input[type="checkbox"]:checked + label {padding:0 0 0 30px; margin: -20px 0 0 0;}
#geral input[type="checkbox"]:not(:checked) + label:before, #geral input[type="checkbox"]:checked + label:before {width:25px; height:25px;}
#geral input[type="checkbox"]:not(:checked) + label:after,#geral input[type="checkbox"]:checked + label:after {top:-3px; left:5px; font-size:24px;}
#geral input[type=file] + label {padding:0 10px; font-size:16px; line-height:40px; height:40px;}

/*estruturais*/
.standard .content{padding: 60px 0;}

/*gerais*/
.button.extra{font-size:1.1em;}
.button.large{font-size:1em}
.button.medium{font-size:.9em;}
.button.small{font-size:.8em;}

.button .label{padding:.5em 1em; line-height:1.1em;}
.button .pictograma + .label{padding:0 1.3em 0 .3em;}

.pictograma.extra{width:60px; height:60px;}
.pictograma.large{width:40px; height:40px;}
.pictograma.medium{width:30px; height:30px;}
.pictograma.small{width:20px; height:20px;}

.pictograma.text.large{font-size:2.4em; line-height:40px;}
.pictograma.text.medium{font-size:1.6em; line-height:30px;}
.pictograma.text.small{font-size:.8em; line-height:20px;}

.pictograma.local + span{line-height:1em;}

.produto-list li{font-size: 16px;}

.capa li{font-size: 20px;}
.capa li::after{bottom: 17px; border-bottom: solid 2px #10191C;}
}
@media screen and (max-width:950px) {
/*configurações*/
h1{font-size:28px;}
h2{font-size:24px;}
h3{font-size:22px;}
h4{font-size:20px;}
h5{font-size:18px;}
h6{font-size:16px;}
p{font-size:14px;}
.chamada{font-size:16px;}
.legenda{font-size:10px;}

header {padding:20px 15px 15px 15px; border-bottom: solid 1px #FFFFFF;}
header .logo{width: 168px; height: 48px;}
header .bg-gold{padding: 0; margin:0 0 0 5px; font-size: 0;}

header .panel-button{position:relative; width: 40px; height: 40px; display: inline-block; margin-left: 5px; overflow:hidden; background-color:#10191C; -webkit-transition:all 2s; -moz-transition:all 2s; -ms-transition:all 2s; transition:all 2s; vertical-align:middle; z-index: 2000; cursor:pointer; -khtml-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
    
header .panel-button span{display:block; position:absolute; height:2px; width:20px; left: 10px; background-color:#FFFFFF;}
header .panel-button .um{top: 13px; z-index: 10;}
header .panel-button .dois{top: 19px; z-index: 0;}
header .panel-button .tres{top: 25px; z-index: 10;}
    
header.panel-button-active .panel-button .um{transform:rotate(-45deg); top:19px;}
header.panel-button-active .panel-button .dois{background-color: #10191C;}
header.panel-button-active .panel-button .tres{transform:rotate(45deg); top:19px;}
header.panel-button-active nav {right:0;}

nav {position:fixed; top:84px; right:-310px; left: auto;  bottom:0; width:300px; text-align:left; background-color:#C4AB71; z-index: 100;}
nav::before{content: ""; position: absolute; top: 0; bottom: 0; left: -15px; display: block; width: 15px; background: linear-gradient(to right,  rgba(16,25,28,0) 0%,rgba(16,25,28,0.5) 100%);}
nav ul:first-child{margin:0; padding:0; list-style:none; display:block; overflow:scroll; position:absolute; top:15px; right:15px; bottom:15px; left:15px;}

nav li{display:block; width: 100%; border: solid 1px #FFFFFF; -khtml-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:5px 0 20px 0;}
nav li + li{padding-left: 0; margin-top: 20px;}
nav li .montserrat{font-size:16px; line-height:20px; padding:10px; display: block; background-color:transparent; -webkit-transition:none; -moz-transition:none; -ms-transition:none; transition:none;}
nav li:hover .montserrat{background-color:transparent;}
nav li .montserrat.hover{background-color:transparent; color:#10191C;}
nav li .montserrat.hover + ul::before{background-color:#C4AB71;}

nav li:hover ul{height: auto;}
nav li:first-child:hover ul{height: auto;}
nav li:nth-child(2):hover ul{height: auto;}
nav li:nth-child(3):hover ul{height: auto;}
nav li:last-child{padding-bottom: 0; padding-top: 0;}
nav li:hover ul::before{display: none;}

nav li ul {height:auto; overflow: hidden; position:relative; left:auto; right: auto; -webkit-transition:none; -moz-transition:none; -ms-transition:none; transition:none; width: 100%;}
nav li + li ul{left: auto;}
nav li ul::before{display: none; visibility: hidden; opacity: 0;}
nav li ul li{width:100%; display:block; position:relative; text-align:left; padding: 0 20px; border: none; overflow: hidden; -khtml-border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;}
nav li ul li{margin-top: 0;}
nav li ul li:first-child{padding-top: 0;}
nav li:nth-child(3) ul li:last-child a{border-bottom: none;}
nav li ul li a{font-size:14px; display:block; line-height:16px; padding: 12px 30px 12px 0; border-top: solid 1px #FFFFFF; -webkit-transition:none; -moz-transition:none; -ms-transition:none; transition:none;}
nav li ul li a:hover{color: #FFFFFF;}
nav li ul li a.hover{color: #10191C;}
nav li ul li a .pictograma{margin-top: -10px;}
    
nav li ul li ul{display: block; visibility: visible;}
nav li ul li ul li{padding: 0 0 0 20px; margin-right:0;}
nav li ul li ul li a{font-size:12px; display:block; line-height:16px; padding: 12px 30px 12px 0; border-top: dotted 1px #FFFFFF;}
nav li ul li:last-child ul li:last-child a{border-bottom: dotted 1px #FFFFFF;}

#sub-nav, #sub-nav *{display: none; visibility: hidden; font-size: 0; margin: 0; padding: 0; width: 0;}

#banner{aspect-ratio: 4 / 3; max-height: 500px;}
.no-webp #banner .simulador, .no-js #banner .simulador{background-image:url(../images/small/bg-banner-simulador.jpg);}
.webp #banner .simulador{background-image:url(../images/small/bg-banner-simulador.webp);}
.no-webp #banner .pastilhas, .no-js #banner .pastilhas{background-image:url(../images/small/bg-banner-pastilhas.jpg);}
.webp #banner .pastilhas{background-image:url(../images/small/bg-banner-pastilhas.webp);}
.no-webp #banner .pisos-vinilicos, .no-js #banner .pisos-vinilicos{background-image:url("../images/small/bg-banner-pisos-vinilicos.jpg");}
.webp #banner .pisos-vinilicos{background-image:url(../images/small/bg-banner-pisos-vinilicos.webp);}
#banner h1, #banner h2{font-size:24px; width:100%; max-width: 100%; right: 0;}

#section-lancamentos .scrolling{margin:30px 0 0 0;}
#section-lancamentos .produto-list li:nth-child(3), #section-lancamentos .produto-list li:last-child{margin-top:40px;}

.no-webp #section-sobre .bg-image, .no-js #section-sobre .bg-image{background-image:url(../images/small/bg-a-empresa.jpg);}
.webp #section-sobre .bg-image{background-image:url(../images/small/bg-a-empresa.webp);}
#section-sobre .content{justify-content: center; align-items: center;left: 30px; right: 30px; width: auto;}
#section-sobre .column-3{margin: 0; width:65.4%;}
#section-sobre .column-3::before{top: -15px; right: -15px; bottom: -15px; left: -15px;}

#footer .column-4{width:48.1%; margin-right: 3.8%;}
#footer .column-4:nth-child(2n){margin-right: 0;}
#footer .divisao li, #footer p:not(.agx){font-size: 12px;}
#footer .divisao.gold{margin-top: 20px;}
#footer .divisao.gold li{margin-top: 0; text-align: center; line-height: 1em; vertical-align: top;}
#footer .divisao.gold li a{padding-left: 0;}
#footer .divisao.gold .pictograma{position: relative; left: auto; top: auto; margin:0 auto 10px auto; display: block;}
#footer .divisao.gold .pictograma + span{display: block;}

#footer .white.bg-gold.round{padding: 20px;}
#footer .white.bg-gold.round .logo{width: 145px; background-position: center; position: absolute; top: 20px; right: 20px;}
#footer .white.bg-gold.round .column-2 + .column-2{margin-top: 15px;}
#footer .white.bg-gold.round p.text-right{bottom: 20px; right: 20px;}

#section-titulo{padding: 85px 30px 0 30px; height: 190px; margin-bottom: 1px;}
.no-webp #section-titulo.pisos-vinilicos, .no-js #section-titulo.pisos-vinilicos{background-image:url(../images/small/bg-titulo-pisos-vinilicos.jpg);}
.webp #section-titulo.pisos-vinilicos{background-image:url(../images/small/bg-titulo-pisos-vinilicos.webp);}
.no-webp #section-titulo.revestimentos-de-parede, .no-js #section-titulo.revestimentos-de-parede{background-image:url(../images/small/bg-titulo-revestimentos-de-parede.jpg);}
.webp #section-titulo.revestimentos-de-parede{background-image:url(../images/small/bg-titulo-revestimentos-de-parede.webp);}
.no-webp #section-titulo.pedras-naturais, .no-js #section-titulo.pedras-naturais{background-image:url(../images/small/bg-titulo-pedras-naturais.jpg);}
.webp #section-titulo.pedras-naturais{background-image:url(../images/small/bg-titulo-pedras-naturais.webp);}
.no-webp #section-titulo.pedras-flexiveis, .no-js #section-titulo.pedras-flexiveis{background-image:url(../images/small/bg-titulo-pedras-flexiveis.jpg);}
.webp #section-titulo.pedras-flexiveis{background-image:url(../images/small/bg-titulo-pedras-flexiveis.webp);}
.no-webp #section-titulo.paineis-vinilicos, .no-js #section-titulo.paineis-vinilicos{background-image:url(../images/small/bg-titulo-paineis-vinilicos.jpg);}
.webp #section-titulo.paineis-vinilicos{background-image:url(../images/small/bg-titulo-paineis-vinilicos.webp);}
.no-webp #section-titulo.pastilhas, .no-js #section-titulo.pastilhas{background-image:url(../images/small/bg-titulo-pastilhas.jpg);}
.webp #section-titulo.pastilhas{background-image:url(../images/small/bg-titulo-pastilhas.webp);}
.no-webp #section-titulo.ripados, .no-js #section-titulo.ripados{background-image:url(../images/small/bg-titulo-ripados.jpg);}
.webp #section-titulo.ripados{background-image:url(../images/small/bg-titulo-ripados.webp);}
.no-webp #section-titulo.jardim-vertical, .no-js #section-titulo.jardim-vertical{background-image:url(../images/small/bg-titulo-jardim-vertical.jpg);}
.webp #section-titulo.jardim-vertical{background-image:url(../images/small/bg-titulo-jardim-vertical.webp);}
.no-webp #section-titulo.rodapes-e-rodameios, .no-js #section-titulo.rodapes-e-rodameios{background-image:url(../images/small/bg-titulo-rodapes-e-rodameios.jpg);}
.webp #section-titulo.rodapes-e-rodameios{background-image:url(../images/small/bg-titulo-rodapes-e-rodameios.webp);}
.no-webp #section-titulo.a-empresa, .no-js #section-titulo.a-empresa{background-image:url(../images/small/bg-titulo-a-empresa.jpg);}
.webp #section-titulo.a-empresa{background-image:url(../images/small/bg-titulo-a-empresa.webp);}
.no-webp #section-titulo.area-restrita, .no-js #section-titulo.area-restrita{background-image:url(../images/small/bg-titulo-a-empresa.jpg);}
.webp #section-titulo.area-restrita{background-image:url(../images/small/bg-titulo-a-empresa.webp);}
.no-webp #section-titulo.arquivos-para-download, .no-js #section-titulo.arquivos-para-download{background-image:url(../images/small/bg-titulo-a-empresa.jpg);}
.webp #section-titulo.arquivos-para-download{background-image:url(../images/small/bg-titulo-a-empresa.webp);}
.no-webp #section-titulo.busca, .no-js #section-titulo.busca{background-image:url(../images/small/bg-titulo-a-empresa.jpg);}
.webp #section-titulo.busca{background-image:url(../images/small/bg-titulo-a-empresa.webp);}
.no-webp #section-titulo.favoritos, .no-js #section-titulo.favoritos{background-image:url(../images/small/bg-titulo-a-empresa.jpg);}
.webp #section-titulo.favoritos{background-image:url(../images/small/bg-titulo-a-empresa.webp);}
.no-webp #section-titulo.simulador-de-ambientes, .no-js #section-titulo.simulador-de-ambientes{background-image:url(../images/snall/bg-titulo-a-empresa.jpg);}
.webp #section-titulo.simulador-de-ambientes{background-image:url(../images/small/bg-titulo-a-empresa.webp);}
#section-titulo.simulador-de-ambientes{height: 170px; border-bottom: solid 1px #FFFFFF;}
.no-webp #section-titulo.solucoes-de-instalacao, .no-js #section-titulo.solucoes-de-instalacao{background-image:url(../images/small/bg-titulo-solucoes-de-instalacao.jpg);}
.webp #section-titulo.solucoes-de-instalacao{background-image:url(../images/small/bg-titulo-solucoes-de-instalacao.webp);}

#section-titulo .bg-gold.white{font-size: 12px; bottom: 10px; height: 90px;}
#section-titulo .bg-gold.white span:not(.pictograma){left: -7px; top: 47px;}

#filtros{top: 83px; bottom: auto; padding: 20px 0 0 0;}
#filtros.active{width: 100%; padding: 20px 30px 30px 60px;}

#filtros .montserrat.black{font-size: 18px;}
#filtros a.round{width: 50px; height: 50px;}
#filtros a.round + a.round{margin-left: 10px;}
#filtros span.dois{display: block;}
#filtros span.dois + a.round{margin-left: 0;}
#filtros span + a.round{margin-left: 10px;}
/*#filtros a.round .pictograma{margin-top: -10px; margin-left: -10px;}*/

#section-breadcrumb *{font-size: 10px;}

#section-principal .content.produto .column-2{max-width: 300px; margin: auto; font-size: 14px;}
#section-principal .content.produto .column-2:first-child{margin-bottom: 10px;}
#section-principal .content.produto .round.image + p{margin-top: 10px;}

#section-principal .content.produto .column-2 p .selos-caracteristicas{margin-top: 10px;}
#section-principal .content.produto h2 a{margin: -17px auto 0 auto;}
#section-principal .content.produto p.chamada.montserrat.gold{margin-top: 30px;}

#section-secundaria{padding: 0 30px;}
#section-secundaria .content{padding: 30px 0;}
#section-secundaria .column-2 + .column-2{margin-top: 30px;}
    
#section-secundaria li{font-size: 14px;}

#section-favoritos .content{padding: 30px 0;}
#section-favoritos .column-3{display: block; width: 100%; margin-top: 20px; }
    
#section-favoritos .column-3:nth-child(4), #section-favoritos .column-3:nth-child(5), #section-favoritos .column-3:nth-child(6),#section-favoritos .column-3:nth-child(7), #section-favoritos .column-3:nth-child(7){margin-top: 20px;}

#section-favoritos li{font-size: 14px; padding: 5px 0;}
#section-favoritos li a{line-height: 40px;}
#section-favoritos li a + a{margin-right: 10px;}
#section-favoritos li .pictograma.bg-image{width: 40px; padding-bottom: 40px;}
#section-favoritos li .pictograma:not(.bg-image){margin-top: 10px;}

/*formulários*/
#busca{padding-right: 30px; margin-top: 0; width: 170px;}
#busca input[type=text] {font-size:10px; padding:0 10px; height:28px; line-height:28px;}
#busca input[type=submit] {padding: 3px; width:30px; height: 30px;}

#geral input[type=text], #geral input[type=password]{font-size:14px;}
#geral textarea{font-size:14px;}
#geral input[type=submit]{font-size:12px;}
#geral select{font-size:14px;}
#geral input[type=file] + label {font-size:14px;}

/*estruturais*/
.standard{padding: 0 30px; }
.standard .content{padding: 50px 0;}
.content {max-width:500px;}
.article, .column-2 {width:100%; display:block; margin: 0 auto;}
.column-2:nth-child(2n), .column-2:last-child{margin-right:auto;}

/*transições*/
.alpha{-webkit-transition: none; -moz-transition: none; -ms-transition: none; transition: none;}
.alpha:hover{opacity:1;}

/*gerais*/
.selos-vantagens li{display:inline-block; width: 18%; margin: 1.25% 2.5% 1.25% 0; padding-bottom: 25.2%;}
.selos-vantagens li.rodapes:nth-child(7n){margin-right: 2.5%;}
.selos-vantagens li.rodapes:nth-child(5n){margin-right: 0;}
.selos-vantagens li:last-child{margin-right: 0;}

.produto-list li{font-size: 14px; width:48.1%; margin:0 3.8% 3.8% 0;}
.produto-list li:nth-child(2n), .produto-list li:last-child{margin-right:0;}

.produto-list.ambiente{max-width: 350px; margin: auto;}
.produto-list.ambiente li{width:100%; margin:0;}
.produto-list.ambiente li + li{margin-top: 30px;}

.capa li{font-size: 16px; width:50%; margin:0 0 30px 0;}

}
@media screen and (max-width:600px) {
h1{font-size:24px;}
h2{font-size:22px;}
h3{font-size:20px;}
h4{font-size:18px;}
h5{font-size:17px;}

header {padding:15px 20px 10px 20px; text-align: right;}
header .logo{width: 145px; height: 40px; display: block; float: none; margin-bottom: 10px;}
header .bg-gold{margin:0 0 0 10px;}
header .bg-gold .pictograma{width: 24px; height: 24px;}
header .panel-button{position:absolute; top: 15px; right: 20px;}

nav {top:100px; right:-280px; width:270px}
nav li .montserrat{font-size:14px;}

nav li ul li a{font-size:12px;}
nav li ul li ul li a{font-size:11px;}

#banner{aspect-ratio: 3 / 4;}
.no-webp #banner .simulador, .no-js #banner .simulador{background-image:url(../images/tiny/bg-banner-simulador.jpg);}
.webp #banner .simulador{background-image:url(../images/tiny/bg-banner-simulador.webp);}
.no-webp #banner .pastilhas, .no-js #banner .pastilhas{background-image:url(../images/tiny/bg-banner-pastilhas.jpg);}
.webp #banner .pastilhas{background-image:url(../images/tiny/bg-banner-pastilhas.webp);}
.no-webp #banner .pisos-vinilicos, .no-js #banner .pisos-vinilicos{background-image:url("../images/tiny/bg-banner-pisos-vinilicos.jpg");}
.webp #banner .pisos-vinilicos{background-image:url(../images/tiny/bg-banner-pisos-vinilicos.webp);}
#banner h1, #banner h2{font-size:20px;}
#banner span.gold br{display: none;}

#section-lancamentos .scrolling{margin:20px auto 0 auto; max-width: 200px;}
#section-lancamentos .produto-list li:not(:first-child){margin-top: 20px;}
#section-lancamentos .prev{left: -10px;}
#section-lancamentos .next{right: -10px;}

#section-sobre .bg-image{min-height: 450px; max-width: 100%; background-position: center;}
.no-webp #section-sobre .bg-image, .no-js #section-sobre .bg-image{background-image:url(../images/tiny/bg-a-empresa.jpg);}
.webp #section-sobre .bg-image{background-image:url(../images/tiny/bg-a-empresa.webp);}
#section-sobre .content{justify-content: center; align-items: center;left: 30px; right: 30px; width: auto;}
#section-sobre .column-3{margin: 0; width:100%;}
#section-sobre .column-3::before{top: -15px; right: -15px; bottom: -15px; left: -15px;}

#footer .divisao .column-3{width:48.1%;}
#footer .divisao .column-3:nth-child(3n){margin-right: 3.8%;}
#footer .divisao .column-3:nth-child(2n){margin-right: 0;}
#footer .divisao.column-3:first-child{width:100%; margin-right: 0;}
#footer .divisao.column-3:first-child ul li ul{font-size: 0;}
#footer .divisao.column-3:first-child ul li ul li{width: 37%; display: inline-block; position: relative;}
#footer .divisao.column-3:first-child ul li ul li::before{content: "•"; display: inline-block; margin: 0 5px 0 -7px; font-size: 1.5em; line-height: 1em;}
#footer .divisao.column-3:first-child ul li ul li:nth-child(2n){width: 63%; padding-left: 15px;}
#footer .divisao.column-3:not(:first-child){width:48.1%;}
#footer .divisao li ul{padding-left: 15px; list-style: disc;}
#footer .divisao li, #footer p:not(.agx){font-size: 10px;}
    
#footer .divisao.gold li{font-size: 9px;}

#footer .white.bg-gold.round{padding: 15px;}
#footer .white.bg-gold.round .logo{top: 15px; right: 15px;}
#footer .white.bg-gold.round .agx{font-size: 10px;}
#footer .white.bg-gold.round .agx br{display: inline;}
#footer .white.bg-gold.round p.text-right{bottom: 15px; right: 15px;}

#whats{bottom:15px; width:60px;}

#section-titulo{padding: 95px 30px 0 30px; height: 210px; margin-bottom: 1px;}
.no-webp #section-titulo.pisos-vinilicos, .no-js #section-titulo.pisos-vinilicos{background-image:url(../images/tiny/bg-titulo-pisos-vinilicos.jpg);}
.webp #section-titulo.pisos-vinilicos{background-image:url(../images/tiny/bg-titulo-pisos-vinilicos.webp);}
.no-webp #section-titulo.revestimentos-de-parede, .no-js #section-titulo.revestimentos-de-parede{background-image:url(../images/tiny/bg-titulo-revestimentos-de-parede.jpg);}
.webp #section-titulo.revestimentos-de-parede{background-image:url(../images/tiny/bg-titulo-revestimentos-de-parede.webp);}
.no-webp #section-titulo.pedras-naturais, .no-js #section-titulo.pedras-naturais{background-image:url(../images/tiny/bg-titulo-pedras-naturais.jpg);}
.webp #section-titulo.pedras-naturais{background-image:url(../images/tiny/bg-titulo-pedras-naturais.webp);}
.no-webp #section-titulo.pedras-flexiveis, .no-js #section-titulo.pedras-flexiveis{background-image:url(../images/tiny/bg-titulo-pedras-flexiveis.jpg);}
.webp #section-titulo.pedras-flexiveis{background-image:url(../images/tiny/bg-titulo-pedras-flexiveis.webp);}
.no-webp #section-titulo.paineis-vinilicos, .no-js #section-titulo.paineis-vinilicos{background-image:url(../images/tiny/bg-titulo-paineis-vinilicos.jpg);}
.webp #section-titulo.paineis-vinilicos{background-image:url(../images/tiny/bg-titulo-paineis-vinilicos.webp);}
.no-webp #section-titulo.pastilhas, .no-js #section-titulo.pastilhas{background-image:url(../images/tiny/bg-titulo-pastilhas.jpg);}
.webp #section-titulo.pastilhas{background-image:url(../images/tiny/bg-titulo-pastilhas.webp);}
.no-webp #section-titulo.ripados, .no-js #section-titulo.ripados{background-image:url(../images/tiny/bg-titulo-ripados.jpg);}
.webp #section-titulo.ripados{background-image:url(../images/tiny/bg-titulo-ripados.webp);}
.no-webp #section-titulo.jardim-vertical, .no-js #section-titulo.jardim-vertical{background-image:url(../images/tiny/bg-titulo-jardim-vertical.jpg);}
.webp #section-titulo.jardim-vertical{background-image:url(../images/tiny/bg-titulo-jardim-vertical.webp);}
.no-webp #section-titulo.rodapes-e-rodameios, .no-js #section-titulo.rodapes-e-rodameios{background-image:url(../images/tiny/bg-titulo-rodapes-e-rodameios.jpg);}
.webp #section-titulo.rodapes-e-rodameios{background-image:url(../images/tiny/bg-titulo-rodapes-e-rodameios.webp);}
.no-webp #section-titulo.a-empresa, .no-js #section-titulo.a-empresa{background-image:url(../images/tiny/bg-titulo-a-empresa.jpg);}
.webp #section-titulo.a-empresa{background-image:url(../images/tiny/bg-titulo-a-empresa.webp);}
.no-webp #section-titulo.area-restrita, .no-js #section-titulo.area-restrita{background-image:url(../images/tiny/bg-titulo-a-empresa.jpg);}
.webp #section-titulo.area-restrita{background-image:url(../images/tiny/bg-titulo-a-empresa.webp);}
.no-webp #section-titulo.arquivos-para-download, .no-js #section-titulo.arquivos-para-download{background-image:url(../images/tiny/bg-titulo-a-empresa.jpg);}
.webp #section-titulo.arquivos-para-download{background-image:url(../images/tiny/bg-titulo-a-empresa.webp);}
.no-webp #section-titulo.busca, .no-js #section-titulo.busca{background-image:url(../images/tiny/bg-titulo-a-empresa.jpg);}
.webp #section-titulo.busca{background-image:url(../images/tiny/bg-titulo-a-empresa.webp);}
.no-webp #section-titulo.favoritos, .no-js #section-titulo.favoritos{background-image:url(../images/tiny/bg-titulo-a-empresa.jpg);}
.webp #section-titulo.favoritos{background-image:url(../images/tiny/bg-titulo-a-empresa.webp);}
.no-webp #section-titulo.simulador-de-ambientes, .no-js #section-titulo.simulador-de-ambientes{background-image:url(../images/tiny/bg-titulo-a-empresa.jpg);}
.webp #section-titulo.simulador-de-ambientes{background-image:url(../images/tiny/bg-titulo-a-empresa.webp);}
#section-titulo.simulador-de-ambientes{height: 170px;}
#section-titulo.simulador-de-ambientes h1{font-size: 20px;}    
.no-webp #section-titulo.solucoes-de-instalacao, .no-js #section-titulo.solucoes-de-instalacao{background-image:url(../images/tiny/bg-titulo-solucoes-de-instalacao.jpg);}
.webp #section-titulo.solucoes-de-instalacao{background-image:url(../images/tiny/bg-titulo-solucoes-de-instalacao.webp);}

#section-titulo .bg-gold.white{width: 30px;}
#section-titulo .bg-gold.white span:not(.pictograma){left: -12px;}
    
#filtros{top: 95px;}
    
#filtros .pisos{display: block; width:100%;}
#filtros .pisos + .pisos{margin:20px 0 0 0;}

#filtros.active{padding: 20px 30px 30px 40px;}
#filtros a.round{width: 40px; height: 40px;}
#filtros span.dois{display: none;}
#filtros span.dois + a.round{margin-left: 10px;}
#filtros span.tres{display: block;}   
#filtros span.tres + a.round{margin-left: 0;}
#filtros a.round.hover::after{margin-top: -10px; margin-left: -10px; width: 20px; height: 20px;}

#section-breadcrumb {padding-left: 35px; height: 30px; display: flex; align-items: center; align-content: flex-start;}
#section-breadcrumb a:first-child{position: absolute; top: 0; left: 0; display: block; padding-top: 0;}
#section-breadcrumb a:first-child + span {display: block; text-align: left;}
#section-breadcrumb .pictograma {width: 30px; height: 30px;}
#section-breadcrumb *{font-size: 9px; line-height: 10px;}
    
#section-simulador iframe{margin:-70px 0 0 0;}

#section-secundaria li{width:100%; margin:0; display: block;}
#section-secundaria li:nth-child(2){border-top: none;}

/*formulários*/
#busca{padding-right: 24px; float: left; width: 145px;}
#busca input[type=text] {font-size:9px; padding:0 5px; height:22px; line-height:22px;}
#busca input[type=submit] {padding: 2px; width:24px; height: 24px;}

#geral .cinquenta{max-width:100%;}
#geral .cinquenta + .cinquenta{margin-left: 0%;}

#geral .trinta{max-width:30.8%;}
#geral .trinta + .tres{margin-left: 3.8%;}

#geral .oitenta{max-width:83.04%;}
#geral .vinte{max-width:13.16%;}
#geral .oitenta + .vinte{margin-left: 3.8%;}

#geral .quarenta{max-width:30.8%;}
#geral .sessenta{max-width:65.4%;}
#geral .quarenta + .sessenta{margin-left: 3.8%;}

#geral input[type=file] + label {margin-left: 0;}

/*estruturais*/
.standard .content{padding: 40px 0;}
.content {max-width:500px;}
.article, .column-2 {width:100%; display:block; margin: 0 auto;}
.column-2:nth-child(2n), .column-2:last-child{margin-right:auto;}

/*gerais*/
.produto-list{display: block; max-width: 200px; margin: auto;}
.produto-list li{font-size: 14px; width:100%; margin:0;}
.produto-list li + li{margin-top: 20px;}

}