.kanit-thin {
  font-family: "Kanit", serif;
  font-weight: 100;
  font-style: normal;
}

.kanit-extralight {
  font-family: "Kanit", serif;
  font-weight: 200;
  font-style: normal;
}

.kanit-light {
  font-family: "Kanit", serif;
  font-weight: 300;
  font-style: normal;
}

.kanit-regular {
  font-family: "Kanit", serif;
  font-weight: 400;
  font-style: normal;
}

.kanit-medium {
  font-family: "Kanit", serif;
  font-weight: 500;
  font-style: normal;
}

.kanit-semibold {
  font-family: "Kanit", serif;
  font-weight: 600;
  font-style: normal;
}

.kanit-bold {
  font-family: "Kanit", serif;
  font-weight: 700;
  font-style: normal;
}

.kanit-extrabold {
  font-family: "Kanit", serif;
  font-weight: 800;
  font-style: normal;
}

.kanit-black {
  font-family: "Kanit", serif;
  font-weight: 900;
  font-style: normal;
}

.kanit-thin-italic {
  font-family: "Kanit", serif;
  font-weight: 100;
  font-style: italic;
}

.kanit-extralight-italic {
  font-family: "Kanit", serif;
  font-weight: 200;
  font-style: italic;
}

.kanit-light-italic {
  font-family: "Kanit", serif;
  font-weight: 300;
  font-style: italic;
}

.kanit-regular-italic {
  font-family: "Kanit", serif;
  font-weight: 400;
  font-style: italic;
}

.kanit-medium-italic {
  font-family: "Kanit", serif;
  font-weight: 500;
  font-style: italic;
}

.kanit-semibold-italic {
  font-family: "Kanit", serif;
  font-weight: 600;
  font-style: italic;
}

.kanit-bold-italic {
  font-family: "Kanit", serif;
  font-weight: 700;
  font-style: italic;
}

.kanit-extrabold-italic {
  font-family: "Kanit", serif;
  font-weight: 800;
  font-style: italic;
}

.kanit-black-italic {
  font-family: "Kanit", serif;
  font-weight: 900;
  font-style: italic;
}

*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: "Kanit", serif;
}

.distancia{
    margin-top: -35px;
}

.tamanho{
    font-size: 50px;
}

.entregas{
    width: 63%;
}

.confira{
    width: 30%;
}
.ul-li-simples{
	list-style:none;
}
@media screen and (max-width: 800px) {

    .confira{
        width: 40%;
    }
    .entregas{
        width: 43%;
    }

    .distancia{
        margin-top: 5px;
    }

    .tamanho{
        font-size: 20px;
    }

}


#tel-icon{
	background:#016d94;
	border:0px solid red;
	border-radius: 10%;
	width:200px;
    height:40px;
	padding:10px;
    z-index: 999;
	text-align:center;
    position: fixed!important; 
    position: absolute;        
    bottom:190px;
    right:10px;  
    margin: 0;
	padding: 0;
	right: expression( ( 20 + ( ignoreMe2 = document.documentElement.scrollRight ? document.documentElement.scrollRight : document.body.scrollRight ) ) + 'px' );
  	bottom: expression( ( 250 + ( ignoreMe = document.documentElement.scrollBottom ? document.documentElement.scrollBottom : document.body.scrollBottom ) ) + 'px' );
  	cursor: pointer;
}
#chat-online{
	border:0px solid red;
	border-radius: 100%;
	width:35px;
    height:50px;
    z-index: 999;
    position: fixed!important; 
    position: absolute;        
    bottom:100px;
    right:20px;  
    margin: 0;
	padding: 0;
	right: expression( ( 20 + ( ignoreMe2 = document.documentElement.scrollRight ? document.documentElement.scrollRight : document.body.scrollRight ) ) + 'px' );
  	bottom: expression( ( 250 + ( ignoreMe = document.documentElement.scrollBottom ? document.documentElement.scrollBottom : document.body.scrollBottom ) ) + 'px' );
  	cursor: pointer;
}
.q_icon_animation .fa-stack .fa-stack-1x{
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 100%;
    float:left;
}
.q_icon_animation .fa-stack .fa-stack-1x:hover{
	-webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    float:left;
}

.titulo-pad{
	color:#000;
	font-family: "Kanit", serif;
	font-weight: 400;
	font-style: normal;
	font-size:20pt;
}
.titulo-pad2{
	color:#414767;
	/*text-decoration: underline solid #fd0000 3px ;*/
	/*border-bottom: 2px solid #fd0000;*/
	min-width:20px;
	margin-top:20px;
	font-size:20pt;
}
.titulo-pad3{
	color:#000;
	font-size: 12pt;
	min-width:20px;
	padding: 5px 10px;
	font-weight:400;
}
.titulo-pad4{
	color:#000;
	/*text-decoration: underline solid #fd0000 3px ;*/
	/*border-bottom: 2px solid #fd0000;*/
	min-width:20px;
	margin-top:0px;
	font-size:20pt;
}
video {
    /*height: 555px;*/
    vertical-align: middle;
    width: 100%;
    object-fit: fill;
}
.btn.topo:hover{
	background-color: #414767;
}
.btn.topo2{
	width: 35px;
	height: 35px;
	background-color: #016d94;
	color: #FFF;
	border-radius: 0px;
	padding: 4px 0;
	margin:auto;
	margin-top:-10px;
	border-radius: 20px;
	text-align:center;
	font-weight:normal;
	border:1px solid #016d94;
}
.btn.topo3{
	width: 45px;
	height: 45px;
	background-color: #223353;
	color: #FFF;
	border-radius: 0px;
	padding: 4px 0;
	margin:auto;
	margin-top:-10px;
	border-radius: 20px;
	text-align:center;
	font-weight:normal;
	border:1px solid #223353;
}
.btn.topo2 div, .btn.topo3 div{
	font-size: 17pt;
}
.btn.topo2:hover{
	background-color: #FFF;
	color: #016d94;
	border:1px solid #016d94;
}
.btn.topo3:hover{
	background-color: #FFF;
	color: #223353;
	border:1px solid #223353;
}
.img-icone-sistema{width:15px;height:20px;margin-top:-1px;}
	
.aceite-cookies{
	display:non;
    z-index:999999999999999999999999999999999999999999999;      
    position: fixed!important; 
    position: absolute;        
    bottom:20px;
    /*left: 45%;*/
    padding:10px 10px;
    background-color:#FFF;
    border:2px solid #ccc;
    font-size:10pt;    
    color:#000;
    font-weight:normal;    
    margin: auto;
    text-align: center;
	/*left: auto;		*/
	/*left: expression( ( 10 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );*/
	width:80%;
	left: 50%;
    bottom: 0px;
    transform: translate(-50%,-5%);
}




a{

    text-decoration: none;

}

h1{

    text-align: center;

    /*font-size: 19pt;*/

    font-weight: 700;

    text-transform: uppercase;

    padding: 5px 0;

    /*letter-spacing: 1.5px;*/
	
	color:#58595c;

}
h2{

    text-align: center;

    font-size: 16pt;

    font-weight: 700;

    /*text-transform: uppercase;*/

    padding: 5px 0;

    /*letter-spacing: 1.5px;*/
	
	color:#58595c;

}
h3,h4,h5,h6{
	color:#58595c;
}
p{

    font-size: 1.1rem;

    font-weight: 400;

    text-align: center;

    /*letter-spacing: 1.5px;*/

    padding: 5px 0;

}

.centralizar{

    width: 1180px;

    margin: 0 auto;

}

/** banner home**/

.wrapper{

    width: 100%;

}

.wrapper .carousel{

    width: 100%;

    margin: 0 auto;

}


#banner-0{
	
	background: url('../images/banners/fullbanner_home.jpg');

    width: 100%;

    height: 600px;

    background-size: cover;

    background-repeat: no-repeat;
	
}
#banner-1{

    background: url('../images/banners/fullbanner.jpg');

    width: 100%;

    height: 600px;

    background-size: cover;

    background-repeat: no-repeat;

}

#banner-2{

    background: url('../images/banners/banner-2.jpg');

    width: 100%;

    height: 600px;

    background-size: cover;

    background-repeat: no-repeat;

}
#banner-3{
    width: 100%;

    height: 600px;
	background: url('../images/banners/banner-4.png') no-repeat bottom center;
	background-size: cover;
}

#banner-tampo{

    background: url('../images/banners/banner-azul.png');

    width: 100%;

    height: 600px;

    background-size: cover;

    background-repeat: no-repeat;

}


.carousel .card{

    line-height: 250px;

    text-align: center;

    color: #000;

    font-size: 90px;

    font-weight: 600;

    box-shadow: 0px 4px 15px rgba(0,0,0,0.2);

    width: 100%;

}

#banner .owl-dots{

    text-align:center;

    position: absolute;

    margin: -70px 0 0 0;

    width: 100%;

}

#banner .owl-dot{

    text-align:center;

    display:inline-block;

    height: 12px !important;

    width: 12px !important;

    background-color: #fff !important;

    margin: 0 10px;

    border-radius: 50%;

}

#banner .owl-dot.active{

    background-color: #414767 !important;

}
/*Galeria*/
#homeGaleria{
    padding: 40px 0;
}
.inGaleria2 {
	max-width:970px;
}
#homeGaleria .inGaleria {
    display: flex;
    text-transform: uppercase;
    justify-content: center;
    text-align: center;
    padding: 30px 0;
	max-width:970px;
	border:0px solid red;
	margin:auto;
}
#homeGaleria .inGaleria .box-produto-2{
    background-color: #E1E1E4;
    margin: 0px 20px;
    width: 200px;
}
#homeGaleria .inGaleria .box-produto-2 .foto img{
    max-width:50px;
}
#homeGaleria .inGaleria .box-produto-2 .txt{
    border: 1px solid #000;
}
#homeGaleria .inGaleria .box-produto-2 h3{
    font-size: 19pt;
    padding: 15px 0;
}
#homeGaleria .inGaleria .box-produto-2 h4{
    font-size: 12pt;
    padding: 15px 0;
}
#homeGaleria .inGaleria .box-produto-2 p{	
    background-color: #fff;
    font-weight: 600;
    font-size: 1rem;
    padding: 15px 0;
    color: #000;
}

.btn-galeria{

    background-color: #016d94;

    color: #FFF;

    border-radius: 17px;

    border: none;

    font-weight: 300;

    display: block;

    font-size: 11pt;

    padding-bottom: 3px;
	
	 padding: 3px 15px;

    cursor: pointer;

    min-width: 200px;

    height: 40px;

    margin: auto;

}
.btn-galeria:hover{

    background-color: #016d94;
	cursor:pointer;

}





.btn-galeria2{

    background-color: #016d94;

    color: #FFF;

    border-radius: 17px;

    border: none;

    font-weight: 300;

    display: block;

    font-size: 11pt;

    padding-bottom: 3px;
	
	 padding: 3px 15px;

    cursor: pointer;

    min-width: 200px;

    height: 40px;

    margin: auto;

}
.btn-galeria2:hover{

   background-color: #016d94;
	cursor:pointer;

}

.btn-galeria3{

    background-color: #414767;

    color: #FFF;

    border-radius: 17px;

    border: none;

    font-weight: 300;

    display: block;

    font-size: 11pt;

    padding-bottom: 3px;
	
	 padding: 3px 15px;

    cursor: pointer;

    min-width: 200px;

    height: 40px;

    margin: auto;

}
.btn-galeria3:hover{

    background-color: #414767;
	cursor:pointer;

}



.btn-galeria4{
    color: #FFF;
    border-radius: 17px;
    border: 1px solid #FFF;
    display: block;
    font-size: 11pt;
	padding: 3px 3px;
    cursor: pointer;
    height: 30px;
    margin: auto;
	width: 120px;
	text-decoration:none;
}
.btn-galeria4:hover{
    text-decoration:underline;
	background-color: #223353;
	cursor:pointer;
}



.btn-galeriaTransparent{

    background-color: #FFF;

    color: #016d94;

    border-radius: 17px;

    border: 1px solid #016d94;

    font-weight: 300;

    display: block;

    font-size: 11pt;

    padding-bottom: 3px;
	
	padding: 3px 15px;

    cursor: pointer;

    min-width: 200px;

    height: 40px;

    margin: auto;

}
.btn-galeriaTransparent:hover{

    background-color: #016d94;
	cursor:pointer;
	color: #FFF;
}

/*soluções*/
#Homesolucoes{
    background-color: #414767;
    color: #fff;
	min-height:150px;
}
.inSolucoes {
    text-align:center;
	padding-top:50px;
	min-height:620px;
}
.inSolucoes .col-1{
    width: 70%;
}
.inSolucoes .col-1 h2{
    text-align: right;
    font-size: 3rem;
}
.inSolucoes .col-1 img{
    width: 100%;
    margin-top: -30px;
}
.inSolucoes .col-2{
    width: 25%;
    padding-top: 70px;
}
.inSolucoes .col-2 p{
    text-align: left;
    font-weight: 600;
    font-size: 1.4rem;
}
.btn-atendimento.solucoes {
    color: #fff;
    background-color: #39B54A;
    font-weight: 500;
    border-radius: 20px;
    font-size: 1.2rem;
    padding: 0;
}
.btn-atendimento.solucoes .txt-btn{
    padding-top: 10px;
}
/*motivos*/
#homeMotivos{
    background-color: #E1E1E4;
    padding: 40px 0;
}
#homeMotivos h2{
    font-weight: 400;
    font-size: 2rem;
    line-height: .8;
}
#homeMotivos h2.titulo{
    font-weight: 600;
}
#homeMotivos h2:first-of-type{
    text-transform:none;
}
.inMotivos .galeria-motivos {
    display: flex;
    justify-content: center;
    padding: 40px 0;
    color: #414767;
}
.inMotivos .galeria-motivos .box-motivos{
    margin: 0px 20px;
    width: 300px;
    height: 450px;
    background-color: #fff;
}
.inMotivos .galeria-motivos .box-motivos .foto{
    padding: 30px 0;
}
.inMotivos .galeria-motivos .box-motivos img{
    width: 200px;
    margin: 0 auto;
    display: block;
}
.inMotivos .galeria-motivos .box-motivos .txt {
    text-transform: uppercase;
    text-align: center;
    
}
.inMotivos .galeria-motivos .box-motivos .txt h3{
    font-size: 2rem;
    padding: 10px 0;
}
.inMotivos .galeria-motivos .box-motivos .txt p{
    font-size: 1.2rem;
    font-weight: bold;
}
/*empresa*/

#homeFormasPagamento{
	background: url('../images/fundo-formas-pagamento.jpg');
    width: 100%;
	height:500px;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top:0px;padding: 0;
}
#homeInstitucional{
    background: url('../images/fundo-empresa (1).png') no-repeat center center;
    width: 100%;
	min-height:500px;
    background-size: cover;
    margin-top:0px;padding: 0;
}
#homeProdutosHome, #homeOquefazemos, #homeVideoInstitucional{
    padding: 30px 0; background:#FFF;
}
#homeQualidade{
    padding: 30px 0; background:#e7e9ea;
}
#homeFxOrcamento{
	padding: 30px 0; background:#e8e8e8;
}
#homeClientes{
	padding: 30px 0; background:#FFF;
}
#homeEmpresa .inEmpresa{
    padding: 30px 0;
}
.inEmpresa .principal{
    display: flex;
    justify-content: space-between;
}
.inEmpresa .principal .foto{
    width: 60%;
    margin-left: -100px;
}
.inEmpresa .principal .foto img{
    width: 100%;
}
.inEmpresa .principal .titulo-empresa{
    width: 40%;

}
.titulo-empresa{
	margin-top:40px;
    text-align: left;
    font-size: 18pt;
}
.fx-azul{
    height: 5px;
    
    background-color: #414767;
    margin:auto;
}

.inEmpresa .texto-empresa {
	/*
    display: flex;
    justify-content: space-between;
	flex-wrap: wrap;
	*/
   
    padding: 20px 0;
	margin:auto;
}
.inEmpresa .texto-empresa p, .inEmpresa p{
    /*width: 49%;*/
    text-align: justify;
	/*text-align: left;*/
    font-size: 11pt;
    padding: 10px 0;
	margin:auto;
}
/*orçamentos*/

#orcamento{
    background-color: #414767;
    color: #000;
    padding: 0;
}
#orcamento form, #form{
    display: block;
    margin: 0 auto;
    max-width: 50%;
    padding: 0;
}
#orcamento form label, #form label{
    display: block;
    text-transform: uppercase;
    margin: 10px 0 0 0;
    padding-bottom: 5px;
    font-size: 11pt;
}

input::placeholder{
    display: block;
    text-transform: uppercase;
    padding-left: 15px;
    font-size: 11pt;
}

textarea::placeholder{

    text-transform: uppercase;
    padding-left: 15px;
    padding-top: 10px;
    font-size: 12pt;
}



#orcamento form input, #orcamento form textarea, #orcamento form select, .input-pad{
    border: none;
    width: 100%;
    
}
#orcamento form input, #orcamento form select, .input-pad{
    height: 40px;
	border-radius:5px;
}
.input-pad{
    border: 1px solid #000;
	ont-size: 12pt;
}
#orcamento form textarea{
    height: 180px;
}
.btn-to-right{
    display: flex;
    justify-content: flex-end;
}
.btn-form{
    background-color: #016d94;

    color: #fff;

    border-radius: 14px;

    border: none;

    font-weight: bold;

    display: block;

    font-size: 14pt;

    padding: 10px 20px;

    cursor: pointer;


    height: 50px;
	
    margin: auto;
	margin-top:30px;
}
.btn-form:hover{
	background-color: #016d94;
    color: #fff;
}
.btn-fnd-transparent{
    background-color: #FFF;
    color: #414767;
    border-radius: 10px;
    border: 1px solid #414767;
    font-weight: bold;
    display: block;
    font-size: 11pt;
    padding: 5px 10px;
    cursor: pointer;
    height: 30px;
    margin: auto;
	margin-top:15px;
	/*text-decoration:underline;*/
}
.btn-fnd-transparent180{
    background-color: #FFF;
    color: #4348a3;
    border-radius: 14px;
    border: 1px solid #4348a3;
    font-weight: bold;
    display: block;
    font-size: 11pt;
    padding: 5px 10px;
    cursor: pointer;
    height: 40px;
    margin: auto;
	margin-top:30px;
	width:220px;
	/*text-decoration:underline;*/
}
.btn-fnd-chapado180{
    background-color: #414767;
    color: #FFF;
    border-radius: 14px;
    border: 1px solid #414767;
    font-weight: bold;
    display: block;
    font-size: 11pt;
    padding: 5px 10px;
    cursor: pointer;
    height: 40px;
    margin: auto;
	margin-top:30px;
	width:220px;
	/*text-decoration:underline;*/
}
.btn-fnd-chapado180:hover{
    background-color: #FFF;
    color: #414767;
    border-radius: 14px;
    border: 1px solid #414767;
}
.btn-fnd-transparent:hover, .btn-fnd-transparent180:hover{
    background-color: #4348a3;
    color: #FFF;
    border-radius: 14px;
    border: 1px solid #4348a3;
}

/*perguntas*/

#homePerguntas{

	padding: 50px 0;

    background-color: #ccc;

    margin-top: -8px;

}

#homePerguntas h2{

	color: #000;

}

#homePerguntas p{

	color: #000;

}

#homePerguntas .inPerguntas{

    padding-bottom: 30px;

}

#homePerguntas ul li{

    list-style: none;

    color: #fff;

    font-size: 1rem;

}

#homePerguntas .inPerguntas h2{

    text-align: center;

}

#homePerguntas ul li:first-child {

    font-weight: 400;

    line-height: 1.1;

    color: #fff;

    padding: 10px 0 10px 20px;

    cursor: pointer;

    margin-top: 30px;

    font-size: 1rem;

    background-color: #6a6a69;

}

#homePerguntas ul li:nth-child(2) {

    margin-top: 10px;

    padding: 15px 0 0 25px;

    display: none;

    font-weight: 400;

    color: #000;

}

/**depoimentos*/

.foto-redonda{

    width: 170px;

    height: 170px;

    background-color: black;

    position: absolute;

    margin: -180px 0 0 45px;

    border-radius: 50%;

}

#homeDepoimentos{
    padding: 40px 0;
    background-color: #006ba0;
}

#homeDepoimentos .corosel-depoimentos{

    width: 80%;

    margin: 0 auto;

}

#homeDepoimentos .inDepoimentos {

    padding: 25px 0;

}

#homeDepoimentos .corosel-depoimentos .card-depo{

    display: flex;

    justify-content: center;

    margin-top: 100px;

}

#homeDepoimentos .corosel-depoimentos .card-depo .depo{

    width: 90%;

    text-align: center;

}

#homeDepoimentos .corosel-depoimentos .card-depo .depo h3{

    font-size: 1.8rem;

}

#homeDepoimentos .corosel-depoimentos .card-depo .depo .box{

    border: 1px solid #000;

    padding: 100px 10px 40px 10px;

    margin: 0 10px;

}

#homeDepoimentos .corosel-depoimentos .owl-nav .owl-prev{

    position: absolute;

    left: 0;

    margin-top: -200px;

}

#homeDepoimentos .corosel-depoimentos .owl-nav .owl-prev span{

    font-size: 50px;

}

#homeDepoimentos .corosel-depoimentos .owl-nav .owl-next{

    position: absolute;

    right: 0;

    margin-top: -200px;

}

#homeDepoimentos .corosel-depoimentos .owl-nav .owl-next span{

    font-size: 50px;

}

#homeDepoimentos .owl-carousel .owl-item img {

    display: block;

    width: 100%;

    margin-top: -150px;

}

/** fx-preta **/

#preta{

    background-color: #000;

    padding: 30px 0;

    color: #fff;

    text-transform: uppercase;

}

#preta .preta-flex{

    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;

}

.preta-flex a{
    color: white;
    text-decoration: underline;
}

#preta .preta-flex h3{

    font-size: 2rem;

    padding-top: 5px;

}

#preta .btn-atendimento .txt-btn {

    padding-top: 10px;

}

#preta .btn-atendimento {

    margin-left: 10px;

    margin-top: 0;

    font-size: 1.2rem;

}

.btn-atendimento{

    background-color: #fff;

    width: 200px;

    height: 45px;

    display: flex;

    border-radius: 10px;

    text-transform: uppercase;

    justify-content: space-evenly;

    color: #000;

    font-size: 0.9rem;

    margin-top: 9px; 

    cursor: pointer;

}
#footer{
	margin:0px;
	padding:0px;
    color: #fff;
    background-color: #000;
    font-weight: 600;
	min-height:450px;
}

.btn-atendimento .logo-wpp img{

    width: 30px;

    margin-top: 5px;

}

.btn-atendimento .txt-btn{

    padding-top: 15px;

}

/*footer*/

#Footer{

    background-color: #fff;

    padding: 10px 0;
    color: #000;


}

#Footer .btn-insta a{

    color: #000;

}

#Footer .btn-insta img{

    width: 30px;

    height: 30px;

}

#Footer .btn-insta p{

    font-weight: 600;

    margin-left: 10px;

}



#Footer .inFooter .col{

    width: 250px;
    color: #000;

}

#Footer .inFooter .col p.lh{

    line-height: 1.5;
	color:#000;
	font-weight:bold;
	text-align:left;
}

#Footer .inFooter .logo{
	
    margin-bottom: 20px;
	text-align:center;
	margin:auto;
}

#Footer .inFooter .col-2{

    width: 700px;
    color: #000;
    text-transform: uppercase;

}

#Footer .inFooter .col-2 .box h3{

    padding: 20px 0;

    font-weight: 600;

    font-size: 1.4rem;

    letter-spacing: 1.5px;
    color: #000;

}

#Footer .inFooter .col-2 > h3{

    font-weight: 400;

    font-size: 1.8rem;

    padding-bottom: 20px;

    width: 550px;

}

#Footer .inFooter .col-2 .esq .box p{

    padding: 10px 0;
    color: #000;
    font-weight: 600;

}

#Footer .logo img{

    width: 200px;

}

#Footer .inFooter p {

    text-align: left;

}  

#Footer .col-2 .inCol-2 .dir {

    margin-left: 20px;

}
/*pesquisa barra*/
.pesquisa{
    width: 100%;
}
.pesquisa p{
    font-weight: 600;
    text-align: left;
    margin-left: 0px;
}
.pesquisa input{
    width: 92%;
    margin: 0 auto;
    display: block;
    height: 40px;
}

.pesquisa .post.box{
    display: flex;
    text-align: left;
    border-bottom: 1px solid #cccc;
    padding: 10px 20px;
}
.pesquisa .post.box img{
    width: 50px;
    height: 50px;
}
.pesquisa .post.box h5{
    margin-left: 15px;
    padding-top: 20px;
    color: #000;
    text-transform: uppercase;
}
/*pesquisa aside*/
.pesquisa p{
    font-weight: 600;
    text-align: left;
    margin-left: 0px;
}
form.pesquisa-form{
    display: flex;
    border: 1px solid #000;
}
form.pesquisa-form input{
    border: none;
    width: 100%;
    height: 30px;
    background-color: #fff;
    padding-left: 10px;

}
form.pesquisa-form input:last-child{
    display:none;
}
form.pesquisa-form button{
    border: none;
    background: #fff;
    color: #000;
    height: 30px;
    width: 30px;
    cursor: pointer;
}
/*show produto*/

/* page-produtos */

#produto{

    padding: 50px 0;

}

#produto .content{

    width: 100%;

    display: flex;

    justify-content: space-between;

}

#produto .produto{

    width: 60%;
    padding-top: 20px;

}
#produto .produto .show{
    display: block;
}
#produto .produto .show h2{
    text-align: left;
    font-size: 8rem;
}
#produto .produto .show img{
    width: 100%;
    height: 100%;
}

/* page-materia */

#materia-prima{

    padding: 50px 0;

}

#materia-prima .content{

    width: 100%;

    display: flex;

    justify-content: space-between;

}

#materia-prima .texto{

    width: 60%;
    padding-top: 20px;

}
#materia-prima .texto {
    display: block;
}
#materia-prima .texto h2{
    text-align: left;
    font-size: 2.2rem;
    color: #D8991E;
    padding: 20px 0;
}
#materia-prima .texto p{
    text-align: left;
    padding: 10px 0 0 20px;
}
#materia-prima .texto img{
    width: 100%;
}

/* page-calculo */

#calculo{

    padding: 50px 0;

}

#calculo .content{

    width: 100%;

    display: flex;

    justify-content: space-between;

}

#calculo .texto{

    width: 60%;
    padding-top: 20px;

}
#calculo .texto {
    display: block;
}
#calculo .texto h2{
    text-align: left;
    font-size: 2.2rem;
    color: #414767;
    padding: 20px 0;
}
#calculo .texto p{
    text-align: left;
    padding: 10px 0 0 20px;
}
#calculo .texto img{
    width: 100%;
}

#calculo form .form-group{
    display: flex;
    justify-content: space-between;
    padding: 30px 0;
}
#calculo form .form-group .box{
    width: 30%;
    padding-left: 20px;

}
#calculo form .form-group .box p{
    text-transform: uppercase;
    font-size: 1.6rem;
    font-weight: bold;
    padding: 20px 0;
}
#calculo form .form-group .box:last-of-type p{
    padding: 20px 0 50px 0;
}
#calculo form .form-group .box input{
    width: 70%;
    border: 2px solid #000;
    height: 40px;
    font-size: 1.6rem;
}
.btn-calc{
    background-color: #414767;
    color: #000;
    border-radius: 14px;
    border: none;
    font-weight: bold;
    display: block;
    font-size: 1.4rem;
    padding-bottom: 3px;
    cursor: pointer;
    width: 300px;
    height: 40px;
    margin: 20px auto;
}
/*newsletter*/

#newsletter{
    background-color: #414767;
    color: #fff;
}
#newsletter .inNews{
    display: flex;
    justify-content: center;
    padding: 30px 0 0 0;
}
#newsletter .inNews .col:first-of-type{
    width: 30%;
}
#newsletter .inNews .col:last-of-type{
    width: 60%;
}
#newsletter .inNews .col input{
    border: 2px solid #fff;
    padding-left: 10px;
    width: 100%;
    height: 40px;
    background-color: #414767;
    color: #fff;
}
#newsletter .inNews .col input::placeholder{
    color: #fff;
}
#newsletter .inNews h3{
    text-transform: uppercase;
    font-weight: 600;
    text-align: left;
    font-size: 2rem;
}
#newsletter .inNews p{
    font-weight: 500;
    text-align: left;
    font-size: 1.6rem;
}
.btn-cadastro{
    background-color: #fff;
    color: rgb(116, 116, 116);
    border-radius: 14px;
    border: none;
    font-weight: 400;
    display: block;
    text-transform: uppercase;
    font-size: 1.6rem;
    padding-bottom: 3px;
    cursor: pointer;
    width: 200px;
    height: 40px;
    margin: 30px 0;
}
/*atendimento*/
#atendimento{
    padding: 30px 0;
}
#atendimento h2{
    color: #414767;
}
#atendimento .btns{
    display: flex;
    justify-content: space-evenly;
    padding: 30px 0;
}
#atendimento .btn{
    width: 300px;
    
}
#atendimento .btn-amarelo{
    width: 300px;
    background-color: #D8991E;
    color: #000;
    display: flex;
    justify-content: center;
    height: 60px;
    border-radius: 17px;
}
#atendimento .btn-amarelo .logo-wpp{
    width: 30%;
}
#atendimento .btn-amarelo .txt-btn{
    width: 40%;
}
#atendimento .btn-amarelo .logo-wpp img{
    width: 40px;
    margin-top: 8px;
}
#atendimento .btn-amarelo .txt-btn{
    font-size: 1.6rem;
    font-weight: 600;
    text-align: center;
    padding-top: 15px;
}
/*maps*/
#atendimento .inMaps{
    display: flex;
    justify-content: space-between;
}

#atendimento .inMaps .col .endereco{
    display: flex;
    padding-left: 80px;
    padding-top: 20px;
}
#atendimento .inMaps .col .endereco .localizacao{
    margin-top: 10px;
}
#atendimento .inMaps .col .endereco img{
    width: 25px;
}
#atendimento .inMaps .col .endereco .txt-endereco p{

    text-align: left;

    font-size: 1.5rem;

    padding-left: 10px;
}
#atendimento .inMaps .col.esq{
    width: 40%;
}
#atendimento .inMaps .col.direita{
    width: 59%;
}
#atendimento .inMaps .col.direita iframe{
    border: 1px solid #000;
}
/* page-produtos */

#produtos{

    padding: 50px 0;

}

#produtos .content{

    width: 100%;

    display: flex;

    justify-content: space-between;

}

#produtos .produtos{

    width: 60%;
    padding-top: 20px;

}

#produtos .produtos h2{

    text-align: left;

    font-size: 3rem;

}

#produtos .produtos .display-produtos{

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    padding: 30px 0;


}
.img-foto-preduto-apresentacao{
	max-width:450px;
}
.box-produto{
    background-color: #414767;
    margin: 20px 0px;
    width: 100%;
	height:250px;
	color:#FFF;
	border:0px solid #414767;
	border-radius: 15px;
}
.box-produto-2{
    background-color: #FFF;
    margin: 20px 0px;
    width: 100%;
	min-height:250px;
	color:#FFF;
	border:1px solid #CCC;
}
.box-produto-3{
    background-color: transparent;
    margin: 20px 0px;
    width: 100%;
	height:140px;
	color:#FFF;
	border:0px solid #CCC;
}
.box-produto-4{
    background-color: #FFF;
    margin: 20px 0px;
    width: 100%;
	height:300px;
	color:#FFF;
	border:0px
}
.box-produto-5{
    background-color: #FFF;
    margin: 20px 0px;
    max-width: 150px;
	height:150px;
	color:#FFF;
	border:0px
}
.box-produto .foto, .box-produto-2 .foto {
	margin: auto;
	text-align: center;
	min-height:130px;
}
.box-produto-3 .foto {
	margin: auto;
	text-align: center;
	max-width:100px;
	max-height:70px;
}
.box-produto-4 .foto {
	margin: auto;
	text-align: center;
	width:100%;
	height:300px;
}
.box-produto .foto .img-foto-preduto, .box-produto .img-foto-preduto{
	margin: auto;
	padding:20px;
    width: 120px;
	text-align: center;
}
.box-produto-2 .foto .img-foto-preduto{
	margin: auto;
	padding:20px;
    /*width: 150px; somente desktop tem no CSS no desktop.css tamanho de 150 */
	text-align: center;
}
.box-produto-3 .foto .img-foto-preduto{
	margin: auto;
	padding:0px;
    width: 110px;
	text-align: center;
}
.box-produto .txt, .box-produto-2 .txt{
	margin: auto;
	padding: 0px 7px;
	text-align: center;
    border: 0px solid #000;
}
.box-produto-2 .txt{
	background-color: #016d94;
}
.box-produto .txt h3, .box-produto .txt h4, .box-produto-2 .txt h3, .box-produto-2 .txt h4 {
	color:#FFF;
	font-weight:400;
	font-size:12pt;
}
.box-produto-4 .foto .img-foto-preduto{
	width:100%;
	min-height:300px;
}
#produtos .produtos .display-produtos .box-produto h3, #produtos .produtos .display-produtos .box-produto h4{

    font-size: 2rem;

    padding: 15px 0;

    text-align: center;
}
#produtos .produtos .display-produtos .box-produto p{

    background-color: #fff;

    font-weight: 600;

    font-size: 1rem;

    padding: 10px 0;

    color: #000;
}

.linha-aside{
    background-color: #000;
    height: 5px;
    width: 90%;
    margin: 20px 0;
}
aside h3:last-of-type{
    width: 40%;
    font-size: 1.4rem;
}
p.blue{
    color: #414767;
    text-transform: lowercase;
    font-weight: 600;
    font-size: 1.4rem;
}

aside{

    width: 30%;

    margin-top: 50px;

}

aside p, aside small{

    text-align: left;

    padding: 5px 0;

    color: #000;
    text-transform: uppercase;

}
aside p:hover, aside small:hover {

    color: #414767;

    cursor: pointer;
    
}

aside h3{

    text-transform: uppercase;

    padding: 13px 0;

    letter-spacing: 2.5px;

}

.txt-nav{
    font-size: 10pt;
    font-weight: 400;
	
}

.btn.btnpad0{
    text-align:center;
	margin:auto;
    padding-top: 5px;
    font-size: 9pt;
	color: #fff;
	font-weight:400;
}
.btn.btnpad{
    width: 200px;
    height: 25px;
    background-color: #414767;
    border-radius: 20px;
    text-align:center;
	margin:auto;
    padding-top: 5px;
    font-size: 9pt;
	color: #fff;
	font-weight:bold;
}

.box_img_home{
    width: 49%;
	float:left;
	text-align:center;
	margin:auto;
}
.box_img_home img{
	width:50%;
	text-align:center;
}

.clear{
	clear:both;
}

/* columns */
.one_half, .one2_half, .one_third, .one_fourth, .two_third, .three_fourth, .one_fifth, .one_two, .half{
	position: relative;
	margin: 0px;
	padding: 0px;
	margin-right: 4%;
	float: left;
}
.one_full {
	width: 100%;
}
.one_half {
	width: 70%;
}

.one2_half {
	width: 25%;
}
.one_third {
	width: 30.650%;
}
.one_fourth {
	width: 22%;
}
.one_fifth {
	width: 16.800%;
}
.two_third {
	width: 65.350%;
}
.three_fourth {
	width: 74%;
}
.one_two {
	width: 47%;
}
.half{
	width: 48%;
}

.last {
	margin-right: 0 !important;
	clear: right;
}

.container {
	width: 1170px;
	margin: auto auto auto auto;
}
.bloco-centro-menor{
	width:50%;
	border:0px solid red;
}


.font-cinza-pad{
	color:#939698;
}
.font-vermelho-pad{
	color:#39393a;
}
.sub-titulo-tamanho{
	font-size:12pt;
	font-weight:500;
	margin: 15px 0 20px 0;
}
.font-rodape-menor-branco{
	
}
.font-rodape-maior-vermelho1, .font-rodape-maior-vermelho1 span{
	font-family: "Geometos Rounded";
}
.font-rodape-menor-branco{
	color: #FFF; font-size:8pt; font-weight:400; line-height:120%;
}
.font-rodape-menor-vermelho1, .font-rodape-menor-vermelho2{
	color: #ec1f28; font-size:10pt; font-weight:400; line-height:120%;
}
/*div{ display:none;}*/
.arrows-img{width:35px;height:35px;}
.arrows-img2{width:35px;height:35px;margin-top:-150px;}
.blc-logo-rodape{margin:auto;text-align:center;}
.width-comun-200{
	max-width: 170px;
}
.inEmpresa .texto-empresa p, .inEmpresa p{
    /*width: 49%;*/
    text-align: justify;
	/*text-align: left;*/
    font-size: 11pt;
    padding: 10px 0;
	margin:auto;
	color: #000;
}

.inEmpresa .titulo-pad{
	color: #FFF;
}