@font-face {
	font-family: "geometric";
	src:url('../fonts/geometric-415-black-bt.ttf') format('opentype');
	font-style: normal;
	font-weight: 100;
}

@font-face {
	font-family: "muliblack";
	src:url('../fonts/Muli-Black.ttf') format('opentype');
	font-style: normal;
	font-weight: 100;
}

@font-face {
	font-family: "muliblackitalid";
	src:url('../fonts/Muli-BlackItalic.ttf') format('opentype');
	font-style: normal;
	font-weight: 100;
}

@font-face {
	font-family: "mulibold";
	src:url('../fonts/Muli-Bold.ttf') format('opentype');
	font-style: normal;
	font-weight: 100;
}

@font-face {
	font-family: "mulibolditalic";
	src:url('../fonts/Muli-BoldItalic.ttf') format('opentype');
	font-style: normal;
	font-weight: 100;
}

@font-face {
	font-family: "muliextrabold";
	src:url('../fonts/Muli-ExtraBold.ttf') format('opentype');
	font-style: normal;
	font-weight: 100;
}


@font-face {
	font-family: "muliextrabolditalic";
	src:url('../fonts/Muli-ExtraBoldItalic.ttf') format('opentype');
	font-style: normal;
	font-weight: 100;
}

@font-face {
	font-family: "muliextralight";
	src:url('../fonts/Muli-ExtraLight.ttf') format('opentype');
	font-style: normal;
	font-weight: 100;
}

@font-face {
	font-family: "muliextralightitalic";
	src:url('../fonts/Muli-ExtraLightItalic.ttf') format('opentype');
	font-style: normal;
	font-weight: 100;
}

@font-face {
	font-family: "muliitalic";
	src:url('../fonts/Muli-Italic.ttf') format('opentype');
	font-style: normal;
	font-weight: 100;
}

@font-face {
	font-family: "mulilight";
	src:url('../fonts/Muli-Light.ttf') format('opentype');
	font-style: normal;
	font-weight: 100;
}

@font-face {
	font-family: "mulilightitalic";
	src:url('../fonts/Muli-LightItalic.ttf') format('opentype');
	font-style: normal;
	font-weight: 100;
}

@font-face {
	font-family: "muliregular";
	src:url('../fonts/Muli-Regular.ttf') format('opentype');
	font-style: normal;
	font-weight: 100;
}


@font-face {
	font-family: "mulisemibold";
	src:url('../fonts/Muli-SemiBold.ttf') format('opentype');
	font-style: normal;
	font-weight: 100;
}

@font-face {
	font-family: "mulisemibolditalic";
	src:url('../fonts/Muli-SemiBoldItalic.ttf') format('opentype');
	font-style: normal;
	font-weight: 100;
}

/* Desktop */

* {
    margin: 0;
    padding: 0;
}

html,
body {
	font-family: 'geometric', sans-serif;
	padding: 0;
	margin: 0;
}

.redbox{
	background-color: #bd2324;
}	

.faixatopo{
	background-color: #bd2324;
}	

.faixatopo p{
	color: #ffffff;
	font-family: 'geometric';
}

.icon-find:after { 				
	-webkit-transform: rotate(45deg); 				
	-moz-transform: rotate(45deg); 				
	-o-transform: rotate(45deg); 				
	transform: rotate(45deg); 				
	display: block; 				
	content: "\26B2"; 			
}

.menutopo ul{
	width: 100%;
	display:block;
	position: relative;
	float:right;
	text-align: right;
}

.menutopo a{
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	font-family: "geometric";
}

.menutopo li a:after {
    content: "    \007C";
}
.menutopo li{
    padding-right: 5px;
    display: inline-block;
    position: relative;
}
.menutopo li:last-child a:after {
    content: "";
}

.menuprincipal ul{
	width: 100%;
	display: block;
	position: relative;
	float: right;
	text-align: right;
	font-size: 1.2em;
	padding: 25px 0px 25px 25px;
}
.menuprincipal a{
	color: #000000;
	text-decoration: none;
	text-transform: uppercase;
	font-family: "geometric";
}

.menuprincipal li{
    padding-right: 35px;
    display: inline-block;
    position: relative;
}

.overtext {
	position: absolute;
	display: block;
	top: 15em;
	z-index: 2;
	font-size: 1.6em;
	font-weight: bold;
	font-style: normal;
	color: #000000 !important;
	padding: 0px 20px 0px 25px;
}

.overtext h3 strong{
	font-size: 1.7em;	
}

.overtext h5 strong{
	font-size: 1.1em;	
}

.banner-destaque a img{
	width:100%;
}

.butaodestaque {
	background-color: #bd2324;
	color: #fff !important;
	padding: 15px 15px 15px 15px;
	border-radius: 5px;
	text-transform: uppercase;
	text-decoration: none;
	position: relative;
	top: 30em;
	z-index: 2;
	font-size: 1em;
	font-weight: 800;
	margin: 27px;
	font-family: 'geometric';
}

.butaogeral {
	background-color: #bd2324 !important;
	color: #fff !important;
	padding: 15px 15px 15px 15px;
	border-radius: 5px;
	text-transform: uppercase;
	text-decoration: none;
	position: relative;
	font-size: 0.7em;
	font-weight: 800;
	display: inline-block;
	margin: 20px 0px 20px 0px;
	border:1px solid #bd2324 !important;
}

.formpracima .formRed,
.formpracima .formError{
	color:#fff;
}

.rsform-submit-button {
    background-color: #bd2324 !important;
    color: #fff !important;
    padding: 15px !important;
    border-radius: 5px !important;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
    font-size: 0.9em !important;
    font-weight: 800 !important;
    display: inline-block !important;
    margin: 20px 0px 20px 0px;
    border: 1px solid #bd2324 !important;
}

.butaogeral2 {
	background-color: #fff !important;
	color: #bd2324 !important;
	padding: 15px 15px 15px 15px;
	border-radius: 5px;
	text-transform: uppercase;
	text-decoration: none;
	position: relative;
	font-size: 1em;
	font-weight: 800;
	display: inline-block;
	margin: 20px 0px 20px 0px;
	border:1px solid #bd2324 !important;
	font-family: 'geometric' !important;
}

.gocima{
	margin: -50px 0px 0px 0px !important;
}

.go2cima{
	margin: -20px 0px 0px 0px !important;
}

.butaolink{
	font-family: 'geometric', sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	position: relative;
	font-size: 0.9em;
	color: #000 !important;
}

.chamada_funciona .card-text{
	font-family: 'muliextrabold', sans-serif;
	color: #444444;
	font-size: 1.1em;
}

.chamada_funciona img{
	z-index:1;
}



.chamada_funciona .card{
    border-bottom-color: #444444;
    border-left: 0px;
    border-right: 0px;
    box-shadow: 0 2px 2px -3px black;
}

.chamada_funciona .card:hover{
	border-bottom-color: #bd2324;
	border-left: 0px;
	border-right: 0px;
	box-shadow: 0 2px 4px -3px black;
}

.overred {
	opacity: 0.5;
	transition: 0.3s;
	display:block;
	position: absolute;
	background:transparent;
	top:0px;
	height:186px;
	z-index: 999;
}

.overred:hover {
	opacity: 0.5;
	transition: 0.3s;
	display:block;
	position: absolute;
	background:red;
	top:0px;
	height:186px;
	z-index: 999;
}

.chamadadebitos{
	position:relative;
	display:block;
	min-height: 555px;
	z-index:1;
}

.chamadadebitos .textochamadadebitos{
	float: right;
	width: 70%;
	position: relative;
	display: inline-block;
	font-size: 2.5em;
	top: 100px;
	color: #fff;
}

.chamadadebitos .textochamadadebitos h5{
	font-size: 0.5em;
	text-transform: uppercase;
}

.butaolinkdebito{
    font-size: 0.5em;
    text-transform: uppercase;
    padding: 15px;
    background: #fff;
    border-radius: 5px;
    color: #bd2324;
    text-decoration: none;
    font-family: "geometric";
}

.chamadadebitos .banneritem img{
    float: right;
}

.chamadadebitos .banneritem{
	bottom: 0;
	position: absolute;
	align-items: center;
	font-family: "geometric";
}

.chamadadebitos .caixaflutua{
	border-top: 2px solid #bd2324;
	border-radius: 15px;
	position: absolute;
	display: block;
	top: -105px;
	width: 370px;
	height: 531px;
	background: url("../images/fundo_painel.png");
	padding: 50px 20px 30px 20px;
	font-family: 'geometric';
	z-index: 99;
}

.chamadadebitos .caixaflutua h3{
	font-size: 2.5em;
	margin-bottom:25px;
}

.chamadadebitos .caixaflutua p{
	font-size: 1.9em;
	color: #bd2324;
}

.chamadadebitos .caixaflutua .btndebitos{
	font-size: 0.9em;
	color: #bd2324;
	font-family: "geometric";
}

.chamadadebitos .caixaflutua a{
	text-decoration:none;
	color: #bd2324;
	text-transform: uppercase;
}

.textochamadafunciona {
	
}

.textochamadafunciona p{
	font-family: "muliblack";
	color: #444444;
	font-size: 1.4em;
}

.textochamadafunciona h4{
	text-transform: uppercase;
	font-size: 1.1em;
	font-family: "geometric";
}

.textochamadafunciona h3{
	text-transform: uppercase;
	font-size: 1.8em;
	font-family: "geometric";
}

.chamada_funciona .card-body .card-title{
	text-transform: uppercase;
	font-size: 1.5em;
	font-family: "geometric" !important;
}



.chamada_funciona{
	margin-top: 75px;
}

.pracima{
	margin-top:-90px !important;
	z-index:1000;
}

.chamada_simulacao .card{
    border-bottom-color: #444444;
    border-left: 0px;
    border-right: 0px;
    box-shadow: 0 2px 2px -3px black;
    min-height: 170px;
}

.chamada_simulacao .card:hover{
	border-bottom-color: #bd2324;
	border-left: 0px;
	border-right: 0px;
	box-shadow: 0 2px 4px -3px black;
	min-height: 170px;
}

.chamada_simulacao .textochamadasimula h4{
	text-transform: uppercase;
	font-size: 1.1em;
	font-family: "geometric";
}

.chamada_simulacao .card-title{
	font-family: "geometric";
	font-size: 1.4em;
}

.pracima .nav-link{
    background: #fff;
    margin: 0 0 0 10px;
    color: #000 !important;
    
}

.pracima .nav-tabs{
	border-bottom:0px;
	font-family: "geometric";
	font-size: 1.3em;
}

.pracima .active{
	border-bottom: 1px solid #000;
	text-decoration:underline;
}


.textochamadasimula p {
    font-family: "muliblack";
    color: #444444;
    font-size: 1.8em;
}

.textochamadasimula h4{
	text-transform: uppercase;
	font-size: 0.9em;
}

.textochamadasimula h3{
	text-transform: uppercase;
	font-size: 1.8em;
}

.chamada_vantagens .imgvantagem{
	position:relative;
	display:block;
	width:100%;
}

.chamada_vantagens img{
	width:100%;
	z-index:1;
}

.chamada_vantagens .vantagensmobile .faixaver{
	opacity:0.5;
	background:red;
	position: absolute;
	display: block;
	bottom: 0px;
	padding: 15px 25px 0px 15px;
	min-height: 190px;
	z-index: 2;
	width: 100%;
}

.chamada_vantagens .vantagensmobile .sobretexto{
	position: absolute;
	display: block;
	bottom: 0px;
	padding: 15px 25px 0px 15px;
	line-height: 1.3;
	min-height: 190px;
	color:#fff;
	z-index:3;
}


.chamada_vantagens .vantagensdesktop .esconder{
	height:auto !important;
	overflow:unset !important;
	visibility: unset !important;
}


.chamada_vantagens .vantagensdesktop .faixaver{
	opacity:0.5;
	background:red;
	position: absolute;
	display: block;
	bottom: 0px;
	padding: 15px 25px 0px 15px;
	min-height: 190px;
	z-index: 2;
	width: 100%;
	pointer-events: none;
}

.chamada_vantagens .vantagensdesktop .sobretexto{
	position: absolute;
	display: block;
	bottom: 0px;
	padding: 15px 25px 0px 15px;
	line-height: 1.3;
	min-height: 190px;
	color:#fff;
	z-index:3;
	pointer-events: none;
}

.chamada_vantagens .sobretexto .titvantagem{
	font-size: 1.8em;
	color:#fff;
	font-family: "muliblack";
}
	

.chamada_vantagens .sobretexto .card-text{
	font-size: 1.3em;
	color:#fff;
}

.textochamadavantagens {
    color: #fff;
    font-size: 1em;
    font-family: 'geometric';
    text-transform: uppercase;
}

.textochamadavantagens h4{
	color: #fff;
	font-size: 1.3em;	

}

.textochamadavantagens h2{
	color: #fff;
	font-size: 2.5em;
	font-family: "muliblack";	
	padding-bottom:30px;
	text-transform: none;
}


.afirmacao{
	text-align:center;
}

.afirmacao p{
	text-align: center;
	justify-content: center;
	display: inline-block;
	float: unset;
	padding: 15px;
	text-transform: uppercase;
	color: #fff;
	background: #bd2324;
	border-radius: 5px;
	position: relative;
	display: inline-block;
	bottom: -75px;
	text-align: center;
	justify-content: center;
	font-family: 'geometric';
	margin: 0 auto;
	border: 0px;
	border-radius:5px;
}

.chamada_numeros{
	text-transform: uppercase;
}

.chamada_numeros p{
	color: #444444;
	font-family: "muliblack";
}

.chamada_numeros h3{
	font-family: 'geometric';
}

.chamada_numeros .stat-counters{
	font-family: 'geometric';
}

.chamada_numeros .counter span{
	font-family: 'geometric';
	font-size: 2em;
}

.chamadafaq .text-comofunciona{
	font-family: 'geometric';
}

.chamadafaq .text-comofunciona h3{
	font-family: "muliblack";
}

.chamadafaq .text-comofunciona p{
	font-family: "mulibold";
}

.chamadafaq .text-comofunciona .butaogeral{
	font-family: "muliblack";
	font-size: 0.7em;
}


.text-comofunciona p{
	color: #444444;
	font-size: 1.2em;
	font-family: "muliblack";
	display: grid;
	width: 95%;
}

.faq a{
	margin: 0 auto;
}

.linkfaq p{
	padding: 0px 15px 0px 10px;
	font-family: 'geometric';
}

.notbox .dia{
	font-size: 1.5em;
	font-family: 'geometric';
}

.notbox{
	color: #fff;
	padding: 5px;
	font-family: 'geometric';
	border-radius: 5px;
}

.go2cima{
	font-family: 'geometric';
}

.text-comofunciona a{
	margin: 0 auto;
}

.faqbtn{
	width:95% !important;
}

.chamadafaq .itemfaq{
	border: 1px solid #dddddd;
	border-radius: 5px;
	margin: 10px 0px 10px 0px;
	padding: 15px 0px 5px 0px;
	width: 95%;
}

.chamadafaq .linkfaq{
	text-decoration: none;
	color: #000;
	font-size: 1.2em;
}

.chamadafaq{
	background: #f4f4f5;
}

.imgmulher{
	float: right;
	height: 100%;
}

.formpracima{
	background: #a51f21;
	margin-top: -90px;
	padding: 25px 40px 10px 20px;
	border-radius: 10px;
}

.formpracima input,
.formpracima select{
	width: 100%;
	margin: 5px 10px 5px 10px;
}

.formpracima label{
	display:none;
}

.chamadaconversa{
	color: #fff;
}

.chamadaconversa h4{
    text-transform: uppercase;
    font-size: 1.1em;
    font-family: "geometric";
}

.chamadaconversa h2{
	font-family: 'geometric'; 
}

.chamadaconversa .listcontatos{
	font-family: 'muliextrabold'; 
}

.chamadaconversa .listcontatos a{
	text-decoration:none;
	color:#fff;
}

.chamadaconversa .listcontatos a:hover{
	text-decoration:underline;
	color:#fff;
}

.formpracima .butaogeral12{
	font-family: 'geometric'; 
}


.contagem{
	font-family: 'geometric'; 
	font-size: 3em;
}

.acessorapido{
	list-style:none;
	margin: 0;
	padding: 10px 0px 5px 0px;
}

.acessorapido a{
	text-decoration:none;
	color: #444444;
	font-family: "muliextrabold";
}

.acessorapido a:hover{
	text-decoration:none;
	color: #444444;
	font-family: "muliextrabold";
	text-transform:underline;
}

.acessomenupoliticas {
	list-style:none;
	margin: 0;
	padding: 10px 0px 5px 0px;
}

.acessomenupoliticas  a{
	text-decoration:none;
	color: #000;
	font-family: "muliblack";
}

.acessorapido a:hover{
	text-decoration:none;
	color: #000;
	font-family: "muliblack";
	text-transform:underline;
}

.menucomofunciona h4{
	font-family: "muliblack";
	color: #444444;
	font-size: 1.3em;
}

.acessocomofunciona  {
	list-style:none;
	margin: 0;
	padding: 10px 0px 5px 0px;
}

.acessocomofunciona a{
	text-decoration:none;
	color: #444444;
	font-family: "muliextrabold";
}

.acessocomofunciona a:hover{
	text-decoration:none;
	color: #444444;
	font-family: "muliextrabold";
	text-transform:underline;
}

.noticiasrodape h3{
	color: #bd2324;
	text-transform: uppercase;
	font-size: 1.3em;
	font-family: 'geometric';
	padding-bottom: 20px;
}	

.itensnot{
	border-bottom: 1px solid #4444;
	margin: 0px 0px 15px 0px;
}

.itensnot:last-child{
    border: 0;
}


.itensnot a{
	text-decoration:none;
} 

.itensnot a:hover{
	text-decoration:none;
	color: #000;
	text-transform:underline;
} 

.itensnot h4{
	text-decoration:none;
	color: #000;
	font-family: "muliextrabold";
	font-size: 1em;
}

.itensnot p{
	text-decoration:none;
	color: #444444;
	font-family: "mulibold";
	font-size: 1em;
}

.newsletter h2{
	color: #444444;
	font-family: "muliblack";
	text-transform:underline;
	font-size: 1.3em;
}

.newsletter p{
	color: #444444;
	font-family: "mulibold";
	text-transform:underline;
}

.newsletter label{
	display:none;
}

.menurapido img{
	width: 50% !important;
}


.faq .card .card-body{
	min-height: 150px;
}

.faq h3{
	text-align: center;
	margin: 25px 10px 20px 10px;
	color: #bd2324 !important;
	font-family: 'muliblack';
	width: 95%;
}

.faq .faqdescription{
	text-align: center;
	margin: 25px 10px 20px 10px;
	color: #000 !important;
	font-family: 'muliblack';
	font-size: 2.5em;
}

.copyright p{
	text-decoration: none;
	color: #444444;
	font-family: "geometric";
	font-size: 1em;
}


/* Responsivo */
@media (max-width: 1100px) {
	.banner-destaque a img{
		width:100%;
	}

	.chamadadebitos .textochamadadebitos {
		float: right;
		width: 60%;
		position: relative;
		display: inline-block;
		font-size: 2em;
		top: 45px;
		color: #fff;
		line-height: 26pt;
	}

	.chamada_vantagens .sobretexto .titvantagem{
		font-size: 1.4em;
		color:#fff;
		font-family: "muliblack";
	}
		
	
	.chamada_vantagens .sobretexto .card-text{
		font-size: 1em;
		color:#fff;
	}

	.chamadafaq .faq h3 {
	    text-align: center;
	    margin: 25px 10px 20px 10px;
	    color: #bd2324 !important;
	    font-family: 'muliblack';
	    width: 75%;
	}

	.text-comofunciona p {
	    color: #444444;
	    font-size: 1.2em;
	    font-family: "muliblack";
	    display: grid;
	    width: 75%;
	}

	.faqbtn {
	    width: 75% !important;
	}

	.overtext {
	    position: absolute;
	    display: block;
	    top: 10em;
	    z-index: 2;
	    font-size: 1.6em;
	    font-weight: bold;
	    font-style: normal;
	    color: #000000 !important;
	    padding: 0px 20px 0px 25px;
	}

	.butaodestaque {
	    background-color: #bd2324;
	    color: #fff !important;
	    padding: 15px 15px 15px 15px;
	    border-radius: 5px;
	    text-transform: uppercase;
	    text-decoration: none;
	    position: relative;
	    top: 20em;
	    z-index: 2;
	    font-size: 1.1em;
	    font-weight: 800;
	    margin: 27px;
	}
}


/* Responsivo */
@media (min-width: 1030px) and (max-width: 1370px) {
	.chamadadebitos .textochamadadebitos {
	    float: right;
	    width: 65%;
	    position: relative;
	    display: inline-block;
	    font-size: 2em;
	    top: 85px;
	    color: #fff;
	}
}

/* Responsivo */
@media (max-width: 768px) {

	.menuprincipal ul {
		text-align: left;
	}

	.butaogeral {
	    background-color: #bd2324 !important;
	    color: #fff !important;
	    padding: 15px 15px 15px 15px;
	    border-radius: 5px;
	    text-transform: uppercase;
	    text-decoration: none;
	    position: relative;
	    font-size: 0.7em;
	    font-weight: 800;
	    display: block;
	    margin: 20px 0px 20px 0px;
	    border: 1px solid #bd2324 !important;
	    text-align: center;
	    justify-content: center;
	}

	.chamada_funciona .card{
		margin-top: 20px;
	}

	.chamadadebitos .caixaflutua {
	    border-top: 2px solid #bd2324;
	    border-radius: 15px;
	    position: relative;
	    display: block;
	    width: 100%;
	    background: url(../images/fundo_painel.png);
	    padding: 50px 20px 30px 20px;
	}

	.chamadadebitos .caixaflutua h3 {
		font-size: 2em;
		margin-bottom: 25px;
	}

	.chamadadebitos .caixaflutua p {
	    font-size: 1.5em;
	    color: #bd2324;
	}

	.chamadadebitos .banneritem img {
		text-align: center;
		display: block;
		width: 100%;
	}

	.chamadadebitos .textochamadadebitos {
	    position: relative;
	    display: inline-block;
	    font-size: 2em;
	    color: #fff;
	    width:100%;
	    top:0px;
	}

	.chamadadebitos .banneritem {
		position:relative;
		display:block;
		text-align:center;
	}
	
	.faixatopo .mod-custom{
		text-align:center;
	}
	
	.imglogo{
		width: 100%;
		padding: 20px;
	}
	

	.banner-destaque img {
		width: 100%;
	}

	.banner-destaque .overtext{
		display:none;
	}

	.butaodestaque {
	    background-color: #bd2324;
	    color: #fff !important;
	    padding: 15px 15px 15px 15px;
	    border-radius: 5px;
	    text-transform: uppercase;
	    text-decoration: none;
	    position: relative;
	    font-size: 1.1em;
	    font-weight: 800;
	    display: block;
	    text-align: center;
	    top:0px;
	}

	.nav-link{
		width:45%;
	}

	.textochamadasimula p {
	    font-family: "muliblack";
	    color: #444444;
	    font-size: 1.5em;
	} 
	
	.textochamadasimula .card-title img{
		width: 40px;
	}

	.text-comofunciona{
		text-align:center;
	}
	
	.text-comofunciona p{
		width:100%;
	}

	.chamadafaq .itemfaq{
		width: 100%;
		text-align:center;
	}

	.faqbtn{
		width: 100% !important;
		text-align:center;
		margin-bottom: 20px;
	}

	.menucomofunciona{
		margin: 20px 0px 20px 0px;
	}

	.noticiasrodape{
		padding: 0px !important;
		margin: 0px !important;
	}

	.menurapido img{
		width: 100% !important;
	}

	.mulherfaq{
		display:none;
	}

}