*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;	
	font-family: "Roboto";
}

.container{
	max-width: 1280px;
	padding: 0 2%;
	margin: 0 auto;
}

.center{
	margin: 0 auto;
	max-width: 1280px;
	padding:0 2%;
}



body{
	overflow-x: hidden;
	background-color: white;
}

.clear{
	clear: both;
}

header{
	background-color:;
	min-height: 250px;
	padding: 30px 0;
	background-size: cover;
	background-position: center;
}







.logo{
	position: relative;
	z-index: 2;
	background-size: 100% 100%;
	float: left;
	width: 132px;
	height: 20px;
	color: white;
	font-size: 20px;
}


@media screen and (max-width: 768px){
	.logo{
		margin-top: -35px;
	}
 
}




nav.desktop{
	float: right;
	margin-top: 25px;
}

nav.desktop ul{
	list-style-type: 
}

nav.desktop li{
	display: inline-block;
	margin:0 15px;
}
nav.desktop li:hover{
	border-bottom: 1px solid black;
}



nav.desktop a{
	color: black;
	text-decoration: none;
}

nav.desktop a:hover{
	color: orange;
}

nav li.btn-nav{
	padding: 3px 8px;
	border-radius: 20px;
	border: 1px solid white;
}

nav.mobile{
	display: none;
    float: right;
}

nav.mobile ul{
	position: absolute;
	left: 0;
	width: 100%;
	padding: 70px 0 30px 0;
	top: 0px;
	background: rgba(0, 0, 0, 0.5);
	display:none ;
	text-align: center;
}

nav.mobile h3{
	position: relative;
	margin-right:20px;
	margin-top:10px;
	z-index: 2;
	color:black;
	cursor: pointer;
	font-size: 26px;
}

nav.mobile li{
	padding: 10px 0;
}


nav.mobile li.btn-nav{
	padding: 4px 10px;
	display: inline-block;
}

nav.mobile a{
	display: block;
	color: black;
	text-decoration: none;
}

@media screen and (max-width: 768px){
	nav.desktop{display: none;}
	nav.mobile{display: block;}
 
}



.header{
			width: 100%;
			height: 40vh;
			max-height: 700px;
			overflow: hidden;
			position: relative;
		}

.header video{
			position: absolute;
			left: 0;
			top: 50%;
			transform:translateY(-50%);
			width: 100%;
		}

		.overlay{
			position: absolute;
			left: 0;
			top: 0;
			z-index: 1;
			width: 100%;
			height: 100%;
			transition: 0.7s;
			background:rgba(0,0,0,0.8);
		}

		.overlay:hover{
			background:rgba(0,0,0,0);
		}

		.overlay h2{
			padding:20px 0;
			text-align: center;
			color: white;
			font-size: 50px;
		}









.whats{
	padding: 5px;
	margin: 0 auto;
	margin-top: 50px;
	width:10%;
	background-color: #25D366;
	border-radius: 20px; 
	display: flex;
}

.whats a{
	text-decoration: none;
	color: white;
	margin: auto;
}
.whats p{
	margin: auto;
}



@media screen and (max-width: 768px){
	.whats{
		width: 50%;
		margin-top: ;
	}
 
}




.corp{
	width: 100%;
	padding: 5px;
	background-color: ;
}


.construindo{
	width: 100%;
	background-color: ;
}
.construindo h2{
	text-align: center;
}



.aps{
	width: 33.333%;
	padding: 2px;
	background-color: ;
	float: left;
}

.aps img{
	width: 100%;
}

.aps h3{
	text-align: center;
	font-weight: bold;
	margin-top: -20px;
}

.aps h3{
	text-align: center;
	font-weight: bold;
	margin-top: -12px;
}

.aps h3{
	text-align: center;
}

.aps p{
	text-align: center;
}

.aps a{
	text-decoration: none;
	color:black;	
}



.apps h5{
	font-weight: bold;
}

#aps{
	border: 2px solid #ccc;

}

@media screen and (max-width: 768px){
	.aps{
		width: 100%;
	}
 
}


.divisor{
	width: 100%;
	padding: 2%;
	background-color: ;
}

.informa{
	width: 50%;
	background-color: ;
	padding: 5px;
	float: left;
}

@media screen and (max-width: 768px){
	.informa{
		width: 100%;
	}

	.centerMap iframe{
		width:100%;
	}
 
}

.centerMap{
	margin: 0 auto;
}

.cadastro1{
	width: 100%;
	background-color: #ccc;
	margin-top: 70px;
	
}
.cadastro1 p{
	text-align: center;
}

#cadastro1{
		padding-block: 5px;
}

.bot1{
	width: 30%;
	padding: 10px;
	background-color: white;
	margin: 0 auto;
	display: flex;
}

.bot1 a{
	text-decoration: none;
	color: black;
	margin: auto;
}



.bot1 p{
	margin: auto;	
}

.bot2{
	width: 30%;
	padding: 10px;
	background-color: white;
	margin: 0 auto;
	display: flex;
}

.bot2 a{
	text-decoration: none;
	color: black;
	margin: auto;
}



.bot2 p{
	margin: auto;
}




footer{
		clear: both;
  padding:14px 0;
  background: #333;
  color: white;
}

footer ul{
  padding: 0;
  margin: 0;
  list-style-type: none;
  list-style-position: inside;
}

.group-btns a{
  margin:0 10px;
}

footer a{
  color: white;
  font-size: 17px;
}




/*começando almeida3*/

.princium{
	width: 100%;
	padding: 2px;
	background-color: ;
}

.dir{
	width: 50%;
	float: left;
	background-color: ;
}


.fala h1,h2{
	text-align: center;
	font-weight: bold;
}

.fotsp{
	width: 50%;
	background-color: #ccc;
	padding: 5px;
	margin: 0 auto;
}

.fotsp img{
	margin-left: ;
	width:100%;
	height: 400px;
}



@media screen and (max-width: 768px){
		.dir{
			width: 100%;
		}
		.fotsp{
			margin: 0 auto;
			width: 75%;
		}
}


.boo3{
	margin-top: 10%;
	width: 20%;
	margin:0 auto;
	padding: 10px;
	background-color: #ccc;
	display: flex;
}

.boo3 p{
	margin: auto;
	text-align: center;
}

@media screen and (max-width: 768px){
		
	.boo3{
			margin-top: 10%;
			width: 40%;
			margin:0 auto;
			padding: 10px;
			background-color: #ccc;
			display: flex;
	}
}

.boo3 a{
	text-decoration: none;
	color: black;
	font-weight: bold;
}

.boo3 a:hover{
	color: white;
}


.img-wraper{
	width:calc(33.3% );
	padding-top:calc(33.3% / 2);
	float: left;
	background-color: white;
	position: relative;
	border: 4px solid white;
}



.img{
	position: absolute;
	left: 0px;
	top:0;
	width: 100%;
	height:100%;
	background-position:center;
	background-size:contain;
	background-repeat: no-repeat;
}