@charset "utf-8";
/* CSS Document */
@media (max-width: 992px){

	.boxLog{
        width: 100%;
        margin: 2% auto;
        border: 1px solid #ccc;
        padding: 2%;
        border-radius: 8px;
    }

	
	.btn-group, .btn-group-vertical{
		width: 100%;
		overflow:scroll;
	}


.tabFull{
	overflow-y: scroll ;
}

.btn-group::-webkit-scrollbar-thumb,
.btn-group-vertical::-webkit-scrollbar-thumb,
.tabFull::-webkit-scrollbar-thumb {
    background-color: #fff; /* cor do "polegar" do scroll */
    border-radius: 4px;
}

.btn-group::-webkit-scrollbar-track,
.btn-group-vertical::-webkit-scrollbar-track,
.tabFull::-webkit-scrollbar-thumb {
    background-color: #fff; /* cor de fundo da trilha */
}

/*
==========================================================================
FONTS
===========================================================================
*/


p{font-weight:400; font-size: 18px;}

/*
==========================================================================
STYLES
===========================================================================
*/
header.top{
    height: auto;
}

.destaquelight{	
    font-weight: 900;
    margin: auto;
}

.color1{background-image: url(../images/fund01min.jpg);}
.color2{background-image: url(../images/fund02min.jpg);}
.color3{background-image: url(../images/fund04min.jpg);}
.color4{background-image: url(../images/finalmin.jpg);}

/*
==========================================================================
HEADER
===========================================================================
*/

.relativo{
	height: 70px;
}

.btn-lg{ display: none;}
.NavTop{ padding: 0px;}

.navbar-toggler-icon{
    width: 2.5em;
    height: 2.5em;

}

.orcLink{ display: block;}

.modal-dialog {
    max-width: 100%;
}


.nav-item{	
    font-size: 20px;
    text-align: left;
    padding: 2%;
    height: auto;
    display: block;
}
.nav-item a{
    background-color:#a0cc00;
    padding: 2%;
    color:#00522e;
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
    border: 1px solid #00522e;
}

.navbar-nav {
    margin: 2% 0;
}

.navbar h2{
    margin: auto;
    color:#00522e;
    padding: 5%;
}

.navbar p{
    text-align: center !important;
    margin: auto;

}

.NavTop{ 
    position: fixed;
    height: auto;
}

.navbar-brand{

    width: 50%;
    padding: 2%;
	margin: auto;
}
.navbar-brand img{
    width: 30%;
}

/*
==========================================================================
SECTION
===========================================================================
*/

.grid{ padding:0px; margin: 0px !important;}

.most1{
	width: 80px;
	height: 80px;
}
.col h3{
	font-size: 75%;
}

.most1 i{
	width: 80px;
	height: 80px;
	font-size: 80px;
}
.col2{ width: auto;}

ul.topico{ margin: 0px; padding: 0px;}
ul.topico li{ font-size: 16px; margin: 5px; font-weight: 300;}

ul.topico li:before { left: 0px; color: #00522e; font-size: 16px; position: relative; padding: 0px 5px 0px 5px;}
.col3 { width: 100%;}
.box span{ font-size: 250%;}
.box span.prim{position: relative; width: 100%;}
.box{ height: auto;}
.box h2{ 
	position: relative;
    font-size: 70%;
    height: 30px;
	list-style: 30px;
    width: 100%;
    margin: 0;
    padding: 0;
    bottom: 0;
    display: block;
    text-align: center;
}

/*
==========================================================================
COMENTARIOS
===========================================================================
*/
.grid_com span.til{font-size: 50px;}
	         .grid_com{ display: block; width: 100%; height: auto; font-size: 45px;}
	       .grid_com p{ font-size: 35px;}		
	
	        .coment h2{ font-size: 30px;}	
	.coment .ali_coment .bloc{ display: block; width: 100%; margin: 2% 0%;}

	.bloc .process_coment{ width: 70%; margin: auto;}
	.bloc p{ font-size: 18px; padding: 10px;}	
	
	.bloc .td{ font-size: 18px;}
	.coment button{ 	
		width: 100%; 
		font-size: 18px;
		width: 100%;
		margin: 15px 0px;
		padding: 20px;
	
	}
		
	.coment_det h2{	font-size: 25px;}
	.coment_det p{ font-size: 18px;}
	.coment_det span.star{margin: 1%}
	.coment_det span.star:before, .vlr span.star:before{ font-size: 18px;}


		.aval{ height: auto; width: 100%; text-align: center;}
	
	.starmin, .valormin{ display:block; position: relative; width: 70%; height:50px; margin: auto;}
		.valormin{ font-size: 30px; padding: 15px;}
	.aval .starmin .process_coment{ height: 100%;}
	

.estrelas label i.fa:before{
	content: '\f005';
	color: #FC0;
	font-size: 80px;
	}
	.estrelas  input[type=radio]:checked  ~ label i.fa:before{
	color: #CCC;
		font-size: 80px;
}
	.estrelas p{ font-size: 50px; color: #555}
	
	
	.fundo_avaliacao .alert, .fundo_avaliacao .alert2{
		font-size: 70px;
	}
	
	.fundo_avaliacao .form_ava div{
		margin: 0px;
		padding: 0px;
	}
		
		.fundo_avaliacao .form_ava{
			  width: 100%;
			padding: 30px;
		 min-height: 100%;
			    top: 0px;
			   left: 0px;
		  font-size: 40px;
			
		}
		
		.fundo_avaliacao .form_ava h2{
			font-size: 60px;
		}
		
		.fundo_avaliacao .form_ava button{
			    width: 100%;
			  padding: 40px;
			font-size: 50px;
		}

	.prod_v img.imgp1{ width: 100%;}
	  .container_text{ text-align: center; width: 100%;}
	     .preco_det p{ font-size: 22px;}
	     .aviso_bot p{ font-size: 25px;} 
	      .prod_v  h3{ font-size: 25px; text-align: center; padding: 10px;}
/*
==========================================================================
FORM
===========================================================================
*/
.hd-inline{     display: block;    width: 100%;}

.form-inline{
width: 100%;
display: block;

}
.navbar button.btn{display: none;}
button.btn{    font-size: 20px;    padding: 2% 8%;}
button.btn-outline-success{
width: 100%;
font-size: 25px;
padding: 4%;
display: block;
text-transform: uppercase;
margin: 5% auto !important;
}





.cupom_active > .veri_confirma, .cp_on > .veri_confirma{
	position: fixed;
}


.cupom_active >.veri_confirma .veri_div{ 
	position: relative;
	top: 10%;
	width: 90%;

	height: 250px;
	padding: 5px;
	border-radius: 15px;

}

.cupom_active >.veri_confirma .veri_div #form_ac {
height: auto;
background: #fff;
}

.veri_confirma{
	background: rgba(51,51,51,0.7);
	padding: 0px;
	position: absolute;
	
}
.veri_confirma .veri_div{ 
	position: relative;
	top: 0%;
	width: 100%;
	border-radius:0px;
	height: 100%;
	padding: 5px;
	overflow: auto;
}
.veri_confirma .log_form img{
	width: 350px;
}

#form_ac fieldset{ padding: 10px;}
#form_ac fieldset.pessoal{
	padding: 10px;

}

/*ORÇAMENTO*/

#form_ac input[type="radio"]{ width: 20%;}
		 .cpfon{ width: 48%; display: inline-table;  height: auto; margin: 0px; padding: 0px}
		 .cnpjon{ width: 48%; display: inline-table;  height: auto; margin: 0px; padding: 0px;}

.veri_confirma .veri_div #form_ac{ height: 1800px; background: #fff;}
/*aviso*/
.veri_confirma .veri_div ul.resul li.send a{ font-size: 40px;}

#form_ac input[type="submit"]{ padding: 18px;}
button.fechar{ font-size: 20px; margin: 20px;}

h3.display_on { padding: 25px; color: #111; font-size: 40px;}
h3.info-cp{ padding: 5px; color: #111; font-size: 35px;}


button.btn_cp{ font-size: 35px; font-weight:600; cursor:pointer; text-transform:uppercase;  border-radius: 80px; margin:8px; padding: 18px 25px; border:none;}

.form_cp li.cp p{  color: #fff; }
#form_ac{ font-family: Arial, Helvetica, sans-serif; padding: 0px;}
#form_ac legend{font-size:18px; text-align: center; margin: 0;}
.form_log > #form_ac label{ font-size:16px; width:100%; padding: 20px;}
#form_ac label{ font-family: arial; width: 100%; font-size: 16px;}

#form_ac input, #form_ac select{ color: #0584ab; font-size:20px; border: 2px solid #0584ab; padding: 15px 15px 15px 85px}
#form_ac span{ margin-left: 0%;}
#form_ac span:before{font-size:25px; bottom:0%; padding: 13px 35px;}
#form_ac textarea{ font-size:50px;}

#form_ac .sobre_emp{font-size: 30px; color: #333;}

.insere_cupom .verificar #form_ac input[type="text"] {  font-size: 60px; border: 1px solid #67b30f; width: 100%; margin-bottom: 15px; margin-top: 15px;}
.insere_cupom .verificar #form_ac input[type="submit"]{ font-size: 60px;  background: #67b30f; padding-top:10px; padding-bottom:10px; display: block; width: 100%;}
.insere_cupom .verificado #form_ac input[type="submit"]{ background:#67b30f; padding: 15px; }
.insere_cupom .verificado #form_ac select{  padding: 15px; margin: 10px; border: 1px solid #67b30f; font-size: 30px;}



.form_cp li input[type="submit"] { padding: 50px; width: 100%; margin: 10px;  }


.veri_confirma .veri_div ul.resul { font-size:40px; width: 95%; margin: 10px 5px 30px 5px;}
.col_form{
padding:10px;
width:100%;
display:block;
height:auto;
float:none;

}
.fechar_log:before{ font-size:70px; padding:50px;}
p.linh_form {

margin: 5px 0px 25px 0px;

}



.insere_cupom .verificar #form_ac p, .insere_cupom .verificado #form_ac p{margin:auto; width:100%;}
	.aviso{font-size:30px; color:#f03;}
	


		  #form_ac input[type="radio"]{ width: 35px; height: 35px; margin-right: 20px;  padding: 55px; display: inline-table;}
		 /*.cpfon{ width: 40%; display: inline-table;   height: 10px; margin: 0px; padding: 10px}
		 .cnpjon{ width: 40%; display: inline-table;  height: 10px; margin: 0px; padding: 10px;}*/
/*
==========================================================================
BANNER
===========================================================================
*/

.banner-desk{    display: none;}

.banner-mob{    display: inline;}
/*
==========================================================================
FOOTER
===========================================================================
*/

footer .rodape p{ font-size: 18px;}

footer .lf, footer .ce, footer .rg{ text-align: center;}
footer a{ color:#fff; font-weight: 100;}
footer a:hover{ color:#c6fc04;}

ul.link_rede{ width: 100%;}
footer img.footerlog{width: 450px;}
footer figcaption{font-size: 35px;}
.rodape img{width: 200px !important;}

ul.link_rede li{width: 80px;height: 80px;font-size: 40px;}
ul.link_rede li span:before{font-size: 45px;}

}