@charset "utf-8";

@font-face{
  font-family: 'MuseoModerno';
  src: url("../font/MuseoModerno.woff");
	src:  url("../font/MuseoModerno.woff") format('truetype');
	

	
}
@font-face{
	font-family: 'futura';
  src: url("../font/futura.ttf");
}
/* CSS Document */

.linhafoot{
		font-size: 92px; color: #DBDBDB;margin-top: -10%;
	}



/***modalfgtshide****/

/*/////////////janela modal//////////*/

#mask3 {position:absolute;
    width:100%;
height:100%;
z-index:9999;  
background-color:#000; 
display:none;
}

#boxes .window3 {
position:absolute;
width:70%;
height:70%;
display:none;
z-index:9999;
padding:20px;
	border-radius: 25px;
	background-color: #DBDBDB;
	background-image: url("../images/a white!.png");
	background-repeat: no-repeat;
	background-size: cover;
}

/* Personalize a janela modal aqui. Você pode adicionar uma imagem de fundo. */
#boxes #dialog3 {
width:70%;
height:94%;

}
/* posiciona o link para fechar a janela */
.close3 {
display:block; 
text-align:right;
}  

.boxmodal{
	text-align: center;
	font-size: 130%;
	margin-top: -5%;
	/*text-shadow: 1px 1px 2px black;*/
	
	
}
.boxmodal h1{
	text-align: center;
	margin-left: 10%;
}

.forsim{
		background-color: rgba(255,255,255,0.60); width: 70%;
		
	}




/****modal fgts****/


textarea:focus, input:focus, select:focus {
    outline: 0;
}

* {
  box-sizing: border-box;
} 



#regForm {
  
  font-family: MuseoModerno;
  padding: 10px;
  width: 90%;

}

.fgtsquote {
  text-align: center;  
	font-family: MuseoModerno;
}



input {
	border:none;
border-bottom: 1px solid black;
	box-shadow: 0px 2px  #8C84FA;
	color:#ED1B22;
}

/* Marca as caixas de entrada que recebem um erro na validação: */
input.invalid {
  background-color: #ffdddd;
}

 input[type='radio']:checked:after {
        width: 15px;
        height: 15px;
        border-radius: 15px;
        top: -2px;
        left: -1px;
        position: relative;
        background-color: #ED1B22;
        content: '';
        display: inline-block;
        visibility: visible;
       
    }

/* Esconda todas as etapas por padrão: */
.tab {
  display: none;
	color:#ED1B22;
	font-family: MuseoModerno;
}



#nextBtn {
 
	
  cursor: pointer;
	padding: 0px 5px 0px 5px;
	border-radius: 25px;border-color: #ED1B22;background-color: white; font-family: futura;font-weight: bold;color: #ED1B22;
}

#nextBtn:hover {
  opacity: 0.8;
}

#prevBtn {
  text-align: left;
	padding: 0px 5px 0px 5px;
	border-radius: 25px;border-color: #ED1B22;background-color: white; font-family: futura;font-weight: bold;color: #ED1B22;
	
}

/* círculos que indicam as etapas do formulário: */
.step {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbbbbb;
  border: none;  
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
}

.step.active {
  opacity: 1;
	background-color:  #ED1B22;
}

/* Marca as etapas concluídas e válidas: */
.step.finish {
  background-color:  #ED1B22;
}

#nomehol::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-family: futura;
	 color: #ED1B22;
}
#nomehol::-moz-placeholder { /* Firefox 19+ */
   font-family: futura;
	color: #ED1B22;
}
#nomehol:-ms-input-placeholder { /* IE 10+ */
   font-family: futura;
	color: #ED1B22;
}
#nomehol:-moz-placeholder { /* Firefox 18- */
   font-family: futura;
	color: #ED1B22;
}



#nomehol:hover{
border:none;
}

#idadehol::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-family: futura;
	 color: #ED1B22;
}
#idadehol::-moz-placeholder { /* Firefox 19+ */
   font-family: futura;
	color: #ED1B22;
}
#idadehol:-ms-input-placeholder { /* IE 10+ */
   font-family: futura;
	color: #ED1B22;
}
#idadehol:-moz-placeholder { /* Firefox 18- */
   font-family: futura;
	color: #ED1B22;
}
#idadehol:hover{
border: none;
}

#estadohol::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-family: futura;
	 color: #ED1B22;
}
#estadohol::-moz-placeholder { /* Firefox 19+ */
   font-family: futura;
	color: #ED1B22;
}
#estadohol:-ms-input-placeholder { /* IE 10+ */
   font-family: futura;
	color: #ED1B22;
}
#estadohol:-moz-placeholder { /* Firefox 18- */
   font-family: futura;
	color: #ED1B22;
}
#cidadehol::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-family: futura;
	 color: #ED1B22;
}
#cidadehol::-moz-placeholder { /* Firefox 19+ */
   font-family: futura;
	color: #ED1B22;
}
#cidadehol:-ms-input-placeholder { /* IE 10+ */
   font-family: futura;
	color: #ED1B22;
}
#cidadehol:-moz-placeholder { /* Firefox 18- */
   font-family: futura;
	color: #ED1B22;
}

#datahol::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-family: futura;
	 color: #ED1B22;
}
#datahol::-moz-placeholder { /* Firefox 19+ */
   font-family: futura;
	color: #ED1B22;
}
#datahol:-ms-input-placeholder { /* IE 10+ */
   font-family: futura;
	color: #ED1B22;
}
#datahol:-moz-placeholder { /* Firefox 18- */
   font-family: futura;
	color: #ED1B22;
}

/****************/

/****janela modal***/
.form-group4{
	align-content: center;
	align-items: center;
	text-align: center;
	padding-bottom: 2%;
	
}

.linha-vertical{
		display: block;
		
	}
	.linha-horizontal{
		display: none;
		
	}
/*formulario do modal*/
#formsimulecategoria{
	width: 87%;margin-left: 2.2%;
	margin-top: 2%;
	}
#inputmsgsimu::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-family: futura;
	 color: black;
}
#inputmsgsimu::-moz-placeholder { /* Firefox 19+ */
   font-family: futura;
	color: black;
}
#inputmsgsimu:-ms-input-placeholder { /* IE 10+ */
   font-family: futura;
	color: black;
}
#inputmsgsimu:-moz-placeholder { /* Firefox 18- */
   font-family: futura;
	color: black;
}
#inputnomesimu::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-family: futura;
	 color: black;
}
#inputnomesimu::-moz-placeholder { /* Firefox 19+ */
   font-family: futura;
	color: black;
}
#inputnomesimu:-ms-input-placeholder { /* IE 10+ */
   font-family: futura;
	color: black;
}
#inputnomesimu:-moz-placeholder { /* Firefox 18- */
   font-family: futura;
	color: black;
}

#inputtelsimu::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-family: futura;
	 color: black;
}
#inputtelsimu::-moz-placeholder { /* Firefox 19+ */
   font-family: futura;
	color: black;
}
#inputtelsimu:-ms-input-placeholder { /* IE 10+ */
   font-family: futura;
	color: black;
}
#inputtelsimu:-moz-placeholder { /* Firefox 18- */
   font-family: futura;
	color: black;
}


#modalbtn{
		min-height: 6vh;
		width: 40%;
	}

#inputnomesimu{
width: 100%;
	/*border:none;*/
  border: 1px solid black;/*box-shadow: 0px 2px  #8C84FA;*/color:black;
	
	
	
}

/*#inputnomesimu:hover{

	
	border-bottom:1px solid white;
}*/



#inputtelsimu{
width: 100%;
	/*border:none;*/
  border: 1px solid black;/*box-shadow: 0px 2px  #8C84FA;*/color:black;
}

/*#inputtelsimu:hover{

	
	border-bottom:1px solid white;
}*/


#inputmsgsimu{
width: 80%;
	border: 1px solid black;/*box-shadow: 0px 2px  #8C84FA;*/color:black;
	min-height: 20vh;
}

/*#inputmsgsimu:hover{

	
	border:1px solid white;
}*/



/*/////////////janela modal2//////////*/

#mask2 {position:absolute;
    width:100%;
	
height:850%;
z-index:9999;  
background-color:#000; 
display:none;
}

#boxes .window2 {
position:absolute;
width:70%;
	margin-top: 182%;
height:850%;
display:none;
z-index:9999;
padding:20px;
	border-radius: 25px;
	background-color: #DBDBDB;
	background-image: url("../images/a white!.png");
	background-repeat: no-repeat;
	background-size: cover;
}

/* Personalize a janela modal aqui. Você pode adicionar uma imagem de fundo. */
#boxes #dialog2 {
	margin-top: 182%;
width:70%;
height:850%;

}
/* posiciona o link para fechar a janela */
.close2 {
display:block; 
text-align:right;
}  

.boxmodal{
	text-align: center;
	font-size: 130%;
	margin-top: -5%;
	/*text-shadow: 1px 1px 2px black;*/
	
	
}
.boxmodal h1{
	text-align: center;
	margin-left: 10%;
}


/*/////////////janela modal//////////*/

#mask {position:absolute;
    width:100%;
height:100%;
z-index:9999;  
background-color:#000; 
display:none;
}

#boxes .window {
position:absolute;
width:70%;
height:70%;
display:none;
z-index:9999;
padding:20px;
	border-radius: 25px;
	background-color: #DBDBDB;
	background-image: url("../images/a white!.png");
	background-repeat: no-repeat;
	background-size: cover;
}

/* Personalize a janela modal aqui. Você pode adicionar uma imagem de fundo. */
#boxes #dialog {
width:70%;
height:70%;

}
/* posiciona o link para fechar a janela */
.close {
display:block; 
text-align:right;
}  

.boxmodal{
	text-align: center;
	font-size: 130%;
	margin-top: -5%;
	/*text-shadow: 1px 1px 2px black;*/
	
	
}
.boxmodal h1{
	text-align: center;
	margin-left: 10%;
}

.forsim{
		background-color: rgba(255,255,255,0.60); width: 70%;
		
	}



/***** pedidos simu**********/



.priv2{font-size: 42pt;text-align: center;color:#ED1B22}


/****/

.cookieConsentContainer{
	z-index:999;
	width:350px;
	min-height:20px;
	box-sizing:border-box;
	padding:20px 20px 20px 20px;
	background:#ED1B22;
	overflow:hidden;
	position:fixed;
	bottom:30px;
	right:30px;
	display:none;
	border-radius: 25px;
}

.cookieConsentContainer .cookieTitle a{
	font-family:OpenSans,arial,sans-serif;
	color:#fff;
	font-size:22px;
	line-height:20px;
	display:block;
	text-decoration: none;
}
.cookieConsentContainer .cookieDesc p{
	margin:0;
	padding:0;
	font-family:futura;
	color:#fff;
	font-size:13px;
	line-height:20px;
	display:block;
	margin-top:10px
}
.cookieConsentContainer .cookieDesc a{
	font-family:futura;
	color:#fff;text-decoration:underline
}
.cookieConsentContainer .cookieButton a{
	display:inline-block;
	font-family:futura;
	color:#000;
	opacity: 0.8;
	font-size:14px;
	font-weight:700;
	margin-top:14px;
	background:white;
	box-sizing:border-box;
	padding:15px 24px;
	border-radius: 25px;
	text-align:center;
	transition:background .3s
}
.cookieConsentContainer .cookieButton a:hover{
	cursor:pointer;
	padding:17px 29px;
	text-decoration: none;
}@media (max-width:980px){
	.cookieConsentContainer{
		bottom:0!important;
		left:0!important;
		width:70%}
}
@media (max-width:376px){
	.priv2{font-size: 24pt;
		text-align: center;
		color:#ED1B22}
	#boxes .window2 {
		margin-top: 2390%;
		margin-left: 0px;
		height: 2310%} 
	#boxes #dialog2 {
		margin-top: 2390%;
		margin-left: -50px;
		height: 2310%}
	.cookieConsentContainer{
		bottom:0!important;
		left:0!important;
		width:70%}
}
@media (max-width:765px){ 
	.priv2{font-size: 24pt;
		text-align: center;
		color:#ED1B22;}
	#boxes .window2 {
		margin-top:2390%;
		margin-left: 0px;
		height: 2310%}
	#boxes #dialog2 {
		margin-top: 2390%;
		height: 2310%;
		margin-left: -50px;} 
	.cookieConsentContainer{
		bottom:0!important;
		left:0!important;
		width:70%}
}

/*----------bloco produtos ------------*/
.produtos {
	padding-top: 4%;
	width: 60%;
	font-family: futura;
	text-align: left;
	
	grid-template-areas: 
        "consignado"
        "cartao"
        "pessoal"
		"produto"
		;
	
    grid-template-columns: auto;
    grid-template-rows: 50px auto auto; 
}
.produtos a{
	align-items: center;
	justify-content: center;
	text-align: center;
	display: grid;
	
}

.produtos h1{
	font-size: 27px;
	font-weight: 600;
	
}
.produtos h2{
	font-size: 15px;
	width: 80%;
	
}
.consignado{
	display:grid;
	grid-area: consignado;
}
.cartao{
	display:grid;
	grid-area: cartao;
}
.pessoal{
	margin-top: 10%;
	display:grid;
	grid-area: pessoal;
	
}
.digital{
	margin-top: 10%;
	display:grid;
	grid-area: digital;
}

.quemsomos ul li :hover{
		color: black;
	}

.simuleaqui{
	
	font-family: MuseoModerno;
	font-size: 42px;
	letter-spacing: 3px;
	color:#ED1B22;

}

.entre{
	font-size: 97px; font-family: MuseoModerno; text-align: center;color: #ED1B22;padding-top: 5%;
}

.produtos .produto{
	
	font-family: MuseoModerno;
	font-size: 92px;
	letter-spacing: -3px;
	color:#ED1B22;
	text-align: center;
}

.nav-links li:hover ul, .nav-links li.over ul{display:block;}
.logo{
	
	height: 4.9em;
}
.menuline1{
	display: block;
	cursor: pointer;
	margin-left: -30%;
	margin-top: -9.5%;
	
}

.menuline1 div{
	width: 25px;
	height: 2px;
	background-color: white;
	margin: 5px;
	transition: all 0.3s ease;
}

#formenvi{
display:none;	
}


#inputcontatonome::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-family: futura;
	 color: #ED1B22;
}
#inputcontatonome::-moz-placeholder { /* Firefox 19+ */
   font-family: futura;
	color: #ED1B22;
}
#inputcontatonome:-ms-input-placeholder { /* IE 10+ */
   font-family: futura;
	color: #ED1B22;
}
#inputcontatonome:-moz-placeholder { /* Firefox 18- */
   font-family: futura;
	color: #ED1B22;
}
#inputcontatonome{
width: 100%;
	border:none;
  border-bottom: 1px solid #ED1B22;box-shadow: 0px 2px  #8C84FA;
	
}

#inputcontatonome:hover{

	
	border-bottom:1px solid white;
}

#inputcontatotel::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-family: futura;
	 color: #ED1B22;
}
#inputcontatotel::-moz-placeholder { /* Firefox 19+ */
   font-family: futura;
	color: #ED1B22;
}
#inputcontatotel:-ms-input-placeholder { /* IE 10+ */
   font-family: futura;
	color: #ED1B22;
}
#inputcontatotel:-moz-placeholder { /* Firefox 18- */
   font-family: futura;
	color: #ED1B22;
}
#inputcontatotel{
width: 100%;
	border:none;
  border-bottom: 1px solid #ED1B22;box-shadow: 0px 2px  #8C84FA;
}

#inputcontatotel:hover{

	
	border-bottom:1px solid white;
}


#inputcontatomsg::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-family: futura;
	 color: #ED1B22;
}
#inputcontatomsg::-moz-placeholder { /* Firefox 19+ */
   font-family: futura;
	color: #ED1B22;
}
#inputcontatomsg:-ms-input-placeholder { /* IE 10+ */
   font-family: futura;
	color: #ED1B22;
}
#inputcontatomsg:-moz-placeholder { /* Firefox 18- */
   font-family: futura;
	color: #ED1B22;}

#inputcontatomsg{
width: 100%;
	border: none;
	border-bottom: 1px solid #ED1B22;box-shadow: 0px 2px  #8C84FA;
}

#inputcontatomsg:hover{

	
	border:1px solid white;
}



::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-family: futura;
	 color: #ED1B22;
}
::-moz-placeholder { /* Firefox 19+ */
   font-family: futura;
	color: #ED1B22;
}
:-ms-input-placeholder { /* IE 10+ */
   font-family: futura;
	color: #ED1B22;
}
:-moz-placeholder { /* Firefox 18- */
   font-family: futura;
	color: #ED1B22;
}

.toggle .line4{
	transform: rotate(-45deg) translate(-5px,6px);
}
.toggle .line5{
	opacity: 0;
}
.toggle .line6{
	transform: rotate(45deg) translate(-5px,-6px);
}

.nav-links2{
	display: flex;
	justify-content: space-around;
	width: 20%;	
	margin-right: -8%;
}

.endereco{
		width:25%;
	text-align: left;
	margin-left: 1%;
	}

.nav-links2 li{
	list-style: none;
	
}

.nav-links2 a{
	color: white;
	text-decoration: none;
	letter-spacing: 1px;
	/*font-weight: bold;*/
	z-index: 9999px;
	
}
.nav-links2 a:hover {
	color: white;
	text-decoration: none;
	letter-spacing: 1px;
/*	font-weight: bold; */
	margin-left: 1px;
	margin-right: 1px;
	z-index: 9999px;
	
}

.nav-links2 li  ul{
position:absolute;

display:none;
}

.nav-links2 li:hover ul, .nav-links li.over ul{display:block;}


.nav-links2{
		position: fixed;
		left: 0px;
		height: 72vh;
		top: 10.5vh;
		background-color: #ff141d;
		display: none;
		flex-direction: column;
		align-items: center;
		width: 20%;
	animation-name: navlink2fade;
	animation-duration: 1.5s ;
	animation-fill-mode: forwards;
	border-radius: 12px;
		transform: translateX(100%);
		transition: transform 1s ease-in;
		transition: opacity 1s ease-out; 
    opacity: 0;
    
    overflow: hidden;
		z-index: 99999;
	
	}
@keyframes navlink2fade {
		from{
			opacity: 0;
			transform: translateX(-50px);
		}
		to{
			opacity: 1;
			transform: translateX(-10px);
		}
	}





/*---------------------------------*/

/* ---- botao whaysapp --- */






.slicknav_menu{
	
	display: none;
}

.fixed-action-btn{
    position:fixed;

    padding-top:15px;
    margin-bottom:0;
    z-index:997;
    bottom:5%;
    right:6%;
    
  }
  
  .btn-floating.btn-large{
      background: url("../images/whatsapp.jpg") no-repeat bottom;
      -webkit-transition: box-shadow 1s, width 1s, height 1s, transform 1s;
    transition: width 1s, height 1s, transform 2s;
    width:70px;
    height:70px;
    padding:0;
  }

.btn-floating.btn-large:hover{
    width:90px;
    height:90px;
 /*   transform: rotateY(10deg); */
    box-shadow: 0px 5px 15px rgba(0,0,0,0.3);
}
  
  .btn-large{
    height:54px;
    line-height:54px;
    font-size:15px;
    padding: 0 28px;
  }
  
  .btn-floating{
    display: inline-block;
    color: #FFF;
    position: relative;
    overflow: hidden;
    z-index: 1;
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    border-radius: 50%;
    -webkit-transition: width 2s, height 2s, transform 2s;
    transition: width 2s, height 2s, transform 2s;
    cursor: pointer;
    vertical-align: middle;
      
  }
  
  .btn-floating.btn-large i{
    line-height:56px;
      width: 80px;
  }
  
  .btn-floating i{
    width: inherit;
    display:inline-block;
    text-align:center;
    color: #FFF;
    font-size: 1.6rem;
    line-height: 40px;
  }
  .fixed-action-btn ul{
    left: 0;
    right: 0;
    text-align: center;
    position: absolute;
    bottom: 15%;
    margin: 0;
    visibility: hidden;
  }
  .fixed-action-btn.active ul{
    visibility: visible;
  }
  ul:not(.browser-default){
    padding-left:0;
    list-style-type:none;
  }
  .fixed-action-btn  ul li{
    margin-bottom:15px;
  }
  .fixed-action-btn.direction-left, .fixed-action-btn.direction-right{
    padding: 0 0 0 15px;
  }
  .fixed-action-btn.direction-left ul, .fixed-action-btn.direction-right ul{
    text-align:right;
    right: 64px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 100%;
    left:auto; 
    width: 500px;
  }
  .fixed-action-btn.direction-left ul li, .fixed-action-btn.direction-right ul li{
    display: inline-block;
    margin: 7.5px 15px 0 0;
  }

/* -----final botao whatsapp --- */

*{
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}

.content-site{
	padding-top: 10%;
	padding-bottom: 10%;
	margin-top: -5%;
	
	
}

#bx1{
	
	margin-right: 3%;
	background-color: white;
	padding-top: 5%;
	padding-bottom: 5%;
		-webkit-box-shadow: -3px 7px 22px 9px rgba(0,0,0,0.83);
-moz-box-shadow: -3px 7px 22px 9px rgba(0,0,0,0.83);
box-shadow: -3px 7px 22px 9px rgba(0,0,0,0.83); 
	color: #ff141d;
}
#bx1:hover{
	padding-top: 4%;
	padding-bottom: 6%;
	-webkit-box-shadow: -3px 7px 26px 12px rgba(0,0,0,0.83);
-moz-box-shadow: -3px 7px 26px 12px rgba(0,0,0,0.83);
box-shadow: -3px 7px 26px 12px rgba(0,0,0,0.83); 
	color:#A61117;
	
}



	.logo img{
		width: 45%;
		margin-left: 30%;
		margin-top: -2.2%;
	}
.botsimuleprod{width: 35%; font-size: 15px; font-family: futura;padding: 4% ;
color: white;
	background-color: #ED1B22;
	
		
	border-radius: 25px;
	letter-spacing: 0.1px;
	text-decoration: none !important;
	

}

.credenciados{
	width: 100%;
}

.credenciados img{
	
	width: 100%;
}
.bancos{
	
	width: 80%;
}

.produtos .botsimuleprod:hover{
	text-decoration: none !important;
	color: white !important;
}

.botsimule{
	
	color: white;
	background-color: #ED1B22;
	padding: 1.2% 4% 1.2% 4%;
	font-family: futura;
	font-size: 16px;
	border-radius: 25px;
	letter-spacing: 0.1px;
	text-decoration: none;
	width: 20%;
	
}

.botsimule:hover {
	
text-decoration: none;	
	color: white;
}

.botsimule a :hover {
	
text-decoration: none;	
	color: white;
}

.botsimule a  {
	
text-decoration: none;	
	color: white;
}

#comtaxas{
	font-family: futura;
	font-size: 31px;
	border: 9px solid #ED1B22;
  border-radius: 35px;
	width: 40%;
	padding: 0.7%;
}

#creditopara{
	
	width: 70%;
	font-size: 92px;
	font-family: MuseoModerno;
	font-weight:bold;
	letter-spacing: -3px;
	color: #ED1B22;
	opacity: 100%;
	z-index: 1;
	margin-top: -5%;
	
	
}


nav{
	/*margin-top: 3%; */
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 18vh;
	 font-family: 'Open Sans', arial, times;
	background-color: white;
	background-size:cover;
	width: 100%;
	position:fixed;
	border-bottom: 5px solid #A0A09F;
	
	z-index: 9999;
	
}
.espaco{
	
	padding-bottom: 3.1%;
	
}
.header{
	
}




.middle-site {
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center top;
	background-size: cover;
	
	background-image: url("../images/banner1.jpg");
	padding-bottom: 6%;
	padding-top: 6%;
	z-index: -1;
	
	
		
}

.imgquemsomos{
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center top;
	background-size: cover;
	
	background-image: url("../images/quemsomos.png");
	padding-bottom: 8%;
	padding-top: 8%;
	
		
}

.imgqsomos{
margin-top: 4%;
	margin-bottom: 4%;
	opacity: 0.35;

	
	
}
.txtqsomos{
	
	margin-top: 4%;
	margin-bottom: 4%;
	
}

.inssimg{
	
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center top;
	background-size: cover;
	
	background-image: url("../images/inss.png");
	padding-bottom: 8%;
	padding-top: 8%;
	
}



.nav-links{
	display: flex;
	justify-content: space-around;
	width: 120%;	
	margin-right: 10%;
	font-family: futura;
	font-size: 15px;
	background-color: #F1F0F0;
	border-radius: 30px;
	min-height: 10vh;
	align-items: center;
	
}

.nav-links li{
	list-style: none;
	margin-left: 2.5%;
	margin-right: 2.5%;
}

.nav-links a{
	color: #ff141d;
	text-decoration: none;
	letter-spacing: 1px;
	/*font-weight: bold;*/
	z-index: 9999px;
	
	
}
.nav-links a:hover {
	color: #ff141d;
	text-decoration: none;
	letter-spacing: 1px;
	/*font-weight: bold; */
	margin-left: 1px;
	margin-right: 1px;
	z-index: 9999px;
	
}

.nav-links li  ul{
position:absolute;

display:block;
}

.nav-links li:hover ul, .nav-links li.over ul{display:block;}

.menuline{
	display: none;
	cursor: pointer;
}

.parceiros{
color: #333333; font-size: 52pt;font-family: MuseoModerno;/*text-shadow: -3px 3px 0px rgba(138, 145, 149, 1)*/;
	
	}

.menuline div{
	width: 36px;
	height: 6px;
	background-color: #ED1B22;
	margin: 5px;
	transition: all 0.3s ease;
}


.titulocredenciados {
	
	margin-top: -5%;
	
}
/*
#shade{
	
	display: none;
	
}
#shade1{
	
	display: none;
	
}

#shade2{
	
	display: none;
	
}

#shade3{
	
	display: none;
	
}

#shade4{
	
	display: none;
	
}

#shade5{
	
	display: none;
	
}

*/

.botao2 .btn  {/*font-weight: bold;*/
  white-space: pre-wrap;
letter-spacing: 2px;
background-color: #ff141d;
color: white;}

.botao2 .btn:hover {
  color: white !important;
  background-color: #ff141d;}

.form-group{
	
	text-align: left;
	
	
}
.whatsapp{
	width: 25%;
	text-align: left;
	margin-left: 1%;
}



  
@media (max-width: 767px) {.m20{
  font-size: 20pt !important;}}
#_5ca3c9d2c1332_1554237906  { background-color:transparent !important;background-position:left top;background-repeat:repeat-x;border:0;border-style:solid; }
#_5ca3c9d2c1332_1554237906 { padding-top:100px !important;padding-right:20px !important;padding-left:20px !important;padding-bottom:100px !important; }
@media screen and (max-width: 767px) { #_5ca3c9d2c1332_1554237906  { padding-right:5px !important;padding-left:5px !important; }
 }
@media screen and (min-width: 992px) { #_5ca3c9d2c1332_1554237906  { padding-top:100px !important;padding-right:20px !important;padding-bottom:100px !important;padding-left:20px !important; }
 }
#_5ca3c9d2c1332_1554237906 { clear:both; }
#text_5ffdd3e41aa97 { border:0;border-style:solid;padding-right:10px !important;padding-left:10px !important;padding-bottom:30px !important; }
#_5112147742_1554237951{ background-color:transparent !important;background-position:left top;background-repeat:repeat-x;border:0;border-style:solid;padding-top:20px !important; }
@media screen and (min-width: 992px) { #_5112147742_1554237951 { padding-top:20px !important; }
 }
#_3086006974_1554237951 { border-top-width:0px ;border-right-width:0px ;border-left-width:0px ;border-bottom-width:0px ;padding-top:12px !important;padding-right:12px !important;padding-left:12px !important;padding-bottom:12px !important;margin-bottom:0px;border-top-right-radius:40px !important;border-bottom-right-radius:40px !important;border-top-left-radius:40px !important;border-bottom-left-radius:40px !important;font-size:16px;white-space:pre-wrap;height:auto; }

.redd{
	
	background-color: #ff141d;
	width: 100%;
	
}
.quemsomos{
	
	color: white;
	text-decoration: none;
	margin-left: -3%;
	
	
	
	
}
.quemsomos a {
	
	color: white;
	text-decoration: none;
	
	
	
}

.ondeestamos{
	color: white;
	margin-left: -6%;
	text-decoration: none;
	
	
	
}
.ondeestamos span {
	color: white;
	
	text-decoration: none;
	
	
	
}

.imgfooter img{
	
	width:  120%;
	
	

	
}

.email{
	margin-right: -6%;
}

.redes{
	margin-left: -15%;
	align-items: center;
}

.redes img{
	width: 
		15%;
}


.preferir{
	font-size: 97px; font-family: MuseoModerno; text-align: center;color: #ED1B22;padding-top: 5%;width: 90%;
}
	.preferirfor{
	background-color: white; width: 90%;margin-left: 25%;
}

.btviar{
	
	border-radius: 25px; min-height: 8vh;width: 60%;margin-left: 20%;font-family: futura;font-weight: bolder;
}

.imgfooter{
	float: left;
	color: white;
	margin-left: 6%;
	
	margin-top: 5%;
	width: 40%;

	
}

.mcon{
		width: 90%;align-content: center;align-items: center;align-self: center;margin-left: 15%;padding-top: 4%;
	}

.sobretit{
		font-size: 97px;
	font-family: MuseoModerno;
	padding-top: 4%;
	}
.tamanho{
	width: 90%;text-align: left;
}

@media screen and (max-width:768px){
	
	
	#formsimulecategoria{
	width: 87%;margin-left: 2.2%;
	margin-top: 2%;
	}
	
	.logofoot{
	
	width: 100%;

	
}
	
	
	
	
	
}


@media screen and (max-width:1130px){
	
	
	#formsimulecategoria{
	width: 55%;margin-left: 1.2%;
	margin-top: 2%;
	}
	
	.linhafoot{
		font-size: 92px; color: #DBDBDB;margin-top: -10%; margin-left: -13%;
	}
	
	/*formulario do modal*/
	
	#modalbtn{
		min-height: 2vh;
		width: 25%;
		margin-left: -45%;
		
	}

	.ligueformvalidatorrmodal{
		width: 180%;
		margin-left: -5%;
	}	
	
#inputnomesimu{
width: 40%;
	/*border:none;*/
  border-bottom: 1px solid black;/*box-shadow: 0px 2px  #8C84FA;*/color:black;
	
}

/*#inputnomesimu:hover{

	
	border-bottom:1px solid white;
}
*/


#inputtelsimu{
width: 40%;
	/*border:none;*/
  border-bottom: 1px solid black;/*box-shadow: 0px 2px  #8C84FA;*/color:black;
}

/*#inputtelsimu:hover{

	
	border-bottom:1px solid white;
}
*/

#inputmsgsimu{
width: 50%;
	border: 1px solid black;/*box-shadow: 0px 2px  #8C84FA;*/color:black;
	min-height: 7vh;
	margin-left: -50%;
}

/*#inputmsgsimu:hover{

	
	border:1px solid white;
}*/

	
	#boxes #dialog {
width:90%;
height:50%;
		margin-left: -5%;

}
	.forsim{
		background-color: rgba(255,255,255,0.60); width: 60%;
		
	}
	
	.linha-vertical{
		display: block;
		
	}
	.linha-horizontal{
		display: none;
		
	}
	
	.linhasobre{
		margin-left: -10%;
	}
	
	.entre{
	font-size: 55px; font-family: MuseoModerno; text-align: center;color: #ED1B22;padding-top: 5%;
}
	
	.preferir{
	font-size: 52px; font-family: MuseoModerno; text-align: center;color: #ED1B22;padding-top: 5%;width: 90%;
}
	.preferirfor{
	background-color: white; width: 90%;margin-left: 25%;
}
	
	
	.sobretit{
font-size: 65px; font-family: MuseoModerno; text-align: center;color: #ED1B22;padding-top: 5%; width: 90%;
}
	
	
	.visao{	
	width: 33%;
		
		
}
	.acreditamos{
		width: 33%;
		
	}
	
	.historia{
		width: 33%;
	}
	
	.botsimuleprod{width: 85%; font-size: 15px; font-family: futura;padding: 4% ;
color: white;
	background-color: #ED1B22;
	
	margin-left: -30%;
	border-radius: 25px;
	letter-spacing: 0.1px;
	text-decoration: none;
	

}
	.endereco{
		width:25%;
		text-align: left;
	}
	.whatsapp{
		width:25%;
		text-align: left;
	}
	
	.btviar{
	
	border-radius: 25px; min-height: 3vh;width: 60%;margin-left: 20%;font-family: futura;font-weight: bolder;
}
	
	.email{
		margin-right: -5%;
	}
	
	.imgfooter img{
	
	width:  80%;
		margin-top: 10%;

	
}
	
	.fixed-action-btn{
		right: 15%;
		bottom: 15%;
	}
	
	.parceiros{
color: #333333; font-size: 45px;font-family: MuseoModerno;/*text-shadow: -3px 3px 0px rgba(138, 145, 149, 1)*/;
	
	}
	
	.entre{
		font-size:65px;
	}
	
	.produtos .produto{
		 font-size:65px;
	}
	#comtaxas{
	font-family: futura;
	font-size: 30px;
	border: 9px solid #ED1B22;
  border-radius: 35px;
	width: 40%;
	padding: 0.7%;
}
	
	

#creditopara{
	
	width: 70%;
	font-size: 48px;
	font-family: MuseoModerno;
	font-weight:bold;
	letter-spacing: -3px;
	color: #ED1B22;
	opacity: 100%;
	z-index: 1;
	margin-top: -5%;
	
	
}

	.nav-links{
		width: 50%;
	 	margin-left: 1%;
	}
	
	
	
	.logo img{
		width: 50%;
		margin-left: 25%;
		margin-top: -1%;
		
	}
	

nav{
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 5vh;

	
	background-size:cover;
	width: 100%;
	position:fixed;
	
	z-index: 9999;
	
}
	.menuline{
	margin-top: -1.5%;
		
}
	
	.nav-links2{
	top:4.5vh; 
		height: 48vh;
	
}

	
	.menuline1{
		display: none;
	}
	
	.menuline{
		
		margin-right: 50%;
		color: #ED1B22;
	}
	
	/*	#shade{
		display: block;
	}
	#shade1{
		display: block;
	}
	#shade2{
		display: block;
	}
	#shade3{
		display: block;
	}
	#shade4{
		display: block;
	}
	#shade5{
		display: block;
	} */
	
	
	.espaco{
	
	padding-bottom: 6%;
}
	
	 body{
		overflow-x: hidden;
	} 
	
	
	
	.middle-site{
		
	
	background-repeat: no-repeat;
	background-attachment: inherit;
	background-position: center top;
	background-size: cover;
	
	background-image: url("../images/banner1.jpg");
	padding-bottom: 16%;
	padding-top: 16%;
	
		
	}
	.middle-site h1 h2 a{
		
	
	width: 60%;
	
		
	}
	
	.nav-links{
		position: fixed;
		right: -45px;
		/*height: 72vh;*/
		top: 6.5vh;
		background-color: white;
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 65%;
		/*transform: translateX(100%);
		transition: transform 0.5s ease-in;*/
		
		border-radius: 25px;
		transition: opacity 1s ease-out;
    opacity: 0;
    height: 0;
    overflow: hidden;
		z-index: 99999;
	
	}
		
		.nav-active{
			opacity: 0.9;
    height: 72vh;
		
		
		
	}
	.nav-links li{
		opacity: 0;
		font-size: 50px;
	}
	
	.menuline{
		display: block;
		
	}
	
	.nav-active{
		transform:translateX(0%);
	}
	
	/*
.contatospag{
	display:flex;
	justify-content: center;
	text-align: center;
	font-size: 14px;
	background-image: linear-gradient(180deg , #C7C5C5 , #991A39);
	font-weight: bold;
	color: white;
	 font-family: 'Open Sans', arial, times;
	
}*/

.toggle .line1{
	transform: rotate(-45deg) translate(-5px,6px);
	z-index: 9999;
}
.toggle .line2{
	opacity: 0;
	z-index: 9999;
}
.toggle .line3{
	transform: rotate(45deg) translate(-5px,-6px);
	z-index: 9999;
}

.nav-links2{
	display: none;
	
}

}
@keyframes navLinkFade {
		from{
			opacity: 0;
			transform: translateX(50px);
		}
		to{
			opacity: 1;
			transform: translateX(-55px);
		}
	}

	
	
	


@media screen and (max-width:829px){
	
	
	
	#formsimulecategoria{
	width: 53%;margin-left: 1.2%;
	margin-top: 2%;
	}
	
	.linhafoot{
		font-size: 92px; color: #DBDBDB;margin-top: -10%; margin-left: -13%;
	}
	
	/*formulario do modal*/
	

	#modalbtn{
		min-height: 2vh;
		width: 25%;
	}

	.ligueformvalidatorrmodal{
		width: 180%;
		margin-left: -5%;
	}	
	
#inputnomesimu{
width: 50%;
	/*border:none;*/
  border-bottom: 1px solid black;/*box-shadow: 0px 2px  #8C84FA;*/color:black;
	
}

/*#inputnomesimu:hover{

	
	border-bottom:1px solid white;
}
*/


#inputtelsimu{
width: 50%;
	/*border:none;*/
  border-bottom: 1px solid black;/*box-shadow: 0px 2px  #8C84FA;*/color:black;
}

/*#inputtelsimu:hover{

	
	border-bottom:1px solid white;
}*/


#inputmsgsimu{
width: 40%;
	border: 1px solid black;/*box-shadow: 0px 2px  #8C84FA;*/color:black;
	min-height: 12vh;
	margin-left: -50%;
}

/*#inputmsgsimu:hover{

	
	border:1px solid white;
}*/

	
	#boxes #dialog {
width:90%;
height:40%;
		margin-left: -5%;

}
	.forsim{
		background-color: rgba(255,255,255,0.60); width: 80%;
		
	}
	
	.linha-vertical{
		display: block;
		
	}
	.linha-horizontal{
		display: none;
		
	}
	
	.linhasobre{
		margin-left: -25%;
	}
	
	.whatsapp{
		width: 25%;
	}
	
	.produtos {
		width: 90%;
	}
	
	.tamanho{
		width: 90%;
	}
	
		.entre{
	font-size: 35px; font-family: MuseoModerno; text-align: center;color: #ED1B22;padding-top: 5%;
}
	
	.preferir{
	font-size: 35px; font-family: MuseoModerno; text-align: center;color: #ED1B22;padding-top: 5%;width: 90%;
}
	.preferirfor{
	background-color: white; width: 90%;margin-left: 25%;
}
	
	
	.sobretit{
font-size: 35px; font-family: MuseoModerno; text-align: center;color: #ED1B22;padding-top: 5%; width: 90%;
}
	
	
	.visao{	
	width: 33%;
		
		
}
	.acreditamos{
		width: 33%;
		
	}
	
	.historia{
		width: 33%;
	}
	
	.botsimuleprod{width: 85%; font-size: 15px; font-family: futura;padding: 4% ;
color: white;
	background-color: #ED1B22;
	
	margin-left: -30%;
	border-radius: 25px;
	letter-spacing: 0.1px;
	text-decoration: none;
	

}
	
	
	
	.endereco{
		width:25%;
	}
	.mcon{
		width: 90%;align-content: center;align-items: center;align-self: center;margin-left: 3%;
	}
	.email{
		margin-right: 5%;
	}
	
	.imgfooter img{
	
	width:  80%;
		margin-top: 20%;

	
}
	
	.fixed-action-btn{
		right: 15%;
		bottom: 15%;
	}
	
	.menuline1{
		display: none;
	}
	
	.menuline{
		
		margin-right: 50%;
		color: #ED1B22;
	}
	
	/*	#shade{
		display: block;
	}
	#shade1{
		display: block;
	}
	#shade2{
		display: block;
	}
	#shade3{
		display: block;
	}
	#shade4{
		display: block;
	}
	#shade5{
		display: block;
	} */
	
	
	.espaco{
	
	padding-bottom: 6%;
}
	
	 body{
		overflow-x: hidden;
	} 
	
	
	
	.middle-site{
		
	
	background-repeat: no-repeat;
	background-attachment: inherit;
	background-position: center top;
	background-size: cover;
	
	background-image: url("../images/banner1.jpg");
	padding-bottom: 16%;
	padding-top: 16%;
	
		
	}
	.middle-site h1 h2 a{
		
	
	width: 50%;
	
		
	}
	
	.nav-links{
		position: fixed;
		right: -25px;
		/*height: 72vh;*/
		top: 6.5vh;
		background-color: white;
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 65%;
		
		/*transform: translateX(100%);
		transition: transform 0.5s ease-in;*/
		
		border-radius: 25px;
		transition: opacity 1s ease-out;
    opacity: 0;
    height: 0;
    overflow: hidden;
		z-index: 99999;
	
	}
		
		.nav-active{
			opacity: 0.9;
    height: 72vh;
		
		
		
	}
	.nav-links li{
		opacity: 0;
		font-size: 40px;
		
		
	}
	
	.menuline{
		z-index: 9999;
		display: block;
		
	}
	
	.nav-active{
		transform:translateX(0%);
	}
	
	.toggle .line1{
	transform: rotate(-45deg) translate(-5px,6px);
}
.toggle .line2{
	opacity: 0;
}
.toggle .line3{
	transform: rotate(45deg) translate(-5px,-6px);
}

.nav-links2{
	display: none;
	
}


	
} 

@keyframes navLinkFade {
		from{
			opacity: 0;
			transform: translateX(50px);
		}
		to{
			opacity: 1;
			transform: translateX(-55px);
		}
	}
/*
.contatospag{
	display:flex;
	justify-content: center;
	text-align: center;
	font-size: 14px;
	background-image: linear-gradient(180deg , #C7C5C5 , #991A39);
	font-weight: bold;
	color: white;
	 font-family: 'Open Sans', arial, times;
	
}*/


@media screen and (max-width:375px){
	
	
	
	#formsimulecategoria{
	width: 44%;margin-left: 1.2%;
	margin-top: 2%;
	}
	
	.entredv{
		width: 100%;
	}
	
		.entre{
	font-size: 35px; font-family: MuseoModerno; text-align: center;color: #ED1B22;padding-top: 5%;
}
	
	.preferir{
	font-size: 35px; font-family: MuseoModerno; text-align: center;color: #ED1B22;padding-top: 5%;width: 90%;
}
	.preferirfor{
	background-color: white; width: 90%;margin-left: 4%;
}
	
	
	.sobretit{
font-size: 35px; font-family: MuseoModerno; text-align: center;color: #ED1B22;padding-top: 5%; width: 90%;
}
	
	.parceiros{
		padding-top: 10%;
		font-size: 25px;
	}
	.visao{	
	margin-top: 25%;
		width: 80%;
		
}
	.acreditamos{
		margin-top: 25%;
		width: 80%;
	}
	
	.historia{
		margin-top: 5%;
		width: 80%;
	}
	.linhasobre{
		margin-left: -25%;
	}
	.linha-vertical{
		display: none;
		
	}
	.linha-horizontal{
		display: block;
		
	}
	
	.botsimule{font-size: 19px;}
	.botsimuleprod{width: 85%; font-size: 15px; font-family: futura;padding: 4% ;
color: white;
	background-color: #ED1B22;
	
	margin-left: -15%;
	border-radius: 25px;
	letter-spacing: 0.1px;
	text-decoration: none;
	

}
	
	.produtos{width: 100%;}
	
	.produtos .consignado {
		margin-top: -15%;
		
		
		
	}
	
	.produtos .consignado h1 {
		font-size: 25px;
		
		
		
	}
	
	.produtos .pessoal h1 {
		font-size: 25px;
		
		
		
	}
	
	
	.logo{
	
	height: 4.9em;
}
	
.logo img{
		width: 65%;
		margin-left: 30%;
		margin-top: 7%;
	}
	
	.menuline1{
		display: none;
	}
	
	.menuline{
		z-index: 9999;
		margin-right: 50%;
		color: #ED1B22;
	}
	
	/*	#shade{
		display: block;
	}
	#shade1{
		display: block;
	}
	#shade2{
		display: block;
	}
	#shade3{
		display: block;
	}
	#shade4{
		display: block;
	}
	#shade5{
		display: block;
	} */
	
	.mcon{
		width: 90%;align-content: center;align-items: center;align-self: center;
	}
	
	.email{
		margin-right: 5%;
		width: 90%;
	}
	.whatsapp{
		width: 90%;
	}
	.endereco{
		width:90%;
	}
	
	.imgfooter img{
	
	width:  140%;
		
	}
	.imgfooter h4{
	
	width:  200%;
		
	}
	
	.imgfooter {
	
	
		margin-top: 5%;
		margin-left: 30%;

	
}
	#comtaxas{
		width: 70%;
	}
	
	.espaco{
	
	padding-bottom: 6%;
}
	
	 body{
		overflow-x: hidden;
	} 
	
	
	
	.middle-site{
		
	
	background-repeat: no-repeat;
	background-attachment: inherit;
	background-position: center top;
	background-size: cover;
	
	background-image: url("../images/banner1.jpg");
	padding-bottom: 16%;
	padding-top: 16%;
	
		
	}
	.middle-site h1 h2 a{
		
	
	width: 50%;
	
		
	}
	
	.nav-links{
		position: fixed;
		right: -10px;
		/*height: 72vh;*/
		top: 6.5vh;
		background-color: white;
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 65%;
		/*transform: translateX(100%);
		transition: transform 0.5s ease-in;*/
		
		border-radius: 25px;
		transition: opacity 1s ease-out;
    opacity: 0;
    height: 0;
    overflow: hidden;
		z-index: 99999;
	
	}
		
		.nav-active{
			opacity: 0.9;
    height: 72vh;
		
		
		
	}
	.nav-links li{
		opacity: 0;
		font-size: 24px;
		
	}
	
	.menuline{
		display: block;
		z-index: 9999;
	}
	
	.nav-active{
		transform:translateX(0%);
	}
	
	.toggle .line1{
	transform: rotate(-45deg) translate(-5px,6px);
}
.toggle .line2{
	opacity: 0;
}
.toggle .line3{
	transform: rotate(45deg) translate(-5px,-6px);
}

.nav-links2{
	display: none;
	
}

	.fixed-action-btn{
		right: 15%;
		bottom: 15%;
	}
	
	 .linhafoot1{
		display:block;
		 
	}
	
	.redes .linhafoot{
		display:block;
	}
	
	.redes{
		margin-top: 40%;
		width: 90%;
		margin-left: 30%;
		font-size: 25px;
	}
	
	.quemsomos{
		width: 90%;
		margin-left: 30%;
		font-size: 25px;
		margin-top: -10%;
	}
	
	.ondeestamos{
		width: 90%;
		margin-left: 30%;
	}
	.linhafoot{
		font-size: 92px; color: #DBDBDB;margin-top: -10%; margin-left: -13%;
	}
	
	/*formulario do modal*/

	.ligueformvalidatorrmodal{
		width: 180%;
		margin-left: -20%;
	}	
	
	#modalbtn{
		min-height: 2vh;
		width: 25%;
		margin-left: -20%;
	}
	
#inputnomesimu{
width: 100%;
	/*border:none;*/
  border-bottom: 1px solid black;/*box-shadow: 0px 2px  #8C84FA;*/color:black;
	
}

/*#inputnomesimu:hover{

	
	border-bottom:1px solid white;
}*/



#inputtelsimu{
width: 100%;
	/*border:none;*/
  border-bottom: 1px solid black;/*box-shadow: 0px 2px  #8C84FA;*/color:black;
}

/*#inputtelsimu:hover{

	
	border-bottom:1px solid white;
}*/


#inputmsgsimu{
width: 60%;
	border: 1px solid black;/*box-shadow: 0px 2px  #8C84FA;*/color:black;
	min-height: 20vh;
	margin-left: -25%;
}

/*#inputmsgsimu:hover{

	
	border:1px solid white;
}*/

	
	#boxes #dialog {
width:100%;
height:90%;
		margin-left: -5%;

}
	.forsim{
		background-color: rgba(255,253,253,0.60); width: 100%;
		
	}
	
	.fgtsquote {
  font-size: 24px;
}
	.inputfgts{
		font-size: 16px;
	}
	
	#boxes #dialog3 {
width:90%;
height:110%;

}
	
	
	
} 

@keyframes navLinkFade {
		from{
			opacity: 0;
			transform: translateX(50px);
		}
		to{
			opacity: 1;
			transform: translateX(-55px);
		}
	}
@media screen and (max-width:765px){

	
	
	#formsimulecategoria{
	width: 75%;margin-left: 2%;
	}
	.entredv{
		width: 100%;
	}
	
		.entre{
	font-size: 35px; font-family: MuseoModerno; text-align: center;color: #ED1B22;padding-top: 5%;
}
	
	.preferir{
	font-size: 35px; font-family: MuseoModerno; text-align: center;color: #ED1B22;padding-top: 5%;width: 90%;
}
	.preferirfor{
	background-color: white; width: 90%;margin-left: 4%;
}
	
	
	.sobretit{
font-size: 35px; font-family: MuseoModerno; text-align: center;color: #ED1B22;padding-top: 5%; width: 90%;
}
	
	.parceiros{
		padding-top: 10%;
		font-size: 25px;
	}
	.visao img{
		margin-left: -6%;
	}
	.visao{	
	margin-top: 25%;
		width: 80%;
		
}
	.acreditamos{
		margin-top: 25%;
		width: 80%;
	}
	.acreditamos img{
		margin-left: -6%;
	}
	
	.historia{
		margin-top: 5%;
		width: 80%;
	}
	.historia img{
		margin-left: -6%;
	}
	.linhasobre{
		margin-left: -25%;
	}
	.linha-vertical{
		display: none;
		
	}
	.linha-horizontal{
		display: block;
		
	}
	
	.botsimule{font-size: 19px;}
	.botsimuleprod{width: 85%; font-size: 15px; font-family: futura;padding: 4% ;
color: white;
	background-color: #ED1B22;
	
	margin-left: -15%;
	border-radius: 25px;
	letter-spacing: 0.1px;
	text-decoration: none;
	

}
	
	.produtos .produto{
		 font-size:45px;
	}
	
	
	.produtos .consignado h2{
		 margin-left: 10%;
	}
	.produtos .cartao h2{
		 margin-left: 10%;
	}
	
	.produtos .pessoal h2{
		 margin-left: 10%;
	}
	.produtos .digital h2{
		 margin-left: 10%;
	}
	
	.produtos{width: 100%;}
	
	.produtos .consignado {
		margin-top: -15%;
		
		
		
	}
	
	.produtos .consignado h1 {
		font-size: 25px;
		
		
		
	}
	
	.produtos .pessoal h1 {
		font-size: 25px;
		
		
		
	}
	
	.logo img{
		width: 80%;
		margin-left: 15%;
		margin-top: 7%;
	}
	
	.menuline1{
		display: none;
	}
	
	.menuline{
		
		z-index: 9999;
		margin-right: 48%;
		color: #ED1B22;
	}
	
	.tamanho{
		margin-left: -15%;
	}
	
	/*	#shade{
		display: block;
	}
	#shade1{
		display: block;
	}
	#shade2{
		display: block;
	}
	#shade3{
		display: block;
	}
	#shade4{
		display: block;
	}
	#shade5{
		display: block;
	} */
	
	.mcon{
		width: 90%;align-content: center;align-items: center;align-self: center; margin-left: 8%;
	}
	
	.email{
		margin-right: 5%;
		width: 90%;
	}
	.whatsapp{
		width: 90%;
	}
	.endereco{
		width:90%;
	}
	
	.imgfooter img{
	
	width:  140%;
		
	}
	.imgfooter h4{
	
	width:  200%;
		
	}
	
	.imgfooter {
	
	
		margin-top: 5%;
		margin-left: 30%;
		

	
}
	#comtaxas{
		width: 70%;
	}
	
	.espaco{
	
	padding-bottom: 6%;
}
	
	 body{
		overflow-x: hidden;
	} 
	
	
	
	.middle-site{
		
	
	background-repeat: no-repeat;
	background-attachment: inherit;
	background-position: center top;
	background-size: cover;
	
	background-image: url("../images/banner1.jpg");
	padding-bottom: 16%;
	padding-top: 16%;
	
		
	}
	.middle-site h1 h2 a{
		
	
	width: 50%;
	
		
	}
	
	.nav-links{
		position: fixed;
		right: -10px;
		/*height: 72vh;*/
		top: 6.5vh;
		background-color: white;
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 65%;
		/*transform: translateX(100%);
		transition: transform 0.5s ease-in;*/
		
		border-radius: 25px;
		transition: opacity 1s ease-out;
    opacity: 0;
    height: 0;
    overflow: hidden;
		z-index: 99999;
	
	}
	
	.nav-links:hover{
	
		transition: opacity 1s ease-out;
    opacity: 0;
		
		
	}
	
	

		
		.nav-active{
			opacity: 0.9;
    height: 72vh;
		
		
		
	}
	
	
	.nav-links li{
		opacity: 0;
		font-size: 22px;
		
	}
	
	.nav-links a{
	margin-left: 26px;
		
	}
	
	
	
	
	.menuline{
		display: block;
		z-index: 9999;
		
	}
	
	.nav-active{
		transform:translateX(0%);
	}
	
	.toggle .line1{
	transform: rotate(-45deg) translate(-5px,6px);
		z-index: 9999;
}
.toggle .line2{
	opacity: 0;
	z-index: 9999;
}
.toggle .line3{
	transform: rotate(45deg) translate(-5px,-6px);
	z-index: 9999;
}

.nav-links2{
	display: none;
	
}

	.fixed-action-btn{
		right: 15%;
		bottom: 15%;
	}
	
	 .linhafoot1{
		display:block;
		 
	}
	
	.redes .linhafoot{
		display:block;
	}
	
	.redes{
		margin-top: 35%;
		width: 90%;
		margin-left: 30%;
		font-size: 25px;
	}
	
	.quemsomos{
		width: 90%;
		margin-left: 30%;
		font-size: 25px;
		margin-top: -10%;
	}
	
	.ondeestamos{
		width: 90%;
		margin-left: 30%;
	}
	.linhafoot{
		font-size: 92px; color: #DBDBDB;margin-top: -10%; margin-left: -1%;
	}
	
	/*formulario do modal*/

	.ligueformvalidatorrmodal{
		width: 180%;
		margin-left: -20%;
	}	
	
	#modalbtn{
		min-height: 2vh;
		width: 25%;
		margin-left: -20%;
	}
	
#inputnomesimu{
width: 100%;
	/*border:none;*/
  border-bottom: 1px solid black;/*box-shadow: 0px 2px  #8C84FA;*/color:black;
	
}

/*#inputnomesimu:hover{

	
	border-bottom:1px solid white;
}*/



#inputtelsimu{
width: 100%;
	/*border:none;*/
  border-bottom: 1px solid black;/*box-shadow: 0px 2px  #8C84FA;*/color:black;
}

/*#inputtelsimu:hover{

	
	border-bottom:1px solid white;
}*/


#inputmsgsimu{
width: 60%;
	border: 1px solid black;/*box-shadow: 0px 2px  #8C84FA;*/color:black;
	min-height: 20vh;
	margin-left: -15%;
}

/*#inputmsgsimu:hover{

	
	border:1px solid white;
}*/

	
	#boxes #dialog {
width:90%;
height:80%;
		

}
	.forsim{
		background-color: rgba(255,253,253,0.60); width: 80%;
		
	}
	
	.fgtsquote {
  font-size: 24px;
}
	.inputfgts{
		font-size: 16px;
	}
	
	#boxes #dialog3 {
width:90%;
height:110%;

}
	
	
} 

@keyframes navLinkFade {
		from{
			opacity: 0;
			transform: translateX(50px);
		}
		to{
			opacity: 1;
			transform: translateX(-55px);
		}
}
/*
.contatospag{
	display:flex;
	justify-content: center;
	text-align: center;
	font-size: 14px;
	background-image: linear-gradient(180deg , #C7C5C5 , #991A39);
	font-weight: bold;
	color: white;
	 font-family: 'Open Sans', arial, times;
	
}*/
	

@media screen and (min-width:321px) and (max-width:375px){
	
	
	
	#formsimulecategoria{
	width: 44%;margin-left: 1.2%;
	margin-top: 2%;
	}
	
	.entredv{
		width: 100%;
	}
	
		.entre{
	font-size: 35px; font-family: MuseoModerno; text-align: center;color: #ED1B22;padding-top: 5%;
}
	
	.preferir{
	font-size: 35px; font-family: MuseoModerno; text-align: center;color: #ED1B22;padding-top: 5%;width: 90%;
}
	.preferirfor{
	background-color: white; width: 90%;margin-left: 4%;
}
	
	
	.sobretit{
font-size: 35px; font-family: MuseoModerno; text-align: center;color: #ED1B22;padding-top: 5%; width: 90%;
}
	
	.parceiros{
		padding-top: 10%;
		font-size: 25px;
	}
	.visao{	
	margin-top: 25%;
		width: 80%;
		
}
	.acreditamos{
		margin-top: 25%;
		width: 80%;
	}
	
	.historia{
		margin-top: 5%;
		width: 80%;
	}
	.linhasobre{
		margin-left: -25%;
	}
	.linha-vertical{
		display: none;
		
	}
	.linha-horizontal{
		display: block;
		
	}
	
	.botsimule{font-size: 19px;}
	.botsimuleprod{width: 85%; font-size: 15px; font-family: futura;padding: 4% ;
color: white;
	background-color: #ED1B22;
	
	margin-left: -15%;
	border-radius: 25px;
	letter-spacing: 0.1px;
	text-decoration: none;
	

}
	
	.produtos{width: 100%;}
	
	.produtos .consignado {
		margin-top: -15%;
		
		
		
	}
	
	.produtos .consignado h1 {
		font-size: 25px;
		
		
		
	}
	
	.produtos .pessoal h1 {
		font-size: 25px;
		
		
		
	}
	
	
	.logo{
	
	height: 4.9em;
}
	
.logo img{
		width: 65%;
		margin-left: 30%;
		margin-top: 7%;
	}
	
	.menuline1{
		display: none;
	}
	
	.menuline{
		z-index: 9999;
		margin-right: 30%;
		color: #ED1B22;
	}
	
	/*	#shade{
		display: block;
	}
	#shade1{
		display: block;
	}
	#shade2{
		display: block;
	}
	#shade3{
		display: block;
	}
	#shade4{
		display: block;
	}
	#shade5{
		display: block;
	} */
	
	.mcon{
		width: 90%;align-content: center;align-items: center;align-self: center;
	}
	
	.email{
		margin-right: 5%;
		width: 90%;
	}
	.whatsapp{
		width: 90%;
	}
	.endereco{
		width:90%;
	}
	
	.imgfooter img{
	
	width:  140%;
		
	}
	.imgfooter h4{
	
	width:  200%;
		
	}
	
	.imgfooter {
	
	
		margin-top: 5%;
		margin-left: 30%;

	
}
	#comtaxas{
		width: 70%;
	}
	
	.espaco{
	
	padding-bottom: 6%;
}
	
	 body{
		overflow-x: hidden;
	} 
	
	
	
	.middle-site{
		
	
	background-repeat: no-repeat;
	background-attachment: inherit;
	background-position: center top;
	background-size: cover;
	
	background-image: url("../images/banner1.jpg");
	padding-bottom: 16%;
	padding-top: 16%;
	
		
	}
	
	#comtaxas{
	font-family: futura;
	font-size: 24px;
	border: 9px solid #ED1B22;
  border-radius: 35px;
	width: 60%;
	padding: 0.7%;
}
	
	#creditopara{
	
	width: 70%;
	font-size: 40px;
	font-family: MuseoModerno;
	font-weight:bold;
	letter-spacing: -3px;
	color: #ED1B22;
	opacity: 100%;
	z-index: 1;
	margin-top: -5%;
	}
	.middle-site h1 h2 a{
		
	
	width: 50%;
	
		
	}
	
	.nav-links{
		position: fixed;
		right: -10px;
		/*height: 72vh;*/
		top: 6.5vh;
		background-color: white;
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 65%;
		/*transform: translateX(100%);
		transition: transform 0.5s ease-in;*/
		
		border-radius: 25px;
		transition: opacity 1s ease-out;
    opacity: 0;
    height: 0;
    overflow: hidden;
		z-index: 99999;
	
	}
		
		.nav-active{
			opacity: 0.9;
    height: 72vh;
		
		
		
	}
	.nav-links li{
		opacity: 0;
		font-size: 20px;
		margin-left: 6%;
	}
	
	.menuline{
		display: block;
		z-index: 9999;
	}
	
	.nav-active{
		transform:translateX(0%);
	}
	
	.toggle .line1{
	transform: rotate(-45deg) translate(-5px,6px);
}
.toggle .line2{
	opacity: 0;
}
.toggle .line3{
	transform: rotate(45deg) translate(-5px,-6px);
}

.nav-links2{
	display: none;
	
}

	.fixed-action-btn{
		right: 15%;
		bottom: 15%;
	}
	
	 .linhafoot1{
		display:block;
		 
	}
	
	.redes .linhafoot{
		display:block;
	}
	
	.redes{
		margin-top: 40%;
		width: 90%;
		margin-left: 30%;
		font-size: 25px;
	}
	
	.quemsomos{
		width: 90%;
		margin-left: 30%;
		font-size: 25px;
		margin-top: -10%;
	}
	
	.ondeestamos{
		width: 90%;
		margin-left: 30%;
	}
	.linhafoot{
		font-size: 92px; color: #DBDBDB;margin-top: -10%; margin-left: -13%;
	}
	
	/*formulario do modal*/

	.ligueformvalidatorrmodal{
		width: 180%;
		margin-left: -20%;
	}	
	
	#modalbtn{
		min-height: 2vh;
		width: 50%;
		margin-left: -20%;
	}
	
#inputnomesimu{
width: 100%;
	/*border:none;*/
  border-bottom: 1px solid black;/*box-shadow: 0px 2px  #8C84FA;*/color:black;
	
}

/*#inputnomesimu:hover{

	
	border-bottom:1px solid white;
}*/



#inputtelsimu{
width: 100%;
	/*border:none;*/
  border-bottom: 1px solid black;/*box-shadow: 0px 2px  #8C84FA;*/color:black;
}

/*#inputtelsimu:hover{

	
	border-bottom:1px solid white;
}*/


#inputmsgsimu{

	border: 1px solid black;/*box-shadow: 0px 2px  #8C84FA;*/color:black;
	min-height: 20vh;
	margin-left: -19%;
}

/*#inputmsgsimu:hover{

	
	border:1px solid white;
}*/

	#boxes #dialog {
width:100%;
height:120%;
		margin-left: -5%;
		margin-top: 12%;

}
	.forsim{
		background-color: rgba(255,253,253,0.60); width: 100%;
		
	}
	
	.fgtsquote {
  font-size: 24px;
}
	.inputfgts{
		font-size: 16px;
	}
	
	#boxes #dialog3 {
width:90%;
height:98%;

}
	
	
	
	#inputmsgsimu{
		width: 90%;
	}
	
	
	.inputmsgsimu{
		width:96%;
		margin-left: 8%;
	}
	
	.inputssim{
		width:95%;
		margin-left: -10%;
	}
	
	#formsimulecategoria{
		
		width: 87%;
		margin-left: -6%;
		
	}
	
	.ligueformvalidatorrmodal{
		width: 140%;
		margin-left: -5%;
		display:grid;
		grid-column: 
		auto;
		
	}	
	
	.ligueformvalidatorr{
		width:  130%;
		
	}
	.preferirfor{
		margin-left: -10%;
		
	}
	
	.tab{
		
		margin-left: -7%;
		
		
	}
	
	#regForm {
		
		width: 100%;
		
	}
	
	.btnfgtswid{
		width: 100%;
	}
	
	#nextBtn {
 
	padding: 0px 5px 0px 5px;
  margin-right: -1%;
}

#nextBtn:hover {
  opacity: 0.8;
}

#prevBtn {
  text-align: left;
	padding: 0px 5px 0px 5px;
	border-radius: 25px;border-color: #ED1B22;background-color: white; font-family: futura;font-weight: bold;color: #ED1B22;
	
	
}
	
} 

@keyframes navLinkFade {
		from{
			opacity: 0;
			transform: translateX(50px);
		}
		to{
			opacity: 1;
			transform: translateX(-55px);
		}
	}


	
@media screen and (min-width:280px) and (max-width:320px){
	
	
	
	#formsimulecategoria{
	width: 44%;margin-left: 1.2%;
	margin-top: 2%;
	}
	
	.entredv{
		width: 100%;
	}
	
		.entre{
	font-size: 35px; font-family: MuseoModerno; text-align: center;color: #ED1B22;padding-top: 5%;
}
	
	.preferir{
	font-size: 35px; font-family: MuseoModerno; text-align: center;color: #ED1B22;padding-top: 5%;width: 90%;
}
	.preferirfor{
	background-color: white; width: 90%;margin-left: 4%;
}
	
	
	.sobretit{
font-size: 35px; font-family: MuseoModerno; text-align: center;color: #ED1B22;padding-top: 5%; width: 90%;
}
	
	.parceiros{
		padding-top: 10%;
		font-size: 25px;
	}
	.visao{	
	margin-top: 25%;
		width: 80%;
		
}
	.acreditamos{
		margin-top: 25%;
		width: 80%;
	}
	
	.historia{
		margin-top: 5%;
		width: 80%;
	}
	
	.linha-vertical{
		display: none;
		
	}
	.linha-horizontal{
		display: block;
		
	}
	
	.botsimule{font-size: 19px;}
	.botsimuleprod{width: 85%; font-size: 15px; font-family: futura; padding: 4% ;
color: white;
	background-color: #ED1B22;
	
	margin-left: -15%;
	border-radius: 25px;
	letter-spacing: 0.1px;
	text-decoration: none;
	

}
	
	.produtos{width: 100%;}
	
	.produtos .consignado {
		margin-top: -15%;
		
		
		
	}
	
	.produtos .consignado h1 {
		font-size: 25px;
		
		
		
	}
	
	.produtos .pessoal h1 {
		font-size: 25px;
		
		
		
	}
	
	
	.logo{
	
	height: 4.9em;
}
	
.logo img{
		width: 65%;
		margin-left: 30%;
		margin-top: 7%;
	}
	
	.menuline1{
		display: none;
	}
	
	.menuline{
		z-index: 9999;
		margin-right: 30%;
		color: #ED1B22;
	}
	
	/*	#shade{
		display: block;
	}
	#shade1{
		display: block;
	}
	#shade2{
		display: block;
	}
	#shade3{
		display: block;
	}
	#shade4{
		display: block;
	}
	#shade5{
		display: block;
	} */
	
	.mcon{
		width: 90%;align-content: center;align-items: center;align-self: center;
	}
	
	.email{
		margin-right: 5%;
		width: 90%;
	}
	.whatsapp{
		width: 90%;
	}
	.endereco{
		width:90%;
	}
	
	.imgfooter img{
	
	width:  140%;
		
	}
	.imgfooter h4{
	
	width:  200%;
		
	}
	
	.imgfooter {
	
	
		margin-top: 5%;
		margin-left: 30%;

	
}
	#comtaxas{
		width: 70%;
	}
	
	.espaco{
	
	padding-bottom: 6%;
}
	
	 body{
		overflow-x: hidden;
	} 
	
	
	
	.middle-site{
		
	
	background-repeat: no-repeat;
	background-attachment: inherit;
	background-position: center top;
	background-size: cover;
	
	background-image: url("../images/banner1.jpg");
	padding-bottom: 16%;
	padding-top: 16%;
	
		
	}
	
	#comtaxas{
	font-family: futura;
	font-size: 24px;
	border: 9px solid #ED1B22;
  border-radius: 35px;
	width: 60%;
	padding: 0.7%;
}
	
	#creditopara{
	
	width: 70%;
	font-size: 40px;
	font-family: MuseoModerno;
	font-weight:bold;
	letter-spacing: -3px;
	color: #ED1B22;
	opacity: 100%;
	z-index: 1;
	margin-top: -5%;
	}
	.middle-site h1 h2 a{
		
	
	width: 50%;
	
		
	}
	
	.nav-links{
		position: fixed;
		right: -10px;
		/*height: 72vh;*/
		top: 6.5vh;
		background-color: white;
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 65%;
		/*transform: translateX(100%);
		transition: transform 0.5s ease-in;*/
		
		border-radius: 25px;
		transition: opacity 1s ease-out;
    opacity: 0;
    height: 0;
    overflow: hidden;
		z-index: 99999;
	
	}
		
		.nav-active{
			opacity: 0.9;
    height: 72vh;
		
		
		
	}
	.nav-links li{
		opacity: 0;
		font-size: 18px;
		margin-left: 6%;
	}
	
	.menuline{
		display: block;
		z-index: 9999;
	}
	
	.nav-active{
		transform:translateX(0%);
	}
	
	.toggle .line1{
	transform: rotate(-45deg) translate(-5px,6px);
}
.toggle .line2{
	opacity: 0;
}
.toggle .line3{
	transform: rotate(45deg) translate(-5px,-6px);
}

.nav-links2{
	display: none;
	
}

	.fixed-action-btn{
		right: 15%;
		bottom: 15%;
	}
	
	 .linhafoot1{
		display:block;
		 
	}
	
	.redes .linhafoot{
		display:block;
	}
	
	.redes{
		margin-top: 40%;
		width: 90%;
		margin-left: 30%;
		font-size: 25px;
	}
	
	.quemsomos{
		width: 90%;
		margin-left: 30%;
		font-size: 25px;
		margin-top: -10%;
	}
	
	.ondeestamos{
		width: 90%;
		margin-left: 30%;
	}
	.linhafoot{
		font-size: 92px; color: #DBDBDB;margin-top: -10%; margin-left: -13%;
	}
	
	/*formulario do modal*/

	.ligueformvalidatorrmodal{
		width: 180%;
		margin-left: -20%;
	}	
	
	#modalbtn{
		min-height: 2vh;
		width: 50%;
		margin-left: -20%;
	}
	
#inputnomesimu{
width: 100%;
	/*border:none;*/
  border-bottom: 1px solid black;/*box-shadow: 0px 2px  #8C84FA;*/color:black;
	
}

/*#inputnomesimu:hover{

	
	border-bottom:1px solid white;
}*/



#inputtelsimu{
width: 100%;
	/*border:none;*/
  border-bottom: 1px solid black;/*box-shadow: 0px 2px  #8C84FA;*/color:black;
}

/*#inputtelsimu:hover{

	
	border-bottom:1px solid white;
}*/


#inputmsgsimu{
width: 60%;
	border: 1px solid black;/*box-shadow: 0px 2px  #8C84FA;*/color:black;
	min-height: 20vh;
	margin-left: -25%;
}

/*#inputmsgsimu:hover{

	
	border:1px solid white;
}*/

	#boxes #dialog {
width:100%;
height:124%;
		margin-left: -5%;
		margin-top: 12%;

}
	.forsim{
		background-color: rgba(255,253,253,0.60); width: 100%;
		
	}
	
	.fgtsquote {
  font-size: 24px;
}
	.inputfgts{
		font-size: 16px;
	}
	
	#boxes #dialog3 {
width:90%;
height:98%;

}
	
	.linhasobre{
		margin-left: -95%;
		width: 135%;
	}
	
	#inputmsgsimu{
		width: 100%;
	}
	
	
	.inputmsgsimu{
		width:96%;
		margin-left: 8%;
	}
	
	.inputssim{
		width:95%;
		margin-left: -10%;
	}
	
	#formsimulecategoria{
		
		width: 92%;
		margin-left: -8%;
		
	}
	
	.ligueformvalidatorrmodal{
		width: 140%;
		margin-left: -5%;
		display:grid;
		grid-column: 
		auto;
		
	}	
	
	.ligueformvalidatorr{
		width:  130%;
		
	}
	.preferirfor{
		margin-left: -10%;
		
	}
	
	.tab{
		
		margin-left: -7%;
		
		
	}
	
	#regForm {
		
		width: 100%;
		
	}
	
	.btnfgtswid{
		width: 100%;
	}
	
	#nextBtn {
 
	padding: 0px 5px 0px 5px;
  
}

#nextBtn:hover {
  opacity: 0.8;
}

#prevBtn {
  text-align: left;
	padding: 0px 5px 0px 5px;
	border-radius: 25px;border-color: #ED1B22;background-color: white; font-family: futura;font-weight: bold;color: #ED1B22;
	
	
}
	
} 

@keyframes navLinkFade {
		from{
			opacity: 0;
			transform: translateX(50px);
		}
		to{
			opacity: 1;
			transform: translateX(-55px);
		}
	}

