@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');

body {
	font-family: 'Montserrat', sans-serif;
	color: #646464;
	overflow-x: hidden;
	transition: all 1s ease;
	position: relative;
}
.background-main {
	background-color: #1f8eca;
}
.btn {
	display: inline-block;
	text-transform: uppercase;
}
.btn:hover, .btn:focus {
	background-color: #006eb2;
	color: #fff;
}
.btn-large {
	padding: 15px 40px;
}
a {
	color: #e84545;
}
a:hover, a:focus {
	text-decoration: none;
	-moz-transition: background-color, color, 0.3s;
	-o-transition: background-color, color, 0.3s;
	-webkit-transition: background-color, color, 0.3s;
	transition: background-color, color, 0.3s;
}
.no-padding {
	padding: 0;
}
.title {
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
}
.subtitle {
	font-size: 20px;
	font-weight: 400;
}
#header {	
	width: 100%;
}
#header .header-content {
	margin: 0 auto;
	max-width: 1170px;
	padding: 30px 0 60px 0;
	width: 100%;
	-moz-transition: padding 0.3s;
	-o-transition: padding 0.3s;
	-webkit-transition: padding 0.3s;
	transition: padding 0.3s;
}
#header .logo {
	float: left;
	font-size:24px;
	font-weight:700;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:7px;
}
.banner {
	background-image: url(../images/banner-v2.jpg);
	background-position: center top;
	background-repeat: no-repeat;	
	background-size: 100%;
}
.banner-title {
	font-size: 50px;
	font-weight: 700;
	color: #000000;
	margin-bottom: 50px;
	max-width: 690px;
}
.btn-banner {
	color: #fff;
	border-radius: 10px;
	padding: 15px 25px;
	margin-top: 25px;
}
.banner-title + p {
	font-size: 16px;
	color: #646464;
	max-width: 425px;
}
#navbar-principal {
	background-color: #fff;
}
.navbar-brand>img {
	height: 100%;
}
.navbar-nav>li {
	float: left;
	padding: 35px 10px;
}
.navbar-nav>li>a {
	font-size: 20px;
	color: #191919;
}
.navbar-nav>li>a:hover {
	background: transparent;
	color: #1f8eca;
}
.navbar-nav>li>a.btn-login {
	background-color: #d7d7d7;
	padding: 15px 25px;
	border-radius: 10px;
	text-align: center;
}
.navbar-nav>li>a.btn-login:hover img {
	transform: rotate(-90deg);
}
.navbar-nav>li>a.btn-login:hover {
	background: #d7d7d7;
	color: #191919;
}

.navbar-nav>li>a.btn-fale-com-a-gente {
	background-color: #1f8eca;
	padding: 15px 25px;
	border-radius: 10px;
	text-align: center;
	color: #fff;
}
.navbar-nav>li>a.btn-fale-com-a-gente:hover {
	background: #006eb2;
}
#caracteristicas {
	max-width: 1270px;
}
.caracteristica {
	background-color: #ebebeb;
	border-radius: 25px;
	margin: 25px auto;
	position: relative;
	min-height: 180px;
	margin-bottom: 80px;
	margin-left: 45px;
	padding: 20px 25px 20px 105px;
	display: flex;
	align-items: center;
}
.caracteristica:before {
	content: "";
	display: block;
	width: 160px;
	height: 160px;
	border-radius: 50%;
	background-color: #1f8eca;
	position: absolute;
	left: -90px;
	top: 10px;
	background-position: center center;
	background-repeat: no-repeat;
}
.caracteristica.icon-1:before {	
	background-image: url('../images/icon-escala.png');
	background-size: 50%;
}
.caracteristica.icon-2:before {	
	background-image: url('../images/icon-integracao.png');
	background-size: 42%;	
}
.caracteristica.icon-3:before {	
	background-image: url('../images/icon-foco.png');
	background-size: 50%;
}
.caracteristica p {
	font-size: 16px;
}
.circle {
	width: 250px;
	height: 250px;
	border-radius: 50%;
	background-color: #1f8eca;
}
.titulo {
	font-size: 30px;
	font-weight: 700;
	color: #000;
	margin-bottom: 25px;
}
.titulo-big {
	font-size: 50px;
	font-weight: 700;
	color: #000;
	text-align: center;
	margin-top: 0;
	margin-bottom: 65px;
}
p {
	font-size: 18px;
	color: #5d5d5d;
}
.box-texto {
	margin-bottom: 55px;
}
.container-background {
	background: #ebebeb;
	padding: 25px;
	border-radius: 25px;
	margin-top: 25px;
}

#garantia {
	background: #e1e1e1;
	padding: 85px 15px
}
#garantia .container {
	max-width: 1370px;
}

#parceiros-2 {
	padding-top: 85px;
	padding-bottom: 0px;
	max-width: 1200px;
}
#parceiros-2 .parceiro {
	max-height: 50px;
	max-width: 180px;
	margin: 0 auto 35px;
}

#planos .titulo-big {
	max-width: 600px;
	margin: 45px auto 65px;
}
.plano {
	border-radius: 25px;
	background-color: #ebebeb;
	padding: 25px;
	position: relative;
}
.plano .titulo-plano {
	font-size: 35px;
	font-weight: 700;
	color: #000;
	margin-bottom: 25px;
}
.plano p {
	font-size: 14px;
	margin-bottom: 10px;
}
.plano .notas-excedentes {
	font-size: 14px;
	color: #000;
	font-weight: 700;
	margin-top: 25px;
	margin-bottom: -20px;
}
.plano .taxa-de-adesao {
	display: inline-block;
	margin-top: 25px;
	border-radius: 5px;
	padding: 5px;
	border: 1px solid #636363;
}
.plano .taxa-de-adesao .bold {
	font-weight: 700;
}
.plano .preco {
	font-size: 25px;
	font-weight: 700;
	color: #000;
	text-align: center;
}
.plano .preco .preco-digitos {
	font-size: 35px;
}
.plano .btn-comprar-agora {
	background: #1f8eca;
	border-radius: 15px;
	color: #fff;
	padding: 15px 35px;
	text-transform: uppercase;
	text-align: center;
	position: absolute;
	left: 50%;
	bottom: -25px;
	margin-left: -102px;
}
.plano .btn-comprar-agora:hover {
	background: #006eb2;
}
.plano .label-sem-taxa-de-adesao {
	position: absolute;
	top: 0;
	right: 0;
}
.container-duvida {
	background-color: #ebebeb;
	border-radius: 15px;
	padding: 25px 35px 25px 25px;
	margin-bottom: 25px;
}
.btn-duvida {
	display: block;	
	color: #000;
	font-size: 18px;
	font-weight: 700;
	position: relative;
	cursor: pointer;
}
.btn-duvida:after {
	content: "";
	display: block;
	width: 60px;
	height: 60px;
	background-image: url('../images/icon-duvida-setas.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 60px;
	position: absolute;
	right: -25px;
	top: 50%;
	margin-top: -30px;
}
.duvida-resposta p {
	font-size: 14px;
	margin-top: 15px;
	font-weight: 400;
}

#duvidas-frequentes {
	margin-top: 65px;
}
#duvidas-frequentes .titulo-big {
	text-align: left;
	margin-bottom: 30px;
}

#informacoes-para-contato p,
#informacoes-para-contato a {
	font-size: 18px;
	color: #aaa;
}
#form-contato {
	background-color: #ebebeb;
	border-radius: 25px;
	padding: 55px;
}
.titulo-big-2 {
	text-align: left;
	font-weight: 400;
	font-size: 50px;
	color: #000;
	margin-top: 0;
	margin-bottom: 35px;	
	max-width: 530px;
}
.titulo-big-2 .bold {
	font-weight: 700;
}
#form-contato .titulo {
	font-size: 35px;
	color: #187cb2;
	text-align: center;
}
.modal-container .plano {
    min-height: 275px;
}
.modal-container .plano .periodo {
	margin-top: -15px;
	font-weight: 700;
}
.consulta-cep {
	margin-bottom: 35px;
}
.consulta-cep .cep {
	max-width: 105px;
}
.consulta-cep .response {
	float: none;
	position:absolute;
	display: block;
}
.consulta-cep .btn-submit {
	color: #fff;
	background-color: #5cb85c;
	outline: none;
}
.consulta-cep .btn-submit:hover {
	outline: none;
	background-color: darkgreen;
}
.ajaxLoader {
	background: url(../images/ajax-loader.gif) no-repeat left center;
	min-height: 32px;
	min-width: 32px;
	display: none;
	position: absolute;
	top: 0px;
	left: 160px;
}

footer {
	padding: 35px 15px;
	background-color: #187cb2;
	color: #fff;
	font-size: 14px;
	text-align: center;
}
footer p {
	color: #fff;
	font-size: 14px;
	text-align: center;
}
footer .link-rede-social {
	color: #fff;
}
footer .link-rede-social i {
	font-size: 35px;
	margin: 15px;
}
.container-background .bold {
	font-weight: 700;
	color: #000;
}

#sobre-nos .btn-escolher-plano {
	background: #1f8eca;
	border-radius: 15px;
	color: #fff;
	padding: 15px 35px;
	text-transform: uppercase;
	text-align: center;	
}

#sobre-nos .btn-escolher-plano:hover {
	background: #006eb2;
}

#form-contato textarea {
	min-height: 250px;
}

#form-contato .btn-submit {	
	background: #1f8eca;
	border-radius: 50px;
	color: #fff;
	padding: 15px 35px;
	text-transform: uppercase;
	text-align: center;
	margin-top: 25px;
	font-weight: 700;
}

#form-contato .btn-submit:hover {
	background: #006eb2;
}

#planos {
	padding-top: 0;
}

.modal-container .titulo-big {
	margin-bottom: 15px;
}
.modal-container .titulo-big + p {
	margin-bottom: 35px;
}
.modal-container {
	padding-top: 20px;
	padding-bottom: 50px;
}

.error {
	background-color: #f2dede;
}
.response {
	margin-top: 10px;
	float: left;
	color: #ED143D;
}

.fancybox-opened .fancybox-skin {
	background-color: #fff;
}

.container-btn-submit {
	position: relative;
}

.consulta-cep .ajax-response.alert {
	margin-top: 25px;
}

@media (max-width: 767px) {
	#navbar-principal {
		margin-bottom: 0;
	}
	.navbar-header {
		height: 67px;
	}
	.navbar-fixed-top.scrolled {
		border-bottom: 1px solid #eee;
	}
	.navbar-brand {
		padding: 9px 15px;
	}
	.navbar-brand img {
		height: auto;
		width: 60px;
	}
	.navbar-toggle {
		margin-top: 16px;
		background-color: #1f8eca;
	}
	.navbar-toggle .icon-bar {
		background-color: #fff;
	}
	#navbar {
		background-color: #aaa;
	}
	.navbar-nav>li {
    float: none;
    text-align: center;
    padding: 15px;
	}
	header {
		margin-top: 68px;
	}
	.clearfix-navbar-fixed-top {
		height: 68px;
		display: none;
	}
	.banner {
    background-image: url(../images/banner-v2.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    background-size: cover;
		min-height: 300px;
	}
	.section {
		padding-top: 35px;
		padding-bottom: 35px;
	}
	#parceiros .parceiro {
		margin: 0 auto;
		max-height: 75px;
	}
	#caracteristicas {
		padding-bottom: 0;
	}
	.caracteristica {    
    padding: 25px 25px 25px 30px;
		margin-bottom: 35px;
	}
	.caracteristica:before {    
    width: 65px;
    height: 65px;
		left: -49px;
	}
	.caracteristica p {
    font-size: 14px;
	}
	.titulo-big {
    font-size: 35px !important;
	}
	.titulo-big-2 {
		font-size: 27px !important;
	}
	.titulo {
    font-size: 24px;
	}
	.ilustracao {
		max-width: 250px;
		margin: 0 auto 25px;
	}
	.plano {    
    margin-bottom: 65px;
	}
	#form-contato {   
    padding: 35px;
		margin-top: 25px;
	}
	#duvidas-frequentes {
    margin-top: 0;
	}
	.box-texto {
    margin-bottom: 35px;
	}
	.btn-duvida {    
    font-size: 16px;
		margin-right: 10px;
	}
	.btn-duvida:after {
    width: 40px;
    height: 40px;
    background-size: 40px;
    position: absolute;
    right: -53px;
    top: 50%;
    margin-top: -22px;
	}
	.navbar-fixed-top .navbar-collapse {
    max-height: initial;
	}	
	.banner-title + p {
    font-size: 18px;
	}		
	.banner-title {   
		margin-top: 0;
    margin-bottom: 30px;
		font-size: 40px;
	}
	#parceiros .parceiro-wrapper {
		margin-bottom: 25px;
	}
	p {
    font-size: 14px !important;
	}
	.modal-container {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.consulta-cep .cep {    
    max-width: 100%;
		text-align: center;
	}	
	.consulta-cep .response {
    position: initial;    
	}
	.consulta-cep .ajaxLoader {    
		background-position: center center;
    position: relative;
    top: 0;
    left: 0;
    margin: 10px;
	}
	#duvidas-frequentes .titulo-big + p {
    margin-bottom: 25px;
	}
}

@media (min-width: 768px) {
	#navbar-principal {		
		margin-bottom: 0;
	}
	.navbar-fixed-top.scrolled {
		border-bottom: 1px solid #eee;
	}
	.navbar-brand {
		padding: 10px;
	}
	.navbar-brand>img {
		height: 96px;
	}
	.navbar-nav>li>a.active {
    background-color: #187cb2;
    color: #fff;
		border-radius: 10px;
	}
	header {
		margin-top: 122px;
	}
	.clearfix-navbar-fixed-top {
		height: 122px;
		display: none;
	}
	.section {
		padding-top: 60px;
		padding-bottom: 45px;
	}
	.banner .container {
    padding-top: 8%;
    padding-bottom: 17%;
	}
	#parceiros {
		max-width: 1380px;
	}
	#parceiros .row {
		display: flex;
		align-items: center;
	}
	#parceiros-2 .row {	
		display: flex;
		align-items: center;
		justify-items: center;
	}
	#sobre-nos .btn-escolher-plano {
		margin-top: 50px;
	}
}

@media (min-width: 992px) {
	
}

@media (min-width: 1200px) {
	
}

@media (max-width: 1366px) {	
	#planos .row > div {
		padding-left: 10px;
		padding-right: 10px;
	}
	.label-sem-taxa-de-adesao {
		max-width: 155px;
	}
	.titulo-big {
		font-size: 50px;
		margin-bottom: 35px;
	}
	p {
		font-size: 20px;
	}
	.plano {
    padding: 20px;
	}
	#caracteristicas {
		max-width: 992px;
	}
}

@media (min-width: 1440px) {
	.container {
		width: 1360px;
	}
	.banner .container {
    padding-top: 12%;
    padding-bottom: 17%;
	}
	.plano .label-sem-taxa-de-adesao {
    max-width: 175px;
	}
	#caracteristicas {
    max-width: 1100px;
		padding-bottom: 0;
	}
}