/*//////////////////////////////////////////////////////////////////////////////////////////*/
/* CUSTOM CSS (ADD YOUR CSS HERE!) */
/*//////////////////////////////////////////////////////////////////////////////////////////*/

/* PLUGIN CSS */
@import url('../plugins/camera-slider/camera-slider-1.3.4.min.css');
@import url('../plugins/fancybox/fancybox-1.3.4.min.css');
@import url('../plugins/fancybox/photoswipe-3.0.5.min.css');
@import url('../plugins/hover-animations/hover-animations-1.0.min.css');
@import url('../plugins/justinaguilar-animations/animations.css');
@import url('../plugins/validation/validation-2.2.min.css');
@import url('http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700');

/* PAGE MODULES */

/*ajustar tel bdo RECAPTCHA param celular*/


.g-recaptcha > div {
    width: 100% !important;
}

.g-recaptcha iframe {
    width: 100% !important;
}
.CorFoneRodape {
    color: var(--CorRodapeTexto);
    font-family: monospace;
}
.ref_destaque {
    float: right;
    font-size: 15px;
    padding: 3px;
    background-color: rgba(128, 128, 128, 0.30) ;
    right: 0;
    margin-right: 100px;
}
.ref_destaque1 {
    float: right;
    font-size: 15px;
    padding: 3px;
    background-color:rgba(255, 255, 255, 0.71);
    top: 7px;
    color:black;
    position: absolute;
    left: 22px;
}


:root {
    --CorTexto: black;
    --CorFundo: #ccc;
    --CorMenu: transparent;
    --CorMenuFundo: silver;
    --CorMenuTexto:#18217a;
    --CorTelefone: #18217a;
    --CorCelular: #18217a;
    --fundoTelefone: white;
    --CorDestaqueFundo: #14177524;
    --CorDestaqueTexto: #18217a;
    --CorOfertaFundo: #18217a26;
    --CorOfertaTexto: #18217a;
    --CorBuscaTipoFundo: rgba(255,255,255, 0.45);
    --CorBuscaTipoTexto: white;
    --CorRodapeFundo: #fff;
    --CorRodapeTexto: #18217a;
    --CorBotaoTexto: white;
    --CorBotaoFundo: #c7182e;
    --CorTipoImovelFundo: #18217a;
    --CorTipoImovelTexto: #fff;
}

.valores {
    position: absolute;
    float: right;
    width: 100%;
    height: auto;
    bottom: 0;
    right: 0;
    margin: 5px;
}

#valor {
    float: right;
    width: auto;
    height: auto;
    text-align: right;
    margin-right: 10px;
    background-color: var(--CorFundo);
    font-size: 14px;
    border: 1px var(--fundodestaque) groove;
    font-weight: bold;
    padding: 5px;
    color: var(--CorTexto);
}

.destaque {
    background-color: var(--CorDestaqueFundo);
}

.subtipo {
    background-color: rgba(128, 128, 128, 0.15);
    padding: 12px 0;
}

.busca {
    color: var(--CorTexto);
    /*background-color: var(--CorMenuFundo);*/

    background-image: url('../img/FundoBusca.jpg');
    background-size: cover;
    background-position: left;
    height: 650px;
}
.tabbable {
    top: 200px;
    position: relative;
    color: var(--CorBuscaTipoTexto); 
    background-color: var(--CorBuscaTipoFundo); 
    padding: 8px;
}

.footer-block {
    background: var(--CorRodapeFundo);
    color: var(--CorRodapeTexto);
}

.copyright-block {
    background: var(--FundoRodape);
    color: var(--TextoRodape);
    height: 60px;
    line-height: 60px;
    opacity: 0.75
}

.gallery-block {
    /*background: transparent;*/
    background-color: var(--CorDestaqueFundo);
    padding: 20px;
}

.btn#whatsapp {
    width: 52px;
    height: 52px;
    position: fixed;
    left: 8px;
    bottom: 30px;
    /* visibility: hidden; */
    /* opacity: 0; */
    transition: all 0.2s;
    box-shadow: 0 0 5px 5px rgba(0,0,0,0.2);
    line-height: 5px;
    z-index: 3;
}

.menu {
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: var(--CorFundo);
    color: var(--CorTexto) !important;
    border-top: 1px solid white;
    width: 100%;
}
    /* Main level */

    .menu > li {
        /*background: #34495e;*/
        background-color: var(--CorFundo);
        float: left;
        position: relative;
        margin-top: -1px;
        /*transform: skewX(25deg);*/
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
    }

    .menu ht {
        display: block;
        /*color: #000;*/
        text-transform: uppercase;
        text-decoration: none;
        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
    }

    .menu ht2 {
        display: block;
        /*color: #000;*/
        text-transform: uppercase;
        text-decoration: none;
        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
    }

    /*.menu li:hover {
        background: #e74c3c;
    }*/

    .menu > li > ht {
        /*transform: skewX(-25deg);*/
        padding: 1em 2em;
        min-width: 20px;
        min-height: 20px;
        text-align: center;
    }

    .menu > li > ht2 {
        /*transform: skewX(-25deg);*/
        padding: 1em 2em;
        min-width: 140px;
        min-height: 50px;
        text-align: center;
    }

.btn-circle, .btn-circle:hover, .btn-circle:active, .btn-circle:focus {
    height: 34px;
    width: 34px;
    line-height: 34px;
    padding: 0;
    border-radius: 50%;
}

body {
    font-family: 'Open Sans', sans-serif;
    color: #555;
}

.coloricone {
    color: var(--CorMenuTexto);
}

    .coloricone:hover {
        color: var(--CorMenuTexto);
        background-color: rgba(0, 0, 0, 0.25) !important;
        opacity: .60;
        padding: 6px;
        margin: -6px;
    }


.CorTextoMenusTopo {
    color: var(--CorMenuTexto);
    font-size: 14px;
}

.navbar-default .navbar-nav > li > a {
    color: var(--CorMenuTexto) !important;
    border-radius: 5px;
}

    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
        color: var(--CorMenuTexto) !important;
        background-color: var(--CorMenuFundo);
        border-radius: 5px;
    }
 
.CorTextoTelefones, CorFoneTopo {
    color: var(--CorTelefone);
    text-decoration: none;
}

.espaco {
    height: 40px;
}

h1, .h1 {
    margin-top: 0px;
    /*margin-bottom: 30px;*/
}

h2, .h2 {
    margin-top: 0px;
    margin-bottom: 15px;
    font-size: 20px;
}

p {
    margin: 0 0 15px;
}

#main-header {
}

.form-horizontal {
    border: none;
    padding: 25px;
    border-radius: 3px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.50);
    background-color: white;
    position: static;
    margin-top: 15px;
    margin-bottom: 15px;
}

#main-nav {
    background-color: var(--CorMenu);
    /*    color: var(--CorMenuTexto);*/
    padding: 7px
    /*width: 100%;
    text-align: center;
    z-index: 1000;*/
}

.navbar-nav > li > a {
    line-height: 40px;
    height: 40px;
}

.btn-primary {
    color: var(--CorBotaoTexto);
    background-color: var(--CorBotaoFundo);
    border-color: var(--CorBotaoFundo);
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
        color: var(--CorBotaoTexto);
        background-color: var(--CorBotaoFundo);
        opacity: 0.65
    }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background-color: var(--CorBotaoFundo);
    color: var(--CorBotaoTexto);
}

.imagem-bg {
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto;
    padding: 0 auto;
    width: 100%;
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    color: var(--CorBotaoTexto);
    background-color: var(--CorBotaoFundo);
    opacity: 0.75;
}

.content-block {
    background: transparent;
    padding: 30px 0px;
}

.service-block {
    background: transparent;
    padding: 10px 0px;
}

.service-block2 {
    background: transparent;
    padding: 50px 0px;
}

.content-block img {
    margin-bottom: 30px;
}

.titl_sec {
    background-color: transparent;
    padding: 10px;
    margin: 10px;
    font-size: 20px;
    /*-webkit-box-shadow: 1px 1px 2px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 2px -1px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 2px -1px rgba(0,0,0,0.75);*/
}

.titl_sec1 {
    background-color: transparent;
    padding: 10px 10px 5px 10px;
    margin: 10px 0 10px 0;
    /*border: 1px solid #C5C5C5;*/
    /*-webkit-box-shadow: 1px 1px 2px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 2px -1px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 2px -1px rgba(0,0,0,0.75);*/
}

.titl_sec_cont {
    background: #fff;
    border: 1px solid #C5C5C5;
    padding: 10px 5px 10px 2px;
    float: left;
    width: 100%;
    margin: 12px 0 0px 0; /*-webkit-box-shadow: 1px 1px 2px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 2px -1px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 2px -1px rgba(0,0,0,0.75);*/
}

/*.descricao_imovel {
    padding:10px 20px 5px 25px;
    margin:10px 0 10px 0;
    padding-left: 18px;
}*/

.descricao_imovel p {
    overflow: auto;
    max-height: 300px;
    line-height: 1.8;
}

.descricao_imovel h3 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.gallery-block img {
    margin-bottom: 10px;
}

.form-block {
    background: transparent;
    padding: 30px 0px;
}

.map-block {
    background: transparent;
    padding: 30px 0px;
}

.footer-block {
    /*	background: transparent;*/
    padding: 10px 0px;
    background: var(--CorRodapeFundo);
    color: var(--CorRodapeTexto);
    border-top: 2px solid var(--CorRodapeFundo);
}

.copyright-block {
    background: rgba(128, 128, 128,1);
    height: 60px;
    line-height: 60px;
    color: #fff;
}

    .copyright-block a {
        color: #fff;
    }

.combo-block {
    background: #3c5a98;
    color: #fff;
    height: 70px;
    padding: 10px 0px;
    min-height: 0;
    margin-bottom: 0;
}

#map {
    height: 380px;
}

#footer-map {
    height: 297px;
}
/* Animação ofertas */
[class*="animate-"] .overlay {
    background: #1c676c;
}


.img_bancos {
    margin: 5px;
    width: 56px;
    height: 56px;
}

.mapa {
    width: 500px;
}



/* RESPONSIVE */


@media (max-width: 1021px) {
    .mapa {
        width: 160px;
    }
}


@media (min-width:1024px) {
    .vert-nav, .vert-nav-whole-10, .vert-nav-whole-9 {
        display: table !important;
    }

        .vert-nav .navbar, .vert-nav-whole-10 .navbar, .vert-nav-whole-9 .navbar {
            display: table-cell;
            vertical-align: middle;
        }
}


@media (max-width: 598px) {
    [class*="col-"] {
        padding-left: 5px;
        padding-right: 5px;
    }

    .navbar-default {
        background: 0 0;
        border: none;
        margin-top: 8px;
    }
    /*setas destaque*/
    .carousel-control {
        top: 37%
    }


    legend {
        font-size: 15px;
    }

    .descricao_valor {
        font-size: 15px;
    }

    .carousel {
        margin: 15px 5px 15px 5px;
    }

    .descricao_destaque {
        /*text-align: center;*/
        font-size: 12px
    }

    .itenscompartimentos {
        font-size: 11px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .titl_sec {
        background-color: transparent;
        padding: 1px;
        margin: 1px;
        font-size: 18px
    }

    h1 {
        font-size: 26px
    }

    h3 {
        font-size: 20px
    }


    .CorTextoTelefones, CorFoneTopo {
        color: var(--CorCelular);
        text-decoration: none;
    }

}


@media (max-width:1023px) {
    .navbar-default {
        background: 0 0;
        border: none;
        margin-top: 8px;
    }

    .CorTextoTelefones, CorFoneTopo {
        color: var(--CorCelular);
        text-decoration: none;
    }

    .navbar-collapse {
        max-height: none;
    }

    .navbar-nav > li {
        float: none;
        width: auto;
        display: block;
    }

    .nav-justified > li {
        float: none;
        width: auto;
        display: block;
    }

    .navbar-nav {
        margin: 0;
    }

    .navbar-collapse {
        border-top: 0;
        background-color: rgba(0, 0, 0, 0.15) !important;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #FFF;
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
            color: #FFF;
        }

    .dropdown-header {
        color: #FFF;
    }

    .hidephone {
        display: none;
    }

    .copyright-block .left {
        text-align: center;
    }
}