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

body{ font-family: 'Poppins', sans-serif; }
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.4rem; 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;
} 


.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; }



.display-btn-text{
	font-size: 1.5rem;
	font-weight: bold;
	text-align: start;
	color: white;
}
.btn.btn-custom-lg {
    color: #fff;
	font-size: 2rem;
	/*background-color: #3d5361;*/
	/*border-color: #3d5361;*/
	background-color: #4c964c;
	border-color: #4c964c;
	padding: 3rem 3rem;
	border-radius: 0.75rem;
}
.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;*/
/*} */


.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);
	}
}


/*--------------------------------------------------------------*/
/*@import url("https://fonts.googleapis.com/css?family=Montserrat");*/

.pricing-table{
	background-color: #eee;
	/*font-family: 'Montserrat', sans-serif;*/
}

.pricing-table .block-heading {
	padding-top: 50px;
	margin-bottom: 40px;
	text-align: center; 
}

.pricing-table .block-heading h2 {
  color: #3b99e0;
}

.pricing-table .block-heading p {
  text-align: center;
  max-width: 420px;
  margin: auto;
  opacity: 0.7; 
}


.pricing-table .heading {
  text-align: center;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); 
}

.pricing-table .item {
  background-color: #ffffff;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.075);
  border-top: 2px solid #5ea4f3;
  padding: 60px 35px;
  overflow: hidden;
  position: relative;
  height: 100%;
  margin: 0;
  margin-top: 10%;
  /*border-radius: .25rem;*/
}
.pricing-table .item.featured{
	background-color: #e8e8e8;
	border: 1px solid #662583;
	border-top: 4px solid #662583;
	/*padding: 60px 30px;*/
	border-radius: .5rem;
	height: 112%;
	margin: 0;
}

.pricing-table .col-md-5:not(:last-child) .item {
	/*margin-bottom: 30px; */
}

.pricing-table .item button {
	font-weight: 600; 
}
.pricing-table .item .price {
	margin: 25px 0;
}


.pricing-table .ribbon {
	width: 160px;
	height: 32px;
	font-size: 12px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	box-shadow: 0px 2px 3px rgba(136, 136, 136, 0.25);
	background: #4dbe3b;
	transform: rotate(45deg);
	position: absolute;
	right: -42px;
	top: 20px;
	padding-top: 7px; 
}

.pricing-table .item p {
  text-align: center;
  margin-top: 20px;
  opacity: 0.7; 
}

.pricing-table .features .feature {
  font-weight: 600; }

.pricing-table .features h4 {
  text-align: center;
  font-size: 18px;
  padding: 5px;
  line-height: 1.1;
}

.pricing-table .price h4 {
  margin: 15px 0;
  font-size: 45px;
  text-align: center;
  color: #2288f9; 
}

.pricing-table .buy-now button {
  text-align: center;
  margin: auto;
  font-weight: 600;
  padding: 9px 0; 
}


/* 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;
	}