body .title-left{
    float: left!important;
    text-align: left!important;
    color:white!important;
    font-size: 15pt!important;
    padding: 10px!important;
}
.gm-style{
    font-family: 'font__2'!important;
}
.gm-style-iw-a{
    opacity: 0;
    transition: opacity .3s ease;
}
.gm-style-iw-d{
    all: unset!important;
    width: 100%;
    opacity: 0;
    transition: opacity 1s ease;
}
.gm-style-iw.gm-style-iw-c{
    padding: 0px!important;
    width: 240px;
}
.gm-style .gm-style-iw-t::after{
    background: #f8f8f8!important;
}
.dialog-title{
    font-family: font__5!important;
    margin: 15px!important;
    position: relative;
    font-size: 12pt;
    color: darkslategray;
}
/* html popup-terreno .gmnoprint:nth-child(1){display: none!important;} */
.btnDocument{
    display: block!important;
    float: left!important;
    position: relative!important;
    left: 10px!important;
    padding-right: 14px;
}
.btnDocument i{
    font-size: 12pt!important;
    top: -2px;
    right: -5px;
}
.dialog-title i{
    position: absolute;
    top:0px;
    right: 0px;
}
.icon-input{
    position: absolute!important;
    top: 0;
    right: 0;
    width: 20px;
    text-align: center;
    padding: 11px;
    font-size: 14pt!important;
    cursor: pointer;
}
.bgWhite{background-color: white!important;}
.box{
    max-width:1100px;margin:auto;padding-top:25px;
}
.box-alt{
    max-width:850px;margin:auto;
}
.box-alt-2{
    max-width:550px;margin:auto;
}
.page-content{
    background-color: #f8f8f8!important;
}
.page{
    /* background-color: black!important; */
}
@media (max-width: 800px){
   index .card-content.card-img{
        min-height: unset!important;
        height: 90px!important;
   }
   #listScreen > .row{
       padding: 0px!important;
   }
   .card{
        margin:8.5px!important;
   }
}
#map{
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
}
.labelBtnHeader{
    position: absolute;
    top: 19px;
    left: 8px;
    font-size: 12px;
    font-weight: bold;
}
.g-recaptcha{
    display: flex;
}
.g-recaptcha>div{
    margin:auto;
}
.cp{cursor: pointer;}
.txt-center{
    text-align: center;
}
.rule{
    margin-top: 5px;
    margin-bottom: 10px;
    float: left;
    border-top: 1px solid #dbdbdb;
    width: calc(100% - 190px);
}
.rule img{
    width: 30px;
    position: relative;
    top: 7px;
    margin-right: 5px;
    opacity: .7;
}
.fb{font-weight: bold;}
.title{
    text-align: center;
    font-family: 'font__5';
    font-size: 32px!important;
    letter-spacing: -1.7px!important;
    line-height: 26px!important;
}
.description{
    text-align: center;
    font-size: 16px!important;
    line-height: 20px;
}


.beneficios .col-100{
    padding:20px;
}
.layerWhite{
    z-index: 0;
    position: absolute;
    top: 0;
    bottom: 0px;
    width: calc(100% + 20px);
    background-color: white;
    height: 220px;
    left: -10px;
    margin: auto;
}
.layerFront img{
    margin: auto;
    margin-top: 40px;
    margin-bottom: 15px;
    width: 70px;
    display: block!important;
}
.layerFront .title{
    font-size: 16pt!important;
}
.layerFront{
    z-index: 2;
    position: relative;
}
.beneficios .col-100 > div{
    text-align: center;
    border:3px solid #37a1fb;
    height: 245px;
    position: relative;
    max-width: 300px;
    margin: auto;
    /* box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1)!important; */
}

.crd{
    border: 1px solid rgb(219, 219, 219);
    border-radius: 8px;
    padding: 10px;
    margin: 10px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: all .3s ease;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
}
.crdHover:hover{
    transform: scale(1.05);
}
.tab-link{opacity: .7;}
.tab-link-active{opacity: 1;}
.txt-left{text-align: left;}
.btnsCard2 .col-50{
    padding: 8px;
}
.btnsCard2 .col-50 button{
    text-transform: unset!important;
    font-weight: bold;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
}
html body .tab-link-highlight{
    display: none!important;
}
.imgCardLeft{
    border-radius: 8px;
    overflow: hidden;
    width: 170px;
    height: 110px;
    float: left;
    margin-right: 15px;
}
.imgCardLeft img{
    width: 100%;
}