*{

	margin: 0;
	padding: 0;
	font-family: 'Montserrat', sans-serif;
	scroll-behavior: smooth;
	font-display="swap";

}

body{

	min-height: 150vh;
	margin-top: 80px;
}



.boxed{

	width: 1000px;
	max-width: 100%;
	margin: auto;

}

.full-width{
	
	width: 100%;
	
}


h2, h3{
	
/*	text-align: center;*/
	font-weight: normal;
	
}

p{
	font-size: 20px;
	
}

iframe{
	width: 100%;
	margin: 20px auto;
/*	height: auto;*/
}

h2{
	
	font-size: 43px;
	padding-bottom: 30px;
	
}

.font-primary, h2{
	
	color: #00FF43;
	
}

h2 span{
	
	color: #BEC6C3;
	
}

h3{
	
	font-size: 32px;
	
}

p, h3 {
	
	color: #BEC6C3;
	line-height: 1.3;
}

.list p, .list h3{
	
	padding-bottom: 40px;
	
}

h3 {	
	font-size: 30px;
}


.text-center{
	
	text-align: center !important;
	
}



.row{

	display: flex;
	flex-wrap: wrap;

}



.col-33{
	
	width: 33.3333%;
	
}

.col-40 {

	width: 40%;

}

.col-50 {

	width: 50%;

}

.col-60 {

	width: 60%;

}

.col-70 {

	width: 70%;

}


.col-100{
	
	width: 100%;
	
	
	
}

.width-auto{
	
	width: auto;
	
}

section{
	
/*	border-bottom: 1px solid #eee;*/
	padding: 50px 0;
	
}

#banner, #banner-2, #banner-3, #banner-4{
	
    background-size: cover;
    background-repeat: no-repeat;
    padding: 100px 0 !important;
    background-position: center;
	margin: 70px 0 0 0;
	
}

#banner{
	
	background-image: url(img/banners/banner-1.webp);
	
}

#banner-2{
	
	background-image: url(img/banners/banner-2.webp);
	
}

#banner-3{
	
	background-image: url(img/banners/banner-3.webp);
	
}

#banner-4{
	
	background-image: url(img/banners/banner-4.webp);
	
}


.logo-banner{
	
	width: auto !important;
	height: auto !important;
	
}

/*.scroll{
	
	visibility: hidden;
	
}
*/





.bg-primary{
	
	background-color: #082B39 !important;
	
	
}

.bg-secondary{
	background-color: #012432 !important;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.23);
	
}



/*Header*/

header{
	z-index: 999;
	padding: 5px 0;
	
	justify-content: space-between;
	position: fixed;
    opacity: 0.7;
	top: 0;
	
}



header img {
	
	width: 50px;
	margin: auto 30px;
	height: auto;
	
}


.menu{

	margin: auto 30px;
	
}

.menu ul{
	
	list-style: none;
	
}

#midias img{
	
	width: 20px;
	height: 20px;
	margin: 0 15px;
	
}

#midias{
	
	align-items: center;
	list-style: none;
	
	
}


.menu li{
	
	margin: 20px;
	
}

.menu a{
	
	width: 100%;
	height: 100%;
	text-decoration: none;
/*	color: #082B39;*/
	color: white;
	
	transition: 0.6s ease;
}


.menu a:hover{
	
	color: #00FF43;
	border-bottom: 2px solid #00FF43;
	
}

.menu ul li ul{
	
	display: none; 
    position: absolute;
	padding-top: 20px;
    margin: 0 -20px;
   
}

.menu ul li ul li{
	
	color: white;
	border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin: 0;
    padding: 15px;
}

.menu ul li:hover > ul{
	
	display: block;
	
}


#btn-menu-mobile, #btn-fechar, .menu-mobile{

	display: none;

}


/* ---------------------------- */


/* btn  wpp */

#btn-wpp{
	
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 40px;
	height: 40px;
	
}

#btn-wpp img{
	
	width: 40px;
	height: 40px;
	
	
}


/* --------- */

.no-padding{
	
	padding: 0 !important;
	
}

.margin-auto{
	
	    margin: auto !important;
	
	
}

.no-box-shadow{
	
	box-shadow: none !important;
	
}


.no-padding-bottom{
	
	padding-bottom: 0 !important;
	
}

.no-padding-top{
	
	padding-top: 0 !important;
	
}


.list-style-none{
	
	list-style: none;
}

.espelhar{
	
	    transform: scaleX(-1);
	
}

.text-right{
	
	text-align: right;
	
}

.justify-content-center{
	
	justify-content: center !important;
	
}

.justify-content-space-betwen{
	
	justify-content: space-between!important;
	
}

.justify-content-space-around{
	
	justify-content: space-around!important;
	
}

.alert{
	
	background-color: green;
	color: white;
	padding: 20px;
	text-align: center;
	display: none;
	opacity: 0.7;
}



.box-contato{

	justify-content: center;
	align-items: center;
	margin: 10px 0;
	text-align: center;

}


.mobile{
	
	display: none;
	visibility: hidden;
}

img.desktop{
	
	height: auto;
	
}

.btn-fechar-alert{
	
	float: right;
	   color: white;
    text-decoration: none;
}


footer{
	
	padding: 20px 0;
	
}

footer p{
	
	font-size: 11px !important;
	
}

footer a{
	
	color: white !important;
	
}


#container-contatos img{
	
	width: 30px;
	height: 30px;
	
}

/*
#container-contatos #parceiros-2 img{
	
	width: 50px;
	height: 50px;	
	margin-right: 10px;
	
}
*/

#container-contatos p{
	
	line-height: 1.5 !important;
	font-size: 20px !important;
	margin-left: 10px;
}


#container-contatos li{
	
	padding: 20px 0;
}




/* form */

form{

	justify-content: space-between;
	padding: 50px;
	border-radius: 10px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.23);
	background-color: #eee;
	max-width: 600px;
	background-image: url(img/contatos/bg-formulario.webp);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right;
	
}



.form-group{

	margin: 10px 0;
	display: flex;
    flex-wrap: wrap;

}

.form-group input, .form-group textarea{

	width: 100%;
	padding: 6px 12px;
	max-width: 250px;
/*	border: none;*/
	    font-size: 16px;
	
	color: #555;
/*	border: 1px solid #ced4da;*/

}


.form-group input::placeholder, .form-group textarea::placeholder {
  color: #ACACAC;
}


input[type="submit"]{

	padding: 10px 20px;
/*    background-color: white;*/
    border: none;
	width: auto !important;
	color: white;
	cursor: pointer;

}
/*
.form-group.col-100 input, .form-group.col-100 textarea{

	width: 100%;

}*/

.form-group label{

	width: 100%;
	display: block;
	font-size: 14px;
	margin: 5px 0;
	font-weight: 600;

}

.form-group textarea{

	height: 250px;

}



.card{
	
	padding: 20px;
    margin: 30px 10px;
    max-width: 250px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.23);
}

.card-style-2 img{
	
	width: 130px;
	height: auto;
	
}

.card h2{
	
	font-size: 30px !important;
	
}

/*.card p{
	
	font-size: 20px;
	
}
*/



.modal{
	
	width: 100%;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.5);
	display: none;
	position: fixed;
    top: 0;
	flex-direction: column;
	align-items: center;
	justify-content: center;	

		
}

.modal.open{
	
	display: flex !important;
	
}

.modal .modal-header{
	
	width: 100%;
	background-color: rgba(0,0,0, 0.5);
	width: -webkit-fill-available;
}

.wpp-container{

	background-color: rgba(0,0,0, 0.2);
	height: 200px;
	align-items: center;

}

.modal .btn-fechar-modal{
	
	float: right;
	font-size: 30px;
	background-color: transparent !important;
	width: auto;
	
}
.modal-container{
	
	
	/* height: 100%; */
    max-width: 100%;
    min-width: 70%;
    width: auto;
    display: flex;
    /* flex-direction: column; */
    /* align-items: center; */
    flex-wrap: wrap;
    justify-content: center;
    z-index: 99999;
}


.modal-container a{
	
	color: white !important;
	background-color: green;
	text-decoration: none;
	padding: 20px 40px;
	
}

.modal-container a img{
	
/*	margin-left: 20px;*/
	width: 25px;
    height: 25px;
	
}

.modal-container a.btn-wpp-modal{
	
/*	width: -webkit-fill-available;*/
/*	    border-bottom: 1px solid white;*/
	height: max-content;
	    border-radius: 6px;
	
}

.modal-container a.btn-wpp-modal p{
	
	font-size: 20px;
	margin-left: 10px;
	
}


@media (max-width: 1100px){
	
	header{

		padding-top: 5px;
		align-items: center;	
		
	} 
	
	header img{

		margin: auto 0px auto 20px;

	}

	
	
	.menu{

		display: none;

	}

	#btn-menu-mobile{

		width: 40px;
		
		
	}
	
	#btn-fechar{

		height: 33px; 
    	width: 35px;
		
		
	}

	#btn-menu-mobile, #btn-menu-mobile img,  #btn-fechar,  #btn-fechar img{

		height: 100%;
		

	}

	#btn-menu-mobile img,  #btn-fechar img{

		width: 100%;
		padding: 5px;


	}

	#btn-fechar.show, #btn-menu-mobile.show, .menu-mobile.show{

		display: block;
		/* margin-right: 40px; */

	}

	#btn-fechar.show, #btn-menu-mobile.show{

		margin-right: 40px;

	}

	.menu-mobile ul {

		border-top: 1px solid #00FF43 !important;

	}

	.menu-mobile ul li{

		width: 100%;
		padding: 0;
		height: 69px;
		text-align: center;
		border-bottom: 1px solid #00FF43 !important;

	}

	.menu-mobile{
		
		margin-top: 10px;
		
	}
	
	.menu-mobile a {
		text-decoration: none;
		color: #00FF43;
		display: block;
		height: 100%;
		line-height: 69px;
	}

	.menu-mobile a:hover, .menu-mobile ul li:hover {
		color: black;
		background-color: #00FF43;
		
	}
	
	
	#midias img{
	
		width: 25px;
		height: 25px;
		margin: 0 10px;

	}

	header.opacity-1{

		opacity: 1 !important;

	}


	/* ---------- */

	
	
}

@media (max-width: 720px){

 
	body{
		
		margin: 85px 0 0 0;
		
	}
	
	

	section{
		
		padding: 100px 0 0 0;
		
	}
	
	p, h3 {
	
		font-size: 20px;
	}

	
	.reverse-mobile{
		
		flex-direction: column-reverse;
		
	}
	
	.col-100, .col-50, .col-33, .col-70, .col-40, .col-60{

		margin-top: 50px;	
		width: 100%;

	}
	
	#sobre p{
		
		padding: 0 10px;
		
	}
	
	.secao-boxes .box{
		
		margin: 0;
		
	}
	
	.text-center-mobile{
	
		text-align: center !important;

	}

	
	.padding-y-20-mobile{
		
		padding: 20px 0 !important;
		
	}

	.form-group input, .form-group textarea{

		width: 90%;
		padding: 10px;
		border: none;
	
	}

	.form-group.col-100, .form-group.col-70, .form-group.col-50, .form-group.col-40, .form-group.col-33, .form-group.col-30{

		margin-top: 0 !important;

	}




	.padding-section-bottom-mobile{

		padding-bottom: 70px !important;

	}
	
	.desktop{
		
		display: none;
		visibility: hidden;
		
	}
	.mobile{
		
		display: block;
		visibility: inherit;
		
	}
	
	img.mobile{
		
		height: auto;
		
	}
	
	

	form{

		background-blend-mode: overlay;

	}

	
	iframe{
		
		margin: 0 2%;
		width: 96%;
		
	}
	
	#container-contatos ul{
		
		padding: 20px;
	}
	
	.logo-banner {
		width: 120px !important;
		height: auto !important;
	}
	
}