* {
    font-family: Nunito Sans;
}

#tela-inicial {
    width: 100%;
    background-color: #ffffff;
    /* float: left; */
    margin: 0;
    padding: 0;
    position: relative;
    display: block;
    z-index: 0;
    zoom: 0 !important;
    clear: both;
}

#area-imagem {
    display: none;
}

.imagem-gradient #area-imagem {
    display: none;
    /* height: 370px !important; */
}

* {
    outline: none !important;
}

/*Termos mais buscados*/
#termos-mais-buscados {
    width: 100%;
    background-color: white;
    padding: 30px 15px 0 15px;
    margin-bottom: 45px;
}

#termos-mais-buscados .content-tmb{
    max-width: 1140px;
    margin: 0 auto;
    overflow: auto !important;
    overflow-x: -moz-hidden-unscrollable;
}

#termos-mais-buscados h2 {
    max-width: 1140px;
    margin: 10px auto 54px auto;
    font-family: 'Varela Round', sans-serif;
    font-size: 30px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.4px;
    color: #78bb55;
    margin-bottom: 30px;
}

#termos-mais-buscados ul{
    width: 100%;
    height: 100%;
    background-color: #0097e0;
    border-radius: 5px;
    margin: 0 auto;
    padding: 20px;
    display: table;
    text-align: justify;
}

.termos {
    font-size: 1rem; 
    letter-spacing: 0.4px;
}

.termo_1 { 
    font-size: 1.80rem; 
    font-weight: bold; 
}

.termo_2 { 
    font-size: 1.70rem; 
}

.termo_3 { 
    font-size: 1.60rem; 
}

.termo_4 { 
    font-size: 1.50rem; 
}

.termo_5 { 
    font-size: 1.40rem; 
}

.termo_6 { 
    font-size: 1.30rem; 
}

.termo_8 { 
    font-size: 1.20rem; 
}

.termo_9 { 
    font-size: 1.10rem; 
    font-weight: bold; 
}

.termo_10 { 
    font-size: 1rem; 
}

element.style {
    width: 1144px !important;
}

@media (max-width: 767px) { 

    #termos-mais-buscados h2 {
        font-size: 25px;
        text-align: center;
    }

}



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

    .termo_1 { font-size: 1.50rem; font-weight: bold; }

    .termo_2 { font-size: 1.40rem; }

    .termo_3 { font-size: 1.30rem; }

    .termo_4 { font-size: 1.20rem; }

    .termo_5 { font-size: 1.10rem; }

    .termo_6 { font-size: 1rem; }

    .termo_8 { font-size: 0.90rem; }

    .termo_9 { font-size: 0.80rem; font-weight: bold; }

    .termo_10 { font-size: 0.70rem; }

}

/*______________________*/



/*publicidade 2*/

#publicidade-2 {
    width: 100%;
    background-color: white;
    padding: 50px 15px;
}



#banner-2 {
    max-width: 1170px;
    height: auto;
    margin: 0 auto;
    object-fit: contain;
    text-align-last: center;
}

/*________________________*/



/*publicidade 1*/

#publicidade-1 {

    width: 100%;

    background-color: white;

    padding-top: 30px;

    padding-bottom: 30px;

}

#banner-1 img{
    transition: all 2s;
}

#banner-1 {

    max-width: 1140px;

    /*height: 300px;*/

    background-color: #fff;

    margin: 0 auto;

    object-fit: contain;

    text-align: center;

}

/*________________________*/


#recomendacoes{
    margin-top: 80px;
    font-family: Nunito Sans; 
    font-style: normal;
    line-height: normal;
}

#recomendacoes h2, #noticias h2 {
    text-align: center; 
    color: #6869AC; 
    font-size: 32px; 
    font-weight: 400; 
    word-wrap: break-word;
    padding: 0 10px;
}


.loading-spinner {
    text-align: center;
    margin: 2rem 0;
}

.loader {
    width: 50px;
    height: 50px;
    border: 5px solid #FFF;
    border-bottom-color: #ef4444;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

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


#noticias .noticia .titulo-card {
    color: #27BCB4;
    font-weight: 700;
    font-size: 20px;
    line-height: 29px;
    margin: 16px 0;
}

#noticias .noticia .conteudo {
    color: #777;
    font-size: 16px;
    line-height: normal;
}

#noticias .noticia .image {
    border-radius: 10px;
    height: 200px;
    overflow: hidden;
}

#noticias .noticia .image img{
    height: 100%;
    max-width: fit-content;
    min-width: 100%;
}

/*=====================================================

=            Bootstrap v3.3.5 Media Queries            =

=====================================================*/



/* Telefones em landscape e abaixo */

@media (max-width: 767px) { 



    header, .cabecalho{

        height: 320px;

    }



    #cabecalho{

        margin: 0 !important;

        padding: 0 !important;

    }



    #login {

        background-color: rgb(0,100,183) !important;

        padding-right: 5px !important;

        margin: -8px 0 0 0 !important

    }



    #login .navbar-top-login {

        padding-right: 5px !important;

    }



    #login .navbar-top-login nav ul.navbar-right{

        margin-right: 0 !important;

    }



    #login .navbar-top-login nav ul li{

        float: right !important;

    }



    /* Modal Login and Modal Cadastro */

    .modal-backdrop {

        z-index: 2 !important;

    }

    .modal .modal-dialog{

        left: 7% !important;

        margin-top: 45px;

        overflow: hidden !important;

        position: static !important;

    }


    /*-------------------------------------*/



}



/* Telefone em landscape a tablet em portrait */
@media (min-width: 767px) and (max-width: 1440px) { 

    #login .navbar-top-login nav ul.nav {
        margin-right: 26px !important;
    }



    #login {
        margin: 0 !important;
        background-color: #004177 !important;
    }

}
/*________________________*/



/*localidades mais populares*/

#localidades-mais-populares.tmp{

    max-width: 1140px;

    margin: 50px auto 54px auto;

}



#localidades-mais-populares.tmp h2{

    font-family: 'Varela Round', sans-serif;

    font-size: 30px;

    font-weight: normal;

    font-style: normal;

    font-stretch: normal;

    letter-spacing: 0.4px;

    color: #78bb55;

    margin-bottom: 30px;

}



#localidades-mais-populares.tmp .box{

    max-width: 1140px;

    min-height: 200px;

    background-color: rgba(198, 199, 201, 0.25);  

    border-radius: 5px;

    border: solid 1px #dfdfdf;

}



#localidades-mais-populares.tmp .box{

    height: auto;

}



#localidades-mais-populares.tmp .box .nav-tmp ul {

    list-style: none;

    margin: 0;

    padding: 0;

    height: 50px;

    margin-bottom: 20px;

}



#localidades-mais-populares.tmp .box .nav-tmp ul li {

    padding-top: 10px;

    display: inline-block;

    text-align: center;

    border-top: solid 10px rgba(146, 148, 151, 0.5);

    width: 49.5%;

}



#localidades-mais-populares.tmp .box .nav-tmp ul li a {

    font-family: Varela Round;

    font-size: 20px;

    font-weight: normal;

    font-style: normal;

    font-stretch: normal;

    letter-spacing: 0.3px;

    color: rgba(147, 149, 152, 0.59);

    text-decoration: none;

    outline: none;

}



#localidades-mais-populares.tmp .box .nav-tmp ul li.active,

#localidades-mais-populares.tmp .box .nav-tmp ul li.active a,

#localidades-mais-populares.tmp .box .nav-tmp ul li:hover,

#localidades-mais-populares.tmp .box .nav-tmp ul li:hover a{

    border-color: #005da8;

    color: #0064b7;

    text-decoration: none;

    outline: none;

}



/* Abas */

#localidades-mais-populares.tmp .box #conteudo-abas{

    padding-left: 35px;

}



#localidades-mais-populares.tmp .box #conteudo-abas.content-tmp .aba-venda .panel-group:after,

#localidades-mais-populares.tmp .box #conteudo-abas.content-tmp .aba-aluguel .panel-group:after{

    content: "";

    display: table;

    clear: both;

}



#localidades-mais-populares.tmp .box #conteudo-abas.content-tmp .aba-venda .panel-group .col-md-2,

#localidades-mais-populares.tmp .box #conteudo-abas.content-tmp .aba-aluguel .panel-group .col-md-2{

    list-style: none;

    width: 220px;

    min-height: 266px;

}



#localidades-mais-populares.tmp .box #conteudo-abas.content-tmp .aba-venda .panel-group .col-md-2.oculto,

#localidades-mais-populares.tmp .box #conteudo-abas.content-tmp .aba-aluguel .panel-group .col-md-2.oculto{

    display: none !important;

}



#localidades-mais-populares.tmp .box #conteudo-abas.content-tmp .aba-venda .panel-group .panel-heading,

#localidades-mais-populares.tmp .box #conteudo-abas.content-tmp .aba-aluguel .panel-group .panel-heading {

    padding-bottom: 0 !important;

    padding-left: 0 !important;

}



#localidades-mais-populares.tmp .box #conteudo-abas.content-tmp .aba-venda .panel-group .panel-heading+.panel-collapse>.panel-body,

#localidades-mais-populares.tmp .box #conteudo-abas.content-tmp .aba-aluguel .panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid transparent}



#localidades-mais-populares.tmp .box #conteudo-abas.content-tmp .aba-venda .panel-group .panel-heading .panel-title a,

#localidades-mais-populares.tmp .box #conteudo-abas.content-tmp .aba-aluguel .panel-group .panel-heading .panel-title a,

#localidades-mais-populares.tmp .box #conteudo-abas.content-tmp .aba-venda .panel-group .panel-heading .panel-title a h3,

#localidades-mais-populares.tmp .box #conteudo-abas.content-tmp .aba-aluguel .panel-group .panel-heading .panel-title a h3{

    text-decoration: none;

    outline: none;

    font-family: Varela Round;

    font-size: 1.1em;

    font-weight: normal;

    font-style: normal;

    font-stretch: normal;

    letter-spacing: 0.3px;

    color: #0064b7;

}



#localidades-mais-populares.tmp .box #conteudo-abas.content-tmp .aba-venda .panel-group .panel-collapse .panel-body,

#localidades-mais-populares.tmp .box #conteudo-abas.content-tmp .aba-aluguel .panel-group .panel-collapse .panel-body{

    padding: 0 0px 10px;

}



#localidades-mais-populares.tmp .box #conteudo-abas.content-tmp .aba-venda .panel-group .panel-collapse .panel-body nav a,

#localidades-mais-populares.tmp .box #conteudo-abas.content-tmp .aba-aluguel .panel-group .panel-collapse .panel-body nav a{

    text-decoration: none;

    outline: none;

    font-family: Open Sans;

    font-size: 16px;

    font-weight: normal;

    font-style: normal;

    font-stretch: normal;

    line-height: 1.64;

    letter-spacing: 0.2px;

    color: #636466;

    display: block;

}



#localidades-mais-populares.tmp .box #conteudo-abas.content-tmp .aba-venda .panel-group .panel-collapse .panel-body nav a:hover,

#localidades-mais-populares.tmp .box #conteudo-abas.content-tmp .aba-aluguel .panel-group .panel-collapse .panel-body nav a:hover{

    text-decoration: underline;

}



@media (min-width: 1138px) { 

    #localidades-mais-populares.tmp .box #conteudo-abas.content-tmp .centered {

        float: left;

        margin-left: 98px;

        width: 80% !important;

    }

}



@media (max-width: 767px) { 



    #localidades-mais-populares.tmp h2 {

        font-size: 25px;

        text-align: center;

    }



    #localidades-mais-populares.tmp .box .nav-tmp ul li {

        width: 48.4%;



    }

    #localidades-mais-populares.tmp .box .nav-tmp ul li  a{

        font-size: 14px;

    }



}



@media (min-width: 320px) { 

    #localidades-mais-populares.tmp .box #conteudo-abas.content-tmp .aba-venda .panel-group .col-md-2, #localidades-mais-populares.tmp .box #conteudo-abas.content-tmp .aba-aluguel .panel-group .col-md-2 {

        float: none !important;

        margin: 0 auto;

        padding: 0;

    }

}



@media (min-width: 481px) { 

    #localidades-mais-populares.tmp .box #conteudo-abas.content-tmp .aba-venda .panel-group .col-md-2, #localidades-mais-populares.tmp .box #conteudo-abas.content-tmp .aba-aluguel .panel-group .col-md-2 {

        float: left !important;

        padding: 0;

    }

}



@media (min-width: 481px) and (max-width: 767px) { 

    #localidades-mais-populares.tmp .box #conteudo-abas.content-tmp .aba-venda .panel-group .col-md-2, #localidades-mais-populares.tmp .box #conteudo-abas.content-tmp .aba-aluguel .panel-group .col-md-2 {

        float: left !important;

        margin-left: 40px;

        padding: 0;

        width: 40%;

    }

}



@media (min-width: 1148px) { 

    #localidades-mais-populares.tmp .box .nav-tmp ul li {

        width: 50%;

    }

}

/*________________________*/



/*institucional*/

#institucional {

    max-width: 100% !important;
    margin: 0;
    float: none;
    height: auto;
    display: block;
    position: relative;
    vertical-align: middle;
    overflow: no-content;
    /* margin-top: 5rem; */
}



#institucional .sub_inst{
    position: relative;
    height: 482px;
    background: #0097e0;
    margin: 0 auto !important;
    background-image: url("/img_institucional3");
    background-repeat: no-repeat;
    background-position: center;
    background-size:  cover;
}

#institucional .inner-text{
    margin-top: 58px;
}



#institucional .inner-text h2{

    font-family: 'Varela Round', sans-serif;

    font-size: 30px;

    font-weight: normal;

    font-style: normal;

    font-stretch: normal;

    letter-spacing: 0.4px;

    color: #ffffff;

    text-align: left;

}



#institucional .inner-text p{

    margin-top: 35px;

    margin-bottom: 35px;

    font-family: 'Open Sans', sans-serif;

    font-size: 14px;

    font-weight: normal;

    font-style: normal;

    font-stretch: normal;

    line-height: 1.57;

    color: #ffffff;

}



#institucional .inner-text a.btn{

    border-radius: 100px !important;

    border: solid 1px #ffffff !important;

    color: #ffffff !important;

    float: left;   

    margin-right: 30px;

}



#institucional .col-md-offset-7 {

    margin-left: 51.333%;

}

.institucional {
    background: #f7f5f5;
}

.bloco-5050 {
    width: 100%;
    display: flex;
    max-width: 1170px;
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: center;
}

.bloco-5050 .box-50 {
    width: calc(50% - 30px);
    margin: 0 15px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: center;
}

.bloco-5050 .box-txt {
    padding: 30px 15px;
}

.bloco-5050 h2 {
    font-family: 'Varela Round', sans-serif;
    font-size: 30px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.4px;
    color: inherit;
    text-align: left;
}

.bloco-5050 p {
    margin-top: 35px;
    margin-bottom: 35px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.57;
    color: inherit;
}

.bloco-5050 .box-img img {
    max-width: 100%;
    height:  auto;
}

.bloco-5050 .box-50.img-end {
    justify-content: flex-end;
}

.institucional .btn.ir-para {
    border: 1px solid #0097e0;
    background: #0097e0;
    border-radius: 32px;
    transition: all 0.2s;
}

.institucional .btn.ir-para:hover {
    background: #ffffff;
    color: #0097e0;
}





/*=====================================================

=            Bootstrap v3.3.5 Media Queries            =

=====================================================*/



@media (min-width: 320px) and (max-width: 680px) { 



    #institucional .inner-text {

        margin-top: 0;

    }



    #institucional .inner-text h2 {

        margin: 0;

    }



    #institucional .col-md-offset-7 {

        margin-left: 0;

    }

}



@media (min-width: 480px) and (max-width: 680px) { 



    #institucional .sub_inst {

        background-size: 60% 67% !important;

    }

}



@media (max-width: 767px) { 

    #institucional .sub_inst {

        background-image: url('/imagem?i=geral/bg-institucional-01.jpg') !important;
        background-position: center bottom 25px !important;
        height: auto;
        padding: 60px 0 350px 0;
        background-size: 90% auto !important;

    }

    #institucional .col-md-offset-7 {
        margin: 0 !important;
    }



    #institucional .inner-text h2{

        font-size: 25px !important;

        text-align: center !important;   

    }



    #institucional .inner-text p{

        text-align: center !important;   

    }



    #institucional .inner-text a.btn{

        float: right;   

        margin-right: 30px;

    }

    #institucional .col-md-offset-7 {

        margin-left: 0;

        margin-top: 0;

    }

    .bloco-5050 .box-50 {
        width: calc(100% - 30px);
        margin: 0 15px;
    } 
    
    .bloco-5050 .box-50.order-01 {
        order: 1;
    }

    .bloco-5050 .box-50.order-02 {
        order: 2;
    }

}



@media (min-width: 767px) { 



    #institucional .sub_inst {

        height: 386px !important;

        background-position: bottom center;

        background-size: contain;

        background-image: url("img_institucional") !important;

    }



    #institucional .sub_inst {

        background-position: -193px 2px !important;

        background-size: 137% 100% !important;

    }



    #institucional .inner-text p {

        text-align: left !important;

    }



    #institucional .col-md-4 {

        width: 45.333% !important;

    }



    #institucional .col-md-offset-7 {

        margin-left: 51.333% !important;

    }



}



@media (min-width: 992px) and (max-width: 1024px) { 



    #institucional .sub_inst {

        background-position: -234px 12px !important;

        /*background-size: 59% 83% !important;*/

    }



}



@media (min-width: 1024px) {





    /*#institucional .sub_inst {

        background-position: 222px 40px !important;

        background-size: 48% 93% !important;

    }*/



    /*    #institucional .sub_inst {

            background-position: -237px 18px !important;

            background-size: 48% 93% !important;

        }*/



    /*  #institucional .inner-text {

          margin-top: 59px;

      }

  

      #institucional .col-md-4 {

          width: 35.333% !important;

      }

    */



    #institucional .col-md-4 {
        width: 36.333% !important;
    }
    #institucional .inner-text {
        margin-top: 28px;
    }
}

@media (min-width: 1330px) {
    #institucional .sub_inst {
        background-position: -87px 18px !important;
        background-size: 100% !important;
    }
}

@media (max-width: 1920px) { 
    #institucional .sub_inst {
        /*height: 445px !important;*/
        background-position: bottom center;
        background-size: contain;
    }
}

@media (min-width: 1921px) { 
    #institucional .sub_inst {
        background-position: 43px 40px !important;
        background-size: 77% 88% !important;
    }
    #institucional .col-md-offset-7 {
        margin-left: 50.333% !important;
    }
    #institucional .inner-text {
        margin-top: 42px;
    }
}

.background-gradiente{
    /* height: 100.1%; */
    /* float: left; */
    position: relative;
    width: 100%;
    background: blue;
    background: -webkit-linear-gradient(#013371, #006EA2, #008DD4, #006EA2,#001DAD);
    background: -o-linear-gradient(#013371, #006EA2, #008DD4, #006EA2,#001DAD);
    background: -moz-linear-gradient(#013371, #006EA2, #008DD4, #006EA2,#001DAD);
    background: linear-gradient(#013371, #006EA2, #008DD4, #006EA2,#001DAD);
    opacity: .40;
    /* margin-top: -177px; */
}

#area-imagem .fundo-cabecalho{
    background-color: transparent !important;
    background-image: none !important;
    /*height: auto !important;*/
    position: inherit;
    z-index: 2;
}

#area-imagem .texto{
    z-index: 1;
    width: 100%;
    /* position: absolute; */
    /* top: 10%;
    float: inside; */
    font-size: 100% !important;
}



#area-imagem .texto h1{
    font-family: 'Varela Round', sans-serif !important;
    font-size: 40px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.6px;
    text-align: center;
    color: #ffffff;
    margin: 0;
    font-weight: bold;
}
.bloco-banner{
    padding: 40px;
}
.banner1{
    max-width: 1140px;
    max-height: 180px;
    object-fit: contain;
    background-color: #ddd;
    margin: 0 auto;
    overflow: hidden;
    color: #aaa;
}
.banner1 img{
    width: 100%;

}


/* MEDIAS */


/* @media (min-width: 120px) and (max-width: 480px) { 
    #area-imagem { height: 480px;}
   #area-imagem .texto h1 {font-size: 1.5em;}
}

@media (min-width: 481px) and (max-width: 799px) { 
    #area-imagem { height: 480px;}
    #area-imagem .texto h1 {font-size: 2em;}
}

@media (min-width: 800px) and (max-width: 1024px) { 
    #area-imagem { height: 480px;}
}

@media (min-width: 1025px) and (max-width: 1347px) { 
    #area-imagem { height: 480px;}
}

@media (min-width: 1348px) and (max-width: 1400px) { 
    #area-imagem { height: 480px;}
}

@media (min-width: 1401px) and (max-width: 1600px) { 
    #area-imagem { height: 480px;}
}

@media (min-width: 1601px) and (max-width: 1667px) { 
    #area-imagem { height: 480px;}
}

@media (min-width: 1668px) and (max-width: 1800px) { 
    #area-imagem { height: 480px;}
}

@media (min-width: 1801px) and (max-width: 1915px) { 
    #area-imagem { height: 480px;}
}

@media (min-width: 1916px) { 
    #area-imagem { height: 480px;}
} */