/*font*/

@import url('https://fonts.googleapis.com/css?family=Lato:300,400,400i,700,900,900i');

/* GERAIS -------------------------------------------------------------*/



html{overflow-x: hidden;}



body {font-family: 'Lato', sans-serif;overflow-x: hidden;}



*{margin:0px auto;padding:0px 0px;	}



ul,li{list-style: none;}



a {

	text-decoration: none;

	border: none;

	-webkit-transition: 0.5s;

	-moz-transition: 0.5s;

	-o-transition: 0.5s;

	-ms-transition: 0.5s;

	transition: 0.5s;

}



a:hover {

	text-decoration: none;

	-webkit-transition: 0.5s;

	-moz-transition: 0.5s;

	-o-transition: 0.5s;

	-ms-transition: 0.5s;

	transition: 0.5s;

}



img{border: none;}



.corprimaria{color:#06a6e4;}



.whtbg{background:none !important;}



h1{font-weight:300;}



/* HEADER -------------------------------------------------------------*/

header{
	width:100%;
	-webkit-box-shadow: 0px 3px 33px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 3px 33px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 3px 33px 0px rgba(0,0,0,0.3);
	z-index: 99;
	-webkit-animation: fadein 0.5s; 
    -moz-animation: fadein 0.5s; 
    -ms-animation: fadein 0.5s; 
    -o-animation: fadein 0.5s;
    animation: fadein 0.5s;
    position: relative;
    background:#fff;
}

.topo{
	background:#578ad6;
	padding: 15px 0;
}

.topo a{
	font-size:1em;
	color:#fff;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
	margin: 0 0 0 20px;
}

.topo a:hover{color:#ff9c00;}

/* MENU -------------------------------------------------------------*/



nav{margin:45px 0 0 0;}

nav ul li{float:left;position:relative;margin: 0 0 0 20px;}

nav a{
	font-size:1.1em;
	font-weight: 400;
	color: #929597;
	padding: 20px 10px;
	margin: 0;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}

nav a:hover{
	color:#578ad6;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}



.menu-mobile{width:300px;height:100%;top:0;right:0;position:fixed;background:#111;display:none;z-index:99999999;overflow: auto;}

.fechar{width:100%;float:left;position:relative;text-align:center;}

.fechar a{width:100%;font-size:0.9em;float:left;position:relative;background:#000;padding:20px 0;color:#fff;font-weight:bold;text-decoration:none;}

.fechar a:hover{background:#d10014;text-decoration:none;}

.menu-mobile li{

	width:100%;

	float:left;

	position:relative;

	border-bottom:1px solid #171717;

	margin-left:0 !important;

	text-align:center;

}

.menu-mobile li a{

	width:100%;

	float:left;

	position:relative;

	padding:20px 0;

	font-size:0.9em;

	font-weight:300;

	color:#FFF;

}

.menu-mobile li a:hover{background:#171717;text-decoration:none;}

.mascara{

	width:100%;

	height:100%;

	position:fixed;

	background:rgba(0,0,0,0.8);

	z-index:99;

	top:0;

	left:0;

	display:none;

}



/* BANNER -------------------------------------------------------------*/



.banner{
	width: 100%;
	z-index:9;
}



.banner video{

	width:100%;

	opacity:0.4;

	z-index:-999;

	margin-top:-50px;

}


.banner-pages{

	width: 100%;

	height:100px;

	z-index:9;

	background: url(../images/bg-conteudo.png) repeat;

}



.banner-interno{
	width: 100%;
	z-index:9;
	background:#333;
	padding:50px 0;
}


.banner-interno h1{
	font-size:2.5em;
	color:#fff;
	font-weight:300;
}

.caption {
    width: 40%;
    position: absolute;
    margin: 0 0 0 10%;
    bottom: 10%;
    padding: 15px;
    background: rgba(255,255,255,0.9);
    text-align: center;
}

.caption h1{
	font-size:2.5em;
	font-weight:800;
	font-style: italic;
	color:#ff9c00;
}

.caption p{
	font-size:1em;
	color:#333;
	line-height:1.6em;
}

.caption a{
	color:#333;
	font-size:1em;
	font-weight: bold;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}

.caption a:hover{
	color:#003e8a;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}


.carousel-indicators li{

	position: relative;

	-ms-flex: 0 1 auto;

	flex: 0 1 auto;

	width: 10px;

	height: 10px;

	margin-right: 7px;

	margin-left: 3px;

	text-indent: -999px;

	background-color: rgba(255,255,255,.5);

	border-radius: 30px;

}





/* MAIN -------------------------------------------------------------*/

.produtos-home{padding:100px 0 0 0;}
.produtos-home-cinza{margin:50px 0 0 0;padding:35px 0 !important;background:#f5f4f4;}

.produtos-home h1{
	font-size:1.8em;
	font-weight:800;
	font-style: italic;
	color:#ff9c00;
}

.produtos-home h2{
	font-size:1.4em;
	line-height: 1.6em;
	font-weight:800;
	font-style: italic;
	color:#8c8e90;
}

.produtos-home h3{
	font-size:1.2em;
	font-weight:800;
	color:#578ad6;
}

.produtos-home h4{
	font-size:1.1em;
	font-weight:800;
	color:#ff9c00;
}

.produtos-home h5{
	font-size:1.1em;
	font-weight:800;
	color:#ff9c00;
	margin-top:10px;
}

.produtos-home p{
	font-size: 0.95em;
	font-weight: 400;
	color: #8c8e90;
}


.produtos-home a{margin:0 !important;}

.produtos-home .card{height:100%;}

.separa{
	border-left: 2px solid #ddd;
    padding: 0 !important;
    margin: 0 0 0 9%!important;
}

.links-uteis a{
	width: 100%;
	float: left;
	position: relative;
	font-size:0.95em;
	font-weight:600;
	color: #022f42;
	padding: 10px 0;
}

.links-uteis a:hover{color:#00577c;}

.links-uteis i{font-size:1.5em;margin: 0 5px 0 0;}


.portfolio{

	background:#eeeeee;

	padding: 80px 0;

}



.portfolio h1{

	font-size:1.8em;

	font-weight: bold;

	

	color:#333;

}



.portfolio p{

	font-size:0.9em;

	line-height: 1.6em;

	color:#333;

}



.portfolio-img{

	margin: 0 0 30px 0;

}





.portfolio-page{

	padding: 80px 0;

}



.portfolio-page h1{

	font-size:1.8em;

	font-weight: bold;

	

	color:#333;

}



.portfolio-page p{

	font-size:0.9em;

	line-height: 1.6em;

	color:#333;

}



.clientes{background: url(../images/clientes-bg.png) repeat;padding:60px 0;}



.clientes h1{

	font-size:1.8em;

	font-weight:300;

	color:#fff;

}



.faixa-loja{width:100%;background:#613c27;padding:45px 0 25px 0;}



.faixa-loja h1{

	font-size:1.2em;

	font-weight:800;

	color:#fff;

	

}



.faixa-loja p{

	font-size:0.9em;

	color:#fff;

	font-weight:300;

}



.faixa-loja a{

	background:none;

	color:#fff;

	padding:20px 40px;

	font-size:0.8em;

	font-weight:800;

	border-radius:30px;

	border:1px #fff solid;

	

}



.faixa-loja a:hover{

	background:#000;

	border:1px #000 solid;

}





.internas{padding:60px 0;}



.internas h1 {
	font-size: 1.2em;
	font-weight: 400;
	color: #555;
}



.internas h2{

	font-size:1em;

	font-weight: bold;

	

	color:#333;

}



.internas p{
	font-size:0.9em;
	color:#333;
}

.internas a{color:#333;}

.internas a:hover{color:#003e8a;}



.produtos-page{padding:60px 0;}



.produtos-page h1{

	font-size:1.8em;

	font-weight:300;

	color:#333;

}



.produtos-page h2{

	font-size:1em;

	font-weight:300;

	color:#fff;

}



.produtos-page h3{

	font-size:1.4em;

	font-weight:300;

	color:#333;

}



.produtos-page h4{

	font-size:1.2em;

	font-weight:800;

	color:#613c27;

}



.produtos-page p{

	font-size:0.9em;

	color:#333;

	font-weight:300;

}



.produtos-page a{

	color:#333;

	font-size:1em;

	font-weight:400;

	-webkit-transition: 0.5s;

	-moz-transition: 0.5s;

	-o-transition: 0.5s;

	-ms-transition: 0.5s;

	transition: 0.5s;

}



.produtos-page a:hover{

	color:#613c27;

	-webkit-transition: 0.5s;

	-moz-transition: 0.5s;

	-o-transition: 0.5s;

	-ms-transition: 0.5s;

	transition: 0.5s;

}



.produtos-page i{color:#333;}


.produtos-page-menu i{color:#333 !important;}

.produtos-page-menu i:hover{color:#613c27 !important;}

.produtos-page .card-body{

	width:100%;

	background:#0f0f0f;

	padding-top:30px;

	-webkit-transition: 0.5s;

	-moz-transition: 0.5s;

	-o-transition: 0.5s;

	-ms-transition: 0.5s;

	transition: 0.5s;

}

.produtos-page .card-body:hover{

	background:#613c27;

	-webkit-transition: 0.5s;

	-moz-transition: 0.5s;

	-o-transition: 0.5s;

	-ms-transition: 0.5s;

	transition: 0.5s;

}



.produtos-page .card-body p {

	color: #fff;

	font-size: 1em;

	font-weight: bold;

}



/* FORM ----------------------------------------------------------------*/







/* FOOTER -------------------------------------------------------------*/


footer{width:100%;background:#ddd; padding:20px 0;text-align:center;}
footer p{font-size:1em;color:#8c8e90;}
footer a{color:#8c8e90;}
footer a:hover{color:#333;} 



/* FORM ----------------------------------------------------------------*/



.fale{padding:60px 0 100px 0;}



.fale h1{

	font-size:1.8em;

	font-weight: bold;

	

	color:#333;

}



.fale p{

	font-size:0.9em;

	line-height: 1.6em;

	color:#333;

}



.field{
	width:92%;
	float:left;
	position:relative;
	padding:10px 4%;
	font-size:0.8em;
	color:#666;
	margin: 10px 0 0 0;
	border: none;
	background:#fff;
	color:#666;
	display:inline-block;
}



.button{
	cursor: pointer;
	background:#578ad6;
	color:#fff;
	margin:25px 0 0 0;
	padding: 10px 50px;
	font-size:0.95em;
	border:1px #578ad6 solid;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}



.button:hover{
	background: #236ad4;
	color:#fff;
	border:1px #236ad4 solid;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}







/* POP UP IE -------------------------------------------------------------*/





#mask {

	position:absolute;

	left:0;

	top:0;

	z-index:9000;

	background-color:#333;

	display:none;

}



#boxes .window {

	position:absolute;

	left:0;

	top:0;

	width:440px;

	height:200px;

	display:none;

	z-index:9999;

	padding:20px;

}



#boxes #dialog2 {

	background:transparent;

	width:650px;

	margin:0 auto;

	margin-top:-160px;

}



.close{

	display:block;

	float: left;

	margin-left: 0;

	font-weight: bold;

	line-height: 1;

	cursor: pointer;

	color: #fff;

	text-align: center;

	text-shadow: 0 -1px 1px #64799e;

	/* Background gradient */

	background: #191d2f;

	/* Border style */

	border: 0.1px solid #051c44;

	margin-top: 10px;

	margin-right: 30px;

	margin-bottom: 10px;

	padding-top: 6px;

	padding-right: 8px;

	padding-bottom: 6px;

	padding-left: 8px;

	background-color: #25a9e0;

	background-position: 0% 0%;

}





/**

Breakpoint

*/



@media only screen and (max-width:992px){


	.caption a{display: none;}

	.caption h1{font-size:1.8em;}
	
	.posbanner{padding-bottom:90px;}

}



@media only screen and (max-width:768px){
	header{
		-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
		-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
		box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
	}
	.utilitarios{display:none;}
	.bemvindo{padding:95px 0 120px 0;}
	.banner{display:none;}
	.produtos-home{padding:30px 0 0 0;}
	.button{
	 width: 92%;
	 padding: 10px 4%;
	 }
}



@media only screen and (max-width:576px){

	nav a{margin-right: 20px;}

}