html{
color: #fff
}
body{
background: #000;
font-family: 'Poppins';
font-weight: 100;
}

/*css header*/
.top-header{
display: flex;
}
.logo-head{
background: #fff;
border-radius: 5px;
margin-left: 8%;
position: relative;
bottom: 15px;
width: 25%
}
.logo-head img{
width: 350px;
padding: 10px;
}
.main-menu{
width: 75%;
overflow: hidden;
}

.topnav .icon{
  display: none;
}

@media screen and (max-width: 1200px) {
.logo-head{
 position: relative !important;
 right: 30px !important;
 width: 130px !important;
}

.logo-head img{
 width: 110px !important;
}
.icon-whats{
width: 20px !important;
height: 20px !important;
background-size: 20px !important;
padding-left: 25px !important;
}
.icon-whats-2{
width: 20px !important;
height: 20px !important;
background-size: 20px !important;
padding-left: 30px !important;
}
.icon-time{
width: 20px !important;
height: 20px !important;
background-size: 20px !important;
padding-left: 35px !important;

}
.icon-head{
width: 20px !important;
height: 20px !important;
background-size: 20px !important;
padding-left: 35px !important;

}
.icon-tools{
width: 20px !important;
height: 20px !important;
background-size: 20px !important;
padding-left: 35px !important;
}
.icon-managed{
width: 20px !important;
height: 20px !important;
background-size: 20px !important;
padding-left: 35px !important;

}
.icon-mute{
width: 20px !important;
height: 20px !important;
background-size: 20px !important;
padding-left: 35px !important;

}
.icon-arg{
width: 20px !important;
height: 20px !important;
background-size: 20px !important;
padding-left: 35px !important;
}

.topnav a{display: none;}
.topnav a.icon {
  font-size: 18px !important;
   display: block;
   padding: 10px !important; 
}
.topnav.responsive {position: relative; z-index: 999;}
.topnav.responsive icon {
    position: absolute;
    right: 0px;
    top: 0px;
    
}
.topnav.responsive a{
    float: none;
    display: block;
    text-align: left;
}
.topnav a{
   font-size: 12px !important;
   margin-left: 5px !important;
   margin-top: 0px !important;
   padding: 10px !important;
   text-align: center !important;
   z-index: 9;
}
.topnav{
display: inline !important;
position: absolute !important;
background: #807D33 !important;
right: 10px !important;
top: 0px !important;
}

}

.topnav{
display: flex;
text-decoration: none;
float: right;
}

.main-menu a{
margin-left: 40px;
margin-top: 20px;
font-weight: 100;
font-size: 30px;
text-decoration: none;
color: #fff;
background: #807D33;
padding: 5px 20px 5px 20px;
border-radius: 3px;

}

.icon-whats{
width: 40px;
height: 40px;
background-image: url("../../assets/image/iconewppbranco.png");
background-size: 40px;
background-repeat: no-repeat;
background-position: left;
padding-left: 50px;
}
.icon-whats-2{
width: 28px;
height: 28px;
background-image: url("../../assets/image/iconewpppreto.png");
background-size: 40px;
background-repeat: no-repeat;
background-position: left;
padding-left: 50px;
}
.icon-time{
width: 40px;
height: 40px;
background-image: url("../../assets/image/icone01.png");
background-size: 40px;
background-repeat: no-repeat;
background-position: left;
padding-left: 70px;
}
.icon-head{
width: 40px;
height: 40px;
background-image: url("../../assets/image/icone02.png");
background-size: 40px;
background-repeat: no-repeat;
background-position: left;
padding-left: 70px;
}
.icon-tools{
width: 40px;
height: 40px;
background-image: url("../../assets/image/icone03.png");
background-size: 40px;
background-repeat: no-repeat;
background-position: left;
padding-left: 70px;
}
.icon-managed{
width: 40px;
height: 40px;
background-image: url("../../assets/image/icone04.png");
background-size: 40px;
background-repeat: no-repeat;
background-position: left;
padding-left: 70px;
}
.icon-mute{
width: 40px;
height: 40px;
background-image: url("../../assets/image/icone05.png");
background-size: 40px;
background-repeat: no-repeat;
background-position: left;
padding-left: 70px;
}
.icon-arg{
width: 40px;
height: 40px;
background-image: url("../../assets/image/icone06.png");
background-size: 40px;
background-repeat: no-repeat;
background-position: left;
padding-left: 70px;
}


/*css body*/
@media screen and (max-width: 1200px){
.main-banner img{
height: 400px !important;
}
.main-banner{
height: 900px !important;
}

.texto-main-banner{
display: block !important;
top: 140px !important
}
.texto-main-banner h2{
font-size: 20px !important;
padding: 20px 10px 20px 10px !important;
}
.texto-main-banner a{
font-size: 14px !important;
top: -25px !important;

	padding: 15px 30px 15px 30px;
    font-size: 62px;
    border: 2px solid;

} 

 
}
.container{
width: 100%;
}
.main-banner img{
width: 100%;
height: 999px;
}
.texto-main-banner{
position: absolute;
border: 5px solid #807d33;
width: 80%;
top: 162px;
left: 10%;
border-radius: 10px;
text-align: center;
}
.texto-main-banner h2{
font-size: 50px;
padding: 70px 40px 70px 40px;
}
.texto-main-banner a{
text-decoration: none;
color: #fff;
background: #807D33;
padding: 15px 30px 15px 30px;
border-radius: 3px;
font-size: 62px;
font-weight: 600;
position: relative;
top: -70px;
border: 2px solid;
}

@media screen and (max-width: 900px){
.banner-produtos_cor{
 height: 2520px !important;
}
}

@media screen and (max-width: 1200px){
.bp-img1{
height: 574px !important;
}
.block-produtos-1{
position: absolute;

height: 500px !important;
}
.banner-produtos_cor{
 height: 2570px !important;
}

.block-produtos-1 h2{
font-size: 25px !important;

}
.block-produtos-1 p{
font-size: 25px !important;

}
.alv-clmn-1 p{
font-size: 16.1px !important;
line-height: 17px !important;
}
.alv-clmn-2 p{
font-size: 16.1px !important;
line-height: 17px !important;

}
.alv-clmn-3 p{
font-size: 16.1px !important;
line-height: 17px !important;

}
.alv-clmn-4 p{
font-size: 16.1px !important;
line-height: 17px !important;

}
.alv-clmn-1{
margin: 0px !important;
}
.alv-clmn-2{
margin: 0px !important;
}
.alv-clmn-3{
margin: 0px !important;
}

.alv-clmn-4{
margin: 0px !important;
}

.pav-clmn-1 p{
font-size: 16.1px !important;
line-height: 17px !important;

}
.pav-clmn-2 p{
font-size: 16.1px !important;
line-height: 17px !important;
}
.produtos-alvenaria{
margin-top: 30px !important;
}
.produtos-pav{
margin-top: 30px !important;
}
.title-produto-2{
padding-top: 25px;
}
.banner-produtos_cor a {

padding: 10px 20px 10px 20px;

font-size: 20px !important;

}

.block-produtos-2 h2{
font-size: 30px !important;

}
.block-produtos-2 li{
font-size: 16px !important;
width: 90% !important;
left: 0% !important;
}
.p-columns-1 {
columns: 1 !important;
margin: 5% 25%  !important;
}
.p-columns-1 img{
width: 40%;
}
.banner-videos{
width: 100% !important;
left: 0% !important;
}
.banner-videos h3{
font-size: 30px !important;
}
.banner-videos a{
padding: 10px 20px 10px 20px !important;
font-size: 20px !important;
left: 0 !important;
margin: 0 0 !important;
}
.celos-columns-1{
margin: 10px !important;
font-size: 16px !important;
}
.celos-columns-2{
margin: 10px !important;
font-size: 16px !important;
}
.celos-columns-2 p{
 padding-top: 25px !important;
}
.celos-columns-3{
margin: 10px !important;
font-size: 16px !important;
}
.celos-columns-3 p{
 padding-top: 25px !important;
}
.image-seta-bc{
 bottom: 20px !important;
}
.image-seta-bc img{
 width: 10% !important;
}
.celos-columns-1 img{
 width: 40% !important;
}
.celos-columns-2 img{
 width: 60% !important;
}
.celos-columns-3 img{
 width: 60% !important;
}
.banner-duvidas h2{
 font-size: 30px !important;
}


.duvidas-1 h3{
 font-size: 28px !important;
 
}
.duvidas-2 h3{
 font-size: 28px !important;
 
}
.duvidas-3 h3{
 font-size: 28px !important;
 
}
.duvidas-4 h3{
 font-size: 28px !important;
 
}
.duvidas-1 p{
 font-size: 20px !important;
}
.duvidas-2 p{
 font-size: 20px !important;
}
.duvidas-3 p{
 font-size: 20px !important;
}
.duvidas-4 p{
 font-size: 20px !important;
}
.banner-duvidas a{
font-size: 25px !important;
}

}
.banner-produtos{
z-index: 1;
position: relative;
bottom: 500px;
}
.bp-img1{
width: 100%;
height: 1050px;
}
.banner-produtos_cor{
background: #807D33;
height: 2050px;
width: 100%;
position: relative;
top: 1px;
}
.bp-img2{
 width: 100%;
 position: absolute;
 left: 0px;
 top: 0px;
 height: 100%;
}
.block-produtos-1{
position: absolute;
top: 0px;
width: 100%;
height: 900px;
text-align: center;
}
.block-produtos-1 h2{
font-size: 55px;
font-weight: 300;
margin-top: -1px;
}
.block-produtos-1 p{
font-size: 50px;
font-weight: 700;
line-height: 35px;
margin-bottom: 10px;

}
.produtos-alvenaria{
display: flex;
width: 90%;
position: relative;
left: 5%;
}
.alv-clmn-1{
width: 25%;
margin: 10px;
}
.alv-clmn-1 img{
width: 60%;
}


.alv-clmn-1 p{
font-size: 36px;
font-weight: 100;
}
.alv-clmn-2{
width: 25%;
margin: 10px;
}
.alv-clmn-2 img{
width: 60%;
}


.alv-clmn-2 p{
font-size: 36px;
font-weight: 100;
}

.alv-clmn-3{
width: 25%;
margin: 10px;
}
.alv-clmn-3 img{
width: 60%;
}


.alv-clmn-3 p{
font-size: 36px;
font-weight: 100;
}

.alv-clmn-4{
width: 25%;
margin: 10px;
}
.alv-clmn-4 img{
width: 60%;
}

.alv-clmn-4 p{
font-size: 36px;
font-weight: 100;
}
.produtos-pav{
display: flex;
width: 45%;
position: relative;
left: 27.5%;
}
.pav-clmn-1{
width: 50%;
}
.pav-clmn-1 img{
width: 60%;
}


.pav-clmn-1 p{
font-size: 36px;
font-weight: 100;
}

.pav-clmn-2{
width: 50%;
}
.pav-clmn-2 img{
width: 60%;
}


.pav-clmn-2 p{
font-size: 36px;
font-weight: 100;
}
.title-produto-2{
padding-top: 50px;
}
.banner-produtos_cor a {
text-decoration: none;
color: #fff;
background: #000;
padding: 5px 20px 5px 20px;
border-radius: 3px;
font-size: 42px;
font-weight: 600;
position: relative;
}
.block-produtos-2{
position: absolute;
top: 1%;
width: 100%;
text-align: center;
}
.block-produtos-2 h2{
font-size: 90px;
font-weight: 100;
margin-top: 1px;
line-height: 1;
}
.block-produtos-2 li{
font-size: 40px;
text-align: left;
width: 60%;
position: relative;
left: 20%;
padding-bottom: 15px;
}


#painel_produtos{
position: relative;
background: #fff;
width: 90%;
color: #000;
border-radius: 70px;
left: 5%;
display: flex;
}
.p-columns-1{
 columns: 3;
margin: 20px 20px 20px 15%;
}
.video-1{
 position: relative;
 top: -300px;
 text-align: center;
 font-size: 25px;
 font-weight: 100;
}
.video-2{
 position: relative;
 top: -300px;
 text-align: center;
 font-size: 25px;
 font-weight: 100;
}
.banner-videos{
width: 60%;
position: relative;
left: 20%;
}

.banner-videos a{
text-decoration: none;
color: #fff;
background: #807D33;
padding: 5px 20px 5px 20px;
border-radius: 3px;
font-size: 42px;
font-weight: 600;
position: relative;
top: -100px;
margin-top: -100px;
}
#banner-celos-main{
 background: #807D33;
}
.banner-celos{
display: flex;
}
.celos-columns-1{
width: 33.33%;
margin: 50px;
text-align: center;
font-size: 30px;
font-weight: 100;
}
.celos-columns-2{
width: 33.33%;
margin: 50px;
text-align: center;
font-size: 30px;
font-weight: 100;
}
.celos-columns-2 p{
 padding-top: 65px;
}
.celos-columns-3{
width: 33.33%;
margin: 50px;
text-align: center;
font-size: 30px;
font-weight: 100;
}
.celos-columns-3 p{
 padding-top: 79px;
}
.image-seta-bc{
 position: relative;
 bottom: 90px;
}
.banner-duvidas{
 width: 90%;
 position: relative;
 left: 5%;
 padding-bottom: 90px;
}
.banner-duvidas h2{
 font-size: 55px;
 font-weight: 100;
 text-align: center;
}

summary {
 list-style: none;
}
.duvidas-1 h3{
 font-size: 45px;
 font-weight: 100;
 border-bottom: 1px solid;
 padding-left: 20px;
}
.duvidas-1 p{
 font-size: 28px;
 font-weight: 100;
}

.duvidas-2 h3{
 font-size: 45px;
 font-weight: 100;
 border-bottom: 1px solid;
 padding-left: 20px;
}
.duvidas-2 p{
 font-size: 28px;
 font-weight: 100; 
}

.duvidas-3 h3{
 font-size: 45px;
 font-weight: 100;
 border-bottom: 1px solid;
 padding-left: 20px;
}
.duvidas-3 p{
 font-size: 28px;
 font-weight: 100; 
}
.button-more{
 position: relative;
 top: -90px;
 font-size: 28px;
 color: #807D33;
 float: right;
}
.duvidas-4 h3{
 font-size: 45px;
 font-weight: 100;
 border-bottom: 1px solid;
 padding-left: 20px;
}
.duvidas-4 p{
 font-size: 28px;
 font-weight: 100; 
}
.banner-duvidas a{
text-decoration: none;
color: #000;
background: #fff;
padding: 5px 20px 5px 20px;
border-radius: 3px;
font-size: 28px;
font-weight: 600;
position: relative;
}

/* CSS footer*/
@media screen and (max-width: 1200px) {
.btn-wpp-a{
width: 30px !important;
height: 30px !important;
}
.btn-wpp-img{
width: 30px !important;
height: 30px !important;
}

 footer{
  display: inline !important;
 }
 .endereco-footer iframe{
  width: 95% !important;
  height: 320px !important;
 }
.endereco-footer p{
 font-size: 16px !important;
 }
 .footer-columns-2 h3{
 font-size: 20px !important;
 }
 .footer-columns-3 h3{
 font-size: 20px !important;
 }
 .footer-columns-1{
  width: 100% !important;
 }
 .footer-columns-2
 {
  width: 100% !important;
 }
 .footer-columns-3{
  width: 100% !important;
 }

.contato-whats{
 padding: 10px !important;
}
.contato-email{
 padding: 10px !important;
margin-left: 10px !important;
}
.contato-face{
 padding: 10px !important;
margin-left: 0px !important;

}
.contato-inst{
 padding: 10px !important;
margin-left: 10px !important;

4}
 
input#nome{
 width: 90% !important;
 font-size: 16px !important;
}
input#email{
 width: 90% !important;
 font-size: 16px !important;

}
input#resumo{
 width: 90% !important;
 font-size: 16px !important;

}
input#enviar{
font-size: 16px !important;

}

}

footer{
background: #807D33;
display: flex;
}
.footer-columns-1{
width: 40%;
margin: 20px;
}
.endereco-footer p{
 font-size: 22px;
 font-weight: 100;
}
.footer-columns-2{
width: 30%;
margin: 20px;
}
.footer-columns-2 h3{
 font-size: 35px;
 font-weight: 100;
}
.blocks-footer-1{
 display: flex;
}
.contato-whats{
 border: 1px solid;
 width: 40%;
 text-align: center;
 border-radius: 5px;
 padding: 20px;
 
}
.contato-email{
 border: 1px solid;
 width: 40%;
 text-align: center;
 border-radius: 5px;
 padding: 20px;
margin-left: 20px;
}
.blocks-footer-2{
 display: flex;
}
.contato-face{
 border: 1px solid;
 width: 40%;
 text-align: center;
 border-radius: 5px;
 padding: 20px;
 
}
.contato-inst{
 border: 1px solid;
 width: 40%;
 text-align: center;
 border-radius: 5px;
 padding: 20px;
margin-left: 20px;
}
.footer-columns-3{
width: 30%;
margin: 20px;
}
.footer-columns-3 h3{
 font-size: 35px;
 font-weight: 100;
}
input#nome{
 width: 100%;
 font-size: 22px;
 padding: 10px;
 background: #807D33;
 border: 1px solid #fff;
 border-radius: 10px;
 color: #fff;
 margin-bottom: 20px;
}
input#email{
 width: 100%;
 font-size: 22px;
 padding: 10px;
 background: #807D33;
 border: 1px solid #fff;
 border-radius: 10px;
 color: #fff;
 margin-bottom: 20px;
}
input#resumo{
 width: 100%;
 font-size: 22px;
 padding: 10px;
 background: #807D33;
 border: 1px solid #fff;
 border-radius: 10px;
 color: #fff;
 margin-bottom: 20px;
}
input#enviar{
 background: #fff;
 color: #807D33;
 padding: 10px 30px 10px 30px;
 font-size: 22px;
 border-radius: 10px;
}

::-webkit-input-placeholder { /* Edge */
  color: #fff;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

::placeholder {
  color: #fff;
}


.copywriter{
	margin-top:25px;
	color:#fff;
	background-color:#000;
	text-align:center;
}
.copywriter a{
	color:#ccc;	
}