@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Contrail+One&display=swap');

/*PAGINA HOME */
#bkboasvindas{
	width:50%;
	height:auto;
	float:left;
	}
#title_laranja{
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	font-family:'Contrail One',cursive,Tahoma, Geneva, sans-serif; font-size:35px; color:#FF6600;
	letter-spacing:-2px;
	font-weight:500;
	}
#title_cinza{
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	font-family:'Contrail One',cursive,Tahoma, Geneva, sans-serif; font-size:35px; color:#333333;
	letter-spacing:-2px;	
		font-weight:500;
	}
#txt_cinza{
	width:95%;
	height:auto;
	float:left;
	text-align:center;
	font-family:'Tahoma', Geneva, sans-serif; font-size:16px; color:#666;
	}	
#saibamais{
	width:200px;
	height:auto;
	padding-top:10px;
	padding-bottom:10px;
	float:left;
	background-color:#FF6600;
	text-align:center;
	font-family:'Contrail One',cursive,Tahoma, Geneva, sans-serif; font-size:20px; color:#FFF;
	cursor:pointer;
	}
#saibamais:hover{
	background-color:#272727;
	}						
#largurabutcentro{ max-width:200px; height:auto; margin-right:auto; margin-left:auto;}

#bkvideodestaque{
	width:50%;
	height:auto;
	float: right;
	background-color:#900;
	text-align:center;
	}
.quadro_video    {width:100%;height:100%;margin:0 auto;background:#CCC}
.h_iframe        {position:relative;}
.h_iframe .ratio {display:block;width:100%;height:auto;}
.h_iframe iframe {position:absolute;top:0;left:0;width:100%; height:100%;}

	
#title_branco{
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	font-family:'Contrail One',cursive,Tahoma, Geneva, sans-serif; font-size:35px; color: #FFF;
	letter-spacing:-2px;
	font-weight:500;
	}	
#largura_home_um{ max-width:1200px; height:auto; margin-right:auto; margin-left:auto;}
@media(max-width:1200px){#largura_home_um{ max-width:90%;}}
@media(max-width:995px){#bkboasvindas,#bkvideodestaque{ width:100%; margin-bottom:30px;}}	

.bkbtservicos{
	width:400px;
	height:465px;
	float:left;
	background-color:#000;
	cursor:pointer;
	margin-bottom:15px;
	}
.triangulosico:before{
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  width: 0; 
  height: 0;
  z-index:800;
  
  position:relative;
  left:-52px;
  top:-12px; 
 
  border-left: 80px solid transparent;
  border-right: 80px solid transparent;
  border-top: 80px solid #FF6600;
  
  -ms-transform: rotate(135deg); /* IE 9 */
  -webkit-transform: rotate(135deg); /* Chrome, Safari, Opera */
  transform: rotate(135deg);
	}	
.iconeserv{
	width:45px;
	height:45px;
	position:relative;
	top:-72px;
	left:8px;
	z-index:801;
	}
.titleservicos{
	width:100%;
	height:auto;
	float: left;
	padding-top:20px;
	padding-bottom:20px;
	background-color:#272727;
	position: relative;
	top:-125px;
	text-align:center;
	font-family:'Contrail One',cursive,Tahoma, Geneva, sans-serif; font-size:22px; color: #FFF;
	font-weight:500;
	cursor:pointer;
	letter-spacing:-1px;
	}
.imgservicos{
	width:100%;
	height:auto;
	float:left;
	position:relative;
	top:-125px;
	cursor:pointer;
	}
.bkbtservicos:hover .efeitobt{
	opacity: 0.5;
    filter: alpha(opacity=50);
	-webkit-transition:0.5s ease-out;
    -moz-transition:0.5s ease-out;
    -o-transition:0.5s ease-out;
    transition:0.5s ease-out;
	}
.bkbtservicos:hover .titleservicos{
	color: #FFF;
	background-color:#FF6600;
	-webkit-transition:0.5s ease-out;
    -moz-transition:0.5s ease-out;
    -o-transition:0.5s ease-out;
    transition:0.5s ease-out;
	}
.bkbtservicos:hover .triangulosico:before{
	border-top: 80px solid #272727;
	-webkit-transition:0.5s ease-out;
    -moz-transition:0.5s ease-out;
    -o-transition:0.5s ease-out;
    transition:0.5s ease-out;
	}			
				
#largura_home_dois{ max-width:1200px; height:auto; margin-right:auto; margin-left:auto;}
@media(max-width:1200px){#largura_home_dois{width:800px;}}
@media(max-width:800px){#largura_home_dois{width:400px;}}
@media(max-width:420px){#largura_home_dois,.bkbtservicos{max-width:90%; position:relative; left:7px; z-index:800;}}
@media(max-width:420px){.triangulosico{ display:none;}}
@media(max-width:420px){.titleservicos,.imgservicos{ top:0;}}
@media(max-width:420px){.bkbtservicos{ max-height:385px; background-color:#333333;}}
@media(max-width:350px){.bkbtservicos{ max-height:330px; background-color:#333333;}}

#bkexpress{
	width:400px;
	height:auto;
	float:left;
	text-align:center;
	cursor:pointer;
	}
.circuloexpress{
	width:185px;
	height:185px;
	float:left;
	background-color: #FFF;
	border-radius:100px;
	}

/* EFEITO PULO BOTÃO EXPRESS*/
@-webkit-keyframes circuloexpress
{
15%{-webkit-transform: translateY(5px); transform: translateY(5px);}
30%{ -webkit-transform: translateY(-5px); transform: translateY(-5px);} 
50%{-webkit-transform: translateY(3px); transform: translateY(3px);}
65%{-webkit-transform: translateY(-3px); transform: translateY(-3px);}
80%{ -webkit-transform: translateY(2px); transform: translateY(2px);}
100%{-webkit-transform: translateY(0); transform: translateY(0);}
}

@keyframes circuloexpress
{
15%{-webkit-transform: translateY(5px); transform: translateY(5px);}
30%{-webkit-transform: translateY(-5px); transform: translateY(-5px);}
50%{-webkit-transform: translateY(3px); transform: translateY(3px);}
65%{ -webkit-transform: translateY(-3px); transform: translateY(-3px);}
80%{-webkit-transform: translateY(2px); transform: translateY(2px);}
100%{-webkit-transform: translateY(0); transform: translateY(0);}
}
#bkexpress:hover .circuloexpress{
-webkit-animation: circuloexpress 1s ease;
animation: circuloexpress 1s ease;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
background-color:#333;
}
			
#largura_circulo{max-width:185px; height:auto; margin-right:auto; margin-left:auto;}	
#titleexpress{
	width:100%;
	height:auto;
	padding-top:20px;
	padding-bottom:40px;
	float:left;
	font-family:'Contrail One',cursive,Tahoma, Geneva, sans-serif; font-size:25px; color: #FFF;
	letter-spacing:-1px;
	font-weight:500;
	}
#bkexpress:hover #titleexpress{
	color:#333;
	}			
#largura_home_tres{ max-width:1200px; height:auto; margin-right:auto; margin-left:auto;}
@media(max-width:1200px){#largura_home_tres{width:800px;}}
@media(max-width:800px){#largura_home_tres{width:400px;}}
@media(max-width:420px){#largura_home_tres{width:90%;}}
@media(max-width:420px){#bkexpress{width:100%;}}
/*FINAL PAGINA HOME */


/*PAGINA EMPRESA */
#txt_empresa{
	width:100%;
	height:auto;
	float:left;
	text-align: left;
	font-family:'Tahoma', Geneva, sans-serif; font-size:16px; color:#333333;
	}
#title_serv{
	width:100%;
	height:auto;
	float:left;
	font-family:'Contrail One',cursive,Tahoma, Geneva, sans-serif; font-size:35px; color:#FF6600;
	letter-spacing:-2px;
	}
#bkmissao{
	width:45%;
	height:auto;
	float:left;
	}
#bkvalores{
	width: 45%;
	height:auto;
	float:right;
	}
#largura_empresa_txt{ max-width:1200px; height:auto; margin-right:auto; margin-left:auto;}
@media(max-width:1200px){#largura_empresa_txt{ max-width:80%;}}	
@media(max-width:710px){#bkmissao,#bkvalores{width:100%; padding-bottom:20px;}}		
/*FINAL PAGINA EMPRESA */


/*PAGINA SERVIÇOS */
#txt_serv{
	width:100%;
	height:auto;
	float:left;
	text-align: left;
	font-family:'Tahoma', Geneva, sans-serif; font-size:16px; color: #CCC;
}
#largura_serv_txt{ max-width:1200px; height:auto; margin-right:auto; margin-left:auto;}
@media(max-width:1200px){#largura_serv_txt{ max-width:80%;}}
/*FINAL PAGINA SERVIÇOS */

/*PAGINA SERVIÇOS INTERNO */
#butvoltar{
	width:100%;
	height:auto;
	float:left;
	text-align:left;
	font-family:'Contrail One',cursive,Tahoma, Geneva, sans-serif; font-size:20px; color:#FF6600;
	letter-spacing:-1px;
	cursor:pointer;
	}
#butvoltar:hover{
	color:#FFF;
	}	

#bk_cont_servico{
	width:100%;
	height:auto;
	float:left;
	}
#sercont_esqvideo{
	width:100%;
	height:auto;
	float:left;
	margin-bottom:20px;
	}
#sercont_esq{
	width:740px;
	height:auto;
	float:left;
	margin-bottom:20px;
	}
#sercont_dir{
	width:400px;
	height:auto;
	float:right;
	}
#bkorcamento{
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
	background-image:url(../imagens-site/fundo/fundocalque.png);
	background-repeat:no-repeat;
	background-position: center center;
	}
#title_peserv{
	font-family:'Contrail One',cursive,Tahoma, Geneva, sans-serif; font-size:20px; color:#FFF;
	letter-spacing:-1px;
	text-align:center;
	padding-bottom:15px;
	}
#txt_peserv{
	width:90%; height:auto; margin-right:auto; margin-left:auto;
	font-family:'Tahoma', Geneva, sans-serif; font-size:16px; color: #FFF;
	}
			
#largura_servcont{max-width:1200px; height:auto; margin-right:auto; margin-left:auto;}	
@media(max-width:1200px){#largura_servcont{ max-width:80%;}}
@media(max-width:1200px){#sercont_esq{max-width:50%;}}	
@media(max-width:1020px){#sercont_esq{max-width:45%;}}	
@media(max-width:940px){#sercont_esq{max-width:100%;}}
@media(max-width:940px){#sercont_dir{width:100%;}}
/*FINAL PAGINA SERVIÇOS INTERNO */


/*PAGINA REVISÃO */
#bkdicas_esq{
	width:585px;
	height:auto;
	float: left;
	padding-top:10px;
	padding-bottom:10px;
	}
#bkdicas_dir{
	width:585px;
	height:auto;
	float: right;
	padding-top:10px;
	padding-bottom:10px;}

@media(max-width:1200px){#bkdicas_esq,#bkdicas_dir{width:100%;}}	
/*FINAL PAGINA REVISÃO  */


/*PAGINA CLIENTES */
#titleclientes_cinza{
	width:100%;
	height:auto;
	float:left;
	text-align:left;
	font-family:'Contrail One',cursive,Tahoma, Geneva, sans-serif; font-size:35px; color:#333333;
	letter-spacing:-2px;}
#titleclientes_laranja{
	width:100%;
	height:auto;
	float:left;
	text-align:left;
	font-family:'Contrail One',cursive,Tahoma, Geneva, sans-serif; font-size:35px; color:#FF6600;
	letter-spacing:-2px;
	}
#bkbeneficios{
	width:100%;
	height:auto;
	float:left;
	}
#quadbeneficio{
	width:215px;
	height:auto;
	float:left;
	}	
#beneimg{
	width:100%;
	height:auto;
	float:left;
	}
#benetitle{
	width:100%;
	height:auto;
	padding-top:15px;
	padding-bottom:15px;
	float:left;
	text-align:center;
	font-family:'Tahoma', Geneva, sans-serif; font-size:16px; color: #CCC;
	background-color:#333;
	}
#largura_beneficio_1{ max-width:1200px; height:auto; margin-right:auto; margin-left:auto;}	
@media(max-width:1200px){#largura_beneficio_1{ max-width:80%;}}	

#bkminibeneficio{
	width:342px;
	height:auto;
	float:left;
	background-color:#333;
	margin:10px;
	padding:15px;
	}
#minibeneicone{
	width:75px;
	height:75px;
	float:left;
	margin-right:10px;
	}
#minibenetxt{
	width:70%;
	height:auto;
	float:left;
	font-family:'Tahoma', Geneva, sans-serif; font-size:16px; color: #CCC;
	padding-top:24px;
	}		
#largura_minibeneficio{ max-width:1200px; height:auto; margin-right:auto; margin-left:auto;}
@media(max-width:1200px){#largura_minibeneficio{ max-width:80%;}}
@media(max-width:1000px){#bkminibeneficio{width:80%;}}	
@media(max-width:465px){#minibeneicone,#minibenetxt{ width:100%; text-align:center;}}	
				
/*FINAL PAGINA CLIENTES  */


/*PAGINA CONTATO */
#bkcont_contato{
	width:300px;
	height:240px;
	float:left;
	padding-bottom:25px;
	}
.circulocontato{
	width:138px;
	height:138px;
	float:left;
	background-color: #FFF;
	border-radius:100px;
	text-align:center;
	}
#largura_iconecontato{ max-width:138px; height:auto; margin-right:auto; margin-left:auto;}	
#title_cont{
	width:100%;
	height:auto;
	padding-top:10px;
	padding-bottom:5px;
	float:left;
	font-family:'Contrail One',cursive,Tahoma, Geneva, sans-serif; font-size:26px; color: #FFF;
	letter-spacing:-1px;
	text-align:center;
	}
#txt_cont{
	width:100%;
	height:auto;
	padding-top:5px;
	padding-bottom:10px;
	float:left;
	text-align:center;
	font-family:'Tahoma', Geneva, sans-serif; font-size:16px; color: #CCC;
	}
#mapa{
	width:100%;
	height:auto;
	float:left;
	border:1px #FFFFFF solid;
	}				
#largura_cont1_contato{ max-width:1200px; height:auto; margin-right:auto; margin-left:auto;}
@media(max-width:1200px){#largura_cont1_contato{width:600px;}}	
@media(max-width:600px){#largura_cont1_contato{width:300px;}}
@media(max-width:300px){#largura_cont1_contato{width:100%;}}	
/*FINAL PAGINA CONTATO  */


/*PAGINA DICAS */
#bkdicas{
	width:100%;
	height:auto;
	float:left;
	}
/*box como trabalhamos*/
.etapastrabalho {max-width: 100%; height: auto; margin-right: auto; margin-left: auto; text-align:center;}
.etapastrabalho h3 { 
background: #333 url(../imagens-site/icones/seta-comotrab.png) no-repeat right 27px;
margin:5px 0px 0px 0px;
padding: 20px 5px 20px 5px; 
text-align:center;
cursor: pointer;
font-family:'Contrail One',cursive,Tahoma, Geneva, sans-serif; font-size:23px; color: #FFF;
font-weight:100;
letter-spacing:-1px;
}
.etapastrabalho h3:hover {background-color: #FF6600; color:#212E70; color:#FFF;}
.etapastrabalho h3.active {background-color: #FF6600; background-position: right -40px; }
.etapastrabalho p {background: #FFF; /* cor fundo texto conteudo */
margin: 0;padding: 15px 10px 20px;text-align:center;
font-family:'Tahoma', Geneva, sans-serif; font-size:16px; color: #333;
display: none;/* todas as abas fechadas */}
/*FINAL PAGINA DICAS  */

#largura_dicas{ max-width:1200px; height:auto; margin-right:auto; margin-left:auto;}
@media(max-width:1200px){#largura_dicas{ max-width:80%;}}

/* FORMULÁRIO */
#formesquerda{
	width:48%;
	height:auto;
	float:left;
	}
#formdireita{
	width:48%;
	height:auto;
	float: right;
	}
#bk_tll_forme{
	width:100%;
	height:auto;
	float:left;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#4D4D4D;
	text-align:center;
	font-family:'Contrail One',cursive,Tahoma, Geneva, sans-serif; font-size:20px; color: #FFF;
	letter-spacing:-1px;
	}

input{
	width:99%; 
	height:40px; 
	margin-bottom:5px; 
	padding-left:5px; 
	border:1px solid #CCC; 
	font-family:'Tahoma',Arial, Helvetica, sans-serif; font-size: 15px; font-weight:400; color: #666;
	}

select{
	width:99%; 
	height:40px; 
	margin-bottom:5px; 
	padding-left:5px; 
	border:1px solid #CCC; 
	font-family:'Tahoma',Arial, Helvetica, sans-serif; font-size: 15px; font-weight:400; color: #666;
	}			
	
textarea{
	width:99%; 
	height:197px; 
	margin-bottom:5px; 
	padding-left:5px; 
	padding-top:7px; 
	border:1px solid #CCC; 
	font-family:'Tahoma',Arial, Helvetica, sans-serif; font-size: 15px; font-weight:400; color: #666; 
	resize: none;
	}	
/*campo email*/	
#email:valid {background:#00FF00;}
#email:invalid {background:;}

#largura_formulario{ max-width:1200px; height:auto; margin-right:auto; margin-left:auto;}
@media(max-width:1200px){#largura_formulario{ max-width:80%;}}
@media(max-width:940px){#formesquerda,#formdireita{width:100%;}}