@charset "utf-8";
/* CSS Document */

* {margin: 0;padding: 0;border: 0;outline: 0;}

img, embed, object, video { height: auto; max-width: 100%;}

body {transition: all 200ms; background-color: #fafafa;}

strong {font-weight: 700;}

#container {max-width:1200px; height:auto; margin:0 auto; }

	h1 {
	font-family: 'Open Sans', sans-serif;
	font-size:20px;
	color:#5C6869;	
	text-align:center;
	font-weight: 700;
	padding-bottom: 10px;
}

.line {width: 100px; height: 1px; background-color: #0171B9; margin: 0 auto;}

	p {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	text-align: center;
	line-height: 150%;
	font-size: 16px; color: #666;
	max-width: 900px;
	margin: 0 auto;
}


#menu-mob {
	position: fixed;
	width: 40px;
	height: 40px;
	top: 10px;
	right: 20px;
	z-index:999;
	display: none;
}

	#menu-mob img {padding: 5px;}
	
#close {
	position: fixed;
	width: 40px;
	height: 40px;
	top: 10px;
	right: 20px;
	z-index:999;
	display: none;
}

	#close img {padding: 10px;}

		
#top-desk {
	top: 0;
	width:100%;
	height: 100px;
	margin: 0 auto;
	position:absolute;	
	z-index: 998;
	background:  none;
}

#top-mob {display: none;}

.top-mob {
		width: 100%;
		top: 0;
		padding: 50px 0px;
		background-image:url(imagens/top-mob.jpg);
		background-repeat:no-repeat;
		background-position: center;
		background-size:cover;
		height:auto;
		display: none;
		}


.logo {
	position: absolute;
	left: 60px;
	top: 50px;
	width: 300px;
	height: auto;
}

nav {
	margin: 55px 30px;
	text-align:center !important;	
	width: 600px;
	float: right;

}

	nav ul {list-style: none;}
			
	nav ul li {display: inline; }
  
	nav ul li a { 
		font-family: 'Open Sans', sans-serif;
		font-size:14px;
		padding: 20px 20px !important;
		display: inline-block;
		text-decoration: none !important;
		color: #fff;
		font-weight: 700 !important;
		transition: all 200ms;
		margin: 0px -3px!important;
	 }
	 
	nav ul li a:hover {color: #0171B9;}

	#nav-mob {display:none;}


#banner{
		width: 100%;
		height:auto;
		box-shadow: 0px 1px 20px 0px #333;
		padding: 150px 0px 200px;
		background-repeat:no-repeat;
		background-position: center;
		background-image:url(imagens/bg-banner.jpg);
		background-size:cover;
		}
	
		.text-container {	
			height:auto;
			margin-top: 100px;
		}

#banner p {
	font-family: 'Open Sans', sans-serif;
	font-size:45px;
	margin: 0 auto;
	color:#fff;	
	font-weight:400;
	text-align:center;
	line-height:150%;
	text-shadow: 0px 0px 5px #666;

}

	#banner .p1 {font-size: 30px;}


.btn {
	font-weight: normal!important;
	font-family: 'Open Sans', sans-serif !important;
	font-size:13px !important;
	text-align:center !important;
	padding: 14px 22px !important;
	color: #fff !important;
	border: #fff solid 1px;
	text-decoration:none;
	transition: all .2s !important;
	background-color: none;
}

.btn:hover {background-color: #0171B9; border: #0171B9 solid 1px;}


.btn1 {
	font-weight: normal!important;
	font-family: 'Open Sans', sans-serif !important;
	font-size:13px !important;
	text-align:center !important;
	padding: 14px 22px !important;
	color: #fff;
	border: #fff solid 1px;
	text-decoration:none;
	transition: all .2s !important;
	background-color: none;
}

.btn1:hover {background-color: #0171B9; border: #0171B9 solid 1px; color: #fff;}



#quem-somos {
	width: 100%;
	height:auto;
	padding: 100px 0px;
	background-repeat:repeat;
	background-image:url(imagens/bg-empresa.png);
}



#servicos {
	width: 100%;
	height:auto;
	padding: 100px 0px;
	background-repeat:repeat;
	background-image:url(imagens/bg-servicos.png);
}

	#servicos h1 {color: #fff;}

	#servicos .box {
		max-width: 1200px;
		margin: 40px auto;
	}

	#servicos .box1 {
		width: 298px;
		float: left;
		margin: 0px 25px;
		padding: 25px;
		border: 1px solid #D1D9DE;
		border-radius: 25px;
	}

	#servicos p {color: #fff; line-height: 170%;}

	#servicos .p1 {font-size: 18px; color: #0171B9;}

	#servicos .p2 {font-weight: 300;}

	#servicos img {margin:10px auto; width: 200px;}


#clientes {
	width: 100%;
	height:auto;
	padding: 100px 0px;
	background-color: #fff;
}

	#clientes .box {
		max-width: 1050px;
		margin: 40px auto;
	}

	#clientes .box1 {
		width: 300px;
		margin: 0 auto;
		float: left;
		margin: 0px 25px;

	}

	#clientes  p {}

	#clientes img {
		margin: 10px auto; 
		width: 300px;
		box-shadow: 0px 0px 10px 0px #ddd;
	}



#contato {
	width: 100%;
	height:auto;
	padding-top: 100px;
	background-repeat:no-repeat;
	background-position: center;
	background-image:url(imagens/bg-contato.jpg);
	background-size:cover;

}

	#contato .box1 {float: left; width: 600px; height: auto; margin-top: 30px;}
	#contato .box2 {float: left; width: 600px; height: auto; margin-top: 50px;}

	#contato h1 {color:#eee;}

	#contato p {color:#fff; text-align: center;}

	#contato a {
	font-family: 'Open Sans', sans-serif;
	font-size:18px;	
	font-weight: 300;
	text-align: center;
	line-height: 150%;
	color:green;
	text-decoration: none;
	text-align: center;}




	#contato .box2 p {font-size: 16px;}

	#contato img {margin-top: 40px; margin-bottom: 10px;}

	.cop {
		color:#ccc!important; 
		font-size: 14px; 
		padding-top: 100px; 
		text-align: center;
		font-weight: 400;
	}

	.ass {
		color:#ccc !important; 
		font-size: 14px !important; 
		padding-bottom: 50px;
		text-align: center;
		text-decoration: none;
	}

	.ass a:hover {text-decoration: underline;}



.btn-whats {
	position: fixed;
	bottom: 10px;
	left:5px;
	border-radius: 10px;
	padding: 5px 5px 5px 5px;
	background-color: #02B001;
	z-index: 997;
	width: 130px;
}

	.btn-whats img {
		width: 30px; 
		margin-right: 3px; 
		float: left;
	}

	.btn-whats .T1 {
		font-family: 'Work Sans', sans-serif;
		font-size:15px ;
		text-align:left ;
		font-weight: 300;
		color: #fff;
		margin-top: 10px;
		line-height: 80%;
		text-transform: uppercase;
	}

	.btn-whats .T2 {
		font-family: 'Work Sans', sans-serif;
		font-size:15px ;
		text-align:left ;
		font-weight: 300;
		color: #fff;
		text-transform: uppercase;
	}