@import url('https://fonts.googleapis.com/css?family=Nunito:300,400,700,900&display=swap');
.modalContainer{
    padding:16px;
    background-color:rgba(0,0,0,.72);
    position:fixed;
    top:0;
    left:0;
    z-index:100;
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column
}
.modalCard{
    max-width:100%;
    width:600px;
    min-height:200px;
    background-color:#fff;
    border-radius:8px;
    padding:16px
}
.propertyGalleryModal{
    width:90vw;
    height:90vh;
    position:relative;
    padding:0;
    display:flex;
    justify-content:space-between
}
.propertyGalleryModal:before{
    content:attr(data-label);
    position:absolute;
    top:8px;
    left:130px;
    color:rgba(0,0,0,.4);
    z-index:2;
    background:hsla(0,0%,100%,.4);
    border-radius:4px;
    padding:4px 8px
}
.propertyGalleryModal img{
    position:absolute;
    width:calc(100% - 32px);
    height:calc(100% - 32px);
    top:16px;
    left:16px;
    object-fit:contain
}
.propertyGalleryModal .propertyGalleryModalNavigation{
    opacity:.4;
    height:100%;
    width:120px;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:2;
    cursor:pointer
}
.propertyGalleryModal .propertyGalleryModalNavigation:active{
    background-color:#000
}
.propertyGalleryModal .propertyGalleryModalNavigation .fa{
    font-size:2em;
    color:#000
}
.propertyGalleryModal .propertyGalleryModalNavigation:active,.propertyGalleryModal .propertyGalleryModalNavigation:hover{
    opacity:.3
}
.propertyGalleryModal .propertyGalleryModalNavigation:active .fa,.propertyGalleryModal .propertyGalleryModalNavigation:hover .fa{
    color:#000
}
.propertyGalleryModal .propertyGalleryModalClose{
    opacity:.8;
    border-radius:16px;
    position:absolute;
    background-color:#fff;
    right:8px;
    top:8px;
    width:60px;
    height:60px;
    z-index:3;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:40px;
    cursor:pointer
}
.mainHeader.active{
    background-color:hsla(0,0%,100%,.8);
    box-shadow:0 1px 1px hsla(0,0%,100%,.8)
}
.mainHeader.active:hover{
    background-color:#fff
}
.mainHeader .content{
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:75px
}
.mainHeader img{
    max-height:32px;
    width:66px
}
@media (max-width:540px){
    .mainHeader img{
        width:40px
    }
}
.mainHeader .mainHeaderMenuButtons{
    align-items:center;
    display:flex;
    position:relative;
    flex-grow:1;
    border-left:1px solid #56205f;
    margin-left:16px;
    padding-left:16px;
    justify-content:space-between
}
.mainHeader .mainHeaderMenuButtons .btnWhite[href="/imoveis/novo"]{
    text-transform: uppercase;
    font-weight: 900;
    font-size: 16px;
    color: #56205f;
    padding: 11px 15px;
    box-shadow: 1px 2px 2px #ccc;
}

.mainHeader .mainHeaderMenuButtons>div:last-child{
    display:flex;
    align-items:center
}
.mainHeader .globalSearchInput{
    font-size:12px;
    width:100%;
    padding-left:56px;
    border:1px solid rgba(0,0,0,.1);
    color:#222;
}
@media (max-width:540px){
    .mainHeader .globalSearchInput{
        padding-left:28px;
        padding-right:4px
    }
}
.mainHeader .globalSearchInput:focus,.mainHeader .globalSearchInput:hover{
    border:1px solid #56205f
}
.mainHeader .globalSearchWrapper{
    flex-grow:1;
    margin-right:16px
}
.mainHeader .globalSearchWrapper button[type="submit"]{
    right:auto;
    left:0;
    font-size:18px;
    border-radius:8px 0 0 8px
}
@media (max-width:540px){
    .mainHeader .globalSearchWrapper button[type="submit"]{
        padding:0 4px
    }
}
.mainHeader .menuButton:hover{
    color:#56205f
}
body{
    margin:0;
    background-color:#fff;
    font-family:Helvetica;
    -webkit-font-smoothing:antialiased
}
a,a:visited{
    text-decoration:none;
    cursor:pointer
}
*{
    box-sizing:border-box
}
.textCenter{
    text-align:center
}
.textBold{
    font-weight:700
}
.textUpper{
    text-transform:uppercase
}
.textRight{
    text-align:right
}
.textLeft{
    text-align:left
}
.textJustify{
    text-align:justify
}
.alignRight{
    float:right
}
.linkStyle{
    color:#56205f;
    cursor:pointer;
    transition:all .15s ease
}
.linkStyle:hover{
    text-decoration:underline
}
h1,h2,h3,h4,h5,h6{
    margin-top:0;
    margin-bottom:0;
    font-weight:600;
    font-family: 'Nunito';
}
.h1,h1{
    font-size:46px
}
.h2,h2{
    font-size:32px
}
.h3,h3{
    font-size:28px
}
.h4,h4{
    font-size:22px
}
.h5,h5{
    font-size:18px
}
.h6,h6{
    font-size:16px
}
.fs28{
    font-size:28px
}
.fs11{
    font-size:11px
}
.fs60{
    font-size:60px
}
.content{
    max-width:1200px
}
.content,.contentSmall{
    width:100%;
    margin:0 auto;
    padding:0 16px
}
.contentSmall h1{
    text-shadow:2px 2px 6px rgba(0,0,0,.5);
}
.fullHeight{
    height:100%;
    min-height:100vh
}
@media (min-height:1100px){
    .fullHeight{
        min-height:110px
    }
}
.w50{
    width:50%
}
/* .btn{
    border-radius:5px;
    display:inline-block;
    padding:6px 12px;
    transition:all .15s ease;
    cursor:pointer;
    font-size:18px;
    border:none;
    box-shadow:1px 1px 2px rgba(89,88,88,.8);
    text-align:center;
    background-color:#fff
}
.btn:focus,.btn:hover{
    box-shadow:1px 1px 3px #595858
}
.btn:active{
    box-shadow:1px 1px 1px rgba(89,88,88,.2)
}
.btn:disabled{
    cursor:not-allowed;
    background-color:rgba(89,88,88,.6)
}
.btn:disabled:focus,.btn:disabled:hover{
    background-color:rgba(89,88,88,.6);
    box-shadow:1px 1px 2px rgba(89,88,88,.8)
} */
.btnRound{
    border-radius:28px
}
.btnSmall{
    font-size:12px;
    padding:2px 8px
}
.btnLarge{
    font-size:26px;
    padding:8px 24px
}
.btnFull{
    width:100%
}
.btnAluGreen{
    background-color: #00BB00;
    color: #fff;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 8px;
    font-weight: 900;
    letter-spacing: 1px;
    margin-bottom: 3px;
    font-size:1.6rem;
}

.btnAluGreen.fssmall{
    
}
.btnAluGreen:focus,.btnAluGreen:hover{
    background-color: #00B000;
    color: #fff;
}
.btnAluPurple{
    background-color:#56205f;
    box-shadow:1px 1px 2px #595858;
    color:#fff
}
.btnAluPurple:focus,.btnAluPurple:hover{
    background-color:#a09dc2
}
.btnAluOrange{
    background-color:#f26522;
    color:#fff
}
.btnAluOrange:focus,.btnAluOrange:hover{
    background-color:#ff6822
}
.btnTransparent{
    background-color:rgba(0,0,0,.4);
    color:#fff
}
.btnTransparent:focus,.btnTransparent:hover{
    background-color:rgba(0,0,0,.5)
}
.btnWhite{
    background-color:#fff;
    color:#555;
    text-align:left
}
.btnWhite:focus,.btnWhite:hover{
    background-color:#e9e9e9;
    color:#000
}
.btnClose{
    font-size:.8em;
    margin-left:10px;
    font-weight:bolder
}
.inputFull{
    width:100%;
    display:block;
    height:32px;
    border-radius:8px;
    border:none;
    background-color:hsla(0,0%,100%,.8);
    font-size:18px;
    padding:0 8px;
    margin-bottom:8px
}
.inputRound{
    box-shadow:1px 1px 3px rgba(0,0,0,.2);
    border-radius:30px
}
.dragArea{
    position:relative;
    border:1px solid rgba(0,0,0,.2);
    border-radius:8px;
    background-color:rgba(0,0,0,.02);
    text-align:center;
    padding:32px
}
.dragArea div{
    min-height:18px;
    margin-bottom:8px
}
.dragArea input{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    opacity:0;
    z-index:1
}
.dragArea button{
    position:relative;
    z-index:2
}
.dragArea button:hover{
    box-shadow:0 0 2px 2px rgba(66,133,244,.3)
}
.label{
    border-radius:16px;
    padding:2px 16px
}
.labelGreen{
    background-color:#5ca4a2;
    color:#fff
}
.purpleEffect{
    position:relative
}
.purpleEffect:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,.25);
}
.purpleEffect>*{
    position:relative;
    z-index:2
}
.landingPagesHeader:after{
    position:absolute;
    top:0;
    width:0;
    height:3px;
    left:0;
    content:"";
    opacity:1;
    background-color:#ff6822
}
.loadingNextRoute .landingPagesHeader:after{
    animation:5s setLoadingNextRoute infinite ease
}
@keyframes setLoadingNextRoute{
    0%{
        width:0;
        left:0
    }
    50%{
        width:70%;
        left:50%
    }
    to{
        width:0;
        left:100%
    }
}
@keyframes removeLoadingNextRoute{
    0%{
        opacity:1;
        width:0;
        left:0
    }
    to{
        opacity:0;
        width:100%
    }
}
footer{
    font-family: Nunito;
    font-size: 15px;
    padding-bottom: 40px;
}
footer .content{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    color:#fff
}
@media (max-width:1240px){
    footer{
        padding-bottom: 80px !important;
    }
    footer .content{
        flex-direction:column;
        align-items:center;
        text-align:center;
    }
}
footer .content h5{
    margin-bottom:15px;
    font-size: 18px;
}
@media (max-width:1240px){
    footer .content h5{
        margin-top:36px
    }
}
footer .content a{
    color:#fff;
    display:block;
    padding:4px 8px 4px 0
}
footer .content a:focus,footer .content a:hover{
    text-decoration:underline
}
footer .content a:active{
    opacity:.8
}
footer .content .social{
    display:inline-block;
    font-size:28px;
    margin:0 6px
}
footer .logo img{
    height:70px;
    margin-bottom: 20px;
}
.globalSearchWrapper{
    display:block;
    position:relative
}
.globalSearchWrapper button[type="submit"]{
    position:absolute;
    top:0;
    right:0;
    font-size:28px;
    display:flex;
    align-items:center;
    justify-content:center;
    height:48px;
    border:none;
    padding:0 16px;
    border-radius:0 8px 8px 0;
    transition:all .15s ease;
    cursor:pointer
}
.globalSearchWrapper button[type="submit"],.globalSearchWrapper button[type="submit"]:focus,.globalSearchWrapper button[type="submit"]:hover{
    color:#fff;
    background-color:#5ca4a2
}
.globalSearchWrapper button[type="submit"]:active{
    background-color:#5cb0ae
}
.globalSearchInput{
    display:block;
    height:48px;
    width:100%;
    border-radius:8px;
    border:none;
    background-color:rgba(255,255,255,.85);
    font-size:28px;
    padding:0 16px;
    color:#222;
}
@media (max-width:768px){
    .globalSearchInput{
        flex-direction:column;
        font-size:22px
    }
}
.mainView{
    padding-top:65px;
    min-height:100vh
}
.block{
    display:block
}
.inlineBlock{
    display:inline-block
}
.flex{
    display:flex
}
.column{
    flex-direction:column
}
.grow{
    flex-grow:1
}
.alignCenter{
    align-items:center
}
.noStyledList{
    list-style:none;
    padding-left:0
}
.hide{
    display:none
}
.code{
    background-color:#f6f6f6;
    border-radius:4px;
    padding:4px
}
.noselect{
    user-select:none
}
.fa.roundIcon,.roundIcon{
    background-color:#5ca4a2;
    text-align:center;
    margin-right:16px
}
.fa.roundIcon,.roundIcon,.userImage{
    border-radius:50%;
    color:#fff;
    display:inline-flex;
    width:42px;
    height:42px;
    align-items:center;
    justify-content:center
}
.userImage{
    background-color:#56205f;
    margin-right:8px
}
.userImage.large{
    width:72px;
    height:72px;
    font-size:38px
}
.formGroup{
    display:flex;
    margin:0 -8px
}
.formGroup>*{
    flex-grow:1;
    flex-basis:50%;
    padding:0 8px
}
@media (max-width:540px){
    .formGroup{
        flex-direction:column
    }
}
.formLabel{
    font-weight:700;
    display:block;
    color:#888
}
.formInput{
    width:100%;
    border-radius:4px;
    border:1px solid rgba(0,0,0,.2);
    display:block;
    height:34px;
    padding:6px 12px;
    font-size:14px;
    color:#555;
    margin-bottom:16px
}
.formInput:disabled{
    opacity:.3
}
::-webkit-input-placeholder{
    color:#5ca4a2
}
.checkboxWrapper{
    display:flex;
    height:24px;
    align-items:center
}
.checkboxWrapper label{
    cursor:pointer
}
textarea.formInput{
    min-height:80px;
    resize:vertical
}
@media (max-width:768px){
    .hideMobile{
        display:none
    }
}
.card{
    background-color:#fff;
    box-shadow:1px 1px 1px rgba(89,88,88,.2);
    padding:24px;
    border-radius:8px
}
.doc-form{
    border:none;
    width:100%;
    margin-top:18px
}
.mapSimpleMark{
    position:relative;
    top:-20px
}
#docSingle td{
    box-shadow:0 0 2px!important
}
.cardDocs{
    background-color:#fff;
    padding:10px 20px;
    margin-left:5%;
    width:90%
}
.cardDocs .docAddress{
    padding:5px 15px
}
.cardDocs .docLink:hover{
    background-color:#000;
    color:#fff
}
.cardDocs a{
    padding-left:2px;
    text-decoration:none;
    display:block
}
.cardDocs a:hover{
    background-color:#000;
    color:#fff;
    text-decoration:none;
    padding:1px 3px
}
.thead{
    height:40px
}
@media (min-width:769px){
    .highlightFeatures .btn{
        width:264px
    }
    .highlightFeatures .btn:before{
        content:"Vantagens para o "
    }
}
.highlightFeatures label{
    font-size:18px;
    margin-bottom:8px;
    display:block
}
@media (min-width:769px){
    .highlightFeatures label{
        display:none
    }
}
.highlightFeatureRow{
    display:flex;
    justify-content:center
}
@media (max-width:768px){
    .highlightFeatureRow{
        flex-direction:column
    }
}
.highlightFeatureRow.disabled{
    display:none
}
.highlightFeatureCard{
    flex-basis:33%;
    padding:16px;
    transition:all .15s ease;
    margin:16px;
    box-shadow:1px 1px 8px rgba(83,83,83,.8);
    border-radius:8px;
    background-color:#fff;
    min-height:305px
}
.highlightFeatureCard:hover{
    box-shadow:3px 1px 13px #555353
}
.highlightFeatureCard img{
    height:80px;
    margin-bottom:32px
}
.homeMainSection{
    background:url("/img/top2-compress.jpg") no-repeat 50%;
    background-size:cover;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    color:#fff;
    text-align:center;
    z-index: 0;
}
.homeMainSection small{
    display:block;
    margin-bottom:60px;
    margin-top:4px;
    font-size:18px
}
.terms{
    border:1px solid rgba(0,0,0,.2);
    border-radius:4px;
    background-color:hsla(0,0%,100%,.8);
    padding:16px;
    max-height:400px;
    overflow-y:scroll
}
.terms h2{
    text-align:center
}
.landingPagesHeader{
    /* position:fixed; */
    width:100%;
    top:0;
    left:0;
    height:65px;
    z-index:1;
    transition:all .15s ease;
    background-color:transparent;
    box-shadow:0 0 0 transparent
}
.landingPagesHeader.active{
    background-color:rgba(0,0,0,.4);
    box-shadow:0 1px 1px rgba(0,0,0,.8)
}
.landingPagesHeader .content{
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:65px
}
.landingPagesHeader img{
    max-height:32px
}
.landingPagesHeaderMenuButtons{
    align-items:center;
    display:flex;
    position:relative;
    margin-top:15px
}
.landingPagesHeaderMenuButtons>.btn{
    margin-bottom:0;
    display:inline-flex;
    align-items:center
}
@media (max-width:768px){
    .landingPagesHeaderMenuButtons>.btn{
        display:none
    }
}
.menuButton{
    transition:all .15s ease;
    font-size:18px;
    box-shadow:none;
    color:#fff;
    border:none;
    cursor:pointer;
    border-radius:4px;
    padding:4px 8px;
    display:flex;
    align-items:center;
    height:40px;
    background-color:transparent
}
.userMenu{
    position: fixed;
    right: 10%;
    top: 77px;
    width: 280px;
    padding: 15px;
    border-radius: 4px;
    box-shadow: 0 0 15px rgb(0 0 0 / 30%);
    z-index: 20;
    border: 0;
    background: #fff;
}
@media (max-width:768px){
    .userMenu{
        right: 6%;
    }
}
.userMenu:before{
    content:"";
    position:absolute;
    top:-16px;
    right:8px;
    width:0;
    height:0;
    border-style:solid;
    border-width:0 10px 16px;
    border-color:transparent transparent hsla(0,0%,100%,.95)
}
.userMenu input{
    border:1px solid rgba(0,0,0,.1)
}
.userMenuAuth{
    display:flex;
    margin-bottom:8px;
    align-items:center
}
.userMenu a{
    display:block;
    width:100%;
}

.mainHeader{
    position:fixed;
    width:100%;
    top:0;
    z-index:20;
    left:0;
    height:65px;
    transition:all .15s ease;
    background:#FFF;
    box-shadow:1px 1px 8px rgba(0,0,0,.1);
}
.mainHeader.active{
    background-color:hsla(0,0%,100%,.8);
    box-shadow:0 1px 1px hsla(0,0%,100%,.8)
}
.mainHeader.active:hover{
    background-color:#fff
}
.mainHeader .content{
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:65px
}
.mainHeader img{
    max-height: 40px;
    width: auto;
    margin-top: -5px;
}
@media (max-width:540px){
    .mainHeader img{
        width:90px;
        max-height:auto;
    }
}
.mainHeader .mainHeaderMenuButtons{
    align-items:center;
    display:flex;
    position:relative;
    flex-grow:1;
    border-left:1px solid #56205f;
    margin-left:16px;
    padding-left:16px;
    justify-content:space-between
}
.mainHeader .mainHeaderMenuButtons>div:last-child{
    display:flex;
    align-items:center
}
.mainHeader .globalSearchInput{
    font-size:12px;
    width:100%;
    padding-left:56px;
    border:1px solid rgba(0,0,0,.1)
}
@media (max-width:540px){
    .mainHeader .globalSearchInput{
        padding-left:28px;
        padding-right:4px
    }
}
.mainHeader .globalSearchInput:focus,.mainHeader .globalSearchInput:hover{
    border:1px solid #56205f
}
.mainHeader .globalSearchWrapper{
    flex-grow:1;
    margin-right:16px
}
.mainHeader .globalSearchWrapper button[type="submit"]{
    right:auto;
    left:0;
    font-size:18px;
    border-radius:8px 0 0 8px
}
@media (max-width:540px){
    .mainHeader .globalSearchWrapper button[type="submit"]{
        padding:0 4px
    }
}
.mainHeader .menuButton:hover{
    color:#56205f
}
.menuClose{
    background:#ddd;
    border-radius: 50%;
    box-shadow:0 0 3px #ccc;
    color: #999;
    cursor:pointer;
    margin-top:3px;
    padding:3px 8px 6px;
    opacity: 1;
    text-align: center;
    border:0;
    width: 24px;
    height: 24px;
}
.modalContainer{
    padding:16px;
    background-color:rgba(0,0,0,.72);
    position:fixed;
    top:0;
    left:0;
    z-index:100;
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column
}
.modalCard{
    max-width:100%;
    width:600px;
    min-height:200px;
    background-color:#fff;
    border-radius:8px;
    padding:16px
}
.propertyGalleryModal{
    width:90vw;
    height:90vh;
    position:relative;
    padding:0;
    display:flex;
    justify-content:space-between
}
.propertyGalleryModal:before{
    content:attr(data-label);
    position:absolute;
    top:8px;
    left:130px;
    color:rgba(0,0,0,.4);
    z-index:2;
    background:hsla(0,0%,100%,.4);
    border-radius:4px;
    padding:4px 8px
}
.propertyGalleryModal img{
    position:absolute;
    width:calc(100% - 32px);
    height:calc(100% - 32px);
    top:16px;
    left:16px;
    object-fit:contain
}
.propertyGalleryModal .propertyGalleryModalNavigation{
    opacity:.4;
    height:100%;
    width:120px;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:2;
    cursor:pointer
}
.propertyGalleryModal .propertyGalleryModalNavigation:active{
    background-color:#000
}
.propertyGalleryModal .propertyGalleryModalNavigation .fa{
    font-size:2em;
    color:#000
}
.propertyGalleryModal .propertyGalleryModalNavigation:active,.propertyGalleryModal .propertyGalleryModalNavigation:hover{
    opacity:.3
}
.propertyGalleryModal .propertyGalleryModalNavigation:active .fa,.propertyGalleryModal .propertyGalleryModalNavigation:hover .fa{
    color:#000
}
.propertyGalleryModal .propertyGalleryModalClose{
    opacity:.8;
    border-radius:16px;
    position:absolute;
    background-color:#fff;
    right:8px;
    top:8px;
    width:60px;
    height:60px;
    z-index:3;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:40px;
    cursor:pointer
}
#newsLetterRegisterSection .content{
    display:flex;
    justify-content:space-between;
    font-size:28px
}
@media (max-width:1240px){
    #newsLetterRegisterSection .content{
        flex-direction:column;
        justify-content:center;
        align-items:center
    }
    #newsLetterRegisterSection .content>div:first-child{
        margin-bottom:24px;
        text-align:center
    }
}
@media (max-width:540px){
    #newsLetterRegisterSection .content{
        padding-left:16px;
        padding-right:16px
    }
    #newsLetterRegisterSection .content>div:last-child{
        flex-direction:column
    }
    #newsLetterRegisterSection .content>div:last-child>*{
        margin-bottom:16px
    }
    #newsLetterRegisterSection .content>div:last-child button,#newsLetterRegisterSection .content>div:last-child input{
        width:100%
    }
    #newsLetterRegisterSection .content>div:last-child button:after{
        content:"Cadastrar email";
        margin-left:8px
    }
}
#newsLetterRegisterSection .content>div:first-child{
    width:356px;
    max-width:100%;
    padding-right:16px
}
#newsLetterRegisterSection .content>div:last-child{
    padding-left:16px;
    display:flex;
    align-items:center
}
#newsLetterRegisterSection form{
    max-width:90%
}
#newsLetterRegisterSection input{
    display:inline-block;
    height:42px;
    min-width:120px;
    border-radius:8px;
    border:none;
    background-color:hsla(0,0%,100%,.8);
    font-size:28px;
    padding:0 16px;
    margin-left:16px;
    margin-right:16px
}
@media (max-width:540px){
    #newsLetterRegisterSection input{
        min-width:0;
        width:100%;
        margin-left:0;
        font-size:16px;
        margin-bottom:16px
    }
}
#newsLetterRegisterSection button{
    transition:all .15s ease;
    font-size:22px;
    box-shadow:none;
    border:none;
    cursor:pointer;
    background-color:#fff;
    border-radius:4px;
    padding:7px 10px;
    color:#56205f
}
@media (max-width:540px){
    #newsLetterRegisterSection button{
        width:100%
    }
}
.schedule{
    border:1px solid #888;
    width:100%;
    max-width:480px;
    border-radius:16px;
    margin-bottom:32px
}
.schedule .scheduleDays,.schedule header{
    display:flex;
    border-radius:14px 14px 0 0;
    justify-content:stretch
}
.schedule .scheduleDays>div,.schedule header>div{
    padding:8px;
    flex-grow:1;
    text-align:center
}
.schedule header{
    background-color:#5ca4a2;
    color:#fff
}
.schedule header>div{
    padding:12px 0;
    cursor:pointer
}
.schedule header>div.active,.schedule header>div:hover{
    font-weight:700;
    color:#56205f
}
.schedule .scheduleDays{
    border-bottom:1px solid #888
}
.schedule .scheduleDays>div{
    padding:16px 0;
    cursor:pointer
}
.schedule .scheduleDays>div.active,.schedule .scheduleDays>div:hover{
    font-weight:700;
    color:#5ca4a2
}
.schedule .scheduleSelectedDate{
    height:26px;
    font-size:18px;
    text-align:center;
    color:#666;
    margin-bottom:8px;
    display:flex;
    align-items:center;
    justify-content:center
}
@media (max-width:540px){
    .schedule .scheduleSelectedDate{
        height:48px
    }
}
.schedule .scheduleTimes{
    display:flex;
    max-width:90%;
    padding-left:10%;
    flex-wrap:wrap;
    margin-bottom:16px
}
.schedule .scheduleTimes>button{
    width:calc(33% - 8px);
    margin:4px;
    padding:4px 8px;
    text-align:center;
    border-radius:8px;
    background-color:#fff;
    border:1px solid #f6f6f6;
    box-shadow:1px 1px 1px rgba(89,88,88,.2);
    transition:all .15s ease;
    cursor:pointer;
    font-size:16px;
    font-weight:700
}
.schedule .scheduleTimes>button:hover{
    box-shadow:1px 1px 1px rgba(89,88,88,.8)
}
.schedule .scheduleTimes>button.active,.schedule .scheduleTimes>button:hover:active{
    box-shadow:1px 1px 1px rgba(89,88,88,.8);
    border:none;
    background-color:#2e9d2a;
    color:#fff
}
.schedule .scheduleTimes>button:disabled{
    background-color:#f6f6f6;
    box-shadow:none;
    cursor:not-allowed
}
.stepList{
    padding-left:0;
    list-style:none
}
.stepList li{
    padding:8px 0
}
.stepList li:before{
    content:attr(data-step);
    background-color:#56205f;
    color:#fff;
    border-radius:50%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:36px;
    height:36px;
    margin-right:16px
}
.testimonial{
    display:none
}
.testimonial .fa{
    font-size:12px;
    position:relative
}
.testimonial .fa-quote-left{
    top:-10px;
    margin-right:4px
}
.testimonial .fa-quote-right{
    top:4px;
    margin-left:4px
}
.testimonial .testimonialCredits{
    color:#a09dc2;
    margin-bottom:16px
}
.testimonial img{
    height:80px;
    width:80px
}
.testimonial.active{
    display:block
}
.testimonialThumb{
    margin:16px;
    cursor:pointer;
    width:48px;
    height:48px;
    opacity:.6
}
.testimonialThumb.active{
    opacity:1
}
.popularSearchProperties{
    display:flex
}
.popularSearchProperty{
    flex-basis:33%;
    flex-grow:1;
    margin:0 16px;
    position:relative;
    border-radius:4px;
    overflow:hidden;
    background-color:#000
}
@media (max-width:768px){
    .popularSearchProperty{
        flex-direction:column;
        margin:0 0 16px
    }
}
.popularSearchProperty img{
    width:100%;
    height:100%;
    border-radius:inherit;
    transition:all .15s ease
}
.popularSearchProperty div{
    position:absolute;
    padding:4px 8px;
    font-weight:700;
    background-color:rgba(0,0,0,.6);
    width:100%;
    color:#fff;
    min-height:104px;
    top:calc(50% - 52px);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:32px
}
@media (max-width:1240px){
    .popularSearchProperty div{
        font-size:28px
    }
}
.popularSearchProperty:hover img{
    transform:scale(1.05);
    opacity:.8
}
#propertySplashSection{
    height:640px;
    position:relative;
    z-index:2
}
#propertySplashSection:before{
    content:"";
    position:absolute;
    background-color:rgba(0,0,0,.65);
    left:0;
    top:0;
    width:100%;
    height:100%
}
#propertySplashSection>.content{
    position:relative;
    z-index:4;
    height:calc(100% - 150px);
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    padding-bottom:100px
}
@media (max-width:768px){
    #propertySplashSection>.content a,#propertySplashSection>.content span{
        font-size:18px
    }
    #propertySplashSection>.content h1{
        font-size: 2.4rem;
        padding-top: 10vh;
    }
}
@media (max-width:540px){
    #propertySplashSection>.content{
        height:calc(100% - 180px)
    }
}
#propertySplashSection .propertySplashImage{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover;
    z-index:-1;
}
#propertySplashSection h1{
    margin-bottom:16px;
    font-size:4.3rem;
}
.propertySplashActions{
    padding-top:81px;
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    position:relative;
    z-index:2;
    width:100%
}
.propertySplashExtraInfos{
    width:100%;
    flex-wrap:wrap;
    color:#fff;
    padding:4px 0;
    position:relative;
    z-index:2
}
.propertySplashExtraInfos .content{
    display:flex;
    flex-direction:row
}
.propertySplashExtraInfos .content>*{
    display:flex;
    padding:4px 8px;
    flex-direction:column;
    text-align:center
}
@media (max-width:1240px){
    .propertySplashExtraInfos .content{
        justify-content:center
    }
}
@media (max-width:540px){
    .propertySplashExtraInfos .content{
        flex-wrap:wrap
    }
}
.propertySplashExtraInfos .propertyExtraInfoDescription{
    text-transform:uppercase;
    font-size:12px;
    margin-bottom:4px;
    letter-spacing:1.2px;
    font-weight:700
}
.propertySplashExtraInfos .propertyExtraInfoContent{
    height:40px;
    display:flex;
    flex-direction:column;
    align-items:center
}
.propertySplashExtraInfos img{
    height:20px;
    margin-bottom:4px;
    opacity:.8
}
.propertySplashExtraInfos .propertyExtraInfoText{
    font-size:26px
}
.propertySplashExtraInfos .propertyExtraInfoSmallText{
    font-size:12px
}
#propertyDetailsSection>.content{
    margin-top:-40px;
    display:flex;
    flex-direction:row;
    position:relative;
    z-index:2
}
#propertyDetailsSection>.content>:first-child{
    max-width:648px;
    width:100%
}
#propertyDetailsSection>.content>:last-child{
    flex-grow:1;
    display:flex;
    justify-content:flex-end
}
.propertyDetailsText{
    text-align:left;
    margin-bottom:60px
}

.propertyDetailsText p {
    margin: 0 0 30px;
}
.propertyDetailsGallery {
    margin: -14px -8px 10px;
    position: relative;
    max-height: 267px;
    transition: all .3s ease;
    overflow: hidden;
    padding: 15px 5px 0 0;
}

.propertyDetailsGallery figure {
    width: 200px;
    margin: 0 5px 7px;
    max-width: 50%;
    display: inline-block;
}

.propertyDetailsGallery.expanded {
    max-height: none;
    overflow:none;
}
@media (max-width:1240px){
    .propertyDetailsGallery{
        text-align:center
    }
}
@media (max-width:700px){
    .propertyDetailsGallery{
        max-height:300px;
        margin:0 -8px
    }
}
.propertyDetails{
    padding-top:30px
}
.condominium{
    padding-top:35px
}
.propertyDetailsPicture{
    width:200px;
    height:120px;
    border-radius:8px;
    margin:0 8px;
    transition:all .15s ease;
    box-shadow:1px 1px 2px rgba(0,0,0,.2);
    cursor:pointer;
    object-fit:cover
}
.propertyDetailsPicture:hover{
    transform:scale(1.1);
    box-shadow:2px 2px 10px rgba(0,0,0,.3)
}
@media (max-width:700px){
    .propertyDetailsGallery figure{
        width:30%;
    }
    .propertyDetailsPicture{
        width:calc(100% - 8px);
        margin:0 4px;
        height:88px;
    }
}
#propertyDetailsPrice{
    position: sticky;
    max-height: 450px;
    top: 100px;
}
#propertyDetailsPrice small{
    font-size: 1.3rem;
    margin-top: 10px;
}
.propertyDetailsGalleryButtonWrapper{
    padding:8px 16px
}
.propertyDetailsGalleryButton{
    color:#56205f
}
.propertyDetailsTotalPrice{
    display:flex;
    padding:16px;
    background-color:#56205f;
    justify-content:space-between;
    align-items:center;
    color:#fff;
    font-size:20pt;
    font-weight:700;
    min-width:340px;
    border-radius:8px;
    margin-bottom:16px
}
.virtualTour .video{
    height:315px;
    width:100%
}
.propertyDetailsPriceList{
    background-color:#fff;
    font-size:14px;
    min-width:340px;
    border-radius:8px;
    font-weight:700;
    color: #666;
    border: 1px solid rgba(0,0,0,.1);
    box-shadow: 2px 2px 5px rgba(0,0,0,.1);
    padding: 9px 8px 3px;
    display: block;
}
.propertyDetailsPriceList>div{
    display:flex;
    padding:8px;
    justify-content:space-between;
    align-items:center;
    width:100%;
}
.mapContainer{
    min-height:600px;
    width:100%;
    background-color:blue
}
#propertyScheduleSection{
    margin-top:65px;
    min-height:calc(100vh - 290px)
}
#propertyScheduleSection .content{
    display:flex;
    justify-content:space-between;
    align-items:flex-start
}
@media (max-width:1240px){
    #propertyScheduleSection{
        margin-top:32px
    }
    #propertyScheduleSection .content{
        flex-direction:column-reverse;
        display:flex;
        align-items:center
    }
}
@media screen and (max-width:768px){
    .propertyScheduleInstructions .flex{
        flex-direction:column
    }
}
.propertyScheduleSectionImage{
    width:360px;
    height:238px;
    object-fit:cover;
    max-width:100%;
    margin-right:32px;
    border-radius:8px
}
@media screen and (max-width:768px){
    .propertyScheduleSectionImage{
        margin-right:0
    }
}
#propertySearchSection{
    display:flex
}
@media screen and (max-width:768px){
    #propertySearchSection{
        flex-direction:column
    }
}
.searchPropertiesWrapper{
    height:calc(100vh - 105px);
    overflow-y:hidden;
    position:relative
}
#searchPropertiesSidebar.disabled{
    height:calc(100% - 48px);
    overflow:hidden
}
.searchProperties{
    width:55vw;
    display:flex;
    flex-wrap:wrap;
    align-items:flex-start;
    height:calc(100% - 48px)
}
.searchProperties.searchPropertiesLimited{
    overflow-y:hidden
}
@media screen and (max-width:768px){
    .searchProperties{
        width:100%
    }
}
.searchMap{
    flex-grow:1
}
@media screen and (max-width:768px){
    .searchMap{
        height:400px
    }
}
.propertySmallDescription{
    color:rgba(0,0,0,.7);
    font-weight:700;
    padding-top:8px;
}
.propertySmall{
    width:calc(33% - 16px);
    margin:8px;
    box-shadow: 1px 2px 5px rgba(0,0,0,.1);
    padding: 9px 10px 15px;
    border-radius:8px;
    cursor:pointer;
    transition:all .35s ease;
    position:relative;
}
.propertySmall.active,.propertySmall:focus,.propertySmall:hover{
    box-shadow: 1px 2px 5px rgba(0,0,0,.4);
    transition:all .35s ease;
}
.propertySmall.active .propertySmallDescription,.propertySmall:focus .propertySmallDescription,.propertySmall:hover .propertySmallDescription{
    color:#000
}
.propertySmall.active .propertySmallNavigation,.propertySmall:focus .propertySmallNavigation,.propertySmall:hover .propertySmallNavigation{
    opacity:1
}
.propertySmall.active .propertySmallNavigation:hover,.propertySmall:focus .propertySmallNavigation:hover,.propertySmall:hover .propertySmallNavigation:hover{
    background-color:rgba(92,162,162,.8)
}
.propertySmallImageWrapper{
    width: calc(100% + 20px);
    height: 200px;
    position: relative;
    top: -9px;
    left: -10px;
}
.propertySmallImageWrapper .propertySmallImage{
    width:100%;
    height:200px;
    object-fit:cover;
    border-radius:8px 8px 0 0;
}
.propertySmallImageWrapper .propertySmallNavigation{
    position:absolute;
    top:70px;
    color:#fff;
    background-color:rgba(92,162,162,.4);
    padding:2px;
    border-radius:50%;
    display:flex!important;
    width:20px;
    height:20px;
    align-content:center;
    justify-content:center;
    opacity:0;
    transform:all ease .15s;
    z-index:3
}
.propertySmallImageWrapper .propertySmallNavigationLeft{
    left:16px
}
.propertySmallImageWrapper .propertySmallNavigationRight{
    right:16px
}
.propertySmallImageWrapper:after{
    position:absolute;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,.5);
    background-image:url("../../img/loading.gif");
    background-size:50px 50px;
    background-position:50%;
    background-repeat:no-repeat;
    z-index:2;
    content:"";
    left:0;
    top:0;
    opacity:0
}
.propertySmallImageWrapper.propertySmallImageLoading:after{
    opacity:1
}
.propertySmallPrice{
    background-color: rgba(77, 77, 77, .8);
    color: #fff;
    border-radius: 7px;
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 13px;
    text-align: center;
    padding: 3px 7px;
}
.propertySmallInfos{
    color:gray;
    font-size:10pt;
}
.propertySmallInfo{
    margin-right:5px
}
.condoPrice{
    padding-bottom:8px;
    padding-top:8px;
}
.mapSearchPin{
    background-color:#5ca4a2;
    display:inline-block;
    color:#fff;
    padding:2px 4px;
    border-radius:4px;
    position:relative;
    transition:all .15s ease
}
.mapSearchPin:after{
    content:"";
    position:absolute;
    left:calc(50% - 5px);
    bottom:-10px;
    width:0;
    height:0;
    border-style:solid;
    border-width:10px 5px 0;
    border-color:#5ca4a2 transparent transparent
}
.mapSearchPin.active,.mapSearchPin:hover{
    background-color:#56205f
}
.mapSearchPin.active:after,.mapSearchPin:hover:after{
    border-color:#56205f transparent transparent
}
@keyframes searchMenuAppear{
    0%{
        transform:translateX(-100%);
        opacity:0
    }
    to{
        transform:translateX(0);
        opacity:1
    }
}
.newPropertyNavigation{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:60px;
    padding:0 32px
}
.newPropertyNavigation>div{
    height:2px;
    flex-grow:1;
    background-color:rgba(0,0,0,.1)
}
.newPropertyNavigation>span{
    border-radius:50%;
    border:1px solid #5cb0ae;
    display:inline-block;
    height:24px;
    width:24px;
    position:relative
}
.newPropertyNavigation>span:before{
    content:attr(data-title);
    position:absolute;
    width:100px;
    left:-38px;
    text-align:center;
    top:32px;
    font-size:14px;
    color:rgba(0,0,0,.5)
}
.newPropertyNavigation>span.active{
    background-color:#5cb0ae;
    border:1px solid #5ca4a2
}
.newPropertyNavigation>span.active+div{
    background-color:#5ca4a2
}
.newPropertyNavigation>span.current:before{
    color:#5ca4a2;
    font-weight:700
}
h3{
    text-align:center;
    font-size:25px
}
.terms .h5,.terms .h6{
    font-weight:700
}
.terms p ol{
    list-style-type:lower-alpha
}
.mb60{
    margin-bottom:60px
}
.mb16{
    margin-bottom:16px
}
.mb8{
    margin-bottom:8px
}
.mb0{
    margin-bottom:0
}
.mh8{
    margin-right:8px
}
.mh8,.ml8{
    margin-left:8px
}
.ml4{
    margin-left:4px
}
.mr8{
    margin-right:8px
}
.mr4{
    margin-right:4px
}
.mr16{
    margin-right:16px
}
.p8{
    padding:8px
}
.p16{
    padding:16px
}
.pv4{
    padding-top:4px;
    padding-bottom:4px
}
.pv8{
    padding-top:8px;
    padding-bottom:8px
}
.pv16{
    padding-top:16px;
    padding-bottom:16px
}
.pv60{
    padding-top:60px;
    padding-bottom:60px
}
.pv30{
    padding-top:30px;
    padding-bottom:30px
}
.colorWhite{
    color:#fff
}
.colorBlack{
    color:#000
}
.colorGrayDark{
    color:#888
}
.colorGrayMedium{
    color:gray
}
.colorGray{
    color:#c7c9cc
}
.colorGrayLight{
    color:#f6f6f6
}
.colorAluPurple{
    color:#56205f
}
.colorAluGreen{
    color:#5ca4a2
}
.colorSuccess{
    color:#2e9d2a
}
.colorWarning{
    color:#9d9d2a
}
.colorDanger{
    color:#9d2a2a
}
.colorGreen{
    color:#827191
}
.bgGrayLight{
    background-color:#f6f6f6
}
.bgAluPurple{
    background-color:#44244a
}
.bgAluGreen{
    background-color:#5ca4a2
}
.bgSuccess{
    color:#2e9d2a
}
.bgWhite{
    background-color:#fff
}
.homeMainSection small{
    display:block;
    margin-bottom:60px;
    margin-top:4px;
    font-size:18px
}
.terms{
    border:1px solid rgba(0,0,0,.2);
    border-radius:4px;
    background-color:hsla(0,0%,100%,.8);
    padding:16px;
    max-height:400px;
    overflow-y:scroll
}
.terms h2{
    text-align:center
}
.landingPagesHeader{
    position:absolute;
    width:100%;
    top:0;
    left:0;
    height:65px;
    z-index:1;
    transition:all .15s ease;
    background-color:transparent;
    box-shadow:0 0 0 transparent
}
.landingPagesHeader.active{
    background-color:rgba(0,0,0,.4);
    box-shadow:0 1px 1px rgba(0,0,0,.8)
}
.landingPagesHeader .content{
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:65px
}
.landingPagesHeader img{
    max-height:32px
}
.landingPagesHeaderMenuButtons{
    align-items:center;
    display:flex;
    position:relative
}
.landingPagesHeaderMenuButtons>.btn{
    margin-bottom:0;
    display:inline-flex;
    align-items:center
}
@media (max-width:768px){
    .landingPagesHeaderMenuButtons>.btn{
        display:none
    }
}
.menuButton{
    transition:all .15s ease;
    font-size:18px;
    box-shadow:none;
    color:#fff;
    border:none;
    cursor:pointer;
    border-radius:4px;
    padding:4px 8px;
    display:flex;
    align-items:center;
    height:40px;
    background-color:transparent
}
.userMenu:before{
    content:"";
    position:absolute;
    top:-16px;
    right:8px;
    width:0;
    height:0;
    border-style:solid;
    border-width:0 10px 16px;
    border-color:transparent transparent hsla(0,0%,100%,.95)
}
.userMenu input{
    border:1px solid rgba(0,0,0,.1)
}
.userMenuAuth{
    display:flex;
    margin-bottom:8px;
    align-items:center
}
.schedule{
    border:1px solid #888;
    width:100%;
    max-width:480px;
    border-radius:16px;
    margin-bottom:32px
}
.schedule .scheduleDays,.schedule header{
    display:flex;
    border-radius:14px 14px 0 0;
    justify-content:stretch
}
.schedule .scheduleDays>div,.schedule header>div{
    padding:8px;
    flex-grow:1;
    text-align:center
}
.schedule header{
    background-color:#5ca4a2;
    color:#fff
}
.schedule header>div{
    padding:12px 0;
    cursor:pointer
}
.schedule header>div.active,.schedule header>div:hover{
    font-weight:700;
    color:#56205f
}
.schedule .scheduleDays{
    border-bottom:1px solid #888
}
.schedule .scheduleDays>div{
    padding:16px 0;
    cursor:pointer
}
.schedule .scheduleDays>div.active,.schedule .scheduleDays>div:hover{
    font-weight:700;
    color:#5ca4a2
}
.schedule .scheduleSelectedDate{
    height:26px;
    font-size:18px;
    text-align:center;
    color:#666;
    margin-bottom:8px;
    display:flex;
    align-items:center;
    justify-content:center
}
@media (max-width:540px){
    .schedule .scheduleSelectedDate{
        height:48px
    }
}
.schedule .scheduleTimes{
    display:flex;
    max-width:90%;
    padding-left:10%;
    flex-wrap:wrap;
    margin-bottom:16px
}
.schedule .scheduleTimes>button{
    width:calc(33% - 8px);
    margin:4px;
    padding:4px 8px;
    text-align:center;
    border-radius:8px;
    background-color:#fff;
    border:1px solid #f6f6f6;
    box-shadow:1px 1px 1px rgba(89,88,88,.2);
    transition:all .15s ease;
    cursor:pointer;
    font-size:16px;
    font-weight:700;
    outline:none !important;
}
.schedule .scheduleTimes>button:hover{
    box-shadow:1px 1px 1px rgba(89,88,88,.8)
}
.schedule .scheduleTimes>button.active,.schedule .scheduleTimes>button:hover:active{
    box-shadow:1px 1px 1px rgba(89,88,88,.8);
    border:none;
    background-color:#2e9d2a;
    color:#fff
}
.schedule .scheduleTimes>button:disabled{
    background-color:#f6f6f6;
    box-shadow:none;
    cursor:not-allowed
}
.rc-slider{
    position:relative;
    height:14px;
    padding:5px 0;
    width:100%;
    border-radius:6px;
    -ms-touch-action:none;
    touch-action:none
}
.rc-slider,.rc-slider *{
    box-sizing:border-box;
    -webkit-tap-highlight-color:rgba(0,0,0,0)
}
.rc-slider-rail{
    width:100%;
    background-color:#e9e9e9
}
.rc-slider-rail,.rc-slider-track{
    position:absolute;
    height:4px;
    border-radius:6px
}
.rc-slider-track{
    left:0;
    background-color:#a09dc2
}
.rc-slider-handle{
    position:absolute;
    margin-left:-7px;
    margin-top:-5px;
    width:14px;
    height:14px;
    cursor:pointer;
    cursor:-webkit-grab;
    cursor:grab;
    border-radius:50%;
    border:2px solid #a09dc2;
    background-color:#fff;
    -ms-touch-action:pan-x;
    touch-action:pan-x
}
.rc-slider-handle:focus{
    border-color:#56205f;
    box-shadow:0 0 0 5px #a09dc2;
    outline:none
}
.rc-slider-handle-click-focused:focus{
    border-color:#a09dc2;
    box-shadow:unset
}
.rc-slider-handle:hover{
    border-color:#56205f
}
.rc-slider-handle:active{
    border-color:#56205f;
    box-shadow:0 0 5px #56205f;
    cursor:-webkit-grabbing;
    cursor:grabbing
}
.rc-slider-mark{
    position:absolute;
    top:18px;
    left:0;
    width:100%;
    font-size:12px
}
.rc-slider-mark-text{
    position:absolute;
    display:inline-block;
    vertical-align:middle;
    text-align:center;
    cursor:pointer;
    color:#999
}
.rc-slider-mark-text-active{
    color:#666
}
.rc-slider-step{
    position:absolute;
    width:100%;
    height:4px;
    background:transparent
}
.rc-slider-dot{
    position:absolute;
    bottom:-2px;
    margin-left:-4px;
    width:8px;
    height:8px;
    border:2px solid #e9e9e9;
    background-color:#fff;
    cursor:pointer;
    border-radius:50%;
    vertical-align:middle
}
.rc-slider-dot-active{
    border-color:#a09dc2
}
.rc-slider-disabled{
    background-color:#e9e9e9
}
.rc-slider-disabled .rc-slider-track{
    background-color:#ccc
}
.rc-slider-disabled .rc-slider-dot,.rc-slider-disabled .rc-slider-handle{
    border-color:#ccc;
    box-shadow:none;
    background-color:#fff;
    cursor:not-allowed
}
.rc-slider-disabled .rc-slider-dot,.rc-slider-disabled .rc-slider-mark-text{
    cursor:not-allowed!important
}
.rc-slider-vertical{
    width:14px;
    height:100%;
    padding:0 5px
}
.rc-slider-vertical .rc-slider-rail{
    height:100%;
    width:4px
}
.rc-slider-vertical .rc-slider-track{
    left:5px;
    bottom:0;
    width:4px
}
.rc-slider-vertical .rc-slider-handle{
    margin-left:-5px;
    margin-bottom:-7px;
    -ms-touch-action:pan-y;
    touch-action:pan-y
}
.rc-slider-vertical .rc-slider-mark{
    top:0;
    left:18px;
    height:100%
}
.rc-slider-vertical .rc-slider-step{
    height:100%;
    width:4px
}
.rc-slider-vertical .rc-slider-dot{
    left:2px;
    margin-bottom:-4px
}
.rc-slider-vertical .rc-slider-dot:first-child,.rc-slider-vertical .rc-slider-dot:last-child{
    margin-bottom:-4px
}
.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-leave{
    animation-duration:.3s;
    animation-fill-mode:both;
    display:block!important;
    animation-play-state:paused
}
.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active,.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active{
    animation-name:rcSliderTooltipZoomDownIn;
    animation-play-state:running
}
.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active{
    animation-name:rcSliderTooltipZoomDownOut;
    animation-play-state:running
}
.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-enter{
    transform:scale(0);
    animation-timing-function:cubic-bezier(.23,1,.32,1)
}
.rc-slider-tooltip-zoom-down-leave{
    animation-timing-function:cubic-bezier(.755,.05,.855,.06)
}
@keyframes rcSliderTooltipZoomDownIn{
    0%{
        opacity:0;
        transform-origin:50% 100%;
        transform:scale(0)
    }
    to{
        transform-origin:50% 100%;
        transform:scale(1)
    }
}
@keyframes rcSliderTooltipZoomDownOut{
    0%{
        transform-origin:50% 100%;
        transform:scale(1)
    }
    to{
        opacity:0;
        transform-origin:50% 100%;
        transform:scale(0)
    }
}
.rc-slider-tooltip{
    position:absolute;
    z-index:5;
    left:-9999px;
    top:-9999px;
    visibility:visible
}
.rc-slider-tooltip,.rc-slider-tooltip *{
    box-sizing:border-box;
    -webkit-tap-highlight-color:rgba(0,0,0,0)
}
.rc-slider-tooltip-hidden{
    display:none
}
.rc-slider-tooltip-placement-top{
    padding:4px 0 8px
}
.rc-slider-tooltip-inner{
    padding:6px 2px;
    min-width:24px;
    height:24px;
    font-size:12px;
    line-height:1;
    color:#fff;
    text-align:center;
    text-decoration:none;
    background-color:#6c6c6c;
    border-radius:6px;
    box-shadow:0 0 4px #d9d9d9
}
.rc-slider-tooltip-arrow{
    position:absolute;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid
}
.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow{
    bottom:4px;
    left:50%;
    margin-left:-4px;
    border-width:4px 4px 0;
    border-top-color:#6c6c6c
}

.carousel-control{
    background: none !important;
}


.btn-agendar-dia.sel, .scheduleTimes button.sel{
	background: #56205f !important;
	color: #FFF !important;
	font-weight: bold;
}
#btnSubmitSchedule{
	margin-bottom:20px;
}
button#btnSubmitSchedule[disabled]{
    background:#777;
}

@media (max-width:768px) {
	.globalSearchInput {
		flex-direction: column;
		font-size: 22px
	}
	.agendarVisita{
		position:fixed;
		bottom:-6px;
		left:0;
		z-index:100;	
		padding:15px 0;
	}
	#propertySplashSection{
		height:425px !important;
	}
	.propertySplashActions{
        padding-top: 4vh;
	}
	.landingPagesHeader img{
		max-height: 70px;
		margin-top: 7px;
	}
	.homeMainSection .contentSmall{
		margin-top:50px;
    }
    .propertySmall{
        width:calc(100% - 16px);
    }
    .propertySmallImageWrapper,
    .propertySmallImageWrapper .propertySmallImage{
        height: 230px;
    }
    .contentSmall h1 {
        text-shadow: 2px 2px 6px rgba(0,0,0,.3);
        font-size: 2rem;
    }
    .contentSmall h4 {
        font-size: 1.7rem;
    }
}

.isLogged{
    display:none;
}



.propertySplashActions .btn{
    background: rgba(0,0,0,.25);
    font-size: 1.8rem;
    box-shadow: none;
    text-shadow: 1px 1px 3px rgba(0,0,0,.3);
    font-family: 'Nunito';
    letter-spacing: -1px;
    padding: 9px 15px 7px;
    transition:all .15s ease;
}

.propertySplashActions .btn:hover{
    background-color:#56205f;
    color:#FFF;
    transition:all .15s ease;
}

.btn-purple{
    background-color:#56205f;
    color:#FFF;
}
.btn-purple:hover{
    background-color:#46205f;
    color:#FFF;
}
#propertySplashSection h1, #propertySplashSection h2{
    font-weight: 400;
    font-family: 'Nunito';
    text-shadow: 2px 2px 10px rgba(0,0,0,.2);
}
.swal2-popup{
    font-size:1.5rem!important;
}

.form-group > .btn {
    margin-top: 5px;
}

.form-control:disabled {
    opacity: 1;
    border: 0;
    font-weight: bold;
    color: #777;
    background: #fafafa;
}

label.error {
    font-size: 11px;
    color: rgba(255,0,0,.4);
    margin-bottom: 0;
    width:100%;
}
.form-control.error{
    border-color:rgba(255,0,0,.7);
}
.form-control.error:focus{
    border-color:inherit;
}


@media (max-width:1240px){
    #propertyDetailsSection>.content{
        flex-direction:column-reverse;
        align-items:stretch
    }
    #propertyDetailsSection>.content>*{
        width:100%
    }
    #propertyDetailsSection>.content>:first-child{
        max-width:none
    }
    #propertyDetailsSection>.content>:last-child{
        justify-content:center;
        padding-bottom:32px
    }
    #propertyDetailsSection>.content h2{
        margin-bottom:8px;
        font-size:2.3rem;
    }
    .pv30{
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .propertyDetailsText{
        margin-bottom:1rem;
    }
    .propertyDetailsText p {
        margin: 0 0 30px;
    }
    .propertySplashExtraInfos{
        zoom: .8;
        margin-top: 16px;
    }
    .propertySplashExtraInfos .propertyExtraInfoSmallText {
        font-size: 1.5rem;
    }
    .propertyDetailsTotalPrice{
        padding: 1.3rem;
        font-size: 2rem;
    }
    #propertySplashSection h4{
        font-size: 1.4rem;
        margin-top: -5px;
        font-weight: lighter;
    }
    .mainHeader .mainHeaderMenuButtons{
        border-left: 0;
    }
    .btnLarge{
        font-size: 2rem;
    }
    .h4, h4 {
        font-size: 1.7rem;
    }
    .popularSearchProperties{
        flex-direction:column
    }
    #searchPropertiesSidebar .btnAluGreen{
        font-size: 0.8rem;
    }
}
.popularSearchProperties,.menuButton,.propertySmallDescription, .fVibeH, .btn, #newsLetterRegisterSection, .bgGrayLight h4{
    font-family:Nunito;
}
.home .propertySmallDescription {
    min-height: 110px;
    font-size:11pt;
}
.hidden{
    display:none;
}

.bloco-destaques{
    display: block;
    text-decoration:none;
}
/* Desktop */
@media (min-width:768px){
    .bloco-destaques{
        width: 100%;
    }
}
@media (max-width:768px){
    .bloco-destaques .propertySmallImageWrapper{
        width:100% !important;
    }
}











/* Estilizar o formulário para ficar mais "gordinho" */
.globalSearchWrapper {
    display: flex;
    background: #FFF;
    border-radius: 10px;
    color: #111;
    padding: 15px 20px; /* Aumentando o padding interno */
    height: 60px; /* Altura fixa para uniformidade */
    align-items: center; /* Centralizar verticalmente os itens */
}

/* Esconder o <select> original */
.bootstrap-select > select {
    display: none !important; /* Garante que o <select> não seja visível */
    background: transparent !important; /* Fundo transparente para o <select> */
}

/* Ajustar o container do Bootstrap Select */
.bootstrap-select {
    width: 100% !important;
    margin: 0 5px; /* Espaçamento entre os campos */
}

/* Estilizar o botão do dropdown */
.bootstrap-select .dropdown-toggle {
    width: 100%;
    text-align: left;
    background: transparent !important; /* Fundo transparente */
    border: none; /* Remove todas as bordas */
    border-bottom: 2px solid #ccc; /* Apenas uma linha na parte inferior */
    border-radius: 0; /* Remove bordas arredondadas */
    padding: 10px 12px; /* Mais padding para ficar "gordinho" */
    font-size: 16px; /* Ajuste de tamanho de fonte */
    color: #333;
    box-shadow: none !important; /* Remove sombra */
    outline: none !important; /* Remove contorno ao focar */
}

/* Ajustar o placeholder (quando nada está selecionado) */
.bootstrap-select .filter-option {
    color: #999 !important;
}

/* Ajustar o ícone de dropdown */
.bootstrap-select .caret {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
}

/* Ajustar o dropdown */
.bootstrap-select .dropdown-menu {
    width: 100% !important;
    max-width: 100%;
    border: 1px solid #ccc; /* Borda do dropdown */
    border-top: none; /* Sem borda superior para alinhar */
}

/* Estilizar as opções no dropdown */
.bootstrap-select .dropdown-menu li > a {
    white-space: nowrap;
    color: #444 !important;
    padding: 8px 12px;
}

/* Remover margens ou espaçamentos indesejados */
.col-flex, .col-md-12, .col-xs-12 {
    margin: 0;
    padding: 0 5px;
}

/* Ajustar o botão de busca */
.btn.bg-color-cta {
    padding: 10px 20px; /* Ajuste para ficar proporcional */
    height: 100%;
}.dropdown.bootstrap-select.form-control.bs3 {
     background-color: transparent !important;
 }

.filter-option {
    min-height: 30px !important;
}

.dropdown-item.active.selected{
    background-color: #f4f4f4;
}