/* Início do reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Fim do reset */

@font-face {
	font-family: 'Satoshi';
	src: url(../fonts/Satoshi-Medium.otf);
}

@font-face {
	font-family: 'Satoshi-light';
	src: url(../fonts/Satoshi-Regular.otf);
}

@font-face {
	font-family: 'Satoshi-bold';
	src: url(../fonts/Satoshi-Bold.otf);
}

@font-face {
	font-family: 'Satoshi-italic';
	src: url(../fonts/Satoshi-Italic.otf);
}

@font-face {
	font-family: 'UniNeue-light';
	src: url(../fonts/UniNeue/UniNeueLight.woff2);
}

@font-face {
	font-family: 'UniNeue-medio';
	src: url(../fonts/UniNeue/UniNeueRegular.woff2);
}

@font-face {
	font-family: 'UniNeue-bold';
	src: url(../fonts/UniNeue/UniNeueBold.woff2);
}

:root{
	--primary-color:#007DC5;
    --secondary-color:#FDB717;
	--third-color:#667085;
    --primary-color-hover:rgb(8, 93, 143);
}

a{
	text-decoration: none;
}

html{
	font-family:'Satoshi', "Poppins";
}

.topo{
	margin-top:1%;
}

.menu{
	display:flex;
	justify-content: end;
	align-items: center;
	gap:30px;
}

.yellow-icon img{
	background-color: var(--secondary-color);
	padding:0.7rem;
	border-radius:50%;
}

.blue-icon img{
	background-color: var(--primary-color);
	padding:0.7rem;
	border-radius:50%;
}

.inner-box-topo{
	display: flex;
	align-items: center;
	gap:8px;
}

.inner-box-topo p{
	font-size:0.9rem;
	color:var(--third-color);
	transition:.3s ease-in-out;
}

.inner-box-topo p:hover{
	color:var(--primary-color);
}

.redes-sociais .icon-box{
	border:1px solid #707070;
	width:40px;
	height:40px;
	border-radius:50%;
	position:relative;
	transition:.3s ease-in-out;
}

.redes-sociais svg{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	transition:.3s ease-in-out;
}

.redes-sociais .icon-box:hover{
	background-color: var(--primary-color);
	border:1px solid var(--primary-color);
}

.icon-box:hover svg,
.icon-box:hover .cls-topo-1,
.icon-box:hover .line-icons{
	stroke:var(--secondary-color);
}

.ti-menu-2{
	font-size:2rem;
	color:var(--third-color);
	cursor:pointer;
}

.section-menu{
	position:fixed;
	top:0;
	right:-100%;
	height: 100dvh;
	background-color: var(--primary-color);
	width:400px;
	transition:.6s ease-in-out;
	z-index: 500;
}

.side-menu{
	padding:1rem 2rem;
}

.section-menu img{
	width:120px;
	height:auto;
	display:block;
	margin:1rem auto;
}

.side-menu li{
	margin:2rem 0;
}

.side-menu li a{
	color: #fff;
	font-size:1.2rem;
	font-family:'Satoshi-light';
	letter-spacing: 0.05rem;
	position:relative;
}

.side-menu li a:before{
	content:'';
	position:absolute;
	width:5px;
	height:1px;
	background-color:var(--secondary-color);
	bottom:0;
	transition:.2s ease-in-out;
}
.side-menu li a:hover:before{
	width:100%;
}


#close-menu{
	background-color: transparent;
	font-size:2rem;
	color:#fff;
	position:absolute;
	top:3%;
	border:none;
	left:3%;
}

@media (max-width:500px)
{
	.section-menu{
		width:300px;
	}
	.side-menu li a{
    	font-size:1rem;
    }
}

/* BANNER */

.banner{
	height:60dvh;
	margin-top:5%;
}

.slide-in{
	display:grid;
	column-gap: 12px;
	grid-template-columns: 1fr 1fr;
}

.inside-banner img{
	width:100%;
	height:auto;
}

.inner-container h1{
	font-size:5rem;
	font-family:'UniNeue-medio';
	margin:8% 0 8% 0;
}

.inner-container h3{
    font-size:1.9rem;
    margin-bottom:1rem;
}

.blue-trace{
	font-family:'UniNeue-bold';
	color:var(--primary-color);
}
.yellow-trace{
	font-family:'UniNeue-bold';
	color:var(--secondary-color);
}

.inner-container p{
	line-height: 1.5rem;
}

.link-banner{
	margin-top:10%;
}

.link-banner a{
	padding:1rem 1rem;
	background-color:var(--primary-color);
	color:#fff;
	border-radius:2rem;
	font-size:1.1rem;
	letter-spacing: 0.1rem;
	transition:.3s ease-in-out;
}

.link-banner a i{
	background-color:var(--secondary-color);
	border-radius:50%;
	padding:0.2rem;
}

.link-banner a:hover{
	background-color: #015d92;
}

.privacidade-banner img{
    width:70%;
    height:auto;
}

@media (max-width:500px)
{
	.banner{
		height:80dvh;
	}

	.inner-container{
		grid-template-columns: 1fr;
	}

	.inner-container h1{
		font-size:2rem;
		margin:8% 0 8% 0;
	}

	.inner-container p{
		font-size: 0.9rem;
	}

	.inside-banner img{
		margin:10% 0;
	}
}

@media (min-width:1100px) and (max-width:1500px)
{
	.banner{
		height:75dvh;
	}
}


/* CATEGORIAS */

.categorias h2{
	text-transform:uppercase;
	font-family:'Satoshi';
	text-align:center;
}

.categorias h2:before{
	content:'';
	border-left:1px double var(--primary-color);
	border-right:1px double var(--primary-color);
	padding-right:3px;
	margin-right:5px;
}

.categorias ul{
	text-align: center;
	margin-top:10%;
	display:flex;
	justify-content: center;
	flex-wrap: wrap;
	gap:20px;
}

.categorias ul li{
	font-size:1.152rem;
	padding:0.4rem 1.2rem;
	border:1px solid #000;
	border-radius:2rem;
}

.yellow-box{
	background-color: var(--secondary-color);
}

.blue-box{
	background-color: var(--primary-color);
}

.contato-empresas h2{
    color:#fff;
    text-align:left;
    font-size:2.2rem;
    margin:0 0 2% 0;
    font-weight:600;
}

.yellow-title{
    font-size:1.4rem;
    text-align:left;
    margin:4% 0;
    color:var(--secondary-color);
    font-weight:600;
}

.contato-empresas a{
    color:#fff;
}

.categorias h3{
	font-size:1.4rem;
	color:#fff;
	text-align: center;
	font-family: 'Satoshi-light';
	margin-bottom:8%;
}

.white-box h3
{
	color:#000;
}

.categorias p{
	font-family: 'Satoshi-light';
	margin-top:8%;
}

.white-box p{
	color:#000;
}

.blue-box p,
.yellow-box p{
	color:#fff;
}

.box{
	text-align: center;
	padding-top:2%;
	padding-bottom:2%;
}

.central i{
	background-color:#fff;
	padding:0.7rem;
	border-radius:50%;
	color:var(--secondary-color);
	margin-left:5%;
}

.categorias .inner-box{
	display:grid;
	grid-template-columns: 1fr 2fr;
}

.categorias .categoria-destaque{
	font-size:1.8rem;
	font-family: 'Satoshi-bold';
}


/* CONHEÇA */

.conheca{
	background-image:url(../images/brasil-bg.png);
	background-size:70%;
	background-position:30% 10%;
	background-repeat: no-repeat;
	height:80dvh;
	margin-top:5%;
}

.conheca h2{
	font-size:4rem;
	font-family: 'UniNeue-bold';
	margin:5% 0 0 5%;
}

.conheca p{
	line-height: 1.5rem;
	margin:4% 0 0 5%;
}

.conheca ul{
	margin:10% 0 0 5%;
}

.conheca ul li{
	margin:10% 0;
}

.conheca li a{
	font-size:1.254rem;
	color:var(--primary-color);
	border-radius:3rem;
	letter-spacing: 0.1rem;
	padding:1.3rem 1rem;
	background-color: var(--secondary-color);
	transition:.3s ease-in-out;
}

.conheca li a:hover{
	padding-right:2rem;
}

.conheca li a i{
	color:#fff;
}

.conheca .destaque a{
	background-color:var(--primary-color);
	color:#fff;
}

.conheca .destaque a i{
	background-color:var(--secondary-color);
	border-radius:50%;
	padding:0.2rem;
}

@media (max-width:500px)
{
	.conheca{
		background-size:cover;
		background-position:center;
		height:70dvh;
	}

	.conheca h2{
		font-size:2rem;
		margin:10% 0 0 12%;
	}
	
	.conheca p{
		line-height: 1.2rem;
		font-size:0.9rem;
		margin:4% 0 0 12%;
	}

	.conheca ul li{
		margin:18% 0;
	}

	.conheca li a{
		font-size:1rem;
		padding:1rem 1rem;
	}

	.conheca ul{
		margin:10% 0 0 12%;
	}	
}


/* PLANOS */

.planos{
	background-image:url(../images/planos-bg.jpg);
	background-size:100%;
	background-position:center;
	background-repeat: no-repeat;
	height:100dvh;
}

.planos h2{
	color:#fff;
	font-size:2.5rem;
	font-family: 'Satoshi-bold';
	margin-top:10%;
	line-height: 7rem;;
}

.planos h2 span{
	color:var(--secondary-color);
	font-size:8rem;
	font-family: 'UniNeue-bold';
}

.planos .destaque{
	font-size:9.5rem;
	margin-left:1rem;
}

.boxes{
	display:flex;
	gap:20px;
	margin-top:7%;
}

.inner-boxes{
	background-color:var(--secondary-color);
	padding:1rem 0.4rem;
	border-radius:2rem;
	display: flex;
	align-items: center;
	gap:20px;
}

.inner-boxes .box-rounded{
	width:100px;
	height:55px;
	border-radius:50%;
	background-color:var(--primary-color);
	position:relative;
}

.inner-boxes img{
	width:35px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

.inner-boxes p{
	color:#fff;
	font-size:0.9rem;
	line-height: 1.2rem;;
}

.people{
	display:flex;
	align-items: center;
	gap:10px;
	width:50%;
	margin-top:10%;
}

.people p{
	color:#fff;
	width:50%;
}

@media (max-width: 500px)
{
	.planos{
		background-size:cover;
		background-position:center;
	}

	.planos h2{		
		font-size:1.5rem;
		line-height: 2.5rem;
	}
	
	.planos h2 span{
		font-size:3rem;
	}

	.planos .destaque{
		font-size:3rem;
	}

	.inner-box-topo{
		display:none;
	}

	.inner-boxes{
		width:80%;
	}

	.boxes{
		flex-wrap: wrap;
	}

	.inner-boxes .box-rounded{
		width:90px;
		height:55px;
	}
}

@media (min-width:1060px) and (max-width:1399px)
{
	.planos h2{
		color:#fff;
		font-size:2rem;
		font-family: 'Satoshi-bold';
		margin-top:15%;
		line-height: 7rem;;
	}
	
	.planos h2 span{
		font-size:6rem;
	}
	
	.planos .destaque{
		font-size:8rem;
	}

	.inner-boxes .box-rounded{
		width:120px;
		height:55px;
	}
	
	.inner-boxes img{
		width:37px;
		position:absolute;
	}
	
	.inner-boxes p{
		color:#fff;
		font-size:0.9rem;
		line-height: 1.1rem;;
	}
}

/* BENEFICIOS */

.beneficios{
	margin-top:5%;
	margin-bottom:5%;
}

.yellow-background{
	background-color:var(--secondary-color);
	padding:3% 2% 0 2%;
	border-radius:1rem;
}

.beneficios h2{
	color:var(--primary-color);
	font-family: 'UniNeue-light';
	font-size:3.3rem;
	line-height: 3.5rem;;
}

.beneficios h2 span{
	font-family: 'UniNeue-bold';
	color:#fff;
	font-size:3.5rem;
}

.box-beneficio{
	background-color:var(--primary-color);
	padding:1rem;
	border-top-left-radius:1rem;
	border-top-right-radius:1rem;
	text-align: center;
	margin-top:10%;
	height:100%;
	position:relative;
}

.box-beneficio figure{
	padding:3rem 0;
}

.box-beneficio img{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

.beneficios p{
	background-color:#fff;
	color:var(--primary-color);
	text-align: center;
	border-bottom-left-radius:1rem;
	border-bottom-right-radius:1rem;
	padding:0.7rem 0;
	box-shadow: 0 4px 12px -2px rgb(219, 219, 219);
}

@media (max-width:500px)
{
	.beneficios h2{
		font-size:1.5rem;
		line-height: 2rem;;
	}
	
	.beneficios h2 span{
		font-size:2rem;
	}

	.box-beneficio{
		width:80%;
		margin:5% auto 0 auto;
		height:auto;
	}

	.box-beneficio img{
		width:80px;
	}

	.beneficios p{
		width:80%;
		margin:0 auto;
	}
}

@media (min-width:1400px) and (max-width:1650px)
{
	.conheca{
		background-size:80%;
		background-position:30% 100%;
		height:80dvh;
		margin-top:5%;
		margin-bottom:-4.5%;
	}
}

@media (min-width:1060px) and (max-width:1399px)
{
	.conheca{
		background-size:80%;
		background-position:30% 100%;
		height:80dvh;
		margin-top:5%;
		margin-bottom:-8%;
	}
}


/* BLOG */

.noticias{
	margin-top:5%;
	margin-bottom:5%;
}

.noticias h2{
	font-size:4.2rem;
	font-family: 'UniNeue-bold';
	text-transform: uppercase;
}

.blog p{
    margin:0 !important;
}

.blog p strong{
    font-weight:700;
}

.blog img{
    width:40%;
    height:auto;
    margin-bottom:2rem;
}

@media (max-width:500px)
{
	.noticias h2{
		font-size:2.2rem;
	}

	.noticias{
		margin-top:10%;
		margin-bottom:10%;
	}
	
}




.rodape{
	background-color:var(--primary-color);
	padding-top:4%;
	padding-bottom:4%;
}

.rodape ul li{
	color:#fff;
	font-family: 'Satoshi-light';
	font-size:1.2rem;
	margin:2rem 0;
	line-height: 1.5rem;
}

.box-footer{
	display:flex;
	align-items: center;
	gap:15px;
}

.box-footer a{
	width:40px;
	height:40px;
	border:1px solid #fff;
	border-radius:50%;
	position:relative;
	transition:.3s ease-in-out;
}

.box-footer a svg{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	transition:.3s ease-in-out;
}

.box-footer a:hover{
	background-color: #fff;;
}

.box-footer a:hover svg,
.box-footer a:hover .cls-1,
.box-footer a:hover .line-icons-footer{
	stroke:var(--primary-color);
}

.comunicacao li a{
	color:#fff;
	font-family: 'Satoshi-light';
	font-size:1rem;
	transition:.3s ease-in-out;
}

.comunicacao li a:hover{
	color:var(--secondary-color);
}

.localizacao{
	display:flex;
	gap:5px;
}

.map-info{
	font-size:1rem;
}

.phone a{
	font-size:1.5rem;	
	color:#fff;	
	font-family: 'Satoshi';
	display:flex;
	align-items: center;
	gap: 10px;
}

.phone a span{
	border:1px solid #fff;
	border-radius:2rem;
	padding:0.4rem 1rem 0.4rem 0rem;
}

.phone a i{
	font-size:2rem;
	background-color: var(--secondary-color);
	padding:0.3rem;
	border-radius:50%;
}

.rodape h3{
	color:#fff;
	font-size:1.225rem;
	font-family: 'UniNeue-medio';
	letter-spacing: 0.05rem;
}

.footer-menu li{
	margin:1.5rem 0;
}

.footer-menu li a{
	color:#fff;
	font-family: 'Satoshi-light';
	font-size:1.2rem;
	line-height: 1.5rem;
}

.selos{
	display:flex;
	align-items: center;
	gap:2rem;
}

.selo{
	width:170px;
	height:auto;
	display:block;
	margin:1rem 0 0 0;
}

.chat{
	display:flex;
	align-items: center;
	background-color:var(--secondary-color);
	padding:0.7rem 1rem;
	border-radius:2rem;
	gap:15px;
	width:50%;
	box-shadow:2px 3px 12px rgba(0, 0, 0, 0.2);
}

.chat p{
	color:#fff;
	font-size:1.3rem;	
}

.direitos{
	padding-top:1.5%;
	padding-bottom:1.5%;
	background-color: var(--secondary-color);
}

.direitos p{
	color:#Fff;
}

.developer{
	text-align: right;
}

@media (max-width:500px)
{
	.logo-rodape{
		width:150px;
		display:block;
		margin:5% auto 5% auto;
	}

	.phone{
		margin:0 auto;
	}

	.phone a{
		width:80%;
	}

	.box-footer{
		justify-content: center;
		margin-bottom:5%;
	}
}

/* PÁGINAS */

.page-title{
	background-image: url(../images/page-title.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
}

.page-title{
	color:#fff;
	font-family: 'UniNeue-medio';
	font-size:2.5rem;
	padding:4% 0;
}

.pagina h3{
	font-family: 'UniNeue-medio';
	margin-top:5%;
	margin-bottom:3%;
	color:var(--primary-color);
	font-size:2.5rem;
	line-height: 3.2rem;;
}

.simulador h3{
    margin-top:0;
}

.pagina h3 span{
	color:var(--secondary-color);
	font-family: 'UniNeue-bold';
	font-size:3.5rem;
}

.pagina p{
	font-family: 'Satoshi-light';
	line-height: 1.5rem;
	margin:3% 0;
}

.lista-pagina li{
	font-family: 'Satoshi';
	line-height: 1.5rem;
	margin:1% 0 1% 3%;
	list-style-type: disc;
}

.lista-pagina li::marker{
	color:var(--primary-color);
}

.line{
	width:100%;
	background-color: var(--secondary-color);
	height:1px;
	margin:1rem 0;
	opacity:0.2;
}

.breadcrumbs{
	margin-top:2%;
	margin-bottom:3%;
}

.breadcrumbs ul{
	display:flex;
	gap:15px;
}

.breadcrumbs ul li{
	position:relative;
}

.breadcrumbs ul li:after{
	content:'\ea61';
	font-family:'tabler-icons';
	margin-left:1rem;
	color:var(--primary-color);
}

.breadcrumbs li:last-of-type:after{
	content: none;
}

.main-title-page{
	background-color:var(--primary-color);
}

.main-title-page h3{
	color:#fff;
	font-size:1.8rem;
	padding:1rem 0 1rem 1rem;
}

.referencia .center-title h4{
	font-size:2rem;
	font-family: 'Satoshi-bold';
}

.center-title p{
	font-size:1.2rem;
	font-family: 'Satoshi-bold'
}

.referencia a{
	color:var(--primary-color);
}

.img-rede img{
	width:100%;
	height:auto;
}

@media (max-width:500px)
{

	.page-title{
		background-size: cover;
		padding:9% 0;
	}
	
	.page-title{
		font-size:1.5rem;
	}
	
	.pagina h3{
		margin-top:5%;
		margin-bottom:3%;
		font-size:1.5rem;
		line-height: 2.2rem;;
	}
	
	.pagina h3 span{
		font-size:2.5rem;
	}

	.image-bottom{
		display:block;
	}

	.referencia .dados-rede h4{
		font-size:1rem;
	}

	.info-rede{
		margin-bottom:1rem;
	}

	.img-rede{
		position: relative;
	}

	.referencia .center-title h4{
		font-size:1.4rem;
	}

	.img-rede img{
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%, -50%);
	}

	.main-title-page h3{
		text-align: center;
	}
}

.image-bottom{
	position:relative;
	height:100%;
}

.pagina ul li{
	font-family: 'Satoshi';
	line-height: 1.5rem;
	/* margin:3% 0; */
}

.full-image{
	width:100%;
	height:auto;
	position:absolute;
	bottom:-5%;
}

.img-layer{
	width:90%;
	height:auto;
}

.layer-color-blue{
	background-color: rgba(0, 125, 197, 0.2);
	padding-top:4%;
	padding-bottom:4%;
}

.pagina h4{
	font-family: 'UniNeue-medio';
	margin-top:3%;
	margin-bottom:3%;
	color:var(--primary-color);
	font-size:1.5rem;
	line-height: 1.8rem;
}

.link-pagina{
	margin-top:10%;
}

.link-pagina li{
	margin:8% 0;
}

.link-pagina li a{
	font-size:1.254rem;
	color:var(--primary-color);
	border-radius:3rem;
	letter-spacing: 0.1rem;
	padding:1.1rem 1rem;
	background-color: var(--secondary-color);
}

.link-pagina li a i{
	color:#fff;
}

.link-pagina .destaque a{
	background-color:var(--primary-color);
	color:#fff;
}

.link-pagina .destaque a i{
	background-color:var(--secondary-color);
	border-radius:50%;
	padding:0.2rem;
}

.pagina-gap{
	margin-top:5%;
	margin-bottom:5%;
}

.form-contact ::placeholder{
	font-family: 'Satoshi-light';
	color:#969696;
}

.form-contact input[type=text]{
	width:100%;
	height:3rem;
	border:1px solid var(--primary-color);
	border-radius:3px;
	margin:5px 0 20px 0;
}

.form-contact select{
	width:100%;
	height:3rem;
	border:1px solid var(--primary-color);
	border-radius:3px;
	margin:5px 0 20px 0;
}

.form-contact label{
	color:var(--primary-color);
}

.form-contact button{
	padding:0.7rem 1.5rem;
	background-color: var(--primary-color);
	color:#fff;
	font-size:1.1rem;
	font-family: 'UniNeue-medio';
	border:none;
	border-radius:2rem;
	letter-spacing: 0.05rem;
	margin-top:5%;
	position:relative;
}

.form-contact input[type=radio]{
    margin-bottom:2rem;
    margin-left:1rem;
}


.hover-menu ul{
	display:flex;
	font-size:1.5rem;
	font-family: 'UniNeue-medio';
	color:var(--primary-color);
	justify-content: center;
}

.empresas h4{
	font-family: 'UniNeue-bold';
	color:#fff;
}

.bg-empresas{
	background-image:url(../images/bg-empresas.png);
	background-size:100%;
	background-position:center;
	background-repeat: no-repeat;
	border-radius:2rem;
	margin-bottom:2rem;
	padding:3% 0;
}

.bg-empresas h4{
	font-size:2rem;
}

.bg-empresas .lista-pagina li{
	display: inline-block;
}

.bg-empresas .lista-pagina li a{
	padding:1rem 1.2rem;
	background-color:var(--secondary-color);
	border-radius:4rem;
	color:var(--primary-color);
	font-size:1.1rem;
	font-family: 'Satoshi';
}

.bg-empresas .lista-pagina li a i{
	color:#fff;
}

.box-empresa{
	padding:1.5rem 2rem;
	border-radius:1rem;
	height: 100%;
}

.box-empresa .icon-title{
	font-size:3rem;
}

.blue{
	color:var(--primary-color);
}

.section-empresas{
	margin-bottom:4%;
}

.yellow{
	color: var(--secondary-color);
}

.box-empresa .lista-pagina{
	color:#fff;
}

.box-empresa .lista-pagina li{
	list-style-type: none;
}

.box-empresa .ti-circle-dashed-check{
	color:#fff;
}

@media (max-width: 500px)
{
	.bg-empresas{
		background-size:cover;
		border-radius:0rem;
		margin-bottom:2rem;
		padding:5% 0;
	}
	
	.bg-empresas h4{
		font-size:1.2rem;
	}

	.bg-empresas .lista-pagina li{
		display: block;
		margin:3rem 0;
	}
	
}

.hover-menu ul li{
	padding:1.5rem 2rem;	
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
	cursor:pointer;
}

.hover-menu .inativo{
	background-color:rgba(102, 112, 133, 0.1);
}

.hover-ativo{
	background-color:var(--primary-color);
	color:#fff;
}

.accordion-item{
	margin:1% 0;
}

.accordion-header{
	border-radius:0.5rem;
	background-color: var(--primary-color);
	padding:1.5rem 1rem;
	cursor:pointer;
	display:flex;
	justify-content: space-between;
	transition:.2s ease-in-out;
}
	.accordion-header:hover{
		background-color: #015d92;
	}

.accordion-active{
	background-color: #015d92;
}

.accordion-header span{
	color:#fff;
	font-size:1.2rem;
}

.accordion-header i{
	font-size:1.5rem;
	color:var(--secondary-color);
}

.accordion-description{
	padding:0 1rem;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}

.produtos img{
	width:100%;
}

.blog{
	margin-top:5%;
	margin-bottom:5%;
}

.img-blog{
	background-size:cover;
	background-position:center;
	height:40dvh;
}

.descript{
	background-color: var(--primary-color);
	display:flex;
	align-items: center;
	justify-content: space-between;
	padding:0 1rem;
}

.blog-title{
	width:70%;
}

.blog-link{
	width:30%;
}

.descript h4{
	color:#fff;
	font-size:1.4rem;
	padding:2rem 0;	
	font-family: 'UniNeue-light';		
}

.descript a{
	color:var(--secondary-color);
	font-size:1.1rem;
	border:1px solid #fff;
	padding:0.5rem 1rem;
	border-radius:2rem;
	font-family: 'UniNeue-light';
	transition:.3s ease-in-out;
}

.descript a:hover{
	background-color: var(--secondary-color);
	color:var(--primary-color);
}

@media (max-width:500px)
{
	.full-image{
		position:relative;
	}
}

.loader{
    border:2px solid #fff;
    border-radius:50%;
    border-top:4px solid var(--primary-color);
    border-bottom:4px solid var(--primary-color);
    width:15px;
    height:15px;
    position:absolute;
    top:13px;
    right:6px;
    animation: loading 2s linear infinite;
}

@keyframes loading{
    0% { transform:rotate(0deg); }
    100% { transform:rotate(360deg); }
}

.msg-text{
	padding:0.5rem 0.5rem;
	font-size:0.9rem;
	text-transform: uppercase;
	border-radius: 4px;
}

.error-msg{
	color:red;
	background-color: rgba(226, 160, 160, 0.4);
	border:1px solid red;
}

.success-msg{
	color:green;
	background-color: rgba(160, 235, 160, 0.4);
	border:1px solid green;
}

.fluxo img{
	width:100%;
	height:auto;
}

.fluxo .plano-selection{
	font-family:'Satoshi-bold';
	font-size:2.1rem;
}

.fluxo .plano-selection span{
	font-family:'Satoshi';
	font-size:1.3rem;
	color:var(--secondary-color);
}

.planos-description ul{
	margin:10% 0 0 0%;
}

.planos-description ul li{
	margin:12% 0;
}

.planos-description li a{
	font-size:1.254rem;
	color:var(--primary-color);
	border-radius:3rem;
	letter-spacing: 0.1rem;
	padding:1.3rem 1rem;
	background-color: var(--secondary-color);
	transition:.3s ease-in-out;
}

.planos-description li a:hover{
	padding-right:2rem;
}

.planos-description li a i{
	color:#fff;
}

.planos-description .destaque a{
	background-color:var(--primary-color);
	color:#fff;
}

.planos-description .destaque a i{
	background-color:var(--secondary-color);
	border-radius:50%;
	padding:0.2rem;
}

#Camada_1{
    width:100px;
    height:auto;
}

@media (max-width:500px)
{
	.fluxo .plano-selection{
		font-size:1.4rem;
	}
	
	.fluxo .plano-selection span{
		font-size:0.95rem;
	}

	.planos-description li a{
		font-size:1rem;
		letter-spacing: 0.1rem;
		padding:1rem 0.9rem;
	}
	
}

.img-privacidade{
    width:100%;
    height:auto;
}

.menu-privacidade ul{
	margin:20% 0 0 5%;
}

.menu-privacidade ul li{
	margin:10% 0;
}

.destaque img{
    width:30px;
}

.menu-privacidade li a{
	font-size:1.254rem;
	color:#fff;
	border-radius:3rem;
	letter-spacing: 0.1rem;
	padding:1.3rem 1rem;
	background-color: var(--primary-color);
	transition:.3s ease-in-out;
}

.menu-privacidade li a:hover{
	padding-right:2rem;
}

.menu-privacidade li a i{
	color:#fff;
	background-color:var(--secondary-color);
	border-radius:50%;
	padding:0.2rem;
}

.protecao{
    background-image:url(../images/protecao.png);
    background-size:100%;
	background-position:center;
	background-repeat: no-repeat;
	padding:5% 0;
}

.protecao h2{
    font-size:2.5rem;
    color:#fff;
    margin-bottom:2rem;
    line-height:3rem;
}

.protecao p{
    font-size:1.1rem;
    color:#fff;
    line-height:1.6rem;
    margin-bottom:1rem;
    font-family: 'Satoshi-light';
}

.lgpd{
    padding:5% 0;
}

.lgpd h2{
    font-size:3rem;
    margin-bottom:2rem;
    font-family: 'UniNeue-bold';
    text-transform:uppercase;
}

.accordion{
    padding:0rem 3rem;
    border-radius:25px;
    margin-bottom:1.2rem;
    cursor:pointer;
    transition:.3s ease-in-out;
}

.accordion-blue{
    background-color:var(--primary-color);
}
.accordion-yellow{
    background-color:var(--secondary-color);
}

.accordion-blue:hover{
    background-color:#226f9b;
}

.accordion-yellow:hover{
    background-color:#b7891f;
}

.accordion-blue h3{
    color:#fff;
}

.accordion-yellow h3{
    color:#000;
}

.accordion .ativo img{
    transform:rotate(180deg);
    transition:.3s ease-in-out;
}

.accordion h3{
    font-size:1.5rem;
    padding:1.8rem 0;
    font-family:'Poppins';
    font-weight:600;
    display:flex;
    justify-content:space-between;
}

.accordion-blue h3 i{
    padding:0.3rem;
    border-radius:100%;
    background-color:var(--secondary-color);
}

.accordion-yellow h3 i{
    padding:0.3rem;
    border-radius:100%;
    background-color:var(--primary-color);
    color:#FFf;
}

.panel{
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.accordion p{
    color:#fff;
    line-height:1.5rem;
    font-family: 'Satoshi-light';
    padding-bottom:2rem;
}

.yellow-card{
    background-color:var(--secondary-color);
}

.blue-card{
    background-color:var(--primary-color);
}

.yellow-card h2{
    line-height:4rem;
    font-family: 'UniNeue-bold';
}

.yellow-card h2 span{
	font-family: 'UniNeue-medio';
}

.dados{
    margin:5% 0;
    position:relative;
}

.dados h2{
    font-size:4rem;
    margin-bottom:2rem;
    font-family: 'UniNeue-bold';
    color:var(--primary-color);
    letter-spacing: -0.135rem;
}

.dados h3{
    font-size:3.4rem;
    font-family: 'UniNeue-medio';
    color:var(--primary-color);
    letter-spacing: -0.125rem;
    margin-bottom:7rem;
}

.box-dados{
    background-color:#D9D9D9;
    padding:2rem 1.5rem;
    border-radius:15px;
    height:100%;
}

.box-dados h4{
    font-weight:600;
    color:#000;
    font-family:'Poppins';
    margin-bottom:1.5rem;
}

.box-dados p{
    font-family:'Poppins';
    font-weight:300;
    line-height:1.5rem;
}

.obs-text{
    font-family:'Poppins';
    font-weight:400;
    margin-top:2rem;
}

.obs-text span{
    font-weight:600;
}

.dados img{
    position:absolute;
    right:0;
    top:30%;
    z-index:-1;
    width:40%;
}

.yellow-container{
    background-color:var(--secondary-color);
    padding:4rem 4rem;
    border-radius:25px;
    margin-bottom:3rem;
}

.yellow-container h2{
    font-size:2.5rem;
    color:var(--primary-color);
    font-family: 'UniNeue-bold';
    letter-spacing: -0.065rem;
    margin-bottom:2rem;
}

.yellow-container .boxer{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.yellow-container p{
    color:#fff;
    font-family: 'Poppins';
    line-height:1.5rem;
    margin:1rem 0;
}

.yellow-container .link{
	font-size:1.234rem;
	color:#fff;
	letter-spacing:0.1rem;
	border-radius:3rem;
	padding:1.2rem 1rem;
	background-color: var(--primary-color);
	transition:.3s ease-in-out;
}

.protecao a{
	font-size:1.234rem;
	color:#fff;
	letter-spacing:0.1rem;
	border-radius:3rem;
	padding:1.2rem 1rem;
	background-color: var(--secondary-color);
	transition:.3s ease-in-out;
}

.link-lgpd{
    margin-top:4rem;
}

.yellow-container i{
    padding:0.3rem;
    border-radius:100%;
    background-color:var(--secondary-color);
}

.reduced{
     width:60%;
}

.privacidade-page h2{
    font-size:3rem;
    text-align:center;
    color:var(--primary-color);
    font-family: 'UniNeue-bold';
}

.privacidade-page p strong{
    font-family: 'Satoshi-bold';
}

.privacidade-page ul li{
    font-family: 'Satoshi-light';
    margin:1rem 0;
    list-style-type:lower-latin;
}
.privacidade-page ul li strong{
    font-family: 'Satoshi-bold';
}

.privacidade-page i{
    font-family: 'Satoshi-italic';
}


.subclass{
    margin-left:2rem;
}

.attention{
    font-family: 'Satoshi-bold' !important;
}

.whatsapp-contact{
    width:280px;
    position:fixed;
    right: 3rem;
    bottom:4rem;
    border-radius:4rem;
    background-color: #52a517;
    transition:.2s ease-in-out;
}

.whatsapp-contact:hover{
    transform: scale(1.08);
}

.whatsapp-contact p{
    /* font-family:'Rubik Medium'; */
    color:#fff;
    /* text-transform: uppercase; */
}

.whatsapp-contact i{
    color:#fff;
    font-size:2.2rem;
    margin-top:35%;
    margin-left:5%;
}

.info-text{
    background-color:#468820;
    padding:1.5rem;
    border-top-left-radius:4rem;
    border-bottom-left-radius:4rem;
}

.whatsapp-contact-mobile{
    /* width:70px; */
    border-radius:50%;
    padding:0.9rem 1rem;
    background-color: #52a517;
    position:fixed;
    right: 5rem;
    bottom:8rem;
    transition:.2s ease-in-out;
}

.whatsapp-contact-mobile:hover{
    transform: scale(1.08);
}


.whatsapp-contact-mobile i{
    color:#fff;
    font-size:2.5rem;
}

@media (min-width:768px)
{
    .mobile-box{
        display:none;
    }
    
    .protecato-mobile{
        display:none !important;
    }
}

@media (max-width: 600px)
{
    .reduced{
         width:100%;
    }
    
    .protecato-desktop{
        display:none !important;
    }
    
    .desktop-box{
        display:none;
    }
    
    .mobile-box{
        margin-top:2rem;
    }
    
    .faixa img{
        width:90%;
        margin-top:40%;
    }
    
    .protecao img{
        width:70%;
        margin-bottom:2rem;
        display:block;
        margin-right:auto;
        margin-left:auto;
    }
    
    .protecao a{
        display:block;
        font-size:1rem;
        letter-spacing:0;
        text-align:center;
    }
    
    .protecao{
        background-image:url(../images/mobile-service.png);
        background-size:cover;
    }
    
    .yellow-container .link{
        display:flex;
        justify-content:space-between;
        font-size:1rem;
    }
    
    .protecao h2{
        font-size:2rem;
        line-height:2.5rem;
    }
    
    .privacidade-banner h1{
        font-size:3rem !important;
    }
    
    .privacidade-banner img{
        width:100%;
    }
    
    .accordion h3{
        font-size:1rem;
    }
    
    .accordion{
        padding:0rem 1rem;
    }
    
    .lgpd img{
        width:8%;
    }
    
    .menu-privacidade li a{
    	font-size:1rem;
    	padding:1.2rem 1rem;
    	display:flex;
    	justify-content:space-between;
    }
    
    .lgpd h2{
        font-size:1.8rem;
        line-height:2.3rem;
    }
    
    .box-dados{
        height:auto;
        margin-bottom:2rem;
    }
    
    .dados h2{
        font-size:2.7rem;
        letter-spacing: -0.035rem;
    }
    
    .dados h3{
        font-size:1.6rem;
        letter-spacing: -0.025rem;
        margin-bottom:4rem;
        line-height:2.2rem;
    }
    
    .yellow-container .boxer{
        display:block;
    }
}