/* CSS AMPIB */
/* JUNHO 2021 */
/* FRONT MARKETING */



html{scroll-behavior: smooth;}
:focus {outline:0 !important;}



/* TOPO */ /* TOPO */ /* TOPO */ /* TOPO */ /* TOPO */ /* TOPO */ 

.topo{
	background-color: #3B5EAB;
}

.navbar .collapse .navbar-nav .nav-item .nav-link{
	color: #fff;
	font-size: 13px;
	margin-bottom: 3px;
	margin-left: 10px;
}

.navbar .collapse .navbar-nav .nav-item .nav-link:hover{
	color: #75A0EA;
}


.navbar .collapse .navbar-nav .nav-item .nav-link span{
	color: #3B5EAB;
	font-weight: normal;
	border: 1px solid #fff;
	background-color: #fff;
	padding: 7px 15px 7px 15px;
	border-radius: 10px;
}

.navbar .collapse .navbar-nav .nav-item .nav-link span:hover{
	background-color: transparent;
	border: 1px solid #fff;
	color: #fff;
}






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

.banner-index{
	background-image: url(../imgs/banner-index.jpg);
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 450px;
    padding-top: 85px;
}

.banner-index h1{
	color: #fff;
	font-weight: bold;
}

.banner-index a{
	text-decoration: none;
}

.banner-index h5{
	background-color: #fff;
	color: #3B5EAB;
	width: 55%;
	font-weight: bold;
	text-align: center;
	padding: 10px 0;
	border-radius: 15px;
	border: 1px solid #fff;
	margin-top: 25px;
}

.banner-index h5:hover{
	background-color: transparent;
	color: #fff;
	border: 1px solid #fff;
}






/* HISTÓRIA */ /* HISTÓRIA */ /* HISTÓRIA */ 

.historia{
	background-image: url(../imgs/background-wall.jpg);
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 65px 0 65px 0;
}

.historia h1{
	color: #3B5EAB;
	font-weight: bold;
}

.historia h4{
	color: #808285;
	font-weight: normal;
}

.historia .takes{
	text-align: justify;
}

.historia img{
	margin-top: 65px;
}

.historia h2{
	color: #3B5EAB;
	font-weight: bold;
	margin-top: 155px;
}




.noticias{
	padding: 65px 0 65px 0;
}

.noticias a{
	text-decoration: none;
	color:#000;
}

.noticias .card_c{
	background-color: #bbbbbb;
	min-height: 150px;
	margin-bottom: 10px;
}

.noticias .btn_ler{
	background-color: rgb(230, 230, 230);
	color:mediumblue;
	padding: 5px;
	margin-left: 10px;
	margin-bottom: 10px;
	font-size: 13px;
}

.noticias .btn_ler:hover{
	background-color: navy;
	color: #fff;
}
/* ASSOCIE-SE */ /* ASSOCIE-SE */ /* ASSOCIE-SE */ 

.associe{
	background-color: #50bb6b;
	padding: 65px 0 65px 0;
}

.associe input{
	border: 1px solid #fff;
	background-color: transparent;
	width: 100%;
	padding: 10px;
	border-radius: 15px;
	margin-bottom: 10px;
	color: #fff;
}

.associe h2{
	color: #fff;
	font-weight: bold;
	margin-bottom: 30px;
}

.associe ::-webkit-input-placeholder {
   color: #fff;
}

.associe button{
	width: 100%;
	cursor: pointer;
	padding: 12px;
	border: 0;
	border-radius: 12px;
	margin-top: 3px;
	color: #50bb6b;
	font-weight: bold;
	border: 1px solid #fff;
}

.associe button:hover{
	background-color: transparent;
	color: #fff;
	border: 1px solid #fff;
}




/* GALERIA FOTOS */ /* GALERIA FOTOS */ /* GALERIA FOTOS */ 

.fotos{
	background-color: #3B5EAB;
	padding: 65px 0 35px 0;
}

.fotos h2{
	font-weight: bold;
	color: #fff;
	margin-bottom: 44px;
}

.fotos img{
	margin-bottom: 33px;
}



/* CONTATO */ /* CONTATO */ /* CONTATO */ 

.contato{
	background-image: url(../imgs/background-wall.jpg);
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 65px 0 65px 0;
}

.contato h2{
	color: #3B5EAB;
	font-weight: bold;
}

.contato h4{
	color: #808285;
	font-weight: normal;
	margin-bottom: 55px;
}

.contato input{
	width: 100%;
	padding: 10px;
	background-color: transparent;
	border: 1px solid #3B5EAB;
	border-radius: 10px;
	margin-bottom: 7px;
}

.contato textarea{
	width: 100%;
	padding: 10px;
	resize: none;
	background-color: transparent;
	border: 1px solid #3B5EAB;
	border-radius: 10px;
}

.contato button{
	width: 100%;
	cursor: pointer;
	padding: 12px;
	border: 0;
	border-radius: 12px;
	margin-top: 3px;
	background-color: #3B5EAB;
	color: #fff;
	font-weight: bold;
	border: 1px solid #3B5EAB;
}

.contato button:hover{
	background-color: transparent;
	color: #3B5EAB;
	border: #3B5EAB;
	border: 1px solid #3B5EAB;
}

.contato form{
	margin-top: 15px;
}



/* FOOTER */ /* FOOTER */ /* FOOTER */ 

.footer{
	background-color: #3B5EAB;
	padding: 100px;
}

.footer-secundario{
	background-color: #2A4E83;
}

.footer-secundario p{
	margin-top: 15px;
	color: #fff;
}

.footer img{
	width: 65%;
}

.footer h3{
	color: #fff;
}

.footer h5{
	color: #fff;
}











/* RESPONSIVO */ /* RESPONSIVO */ /* RESPONSIVO */ 
/* RESPONSIVO */ /* RESPONSIVO */ /* RESPONSIVO */ 
/* RESPONSIVO */ /* RESPONSIVO */ /* RESPONSIVO */ 
/* RESPONSIVO */ /* RESPONSIVO */ /* RESPONSIVO */ 


@media(max-width: 550px){
	
	.historia h2{
		margin-top: 55px;
	}

	.contato img{
		margin-bottom: 33px;
	}

	.footer img{
		width: 100%;
	}

	.footer h3{
		margin-top: 33px;
	}
}


@media(max-width: 400px){
	
	.banner-index h5{
		width: 70%;
	}

	br{
		display: none;
	}
}

@media(max-width: 307px){
	
	.banner-index h1{
		font-size: 35px;
	}
}