@charset "utf-8";

body {
    background-color:#ffffff!important;
    font-family: Arial, sans-serif;
}


.container-fluid, footer {
    max-width:1000px;
    margin:0 auto;
    background-color: #fff;
}

img {
    width:100%;
    margin:auto;
    max-width:100%!important;
}
.topo {
    width:100%;
    z-index:999;
    display:none;
    background: linear-gradient(to right, rgba(0,0,0,0.6) 100%, Transparent 0%);
}

header {
    width: 100%;
    height:100%;
    background-color: #fff;
    padding:0;
}
    header .row:last-of-type {
        max-height:700px;
    }
section, footer  {
    background-color:#fff;
    width:90%;
    margin:auto;
}

footer {
    padding-top:0px;
}
.banner {
    background: url('../img/background_vantagens.png');
    height: 700px;
    width:100%;    
    max-width:100%;
    margin-bottom: 4.8em;
    position: relative;
    margin:auto;    
    background-repeat:no-repeat;
    background-position-x:center;
    background-position-y:center;
    background-size:contain;
    background-position:top;  
    padding:0 !important;  
}

::-webkit-input-placeholder {
   color: #333399 !important;
}
input::placeholder {
   color: #333399 !important;
}

:-moz-placeholder { /* Firefox 18- */
   color: #333399 !important;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #333399 !important; 
}

:-ms-input-placeholder {  
   color: #333399 !important;  
}

#CaixaCredito { 
    width: 100%;    
    float:right;
    margin-top:3.7em;
    /*background: linear-gradient(to right, rgba(0,0,0,0.6) 82%, Transparent 18%);*/

    color:#ffffff;
    padding: 1em 0 1em 1em;
    font-weight:bold;
}
    .descricaoCaixaCredito {
        padding: 1.4em 0.8em 1.4em 0.8em;
        z-index:998;
        float:right;
        padding-right:22px;
        position:relative;
    }
        .descricaoCaixaCredito .col-sm-12 {
            color:#fff000;
            padding: 0.2em 5.3em 0.2em 1em;
            /*background:rgba(0,0,0,0.6);*/
        }
    #CaixaCredito label {
        font-weight:normal;
        color:#ffffff;
    }

#Simulacao {
    width: 25%;     
    padding: 0 0 0 0;
    float:right;    
    top: 0px;
    text-align:center;
    opacity:.90;    
    margin-right:70px;
    min-width: 289px !important;
    margin-top:80px;
}
    #Simulacao .TituloForm {
        background: #333399;
        width:90%;
        height:32px;
        padding-top:5px;
        font-weight:bold;
        color:#ffffff;
    }
    #Simulacao .formulario {        
        background:#fff;
        width:80%;
    }
    #Simulacao  form
    {
        
        box-shadow:inset -28px -9px 28px #fff, 25px -0px 10px -9px #fff;
        width:80%;
        margin:auto;
    }
    #Simulacao input[name=enviar] {
        background: #333399;        
        border: 1px solid #fff;
        color:#ffffff;
        padding: 5px 0;
        width:100%;
        margin: 0.5em 0 0;
        height:25px;
        font-size:10px;
    }

    #Simulacao input[type=text], #Simulacao select {
        border: 0px solid #d4d3d3;
        padding: 0.5em 0 0.25em 0.5em;
        margin: 0.5em 0 0;        
        background: #d1d1d1;
        border-radius: 0em;
        color:#333399;
        width:100%;
        min-width: 189px !important;
        height:25px;
        font-size:12px;
    }

.Vantagens {
    display:inline-flex;
    width:100%;
}
    .Vantagens ul {
        margin-top:none;
        list-style:none;        
    }
     .Vantagens ul:first-child li:nth-child(odd) {
        background:#c8c8c8;
    }
    .Vantagens ul:first-child li:nth-child(even) {
        background:#ebebeb;
    }
#selo {
    max-width:60% !important;
    max-height:60% !important;
    float:right;
	align-content: center;
}
.descritivoSelo {    
    padding-right:100px !important;
    color:#333399;
    padding-left:0;
    letter-spacing: 2px;
}
    .descritivoSelo p {
        font-size:10px;
        color:initial;
    }
.row {
    max-width:  1000px;
}

.redeSocial {
    width:40% !important;
    margin:auto !important;
    display:flex;
}

    .redeSocial div {
        margin:auto;
        display:inline-flex;
    }
        .redeSocial div a {
            padding-left:10px;
            padding-right:10px;
        }

.redeSocial, .corpoImagens {
    padding-bottom:2.5em;
    width:98%;    
    margin:auto !important;
}

.redeSocial div img{
    width:100%;
    max-height:31px !important;
    max-width:31px !important;
}
#linkremaza {    
    height:auto !important;
    max-width:100% !important;
    vertical-align:middle;
}

#logo_remaza_500 {
    width:100%;
    max-width:100%!important;
    display:none;
}

.logo img, #logo_remaza_500 {
    max-width:15em !important;
    max-height:15em !important;
}
#DivAproveitePrincipal {
    width:35%;
    position: absolute;
    top: 257px;
    left: 307px;
}

#DivAproveite {
    display:none;
}
    #ligue {
        display:block;
    }
    #ligueMobile {
        display:none;
    }

@media screen and (max-width: 991px) {
    .redeSocial {
        width:70% !important;
        margin:auto !important;
    }

    #DivAproveitePrincipal {
        position: absolute;
        top: 250px;
        left: 300px;
    }

}

@media screen and (max-width: 900px) {
    .banner {
        height:450px;
    }

    #DivAproveitePrincipal {
        width:30%;
        position: absolute;
        top: 210px;
        left: 270px;
    }

    #CaixaCredito {
        margin-top: 1.7em;
        font-size:13px;
    }
	
	#Simulacao{
		margin-top: 10px;
		margin-right:160px;
	}
	
    #Simulacao, #Simulacao .formulario {
        font-size:13px;
    }
        #Simulacao input[type="text"] {
            height:22px;
        }
}

@media screen and (max-width: 768px) {
    .topo {
        display:block;
        width:100%;
    }
    #DivAproveite {
        top: 112px;
        height:80px;
        position:relative;
        display:block;
    }
        #DivAproveite img {
            height:85%;
        }
    #logo_remaza {
        z-index:10;
        position:absolute;
    }

    #CaixaCredito {
        position: relative;
        width: 100%;        
        top: 90px;
        margin-top: initial;
        margin-right: initial;
        margin-left: initial;
        line-height: initial !important;
        padding-top: initial;
        font-size: 18px;
    }
    .descricaoCaixaCredito {
        max-width:280px;
        float:initial;
        width: 88%;
        margin: auto;
        padding-top:10px;
    }
            .descricaoCaixaCredito .col-sm-12 {
                padding: 0;
                text-align: center;
            }

    .banner {   
        margin-top:70px;     
        background: url('../img/background_semtopo.png') !important;
        background-repeat:no-repeat!important;        
        height:720px;
        background-size:contain!important;
        background-position:top!important;  
        padding:0 !important; 
        /*background-size:cover !important;*/
        top:-81px;
        background-size: 100% 100% !important;        
    }

    #Simulacao {
        width:100%;
        position:relative;
        float:left;
        top:48px;
        margin-top:2.5em;
    }
    .TituloForm {
        /*max-width:279px;*/
    }
    .formulario {
        /*max-width:234px;*/
    }
    .Vantagens {
        display:block;
    }
        .Vantagens div {
            width:100% !important;
            margin:auto;
            font-size:14px;
/*             font-weight:bold;
            font-family:initial; */
        }
        .Vantagens ul li {
            text-align:center;
            /* background:none !important; */
        }

    .redeSocial, .corpoImagens {
        padding-top: 0.5em;
        padding-bottom: 0.5em;
    }

    .selo, .descritivoSelo {
        width:100% !important;
    }
    .descritivoSelo {
        font-size:12px;
        text-align: center;
        padding: 0% 22% 0 22% !important;
        margin-top:10px;
    }
        .descritivoSelo p {
            margin-top:10px;                    
        }
    #selo {
        float:initial;
        margin:auto;
    }
    #ligue {
        display:none;
    }
    #ligueMobile {
        display:block;
        max-width:80% !important;
    }

     #DivAproveitePrincipal img {
         display:none;        
    }
 	iframe{
		width: 100%;
	} 
	section{
		margin-top: -6.em;
	}
}

@media screen and (max-width: 600px) {

    #Simulacao {
        margin-top:0.8em;
    }
}

@media screen and (max-width: 500px) {
	section{
		margin-top: 16.8em;
	}
	.banner {
		width: 100%;
		background: url('../img/background_mobile.png') !important;
		background-size: contain !important;
		background-repeat: no-repeat !important;
	}

    #logo_remaza{
		display:none;
	}

    #logo_remaza_500 {
        display:block;
        width: 100%;
        max-width: 100% !important;
        position:absolute;
        z-index:10;
    }
    .descricaoCaixaCredito .col-sm-12 {
        top: 7px;
    }
    /*.banner {   
        top:-15px;
        background-size:cover !important;
    }*/

    #DivAproveite {
        top:141px;
    }
        #DivAproveite img {
            height:70% !important;
        }
    #CaixaCredito {
        line-height:17px !important;
        top:126px !important;
    }
    #Simulacao {
        top:146px !important;
        
    }
        #Simulacao .TituloForm {
            height:23px !important;
        }
    header .row:last-of-type {
        max-height:493px;
    }
}

@media screen and (max-width: 480px) {
   /*#CaixaCredito {        
        font-size: 10px;         
		top:175px;
    }*/
    /*#DivAproveite {
        top:86px;
    }*/

    .descricaoCaixaCredito {
        float:initial;
        width: 93%;
        margin: auto;
    }
        .descricaoCaixaCredito .col-sm-12 {
            padding:0;
            text-align:center;
        }

    #Simulacao {
        width:100% !important;
		/*top:120px !important;*/
    }
    #Simulacao .TituloForm {
        width:95%;
    }

    #Simulacao .formulario {
        width:90%;
    }

    #Simulacao input[type=text], #Simulacao select {
        min-width: 120px !important;
        height:20px;
        font-size:10px;
    }


    .redeSocial {
        width: 70% !important;
        margin: auto !important;
    }

    .topo {
        display: block;
        width: 100%;
    }

    #Simulacao {
        width: 58%;
        font-size:10px;
        position: relative;        
        top: initial;
        margin-top: 3.0em;
    }

    .redeSocial, .corpoImagens {
        padding-top: 0.5em;
        padding-bottom: 0.5em;
    }

	section{
		margin-top: 12.8em;
	}	
}
@media screen and (max-width: 400px) {
    #Simulacao {
		margin-top: 0em;
		top: 148px !important;
	}
	section{
		margin-top: 4.8em;
	}		
}
@media screen and (max-device-width: 320px) {
    .Vantagens {
        margin-top:40px;		
    }
    #Simulacao {
        top:47px !important;
    }
	section{
		margin-top: -4.2em;
	}	
    /*#CaixaCredito {
		top:145px !important;		
    }
    #DivAproveite {
        top:100px !important;
    }*/
}


/* ----------- iPhone 5 and 5S ----------- */
/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
	header .row:last-of-type {
			max-height:450px;
	}
     .Vantagens {
		position:relative;
        margin-top:60px;
    } 
    #CaixaCredito {                 
		top:110px !important;
    }
    #DivAproveite {
        top:148px !important;
    }
}
/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
	header .row:last-of-type {
			max-height:450px;
	}
     .Vantagens {
        margin-top:40px;
    } 
    #CaixaCredito {                 
		top:94px !important;
    }
    #DivAproveite {
        top:94px !important;
    }
	#Simulacao{
		top: 75px! important;
	}
	section{
		margin-top: 16em;
	}	
}

/* ----------- iPhone 6 ----------- */
/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { 
	header .row:last-of-type {
			max-height:450px;
	}
     .Vantagens {
		position:relative;
        margin-top:60px;
    } 
    #CaixaCredito {                 
		top:110px !important;
    }
    #DivAproveite {
        top:148px !important;
    }
}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { 
	header .row:last-of-type {
			max-height:450px;
	}
     .Vantagens {
        margin-top:40px;
    } 
    #CaixaCredito {                 
		top:94px !important;
    }
    #DivAproveite {
        top:94px !important;
    }
	#Simulacao{
		top: 75px! important;
	}	
	section{
		margin-top: 16em;
	}	
}

/* ----------- iPhone 6+ ----------- */
/* Portrait */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3)and (orientation: portrait) { 
	header .row:last-of-type {
			max-height:450px;
	}
     .Vantagens {
		position:relative;
        margin-top:60px;
    } 
    #CaixaCredito {                 
		top:110px !important;
    }
    #DivAproveite {
        top:148px !important;
    }
}
/* Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { 
	header .row:last-of-type {
			max-height:450px;
	}
     .Vantagens {
        margin-top:40px;
    } 
    #CaixaCredito {                 
		top:110px !important;
    }
    #DivAproveite {
        top:108px !important;
    }
	#Simulacao{
		top: 75px! important;
	}	
	section{
		margin-top: 16em;
	}	
}


/* #### iPhone 4+ Portrait or Landscape #### */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) and (orientation:portrait)
{
	header .row:last-of-type {
			max-height:450px;
	}
     .Vantagens {
		position:relative;
        margin-top:60px;
    } 
    #CaixaCredito {                 
		top:130px !important;
    }
    #DivAproveite {
        top:140px !important;
    }
}
@media only screen and (min-device-width: 320px)  and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) and (orientation:landscape)
{
	header .row:last-of-type {
			max-height:450px;
	}
     .Vantagens {
        top:40px;
    } 
    #CaixaCredito {                 
		top:125px !important;
    }
    #DivAproveite {
        top:140px !important;
    }
	#Simulacao{
		top: 100px! important;
	}	

	section{
		margin-top: 16em;
	}	
}

/* ================== NOVO Simulação de Consorcio=========================== */

.simuLabel{
    display: none;
}

@media (max-width: 668px) {

    #Simulacao{
        margin-top: 0;
        top: 5.3%;
        z-index: 10;
    }

    .tituloSimulacao{
        font-size: 12pt;
        height: 1rem;
    }
    .formulario{
        background: #fff;
        width: 100%;
        height: 42.5rem;
        border-bottom: 1px solid rgb(83, 79, 79);
    }

    #separa{
        margin-top: 5rem;
    }

    .simuLabel{
        display: inline;
        margin: 10px 0 0 0;
        font-size: 14pt;
        font-weight: 400;
    }

    #Simulacao input[type="text"] {
        height: 36px;
        margin: 0;
        font-size: 12pt;
    }

    #Simulacao select {
    height: 36px;
    font-size: 10pt;
    margin: 0;
    }
    #Simulacao input[name=enviar] {
    height: 36px;
    font-size: 14px
    }
}

@media (max-width: 424px){
    #Simulacao{
        position: relative;
        top: 11% !important;
    }
    #separa{
        margin-top: 0rem;
    }
}
@media (max-width: 394px){

    #separa{
        margin-top: 5rem;
    }
}

@media (max-width: 414px) and (max-height: 736px){

    #Simulacao{
        position: relative;
        top: 10% !important;
    }
}

@media (width: 411px) and (height: 731px){

    #separa{
        margin-top: 0rem;
    }
}

@media (max-width: 411px) and (max-height: 823px){

    #Simulacao{
        position: relative;
        top: 10% !important;
    }
}

@media (max-width: 375px) and (max-height: 812px){

    #Simulacao{
        position: relative;
        top: 8.7% !important;
    }
    .formulario{
        height: 40rem;
    }
}


/* ================== FIM NOVO Simulação de Consorcio=========================== */