/*https://preview.colorlib.com/theme/mondy/index.html*/
@font-face {
    font-family: 'DB_Helvethaica_X_Reg';
    src: url('../assets/fonts/DB Helvethaica X.eot'); /* IE9 Compat Modes */
    src: url('../assets/fonts/DB Helvethaica X.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../assets/fonts/DB Helvethaica X.woff2') format('woff2'), /* Modern Browsers */
    url('../assets/fonts/DB Helvethaica X.woff') format('woff'), /* Modern Browsers */
    url('../assets/fonts/DB Helvethaica X.ttf')  format('truetype'); /* Safari, Android, iOS */
}
html,body{
    height:100%;
    font-family:'DB_Helvethaica_X_Reg', 'Helvetica', sans-serif;
    -webkit-font-smoothing:antialiased;
    font-smoothing:antialiased;
    font-size: calc(20px + (22 - 20) * ((100vw - 300px) / (1600 - 300)));
}
.page{
    padding-top: 20px;
    padding-bottom: 10px;
}
.page h1,.main-topic b{
     font-size: calc(30px + (36 - 30) * ((100vw - 300px) / (1600 - 300))) !important;
}
h1,h2,h3,h4,h5,h6{
    margin:0;
    color:#244ba8;
    font-weight:700;
    line-height:0.6;
}
.property-detail .main-topic{
    font-size: calc(30px + (36 - 30) * ((100vw - 300px) / (1600 - 300))) !important;
    line-height: 1.1;
    padding-top: 20px;
}
h1{
    font-size:70px
}
h2{
    font-size:36px
}
h3{
    font-size:30px
}
h4{
    font-size:24px
}
h5{
    font-size:18px
}
h6{
    font-size:16px
}
p{
    color:#6a6a6a;
    line-height:1.4
}
img{
    max-width:100%
}
input:focus,select:focus,button:focus,textarea:focus{
    outline:none
}
a:hover,a:focus{
    text-decoration:none;
    outline:none
}
ul,ol{
    padding:0;
    margin:0
}
.section-title{
    margin-bottom:65px
}
.section-title h1{
    margin-top:40px;
    line-height: 1.2;
}
.section-title p{
    padding:25px 30px 10px;
    margin-bottom:0
}
.set-bg{
    background-repeat:no-repeat;
    background-size:cover;
    background-position:top center
}
.spad{
    padding-top:45px;
    padding-bottom:90px
}
.spad-top{
    padding-top:30px;
}
.text-white h1,.text-white h2,.text-white h3,.text-white h4,.text-white h5,.text-white h6,.text-white p,.text-white span,.text-white li,.text-white a{
    color:#fff
}
.site-btn{
    display:inline-block;
    border:none;
    min-width:156px;
    font-size:16px;
    background:#244ba8;
    color:#fff;
    line-height:normal;
    cursor:pointer;
    text-align:center
}
.site-btn:hover{
    color:#fff
}
.site-btn.sb-light{
    background:#fff;
    color:#241e1e
}
.site-btn.sb-big{
    font-weight:700;
    font-family:lato,sans-serif;
    padding:21px 48px
}
#preloder{
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:999999;
    background-color:rgba(32, 32, 32, 0.8);
}
.loader{
    width:40px;
    height:40px;
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-13px;
    margin-left:-13px;
    border-radius:60px;
    animation:loader .8s linear infinite;
    -webkit-animation:loader .8s linear infinite
}
@keyframes loader{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
        border:4px solid #f44336;
        border-left-color:transparent
    }
    50%{
        -webkit-transform:rotate(180deg);
        transform:rotate(180deg);
        border:4px solid #673ab7;
        border-left-color:transparent
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg);
        border:4px solid #f44336;
        border-left-color:transparent
    }
}
@-webkit-keyframes loader{
    0%{
        -webkit-transform:rotate(0deg);
        border:4px solid #f44336;
        border-left-color:transparent
    }
    50%{
        -webkit-transform:rotate(180deg);
        border:4px solid #673ab7;
        border-left-color:transparent
    }
    100%{
        -webkit-transform:rotate(360deg);
        border:4px solid #f44336;
        border-left-color:transparent
    }
}
.header-section{
    position:absolute;
    width:100%;
    left:0;
    top:0;
    padding:0 53px;
    z-index:999;
    /*--background-color: #076E83;--*/
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 1px 3px 0 rgb(44 44 44 / 50%);
    -moz-box-shadow: 0 1px 3px 0 rgba(44,44,44,0.5);
    box-shadow: 0 1px 3px 0 rgb(44 44 44 / 50%);
}
.header-section.header-bg-2{
    background:rgba(34,34,34,.83);
}
.header-nav{
    text-align:right;
    padding-top:35px;
}
.header-nav .btn{
    font-size: calc(18px + (22 - 18) * ((100vw - 300px) / (1600 - 300)));
}
.site-logo{
    float:left;
    display:inline-block;
    padding: 20px 0 30px;
}
.main-menu{
    display:inline-block;
    padding-right:30px;
}
.main-menu li{
    display:inline-block;
    position:relative;
}
.main-menu li a{
    display:block;
    font-size:22px;
    /*--color:#fff;--*/
    color:#17335B;
    font-family: 'DB_Helvethaica_X_Reg', 'Helvetica', sans-serif;
    padding:0 1px 5px;
    border-bottom:2px solid transparent;
    margin-right:20px;
    -webkit-transition:.3s;
    transition:.3s;
}
.main-menu li a:hover,.main-menu li a.active{
    border-bottom:2px solid #244ba8;
    cursor: pointer;
}
.main-menu li:hover>.sub-menu{
    visibility:visible;
    opacity:1;
    margin-top:20px;
}
.switch-language{
    width: 120px !important;
}
.main-menu .sub-menu{
    position:absolute;
    list-style:none;
    width:250px;
    left:0;
    top:100%;
    text-align:left;
    visibility:hidden;
    opacity:0;
    margin-top:50px;
    background:#fff;
    z-index:99;
    -webkit-transition:all .4s;
    transition:all .4s;
    -webkit-box-shadow:2px 7px 20px rgba(0,0,0,.15);
    box-shadow:2px 7px 20px rgba(0,0,0,.15);
}
.main-menu .sub-menu::before{
    position:absolute;
    content:"";
    left:15px;
    top:-7px;
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-bottom:7px solid #fff;
}
.main-menu .sub-menu:after{
    position:absolute;
    content:"";
    width:100%;
    height:20px;
    left:0;
    top:-20px;
}
.main-menu .sub-menu li{
    display:block;
}
.main-menu .sub-menu li a{
    display:block;
    color:#000;
    margin-right:0;
    padding:5px 20px;
    border-bottom:none;
}
.main-menu .sub-menu li a:hover{
    color:#ff000a;
}
.sub-menu .active{
    color:#ff000a !important;
}
.header-right{
    display:inline-block;
}
.header-right a{
    color:#fff;
    font-size:16px;
    font-family:lato,sans-serif;
    display:inline-block;
}
.header-right .register{
    border:2px solid #fff;
    min-width:130px;
    text-align:center;
    padding:8px 15px;
    margin-left:25px;
}
.slicknav_menu{
    display:none;
}
.hero-section{
    height:580px;
    padding-top:240px;
}
.hero-warp{
    padding:27px 48px 31px;
    background:rgba(34,36,43,.83);
    border-radius: 20px;
}
.main-search-form{
    font-family:lato,sans-serif;
}
.main-search-form p{
    font-size:12px;
    color:#b6b6b6;
    font-style:italic;
    margin-bottom:0;
}
.search-type .st-item{
    display:inline-block;
}
.search-type .st-item input{
    position:absolute;
    visibility:hidden;
    opacity:0;
    z-index:-1;
}
.search-type .st-item input:checked+label{
    padding:5px 15px;
    background:#007c80;
}
.search-type .st-item input:checked+label:after{
    bottom:-15px;
    opacity:1;
    -webkit-transition:all .2s ease .3s;
    transition:all .2s ease .3s;
}
.search-type label{
    position:relative;
    font-family: 'DB_Helvethaica_X_Reg', 'Helvetica', sans-serif;
    color:#fff;
    padding:11px 10px;
    margin-bottom:15px;
    cursor:pointer;
    text-align:center;
    -webkit-transition:all .4s;
    transition:all .4s;
}
.search-type label:after{
    position:absolute;
    content:"";
    bottom:-25px;
    left:calc(50% - 4px);
    border-left:4px solid transparent;
    border-right:4px solid transparent;
    border-bottom:7px solid #fff;
    opacity:0;
}
.search-input{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-bottom:23px;
}
.search-input input{
    width:calc(100% - 156px);
    height:50px;
    padding-left:47px;
    color:#3a3a3a;
    border:none;
    font-family: 'DB_Helvethaica_X_Reg', 'Helvetica', sans-serif;
    font-size: calc(22px + (26 - 22) * ((100vw - 300px) / (1600 - 300)));
}
.search-input.si-v-2 input{
    width:calc(100% - 384px);
}
.search-input.si-v-2 .sb-light{
    margin-left:25px;
    min-width:203px;
}
.intro-first{
    margin-bottom:98px;
}
.about-text p{
    font-size: calc(22px + (26 - 22) * ((100vw - 300px) / (1600 - 300)));
}
.about-text h3{
    margin-bottom:30px;
}
.about-text h2{
    font-size:72px;
    line-height:1;
    margin-bottom:35px;
}
.about-text p{
    margin-bottom:25px;
}
.readmore-btn{
    display:inline-block;
    font-size:18px;
    font-weight:700;
    color:#ff000a;
    border-bottom:1px solid #ff000a;
    line-height:1;
}
.readmore-btn:hover{
    color:#ff000a;
}

.property-section .section-title{
    margin-bottom:-25px;
}
.property-item, .content-item{
    margin-bottom:55px;
}
.property-item img, .content-item img{
    min-width:100%;
}
.property-item .pi-image, .content-item .pi-image{
    position:relative;
    margin-bottom:10px;
}
.property-item .pi-badge, .content-item .pi-dadge{
    position:absolute;
    left:0;
    top:0;
    min-width:87px;
    padding:13px 10px 0;
    height:50px;
    text-align:center;
    font-size:18px;
    font-weight:700;
    color:#fff;
}
.property-item .pi-badge.new, .content-item .pi-badge.new{
    background:#ff000a;
}
.property-item .pi-badge.offer, .content-item .pi-badge.offer{
    background:#ffba00;
}
.property-item h2, .content-item h2{
    font-size: calc(20px + (21 - 20) * ((100vw - 300px) / (1600 - 300)));
    line-height: 1;

    white-space: pre-wrap;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: start;
}
.property-item p, .content-item p{
    font-size: calc(16px + (16 - 16) * ((100vw - 300px) / (1600 - 300)));
    margin-top: -8px !important;
    margin-bottom: 5px !important;

    white-space: pre-wrap;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: start;
}
.property-item p i{
    font-size: 12px;
}
.loan-section{
    padding:0 54px;
}

.card-post{
    padding: 0 12px 0 7px;
    position: absolute;
    bottom: -5px;
    left: 0;
    color: white;
    /*background-image: linear-gradient(139.79deg,#E37400 0,#fdab00 100%);*/
    background-image: linear-gradient(139.79deg,#007c80 0,#0fb9bf 100%);
    max-width: 100%;
    font-size: 14px;
}

.card-post-type{
    padding: 0 12px 0 7px;
    position: absolute;
    bottom: -5px;
    left: 0;
    color: white;
    background-image: linear-gradient(139.79deg,#007c80 0,#0fb9bf 100%);
    max-width: 100%;
    font-size: 16px;
}

.card-content{
    padding: 0 12px 0 7px;
    position: absolute;
    bottom: -5px;
    left: 0;
    color: white;
    background-image: linear-gradient(139.79deg,#007c80 0,#0fb9bf 100%);
    max-width: 100%;
    font-size: 14px;
}
.price-range{
    color: #848d95;
    font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (1600 - 300)));
}

.loan-warp{
    background:#22242b;
    padding:95px 0 110px
}
.loan-form{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    max-width:878px;
    margin:0 auto;
}
.loan-form input{
    width:100%;
    height:61px;
    padding:10px 25px;
    color:#3a3a3a;
    font-size:16px;
    font-style:italic;
    border:none;
    margin-right:30px;
}
.footer-section{
    padding:110px 0 0;
    background:#1A2B6D;
}
.footer-widger{
    margin-bottom:60px;
}
.footer-widger h2{
 font-size: calc(20px + (22 - 20) * ((100vw - 300px) / (1600 - 300)));
 font-weight:500;
 padding-bottom: 20px;
 line-height: 1;
}
.footer-widger ul{
    list-style:none;
}
.footer-widger ul li a{
    font-size: calc(18px + (20 - 18) * ((100vw - 300px) / (1600 - 300)));
    display:inline-block;
    margin-bottom:13px;
    opacity:.7;
}
.about-widget{
    margin-right:41px;
    border-right:2px solid #45484e;
}
.about-widget img{
    margin-bottom:40px;
}
.about-widget .aw-text{
    max-width:260px;
}
.about-widget .aw-text p{
    padding-right:15px;
    margin-bottom:35px;
}
.copyright{
    text-align:right;
    font-size:12px;
    color:#cccccc;
    font-family:lato,sans-serif;
    padding:5px 0 35px;
}
.page-top-section{
    height:410px;
    padding:152px 15px 0;
}
.page-top-warp{
    max-width:1280px;
    margin:0 auto;
}
.sell-section{
    padding:0 54px;
}
.sell-section .section-title{
    margin-bottom:100px;
}
.sell-item{
    text-align:center;
    margin-bottom:40px;
}
.sell-item .si-icon{
    width:71px;
    height:71px;
    margin-bottom:33px;
    border-radius:50%;
    background:#ff000a;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
}
.sell-item .si-icon span{
    font-size:24px;
    font-weight:700;
}
.sell-item h3{
    font-family:lato,sans-serif;
    font-weight:900;
    margin-bottom:20px;
}
.sell-item p{
    opacity:.7;
}
.agents-section{
    padding-bottom:80px;
}
.agents-section .section-title{
    margin-bottom:70px;
}
.agent-item{
    text-align:center;
    margin-bottom:30px;
}
.agent-item .ai-text{
    padding:0 5px;
}
.agent-item img{
    min-width:100%;
    margin-bottom:35px;
}
.agent-item h4{
    margin-bottom:20px;
}
.agent-item p{
    margin-bottom:25px;
}
.blog-item{
    margin-bottom:58px;
}
.blog-item img{
    min-width:100%;
}
.blog-item .blog-date{
    font-size:16px;
    font-weight:700;
    color:#6a6a6a;
    margin-bottom:5px;
}
.blog-item h4{
    margin-bottom:20px;
}
.blog-item .blog-text{
    padding:24px 22px 30px;
    background:#f5f8fa;
}
.blog-item.feature-blog{
    background:#f5f8fa;
}
.blog-item.feature-blog .blog-text{
    padding-top:60px;
}
.blog-item.feature-blog h4{
    margin-bottom:30px;
}
.site-pagination{
    padding-top:20px;
}
.site-pagination a{
    display:inline-block;
    color:#6a6a6a;
    font-size:15px;
    text-align:center;
    padding:4px 0;
    margin-right:3px;
}
.site-pagination a.active{
    color:#fff;
    background:#ff000a;
    padding:4px 5px;
}
.search-result-map{
    height:100%;
    background:#ddd;
    position:relative;
}
.search-result-map iframe{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
}
.search-results{
    padding:55px 64px 90px;
}
.search-results .property-item h5{
    margin-bottom:8px;
}
.search-results .filter-btn{
    list-style:none;
    margin-bottom:70px;
}
.search-results .filter-btn li{
    display:inline-block;
    margin-right:38px;
    font-family:lato,sans-serif;
    padding:15px;
    font-size:16px;
    font-weight:700;
    text-transform:uppercase;
    color:#322429;
    cursor:pointer;
}
.search-results .filter-btn li.active{
    color:#ff000a;
}
.search-results .load-more{
    min-width:205px;
}
.property-item .pi-meta{
    display:inline-block;
    position:relative;
    color:#6a6a6a;
    padding-right:6px;
    margin-right:1px;
    margin-bottom:10px;
    font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));

}
.property-item .pi-meta:last-child{
    margin-right:0;
    padding-right:0;
}
.property-item .pi-meta:last-child:after{
    display:none;
}
.property-item .pi-meta:after{
    position:absolute;
    content:"|";
    right:0;
    top:0;
    font-size: calc(14px + (15 - 14) * ((100vw - 300px) / (1600 - 300)));
    color:#6a6a6a;
}
.property-item .none-border-right:after{
    content:"" !important;
}

@media only screen and (max-width: 768px){
    .pi-metas{
        line-height: 0.2 !important;
        padding-top: 8px;
        padding-bottom: 8px;
    }
}

.single-property .sp-image{
    position:relative;
    margin-bottom:50px;
}
.single-property .sp-badge{
    position:absolute;
    left:0;
    top:0;
    min-width:87px;
    padding:13px 10px 0;
    height:50px;
    text-align:center;
    font-size:18px;
    font-weight:700;
    color:#fff;
}
.single-property .sp-badge.new{
    background:#ff000a;
}
.single-property .sp-badge.offer{
    background:#ffba00;
}
.single-property .pi-metas{
    padding-top:20px;
}
.single-property .pi-meta{
    display:inline-block;
    position:relative;
    font-size:15px;
    color:#584d51;
    padding-right:15px;
    margin-right:14px;
    margin-bottom:10px;
    font-weight:700;
}
.single-property .pi-meta:last-child{
    margin-right:0;
    padding-right:0;
}
.single-property .pi-meta:last-child:after{
    display:none;
}
.single-property .pi-meta:after{
    position:absolute;
    content:"|";
    right:0;
    top:0;
    font-size:15px;
    color:#584d51;
    font-weight:700;
}
.property-header{
    margin-bottom:45px;
    margin-bottom:35px;
}
.property-header h3{
    margin-bottom:10px;
}
.property-header h5{
    font-weight:500;
    color:#6a6a6a;
}
.property-header p{
    line-height:1;
    margin-bottom:0;
}
.property-info-bar{
    padding:11px 29px 13px;
    margin-bottom:40px;
    border-top:2px solid #dfe5e8;
    background:#f5f8fa;
}
.offer-btn{
    display:inline-block;
    text-align:center;
    min-width:260px;
    padding:15px 44px;
    font-size:18px;
    font-weight:700;
    text-transform:none;
    color:#322429;
    border:2px solid #475069;
    background:#fff;
}
.offer-btn:hover{
    color:#322429;
}
.property-text h4{
    margin-bottom:25px;
}
.property-text p{
    margin-bottom:35px;
}
.property-feature .pf-box{
    margin-bottom:30px;
}
.property-feature .pf-box h6{
    margin-bottom:5px;
}
.property-feature .pf-box p{
    font-size:16px;
    margin-bottom:0;
}
.video-item{
    position:relative;
    margin-top:10px;
    margin-bottom:61px;
}
.video-item .video-play{
    position:absolute;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:110px;
    height:56px;
    left:calc(50% - 55px);
    top:calc(50% - 28px);
    border-radius:24px;
    font-size:17px;
    color:#ff000a;
    background:#fff;
}
.loan-calculator{
    padding:53px 37px 44px;
    background:#f5f8fa;
}
.loan-calculator h4{
    margin-bottom:35px;
}
.loan-calculator input{
    width:100%;
    height:56px;
    padding:0 23px;
    color:#3a3a3a;
    font-size:14px;
    border:none;
    margin-bottom:28px;
}
.loan-calculator .loan-cal-result{
    text-align:center;
    font-size:18px;
    font-weight:700;
    padding:20px 15px;
    margin-bottom:28px;
    line-height:1;
    background:#fff;
}
.agent-widget{
    margin-bottom:37px;
}
.agent-widget img{
    min-width:100%;
}
.agent-widget h4{
    margin-bottom:10px;
}
.agent-widget h6{
    color:#6a6a6a;
    margin-bottom:25px;
}
.agent-widget p{
    margin-bottom:30px;
}
.agent-widget .aw-text{
    padding:35px 26px 45px;
    text-align:center;
    background:#f5f8fa;
}
.map-widget{
    position:relative;
    height:407px;
}
.map-widget iframe{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
}
.contact-section{
    padding:100px 0;
}
.contact-section .section-title{
    margin-bottom:50px;
}
.contact-text{
    padding-right:95px;
}
.contact-info-box{
    text-align:center;
    padding-top:60px;
}
.contact-info-box .ci-icon{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:107px;
    height:107px;
    margin-bottom:26px;
    border-radius:50%;
    background:#000;
}
.contact-info-box .ci-icon span{
    font-size:36px;
    font-weight:700;
    color:#fff;
}
.contact-info-box h4{
    margin-bottom:15px;
}
.contact-form{
    padding:61px 33px;
    margin-top:50px;
    background:#f5f8fa;
    text-align:center;
}
.contact-form input,.contact-form textarea{
    width:100%;
    height:56px;
    padding:0 23px;
    font-size:14px;
    color:#3a3a3a;
    border:none;
    margin-bottom:28px;
    background:#fff;
}
.contact-form textarea{
    height:233px;
    padding:20px 23px 10px;
    resize:none;
    margin-bottom:35px;
}
.contact-form .site-btn{
    min-width:335px;
}
@media(min-width:1200px){
    .container{
        max-width:1176px;
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .section-title h2,.about-text h2{
        font-size:65px;
    }
    .main-menu li a{
        margin-right:20px;
    }
    .about-widget{
        margin-right:15px;
    }
    .search-result-map{
        height:600px;
    }
    .search-results{
        padding:55px 30px 90px;
    }
    .offer-btn{
        min-width:205px;
    }
    .contact-text{
        padding-right:40px;
    }
    .blog-item.feature-blog .blog-text{
        padding-top:15px;
        padding-bottom:15px;
    }
    .blog-item.feature-blog h4{
        margin-bottom:15px;
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .header-section{
        padding:0 15px;
    }
    .main-menu{
        padding-right:15px;
    }
    .main-menu li a{
        margin-right:15px;
    }
    .header-right .register{
        min-width:110px;
        margin-left:10px;
    }
    .about-text{
        margin-top:40px;
    }
    .hero-warp{
        padding:25px 30px 29px;
    }
    .search-type label{
        margin-right:5px;
    }
    .search-type .st-item input:checked+label{
        padding:11px 15px;
    }
    .section-title h2,.about-text h2{
        font-size:55px;
    }
    .loan-form{
        display:block;
        text-align:center;
        padding:0 50px;
    }
    .loan-form input{
        margin-bottom:30px;
    }
    .about-widget{
        border-right:none;
    }
    .about-widget .aw-text{
        max-width:100%;
    }
    .footer-widger h2{
        padding-top:0;
    }
    .page-top-section{
        height:auto;
        padding-bottom:80px;
    }
    .sell-section{
        padding:0 20px;
    }
    .search-result-map{
        height:600px;
    }
    .sidebar{
        padding-top:50px;
    }
    .contact-text{
        padding-right:0;
    }
}

@media only screen and (max-width:870px){
    .img-logo{
        width: auto !important;
    }
    .span-btn-register {
        float: none !important;
        position:absolute;
        right: 60px;
      }
   
    .top-section {
       padding: 110px 15px 0 !important;
   }
   .header-section{
    padding:0 15px;
}
.site-logo{
    padding:26px 0;
}
.header-nav{
    display:none;
}
.slicknav_menu{
    padding:0;
    display:block;
    background:0 0;
    margin-top: -40px !important;
}
.slicknav_menu .header-right-warp{
    /*--padding:10px 0;--*/
    padding-right:10px;
    border-bottom:1px solid #111;
    text-align:right;
}
.slicknav_menu .header-right .login{
    border-bottom:none;
}
.slicknav_menu .header-right .register{
    margin-left:0;
}
.slicknav_menu .header-right a:hover{
    background:0 0;
    color:#fff;
}
.slicknav_btn{
    /*--background:#616161;--*/
    background:#FFFFFF;
    margin-top:38px;
    margin-right: -10px !important;
}
.slicknav_nav{
    /*--background:#22242b;--*/
    background: #FFFFFF;
    margin-bottom:30px;
    font-size:20px;
}
.slicknav_nav a{
    margin:0;
    padding:10px 20px;
    /*--border-bottom:1px solid #111;--*/
}
.slicknav_nav a:hover{
    /*--color:#ff000a;
    border-radius:0;
    background:#0b0e25;--*/
    color:#375BB0;
    border-radius:0;
    background:#FFFFFF;
}
.slicknav_nav .slicknav_row{
    padding:10px 20px;
    margin:0;
}
.slicknav_row a{
    border-bottom:none;
}
.slicknav_nav .slicknav_row:hover{
    border-radius:0;
    /*--background:#0b0e25;--*/
    background: #FFFFFF;
}
.slicknav_parent.slicknav_open{
    /*--background:#0b0e25;
    color:#ff000a--*/
    background: #FFFFFF;
}
.hero-section{
    height:auto;
    padding-top:140px;
    padding-bottom:60px;
}
.hero-warp{
    padding:25px 20px 29px;
}
.about-text{
    margin-top:40px;
}
.search-type label{
    margin-right:5px;
}
.search-type .st-item input:checked+label{
    padding:11px;
}
.search-input{
    display:block;
}
.search-input input,.search-input.si-v-2 input{
    width:100%;
    padding:0 20px;
    margin-bottom:20px;
}
.section-title h2,.about-text h2{
    font-size:45px;
}
.loan-section{
    padding:0 15px;
}
.loan-form{
    display:block;
    text-align:center;
    padding:0 15px;
}
.loan-form input{
    margin-bottom:30px;
}
.about-widget{
    border-right:none;
}
.about-widget .aw-text{
    max-width:100%;
}
.footer-widger h2{
    padding-top:0;
}
.copyright{
    text-align:center;
}
.page-top-section{
    height:auto;
    padding-bottom:80px;
}
.search-input.si-v-2{
    margin-bottom:0;
}
.search-input.si-v-2 .site-btn{
    margin:0 25px 25px 0;
}
.search-results{
    padding:55px 30px 90px;
}
.search-results .filter-btn li{
    margin-right:10px;
}
.search-result-map{
    height:500px;
}
.sidebar{
    padding-top:50px;
}
.contact-text{
    padding-right:0;
}
.sell-section{
    padding:0 15px;
}
}
@media only screen and (max-width:479px){
    .site-btn{
        padding: 20px 40px;
    }
    .xs-hide{display: none;}
    .filter-panel .form-group{
        margin-right: 0px !important;
    }
    .filter-panel .form-inline {
        display: block;
    }
    .filter-col{
        padding-left: 0px !important;
    }
    .topic{margin-left: -15px !important;}
    .section-title h2,.about-text h2{
        font-size:38px;
    }
    .search-type label:after{
        display:none;
    }
    .section-title p{
        padding:25px 0 10px;
    }
    .about-widget{
        margin-right:0;
    }
    .site-btn.sb-big{
        padding:21px 25px;
    }
    .search-results{
        padding:55px 15px 90px;
    }
    .search-results .filter-btn li{
        margin-right:0;
    }
    .property-info-bar{
        padding:11px 15px 13px;
    }
    .loan-calculator{
        padding:30px 15px 25px;
    }
    .contact-form{
        padding:50px 20px;
    }
    .contact-form .site-btn{
        min-width:auto;
    }
}
.sidebar-sticky{
    position:-webkit-sticky !important;
    position:sticky !important;
    top:0 !important;
    margin-top: 20px !important;
}
.top-section {
   height: 10px !important;
   padding: 130px 15px 0 ;
}
.topic h1{
    font-size: calc(22px + (24 - 22) * ((100vw - 300px) / (1600 - 300))) !important;
    margin-top: 10px;
    margin-bottom: -10px;
}
.topic{margin-left: 15px;}
.btn-facebook:hover {
   color: #fff;
   background-color: #2d4373;
   border-color: rgba(0,0,0,0.2);
}
.btn-social.btn-lg {
   padding-left: 61px;
}
.btn-facebook {
   color: #fff;
   background-color: #3b5998;
   border-color: rgba(0,0,0,0.2);
}
.btn-social {
   position: relative;
   padding-left: 44px;
   text-align: left;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}
.btn-social.btn-lg>:first-child {
   line-height: 45px;
   width: 45px;
   padding-top: 10px;
}
.btn-social>:first-child {
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
   width: 32px;
   line-height: 34px;
   font-size: 1.6em;
   text-align: center;
   border-right: 1px solid rgba(0,0,0,0.2);
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
   color: #555;
   cursor: default;
   background-color: #fff;
   border: 1px solid #ddd;
   border-bottom-color: transparent;
}
.nav>li>a:hover, .nav>li>a:active, .nav>li>a:focus {
   color: #444;
   background: #f7f7f7;
}
.nav-tabs>li>a:hover {
   border-color: #eee #eee #ddd;
}
.nav>li>a:focus, .nav>li>a:hover {
   text-decoration: none;
   background-color: #eee;
}
.nav-tabs>li>a {
   margin-right: 2px;
   line-height: 1.42857143;
   border: 1px solid transparent;
   border-radius: 4px 4px 0 0;
}
.nav>li>a {
   position: relative;
   display: block;
   padding: 10px 15px;
}
.tab-content>.tab-pane{
    display:none;
}
.tab-content>.active{
    display:block;
}
.nav-tabs{
    border-bottom:1px solid #eeeeee;
}
.tab-pane{
    padding: 10px;
}
.hint {
    font-size: 18px;
    color: #777;
    padding-top: 2px;
}
.mg-t-20{margin-top: 20px;}
.data-not-found{color: #ff000a; text-align: center;font-size: calc(30px + (40 - 30) * ((100vw - 300px) / (1600 - 300))) !important;}
.data-list-charges li {
    list-style: none;
    float: left;
    width: 100%;
}
.property-item:hover img {
 -moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);
 opacity: 85%;
}
.property-item img {
    border-top: 4px; 
    max-width:100%;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;
    object-fit: cover;
    border-radius: 4px;
}
.property-detail{
    padding: 4px 8px !important;
}

.box-shadow{
    box-sizing: content-box;
    overflow: hidden;
    border: none;
    border-radius: 1px;
    text-overflow: ellipsis;
    box-shadow: 0 3px 8px 0 rgb(55 91 176 / 41%);
}
.box-shadow:hover{
    box-shadow: 0 3px 8px 0 rgb(55 91 176 / 70%);
}

.filter-col{
    padding-left:10px;
    padding-right:10px;
}
.filter-panel .btn{
    padding: 2px 10px !important;
    margin-left: 2px;
}
.filter-panel .form-group{
    margin-bottom: 5px !important;
    margin-right: 10px;
}
.btn-search{
    cursor: pointer;
    box-shadow: 0 2px 2px 0 rgb(36 75 168 / 50%);
    padding: 8px 10px 1px 10px;
    border-radius: 5px;
}
.btn-contact{
    cursor: pointer;
    box-shadow: 0 2px 2px 0 rgb(36 75 168 / 50%);
    padding: 8px 10px 1px 10px;
    border-radius: 5px;
}
.form-row label{
    margin-bottom: 1px !important;
}
.dropdown-toggle{
    border:1px solid #ced4da; text-align: left;
}
.img-logo{
    width: 140px;
}
.ui-autocomplete {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}

.ui-autocomplete > li > div {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}

.ui-state-hover,
.ui-state-active,
.ui-state-focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
  cursor: pointer;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
@media (min-width: 768px) {
  .form-search .combobox-container,
  .form-inline .combobox-container {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: top;
}
.form-search .combobox-container .input-group-addon,
.form-inline .combobox-container .input-group-addon {
    width: auto;
}
}
.combobox-container .dropdown-toggle {
  justify-content: center;
}
.combobox-container .dropdown-toggle.custom-icon::after {
  content: none;
}
.combobox-container.combobox-selected .dropdown-toggle::after {
  content: none;
}
.combobox-container .utf-remove::after {
  content: "\00D7";
}
.combobox-container.combobox-selected .pulldown {
  display: none;
}
/* :not doesn't work in IE8 */
.combobox-container:not(.combobox-selected) .remove {
  display: none;
}
.typeahead-long {
  max-height: 300px;
  overflow-y: auto;
}
.control-group.error .combobox-container .add-on {
  color: #B94A48;
  border-color: #B94A48;
}
.control-group.error .combobox-container .caret {
  border-top-color: #B94A48;
}
.control-group.warning .combobox-container .add-on {
  color: #C09853;
  border-color: #C09853;
}
.control-group.warning .combobox-container .caret {
  border-top-color: #C09853;
}
.control-group.success .combobox-container .add-on {
  color: #468847;
  border-color: #468847;
}
.control-group.success .combobox-container .caret {
  border-top-color: #468847;
}
.combobox-input-group-text{
    padding: 0px 15px !important; 
}
.dropdown-item:hover{
    background: #85C1E9;
}
.form-check{
    text-align: left;
}
.row-eq-height {
  display: -webkit-box!important;
  display: -webkit-flex!important;
  display: -ms-flexbox!important;
  display: flex!important;
  flex-wrap: wrap!important;
}
.custom-control-input:hover{
    cursor: pointer !important;
}
.custom-control-label:hover{
    cursor: pointer !important;
}
.custom-control-label{
    width: 100%;
}
.social{padding: 10px 0px;}
.btn-social-icon{
    display: inline-block;
    font-weight: 400;
    line-height: 1.25;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .5rem 1rem;
    font-size: 1rem;
    border-radius: .25rem;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.description{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: start;
}
.btn-social-icon>:first-child{position:absolute;left:0;top:0;bottom:0;line-height:34px;border-right:1px solid rgba(0,0,0,.2);border:0;text-align:center;width:100%}.btn-facebook{background-color:#3b5998;color:#fff}.btn-social-icon{position:relative;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:34px;width:34px;padding:0}.btn-twitter{background-color:#55acee;color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d9534f}.btn-line{background-color:#01c301;color:#fff}

.save-property{
    position: absolute;
    bottom: -6px;
    right: 2px;
    z-index: 20;
    border-radius: 50px;
    font-size: 20px;
    color: #fff;
    width: 25px;
    height: 25px;
    background-color: rgba(24,24,24,.4);
    cursor: pointer;
}
.save-property:hover{
    background: #f0151f;
}
.save-property-active{
    position: absolute;
    bottom: -6px;
    right: 2px;
    z-index: 20;
    border-radius: 50px;
    font-size: 20px;
    color: #fff;
    width: 25px;
    height: 25px;
    background: #f0151f;
    cursor: pointer;
}
.save-property-active:hover{
    background: #fdab00;
}
.badge {
    background-color: #d6410f!important;
    margin-bottom: 0;
    font-size: 10px;
    margin-left: -10px;
    padding: 2px 5px;
}
.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: #999;
    border-radius: 10px;
}
.badge-label {
    /*background-image: linear-gradient(139.79deg,#007c80 0,#0fb9bf 100%);*/
    border-radius: 0 5px 5px 0;
    box-shadow: 0 -0.5px 0 0 rgb(44 44 44 / 30%);
    color: #fff;
    line-height: 18px;
    height: 20px;
    padding: 1px 10px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 15px;
    z-index: 10;
    font-family:'DB_Helvethaica_X_Reg', 'Helvetica', sans-serif;
    font-size: 18px;
    font-weight: 400;
}
.view-all-link{
    font-size: calc(20px + (22 - 20) * ((100vw - 300px) / (1600 - 300)));
    color: #4fb84f !important;
}
.view-all-link>i{
    font-size: 14px;
}
.section-title h1{
    font-size: calc(24px + (40 - 24) * ((100vw - 300px) / (1600 - 300)));
    text-align: center;
}

.mhn-slide .mhn-item{width:100%;padding:10px;}
.mhn-slide .mhn-inner{width:100%;height:100%;box-shadow:0 2px 10px 0 rgba(0,0,0,.16),0 2px 5px 0 rgba(0,0,0,.26);border-radius:3px}
.mhn-slide .mhn-item img{display:none}
.mhn-slide .mhn-img{min-height:200px;overflow:hidden;height:100%;width:100%;color:white;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=) #eee no-repeat center/cover;position:relative}
.mhn-slide .mhn-text{text-align:center;padding:0 10px}
.mhn-slide .mhn-text h4{font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.mhn-slide .mhn-text p{max-height:4.5em;overflow:hidden}
.mhn-slide .owl-stage-outer{z-index:1}
.mhn-slide .owl-nav{color:#333;position:absolute;top:0;left:0;right:0;bottom:0}
.mhn-slide .owl-nav svg{color:currentColor}
.mhn-slide .owl-nav .disabled{display:none}
.mhn-slide .owl-prev,
.mhn-slide .owl-next{
    top:110px;
    z-index:2;
    width:40px;
    height:40px;
    padding:8px;
    margin-top:-20px;
    position:absolute;
    border-radius:50%;
    background-color:#fff;
    box-shadow:0 4px 4px rgba(0,0,0,.3),0 0 4px rgba(0,0,0,.2)
}
.mhn-slide .owl-prev{left:-5px}
.mhn-slide .owl-next{right:-5px}

.mhn-slide {
    display: table;
}

.mhn-slide [class*="mhn-item"] {
    float: none;
    display: table-cell;
    vertical-align: top;
}
.cookie-policy{
    position: fixed;
    z-index: 1000000;
    padding: 10px;
    background: rgba(0, 0, 0, 0.8);
    bottom: 0;
    left: 0;
    right: 0;
    color: #FFFFFF !important;
    font-size: calc(18px + (20 - 18) * ((100vw - 300px) / (1600 - 300)));
    line-height: 18px;
    display: none;
}
.cookie-policy p{
    color: #FFFFFF !important;
}

/* btn-to-top */
.btn-to-top { display: inline-block; position: fixed; bottom: 20px; right: 20px; z-index: 1000; width: 48px; height: 48px; background: #fff; border: solid 2px #007C80; overflow: hidden; visibility: hidden; opacity: 0; filter: alpha(opacity=0); text-decoration: none !important; text-align: center; color: #007C80; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; }
.btn-to-top i { font-size: 25px; line-height: 40px; }
.btn-to-top.btn-is-show{ visibility: visible; opacity: 1; filter: alpha(opacity=1); }
.btn-to-top:hover { background: #6acfbb; border-color: #6acfbb; color: #fff; }
.open-ids {
    width: 236px;
    margin: 0 auto;
}

.auth-provider {
    font-family: system-ui,roboto,sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 40px;
    padding: 0 21px;
    border-radius: 20px;
    cursor: pointer;
    margin-bottom: 16px;
    box-sizing: border-box;
    border: 1px solid #d6d9dc;
    text-align: center;
    background: #FFF;
    color: #535a60
}

.google-login {
    color: #535a60;
    border-color: #d6d9dc
}

.facebook-login {
    color: #FFF;
    background-color: #395697;
    border-color: transparent
}

.telegram-login {
    margin-bottom: 12px;
}

.svg-icon {
    vertical-align: middle;
    padding-bottom: 4px;
}
.fa{
    font-size: 16px;
}
.save-property .fa, .save-property-active .fa{
    font-size: 16px;
    padding-left: 4.5px;
}

.save-property-active .fa-trash-o {
    font-size: 16px;
    padding-left: 6px;
}

.card-related-post h2{
    font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (1600 - 300)));
    line-height: 1;
    white-space: pre-wrap;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: start;
}
.card-related-post .description{
    line-height: 1;
    font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));
}
.card-related-detail{
    padding: 4px 8px 12px 8px;
}
.venue-bookmark {
    position: absolute;
    left: 10px;
}
.venue-bookmark .fa-bookmark {
    color: #F9D805;
    font-size: 30px;
    margin-top: -4px;
}
.venue-bookmark .fa-star {
    position: absolute;
    color: #fff;
    font-size: 12px;
    left: 5px;
    top: 5px;
}

.section-view-more{
    font-size: calc(16px + (16 - 16) * ((100vw - 300px) / (1600 - 300)));
}
.view-more{
    float: right;
}
.span-btn-register{
    margin-top: 10px;
    float: right;
}
/* .btn-register{
    padding: 0px 0px !important;
   
} */
.btn-register {
    margin-top: 30px;
    background-color: #FFA500;
    color: #fff;
    padding: 0px 10px;
    border: none;
    border-radius: 5px;
    font-size: 22px;
    cursor: pointer;
    animation: pulse 2s infinite alternate;
  }
  
  /* Pulse animation */
  @keyframes pulse {
    from {
      background-color: #0F75BC;
    }
    to {
      background-color: #0CACB2; /* Change to a different color when pulsating */
    }
  }

  @keyframes blink {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  
  .blinking-text {
    animation: blink 1s infinite;
  }

  /* CSS for the map container */
	.map-container {
		position: relative;
		width: 100%;
		height: 350px; /* Set the fixed height to 500px */
        margin-top: 20px;
	}

	/* Style for the embedded iframe */
	.map-container iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}