@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;500;900&display=swap');


body{ 
	font-family: 'Nunito', sans-serif; 
	background-color: #d9ffd8; 
	font-size: .9rem;
	font-weight: 400;
	line-height: 1.2;
}
h1{ font-size: 4rem; font-weight: 800; line-height: 1; }
h1 span{ font-size: 3rem; font-weight: 500; line-height: 1; }
h2{ font-size: 3rem; font-weight: 600; line-height: 1; }
h4{ font-size: 1.3rem; font-weight: 500; line-height: 1.3; }

.section{ padding: 100px 0; }
footer{ padding: 50px 0; padding-bottom: 0; }

.bg-header{ background-repeat: no-repeat; background-position: left bottom; background-size: auto; }
.bg-waves{ background-repeat: no-repeat; background-position: left bottom; background-size: auto; height: 100px; }

.form-control {
	margin-bottom: 12px;
	padding: 1.0rem .75rem;
	background-color: #ffffff !important;
	border: 1px solid #ffffff;
	border-width: 2px !important;
	border-radius: .75rem;
	font-size: .9rem;
}

.btn.btn-custom {
    color: #fff;
    background-color: #662583;
    border-color: #662583;
	border-radius: .75rem;
	padding: 1.0rem .75rem;
}
.btn.btn-custom:hover {
    color: #fff;
    background-color: #420d5a;
    border-color: #420d5a;
}
.btn.btn-custom:focus{
	box-shadow: inset 0 0px 0 #ddd;
	box-shadow: none;
} 

.btn.btn-custom-head {
	display: block;
    color: #fff;
	font-size: 1.6rem;
	line-height: 1.3;
	/*background-color: #3d5361;*/
	/*border-color: #3d5361;*/
	background-color: #4c964c;
	border-color: #4c964c;
	padding: 1rem 2rem;
	border-radius: .5rem;
}
.btn.btn-custom-head:hover {
    color: #fff;
    /*background-color: #5c7586;*/
    /*border-color: #5c7586;*/
	background-color: #3d5361;
	border-color: #3d5361;
}
.btn.btn-custom-head:focus{
	box-shadow: inset 0 0px 0 #ddd;
	box-shadow: none;
} 


.btn.btn-custom-lg {
    color: #fff;
	font-size: 2rem;
	/*background-color: #3d5361;*/
	/*border-color: #3d5361;*/
	background-color: #4c964c;
	border-color: #4c964c;
	padding: 2rem 3rem;
	border-radius: .5rem;
}
.btn.btn-custom-lg:hover {
    color: #fff;
    /*background-color: #5c7586;*/
    /*border-color: #5c7586;*/
	background-color: #3d5361;
	border-color: #3d5361;
}
.btn.btn-custom-lg:focus{
	box-shadow: inset 0 0px 0 #ddd;
	box-shadow: none;
} 
.display-btn .display-btn-text{
	text-align: left;
	width: 90%;
}


.mr-shadow{ box-shadow: 0px 0px 30px 1px rgb(186 184 191 / 60%); transition: background .3s,border .3s,border-radius .3s,box-shadow .3s; }
.mr-radius{ border-radius: .75rem; }
.linha{
	border-top: 1px solid #f0efef;
	padding-top: 15px;
	margin-top: 10px;
}
.card-erros{ position: relative; width: 95%; margin: 0 auto; margin-bottom: 45px;  border: 1px solid rgb(231 231 231 / 13%); border-radius: .75rem; }
.card-erros.num001{ margin-top: 50px; }
.card-erros.numFt{ height: 100%; margin-bottom: 20px; }
.card-erros .box-icon{ position: absolute; top: -50px; width: 100%; left: 0; }
.card-erros .card-body{ padding: 1.5rem; padding-bottom: 3.0rem; }
.card-erros .box-content{ margin-top: 30px; }
.card-erros .titulo{ height: 100px; padding: 21px 0; }
.card-erros .titulo.txt-min{ height: 80px; }
.card-erros .titulo h4{ font-size: 1.4rem; font-weight: 500; line-height: 1.25; }
.card-erros .descricao{ font-size: 0.90rem; }



.card-form{ background-color: #b9b9b9; border-color: #b9b9b9; }
.card-form .card-body{ padding: 2.0rem 3.3rem; }

.ocean { 
	height: 5%;
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	background: #015871;
}

.wave {
	background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/85486/wave.svg) repeat-x; 
	position: absolute;
	top: -198px;
	width: 6400px;
	height: 198px;
	animation: wave 7s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite;
	transform: translate3d(0, 0, 0);
}

.wave:nth-of-type(2) {
	top: -175px;
	animation: wave 7s cubic-bezier( 0.36, 0.45, 0.63, 0.53) -.125s infinite, swell 7s ease -1.25s infinite;
	opacity: 1;
}

@keyframes wave {
	0% {
		margin-left: 0;
	}
	100% {
		margin-left: -1600px;
	}
}

@keyframes swell {
	0%, 100% {
		transform: translate3d(0,-25px,0);
	}
	50% {
		transform: translate3d(0,5px,0);
	}
}



	.card-qs{
		position: relative;
		/*border-radius: .25rem;*/

		/*box-shadow: 0px 0px 30px 1px rgb(186 184 191 / 25%);*/
		/*transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;*/
		/*padding: 30px;*/
		/*border: 3px solid #789681;*/
	}
	.card-qs .card-item{
		/*border-radius: .5rem;*/
		/*background-color: white;*/
		/*border: 3px solid white;*/
		padding: 0px;
	}
	.card-qs:after{
		content: '';
		position: absolute;
		bottom: 0%;
		left: -50px;
		height: calc(90% - 50px);
		width: 125% !important;
		border: 1px solid  #ccd1d9  !important;
		border-radius: .5rem;
		background-color: rgb(205 210 218 / 15%);
	}


	.card-item-opt{
		border-radius: .25rem;
		box-shadow: 0px 0px 8px 1px rgb(255 212 73 / 74%);
		transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
		padding: 20px 30px;
		border: 1px solid #ffffff;
		background-color: #f7f7f7;
	}
	.card-item-opt:hover{ background-color: rgb(180 221 127 / 30%); }
	.card-item-opt { text-align: center; }
	.card-item-opt h4{ text-align: center; }
	.card-item-opt .item-image{ 
		margin: 0 auto; 
		text-align: center; 
		border-bottom: 2px solid #3c5361; 
		display: grid;
		align-content: center;
		justify-content: center;
		align-items: center;
		justify-items: center;
		height: 120px;
		margin-bottom: 10px;
	}
	.card-item-opt .item-image .box-img{ width: 70%; padding: 10px; }
	.card-item-opt .item-image img{
		width: 85%;
	}
	/*.card-item-serv .item-icon{*/
		/*width: 25%;*/
		/*margin: 0 auto;*/
		/*text-align: center;*/
	/*}*/
	/*.card-item-serv .item-icon img{*/
		/*width: 70%;*/
		/*margin: 0 auto;*/
		/*text-align: center;*/
	/*}*/
	/*.card-item-serv .item-desc{*/
		/*width: calc(75% - 0px);*/
		/*padding: 10px 21px;*/
		/*border-radius: .25rem;*/
		/*background-color: #ccf4ce;*/
		/*font-size: .90rem;*/
	/*}*/


	.card-contract{
		height: 500px;
		position: absolute;
		width: 90%;
	}


	.card-bg-before{
		position: absolute; top: 0; left: 0; width: 25%; height: 100%; background-color: #e68009;
	}
	.card-bg-before:before{
		content: '';
		position: absolute; 
		top: 0; 
		right: 0; 
		width: 100%; 
		height: 100%;
		border-right: 1px solid white;
	}


	.section-link{
		text-decoration: none !important;
	}
	.section-link:hover{
		text-decoration: none !important;
	}
	.section-link .section{
		background: #4c964c;	
	}
	.section-link:hover .section{
		background: #5c7586;	
	}


	.overlay{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #f0efef;
		z-index: 40;	
	}
	.circle-white{
		position: absolute;
		bottom: -10%;
		right: 20%;
		width: 50%;
		height: 50%;
		background-color: #f0efef;
		border-radius: 50%;
		z-index: 32;
	}
	.circle-gray{
		position: absolute;
		bottom: -11%;
		right: 9%;
		width: 611px;
		height: 224px;
		background-color: #3c5361;
		border-radius: 50%;
		z-index: 31;
	}


	.card-item-serv{
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: center;
		align-items: center;
		margin-bottom: 30px;
		border: 1px solid #24ae5f;
		border-radius: .25rem;

		box-shadow: 0px 0px 30px 1px rgb(186 184 191 / 25%);
		transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
		background-color: white;
	}
	.card-item-serv .item-icon{
		width: 25%;
		margin: 0 auto;
		text-align: center;
	}
	.card-item-serv .item-icon img{
		width: 70%;
		margin: 0 auto;
		text-align: center;
	}
	.card-item-serv .item-desc{
		width: calc(75% - 0px);
		padding: 10px 21px;
		/*border-radius: .25rem;*/
		/*background-color: #ccf4ce;*/
		font-size: .90rem;
	}



/* QUADROS */
.bfix{ 
	background-color: #662583;
	color: white;
	position: absolute;
	bottom: -45px;
	padding: 15px 20px;
	left: 0;
	width: 100%;
	height: 125px;
	text-align: right;
}
.bfix h3{ font-size: 1.6rem; } 
.bg-white{ background-color: white; }

.bg-plane{
	background-position: left bottom;
	background-repeat: no-repeat;
	background-size: auto;
}


.counter-increment{counter-increment:my-awesome-counter}
.mr-numeric-heading {
    position: relative;
	/*margin: 0 0 30px;*/
}
.mr-numeric-heading h3:before {
	position: absolute;
	content: attr(data-title);
	left: 0;
	top: 0;
	font-size: 1em;
	font-weight: 400;
	text-transform: capitalize;
	color: var(--color-semi-black);

    color: var(--color-purple);
    content: '0' counter(my-awesome-counter);
    font-size: 3.846em;
    font-weight: 700;
    line-height: 1;
    top: calc(50% - 11px);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -34px;
    z-index: -1;
    opacity: .1;
    -ms-filter: "alpha(opacity=10)";
}

.number{
	position: absolute;
	font-size: 7rem;
	top: 5px;
	left: 10px;
	line-height: 1;
	opacity: .2;
	font-weight: 600;
}


.border-error {
	border-color: #fa8888 !important;
	border-width: 2px !important;
}
.msg-error{
	font-size: .8rem;	
}



.mr-loading{
	position: absolute;
	top: 0;
	height: 100%;
	background: #6f6e6e;
	width: 100%;
	color: white;
	display: flex;
	display:none;
	flex-wrap: nowrap;
	align-content: space-around;
	align-items: center;
	justify-content: center;
	padding-bottom: 4px;
	font-size: 1.2rem;
	border-radius: .5rem;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.mr-loading.active{ display: flex; }

.spinner.spinner5 {
	margin-top: 2rem;
	overflow: hidden;
	/*position: relative;*/
	/*height: 2px;*/
	background: rgba(255, 255, 255, 0.25);

	height: 3px;
	/*background: rgba(255, 255, 255, 0.5);*/
	width: 100%;
	position: absolute;
	bottom: 0px;
}
.spinner.spinner5::before {
	content: "";
	position: absolute;
	left: -130%;
	width: 100%;
	height: 100%;
	/*background: rgba(0, 0, 0, 0.5);*/
	/*background: rgb(236, 0, 140, 0.5);*/
	background: rgb(102, 37, 131, 0.5);
	-webkit-animation: progress 4s linear infinite;
	animation: progress 4s linear infinite;
}
@-webkit-keyframes progress {
	0% {
		left: -130%;
		background: rgba(102, 37, 131, 1);
	}
	50% {
		left: 130%;
		background: rgba(102, 37, 131, 1);
	}
	51% {
		background: rgba(255, 255, 255, 0.5);
	}
	100% {
		background: rgba(255, 255, 255, 0.5);
	}
}
@keyframes progress {
	0% {
		left: -130%;
		background: rgba(102, 37, 131, 1);
	}
	50% {
		left: 130%;
		background: rgba(102, 37, 131, 1);
	}
	51% {
		background: rgba(255, 255, 255, 0.5);
	}
	100% {
		background: rgba(255, 255, 255, 0.5);
	}
}


	.whatsBox{
		position: fixed; bottom: 35px; right: 40px; height: 50px; border:0px dotted green; z-index: 80;
	}

	.whatsTexto{ 
		display:none; 
		position: relative; 
		width: 315px; 
		background-color: white; 
		background-color: #054a7c;
		background-color: #662583;
		padding: 15px 30px; 
		border-radius: .75rem; 
		margin-right: 15px;
		position: absolute;
		bottom: 0;
		right: 50px;
		color: white;
	}
	.whatsBox:hover .whatsTexto{ display:block; }
	.whatsTexto::before {
		/*top: 20px;*/
		bottom: 35%;
		right: -9px;
		content: '';
		position: absolute;
		background: white;
		border-bottom: 1px solid #e2e2e2;
		border-right: 1px solid #e2e2e2;

		background: #054a7c;
		border-bottom: 1px solid #054a7c;
		border-right: 1px solid #054a7c;

		background: #662583;
		border-bottom: 1px solid #662583;
		border-right: 1px solid #662583;

		right: -3px;
		/*top: 50%;*/
		margin-top: 0;
		width: 15px;
		height: 15px;
		z-index: 1;
		-ms-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.whatsTexto h2{
		font-size: .85rem !important;
		font-weight: bold !important;
		margin: 0;
		margin-bottom: 5px;
		color: white;
		line-height: 1.5;
	}
	.whatsTexto p{
		font-size: .80rem !important;
		margin: 0;
		color: white;
	}