@import url(simulador.css?v=1.52);/*
    - Simulador Home
    - Simulador 2
    - Simulador 3
    - Simulador 3b
    - Simulador 4
*/
@import url(pagina-Padrao.css?v=1.52);
@import url(Contrato-Padrao.css?v=1.52);
@import url(Politica_de_Privacidade.css?v=1.52);
@import url(TrabalheConosco.css?v=1.52);
@import url(CentralDeNoticias.css?v=1.52);
@import url(areaDoCliente.css?v=1.52);
@import url(Contato.css?v=1.52);
@import url(DuvidasFrequentes.css?v=1.52);
@import url(Vendas.css?v=1.52);/*
    - Vendas
    - Adesão Online
    - Perfil
    - Tabela de Vendas_1
    - Tabela de Vendas_2
*/
@import url(Ligamos_Para_Voce.css?v=1.52);
@import url(Grupos_Encerrados.css?v=1.52);
@import url(Representante.css?v=1.52);
@import url(A_Empresa.css?v=1.52);/*
    - Quem Somos
    - Ouvidoria 
    - Unidades e Filiais
*/
@import url(Nova_Central_Noticias.css?v=1.52);
@import url(Erros.css?v=1.52);



/*  Variaveis  */
:root {
    --text-Title-color: #212950;
    --text-color-blue: #5F8AAE;
    --text-color-grey: #666666;
    --text-color-grey-dark: #333333;
    --text-color-orange: #F08123;
}



/* ---- RESET ---- */
* {font-family: Ubuntu, sans-serif;}
html, body{
    overflow-x: hidden;
}
.-m-25 {margin-top: -25px;}
.-m-50 {margin-top: -50px;}
.-m-75 {margin-top: -75px;}

h2 {display: flex; align-items: center; justify-content: center;}
h2 span {margin: 0 15px 0 0;  color: var(--text-Title-color);}
h2::after {background: var(--text-color-orange) !important; height: 5px; flex: 1; content: '';}

h1{font-size: 3rem;}
h2{font-size: 2.25rem;}
h3{font-size: 1.5rem; font-weight: bold;}
h4{font-size: 1rem; font-weight: bold;}
p{font-size: 1rem; font-weight: normal;}
small{font-size: 0.875rem;}
.hideondesktop{display: none;}

/* CORES */
.color-dark-blue{background: var(--text-Title-color);}
.color-blue{background: var(--text-color-blue);}
.color-bright-blue {background: #1575E5;}
.color-orange{background: var(--text-color-orange);}
.color-gold{background: #AA8846;}

.color-red{background: #FF3B77}
.color-green{background: #2FD565}
.color-cyan{background: #12DEF9}

.color-black{background: var(--text-color-grey-dark);}
.color-dark-gray{background: var(--text-color-grey);}
.color-gray{background: #C4C4C4}
.color-light-gray{background: #F6F6F6}
.color-white{background: #FFFFFF;}

.color-blue-txt{color: var(--text-Title-color);}
.color-orange-txt{color: var(--text-color-orange);}
.color-dark-gray-txt{color: var(--text-color-grey);}
.color-white-txt{color: #FFFFFF;}
.color-green-txt{color: #2FD565}
.color-red-txt{color: #FF3B77}

.menu-fixo {
    position: fixed;
    top: 0;
    z-index: 340;
    transition: all .5s;
    width: 100%;  
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;  
}

#btnBlip{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 64px;
    height: 64px;
    position: fixed;
    bottom: 192px;
    right: 5px;
    z-index: 334;
}

#btnSim{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 64px;
    height: 64px;
    position: fixed;
    bottom: 110px;
    right: 5px;
    z-index: 334;
} 

#btnSim:active,
#btnSim:hover{
    background-color: var(--text-color-blue);
    border-color: var(--text-color-blue);
}

#fixed_button{
    width: 64px;
    height: 64px;
    cursor: pointer;  
}

#whatsapp_fixed{
    display: block;
    padding: 10px 14px;
    text-decoration: none;
}

#whatsapp_fixed:hover{
    opacity: .7;
}

#whatsapp_fixed i{   
    font-size: 48px; 
    display: flex;
    justify-content: center;
    align-items: center;   
}

/* MOUSE */
.down-arrow {
    position: absolute;   
    width: 0;
    height: 20px;
    border: 2px solid;
    border-radius: 2px;
    color: var(--text-color-orange);
    background: var(--text-color-orange);
  }
  
  .down-arrow:after {
    content: " ";
    position: absolute;
    top: 4px;
    left: -8px;
    width: 16px;
    height: 16px;
    border-bottom: 4px solid;
    border-right: 4px solid;
    border-radius: 4px;
    transform: rotateZ(45deg);
    color: var(--text-color-orange);
    
  }

  @keyframes jumpInfinite {
    0% {
      margin-top: 0;
    }
    50% {
      margin-top: 20px;
    }
    100% {
      margin-top: 0;
    }
  }

  .down-arrow {
    animation: jumpInfinite 1.5s infinite;
  }

/* NAVBAR */
.nav-link {
    padding: .5rem; 
    color: var(--text-Title-color); 
    font-size: 0.9rem;
    border: 1px solid transparent;
}

.nav-link:focus, 
.nav-link:hover {
    color: var(--text-color-orange);
    border: 1px solid var(--text-color-blue);
    background: #FFFFFF;
    border-radius: 4px;
 }

.dropdown-menu{color: var(--text-Title-color); border: 1px solid var(--text-Title-color)}
.dropdown-item{color: var(--text-Title-color);font-size: 0.9rem;}
.dropdown-item:hover {background: var(--text-color-blue); color: #F6F6F6;}


/* FOOTER */
footer h4{display: block; align-items: center; justify-content: center;}
footer h4 span{border-bottom: 5px solid var(--text-color-orange); width: 33%;}
.footer-list li {list-style: url(/img/angle-right.png); margin: 10px 0 10px -12px;}
.footer-list li a{color: var(--text-color-grey);}
.footer-list li a:hover{color: var(--text-color-orange);}
.bottom-line{width: 33%; height: 5px; background: var(--text-color-orange);}



/* ---- HOME ---- */

/* VIDEOS */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
}
  
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 680px;
}

/* SIMULADOR */
#simulador{position: relative;}
#simuladorOps{position: relative; z-index: 333;}
#simuladorOps .btn-primary{width: 130px; margin: 0 auto;}

/* VANTAGENS */
#vantagens{background: #f6f6f6 url(../img/bg-vantagens2.jpg) bottom left no-repeat; background-size:contain;}
#scout h1 b{
    font-size: 64px;    
}
#scout .uppercase{
    font-size: 16px;    
}


/* NOTÍCIAS */
#noticias {margin-bottom: 40px;}
#noticias
.remaza_main_news {position: relative;}
.remaza_main_news img {border-radius: 5px;}
.main_news_caption {position: absolute; bottom: 0rem; padding: 1rem; color: #fff; 
    background-image: linear-gradient(rgba(153, 153, 153, 0) 30%, rgba(51, 51, 51, 0.7) 70%);
    border-radius: 0 0 5px 5px;}
.main_news_caption a{color: #FFFFFF;}
.remaza_other_news li {display: table; list-style: none; margin-left: 0;  padding: 0px;}
.remaza_other_news img {border-radius: 5px;}
.remaza_other_news h5 {font-size: 1rem;}
.remaza_other_news p {font-size: 0.85rem;}
.remaza_other_news a {color: var(--text-Title-color);}
.remaza_other_news a:hover {color: var(--text-color-orange);}


/* ---- COMPONENTES ---- */

/* BOTÕES */
.btn{font-weight: bold;}
.btn:hover{background: var(--text-color-orange); color: #FFFFFF; border-color: var(--text-color-orange);}
.btn i:hover{color: #FFFFFF;}
.btn-primary{background: var(--text-color-orange); border-color: var(--text-color-orange); color: #FFFFFF;}
.btn-outline-primary{color: var(--text-Title-color); border-color: var(--text-color-blue);}
.btn-primary:focus {color: #FFFFFF; background-color: var(--text-color-orange); border-color: var(--text-color-orange);}
.btn-outline-primary:focus{color: var(--text-Title-color); border-color:var(--text-color-orange); background-color: #FFFFFF}
.btn-outline-orange{color: var(--text-color-orange); border-color:var(--text-color-orange); background-color: #FFFFFF}
.btn-outline-alt{color: var(--text-Title-color); border-color:var(--text-color-orange); background-color: #FFFFFF}
.btn-webby{
    background-color: #FFFFFF !important;
    border: 1px solid #ccc !important;
    border-radius: 4px;
    color: #212950;
    margin: 0 10px;
    padding: 5px 10px;
}

.btn-webby:hover{
    background-color: #F6F6F6 !important;
    border: 1px solid #ccc !important;
}

/* CAROUSEL */
.carousel-item {border: none; background-color: transparent; padding-bottom: 30px;}
.carousel-control-prev-icon {background-image: url(/img/svg/0seta-esquerda.svg); background-color: var(--text-color-orange); border-radius: 8px; }
.carousel-control-next-icon {background-image: url(/img/svg/0seta-direita.svg); background-color: var(--text-color-orange); border-radius: 8px;}
.carousel-indicators [data-bs-target] {background-color: var(--text-color-orange);}
.carousel-border{width: 75%; padding-bottom: 60px; margin: 0 auto; border: 3px solid var(--text-Title-color); border-radius: 10px;}
.carousel-caption p{font-weight: bold;}
.carousel-caption{
    background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1));
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0 30px 30px 30px;
}
.carousel-border-passo{width: 65%; padding: 70px 10px 10px 10px; margin: 0 auto; border: 3px solid var(--text-Title-color); border-radius: 10px;}
.carousel-number{position: relative; margin-bottom: -60px;}



/* ACCORDION */
.accordion-item {background-color: #ffffff; border: 2px solid #ededed;}
.accordion-button {color: var(--text-Title-color); font-weight: bold;}
.accordion-button::after {background-image: url(../img/svg/angle-bottom.svg);}
.accordion-button:not(.collapsed) {color: var(--text-Title-color); background-color: #f6f6f6;}
.accordion-button:not(.collapsed)::after {background-image: url(../img/svg/angle-bottom.svg); transform: rotate(-180deg);}


/*  Código CSS  */


/*  TEXTO */
.uppercase{text-transform: uppercase;}

.h1Title-h1{
    display: flex; 
    align-items: center; 
    justify-content: center; 
    color: var(--text-Title-color);
    margin: 30px 0 45px;
    text-transform: uppercase;
}
.h1Title-h1::after {
    background: var(--text-color-orange) !important; 
    height: 5px; 
    flex: 1; 
    content: '';
}
.h1Title-h1 span{
    margin-right: 10px;
}
.margBott{
    margin-bottom: 15px;
}


#topHeader{
    width: 100vw;
    margin: 0 auto;
}
#linkWhatsappHome{
    text-decoration: none;
    font-size: 0.875rem;
}
#linkWhatsappHome:hover{
    color: var(--text-color-orange);
}
#linkWhatsappHome img{
    width: 17px;
    margin-top: -4px;
}

/* Botão fixo */
#fixed_button{
    bottom: 30px;
    right: 3px;
    z-index: 334;
}
#containerButton{
    display: flex;
    flex-direction: column;
}
#containerButton{
    margin-bottom: 5px;
}
#a1{
    width: 60px;
    height: 58px;
    border: none;
    margin-bottom: 3px;
    transition: all .6s;
    background-image: url('../img/svg/Fale-conosco.svg');
}
#a1:hover{
    background-image: url('../img/svg/Fale-conosco-blue.svg');
}

#listMenuFixo{
    position: fixed;
    bottom: 18px;
    right: 77px;
    border: 1px solid #315b7e;
    border-radius: 6px;
    box-shadow: 0px 0.3px 10px grey;
    background-color: #ffffff;
    padding: 0;
}
#listMenuFixo #marcar{
    position: absolute;
    top: 109px;
    right: -8px;
    font-size: 15pt;
    color: #315b7e;
}
#listMenuFixo a{
    list-style: none;
    border-bottom: 1px solid #315b7e;
    
}
#listMenuFixo a li{
    height: 45px;
    text-align: right;
    padding: 10px 19px;
    transition: all .4s;
}



/*  Menu  */
#container_links nav{
    width: 100%;
    margin: 0;
    justify-content: center;
}
#container_links nav ._menuHome{
    margin: 0 8px;
}

/*  Menu responsivo  */
#corpoMenuResponsivo{
    position: fixed; 
    left: 150vw; 
    z-index: 1000;
    display: none;
}


/*  Banner  */
.nav{
    display: flex;
    margin: 0 auto;
}
.nav-link {
    margin: 0 9px;
    font-size: 12pt;
}
/* --------------------- */
#containerBannerHome{
    width: 100%;
}
#containerBannerHome img{
    width: 100%;
    min-height: 400px;
}
#containerTextoBanner{
    position: absolute;
    top: 160px;
    right: 58px;
    width: 534px;
}
#containerTextoBanner h1{
    width: 100%;
    margin: 0;
    text-align: right;
    font-size: 33pt;
    font-weight: 600;
    color: #212950d5;
    text-shadow: 1px 0.3px 10px #fff;
}


/*==================================*/
#conatainer_btn-Home{
    margin-top: 20px;
}
#link-home{
    text-decoration: none;
    color: #256192;
}
#link-simular{
    color: var(--text-color-grey);
}
#conatainer_btn-Home .fa-solid{
    margin: 0 8px;
}
/*==================================*/




/*  Consorcio  */
.border-passo{
    padding: 70px 10px 10px 10px; 
    margin: 0 auto; 
    border: 3px solid var(--text-Title-color); 
    border-radius: 10px;
    position: relative;
}

.number-passo{
    max-width: 56px !important;
    height: 56px !important;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.6;
    width: 100%;
}

#h3HomeConsorcio{
    font-weight: 100;
    position: absolute;
    top: -33px;
    padding: 5px 10px;
}

#containerTextoConsorcioRemaza .textoConsorcioRemaza{
    width: 100%;
    display: flex;
    flex-direction: row;
}
#containerTextoConsorcioRemaza .textoConsorcioRemaza p{
    margin: 12px;
}




/* Nossos Planos  */
#NossosPlanosDesktop .justify-content{
    justify-content: center;
}
#NossosPlanosDesktop .justify-content .nossosPlanosCard{
    width: 30%;
}
.rediretNossoasPlanos{
    text-decoration: none;
}
.rediretNossoasPlanos h4:hover{
   color: var(--text-color-orange);
}

.rounded-lg{
    -webkit-border-radius: 10px;
border-radius: 10px;
}


/*  Ventagens  */
#vantagensCarousel-inner .carousel-item .carousel-border{
    max-height: 249px;
}

.paddingImgVantagens{
    padding: 19px 0 0;
}

#Menu_Responsivo,
#simulador-content-resp,
#NossosPlanosMobile{
    display: none;
}

/* Na midia */
.midia-box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding: 10px;
}
    
.midia-logo { 
    grid-area: 1 / 1 / 2 / 2; 
    padding-right: 5px;    
}

.midia-logo img{
    float: right;    
}

.midia-txt{ 
    grid-area: 1 / 2 / 2 / 3; 
    border-left: 2px solid #c4c4c4;
    padding: 15px;
}


/*  Modal  */
#staticBackdrop .modal-dialog{
    width: 100%; 
    margin-top: 10vh;
}
#staticBackdrop .modal-content{
    border: none; 
}
#staticBackdrop .modal-body{
    background-color: #2FD565;
    border-radius: 5px;
}
#staticBackdrop .modal-body .btnFecharModal{
    border: none; 
    background-color: transparent; 
    position: relative; left: 90%;
}
#staticBackdrop .modal-body ._icone{
    width: 50px; 
    height: 50px; 
    margin: 0 auto 15px;
}
#staticBackdrop .modal-body .containerTexth5 h5{
    font-size: 16pt; 
    color: #ffffff; 
    margin: 15px auto; 
    font-weight: 600;
    text-align: center;
}


/*  Footer  */
.footer-list li a {
    text-decoration: none;
}


/*  Cookie  */
#contanerCookie{
    width: 98vw;
    position: fixed;
    bottom: 10px;
    z-index: 334;
    margin: 0 10px;
}
#contanerCookie_div{
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    background-color: #fff;
    box-shadow: 0.5px 0.5px 12px #bebebe;
    z-index: 334;
    transition: 1s;
}
#containerImgCookie{
    width: 30px;
    height: 30px;
    margin: 20px;
}
#containerImgCookie i{
    font-size: 25pt;
    color: var(--text-Title-color);
}
#containeTextoCookie{
    max-width: 860px;
    width: 100%;
}
#containeTextoCookie p{
    width: 98%;
    margin: 20px auto;
    color: var(--text-Title-color);
    font-size: 11pt;
}
#containeTextoCookie p a{
    color: var(--text-color-orange);
}
#containeBtnCookie{
    width: 140px;
    margin: 20px auto 0;
}
#containeBtnCookie a{
    width: 136px;
    margin-right: 20px;
    font-size: 10pt;
    line-height: 1.1;
}










@media(max-width : 1650px){

    /*  Banner  */
    #containerTextoBanner h1{
        font-size: 29pt;
    }
}
@media(max-width : 1450px){

    /*  Banner  */
    #containerTextoBanner h1{
        font-size: 26pt;
    }
}




@media(max-width : 1400px){

    /*  Banner  */
    #container_links nav ._menuHome{
        margin: 0 -1px;
    }
}



@media(max-width : 1200px){

    /*  Menu-Top  */
    #container_menuTopo{
        margin: 0 auto;
    }
    #container_menuTopo .row{
        width: 971px;
        display: flex;
        flex-direction: row;
    }
    #Logo{
        width: 200px;
        padding-right: 0;
    }
    #container_links{
        width: 517px;
        padding-left: 0;
        padding-right: 0;
    }
    
    #container_links nav ._menuHome{
        font-size: 11pt;
        padding: 9px ;
    }
    #container_btn{
        width: 253px;
    }
    #container_btn .float-end .btn-primary{
        width: 115px;
        font-size: 10pt;
        padding-left: 0;
        padding-right: 0;
    }
    #container_btn .float-end .btn-outline-primary{
        width: 100px;
        font-size: 10pt;
        padding-left: 0;
        padding-right: 0;
    }

    /*  Simulador  */
    #simularAutomoveis div p{
        font-size: 11pt;
    }

    /*  Footer  */
    #footer .container{
        width: 100vw;
        margin: 0;
    }
    #footer_row{
        width: 100vw;
    }
    #footer_Copyright{
        width: 100vw;
    }
    #footer .icones{
        width: 41px;
    }
    #footer ._icones{
        width: 30px;
    }

}




@media(max-width : 1326px){

    /*  Banner  */
    #containerTextoBanner{
        top: 115px;
    }
    #containerTextoBanner h1{
        font-size: 23pt;
    }
}
@media(max-width : 1122px){

    /*  Banner  */
    #containerBannerHome{
        width: 100%;
        height: 400px;
    }
    #containerBannerHome img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    #containerTextoBanner{
        top: 90px;
        right: 30px;
        width: 304px;
    }
    #containerTextoBanner h1{
        font-size: 20pt;
    }
}



@media(max-width : 1200px){

    /*  Banner  */
    #containerTextoBanner{
        top: 200px;
        right: 0;
        width: 100%;
        height: 200px;
        background-image: linear-gradient(180deg, #fafafa00, #00000044);
    }
    #containerTextoBanner h1{
        text-align: center;
        font-size: 31pt;
        color: #fff;
        margin-top: 84px;
        text-shadow: none;
    }




    /* ------------------- */
    #Menu_Desktop, #topHeader{
        display: none;
    }
    header{
        width: 100vw;
        height: 60px;
    }
    #Menu_Responsivo{
        display: inline;
        position: fixed;
        top: 0;
        width: 100vw;
        height: 60px;
        display: flex;
        flex-direction: row;
        box-shadow: 0px .3px 10px #808080;
        background: linear-gradient(135deg, #c6b3b31a, #ffffff00);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        z-index: 1000;
    }
    
    #Logo_Responsivo{
        margin: 7px 0 0 35px;
    }
    #container_btn_Responsivo{
        position: absolute;
        top: 0px;
        right: 10px;
    }
    #btn_menu{
        border: none;
        background-color: transparent;
    }
    /*  Corpo Menu  */
    #corpoMenuResponsivo,
    #corpoSubMenuResponsivo{
        top: 0px;
        width: 100vw;
        height: 100vh;
        background-color: #17326da2;
    }
    #corpoMenuResponsivo ._div,
    #corpoSubMenuResponsivo ._div{
        position: absolute;
        top: 0px;
        right: 0px;
        width: 350px;
        height: 100vh;
    }
    #aside_btn_Responsivo{
        width: 100%;
        height: 60px;
        background-color: #17326d;
    }
    #aside_btn_menu{
        border: none;
        background-color: #17326d;
        margin-right: 23px;
    }
    #aside_btn_subMenu{
        position: absolute;
        right: 23px;
        border: none;
        background-color: #17326d;
    }
    #titleSubMenu{
        font-size: 13pt;
        margin: 11px 17px;
        padding: 0 10px;
        text-transform: uppercase;
        color: #fff;
    }
    #container-btn_SubMenuVoltar{
        width: 100%;
        height: 60px;
        margin-top: 3px;
    }
    #btn_SubMenuVoltar{
        width: 100%;
        height: 100%;
        border: none;
        display: flex;
        background-color: var(--text-color-orange);
    }
    #btn_SubMenuVoltar i{
        font-size: 20px;
        margin: 19px 25px;
        color: #fff;
    }
    #btn_SubMenuVoltar p{
        width: 75%;
        margin: 12px 0 0;
        color: #fff;
        font-size: 16pt;
        text-align: end;
    }


    /*  Menu  */
    .containerLinksResponsivo{
        width: 100%;
        height: 92.7vh;
        overflow: auto;
        background-color: #ffffff;
    }
    .containerLinksResponsivo nav{
        padding: 35px 0;
        border-bottom: 2px solid #93bcddbd;
    }
    .containerLinksResponsivo nav ul{
        padding: 0;
    }
    .containerLinksResponsivo nav ul li{
        display: flex;
        flex-direction: row;
    }
    .containerLinksResponsivo nav ul li:hover{
        background-color: #c9c5c53f;
    }
    .containerLinksResponsivo nav ul a{
        width: 100%;
        height: 50px;
        padding: 12px 50px;
        font-size: 16pt;
    }
    
    .containerLinksResponsivo nav ul li i{
        padding-top: 17px;
        margin-left: -65px;
    }
   

    #aside_containerBtn{
        width: 200px;
        margin:  40px auto 0;
        display: flex;
        flex-direction: column;
    }
    #aside_containerBtn .btn-primary{
        margin-bottom: 25px;
    }
    #aside_linksRedes{
        width: 268px;
        margin: 25px auto 100px;
    }
    #aside_linksRedes a{
        margin: 10px;
    }

    /*  Menu responsivo  */
    #corpoMenuResponsivo{
        display: inline;
    }

    /*  Simulador  */
    #simuladorOps{
        top: -15px;
    }
    #simularAutomoveis div p{
        font-size: 12pt;
    }

    /*  Nossos Planos  */
    #planos .container{
        max-width: 891px;
    }

    /*  Vantagens  */
    #containerCarousel{
        width: 463px;
    }
    #carouselExampleFade .btn_carousel{
        width: 32px;
    }

    /*  Central de Noticias  */
    #noticias .container{
        max-width: 891px;
    }
    .remaza_other_news .row .align_news{
        width: 99%;
    }

    /*  Footer  */

    #footer .container{
        max-width: 100vw;
        margin: 0 auto;
    }
    #footer_row{
        width: 67vw;
        margin: 0 auto;
    }
    #aEmpresa, #consorcios{
        display: none;
    }



    /*  Cookie  */
    #containerImgCookie{
        width: 40px;
        margin: 28px 15px 0;
    }
    #containeTextoCookie p{
        width: 98%;
        margin: 5px auto 0;
    }

    #containeBtnCookie{
        width: 140px;
        margin: 0 auto;
    }
    #containeBtnCookie a{
        width: 116px;
        margin: 20px;
    }





}

@media(max-width : 768px){

    /* Banner */
    #containerBannerHome{
        width: 100%;
        height: 350px;
    }
    #containerBannerHome img{
        width: 100%;
        min-height: 100px;
        height: 100%;
    }
    #containerTextoBanner{
        top: 150px;
    }

    /* ------------------- */
    #simuladorOps{
        display: none;
    }

    #simulador-content-resp{
        display: block;
        margin-top: -33px;
        margin-left: auto;
        margin-right: auto;
      
    }
    #containerCarousel{
        margin: 0 auto;
    }
    .shadow-sm{
        width: 340px;
        margin: 0 auto;
        box-shadow: 0px .3px 10px grey !important;
    }
    .shadow-sm button{
        width: 110px;
        margin: 0 auto;
    }
    .shadow-sm button a{
        text-decoration: none;
        color: #fff;
    }
    #carouselExampleFade .btn_carousel{
        height: 158px;
    }

    /*  Consórcio  */   
    #h3HomeConsorcio{
        margin: 20px 0 0;
    }

    /*  Nossos Planos  */
    #planos{
        width: 96%;
        margin: 0 auto;
    }
    #NossosPlanosDesktop{
        display: none;
    }
    #NossosPlanosMobile{
        display: inline;
    }
    #NossosPlanosMobile .accordion{
        max-width: 583px;
        width: 100%;
        margin: 0 auto;
    }

    /*  Ventagens  */
    #vantagensCarousel-inner .carousel-item .carousel-border{
       width: 100%;
       background-color: #ffffffcb;
    }

    /*  Duvivas Frequentes  */
    #duvidas .container{
        max-width: 600px;
    }

    /*  Noticias  */
    #container_newsResponsivo{
        width: 100vw;
        margin-top: 30px;
    }
    #imgNoticiaPrincipal{
        width: 100%;
        max-height: 370px;
    }
    #container_newsResponsivo ul{
        width: 100%;
    }
    #container_newsResponsivo ul li .row{
        width: 50%;
    }

    /* Na midia */
    .midia-box {
        display: block;    
        margin: 10px auto;    
    }
        
    .midia-logo {        
        border-bottom: 2px solid #c4c4c4;               
    }

    .midia-logo img{
        float: none;
        margin: 10px auto;
        display: block;
        width: 100%;
        max-width: 275px;
    }

    .midia-txt{ 
        padding-left: 15px;
        border-left: 0px

    }


    /*  Footer  */
    #footer_row{
        width: 100vw;
    }
    #footer_row .footResp{
        width: 50%;
    }
}

@media(max-width : 576px){

    /* Banner */
    #containerBannerHome{
        height: 240px;
    }
    #containerTextoBanner{
        top: 41px;
    }
    #containerTextoBanner h1{
        font-size: 20pt;
        margin-top: 124px;
    }

    .btn-webby{
        background-color: #FFFFFF !important;
        border: 1px solid #ccc !important;
        border-radius: 4px;
        color: #212950;
        width: 100%;
        margin: 0 0 10px 0;
        padding: 5px 10px;
    }        

    /*  Consorcio  */
    #containerCarousel{
        max-width: 440px;
        width: 95%;
    }
  
    #consorcio .container .row .text-uppercase{
        margin-top: 20px;
    }
    #h3HomeConsorcio{
        font-size: 14pt !important;
    }

    #groupBtn1 .d-flex .btnSimula-Liga,
    #groupBtn2 .d-flex .btnSimula-Liga,
    #groupBtn3 .d-flex .btnSimula-Liga,
    #groupBtn4 .d-flex .btnSimula-Liga,
    #groupBtn5 .d-flex .btnSimula-Liga{
        font-size: 75%;
    }

    /*  Ventagens  */
    #containerCarousel .textoVentagens{
        display: none;
    }

    /*  Central de Noticias  */
    #container_newsResponsivo .remaza_other_news {
        padding: 0;
    }
    #container_newsResponsivo ul li .row {
        width: 100%;
        margin: 0;
    }

    

    /*  Footer  */
    #footer_row .footResp{
        width: 95%;
    }
    #div_links{
        max-width: 278px;
        width: 100%;
        margin: 10px auto;
    }
    #div_links a{
        margin: 0 2%;
    }
    #footerLogoRemaza{
        width: 186px;
        margin: 0 auto;
    }
    .color-dark-gray-txt {
        color: var(--text-color-grey);
        margin: 0;
    }



    /*  Modal  */
    #staticBackdrop .modal-dialog{
        width: 96%; 
    }



    /*  Cookie  */
    #contanerCookie{
        width: 96vw;
        margin: 0 2vw;
    }
    #contanerCookie_div{
        width: 100%;
        margin: 0;
        border-radius: 10px;
        flex-direction: column;
    }
    #containerImgCookie{
        width: 35px;
        height: 35px;
        margin: 15px auto;
    }
    #containeTextoCookie p{
        font-size: 10pt;
        padding: 0 15px;
    }
    #containeBtnCookie{
        width: 173px;
        margin: 0 auto;
    }
    #containeBtnCookie a{
        width: 172px;
        margin: 20px 0;
    }

    .hideondesktop{display: block;}
    .hideonmobile{display: none !important}

}

@media(max-width : 461px){

    .h1Title-h1 {
        font-size: 28pt;
    }

    /*  Topo Menu  */
    #Logo_Responsivo {
        margin: 13px 0 0 9px;
    }
    #Logo_Responsivo a img{
        width: 80%;
    }
    #container_btn_Responsivo{
        top: 3px;
    }
    #container_btn_Responsivo .float-end .btn-primary{
        font-size: 8pt;
    }
    #container_btn_Responsivo .float-end .btn-primary img{
        width: 15px;
    }

    /*  Menu Responsivo  */
    #corpoMenuResponsivo #_div{
        max-width: 316px;
        width: 100%;
    }

    /*  Consorcio  */
    #consorcio .container .row .text-uppercase {     
        text-transform: uppercase;  
        width: 100%;
        margin: 0 auto;
    }
    #consorcio .container .row h2::after {
        display: none;
        
    }

    /*  Ventagens  */
    #vantagens .container .row h2{
        width: 313px;
        margin: 0 auto;
    }
    #duvidas .container .row h2,
    #NossosPlanosMobile #accordionExample .row h2,
    #containerCentralNoticias .container .rowh2 h2{
        font-size: 22pt;
        width: 100%;
        margin: 0 auto;
    }
    #vantagens .container .row h2::after,
    #NossosPlanosMobile #accordionExample .row h2::after,
    #duvidas .container .row h2::after,
    #containerCentralNoticias .container .rowh2 h2::after{
        display: none;
    }
    #accordionExample .accordion-item .accordion-header{
        width: 100% !important;
    }

    /*  Duvidas Frequentes  */
    #groupBtn1 .d-flex, #groupBtn2 .d-flex, #groupBtn3 .d-flex, 
    #groupBtn4 .d-flex, #groupBtn5 .d-flex{
        flex-direction: column;
    }
    #groupBtn1 .d-flex .btn-primary, #groupBtn2 .d-flex .btn-primary, #groupBtn3 .d-flex .btn-primary, 
    #groupBtn4 .d-flex .btn-primary, #groupBtn5 .d-flex .btn-primary{
        margin-bottom: 10px;
    }
    #maisDuvidas i, #maisNoticias i{
        margin-left: 5px;
    }

    /*  Noticias  */
    #groupBtn5{
        margin-bottom: 30px;
    }

    .hideondesktop{display: block;}
    
}

@media(max-width : 361px){

    /*  Topo Menu  */
    #container_btn_Responsivo .float-end .btn-primary{
        display: none;
    }

    .hideondesktop{display: block;}

}


@media(max-width : 320px){

    html, body{
        overflow-x: auto;
    }

    .hideondesktop{display: block;}
}

.color-green{background: #2FD565}

.color-white-txt{color: #FFFFFF;}
 

/* BANNER */
.carousel-control-next, .carousel-control-prev{
    top: 40%;
    bottom: 40%;
    width: 50px
}