@font-face {
  font-family: 'FontAwesome';
  /* ... other descriptors ... */
  font-display: swap; /* <<< Add this line */
}
.wrapper{
    max-width:100%;
    overflow:hidden
}
#sidebar{
    overflow:auto!important
}
html,body{
    scroll-padding-top:65px;
    height:100%
}
body{
    font-family:'Mulish',sans-serif;
    transition: opacity 0.4s ease-in-out;
}
body[data-slick-loaded="no"]{
     opacity: 0; 
}
body[data-slick-loaded="yes"]{
    opacity: 1;
}
a{
    cursor:pointer;
    color:#3a3939;
    text-decoration:none
}
a:hover{
    color:#525252;
    text-decoration:none
}
p{
    font-size:16px;
    line-height:26px;
    color:#343434
}
strong{
    color:#343434
}
span{
    color:#343434
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
    color:#262525;
    font-family:'Jost',sans-serif;
    font-weight:600
}
ul{
    margin:0;
    padding:0;
    list-style:none;
    color:#343434
}
.btn.focus,.btn:focus{
    outline:0;
    box-shadow:none
}
.facebook:hover{
    color:#3b589e!important
}
.twitter:hover{
    color:#56d7fe!important
}
.google:hover{
    color:#dc4e41!important
}
.rss:hover{
    color:#e78733!important
}
.linkedin:hover{
    color:#1c82ca!important
}
.facebook-bg{
    background:#4867aa;
    color:#fff
}
.twitter-bg{
    background:#3CF;
    color:#fff
}
.google-bg{
    background:#db4437;
    color:#fff
}
.linkedin-bg{
    background:#0177b5;
    color:#fff
}
.pinterest-bg{
    background:#bd081c;
    color:#fff
}
.facebook-bg:hover{
    background:#3b589e;
    color:#fff
}
.twitter-bg:hover{
    background:#56d7fe;
    color:#fff
}
.linkedin-bg:hover{
    background:#1c82ca;
    color:#fff
}
.google-bg:hover{
    background:#dc4e41;
    color:#fff
}
.rss-bg:hover{
    background:#e78733
}
.pinterest-bg:hover{
    background:#a30618;
    color:#fff
}
.nav-sidebar{
    width:340px;
    position:fixed;
    top:0;
    left:-350px;
    max-height:75vh;
    z-index:9999;
    background:#fff;
    color:#fff;
    transition:all 0.3s;
    overflow-y:scroll;
    box-shadow:3px 3px 3px rgb(0 0 0 / .2)
}
.overview-bgi{
    position:relative
}
.overview-bgi:before{
    position:absolute;
    content:'';
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgb(0 0 0 / .6)
}
.delay-02s{
    animation-delay:0.2s;
    -webkit-animation-delay:0.2s
}
.delay-03s{
    animation-delay:0.3s;
    -webkit-animation-delay:0.3s
}
.delay-04s{
    animation-delay:0.4s;
    -webkit-animation-delay:0.4s
}
.delay-05s{
    animation-delay:0.5s;
    -webkit-animation-delay:0.5s
}
.delay-06s{
    animation-delay:0.6s;
    -webkit-animation-delay:0.6s
}
.delay-07s{
    animation-delay:0.7s;
    -webkit-animation-delay:0.7s
}
.delay-08s{
    animation-delay:0.8s;
    -webkit-animation-delay:0.8s
}
.delay-09s{
    animation-delay:0.9s;
    -webkit-animation-delay:0.9s
}
.delay-1s{
    animation-delay:1s;
    -webkit-animation-delay:1s
}
.delay-12s{
    animation-delay:1.2s;
    -webkit-animation-delay:1.2s
}
.delay-15s{
    animation-delay:1.5s;
    -webkit-animation-delay:1.5s
}
.delay-17s{
    animation-delay:1.7s;
    -webkit-animation-delay:1.7s
}
.delay-20s{
    animation-delay:2.0s;
    -webkit-animation-delay:2.0s
}
.btn-sm{
    cursor:pointer;
    padding:7px 12px;
    letter-spacing:1px;
    font-size:11px;
    font-weight:500;
    text-transform:uppercase;
    transition:.5s;
    border-radius:2px;
    border:none;
    color:#fff
}
.btn-sm:hover{
    color:#fff;
    text-decoration:none
}
.btn-md{
    cursor:pointer;
    padding:13px 26px;
    letter-spacing:1px;
    font-size:13px;
    font-weight:500;
    text-transform:uppercase;
    color:#fff;
    transition:.5s;
    border-radius:2px;
    border:none
}
.btn-white{
    padding:14px 40px 12px;
    letter-spacing:1px;
    font-size:16px;
    font-weight:400;
    border:none;
    margin:0!important;
    background:#fff;
    box-shadow:0 0 10px rgb(0 0 0 / .1)
}
.btn-md:hover{
    color:#fff
}
button:focus{
    outline:0 auto -webkit-focus-ring-color
}
.btn-block{
    background:#2f2f2f
}
.btn-block i{
    color:#fff
}
.btn-block-outline{
    color:#FFF;
    background:#fff0;
    border:solid 2px #FFF!important;
    text-transform:uppercase;
    font-weight:500;
    padding:5px 18px!important;
    font-size:12px
}
.btn-block-outline:hover{
    background:#2f2f2f;
    border:solid 2px #2f2f2f!important;
    color:#FFF
}
.pricing-btn{
    padding:6px 30px 5px;
    border-radius:50px;
    font-size:14px;
    font-weight:600;
    letter-spacing:1px
}
.bomd{
    padding:13px 26px;
    letter-spacing:1px;
    font-size:13px;
    font-weight:500;
    text-transform:uppercase;
    transition:.5s;
    border-radius:2px
}
.btn{
    border-radius:2px
}
.btn-sm{
    padding:7px 30px;
    text-transform:uppercase;
    font-size:14px;
    font-weight:500;
    letter-spacing:1.5px
}
.btn-md{
    cursor:pointer;
    padding:15px 30px 14px;
    letter-spacing:1px;
    font-size:14px;
    font-weight:500;
    text-transform:uppercase;
    border-radius:3px
}
.btn-lg{
    cursor:pointer;
    padding:15px 35px 11px 35px;
    letter-spacing:1px;
    font-size:15px;
    font-weight:500
}
.btn:focus,.btn:active,.btn:focus{
    box-shadow:none!important;
    outline:none
}
.signup-link{
    margin-top:26px;
    margin-left:10px;
    padding:7px 20px;
    text-align:center
}
.btn-theme{
    color:#fff;
    font-weight:500
}
.btn-theme:hover{
    color:#FFF
}
.btn-white-sm-outline{
    color:#FFF;
    background:#fff0;
    border:solid 2px #FFF!important;
    text-transform:uppercase;
    font-weight:500;
    padding:5px 18px;
    font-size:12px
}
.btn-white-sm-outline:hover{
    color:#FFF
}
.btn-white-lg-outline{
    color:#FFF;
    background:#fff0;
    border:solid 2px #FFF;
    font-weight:500;
    padding:12px 33px;
    font-size:15px
}
.btn-white-lg-outline:hover{
    color:#FFF
}
.btn-theme-sm-outline{
    color:#FFF;
    border:solid 2px #FFF;
    background:#fff0;
    text-transform:uppercase;
    font-weight:500;
    padding:5px 18px;
    font-size:12px
}
.btn-theme-sm-outline:hover{
    color:#FFF;
    padding:5px 18px
}
.btn-1{
    padding:0 30px;
    line-height:46px;
    position:relative;
    display:inline-block;
    background:none;
    border-radius:0;
    font-weight:600;
    font-size:16px;
    letter-spacing:.5px;
    font-family:'Mulish',sans-serif
}
.btn-1 span{
    position:relative;
    z-index:1
}
.btn-1:hover span{
    color:#fff!important
}
.btn-1:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    display:block;
    background:#fff0;
    -moz-transition:ease all 0.9s;
    -o-transition:ease all 0.9s;
    -webkit-transition:ease all 0.9s;
    transition:ease all 0.9s;
    width:0;
    height:100%
}
.btn-1 span:hover{
    color:#fff!important
}
.btn-1:hover{
    color:#ffffff!important
}
.btn-1:hover:before{
    width:100%;
    color:#fff!important
}
.btn-2{
    color:#fff;
    font-size:16px;
    display:inline-block;
    position:relative;
    z-index:5;
    transition:.9s ease;
    font-weight:600;
    padding:0 30px;
    line-height:46px;
    border-radius:0;
    letter-spacing:.5px;
    font-family:'Mulish',sans-serif
}
.btn-2:before{
    position:absolute;
    content:"";
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0;
    visibility:hidden;
    transition:all .9s ease;
    z-index:-1
}
.btn-2:hover{
    background:transparent!important
}
.btn-2:hover:before{
    width:0;
    opacity:1;
    visibility:visible
}
.btn-2:hover:after{
    width:0;
    opacity:1;
    visibility:visible
}
.btn-3{
    position:relative;
    display:inline-block;
    vertical-align:middle;
    -webkit-appearance:none;
    outline:none!important;
    color:#fff;
    text-transform:capitalize;
    transition:all 0.3s linear;
    z-index:1;
    overflow:hidden;
    padding:0 30px;
    font-weight:600;
    font-size:17px;
    line-height:46px;
    border-radius:0;
    letter-spacing:.5px;
    font-family:'Mulish',sans-serif
}
.btn-3:hover:after{
    transform:perspective(200px) scaleX(1.05) rotateX(0deg) translateZ(0);
    transition:transform 0.9s linear,transform 0.4s linear
}
.btn-3:after{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    content:"";
    transform:perspective(200px) scaleX(.1) rotateX(90deg) translateZ(-10px);
    transform-origin:bottom center;
    transition:transform 0.9s linear,transform 0.4s linear;
    z-index:-1
}
.btn-3:hover{
    color:#fff!important
}
.btn-4{
    position:relative;
    display:inline-block;
    vertical-align:middle;
    -webkit-appearance:none;
    border:none;
    outline:none!important;
    color:#fff;
    text-transform:capitalize;
    transition:all 0.6s linear;
    z-index:1;
    overflow:hidden;
    font-weight:600;
    padding:0 30px;
    line-height:50px;
    border-radius:0;
    letter-spacing:.5px;
    font-family:'Mulish',sans-serif
}
.btn-4:hover{
    color:#fff
}
.btn-4:hover:after{
    transform:perspective(200px) scaleX(1.05) rotateX(0deg) translateZ(0);
    transition:transform 0.6s linear,transform 0.6s linear
}
.btn-4:after{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background:#212529;
    content:"";
    border-radius:0;
    transform:perspective(200px) scaleX(.1) rotateX(90deg) translateZ(-10px);
    transform-origin:bottom center;
    transition:transform 0.6s linear,transform 0.6s linear;
    z-index:-1
}
.btn-6{
    position:relative;
    padding:14px 25px 16px;
    transition:all .2s ease;
    font-size:16px;
    font-weight:600;
    letter-spacing:.5px;
    font-family:'Mulish',sans-serif
}
.btn-6:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    display:block;
    border-radius:25px;
    width:50px;
    height:50px;
    transition:all .3s ease
}
.btn-6 span{
    position:relative;
    vertical-align:middle;
    font-weight:500;
    font-size:16px;
    line-height:50px;
    color:#fff
}
.btn-6:hover:before{
    width:100%;
    border-radius:3px
}
.btn-6:hover span{
    color:#fff
}
.banner .btn-round{
    border-radius:50px;
    padding:0 50px
}
.banner .btn-round2{
    border-radius:50px;
    padding:0 40px
}
.banner .btn-round2:hover:before{
    border-radius:50px
}
.bgburns .slides li:nth-of-type(odd) .slide-background{
    animation:bgburnsEast 25s linear infinite alternate;
    -webkit-animation:bgburnsEast 25s linear infinite alternate
}
.bgburns .slides li:nth-of-type(even) .slide-background{
    animation:bgburnsWest 25s linear infinite alternate;
    -webkit-animation:bgburnsWest 25s linear infinite alternate
}
@keyframes bgburnsEast{
    from{
        transform:scale(1) translateX(0);
        -webkit-transform:scale(1) translateX(0)
    }
    to{
        transform:scale(1.2) translateX(100px);
        -webkit-transform:scale(1.2) translateX(100px)
    }
}
@-webkit-keyframes bgburnsEast{
    from{
        transform:scale(1) translateX(0);
        -webkit-transform:scale(1) translateX(0)
    }
    to{
        transform:scale(1.2) translateX(100px);
        -webkit-transform:scale(1.2) translateX(100px)
    }
}
@keyframes bgburnsWest{
    from{
        transform:scale(1) translateX(0);
        -webkit-transform:scale(1) translateX(0)
    }
    to{
        transform:scale(1.2) translateX(-100px);
        -webkit-transform:scale(1.2) translateX(-100px)
    }
}
@-webkit-keyframes bgburnsWest{
    from{
        transform:scale(1) translateX(0);
        -webkit-transform:scale(1) translateX(0)
    }
    to{
        transform:scale(1.2) translateX(-100px);
        -webkit-transform:scale(1.2) translateX(-100px)
    }
}
@media all and (max-width:767px){
    .flex-direction-nav{
        display:none
    }
    .bgburns .slides li .slide-background{
        -webkit-animation:none!important;
        animation:none!important
    }
}
#page_scroller{
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-name:fadeInRight;
    animation-name:fadeInRight;
    animation-delay:0.3s;
    -webkit-animation-delay:0.3s;
    cursor:pointer;
    color:#FFF;
    padding:10px 11px;
    font-size:12px;
    position:fixed;
    bottom:60px;
    right:25px;
    box-shadow:0 0 12px 0 rgb(0 0 0 / .2);
    border-radius:3px
}
#page_scroller{
    background:#1e3058!important
}
.margin-t-10{
    margin-top:10px;
    font-weight:500
}
.checkbox{
    padding-left:3px;
    margin-bottom:10px
}
.checkbox label{
    display:inline-block;
    position:relative;
    padding-left:10px;
    color:#343434;
    font-size:16px
}
.checkbox label::before{
    content:"";
    display:inline-block;
    position:absolute;
    width:20px;
    height:20px;
    left:0;
    top:2px;
    margin-left:-20px;
    border:2px solid #797979;
    border-radius:0;
    background-color:#fff;
    -webkit-transition:border 0.15s ease-in-out,color 0.15s ease-in-out;
    -o-transition:border 0.15s ease-in-out,color 0.15s ease-in-out;
    transition:border 0.15s ease-in-out,color 0.15s ease-in-out
}
.sidebar .checkbox{
    margin-bottom:5px
}
.sidebar .checkbox:last-child{
    margin-bottom:20px
}
.checkbox-theme input[type="checkbox"]:checked+label::before{
    background-color:#fff
}
input[type=checkbox]:checked+label:before{
    display:inline-block;
    font:normal normal normal 14px/1 FontAwesome;
    font-size:inherit;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    content:"\f00c";
    text-shadow:1px 1px 1px rgb(0 0 0 / .2);
    text-align:center;
    line-height:16px;
    font-weight:300
}
.mtb-50{
    margin:50px 0
}
.mtb-30{
    margin:30px 0
}
.mt-20{
    margin-top:20px
}
.mb-40{
    margin-bottom:40px
}
.mb-35{
    margin-bottom:35px
}
.mb-50{
    margin-bottom:50px!important
}
.mb-30{
    margin-bottom:30px!important
}
.mb-20{
    margin-bottom:20px
}
.mb-10{
    margin-bottom:10px
}
.col-pad{
    padding:0
}
.button-default{
    color:#555;
    background:#DDD
}
.button-default:hover{
    color:#333;
    background:#DDD
}
.button-theme{
    color:#FFF!important;
    outline:none
}
.button-theme:hover{
    color:#fff
}
.read-more{
    font-weight:600;
    font-size:16px
}
.read-more:hover{
    color:#262525
}
.read-more-2{
    margin-top:20px
}
.button-section .btn{
    margin-bottom:5px
}
.form-control:focus{
    border-color:#e0e0e0;
    -webkit-box-shadow:none;
    box-shadow:none
}
.btn.active,.btn:active{
    box-shadow:none
}
.border-btn-sm{
    cursor:pointer;
    padding:5px 12px;
    letter-spacing:1px;
    font-size:11px;
    font-weight:500;
    text-transform:uppercase;
    color:#555;
    background:#DDD;
    transition:.5s;
    border-radius:2px;
    border:none
}
.border-button-default{
    color:#555;
    background:#DDD
}
.border-button-default:hover{
    color:#333;
    background:#DDD
}
.border-button-theme{
    background:#fff0
}
.border-button-theme:hover{
    color:#fff
}
.panel-title{
    text-transform:uppercase;
    font-size:14px;
    font-weight:500
}
.button-section .btn{
    margin-bottom:5px
}
.logo-n{
    display:none
}
.tables-box .table>:not(caption)>*>*{
    padding:20px
}
.tables-box .bg-active{
    background:#f0151f;
    color:#fff
}
.active-items-box .list-group-item{
    padding:12px 20px
}
.active-items-box .list-group-item-action:focus,.list-group-item-action:hover{
    background-color:#fff;
    color:#212529
}
.notice{
    padding:15px 15px;
    background-color:#fff;
    margin-bottom:10px;
    border-radius:2px;
    border:1px solid #eaeff5;
    border-left:4px solid #838992;
    box-shadow:0 0 10px 1px rgb(71 85 95 / .08);
    -webkit-box-shadow:0 0 10px 1px rgb(71 85 95 / .08);
    -moz-box-shadow:0 0 10px 1px rgb(71 85 95 / .08)
}
.notice-success{
    border-left-color:#74ba28
}
.notice-success strong{
    color:#74ba28!important
}
.notice-danger{
    border-left-color:#eb344f
}
.notice-danger strong{
    color:#eb344f
}
.notice-info strong{
    color:#1db4bd
}
.notice-info{
    border-left-color:#1db4bd
}
.notice-warning{
    border-left-color:#fea911
}
.notice-warning strong{
    color:#fea911
}
.notice strong{
    font-weight:600
}
.progress{
    margin-bottom:20px
}
.tab-style-2-line.tabs-below>.nav-tabs>li{
    border-top:4px solid #fff0
}
.tab-style-2-line.tabs-below>.nav-tabs>li>a{
    margin-top:0
}
.tab-style-2-line.tabs-below>.nav-tabs>li:hover{
    border-bottom:0;
    border-top:4px solid #b2b1b1
}
.tab-style-2-line.tabs-below>.nav-tabs>li.active{
    margin-bottom:-2px;
    border-bottom:0;
    border-top:4px solid #b2b1b1
}
.tab-style-2-line.tabs-below>.tab-content{
    margin-top:-10px;
    border-top:0;
    border-bottom:1px solid #eee;
    padding-bottom:15px
}
.main-header .dropdown-menu{
    min-width:15rem;
    padding:0;
    margin:-2px;
    font-size:13px;
    color:#212529;
    border:1px solid #fff0;
    -webkit-transition:opacity .4s ease 0s,visibility .4s linear 0s,-webkit-transform .4s ease 0s;
    transition:opacity .4s ease 0s,visibility .4s linear 0s,-webkit-transform .4s ease 0s;
    transition:opacity .4s ease 0s,transform .4s ease 0s,visibility .4s linear 0s;
    transition:opacity .4s ease 0s,transform .4s ease 0s,visibility .4s linear 0s,-webkit-transform .4s ease 0s;
    border-radius:0
}
.dropdown .dropdown-item:hover>.dropdown-menu{
    -webkit-transition:opacity .4s ease 0s,visibility .4s linear 0s,-webkit-transform .4s ease 0s;
    transition:opacity .4s ease 0s,visibility .4s linear 0s,-webkit-transform .4s ease 0s;
    transition:opacity .4s ease 0s,transform .4s ease 0s,visibility .4s linear 0s;
    transition:opacity .4s ease 0s,transform .4s ease 0s,visibility .4s linear 0s,-webkit-transform .4s ease 0s
}
.main-header .dropdown-menu a{
    padding:12px 20px;
    color:#343434;
    transition:all .3s ease-in-out;
    text-transform:none;
    font-weight:500;
    font-size:15px
}
.main-header .dropdown-menu a:hover{
    background:#fff0;
    -webkit-transform:translateX(5px);
    transform:translateX(5px)
}
.inline-search-small{
    width:350px;
    margin-left:15px
}
.inline-search-small .inline-search-area .dropdown-toggle::after{
    margin-left:-6px;
    top:20px
}
.inline-search-small .inline-search-area .search-col .form-control{
    padding-top:10px
}
.megamenu-li{
    position:static
}
.megamenu{
    position:absolute;
    width:100%;
    left:0;
    right:0;
    padding:15px
}
.megamenu-area{
    padding:30px 30px 5px;
    z-index:2
}
.megamenu-title{
    color:#343434;
    font-size:16px;
    font-weight:500;
    border-bottom:1px solid #eee;
    padding-bottom:10px;
    margin-bottom:15px
}
.megamenu-section{
    margin-bottom:25px
}
.megamenu-area .dropdown-item{
    padding:0px!important;
    margin-bottom:12px;
    font-size:12px;
    font-weight:500
}
.megamenu-section p{
    font-size:13px;
    color:#777
}
#banner{
    position:relative
}
#banner3{
    position:relative
}
#banner3 .carousel-content{
    align-self:center!important
}
.banner{
    font-family:'Poppins',sans-serif
}
.carousel-control-next,.carousel-control-prev{
    position:absolute;
    top:0;
    bottom:0;
    width:0
}
.banner-bg{
    background:url(../img/banner-1.jpg)
}
.item-bg{
    height:100vh
}
.banner img{
    height:100vh;
    width:inherit
}
.banner-min-height{
    height:100vh
}
.banner-max-height img{
    height:100vh
}
.banner .infos{
    margin-top:70px
}
.banner .carousel-control-next,.carousel-control-prev{
    opacity:1
}
.carousel-item .text-right{
    float:right
}
.banner .text-r{
    text-align:right
}
.banner .text-l{
    text-align:left
}
.banner .banner-slider-inner h1{
    color:#fff;
    margin-bottom:40px;
    font-size:58px;
    letter-spacing:normal
}
.banner .banner-slider-inner h2{
    color:#fff;
    margin-bottom:15px;
    font-size:55px;
    font-weight:600;
    letter-spacing:normal
}
.banner .banner-slider-inner h3{
    color:#fff;
    margin-bottom:25px;
    font-size:55px;
    font-weight:600;
    letter-spacing:normal
}
.banner .banner-slider-inner .max-w{
    max-width:490px
}
.banner .banner-slider-inner p{
    color:#fff;
    line-height:1.8;
    font-size:18px;
    font-weight:400;
    margin-bottom:30px;
    font-family:'Mulish',sans-serif
}
.banner_video_bg .banner-slider-inner p{
    margin-bottom:25px
}
.banner .banner-slider-inner h1 span{
    font-weight:900
}
.banner .banner-slider-inner .typed-text{
    font-size:62px
}
.banner .banner-slider-inner{
    display:inline-block;
    text-shadow:none;
    right:0%;
    left:0%;
    width:100%;
    height:100%;
    bottom:0;
    background-color:rgb(36 42 53 / .4)
}
.banner .banner-slider-inner .btn{
    margin:0 3px 3px
}
.banner .carousel-bg .carousel-item{
    height:100vh;
    background:#3e4a5b
}
.banner_video_bg{
    height:100vh
}
.banner-btn{
    display:none
}
.banner_video_bg .carousel-item{
    height:100vh
}
#particles-banner{
    width:100%;
    height:100vh;
    background-color:rgb(36 42 53 / .7);
    position:absolute
}
#particles-banner-wrapper .banner-slider-inner{
    background-color:#fff0
}
.banner-sty-2 .banner-slider-inner h1{
    font-size:50px
}
.banner .carousel-control-next,.carousel-control-prev{
    width:65px;
    height:65px;
    line-height:65px;
    z-index:100;
    background:#15151530;
    top:45%;
    margin:10px;
    color:#fff;
    opacity:1;
    border-radius:100px
}
.banner .carousel-control-next-icon,.carousel-control-prev-icon{
    display:inline-block;
    width:1.4rem;
    height:1.4rem;
    background-repeat:no-repeat;
    background-position:50%;
    background-size:100% 100%
}
.banner .typing>*{
    overflow:hidden;
    white-space:nowrap;
    animation:typingAnim 3s steps(50)
}
@keyframes typingAnim{
    from{
        width:0
    }
    to{
        width:100%
    }
}
.details-banner{
    padding:0;
    position:relative
}
.details-banner .slick-slide img{
    display:initial
}
.details-banner .slide-box{
    padding:0;
    cursor:pointer
}
.details-banner img{
    width:100%;
    height:450px
}
.details-banner .banner-img:before{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:rgb(0 0 0 / .18);
    content:"";
    z-index:1;
    opacity:.1;
    background:linear-gradient(0,#0003917a,#fff0)
}
.details-banner .slick-arrow{
    display:none!important
}
.property-info{
    position:relative;
    width:100%;
    height:auto;
    top:-65px
}
.property-info .property-info-inner{
    padding:30px 15px;
    box-shadow:0 0 10px rgb(0 0 0 / .1);
    background:#fff
}
.property-info .col-pad{
    padding:0
}
.property-info .property-info-inner img{
    width:100%
}
.property-info .property-info-inner ul{
    width:100%;
    display:inline-block
}
.property-info .property-info-inner ul li{
    float:left;
    font-size:16px;
    margin:0 20px 3px 0
}
.property-info .property-info-inner ul li i{
    margin-right:0
}
.property-info .property-info-inner p{
    font-size:16px;
    margin-bottom:0
}
.property-info .property-info-inner .for-sale{
    padding:4px 20px;
    border-radius:3px;
    color:#fff;
    font-size:15px;
    display:inline-block;
    margin-bottom:10px
}
.property-info .property-info-inner .content{
    padding:30px 30px 0
}
.property-info .photo{
    padding-left:30px
}
.property-info .property-info-inner h2{
    font-size:30px;
    margin-bottom:15px;
    font-weight:500
}
.property-info .property-info-inner h2 span small{
    color:#262525
}
.pr-2{
    top:0;
    margin-bottom:50px
}
.pr-2 .property-info-inner h2{
    font-size:22px;
    margin-bottom:15px
}
.pr-2 .property-info-inner .content{
    padding:0 30px 0
}
.pr-2 .property-info-inner .for-sale{
    padding:4px 15px;
    font-size:13px;
    margin-bottom:10px
}
.pr-2 .property-info-inner ul li i{
    margin-right:2px
}
.pr-2 .property-info-inner ul li{
    font-size:15px;
    margin:0 15px 3px 0
}
.pr-2 .property-info-inner p{
    font-size:15px
}
#search-style-1{
    transition:all 0.4s
}
#search-style-2{
    position:absolute
}
.search-area .range-slider{
    margin-top:10px;
    margin-bottom:20px
}
.search-area-2{
    z-index:999;
    padding:30px 30px 0 30px
}
.search-area-2 .range-slider{
    margin-top:7px;
    margin-bottom:25px
}
.search-area-2 .form-control{
    width:100%;
    padding:10px 17px;
    font-size:13px;
    border:1px solid #e8e7e7;
    color:#999;
    height:40px;
    border-radius:0
}
#search-area-3{
    transition:all 0.4s;
    position:absolute;
    bottom:-59.5px;
    width:100%
}
.search-area-3 .range-slider{
    margin-top:7px;
    margin-bottom:25px
}
.search-area-3 .ssa{
    padding:30px 30px 10px;
    box-shadow:0 0 10px rgb(0 0 0 / .1);
    background:#fff
}
.search-area-3 .ssa .col-pad2{
    padding:0 7.5px
}
.search-area-3 .ssa .bootstrap-select button{
    line-height:55px
}
.search-area-3 .ssa .search-button{
    cursor:pointer;
    color:#FFF;
    transition:.5s;
    border:none;
    width:100%;
    padding:17.5px 30px 16.5px;
    letter-spacing:.5px;
    font-size:14px;
    font-weight:600;
    text-transform:uppercase;
    border-radius:3px;
    font-family:'Mulish',sans-serif
}
.search-area-3 .ssa .form-control{
    min-height:57px;
    border:1px solid #fff;
    background:#ffffff!important;
    border-radius:0!important;
    font-size:15px
}
.search-button-black{
    background:#000;
    cursor:pointer;
    color:#FFF;
    transition:.5s;
    border:none;
    width:100%;
    padding:18.5px 30px 17.5px;
    letter-spacing:.5px;
    font-size:14px;
    font-weight:600;
    text-transform:uppercase;
    border-radius:0;
    font-family:'Mulish',sans-serif
}
.search-button-black:hover{
    background:#000000d1
}
.search-area-3 .search-fields{
    border:1px solid #fff;
    background:#fff!important
}
.search-area-3 .form-group{
    margin-bottom:20px
}
.new-search h5{
    margin:0 0 20px
}
.new-search{
    padding:30px 0 20px;
    text-align:left;
    margin-bottom:40px
}
.bg-grea{
    background:#f9f9f8
}
.bg-grea-2{
    background:#f8f9fa
}
.bg-grea-3{
    background:#f9f9f8
}
.search-area-inner{
    margin:0 auto
}
.search-contents{
    border-radius:4px;
    transition:0.9s ease-out
}
.show-search-area{
    z-index:20;
    . search-contents transition:all .4 s;
    display:block
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option{
    display:inline-block;
    overflow:hidden;
    width:100%;
    text-align:left;
    font-size:13px;
    color:#777;
    font-weight:400
}
.search-options-btn-area{
    text-align:center;
    border-bottom:0;
    position:absolute;
    bottom:-35px;
    width:100%;
    z-index:9
}
.search-options-btn,.search-options-btn:hover{
    font-weight:400;
    z-index:9;
    bottom:0;
    font-size:15px;
    font-family:'Jost',sans-serif;
    color:#fff
}
.search-options-btn h5{
    color:#fff;
    margin-bottom:20px;
    font-weight:400;
    font-family:'Mulish',sans-serif
}
.search-options-btn i{
    width:70px;
    height:70px;
    line-height:70px;
    text-align:center;
    z-index:9;
    border-radius:100px;
    font-size:20px;
    font-weight:300
}
.search-options-btn-area2{
    transition:all 0.4s;
    position:relative;
    bottom:70px;
    width:100%;
    z-index:999;
    text-align:center
}
.search-options-btn-area2 h3{
    color:#fff;
    font-weight:400;
    font-size:20px;
    margin-bottom:16px
}
.search-options-btn-area3{
    padding:20px 0
}
.search-options-btn-area3 .new-search{
    margin-bottom:0
}
.search-options-icon .accordion-button{
    width:60px;
    height:60px;
    margin:0 auto 15px;
    border-radius:100%!important
}
.search-options-icon .accordion-item{
    background-color:#fff0;
    border:none
}
.search-options-icon .accordion-button:focus{
    box-shadow:none
}
.search-options-icon .accordion-button:not(.collapsed)::after{
    background-image:url(../img/down-2.png);
    transform:rotate(-180deg)
}
.search-options-icon .accordion-button::after{
    flex-shrink:0;
    width:1.25rem;
    height:1rem;
    margin-left:auto;
    margin-right:auto;
    content:"";
    background-image:url(../img/up.png)
}
.search-options-icon .accordion-body{
    background:#fff0;
    padding:0
}
.search-area label{
    font-size:16px;
    color:#555;
    font-weight:500
}
.search-area .form-group{
    margin-bottom:20px
}
.search-fields{
    min-height:45px;
    border-radius:1px;
    box-shadow:none;
    border:1px solid #e0e0e0;
    background:transparent!important;
    font-size:13px
}
.form-control{
    padding-left:15px!important
}
.search-fields button{
    border-radius:1px;
    box-shadow:none;
    border:none!important;
    background:#fff!important
}
.search-button{
    cursor:pointer;
    color:#FFF;
    transition:.5s;
    border:none;
    width:100%;
    padding:15px 30px 14px;
    letter-spacing:.5px;
    font-size:14px;
    font-weight:600;
    text-transform:uppercase;
    border-radius:3px;
    font-family:'Mulish',sans-serif
}
.search-button:hover{
    color:#fff
}
.btn-round-3{
    border-radius:3px
}
.new-search .form-control{
    min-height:52px;
    border-radius:1px;
    border:1px solid #e0e0e0;
    background:#ffffff!important;
    font-size:15px
}
.inline-search-area{
    padding:10px 25px;
    background-color:rgb(255 255 255 / .2);
    border-radius:5px
}
.inline-search-area .search-col{
    padding:0;
    position:relative;
    border-right:solid 1px #d2d2d2
}
.inline-search-area .sc2{
    border-right:none
}
.inline-search-area .icon-append{
    color:#949494;
    font-size:15px;
    left:10px;
    position:absolute;
    top:18px
}
.inline-search-area .search-col:first-child .form-control{
    border-radius:3px 0 0 3px!important
}
.inline-search-area .search-col .form-control,.inline-search-area button.btn-search{
    border-radius:0;
    border:0;
    height:60px;
    margin-bottom:0;
    font-size:15px;
    color:#777
}
.inline-search-area .search-col .form-control{
    padding-top:12px
}
.inline-search-area button.btn-search{
    padding-top:10px
}
.inline-search-area .btn-search{
    margin:0px!important
}
.inline-search-area .btn-search{
    border-radius:0 3px 3px 0!important
}
.inline-search-area .has-icon{
    padding-left:40px!important
}
.inline-search-area .btn-search strong{
    color:#fff;
    margin-left:5px
}
.inline-search-area .search-fields,.inline-search-area .search-fields:hover{
    border:none;
    padding:0!important
}
.inline-search-area .bootstrap-select button{
    padding:12px 15px 12px 15px!important;
    border-radius:0;
    line-height:60px;
    height:60px;
    margin:0!important
}
.inline-search-area .bootstrap-select .dropdown-toggle .filter-option{
    padding:0 10px
}
.inline-search-area .dropdown-toggle::after{
    right:10px;
    top:30px;
    position:absolute
}
.inline-search-area .search-button{
    cursor:pointer;
    color:#FFF;
    transition:.5s;
    border:none;
    width:100%;
    padding:15px 30px 14px;
    letter-spacing:.5px;
    font-size:14px;
    font-weight:600;
    text-transform:uppercase;
    border-radius:0 3px 3px 0;
    height:60px;
    font-family:'Mulish',sans-serif
}
.inline-search-area .form-group{
    margin-bottom:0
}
.inline-search-area .bootstrap-select .dropdown-menu{
    border:#fff0
}
.inline-search-area .bootstrap-select .dropdown-menu{
    margin:-1px 0!important;
    border:#fff0
}
.btn-light{
    color:#757575!important
}
.main-header .inline-search-area .dropdown-menu .dropdown-item:hover{
    -webkit-transform:none;
    transform:none
}
.banner .tab-btn .nav-item .nav-link{
    position:relative;
    display:block;
    padding:6px 24px 5px;
    background:#fff;
    border-radius:3px;
    margin:0 2px;
    font-weight:400;
    border:none;
    color:#37404d
}
.banner .tab-btn .nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{
    color:#555;
    cursor:default;
    border:none;
    padding:7px 25px 6px!important;
    background:#fff;
    border-radius:5px;
    font-weight:400
}
.banner .tab-btn .nav-item .nav-link.active{
    color:#fff
}
.banner .tab-btn .nav-tabs{
    border-bottom:1px solid #fff0;
    text-align:center!important;
    margin-bottom:15px
}
.inline-search-area .btn-light:hover{
    color:#777
}
.inline-search-area .bootstrap-select .dropdown-toggle .filter-option{
    position:absolute;
    top:0
}
.filteriz-navigation{
    padding:0;
    margin:0 0 25px 0;
    text-align:center
}
.filteriz-navigation li{
    font-size:15px;
    color:#343434;
    text-align:center;
    font-weight:500;
    padding:6px 25px 6px 25px;
    border:0;
    margin-bottom:5px;
    cursor:pointer;
    border-radius:3px!important;
    background:white!important;
    box-shadow:0 0 5px rgb(0 0 0 / .1)!important
}
.filteriz-navigation .btn:focus,.btn:active,.btn:focus{
    box-shadow:0 0 5px rgb(0 0 0 / .1)!important
}
.portfolio-item,.portfolio-item:focus{
    outline:none;
    margin-bottom:30px;
    position:relative;
    cursor:pointer
}
.portfolio-item img,.portfolio-item img:focus{
    outline:none;
    width:100%;
    height:100%
}
.portfolio-item:hover img{
    zoom:1;
    filter:alpha(opacity=20);
    -webkit-opacity:.1;
    opacity:.3
}
.portfolio-item:hover .portfolio-content{
    display:inline;
    -webkit-transition-delay:0.50s;
    transition-delay:0.50s;
    background-color:rgb(0 0 0 / .9);
    color:#fff!important;
    z-index:-999
}
.portfolio-content{
    display:none;
    top:0;
    width:100%;
    text-align:center;
    padding:20px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-transition:all 0.8s ease;
    transition:all 0.8s ease;
    text-transform:uppercase;
    color:#1c1c1c;
    height:100%;
    position:absolute;
    right:0
}
.portfolio-content-inner{
    position:relative;
    top:50%;
    transform:translateY(-50%)
}
.portfolio-content p{
    font-size:14px;
    font-weight:500;
    letter-spacing:1px;
    color:#fff
}
.overview-box p{
    color:#333;
    -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter:alpha(opacity=0);
    opacity:0;
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-transition:all 0.5s linear;
    transition:all 0.5s linear
}
.overview{
    z-index:9;
    cursor:default;
    overflow:hidden;
    text-align:center;
    position:relative;
    margin-bottom:16px;
    box-shadow:0 0 3px #ddd
}
.overview .mask,.overview .content{
    width:100%;
    height:100%;
    position:absolute;
    overflow:hidden;
    top:25%;
    left:0
}
.overview img{
    display:block;
    position:relative;
    width:100%;
    height:232px
}
.overview .big-img{
    height:480px
}
.overview-box img{
    left:10px;
    margin-left:-10px;
    position:relative;
    -webkit-transition:all 0.6s ease-in-out;
    transition:all 0.6s ease-in-out;
    border:none
}
.overview-box:hover>img{
    -webkit-transform:scale(2) rotate(10deg);
    transform:scale(2) rotate(10deg);
    -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter:alpha(opacity=30);
    opacity:.3
}
.overview h2{
    text-transform:uppercase;
    color:#fff;
    text-align:center;
    position:relative;
    font-size:18px;
    padding:10px;
    background:rgb(0 0 0 / .8);
    margin:20px 0 0 0;
    text-shadow:none
}
.overview-box h2{
    color:#333;
    margin:0 20px 0;
    background:#fff0;
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-transition:all 0.5s linear;
    transition:all 0.5s linear;
    -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter:alpha(opacity=0);
    opacity:0
}
.overview a.btn{
    display:inline-block;
    overflow:hidden;
    text-transform:uppercase
}
.overview-box a.btn{
    -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter:alpha(opacity=0);
    opacity:0;
    -webkit-transform:scale(0);
    transform:scale(0);
    transition:all 0.5s linear;
    padding:4px 20px
}
.overview-box:hover h2,.overview-box:hover p,.overview-box:hover a.btn{
    -webkit-transform:scale(1);
    transform:scale(1);
    -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100);
    opacity:1
}
.most-popular-places .col-pad{
    padding:0 8px
}
.bootstrap-select{
    width:100%!important;
    font-family:'Roboto',sans-serif!important
}
.bootstrap-select button{
    color:#757575;
    border-radius:3px;
    outline:none;
    line-height:50px;
    padding:0 15px 0 15px
}
.bootstrap-select button:hover{
    color:#757575
}
.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{
    color:#757575;
    background-color:#dae0e5;
    border:1px solid #cac8c8;
    box-shadow:none!important
}
.bootstrap-select .dropdown-menu li{
    padding:0
}
.bootstrap-select .dropdown-menu li a{
    padding:10px
}
.bootstrap-select .dropdown-menu{
    padding:0!important;
    margin:0 0!important;
    border-radius:0!important;
    border:solid 1px #e0e0e0;
    border-top:none
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{
    margin-top:12px
}
.bootstrap-select .dropdown-menu li a{
    padding:10px;
    font-weight:400;
    font-size:15px;
    outline:none;
    border:0!important;
    background:#fff
}
.bootstrap-select .dropdown-menu li a:hover{
    border:none;
    font-size:15px;
    font-weight:400;
    color:#fff!important
}
.bootstrap-select .dropdown-menu li a span:hover{
    color:#fff!important
}
.bootstrap-select .btn-default.active,.bootstrap-select .btn-default:active,.bootstrap-select .open>.dropdown-toggle.btn-default{
    color:#333;
    background-color:#eee;
    border-color:transparent!important;
    box-shadow:none!important
}
.bootstrap-select .btn-default:hover{
    background:transparent!important;
    color:#777!important;
    box-shadow:none!important
}
.bootstrap-select .dropdown-menu li a span.text a:hover{
    color:#fff!important
}
.bootstrap-select .dropdown-menu li.active:hover{
    color:#fff!important
}
.bootstrap-select .dropdown-menu li.active a:hover{
    color:#fff!important
}
.bootstrap-select .btn-default.active,.bootstrap-select .btn-default:active,.bootstrap-select .open>.dropdown-toggle.btn-default{
    color:#333;
    background-color:transparent!important;
    border-color:#adadad
}
.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{
    color:#333;
    background-color:transparent!important;
    box-shadow:none!important;
    border-color:#adadad
}
.bootstrap-select .dropdown-toggle:focus{
    outline:none!important
}
.bootstrap-select .dropdown-menu>.active>a,.bootstrap-select .dropdown-menu>.active>a:focus,.bootstrap-select .dropdown-menu>.active>a:hover{
    text-decoration:none;
    outline:0
}
.bootstrap-select .bs-actionsbox,.bootstrap-select .bs-donebutton,.bs-searchbox{
    padding:4px 8px;
    background:#EEE;
    border-bottom:1px solid #d5d5d5
}
.bootstrap-select .bs-searchbox .form-control{
    margin-bottom:0;
    width:100%;
    float:none;
    height:36px;
    border:1px solid #ddd;
    box-shadow:none
}
.bootstrap-select .dropdown-toggle .filter-option-inner{
    overflow:hidden;
    font-size:15px
}
.bootstrap-select .dropdown-menu li a:hover .text{
    color:#fff
}
.bootstrap-select .dropdown-menu li a.active:hover .text{
    color:#fff
}
.main-title{
    text-align:center;
    max-width:700px;
    margin:0 auto 50px
}
.sec-title{
    margin-bottom:10px
}
.main-title h1{
    font-size:33px;
    font-weight:600;
    margin-bottom:15px
}
.main-title h1.mb-30{
    margin-bottom:30px
}
.main-title p{
    font-weight:600;
    font-size:18px;
    margin-bottom:5px
}
.main-title-2 h1{
    font-size:33px;
    font-weight:600;
    margin-bottom:15px
}
.main-title-2 p{
    font-weight:600;
    font-size:18px;
    margin-bottom:5px
}
.mt2 h1{
    color:#fff!important;
    z-index:999
}
.mt3{
    text-align:left;
    margin-bottom:20px
}
.mt3 h1{
    margin-bottom:0
}
.main-title-3{
    margin-bottom:35px
}
.main-title-3 h1{
    font-size:33px;
    font-weight:600;
    margin-bottom:5px;
    text-transform:uppercase
}
.main-title-3 .title-border{
    height:5px;
    width:120px;
    background:#fff0;
    border-radius:10px;
    margin:0 auto 0 0
}
.main-title-3 .title-border-inner{
    height:5px;
    width:15px;
    animation:pulse 3s ease infinite alternate,nudge 5s linear infinite alternate;
    border-radius:10px;
    float:left;
    margin:0 5px
}
.main-title-3 .title-border.tb2{
    margin:0 auto 0 0
}
@keyframes nudge{
    0%,100%{
        transform:translate(0,0)
    }
    50%{
        transform:translate(50px,0)
    }
    80%{
        transform:translate(20px,0)
    }
}
.main-title-4{
    margin-bottom:50px;
    text-align:center
}
.main-title-4 h1{
    font-size:33px;
    font-weight:600;
    margin-bottom:10px;
    text-transform:uppercase
}
.main-title-4 p{
    /*font-size:18px;*/
     font-size:16px;
    margin-bottom:0;
    font-weight:400
}
.property-box{
    position:relative;
    margin-bottom:30px;
    box-shadow:0 0 10px rgb(0 0 0 / .1);
    background:#fff;
    overflow:hidden;
    -webkit-transition:all 0.5s;
    transition:all 0.9s
}
.property-box:hover{
    box-shadow:0 0 5px rgb(0 0 0 / .1);
    -webkit-transform:translateY(-5px);
    transform:translateY(-5px)
}
.property-box .property-overflow{
    position:relative;
    transform:scale(1);
    transition:1s
}
.property-box .property-thumbnail{
    overflow:hidden;
    position:relative
}
.property-box:hover .property-overflow{
    transform:scale(1.2)
}
.property-box:hover .featured{
    background:#fff
}
.property-box:hover .listing-time{
    background:#fff
}
.property-box:hover .price-ratings-box .price{
    color:#fff
}
.property-box .carousel-indicators li{
    width:10px;
    height:10px
}
.property-box .carousel-indicators{
    right:0;
    bottom:0;
    left:0
}
.property-thumbnail{
    position:relative
}
.property-thumbnail:before{
    content:"";
    top:0;
    position:absolute;
    height:100%;
    width:100%;
    z-index:9;
    border-radius:4px 4px 0 0;
    opacity:1
}
.property-box .detail{
    padding:25px 25px 20px;
    background:#fff
}
.property-box .detail .title{
    font-size:22px;
    font-weight:500;
    margin-bottom:10px
}
.property-box .detail .title a:hover{
    color:#343a40
}
.property-box .detail .location{
    margin:0 0 15px;
    font-size:15px
}
.property-box .detail .location i{
    margin-right:2px
}
.property-box .detail .location a{
    color:#343434
}
.property-box .facilities-list li{
    list-style:none;
    width:50%;
    float:left;
    font-weight:400;
    line-height:32px;
    font-size:15px
}
.property-box .facilities-list li i{
    margin-right:2px
}
.property-box .footer{
    border-top:1px solid #e5e5e5;
    background:#fff;
    padding:12px 25px
}
.property-box .footer .agent{
    position:relative
}
.property-box .footer .user-name{
    padding-left:60px
}
.property-box .footer .user-name p{
    line-height:50px;
    font-size:15px;
    margin-bottom:0
}
.property-box .footer .user-name p a{
    color:#343434
}
.property-box .footer .days p{
    line-height:50px;
    font-size:15px;
    margin-bottom:0
}
.property-box .footer .user{
    border-radius:50%;
    height:50px;
    width:50px;
    position:absolute
}
.property-box .footer .user img{
    border-radius:50%;
    height:50px;
    width:50px;
    position:absolute
}
.listing-time{
    position:absolute;
    top:20px;
    left:20px;
    z-index:20;
    font-size:14px;
    color:#fff;
    background:rgb(23 23 23 / .298039);
    border-radius:3px;
    padding:6px 15px 4px;
    font-weight:400
}
.price-ratings-box{
    color:#fff;
    position:absolute;
    bottom:15px;
    right:15px;
    z-index:20;
    text-align:right
}
.price-ratings-box .price{
    font-weight:600;
    font-size:18px;
    margin:0;
    color:#fff
}
.price-ratings-box .price span{
    color:#fff;
    font-size:13px;
    font-weight:500
}
.listing-badges{
    position:absolute;
    top:0;
    z-index:99;
    right:0;
    width:100%;
    display:block;
    font-size:15px;
    padding:0;
    overflow:hidden;
    height:100px
}
.listing-badges .featured{
    float:left;
    transform:rotate(-45deg);
    left:-67px;
    top:17px;
    position:relative;
    text-align:center;
    width:200px;
    font-size:14px;
    margin:0;
    padding:6px 10px;
    font-weight:400;
    color:#fff;
    box-shadow:1px 2px 3px 0 rgb(2 0 0 / .2)
}
.slick-slider-area{
    position:relative
}
.slick-slide-item{
    padding:0 15px
}
.slick-arrow-buton{
    background:#fff;
    width:30px;
    height:60px;
    position:absolute;
    z-index:999;
    top:43%;
    text-align:center;
    line-height:60px;
    cursor:pointer;
    opacity:1;
    border-radius:50px;
    box-shadow:0 0 10px rgb(0 0 0 / .1)
}
.slick-arrow-buton i{
    font-size:20px
}
.slick-arrow-buton:hover{
    color:#fff;
    opacity:1
}
.slick-prev{
    left:-15px
}
.slick-next{
    right:-15px
}
.slick-slide,.slick-slide:focus *{
    outline:none!important
}
*:focus{
    outline:none!important
}
.property-box-2{
    margin-bottom:30px;
    overflow:hidden;
    box-shadow:0 0 10px rgb(0 0 0 / .1);
    position:relative;
    width:100%
}
.property-box-2:hover{
    box-shadow:0 0 5px rgb(0 0 0 / .1)
}
.property-box-2 .detail .title{
    font-size:22px;
    margin-bottom:10px;
    font-weight:500
}
.property-box-2 .property-img img{
    width:100%;
    height:261px
}
.property-box-2 .property-overflow{
    position:relative;
    transform:scale(1);
    transition:1s
}
.property-box-2 .property-thumbnail{
    overflow:hidden;
    position:relative
}
.property-box-2:hover .property-overflow{
    transform:scale(1.2)
}
.property-box-2:hover .property-thumbnail:before{
    background:linear-gradient(0,#154ef0c9,#fff0);
    opacity:.8
}
.property-box-2:hover .price-ratings-box .price{
    color:#fff
}
.property-box-2:hover .featured{
    background:#fff
}
.property-box-2:hover .listing-time{
    background:#fff
}
.property-box-2 .property-img:before{
    content:"";
    top:0;
    position:absolute;
    height:100%;
    width:100%;
    z-index:9;
    background:linear-gradient(to top,rgb(35 35 37 / .5) 0%,rgb(35 35 37 / .1) 35%,#fff0 60%,#fff0 100%);
    border-radius:4px 4px 0 0;
    opacity:1
}
.property-box-2 .detail .title a:hover{
    color:#343a40
}
.property-box-2 .detail{
    padding:25px 25px 20px
}
.property-box-2 .detail .location{
    margin:0 0 15px;
    font-size:15px
}
.property-box-2 .detail .location a{
    color:#343434;
    font-size:15px
}
.property-box-2 .detail .location i{
    margin-right:2px
}
.property-box-2 .facilities-list li{
    width:50%;
    float:left;
    font-size:15px;
    line-height:32px
}
.property-box-2 .facilities-list li i{
    margin-right:2px
}
.property-box-2 .footer{
    border-top:1px solid #e5e5e5;
    padding:12px 25px
}
.property-box-2 .footer .agent{
    position:relative
}
.property-box-2 .footer .user-name{
    padding-left:60px
}
.property-box-2 .footer .user-name p{
    line-height:50px;
    font-size:15px;
    margin-bottom:0
}
.property-box-2 .footer .user-name p a{
    color:#343434
}
.property-box-2 .footer .days p{
    line-height:50px;
    font-size:15px;
    margin-bottom:0
}
.property-box-2 .footer .user{
    border-radius:50%;
    height:50px;
    width:50px;
    position:absolute
}
.property-box-2 .footer .user img{
    border-radius:50%;
    height:50px;
    width:50px;
    position:absolute
}
.map-content-sidebar .property-box-2 .listing-badges .featured{
    left:-37px
}
.property-box-2 .listing-time{
    position:absolute;
    z-index:9;
    top:20px;
    left:20px
}
.property-box-2 .footer{
    bottom:0;
    z-index:20;
    width:100%
}
.property-box-2 .fb{
    width:97.55%
}
.property-box-4{
    position:relative;
    z-index:0;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    transition:0.3s cubic-bezier(.24,.74,.58,1);
    width:100%!important;
    margin-bottom:30px;
    overflow:hidden
}
.property-box-4 .team-overflow{
    overflow:hidden
}
.property-box-4 .property-photo{
    position:relative;
    transform:scale(1);
    transition:1s
}
.property-box-4:hover .property-photo{
    transform:scale(1.2)
}
.property-box-4 .property-photo:before{
    content:"";
    top:0;
    position:absolute;
    height:100%;
    width:100%;
    z-index:9;
    background:linear-gradient(to top,rgb(35 35 37 / 77%) 0%,rgb(35 35 37 / 39%) 35%,rgb(22 22 23 / 23%) 60%,#fff0 100%);
    border-radius:0;
    opacity:1
}
.property-box-4:hover .property-photo:before{
    background:linear-gradient(0,#0032c1,#fff0);
    opacity:.8
}
.property-box-4 h3{
    -webkit-transition:.4s;
    transition:.4s;
    margin:0 0 12px;
    color:#fff;
    font-weight:400;
    font-size:22px
}
.property-box-4 .ling-section{
    position:absolute;
    bottom:25px;
    padding-right:25px;
    padding-left:25px;
    width:100%
}
.property-box-4 h3 a{
    color:#fff
}
.property-box-4 h3 a:hover{
    color:#fff;
    opacity:.9
}
.property-box-4 .read-more-btn{
    display:inline-block;
    position:absolute;
    bottom:0;
    left:87px;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    opacity:0;
    visibility:hidden;
    -webkit-transition:.6;
    transition:.6;
    font-size:15px;
    font-weight:500;
    text-align:left;
    padding:9.5px 22px;
    border-radius:3px;
    background:#fff
}
.property-box-4 .read-more-btn::before{
    content:'';
    position:absolute;
    width:0;
    -webkit-transition:.5s
}
.property-box-4 .facilities-list{
    display:inline-block;
    -webkit-transition:.4s;
    transition:.4s
}
.property-box-4 .facilities-list li{
    list-style:none;
    float:left;
    margin-right:20px;
    line-height:30px;
    font-size:15px;
    font-weight:400;
    font-family:'Montserrat',sans-serif;
    color:#fff
}
.property-box-4 .facilities-list li i{
    margin-right:5px
}
.property-box-4:hover .facilities-list li i{
    color:#fff
}
.property-box-4 .facilities-list li strong{
    color:#fff;
    font-weight:500
}
.property-box-4 .facilities-list li:last-child{
    padding-right:0;
    margin-right:0;
    border-right:none
}
.property-box-4:hover .read-more-btn{
    opacity:1;
    visibility:visible;
    bottom:0;
    text-align:left
}
.property-box-4:hover .featured{
    background:#fff
}
.property-box-4:hover .listing-time{
    background:#fff
}
.property-box-4:hover h3{
    -webkit-transform:translateY(-50px);
    transform:translateY(-50px)
}
.property-box-4:hover .facilities-list{
    -webkit-transform:translateY(-50px);
    transform:translateY(-50px)
}
.property-box-5 img{
    height:500px
}
.property-box-5 .detail{
    max-width:350px!important;
    padding:30px;
    border-radius:5px;
    -webkit-box-shadow:0 0 0 1px rgb(255 255 255 / .2);
    box-shadow:0 0 0 1px rgb(255 255 255 / .2);
    background:#fff;
    text-align:left
}
.property-box-5 .detail ul{
    margin-bottom:20px
}
.property-box-5 .detail .location{
    margin-bottom:20px
}
.property-box-5 .detail ul li{
    font-weight:400;
    font-size:15px;
    line-height:30px;
    width:50%;
    float:left
}
.property-box-5 .detail ul li strong{
    font-weight:500
}
.property-box-5 .detail ul li a{
    color:#fff
}
.property-box-5 .detail h3{
    font-weight:500;
    font-size:27px;
    margin-bottom:10px
}
.property-box-5 .detail h3 a:hover{
    color:#262525
}
.property-box-5 .carousel-caption{
    right:0;
    bottom:0;
    left:0;
    top:0;
    padding:117px 30px
}
.property-box-5 .carousel-item{
    border-radius:10px
}
.property-box-5 .btn-3{
    padding:0 25px 0 25px;
    line-height:38px
}
.property-box-5 .carousel-indicators [data-bs-target]{
    width:12px;
    height:12px;
    opacity:1;
    border-top:0 solid #fff0;
    border-bottom:0 solid #fff0
}
.property-box-5 .carousel-indicators{
    margin-bottom:20px
}
.property-box-5 .btn-4{
    padding:0 25px;
    line-height:40px;
    border-radius:3px;
    letter-spacing:0
}
.slide-box-2{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center
}
.slide-box-2 .slide-container{
    width:100%
}
.slide-box-2 .card{
    width:100%;
    background:#fff0;
    border:none
}
.slide-box-2 .cardImage{
    position:relative;
    display:flex;
    padding:0 15px
}
.slide-box-2 .clearfix:after{
    visibility:hidden;
    display:block;
    font-size:0;
    content:" ";
    clear:both;
    height:0
}
.slide-box{
    padding:0 15px
}
.about-real-estate .main-title-2{
    margin-bottom:30px
}
.about-real-estate .about-text ul{
    margin-bottom:30px
}
.about-real-estate .about-text ul li{
    line-height:30px;
    width:50%;
    float:left
}
.about-real-estate .about-text ul li i{
    margin-right:5px
}
.about-real-estate img{
    border-radius:5px
}
.about-real-estate .carousel-indicators [data-bs-target]{
    width:12px;
    height:12px;
    background-color:#fff;
    border-top:7px solid #fff0;
    border-bottom:7px solid #fff0;
    opacity:1
}
.about-real-estate .left{
    float:left
}
.about-real-estate .name{
    font-weight:500;
    font-size:18px;
    margin-bottom:5px;
    text-transform:uppercase
}
.about-real-estate .post{
    margin-bottom:0
}
.about-real-estate .signature{
    float:right
}
.about-real-estate .signature img{
    vertical-align:middle;
    height:53px
}
.about-real-estate .bottom{
    width:100%
}
.about-real-estate .hotels-detail-slider{
    max-width:500px;
    margin-left:auto
}
.about-real-estate-2 .about-text{
    padding-left:15px
}
.about-real-estate-2 .about-text h3{
    font-size:34px;
    font-weight:600;
    margin:0 0 15px
}
.about-real-estate-2 .about-text .bottom{
    width:100%;
    margin-top:30px
}
.about-real-estate-2 .about-text .name{
    font-weight:500;
    font-size:20px;
    text-transform:uppercase;
    color:#262525;
    margin-bottom:0
}
.about-real-estate-2 .about-text .left{
    float:left
}
.about-real-estate-2 .about-text .signature img{
    vertical-align:middle;
    height:50px
}
.about-real-estate-2 .signature{
    float:right
}
.about-real-estate-2 .about-img-section{
    position:relative
}
.about-real-estate-2 .about-img-section .image-box{
    position:relative;
    display:block;
    margin-right:auto;
    padding-bottom:20px;
    max-width:550px
}
.about-real-estate-2 .about-img-section .image-box .image-1{
    position:relative;
    overflow:hidden;
    width:100%
}
.about-real-estate-2 .about-box-Experience{
    position:absolute;
    right:100px;
    bottom:0;
    width:320px
}
.about-real-estate-2 .about-box-Experience .content{
    position:absolute;
    right:32%;
    top:23%;
    transform:rotate(-28deg);
    text-align:center
}
.about-real-estate-2 .about-box-Experience .content h3{
    font-size:45px;
    color:#fff;
    font-weight:700;
    margin-bottom:5px
}
.about-real-estate-2 .about-box-Experience .content p{
    font-size:18px;
    color:#fff;
    margin-bottom:0
}
.about-real-estate-2 .about-img-section .image-box{
    -webkit-animation:glide 2s ease-in-out alternate infinite
}
.about-real-estate-2 .main-title-2{
    margin-bottom:30px
}
@-webkit-keyframes glide{
    from{
        left:0;
        top:0
    }
    to{
        left:0;
        top:20px
    }
}
.service-box{
    position:relative;
    margin-bottom:30px;
    transition-duration:.3s;
    padding:0;
    border:none;
    box-shadow:0 0 10px rgb(0 0 0 / .1)
}
.service-box:hover{
    box-shadow:0 0 5px rgb(0 0 0 / .1)
}
.service-box .detail{
    padding:20px
}
.service-box img{
    border-radius:0
}
.service-box .heading{
    display:block;
    margin-bottom:10px
}
.service-box .heading .number{
    margin-right:10px;
    float:left
}
.service-box .heading .number h5{
    font-size:30px;
    font-weight:500;
    margin:0;
    line-height:30px
}
.service-box .title{
    float:left
}
.service-box .heading .title h4{
    font-size:17px;
    font-weight:500;
    line-height:33px;
    margin:0
}
.service-box .read-more{
    font-weight:500;
    font-size:16px
}
.service-box p{
    margin-bottom:5px
}
.carousel-control-next,.carousel-control-prev{
    opacity:1
}
.testimonial-2{
    padding:100px 0 90px;
    text-align:center;
    background:url(../img/img-8.jpg);
    z-index:0;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    position:relative
}
.testimonial-2:before{
    opacity:.4;
    content:"";
    display:block;
    left:0;
    right:0;
    top:0;
    bottom:0;
    height:100%;
    width:100%;
    position:absolute;
    background:#191fcb;
    z-index:-1
}
.testimonial-2 .testimonial-inner .avatar{
    max-width:110px;
    background:rgb(255 255 255 / 20%);
    margin:0 auto 25px;
    padding:5px;
    border-radius:100px
}
.testimonial-2 .testimonial-inner .avatar img{
    width:100%;
    border-radius:100px
}
.testimonial-2 .testimonial-inner .author-name{
    font-weight:400;
    margin-bottom:0;
    color:#fff
}
.testimonial-2.t2 .testimonial-inner .author-name{
    color:#fff;
    font-size:18px
}
.testimonial-2 .testimonial-inner p{
    margin-bottom:30px;
    font-size:15px;
    line-height:27px;
    color:#fff
}
.testimonial-2.t2 .testimonial-inner p{
    color:#fff
}
.testimonial-2 .testimonial-inner .carousel-item{
    margin-bottom:45px
}
.testimonial-2 .testimonial-inner .testimonia-header h1{
    font-weight:700;
    font-size:24px;
    text-transform:uppercase
}
.testimonial-2 .carousel-indicators li{
    width:20px;
    height:8px;
    background-color:#8a8989;
    border-radius:2px
}
.testimonial-2 .carousel-indicators [data-bs-target]{
    box-sizing:content-box;
    flex:0 1 auto;
    width:20px;
    height:8px;
    padding:0;
    margin-right:3px;
    margin-left:3px;
    text-indent:-999px;
    cursor:pointer;
    background-color:#fff;
    background-clip:padding-box;
    border:0;
    border-top:10px solid #fff0;
    border-bottom:0;
    opacity:.9
}
.testimonial-2 .carousel-indicators{
    bottom:0
}
.testimonial-2 .carousel-inner{
    max-width:550px;
    margin:0 auto
}
.testimonial-2 .main-title p{
    font-weight:500;
    font-size:18px;
    margin-bottom:5px
}
.testimonial-2 .carousel-control-next{
    display:none
}
.testimonial-2 .carousel-control-prev{
    display:none
}
.testimonial-2 .main-title-4{
    margin-bottom:30px
}
.testimonial-3{
    padding:100px 0;
    background:#f9f9f8
}
.testimonial-3 .testimonial-inner{
    max-width:600px;
    margin:auto
}
.testimonial-3 .testimonial-inner .content-box{
    position:relative
}
.testimonial-3 .testimonial-inner .content-box .rating i{
    color:orange;
    margin-bottom:13px
}
.testimonial-3 .testimonial-inner .content-box h3{
    font-size:20px;
    font-weight:500
}
.testimonial-3 .testimonial-inner .content-box p{
    margin-bottom:0
}
.testimonial-3 .testimonial-inner .content-box .rating{
    font-size:15px
}
.testimonial-3 .testimonial-inner .content-box .user{
    height:120px;
    width:120px;
    left:0;
    position:absolute;
    top:30px;
    transition:background-color .15s linear
}
.testimonial-3 .testimonial-inner .content-box a img{
    bottom:2px;
    border-radius:50%;
    display:block;
    height:120px;
    width:120px;
    position:absolute;
    top:0;
    z-index:999;
    box-shadow:1px 2px 3px 0 rgb(0 0 0 / 40%)
}
.testimonial-3 .testimonial-inner .content-box .testimonial-info{
    margin:0 0 0 60px;
    padding:30px 30px 30px 90px;
    background:#fff;
    box-shadow:0 0 10px rgb(0 0 0 / .1)
}
.testimonial-3 .testimonial-inner .content-box .testimonial-info:hover{
    box-shadow:0 0 5px rgb(0 0 0 / .1)
}
.testimonial-3 .testimonial-inner .content-box .testimonial-info{
    position:relative;
    overflow:hidden
}
.testimonial-3 .testimonial-inner .content-box .testimonial-info:before{
    content:"";
    position:absolute;
    top:0;
    left:-200px;
    height:2px;
    width:200px;
    transition:all 0.3s
}
.testimonial-3 .testimonial-inner .content-box .testimonial-info:after{
    content:"";
    position:absolute;
    bottom:0;
    right:-200px;
    height:2px;
    width:200px;
    transition:all 0.3s
}
.testimonial-3 .testimonial-inner .content-box .testimonial-info:hover:before{
    left:0
}
.testimonial-3 .testimonial-inner .content-box .testimonial-info:hover:after{
    right:0
}
.testimonial-4 .bg-image{
    min-height:70vh;
    position:relative;
    text-align:center;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:15px 0;
    background:#fff;
    background:rgb(0 0 0 / .04) url(../img/img-3.jpg) top left repeat;
    z-index:999;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover
}
.testimonial-4 .testimonial-info{
    max-width:620px;
    margin:0 auto;
    text-align:center;
    padding:0 30px
}
.testimonial-4 .testimonial-info .avatar{
    max-width:115px;
    margin:0 auto 30px;
    border-radius:100px
}
.testimonial-4 .testimonial-info .avatar img{
    width:100%;
    border-radius:100px
}
.testimonial-4 .testimonial-info h4{
    font-size:19px;
    font-weight:500;
    margin:0 0 5px
}
.testimonial-4 .testimonial-info .job{
    font-size:15px
}
.testimonial-4 .testimonial-info .text{
    margin-bottom:25px;
    font-size:16px
}
.testimonial-4 .col-pad{
    min-height:70vh;
    position:relative;
    text-align:center;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:15px 0;
    z-index:999;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    background:#fbfbfb
}
.testimonial-4 .main-title{
    margin-bottom:30px
}
.testimonial-4 .carousel-indicators [data-bs-target]{
    box-sizing:content-box;
    flex:0 1 auto;
    width:30px;
    height:8px;
    border-radius:5px;
    padding:0;
    margin-right:3px;
    margin-left:3px;
    text-indent:-999px;
    cursor:pointer;
    background-color:#000;
    background-clip:padding-box;
    border:0;
    opacity:1;
    transition:opacity .6s ease
}
.testimonial-4 .carousel-indicators{
    position:absolute;
    right:0;
    bottom:0;
    left:0;
    z-index:2;
    display:flex;
    justify-content:center;
    padding:0;
    margin:0 0 -5px 0;
    list-style:none
}
.testimonial-4 .carousel-indicators .active{
    background-color:#f0151f
}
.pricing-1{
    margin-bottom:30px;
    box-shadow:0 0 10px rgb(0 0 0 / .1);
    -webkit-transition:all 0.9s;
    transition:all 0.9s
}
.pricing-1:hover{
    box-shadow:0 0 5px rgb(0 0 0 / .1);
    -webkit-transform:translateY(-9px);
    transform:translateY(-9px)
}
.pricing-1 .plan-header{
    background-color:#fff;
    padding:40px 22px 0;
    border-width:1px;
    position:relative;
    text-align:center
}
.pricing-1 .pricing-btn{
    padding:7px 30px 7px;
    border-radius:0;
    font-size:16px;
    font-weight:600;
    letter-spacing:normal
}
.pricing-1 .plan-header h5{
    margin-bottom:5px;
    font-weight:500
}
.pricing-1 .plan-header p{
    color:#343434;
    font-size:16px
}
.pricing-1 .plan-header .plan-price sup{
    font-size:24px;
    position:relative;
    top:-30px;
    color:#343434
}
.pricing-1 .plan-header .plan-price{
    font-size:60px;
    font-weight:600;
    position:relative;
    text-align:center;
    font-family:'Jost',sans-serif;
    padding:0
}
.pricing-1 .plan-header .plan-price span{
    font-size:16px;
    color:#343434
}
.pricing-1 .plan-list{
    background-color:#fff;
    border-width:0 1px 1px;
    padding:20px 0 40px
}
.pricing-1 .plan-list ul{
    display:table;
    margin:0 auto;
    padding:0 40px
}
.pricing-1 .plan-list ul li{
    list-style:none;
    border-bottom:1px dashed #eaeceb;
    line-height:42px;
    font-size:16px;
    color:#343434
}
.pricing-1 .plan-list ul li i{
    margin-right:12px
}
.pricing-1 .plan-list ul li:last-child{
    border-bottom:none
}
.pricing-1 .plan-button{
    padding-top:20px
}
.pricing-1 .pricing-btn{
    border-radius:3px
}
.pricing-2{
    text-align:center;
    margin-bottom:30px;
    box-shadow:0 0 10px rgb(0 0 0 / .1);
    overflow:hidden;
    -webkit-transition:all 0.9s;
    transition:all 0.9s
}
.pricing-2:hover{
    box-shadow:0 0 5px rgb(0 0 0 / .1);
    -webkit-transform:translateY(-9px);
    transform:translateY(-9px)
}
.pricing-2 .title{
    padding:25px 0;
    font-weight:600;
    font-size:20px;
    color:#262525
}
.pricing-2 .content{
    padding:25px 0;
    border-bottom:1px solid #eaeaea
}
.pricing-2 .content ul li{
    padding:7px 0;
    color:#343434;
    font-size:16px
}
.pricing-2 .price-for-user{
    padding:25px 0;
    text-align:center;
    background:#f9f9f9;
    color:#212529
}
.pricing-2 .button{
    padding:25px 0
}
.pricing-2 .price-for-user .price .dolar{
    font-size:50px;
    margin-right:10px;
    font-weight:600;
    font-family:'Jost',sans-serif
}
.pricing-2 .price-for-user .price .month{
    font-size:16px;
    font-weight:600
}
.pricing-2 .price-for-user .price sup{
    top:-25px;
    left:-3px;
    font-size:30px;
    font-weight:600
}
.pricing-2 .pricing-btn{
    padding:6px 30px 8px;
    border-radius:3px;
    font-size:16px;
    font-weight:600;
    letter-spacing:normal
}
.pricing-3{
    margin-bottom:30px;
    position:relative;
    padding:30px;
    z-index:9;
    background:#fff;
    -webkit-transition:.9s;
    transition:.9s;
    overflow:hidden;
    box-shadow:0 0 10px rgb(0 0 0 / .1);
    text-align:center
}
.pricing-3:hover{
    box-shadow:0 0 5px rgb(0 0 0 / .1);
    -webkit-transform:translateY(-9px);
    transform:translateY(-9px)
}
.pricing-3:hover:before{
    width:100%
}
.pricing-3::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:0;
    height:100%;
    z-index:-1;
    -webkit-transition:.9s;
    transition:.9s;
    border-radius:0
}
.pricing-3 .title{
    font-size:22px;
    padding-bottom:20px;
    border-bottom:1px solid #eaeaea;
    font-weight:500
}
.pricing-3 .pricing-btn{
    padding:7px 30px 7px;
    border-radius:0;
    font-size:16px;
    font-weight:600;
    letter-spacing:normal
}
.pricing-3:hover .title{
    color:#fff
}
.pricing-3:hover .content ul li{
    color:#fff
}
.pricing-3:hover .dolar{
    color:#fff
}
.pricing-3:hover .month{
    color:#fff
}
.pricing-3:hover sup{
    color:#fff
}
.pricing-3:hover .btn-outline{
    border:solid 1px #fff;
    color:#fff
}
.pricing-3:hover .button-theme{
    background:#fff
}
.pricing-3 .btn-outline:hover{
    border:solid 1px #fff;
    background:#fff
}
.pricing-3:hover.popular .dolar{
    color:#fff
}
.pricing-3:hover .title{
    border-bottom:1px solid #9c1c1c47
}
.pricing-3:hover .content{
    border-bottom:1px solid #9c1c1c47
}
.pricing-3:hover .price-for-user{
    border-bottom:1px solid #9c1c1c47
}
.pricing-3 .content{
    padding:20px 0;
    border-bottom:1px solid #eaeaea
}
.pricing-3 .content ul li{
    padding:7px 0;
    font-weight:400;
    font-size:16px
}
.pricing-3 .price-for-user{
    padding:25px 0;
    margin-bottom:30px;
    text-align:center;
    border-bottom:1px solid #eaeaea;
    font-family:'Jost',sans-serif
}
.pricing-3 .price-for-user .price .dolar{
    font-size:50px;
    margin-right:10px;
    font-weight:700
}
.pricing-3 .price-for-user .price .month{
    font-size:18px
}
.pricing-3 .price-for-user .price sup{
    top:-25px;
    left:-3px;
    font-size:30px;
    font-weight:600
}
.team-1{
    position:relative;
    margin-bottom:30px;
    box-shadow:0 0 10px rgb(0 0 0 / 10%);
    background:#fff
}
.team-1:hover{
    box-shadow:0 0 5px rgb(0 0 0 / .1)
}
.team-1 img{
    width:100%
}
.team-1 .team-img{
    position:relative;
    transform:scale(1);
    transition:1s
}
.team-1 .team-inner:hover .team-img{
    transform:scale(1.2)
}
.team-1 .team-overflow{
    overflow:hidden
}
.team-1 .team-inner:hover .team-img:before{
    width:100%
}
.team-1 .team-img:before{
    position:absolute;
    content:'';
    background:linear-gradient(0,#154ef0c9,#fff0);
    opacity:.8;
    right:0;
    width:0%;
    height:100%;
    transition:1s
}
.blog-1 .detail{
    padding:40px 25px 15px
}
.team-1 .team-details h5{
    margin-bottom:5px;
    font-weight:500;
    font-size:20px
}
.team-1 .team-details h5 a{
    color:#121415
}
.team-1 .team-details h5 a:hover{
    color:#343a40
}
.team-1 .team-details{
    padding:30px 20px;
    text-align:center
}
.team-1 .team-details p{
    margin-bottom:0
}
.team-1 .team-photo .social-list{
    position:absolute;
    top:15px;
    text-align:center;
    z-index:20;
    border-radius:5px 5px 0 0;
    left:15px;
    width:44px;
    color:#fff
}
.team-1 .team-photo .social-list a{
    color:#fff;
    width:40px;
    height:40px;
    line-height:40px;
    display:inline-block;
    margin-bottom:10px;
    border-radius:3px;
    background:rgb(0 0 0 / .15);
    -webkit-box-shadow:0 0 0 2px rgb(255 255 255 / 20%);
    box-shadow:0 0 0 2px rgb(255 255 255 / 20%)
}
.team-1 .team-photo .social-list a:hover{
    box-shadow:none
}
.team-1 .facebook-bg:hover{
    background:#4867aa!important
}
.team-1 .twitter-bg:hover{
    background:#56d7fe!important
}
.team-1 .google-bg:hover{
    background:#dc4e41!important
}
.team-1 .google-bg:hover{
    background:#dc4e41!important
}
.team-1 .linkedin-bg:hover{
    background:#0177b5!important
}
.team-2{
    margin:0 auto 30px;
    box-shadow:0 0 10px rgb(0 0 0 / .1);
    padding:40px 25px;
    text-align:center;
    background:#fff
}
.team-2:hover{
    box-shadow:0 0 5px rgb(0 0 0 / .1)
}
.team-2 img{
    width:100%;
    border-radius:100%
}
.team-2.df-box:hover:before{
    -webkit-transform:rotate(2deg) translateX(-5px) translateY(16px);
    transform:rotate(2deg) translateX(-5px) translateY(16px)
}
.team-2.df-box:before{
    content:" ";
    width:95%;
    height:95%;
    z-index:-3;
    position:absolute;
    top:auto;
    bottom:1px;
    left:1px;
    border-radius:12px;
    background-image:linear-gradient(100deg,#f40c4300,#f40c43);
    background-repeat:repeat-x;
    outline:1px solid #fff0;
    -webkit-transition:all .3s;
    transition:all .3s
}
.team-2:hover .team-photo{
    background-image:linear-gradient(100deg,#f40c4300,#f40c43)
}
.team-2.df-box:after{
    background:#FFF
}
.team-2.df-box{
    margin-bottom:30px;
    position:relative;
    z-index:1
}
.team-2:after{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    content:'';
    z-index:-1
}
.team-2 .team-details h5{
    margin-bottom:5px
}
.team-2 .team-details h5 a{
    font-size:20px;
    font-weight:500;
    color:#121415
}
.team-2 .team-details h5 a:hover{
    color:#343a40
}
.team-2 .team-photo{
    max-width:200px;
    margin:0 auto;
    padding:5px;
    box-shadow:1px 2px 3px 0 rgb(0 0 0 / 40%);
    border-radius:100px;
    position:relative;
    font-size:40px;
    color:#00204c;
    line-height:1em;
    margin-bottom:28px;
    display:inline-block;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease
}
.team-2:hover .team-photo{
    color:#fff!important;
    transform:rotateY(180deg)
}
.team-2 .team-details p{
    font-size:16px;
    margin-bottom:13px
}
.team-2 .team-details .social-list li{
    display:inline-block
}
.team-2 .team-details .social-list li a{
    margin:0 10px;
    font-size:17px
}
.team-4{
    position:relative;
    margin:0 1px;
    margin-bottom:30px;
    box-shadow:0 0 10px rgb(0 0 0 / .1);
    background:#fff
}
.team-4:hover{
    box-shadow:0 0 5px rgb(0 0 0 / .1)
}
.team-4 .team-img{
    position:relative;
    transform:scale(1);
    transition:1s
}
.team-4:hover .team-img{
    transform:scale(1.1)
}
.team-4 .team-overflow{
    overflow:hidden
}
.team-4:hover .team-img:before{
    width:100%
}
.team-4 .team-img:before{
    position:absolute;
    content:'';
    background:rgb(12 62 185 / 51%);
    opacity:.9;
    right:0;
    width:0%;
    height:100%;
    transition:1s
}
.team-4 .detail{
    padding:0 25px
}
.team-4 img{
    width:100%
}
.team-4 .detail h4{
    margin:0 0 5px;
    font-size:20px;
    font-weight:500
}
.team-4 .detail p{
    margin-bottom:15px
}
.team-4 .detail h4 a{
    color:#121415
}
.team-4 .detail h4 a:hover{
    color:#343a40
}
.team-4 .photo{
    position:relative
}
.team-4 .detail .contact{
    margin-bottom:20px
}
.team-4 .detail .contact ul li{
    line-height:30px;
    font-size:15px
}
.team-4 .detail .contact ul li span{
    font-weight:500;
    margin-right:5px
}
.team-4 .detail .social-list li{
    display:inline-block;
    font-size:16px
}
.team-4 .detail .social-list li a{
    margin-right:2px;
    font-size:16px;
    width:40px;
    height:40px;
    border-radius:3px;
    display:inline-block;
    text-align:center;
    line-height:40px
}
.agent-page .team-4 .detail{
    padding:0 35px
}
.team-5 img{
    width:82px;
    margin-right:15px;
    border-radius:5px
}
.team-5 h5{
    font-weight:500;
    font-size:17px;
    margin-bottom:15px
}
.team-5 p{
    margin-bottom:13px;
    padding-left:20px;
    position:relative;
    line-height:16px;
    font-size:15px
}
.team-5 p i{
    left:0;
    position:absolute;
    top:0
}
.team-5 p a{
    color:#343434
}
.team-section{
    padding:100px 0;
    background:url(../img/img-6.jpg);
    z-index:0;
    position:relative
}
.team-section .team-2{
    margin:0
}
.team-section:before{
    position:absolute;
    content:'';
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgb(0 0 0 / .2)
}
.services-3{
    
}
.services-3 .text .px{
    margin-bottom:0;
    font-size:16px
}
.services-3 .text{
    margin-right:40px
}
.service-info-2{
    position:relative
}
.service-info-2-ditels{
    margin:0 0 30px 0;
    padding:30px 20px 30px 100px;
    background:#fff;
    box-shadow:0 0 10px rgb(0 0 0 / .1);
    min-height:122px;
}
.service-info-2-ditels:hover{
    box-shadow:0 0 5px rgb(0 0 0 / .1)
}
.highlights-slider .service-info-2 h3{
    font-size:16px;
    position:relative;
    margin:0 0 10px 0;
    font-weight:500
}
.highlights-slider .service-info-2 .icon{
    height:50px;
    width:50px;
    line-height:50px;
    font-family:"Poppins",sans-serif;
    text-align:center;
    border-radius:100px;
    font-size:30px;
    left:23px;
    position:absolute;
    top:34px;
    transition:background-color .15s linear;
    display:inline-block;
    vertical-align:middle;
    transition:0.9s cubic-bezier(.24,.74,.58,1);
    box-shadow:0 0 10px rgb(0 0 0 / .1);
    background:#fff
}
.highlights-slider .service-info-2-ditels{
    margin:0 0 45px 50px;
    height:120px;
    padding:30px 25px 1px 50px;
    background:#fff;
    box-shadow:0 0 10px rgb(0 0 0 / .1)
}
.highlights-slider button{
    margin:0;
    padding:0;
    background:none;
    border:none;
    border-radius:0;
    outline:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
.highlights-slider .slide-arrow{
    position:absolute;
    top:50%;
    margin-top:-15px
}
.highlights-slider .prev-arrow{
    left:-40px;
    width:0;
    height:0;
    border-left:0 solid #fff0;
    border-right:15px solid #113463;
    border-top:10px solid #fff0;
    border-bottom:10px solid #fff0
}
.highlights-slider .next-arrow{
    right:-40px;
    width:0;
    height:0;
    border-right:0 solid #fff0;
    border-left:15px solid #113463;
    border-top:10px solid #fff0;
    border-bottom:10px solid #fff0
}
.amenities-slider .gallery-section button,.amenities-slider button{
    margin:0;
    padding:0;
    background:none;
    border:none;
    border-radius:0;
    outline:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
.gallery-section .slide-arrow,.amenities-slider .slide-arrow{
    position:absolute;
    top:50%;
    margin-top:-15px
}
.gallery-section .prev-arrow{
    left:inherit;
    top:115%;
    width:0;
    background:#fff;
    height:0;
    border-left:0 solid #fff0;
    border-right:15px solid #113463;
    border-top:10px solid #fff0;
    border-bottom:10px solid #fff0;
    /*right:9%*/
     right:53%
}
.amenities-slider .prev-arrow{
    left:inherit;
    top:100%;
    width:0;
    background:#fff;
    height:0;
    border-left:0 solid #fff0;
    border-right:15px solid #113463;
    border-top:10px solid #fff0;
    border-bottom:10px solid #fff0;
    /*right:9%*/
     right:53%
}
.gallery-section .next-arrow{
    /*right:23px;*/
    right:45%;
    width:0;
    background:#fff;
    height:0;
    border-right:0 solid #fff0;
    border-left:15px solid #113463;
    top:115%;
    border-top:10px solid #fff0;
    border-bottom:10px solid #fff0
}
.amenities-slider .next-arrow{
    /*right:23px;*/
     right:45%;
    width:0;
    background:#fff;
    height:0;
    border-right:0 solid #fff0;
    border-left:15px solid #113463;
    top:100%;
    border-top:10px solid #fff0;
    border-bottom:10px solid #fff0
}
.amenities-slider .property-box .detail .title{
    font-size:22px;
    opacity:0;
    transition:opacity .2s ease;
    font-weight:500;
    margin-bottom:10px
}
.amenities-slider .property-box:hover .detail .title{
    opacity:1
}
.mas-img{
    background-position:left top;
    position:relative;
    overflow:hidden;
    background-size:100% auto;
    background-repeat:no-repeat;
    margin:0 0;
    padding:10px
}
.mas-img img{
    width:100%;
    height:auto
}
.service-info-2 h3{
    font-size:22px;
    position:relative;
    margin:0 0 10px 0;
    font-weight:500
}
.service-info-2:hover .number{
    display:none
}
.service-info-2 .number{
    font-size:35px;
    line-height:1;
    display:inline-block;
    position:absolute;
    z-index:0;
    right:15px;
    font-weight:600;
    top:5px;
    font-family:"Poppins",sans-serif;
    opacity:.1
}
.service-info-2 .icon{
    height:90px;
    width:90px;
    line-height:55px;
    font-family:"Poppins",sans-serif;
    text-align:center;
    border-radius:100px;
    font-size:40px;
    left:10px;
    position:absolute;
    top:15px;
    transition:background-color .15s linear;
    display:inline-block;
    vertical-align:middle;
    transition:0.9s cubic-bezier(.24,.74,.58,1);
    /* box-shadow:0 0 10px rgb(0 0 0 / .1); */
    /* background:#fff */
}
.service-info-2:hover .icon{
    transform:rotateY(360deg)
}
.service-info-2 p{
    margin-bottom:0;
    position:relative
}
.service-info-3{
    margin-bottom:20px
}
.service-info-3 h3{
    font-size:20px;
    font-weight:500;
    margin:10px 0 5px
}
.service-info-3 .icon{
    background:#fff;
    width:100px!important;
    max-width:100px;
    height:100px;
    line-height:100px;
    text-align:center;
    font-size:50px;
    margin-right:20px;
    box-shadow:0 0 5px rgb(0 0 0 / .1);
    display:inline-block;
    vertical-align:middle;
    transition:0.9s cubic-bezier(.24,.74,.58,1)
}
.service-info-3:hover .icon{
    transform:rotateY(360deg);
    border-radius:100%
}
.service-info-3 p{
    margin-bottom:0
}
.service-section2{
    max-width:540px;
    margin:0 0 0 auto
}
.services-demo{
    max-width:520px
}
.pages-404{
    background:url(../img/banner/img-3.jpg);
    background-size:cover;
    top:0;
    width:100%;
    bottom:0;
    opacity:1;
    min-height:100vh;
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:15px 0;
    z-index:0
}
.pages-404:before{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:#191fcb;
    content:"";
    z-index:-1;
    opacity:.6
}
.pages-404 .pages-404-inner{
    text-align:center;
    max-width:900px;
    margin:0 auto
}
.pages-404 .pages-404-inner h1{
    color:#fff;
    font-size:180px;
    margin-bottom:20px;
    font-weight:700;
    line-height:180px
}
.pages-404 .pages-404-inner h5{
    color:#fff;
    font-size:30px;
    font-weight:500;
    margin-bottom:25px
}
.pages-404 .pages-404-inner p{
    margin-bottom:30px;
    line-height:30px;
    font-size:18px;
    font-weight:400;
    color:#fff;
    opacity:.9
}
.pages-404-2{
    top:0;
    width:100%;
    bottom:0;
    opacity:1;
    min-height:100vh;
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:25px 0;
    background:#1B1B1B
}
.pages-404-2 .error404{
    line-height:.8;
    margin-bottom:0;
    font-weight:700;
    font-size:250px;
    opacity:2;
    color:#3F3F3F;
    text-shadow:1px 1px 5px rgb(0 0 0 / .4);
    font-family:'Jost',sans-serif
}
.pages-404-2 h1{
    font-size:30px;
    font-weight:500;
    margin-bottom:20px;
    color:#dedede
}
.pages-404-2 p{
    margin-bottom:25px;
    font-size:18px;
    color:#dedede
}
.pages-404-2 .border-thn{
    cursor:pointer;
    padding:12px 35px;
    letter-spacing:1px;
    font-size:15px;
    font-weight:600;
    transition:.5s;
    border-radius:50px!important;
    box-shadow:0 0 14px rgb(0 0 0 / .1)
}
.pages-404-2 .nobottomborder{
    padding-left:50px
}
.mr-0{
    margin-right:0
}
.date-box span{
    font-size:19px;
    display:block;
    line-height:22px;
    color:#fff
}
.blog-1{
    margin-bottom:30px;
    border-radius:0;
    border:none;
    background:#fff;
    z-index:2;
    position:relative;
    -webkit-transition:.5s;
    transition:.5s;
    overflow:hidden;
    transition:0.6s cubic-bezier(.24,.74,.58,1);
    box-shadow:0 0 10px rgb(0 0 0 / .1)
}
.blog-1:hover{
    box-shadow:0 0 5px rgb(0 0 0 / .1);
    -webkit-transform:translateY(-5px);
    transform:translateY(-5px)
}
.blog-1 .detail{
    padding:45px 25px 15px
}
.blog-1 .blog-image{
    position:relative
}
.blog-1 .blog-image::before{
    position:absolute;
    content:"";
    width:0;
    height:0;
    left:0;
    bottom:0;
    z-index:1;
    opacity:0;
    visibility:hidden;
    -webkit-transition:all 0.6s ease;
    -moz-transition:all 0.6s ease;
    transition:all 0.6s ease
}
.blog-1 .blog-image img{
    -webkit-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    transition:all 0.5s ease;
    z-index:111
}
.blog-1 .blog-image::after{
    position:absolute;
    content:"";
    width:0;
    height:0;
    right:0;
    top:0;
    z-index:1;
    opacity:0;
    visibility:hidden;
    -webkit-transition:all 0.6s ease;
    -moz-transition:all 0.6s ease;
    transition:all 0.6s ease
}
.blog-1:hover .blog-image::before,.blog-1:hover .blog-image::after{
    width:100%;
    height:100%;
    visibility:visible;
    background:rgb(12 62 185 / 51%);
    opacity:.5
}
.blog-1 .blog-photo{
    position:relative
}
.blog-1 .blog-photo img{
    width:100%
}
.blog-1 .profile-user img{
    width:55px;
    height:55px;
    border-radius:50%
}
.blog-1 .profile-user{
    position:absolute;
    bottom:-27.5px;
    left:20px;
    display:block;
    background-color:#fff;
    border-radius:50%;
    padding:2px;
    z-index:999!important;
    transition:0.6s cubic-bezier(.24,.74,.58,1)
}
.blog-1:hover .profile-user{
    transform:rotateY(360deg)
}
.blog-1 .post-meta{
    width:100%;
    margin-bottom:15px
}
.blog-1 .post-meta ul li{
    margin:0 0 0 10px;
    display:inline-block;
    font-size:15px;
    text-align:right;
    float:right;
    color:#343434;
    line-height:26px
}
.blog-1 .post-meta ul .user{
    float:left;
    margin:0
}
.blog-1 .post-meta ul .date{
    float:left
}
.blog-1 .post-meta ul li strong{
    font-weight:500
}
.blog-1 .post-meta ul li a{
    color:#343434
}
.blog-1 .post-meta ul li span{
    color:#343434
}
.blog-1 .post-meta ul li i{
    font-size:13px;
    margin-right:5px
}
.blog-1 .detail h3{
    font-size:22px;
    font-weight:500;
    margin-bottom:15px
}
.blog-1 .detail h3 a{
    color:#262525
}
.mr-0{
    margin-right:0
}
.blog-big:hover{
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
.blog-big .detail{
    padding:30px 0 50px
}
.blog-big:hover{
    box-shadow:none
}
.blog-big{
    box-shadow:none
}
.blog-big .post-meta ul li{
    margin:0 15px 0 0;
    text-align:left;
    float:left
}
.blog-2{
    border-radius:0;
    border:none;
    box-shadow:0 0 10px rgb(0 0 0 / .1)
}
.blog-2{
    background:#fff;
    margin:0 1px
}
.blog-2:hover{
    box-shadow:0 0 5px rgb(0 0 0 / .1)
}
.blog-2 .photo::before{
    position:absolute;
    content:"";
    width:0;
    height:0;
    left:0;
    bottom:0;
    z-index:1;
    opacity:0;
    visibility:hidden;
    -webkit-transition:all 0.6s ease;
    -moz-transition:all 0.6s ease;
    transition:all 0.6s ease
}
.blog-2 .photo img{
    -webkit-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    transition:all 0.5s ease;
    z-index:111
}
.blog-2 .photo::after{
    position:absolute;
    content:"";
    width:0;
    height:0;
    right:0;
    top:0;
    z-index:1;
    opacity:0;
    visibility:hidden;
    -webkit-transition:all 0.6s ease;
    -moz-transition:all 0.6s ease;
    transition:all 0.6s ease
}
.blog-2:hover .photo::before,.blog-2:hover .photo::after{
    width:100%;
    height:100%;
    visibility:visible;
    background:rgb(12 62 185 / 51%);
    opacity:.5
}
.blog-2 .photo{
    position:relative
}
.blog-2 .photo img{
    width:100%
}
.blog-2 .photo .date-box{
    padding:8px 16px;
    position:absolute;
    top:20px;
    left:20px;
    border-radius:3px;
    text-align:center;
    font-weight:600;
    background:#fff;
    z-index:99;
    transition:background-color .9s linear;
    display:inline-block;
    vertical-align:middle;
    transition:0.9s cubic-bezier(.24,.74,.58,1)
}
.blog-2:hover .photo .date-box{
    transform:rotateY(360deg)
}
.blog-2 .photo .date-box h5{
    margin:0;
    font-size:15px;
    font-weight:500
}
.blog-2 .detail{
    padding:20px 40px 20px 40px
}
.blog-2 .detail h3{
    margin-bottom:10px;
    font-size:24px;
    font-weight:500
}
.blog-2 .detail .post-meta{
    margin:15px 0;
    font-size:15px
}
.blog-2 .detail .post-meta span{
    margin-right:15px
}
.blog-2 .detail .post-meta span a{
    color:#343434
}
.blog-2 .detail .post-meta span a i{
    margin-right:5px
}
.bb2 .blog-2 .detail h3{
    font-size:22px
}
.bb2 .blog-2 .detail{
    padding:20px 30px
}
.blog-3{
    position:relative;
    height:500px;
    overflow:hidden;
    background:#fff;
    z-index:0;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    transition:0.3s cubic-bezier(.24,.74,.58,1);
    width:100%!important;
    margin-bottom:30px
}
.blog-3.blog-photo{
    background-image:url(../img/blog/blog-4.jpg);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover
}
.blog-3 .date{
    position:absolute;
    top:30px;
    right:30px;
    display:block;
    background:#fff;
    padding:13.5px 19.5px;
    font-size:16px;
    text-align:center
}
.blog-3 .date p{
    margin-bottom:0;
    font-size:16px
}
.blog-3:hover .date p{
    color:#fff
}
.blog-3:hover .date h2{
    color:#fff
}
.blog-3 .date h2{
    font-weight:700;
    font-family:'Jost',sans-serif;
    font-size:30px;
    margin-bottom:0
}
.blog-3:before{
    content:"";
    top:0;
    position:absolute;
    height:100%;
    width:100%;
    z-index:0;
    background:linear-gradient(to top,rgb(47 45 45 / 75%) 0%,rgb(0 0 0 / 34%) 35%,#fff0 60%,#fff0 100%);
    border-radius:4px 4px 0 0;
    opacity:1
}
.blog-3:hover:before{
    background:linear-gradient(0,#154ef0c9,#fff0);
    opacity:.8
}
.blog-3 h3{
    -webkit-transition:.4s;
    transition:.4s;
    margin:0 0 12px;
    color:#fff;
    font-weight:500;
    font-size:25px
}
.blog-3 .ling-section{
    position:absolute;
    bottom:25px;
    padding-right:30px;
    padding-left:30px;
    width:100%
}
.blog-3 h3 a{
    color:#fff
}
.blog-3 h3 a:hover{
    color:#fff;
    opacity:.9
}
.blog-3 .read-more-btn{
    display:inline-block;
    position:absolute;
    bottom:0;
    left:87px;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    opacity:0;
    visibility:hidden;
    -webkit-transition:.6;
    transition:.6;
    font-size:15px;
    font-weight:500;
    text-align:left;
    padding:9.5px 22px;
    border-radius:3px;
    background:#fff
}
.blog-3 .read-more-btn::before{
    content:'';
    position:absolute;
    width:0;
    -webkit-transition:.5s
}
.blog-3 .ling-section p{
    display:inline-block;
    -webkit-transition:.4s;
    transition:.4s;
    color:#fff
}
.blog-3:hover .read-more-btn{
    opacity:1;
    visibility:visible;
    bottom:0;
    text-align:left
}
.blog-3:hover h3{
    -webkit-transform:translateY(-50px);
    transform:translateY(-50px)
}
.blog-3:hover .ling-section p{
    -webkit-transform:translateY(-50px);
    transform:translateY(-50px)
}
.bs2 .blog-1{
    margin-bottom:0
}
.blog-4{
    margin-bottom:20px
}
.blog-4 .date{
    box-shadow:0 0 5px rgb(0 0 0 / .1);
    background:#fff;
    padding:15px 10px 10px;
    text-align:center;
    width:85px;
    height:90px;
    margin-right:15px;
    transition:background-color .9s linear;
    display:inline-block;
    vertical-align:middle;
    transition:0.9s cubic-bezier(.24,.74,.58,1)
}
.blog-4:hover .date{
    transform:rotateY(360deg)
}
.blog-4 h3{
    font-size:20px;
    font-weight:500;
    margin:15px 0 5px
}
.blog-4 h1{
    margin:0;
    font-size:32px
}
.blog-4 h5{
    font-size:15px;
    margin-bottom:0;
    font-weight:400;
    text-transform:uppercase
}
.blog-4:hover h5{
    color:#fff
}
.blog-4:hover h1{
    color:#fff
}
.blog-4 .post-meta span a{
    margin-right:10px;
    font-size:15px
}
.mb2-0{
    margin-bottom:0
}
.blog-body .blog-2{
    margin-bottom:30px
}
.footer-1{
    padding:80px 0 40px;
    background:#202040
}
.footer-1 h4{
    font-size:20px;
    font-weight:400;
    margin-bottom:25px;
    color:#fff
}
.footer-1 .footer-item{
    margin-bottom:40px
}
.footer-1 .footer-inner .links li{
    margin-bottom:15px;
    position:relative;
    line-height:20px;
    font-size:15px
}
.footer-1 .footer-inner .links li a{
    color:#C5CDD9
}
.footer-1 .footer-inner .links li a:hover{
    color:#fff
}
.footer-1 .footer-inner p{
    color:#C5CDD9
}
.footer-1 .footer-inner .links li a i{
    left:0;
    position:absolute;
    top:0;
    line-height:22px
}
.footer-1 .footer-inner .contact-info li{
    margin-bottom:15px;
    font-size:15px;
    color:#C5CDD9;
    font-weight:400
}
.footer-1 .footer-inner .contact-info li a{
    color:#C5CDD9
}
.footer-1 .footer-inner .social-list li a{
    font-size:16px;
    float:left;
    margin:0 5px 5px 0;
    color:#fff;
    width:45px;
    height:45px;
    background:#1a1a38;
    text-align:center;
    line-height:45px
}
.footer-1 .copy{
    padding:20px 0;
    margin:30px 0 0;
    text-align:center;
    font-size:15px;
    color:#bbbbbb!important;
    border-top:solid 1px #dcdcdc
}
.footer-1 .copy a{
    color:#C5CDD9
}
.footer-1 .footer-inner .gallery li{
    float:left
}
.footer-1 .footer-inner .gallery li img{
    margin:0 10px 10px 0;
    width:70px;
    border-radius:100px
}
.footer-1 .fi2{
    margin-right:50px
}
.footer-1 .facebook-bg:hover{
    background:#3b589e!important
}
.footer-1 .twitter-bg:hover{
    background:#56d7fe!important
}
.footer-1 .google-bg:hover{
    background:#dc4e41!important
}
.footer-1 .rss-bg:hover{
    background:#e78733!important
}
.footer-1 .linkedin-bg:hover{
    background:#1c82ca!important
}
.footer-1 .subscribe-box-2{
    margin-bottom:20px
}
.footer-1 .subscribe-box-2 .form-inline{
    width:100%;
    border-radius:3px
}
.footer-1 .subscribe-box-2 .form-control{
    width:70%;
    margin-right:5%;
    height:50px;
    padding:10px 25px 10px 25px!important;
    font-size:15px;
    outline:0;
    border-radius:3px;
    border:#fff0
}
.footer-1 .subscribe-box-2 .form-inline .btn{
    width:25%;
    padding:14.5px 13px;
    font-size:13px;
    font-weight:600;
    border-radius:3px;
    color:#fff
}
.sub-footer{
    background:#1a1a38;
    padding:35px 0;
    text-align:center
}
.sub-footer p{
    color:#C5CDD9;
    margin-bottom:0
}
.sub-footer p a{
    color:#C5CDD9
}
.sub-footer p a:hover{
    color:#fff
}
.footer-2{
    position:relative;
    background-color:#19181a;
    padding-top:50px
}
.footer-2:before{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    content:"";
    background:url(../img/footer.png) top left repeat;
    opacity:.05;
    background-size:cover;
    background-position:50%
}
.footer-2 .footer-menu ul{
    margin-bottom:40px
}
.footer-2 .footer-menu ul li,.footer-menu ul li a{
    display:inline-block;
    position:relative
}
.footer-2 .footer-menu ul li a{
    color:#fff;
    margin-right:40px;
    font-size:15px;
    text-transform:uppercase;
    margin-bottom:10px
}
.footer-2 .footer-menu ul li a:before{
    position:absolute;
    top:3px;
    right:-20px;
    width:1px;
    height:15px;
    background-color:#fff;
    content:"";
    opacity:.4
}
.footer-2 .footer-menu ul li:last-child a:before{
    opacity:0
}
.footer-2 .logo-image{
    margin-bottom:35px
}
.footer-2 .copy-right p{
    text-align:center;
    color:#fff;
    opacity:.9;
    margin-bottom:0
}
.footer-2 .copy-right p a{
    color:#fff;
    opacity:.9
}
.footer-2 img{
    height:50px
}
.footer-2 .copy-right{
    border-top:solid 1px #a3a3a340;
    padding:25px 0;
    text-align:center;
    font-size:15px
}
.social-media .social-list{
    display:inline-flex
}
.social-media .icon{
    position:relative;
    background:#f3f3f3;
    border-radius:30px;
    margin:0 8px 3px 3px;
    width:36px;
    height:36px;
    line-height:50px;
    text-align:center;
    font-size:19px;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    cursor:pointer;
    transition:all 0.2s cubic-bezier(.68,-.55,.265,1.55)
}
.social-media .icon span{
    color:#fff
}
.social-media .tooltip{
    position:absolute;
    top:0;
    font-size:14px;
    background-color:#fff;
    color:#fff;
    padding:5px 8px;
    border-radius:5px;
    box-shadow:0 10px 10px rgb(0 0 0 / .1);
    opacity:0;
    pointer-events:none;
    transition:all 0.3s cubic-bezier(.68,-.55,.265,1.55)
}
.social-media .tooltip::before{
    position:absolute;
    content:"";
    height:8px;
    width:8px;
    background-color:#fff;
    bottom:-3px;
    left:50%;
    transform:translate(-50%) rotate(45deg);
    transition:all 0.3s cubic-bezier(.68,-.55,.265,1.55)
}
.social-media .icon:hover .tooltip{
    top:-45px;
    opacity:1;
    visibility:visible;
    pointer-events:auto
}
.social-media .icon:hover span,.social-media .icon:hover .tooltip{
    text-shadow:0 -1px 0 rgb(0 0 0 / .1)
}
.social-media .facebook:hover,.social-media .facebook:hover .tooltip,.social-media .facebook:hover .tooltip::before{
    background-color:#3b5999;
    color:#ffffff!important
}
.social-media .twitter:hover,.social-media .twitter:hover .tooltip,.social-media .twitter:hover .tooltip::before{
    background-color:#46c1f6;
    color:#ffffff!important
}
.social-media .instagram:hover,.social-media .instagram:hover .tooltip,.social-media .instagram:hover .tooltip::before{
    background-color:#e1306c;
    color:#fff
}
.social-media .github:hover,.social-media .github:hover .tooltip,.social-media .github:hover .tooltip::before{
    background-color:#333;
    color:#fff
}
.social-media .youtube:hover,.social-media .youtube:hover .tooltip,.social-media .youtube:hover .tooltip::before{
    background-color:#de463b;
    color:#fff
}
.social-media-two .facebook{
    background-color:#1e3058
}
.social-media-two .facebook .fa{
    color:#fff
}
.social-media-two .facebook:hover{
    background-color:#3b5999
}
.social-media .twitter{
    background-color:#1e3058
}
.social-media .twitter .fa{
    color:#fff
}
.social-media .twitter:hover{
    background-color:#46c1f6
}
.social-media .instagram{
    background-color:#1e3058
}
.social-media .instagram .fa{
    color:#fff
}
.social-media .instagram:hover{
    background-color:#e1306c
}
.social-media .github{
    background-color:#1e3058
}
.social-media .github .fa{
    color:#fff
}
.social-media .github:hover{
    background-color:#333
}
.social-media .youtube{
    background-color:#1e3058
}
.social-media .youtube .fa{
    color:#fff
}
.social-media .youtube:hover{
    background-color:#de463b
}
.footer-3{
    background:url(../img/footer-2.jpg);
    z-index:0;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    position:relative;
    background:#f9f9f8
}
.footer-3 .s-border{
    background:#ffffff2e
}
.footer-3 .s-border{
    width:50px;
    height:1px;
    margin-bottom:2px;
    border-radius:50px;
    background:#c5c5c5
}
.footer-3 .m-border{
    background:#ffffff2e
}
.footer-3 .m-border{
    width:25px;
    height:1px;
    margin-bottom:30px;
    border-radius:50px;
    background:#c5c5c5
}
.footer-3 .container{
    z-index:999!important;
    color:#fff
}
.footer-3 ul li a{
    color:#343434
}
.footer-3 h4{
    font-size:21px;
    margin-bottom:7px;
    font-weight:500
}
.footer-3 .footer-item{
    margin-bottom:60px
}
.footer-3 .footer-inner .links li{
    margin-bottom:10px;
    font-size:15px;
    font-weight:500;
    padding-left:20px;
    position:relative;
    line-height:20px
}
.footer-3 .footer-inner .links li a i{
    left:0;
    position:absolute;
    top:0;
    line-height:22px
}
.footer-3 .footer-inner .links li:last-child{
    margin-bottom:0
}
.footer-3 .footer-inner .links li a:hover{
    color:#343434
}
.footer-3 a{
    color:#343434
}
.footer-3 .social-media .social-list{
    margin-bottom:0
}
.footer-3 .footer-inner p{
    font-size:15px;
    color:#343434;
    z-index:999
}
.footer-3 .footer-inner p a{
    color:#343434
}
.footer-3 .footer-inner .contact-info li{
    color:#343434;
    font-size:15px;
    line-height:45px;
    margin-bottom:10px;
    position:relative;
    padding-left:55px
}
.footer-3 .footer-inner .contact-info li i{
    font-size:16px;
    float:left;
    left:0;
    position:absolute;
    width:45px;
    height:45px;
    text-align:center;
    line-height:45px;
    background:#e9e9e9;
    border-radius:50px
}
.footer-3 .social-media{
    float:right
}
.footer-3 .social-media .icon{
    margin:0 0 3px 4px
}
.footer-3 .f-logo{
    margin-bottom:0;
    height:50px
}
.footer-3 .footer-gallery{
    max-width:255px;
    margin-left:auto
}
.footer-3 .footer-inner{
    padding:80px 0 20px
}
.footer-3 .sub-footer-2{
    padding:25px 0 22px;
    border-top:solid 1px #3030302e;
    text-align:center;
    margin-bottom:0;
    color:#fff
}
.footer-3 .sub-footer-2 p{
    margin-bottom:0;
    color:#343434;
    text-align:left;
    line-height:50px
}
.footer-3 .form-inline{
    width:100%;
    border-radius:100px;
    background:#fff
}
.footer-3 .subscribe-newsletter .form-control{
    width:75%;
    height:60px;
    padding:10px 30px;
    font-size:17px;
    outline:0;
    border-radius:3px;
    border:#fff0;
    margin-right:3%;
    background:#e9e9e9
}
.footer-3 .subscribe-newsletter .btn{
    border:none;
    color:#fff;
    padding:15px 5px 15px 5px;
    height:60px;
    font-size:15px;
    top:0;
    right:0;
    text-transform:inherit;
    font-weight:400;
    border-radius:3px;
    width:22%
}
.footer-3 .subscribe-newsletter{
    padding:40px 0;
    border-bottom:solid 1px #3030302e
}
.footer-3 .subscribe-newsletter .newsletter-content-wrap{
    max-width:550px;
    margin-left:auto
}
.footer-3 .subscribe-newsletter h3{
    margin-bottom:0;
    line-height:60px;
    text-transform:uppercase;
    font-weight:600;
    font-size:25px
}
.footer-3 .recent-posts .media h5 a{
    color:#919398
}
.footer-3 .footer-inner .text{
    margin-right:30px
}
.footer-3 .s-border{
    background:#3030302e
}
.footer-3 .m-border{
    background:#3030302e
}
.footer-3 .footer-gallery ul li{
    float:left;
    width:75px;
    height:75px;
    margin:0 10px 10px 0;
    position:relative;
    overflow:hidden;
    border-radius:5px
}
.footer-3 .footer-gallery ul li img{
    width:100%;
    -webkit-transition:.3s;
    transition:.3s;
    border-radius:5px;
    cursor:pointer
}
.footer-3 .footer-gallery ul li:hover img{
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
    border-radius:5px
}
.helping-center ul li{
    line-height:35px;
    font-size:15px;
    padding-left:25px;
    text-align:left
}
.helping-center ul li a{
    color:#343434
}
.helping-center ul li i{
    line-height:35px;
    font-size:17px;
    float:left;
    margin-left:-25px
}
.posts-by-category ul{
    margin:0;
    padding:0
}
.posts-by-category ul li{
    padding-bottom:7px;
    margin-bottom:7px;
    border-bottom:dashed 1px #ededed
}
.posts-by-category ul li a{
    color:#343434;
    font-size:16px
}
.posts-by-category ul li a span{
    float:right;
    color:inherit
}
.posts-by-category ul li:last-child{
    border-bottom:none;
    padding:0;
    margin:0
}
.latest-reviews-box img{
    width:70px;
    border-radius:3px
}
.latest-reviews-box h5{
    font-size:18px;
    margin:0 0 5px;
    font-weight:500
}
.latest-reviews-box p{
    margin-bottom:0
}
.tags-box ul li{
    display:inline-block
}
.tags-box ul li a{
    border:1px solid #efefef;
    color:#4a4a4a;
    display:inline-block;
    font-size:14px;
    margin:0 0 3px;
    padding:6px 15px;
    text-transform:capitalize;
    background:#efefef
}
.tags-box ul li a:hover{
    color:#fff
}
.popular-posts-box img{
    width:70px;
    border-radius:3px
}
.popular-posts-box h5{
    font-size:19px;
    margin:0 0 7px;
    font-weight:400
}
.popular-posts-box .listing-post-meta{
    font-size:15px;
    font-weight:400;
    color:#343434
}
.popular-posts-box .listing-post-meta a{
    color:#343434
}
.counters{
    padding:100px 0 70px;
    background:url(../img/img-7.jpg);
    z-index:0;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    position:relative
}
.counters:before{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:#191fcb;
    content:"";
    z-index:-1;
    opacity:.4
}
.counters .counter-box{
    padding:20px 20px 15px;
    background:rgb(0 0 0 / .36);
    -webkit-box-shadow:0 0 0 2px rgb(255 255 255 / 20%);
    box-shadow:0 0 0 2px rgb(255 255 255 / 20%);
    border-radius:5px;
    margin-bottom:30px;
    position:relative;
    transform:scale(1);
    transition:1s
}
.counters .counter-box:hover{
    transform:scale(1.05);
    z-index:999;
    background:#fff;
    -webkit-box-shadow:0 0 0 2px #FFF;
    box-shadow:0 0 0 2px #FFF
}
.counters .counter-box:hover p{
    color:#262525
}
.counters .counter-box i{
    font-size:48px;
    margin:0 0 7px
}
.counters .counter-box .icon{
    margin-right:20px
}
.counters .counter-box h1{
    font-size:30px;
    font-weight:600;
    margin:0 0 5px;
    text-align:left;
    color:#fff
}
.counters .counter-box p{
    font-size:16px;
    text-align:left;
    margin:0;
    color:#fff;
    font-weight:400;
    letter-spacing:1px
}
.counters-2 .counter-box{
    position:relative;
    z-index:2;
    -webkit-transition:.5s;
    transition:.5s;
    overflow:hidden;
    transition:0.3s cubic-bezier(.24,.74,.58,1);
    padding:80px 0;
    text-align:center
}
.counters-2 .border-l{
    border-left:solid 1px #0000001a
}
.counters-2 .border-r{
    border-right:solid 1px #0000001a
}
.counters-2 .counter-box i{
    font-size:45px;
    line-height:inherit
}
.counters-2 .counter-box:hover .icon{
    transform:rotateY(360deg)
}
.counters-2 .counter-box .icon{
    font-size:45px;
    line-height:100px;
    width:100px;
    height:100px;
    margin:0 auto;
    background:#fff;
    border-radius:100%;
    box-shadow:0 0 5px rgb(0 0 0 / 10%);
    display:inline-block;
    vertical-align:middle;
    transition:0.9s cubic-bezier(.24,.74,.58,1)
}
.counters-2 .counter-box h1{
    font-weight:700;
    margin:30px 0 5px;
    font-size:35px
}
.counters-2 .counter-box p{
    margin:0;
    font-size:18px;
    font-weight:500
}
.counters-3{
    padding:100px 0;
    background:url(../img/img-7.jpg);
    z-index:0;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    position:relative
}
.counters-3:before{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:#191fcb;
    content:"";
    z-index:-1;
    opacity:.4
}
.counters-3 .counter-box{
    padding:20px 20px 15px;
    width:50%;
    float:left;
    background:#fff;
    position:relative;
    transform:scale(1);
    transition:1s
}
.counters-3 .counter-box:hover{
    transform:scale(1.05);
    z-index:999;
    border:none
}
.counters-3 .counter-box:hover p{
    color:#fff!important
}
.counters-3 .counter-box:hover h1{
    color:#fff
}
.counters-3 .counter-box:hover i{
    color:#fff
}
.counters-3 .counter-box i{
    font-size:48px;
    margin:0 0 7px
}
.counters-3 .counter-box .icon{
    margin-right:20px
}
.counters-3 .counter-box h1{
    font-size:30px;
    font-weight:600;
    margin:0 0 5px;
    text-align:left
}
.counters-3 .counter-box p{
    font-size:17px;
    text-align:left;
    margin:0;
    font-weight:500
}
.counters-3 .counter-box.b-button{
    border-bottom:solid 1px #e4e4e4
}
.counters-3 .counter-box.b-right{
    border-right:solid 1px #e4e4e4
}
.counters-3 .infos{
    max-width:645px;
    margin:0 0 0 auto
}
.counters-3 .heading{
    max-width:400px;
    margin-bottom:0
}
.counters-3 .heading h1{
    color:#fff;
    font-size:33px;
    margin-bottom:0
}
.counters-3 .heading p{
    font-weight:600;
    font-size:18px;
    margin-bottom:5px
}
.comon-slick .slick .item .property-box-3{
    background-position:center;
    background-size:cover;
    transition:.3s;
    margin:0;
    opacity:1;
    -webkit-transform:scale3d(.9,.9,9);
    transform:scale3d(.9,.9,9);
    transition:all 0.3s ease-in-out
}
.comon-slick .slick .slick-list{
    padding:0!important
}
.comon-slick .slick .slick-center .property-box-3{
    opacity:1;
    -webkit-transform:scale3d(1,1,1);
    transform:scale3d(1,1,1)
}
.comon-slick .slick .slick-center .property-box{
    opacity:1;
    -webkit-transform:scale3d(1,1,1);
    transform:scale3d(1,1,1)
}
.comon-slick .slick-slide{
    outline:none
}
.comon-slick .slick-prev{
    display:none!important
}
.comon-slick .slick-next{
    display:none!important
}
.comon-slick .csi2 .slick-prev{
    position:absolute;
    top:48%;
    display:initial!important;
    z-index:1
}
.comon-slick .csi2 .slick-next{
    position:absolute;
    top:48%;
    display:initial!important;
    z-index:1
}
.comon-slick .slick-prev i{
    display:none
}
.comon-slick .slick-next i{
    display:none
}
.comon-slick .csi2 .slick-prev{
    width:50px;
    height:50px;
    position:absolute;
    top:45%;
    border-radius:100px;
    z-index:999;
    left:-10px;
    text-align:center;
    background:#fff;
    border:none;
    opacity:1;
    font-size:20px;
    display:initial;
    box-shadow:0 0 15px rgb(0 0 0 / 10%)
}
.comon-slick .csi2 .slick-prev::before{
    content:"←"
}
.comon-slick .csi2 .slick-next::before{
    content:"→"
}
.comon-slick .csi2 .slick-next{
    width:50px;
    height:50px;
    line-height:50px;
    position:absolute;
    top:45%;
    z-index:999;
    right:-10px;
    text-align:center;
    background:#fff;
    opacity:1;
    font-size:20px;
    display:initial;
    border:none;
    border-radius:100px;
    box-shadow:0 0 15px rgb(0 0 0 / 10%)
}
.slide-box{
    padding:0 15px
}
.photo-gallery .filtr-item{
    padding:0 15px
}
.featured-properties .filtr-item{
    padding:0 15px!important
}
.popular-places-box{
    position:relative;
    z-index:0;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    transition:0.3s cubic-bezier(.24,.74,.58,1);
    width:100%!important;
    margin:0 0 15px 0;
    overflow:hidden
}
.popular-places-box .popular-places-overflow{
    overflow:hidden;
    border-radius:3px
}
.popular-places-box .popular-places-photo{
    position:relative;
    transform:scale(1);
    transition:1s;
    border-radius:3px
}
.popular-places-box .popular-places-photo img{
    border-radius:3px;
    height:280px;
    width:100%
}
.popular-places-box .popular-places-photo .big{
    height:575px
}
.popular-places-box:hover .popular-places-photo{
    transform:scale(1.2);
    border-radius:3px
}
.popular-places-box:hover .popular-places-photo img{
    border-radius:3px
}
.popular-places-box .popular-places-photo:before{
    content:"";
    top:0;
    position:absolute;
    height:100%;
    width:100%;
    z-index:9;
    background:linear-gradient(to top,rgb(35 35 37 / 77%) 0%,rgb(35 35 37 / 39%) 35%,rgb(22 22 23 / 23%) 60%,#fff0 100%);
    border-radius:3px;
    opacity:1
}
.popular-places-box:hover .popular-places-photo:before{
    background:linear-gradient(0,#154ef0c9,#fff0);
    opacity:.9
}
.popular-places-box h3{
    -webkit-transition:.4s;
    transition:.4s;
    color:#fff;
    font-weight:400;
    font-size:22px;
    letter-spacing:1px;
    margin-bottom:2px
}
.popular-places-box .listings_no{
    position:absolute;
    top:20px;
    right:20px;
    z-index:20;
    font-size:12px;
    background:rgb(0 0 0 / .15);
    -webkit-box-shadow:0 0 0 1px rgb(255 255 255 / 20%);
    box-shadow:0 0 0 1px rgb(255 255 255 / 20%);
    color:#fff;
    padding:7px 14px 6px;
    font-weight:500;
    border-radius:3px
}
.popular-places-box p{
    margin-bottom:0;
    color:#fff
}
.popular-places-box .ling-section{
    position:absolute;
    bottom:20px;
    padding-right:20px;
    padding-left:20px;
    width:100%
}
.popular-places-box h3 a{
    color:#fff
}
.popular-places-box h3 a:hover{
    color:#fff;
    opacity:.9
}
.popular-places .col-pad{
    padding:0 7.5px
}
.services-4{
    padding:115px 0 50px
}
.advanced-search-2{
    background:#fff;
    box-shadow:0 0 10px rgb(0 0 0 / .1)
}
.advanced-search .form-group{
    margin-bottom:15px
}
.coming-soon{
    background:url(../img/banner/img-1.jpg);
    background-size:cover;
    top:0;
    width:100%;
    bottom:0;
    opacity:1;
    min-height:100vh;
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:15px 0;
    z-index:0;
    text-align:center
}
.coming-soon:before{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:#000587;
    content:"";
    z-index:-1;
    opacity:.6
}
.coming-soon h1{
    font-weight:600;
    font-size:52px;
    margin-bottom:35px;
    color:#fff;
    text-transform:uppercase
}
.coming-soon p{
    color:#fff;
    font-size:18px;
    margin-bottom:30px;
    font-weight:400
}
.coming-soon .coming-soon-info{
    max-width:700px;
    margin:0 auto
}
.coming-soon ul li{
    display:inline-block
}
.coming-soon ul li a{
    color:#fff;
    width:45px;
    font-size:18px;
    height:45px;
    display:inline-block;
    line-height:45px;
    margin:2px;
    border-radius:3px;
    background:rgb(0 0 0 / .36);
    -webkit-box-shadow:0 0 0 2px rgb(255 255 255 / .2);
    box-shadow:0 0 0 2px rgb(255 255 255 / .2)
}
.coming-soon ul li a:hover{
    background:#fff;
    -webkit-box-shadow:0 0 0 2px #fff;
    box-shadow:0 0 0 2px #fff
}
.coming-soon-info .coming-form{
    max-width:500px;
    margin:0 auto 30px
}
.coming-soon .bordered-right{
    border-right:1px solid #848484
}
.coming-soon .form-control{
    width:67%;
    height:50px;
    padding:10px 15px;
    border-radius:0;
    font-size:16px;
    outline:0;
    border:1px solid #ebebeb;
    border-top-left-radius:3px;
    border-bottom-left-radius:3px
}
.coming-soon .btn,.coming-soon-info .btn:hover,.coming-soon-info .btn:active{
    width:33%;
    border-radius:0;
    height:50px;
    line-height:50px;
    padding:0 15px;
    border-top-right-radius:3px;
    border-bottom-right-radius:3px;
    font-size:14px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1px;
    cursor:pointer;
    color:#fff
}
.coming-soon img{
    margin-bottom:10px;
    height:35px
}
.coming-soon-counter{
    margin-bottom:30px
}
.option-bar{
    margin-bottom:30px;
    padding:10px 15px;
    background:#fff;
    box-shadow:0 0 10px rgb(0 0 0 / .1)
}
.option-bar .title{
    color:#262525;
    font-size:14px;
    text-transform:uppercase;
    font-weight:500;
    margin-right:10px;
    font-family:'Jost',sans-serif;
    line-height:35px
}
.sorting-options span{
    line-height:35px
}
.sorting-options2{
    float:right
}
.option-bar .search-fields{
    min-height:35px
}
.option-bar .sorting .bootstrap-select button{
    line-height:35px;
    padding:0 15px 0 15px
}
.change-view-btn{
    border-radius:2px;
    background:#fff0;
    padding:6.5px 9.5px
}
.change-view-btn:hover{
    color:#fff
}
.active-view-btn{
    color:#fff!important;
    padding:6.5px 8.5px
}
.active-view-btn:hover{
    background:#fff0
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color:#ccc!important;
    filter:"alpha(opacity=20)";
    -ms-filter:"alpha(opacity=20)"
}
.comments{
    list-style:none;
    margin:0 0 50px;
    padding:0
}
.comment{
    position:relative
}
.comment-author{
    border-radius:50%;
    height:80px;
    width:80px;
    left:0;
    position:absolute;
    top:0
}
.comment-author a img{
    border-radius:50%;
    display:block;
    width:100%;
    position:absolute;
    top:20px;
    box-shadow:1px 2px 3px 0 rgb(0 0 0 / 40%)
}
.t-s{
    margin-top:40px
}
.t-s h2{
    font-weight:500;
    font-size:22px;
    margin:0 0 20px
}
.comment-content{
    padding:20px 20px 20px 60px;
    margin:0 0 20px 40px;
    background:#fff;
    box-shadow:0 0 5px rgb(0 0 0 / .1)
}
.comment-content h3{
    font-size:20px;
    font-weight:400;
    margin-bottom:10px
}
.comment-content p{
    margin-bottom:0
}
.comment-content .comment-rating{
    color:orange
}
.comment-meta{
    margin-bottom:10px;
    font-size:15px
}
.comment-meta a{
    margin-left:10px;
    font-weight:500
}
.comments ul{
    list-style:none;
    margin:0 0 0 80px;
    padding:0
}
.contact-1 .form-control{
    width:100%;
    padding:10px 20px;
    font-size:15px;
    outline:0;
    font-weight:500;
    color:#f6f6f6;
    height:50px;
    border-radius:3px;
    border:1px solid #dbdbdb;
    box-shadow:0 1px 3px 0 rgb(0 0 0 / .06)
}
.contact-1 .heading{
    font-size:25px;
    line-height:32px;
    margin:0 0 30px
}
.contact-1 .text{
    margin-bottom:50px;
    font-size:16px
}
.contact-1 .form-control:focus{
    color:#495057;
    box-shadow:0 1px 3px 0 rgb(0 0 0 / .06);
    outline:0
}
.contact-1 .form-group{
    margin-bottom:20px
}
.contact-1 .contact-inner{
    max-width:840px;
    margin-left:auto
}
.contact-1 textarea{
    min-height:220px
}
.contact-1 .btn-message{
    border-radius:3px;
    padding:10px 30px 11px
}
.contact-1 .contact-info .contact-info-box i{
    width:60px;
    line-height:55px;
    color:#22252a;
    font-size:40px
}
.contact-1 .contact-info h3{
    margin-bottom:20px
}
.contact-1 .contact-info .contact-info-box h5{
    font-weight:400;
    font-size:17px;
    font-style:normal;
    margin:0 0 5px
}
.contact-1 .contact-info .contact-info-box p{
    margin-bottom:0
}
.contact-2 .contact-info{
    text-align:center
}
.contact-2 .contact-info .strong{
    font-weight:600;
    font-size:17px;
    color:#262525;
    margin:5px 0 0
}
.contact-2 .contact-info p{
    margin-bottom:0
}
.contact-2 .contact-info i{
    font-size:30px;
    margin:0 0 20px;
    font-weight:500
}
.contact-2 .contact-info .mrg-btn-50{
    margin-bottom:50px
}
.contact-2 .form-control{
    width:100%;
    padding:10px 20px;
    font-size:15px;
    outline:0;
    font-weight:500;
    color:#f6f6f6;
    height:50px;
    border-radius:3px;
    border:1px solid #dbdbdb
}
.contact-2 .form-control:focus{
    color:#495057;
    background-color:#fff0;
    border:1px solid #dbdbdb;
    outline:0
}
.contact-2 .form-group{
    margin-bottom:20px
}
.contact-2 textarea{
    min-height:230px
}
.contact-2 .btn-message{
    border-radius:50px;
    padding:10px 60px 11px
}
.contact-2 .opening-hours{
    padding:40px;
    max-width:400px;
    margin-left:auto;
    background:#fff;
    box-shadow:0 0 5px rgb(0 0 0 / .1)
}
.contact-2 .opening-hours .list-style-none li{
    list-style:none;
    line-height:35px;
    font-size:15px
}
.contact-2 .opening-hours strong{
    font-weight:500
}
.contact-2 .opening-hours span{
    float:right
}
.contact-2 .opening-hours h3{
    font-size:20px;
    font-weight:500;
    margin:0 0 20px
}
.contact-3 .contact-info{
    background:#fff;
    padding:50px;
    background:rgb(0 0 0 / .04) url(../img/banner/img-1.jpg) top left repeat;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    position:relative;
    z-index:0
}
.contact-3 .contact-info:before{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:#000591;
    content:"";
    z-index:-1;
    opacity:.7
}
.contact-3 .contact-form{
    padding:50px
}
.contact-3 .contact-info h3{
    margin-bottom:25px;
    font-weight:500;
    font-size:22px;
    color:#fff
}
.contact-3 .contact-info .mb-30{
    margin-bottom:30px!important
}
.contact-3 .contact-form h3{
    margin-bottom:25px;
    font-weight:500;
    font-size:22px
}
.contact-3 .contact-innner{
    background-color:#f6f6f6
}
.contact-3 .contact-info .ci-box{
    margin-bottom:20px;
    position:relative
}
.contact-3 .contact-info .ci-box i{
    width:65px;
    font-size:25px;
    height:65px;
    line-height:65px;
    border-radius:100%;
    background:rgb(0 0 0 / .15);
    color:#fff;
    text-align:center
}
.contact-3 .contact-info .ci-box .detail{
    margin:5px 0 0 20px
}
.contact-3 .contact-info .ci-box h4{
    font-weight:400;
    font-size:18px;
    color:#fff;
    font-style:normal;
    margin:0 0 5px
}
.contact-3 .contact-info .ci-box p{
    font-size:15px;
    color:#fff;
    margin-bottom:0
}
.contact-3 .contact-info .ci-box p a{
    color:#fff
}
.contact-3 .contact-info .social-list li a{
    font-size:18px;
    float:left;
    margin:0 3px 3px 0;
    background:rgb(0 0 0 / .15);
    color:#fff;
    width:45px;
    height:45px;
    text-align:center;
    line-height:45px
}
.contact-3 .contact-info .social-list li a:hover{
    background:#fff
}
.contact-3 .btn-4{
    line-height:58px
}
.contact-3 .form-control{
    width:100%;
    font-size:15px;
    outline:0;
    border-radius:3px;
    border:1px solid #fff;
    background:#fff
}
.contact-3 .form-control:focus{
    color:#495057;
    border:1px solid #fff;
    background:#fff;
    outline:0
}
.contact-3 .form-floating>label{
    padding:1rem 1rem
}
.contact-3 .form-floating{
    color:#343434
}
.contact-3 .form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){
    padding-top:1.625rem;
    padding-bottom:.625rem;
    padding-right:1rem;
    padding-left:1rem
}
.contact-3 textarea{
    min-height:226px
}
.contact-3 .btn-message{
    border-radius:50px;
    padding:10px 60px 11px
}
.contact-3 .form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{
    opacity:.90;
    transform:scale(.85) translateY(-.5rem) translateX(.15rem)
}
.social-media-box .social-list li{
    float:left
}
.social-media-box .social-list li a{
    width:45px;
    height:45px;
    line-height:45px;
    text-align:center;
    display:inline-block;
    font-size:18px;
    color:#fff;
    margin:0 3px 4px 0;
    border-radius:3px
}
.financing-calculator .form-label{
    margin-bottom:8px;
    font-size:16px;
    font-weight:500;
    color:#343434
}
.financing-calculator .form-group{
    margin-bottom:20px
}
.brand-box{
    text-align:center;
    padding:20px;
    background:#f9f9f9;
    display:inline-block;
    width:100%;
    margin-bottom:20px
}
.brand-box h5{
    font-weight:400;
    margin:10px 0 0;
    font-size:18px
}
.brand-box img{
    height:60px
}
.view-all h3{
    margin-bottom:20px;
    font-size:20px;
    font-weight:500;
    text-transform:uppercase
}
.view-all ul{
    margin-bottom:20px
}
.view-all ul li{
    display:inline-block
}
.view-all ul li a{
    width:45px;
    height:45px;
    line-height:45px;
    margin-bottom:5px;
    text-align:center;
    display:inline-block;
    font-size:17px;
    font-weight:500;
    background:#f9f9f9
}
.search-brand-section .search-box{
    width:100%;
    max-width:500px;
    margin:0 auto
}
.search-brand-section .form-search .form-control{
    border:1px solid #f9f9f9;
    background:#f9f9f9;
    border-radius:3px;
    height:55px
}
.search-brand-section .form-search .btn{
    background:none;
    position:absolute;
    right:0;
    top:0;
    padding:14.5px
}
.blog-body .form-search .form-group,.form-search .form-control{
    width:100%;
    max-width:100%
}
.service-info-5{
    margin:50px 0 30px;
    border:none;
    box-shadow:0 0 10px 1px rgb(71 85 95 / 8%);
    position:relative;
    padding:80px 25px 30px;
    text-align:center;
    background:#fff;
    -webkit-transition:all 0.9s;
    transition:all 0.9s;
    border-radius:5px;
    z-index:1
}
.service-info-5:hover{
    box-shadow:0 0 10px rgb(0 0 0 / .1)
}
.service-info-5 h4{
    margin-bottom:10px;
    font-weight:500;
    font-size:22px
}
.service-info-5 p{
    margin-bottom:0
}
.service-info-5 .icon{
    position:absolute;
    left:0;
    top:-50px;
    width:100%;
    font-size:40px
}
.service-info-5 .service-i{
    height:100px;
    line-height:100px;
    max-width:100px;
    margin:0 auto;
    background:#fff;
    border:solid 3px #fff;
    border-radius:100px;
    box-shadow:0 0 10px 1px rgb(71 85 95 / 8%)
}
.service-info-5::before{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:0;
    -webkit-transition:all 0.9s;
    transition:all 0.9s;
    z-index:-1;
    border-radius:5px
}
.service-info-5:hover::before{
    height:100%
}
.service-info-5:hover p{
    color:#fff
}
.service-info-5:hover h4 a{
    color:#fff
}
.mt-30{
    margin-top:30px
}
.section-2{
    background:#f5f5f5
}
.btn-outline-2{
    padding:11px 35px 10px;
    font-size:16px;
    font-weight:400;
    border-radius:3px;
    box-shadow:0 0 5px rgb(0 0 0 / 10%)
}
.our-newslatters-2{
    background:url(../img/banner/img-1.jpg);
    z-index:0;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    position:relative;
    padding:30px 0
}
.our-newslatters-2:before{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:#191fcb;
    content:"";
    z-index:-1;
    opacity:.4
}
.our-newslatters-2 .subscribe-box{
    margin-top:10px
}
.our-newslatters-2 .form-inline{
    width:100%;
    border-radius:50px;
    background:#fff
}
.our-newslatters-2 form .form-control{
    width:70%;
    height:60px;
    padding:10px 25px 10px 25px!important;
    font-size:17px;
    outline:0;
    border-radius:50px;
    border:#fff0
}
.our-newslatters-2 .form-inline .btn{
    width:30%;
    padding:15.5px 13px;
    font-size:13px;
    font-weight:600;
    border-radius:100px;
    text-transform:uppercase;
    letter-spacing:1px;
    color:#fff;
    background:#0b0b0b
}
.our-newslatters-2:before{
    opacity:.7;
    content:"";
    display:block;
    left:0;
    right:0;
    top:0;
    bottom:0;
    height:100%;
    width:100%;
    position:absolute
}
.intro-text .icon{
    background:#fff;
    width:80px;
    height:80px;
    line-height:80px;
    text-align:center;
    font-size:35px;
    border-radius:100px;
    margin-right:20px;
    box-shadow:0 0 5px rgb(0 0 0 / 10%)
}
.intro-text h3{
    font-size:22px;
    font-weight:500;
    margin:12px 0 5px;
    color:#fff
}
.intro-text p{
    margin-bottom:0;
    color:#fff
}
.our-newslatters-3{
    padding:50px 0;
    display:inline-block;
    width:100%
}
.our-newslatters-3 .intro-text h3{
    font-size:28px;
    margin:0 0 5px;
    color:#fff;
    line-height:normal;
    font-weight:500;
    text-transform:uppercase
}
.our-newslatters-3 p{
    color:#fff!important;
    margin-bottom:0;
    font-weight:400;
    font-size:16px
}
.our-newslatters-3 .contact-us-today{
    background:#fff;
    padding:19px 40px 17px;
    border-radius:50px;
    color:#353434;
    font-weight:600;
    margin-top:7.5px
}
.our-newslatters-3 .contact-us-today:hover{
    box-shadow:0 0 35px rgb(0 0 0 / 10%)
}
.our-newslatters-3 .subscribe-box{
    display:inline-block;
    float:right
}
.our-newslatters-3{
    background:#274abb
}
.content-area{
    padding:0 0 70px
}
.content-area-2{
    margin-bottom:100px
}
.content-area-3{
    margin-bottom:50px
}
.content-area-4{
    padding:80px 0 30px
}
.content-area-5{
    padding:100px 0
}
.content-area-6{
    padding:80px 0 30px
}
.content-area-7{
    padding:80px 0 30px
}
.content-area-8{
    padding:100px 0 85px
}
.content-area-9{
    padding:0 0 100px
}
.content-area-11{
    padding:100px 0
}
.content-area-12{
    padding:100px 0 50px
}
.content-area-13{
    padding:100px 0 60px
}
.content-area-14{
    padding:100px 0 50px
}
.content-area-15{
    padding:159px 0 70px
}
.content-area-16{
    padding:135px 0 70px
}
.content-area-17{
    padding:100px 0 50px
}
.content-area-18{
    padding:35px 0 50px
}
.theme img{
    margin-bottom:30px
}
.content-area-19{
    padding:100px 0 80px
}

.content-area-custom{
    padding:45px 0;
}
.helping-sentar{
    padding-top:90px
}
.helping-sentar .contact-1 .form-group{
    margin-bottom:25px
}
.helping-sentar .contact-1 textarea{
    min-height:150px
}
.show-more-options{
    font-weight:500;
    font-size:15px;
    margin-bottom:20px;
    display:block
}
.pagination-box{
    margin-bottom:25px
}
.pagination{
    padding-left:0;
    border-radius:4px;
    display:inline-block
}
.pagination li{
    display:inline-block
}
.pagination>li>a{
    color:#212529;
    font-size:18px;
    background:#fff;
    box-shadow:1px 1px 1px 1px rgb(0 0 0 / .1)
}
.pagination>li>a,.pagination>li>span{
    border-radius:0;
    margin:0 0 5px;
    width:40px;
    height:40px;
    text-align:center;
    padding:0;
    line-height:40px;
    border:none
}
.pagination>li>a:hover{
    color:#fff
}
.pagination>li>.active{
    color:#fff;
    box-shadow:1px 1px 1px 1px rgb(0 0 0 / .1)
}
.page-link:focus{
    box-shadow:1px 1px 1px 1px rgb(0 0 0 / .1)
}
.partners{
    text-align:center;
    padding:40px 0 35px
}
.partners{
    text-align:center;
    padding:50px 0 40px
}
.partners h4{
    font-weight:500;
    margin:0 0 20px;
    text-transform:uppercase;
    font-size:20px
}
.partners img{
    max-width:150px;
    margin:0 auto
}
.partners .custom-slider{
    width:100%;
    margin:auto
}
.partners .slick-slider{
    user-select:none
}
.partners .slick-next{
    right:0;
    display:none!important
}
.partners .slick-prev{
    left:0;
    display:none!important
}
.sidebar-right{
    margin:0 0 30px 0;
    box-shadow:0 0 10px rgb(0 0 0 / .1);
    background:#fff
}
.sidebar-left{
    margin:0 0 30px 0;
    box-shadow:0 0 10px rgb(0 0 0 / .1);
    background:#fff
}
.widget{
    padding:30px 25px;
    border-bottom:solid 1px #eaeaea
}
.widget-2{
    margin-bottom:40px;
    padding:20px
}
.wdt-2{
    border-bottom:none
}
.single-block{
    margin-bottom:30px
}
.sidebar-title{
    font-size:22px;
    position:relative;
    margin:0 0 20px;
    font-weight:500
}
.sidebar .search-box{
    padding:20px 20px 0 20px;
    margin-bottom:0
}
.form-search{
    position:relative
}
.form-search .form-control{
    border:1px solid #dcdcdc;
    box-shadow:none;
    border-radius:3px;
    height:50px
}
.form-search .btn{
    background:none;
    position:absolute;
    right:0;
    top:0;
    padding:9px 12px 9px 13px
}
.form-search .btn:active,.form-search .btn:focus{
    box-shadow:none;
    outline:none
}
.form-search .btn i{
    color:#777
}
.form-search .form-group,.form-search .form-control{
    width:100%
}
.range-slider{
    margin-top:15px;
    margin-bottom:30px
}
.range-slider .ui-slider{
    position:relative;
    text-align:left
}
.range-slider label{
    font-size:16px;
    color:#343434;
    font-weight:600;
    margin-bottom:12px
}
.range-slider .ui-slider .ui-slider-handle{
    position:absolute;
    z-index:2;
    width:12px;
    height:12px;
    border-radius:0;
    border:2px solid #66676b;
    cursor:w-resize;
    outline:none;
    top:-4px;
    margin-left:-8px;
    box-shadow:none!important
}
.range-slider .ui-slider .ui-slider-range{
    position:absolute;
    z-index:1;
    display:block;
    border:0;
    background-position:0 0
}
.range-slider .ui-widget-content{
    background-color:#ccc
}
.range-slider .ui-slider.ui-state-disabled .ui-slider-handle,.range-slider .ui-slider.ui-state-disabled .ui-slider-range{
    filter:inherit
}
.range-slider .ui-slider-horizontal{
    height:4px;
    border-radius:0;
    width:calc(100% - 16px);
    margin-left:8px
}
.range-slider .ui-slider-horizontal .ui-slider-range{
    top:0;
    height:100%
}
.range-slider .ui-slider-horizontal .ui-slider-range-min{
    left:0
}
.range-slider .ui-slider-horizontal .ui-slider-range-max{
    right:0
}
.min-value:focus,.max-value:focus,.min-value,.max-value{
    width:60%;
    display:inline-block;
    border:0;
    background-color:#fff0;
    padding:0;
    margin:12px 0 0 0;
    cursor:default
}
.min-value{
    float:left;
    margin-left:-8px;
    width:45%;
    margin-right:-8px;
    font-size:13px;
    font-weight:600;
    margin-top:15px
}
.max-value{
    float:right;
    width:55%;
    text-align:right;
    margin-right:-8px;
    font-size:13px;
    font-weight:600;
    margin-top:15px
}
.sidebar .recent-properties-box .detail header{
    padding-bottom:0
}
.contact-map{
    height:350px!important
}
.contact-map-content .map-content{
    width:250px
}
.location .contact-map{
    height:400px!important
}
.sub-banner{
    background:rgb(0 0 0 / .04) url(../img/img-6.jpg) top left repeat;
    background-size:cover;
    padding:157px 0 100px;
    z-index:1;
    background-position:center center;
    background-repeat:no-repeat;
    position:relative
}
.sub-banner:before{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgb(36 10 99 / 38%);
    content:"";
    z-index:-1;
    opacity:.9
}
.sub-banner h1{
    font-size:27px;
    font-weight:500;
    margin:0;
    color:#fff
}
.sub-banner .breadcrumb-area{
    text-align:right
}
.sub-banner .breadcrumb-area ul li{
    display:inline-block;
    line-height:32px;
    color:#fff;
    font-size:17px
}
.sub-banner .breadcrumb-area ul li a{
    color:#fff
}
.sub-banner .breadcrumb-area ul li a:hover{
    color:#dedede
}
.sub-banner .breadcrumb-area ul li span{
    margin:0 5px;
    color:#fff
}
.blog-social-list{
    float:right
}
.blog-social-list a{
    text-align:center;
    display:inline-block;
    list-style:none
}
.blog-social-list span{
    margin-right:5px;
    font-weight:600;
    font-size:18px;
    color:#262525
}
.blog-social-list a{
    width:42px;
    height:42px;
    line-height:42px;
    text-align:center;
    display:inline-block;
    font-size:16px;
    color:#fff;
    margin:0 0 2px 0;
    border-radius:5%
}
.blog-tags a{
    display:inline-block;
    font-size:16px;
    margin:0 0 2px;
    padding:8px 15px;
    text-transform:capitalize;
    border:1px solid #efefef;
    background:#efefef;
    color:#4a4a4a
}
.blog-tags span{
    margin-right:5px;
    font-weight:600;
    color:#262525;
    font-size:18px
}
blockquote{
    padding:20px 20px;
    margin:0 0 20px;
    font-size:15px;
    line-height:26px;
    color:#262525;
    background:#f8f9fa
}
.my-account-box{
    background:#fff;
    box-shadow:0 0 10px rgb(0 0 0 / .1)
}
.my-account-box ul li a{
    border-bottom:1px solid #f5f5f5;
    padding:12.5px 20px 12.5px 20px;
    width:100%;
    display:block;
    font-size:16px;
    color:#343434
}
.my-account-box ul li a i{
    margin-right:10px
}
.my-address form .form-group{
    margin-bottom:20px
}
.my-address form .form-control{
    width:100%;
    padding:10px 17px;
    font-size:15px;
    border:1px solid #cac8c8;
    outline:none;
    height:50px;
    border-radius:3px;
    line-height:30px
}
.my-address form textarea{
    min-height:150px
}
.my-address form label{
    display:inline-block;
    max-width:100%;
    margin-bottom:5px;
    font-size:16px;
    color:#343434
}
.my-address{
    background:#fff;
    padding:30px;
    box-shadow:0 0 10px rgb(0 0 0 / .1)
}
.edit-profile-photo{
    position:relative;
    box-shadow:0 0 10px rgb(0 0 0 / .1);
    margin:0 auto
}
.edit-profile-photo img{
    width:100%
}
.change-photo-btn{
    border-radius:2px;
    display:inline-block;
    position:absolute;
    font-size:13px;
    bottom:15px;
    left:15px;
    width:auto;
    background-color:#fff;
    color:#333;
    transition:0.3s;
    cursor:pointer;
    line-height:28px
}
.photoUpload{
    position:relative;
    overflow:hidden;
    padding:3px 12px;
    cursor:pointer
}
.photoUpload span{
    color:#fff;
    font-weight:600
}
.photoUpload input.upload{
    position:absolute;
    top:0;
    right:0;
    margin:0;
    padding:0;
    cursor:pointer;
    opacity:0;
    filter:alpha(opacity=0)
}
.my-account-box{
    margin-bottom:50px
}
.my-address{
    margin-bottom:30px
}
.manage-table .listing-photoo{
    width:19%
}
.manage-table .listing-photoo img{
    width:100%;
    border-radius:4px
}
.manage-table .title-container{
    width:40%;
    padding:25px 0 0 20px
}
.manage-table .title-container h5{
    font-size:19px;
    margin:0 0 10px;
    font-weight:500
}
.manage-table .title-container p{
    font-size:15px;
    margin-bottom:0
}
.manage-table .title-container h6{
    font-size:16px;
    font-weight:400;
    margin-bottom:7px
}
.manage-table .action{
    width:13%;
    padding-left:0
}
.manage-table .date{
    width:13%;
    color:#343434;
    padding-left:0;
    font-size:15px
}
.manage-table .action ul li a{
    font-size:14px;
    text-align:center;
    font-weight:400;
    color:#343434
}
.manage-table .action ul li a i{
    margin-right:2px
}
.manage-table .action ul li .dlt{
    background:#f5f6f7;
    padding:5px 12px;
    border-radius:3px;
    font-size:13px
}
.manage-table .title-container h5 a:hover{
    color:#4a4747
}
.manage-table thead tr{
    margin-bottom:30px!important;
    border-bottom:#fff0
}
.manage-table thead tr th{
    padding:0 0 5px 0;
    font-weight:400;
    color:#343434;
    border-right:none;
    font-size:18px
}
.manage-table tbody tr td{
    padding:25px 0 0 0
}
.footer .listing-meta span a{
    text-decoration:none;
    float:right;
    margin-left:15px;
    color:#525252
}
.footer .listing-meta span a i{
    margin-right:4px
}
.footer .listing-meta span a:hover{
    color:#8c8c8c
}
.heading{
    margin:0 0 30px;
    font-weight:500
}
.heading-2{
    margin:0 0 20px;
    font-size:22px;
    font-weight:500
}
.heading-2.mb-10{
    margin-bottom:10px
}
.typography-2 .heading{
    text-transform:uppercase;
    margin:20px 0
}
.typography-2 .sd p{
    margin-bottom:40px
}
.hr-title.hr-long{
    width:50%;
    margin:20px auto 20px
}
.hr-title{
    border-top-style:solid;
    border-top-width:1px;
    font-size:16px;
    text-align:center;
    line-height:20px;
    margin:10px 0;
    height:auto;
    color:#bbb
}
.hr-title abbr{
    background-color:#fff;
    padding:2px 10px;
    border-radius:2px;
    position:relative;
    top:-10px;
    letter-spacing:.2em
}
.typography-2 address{
    margin-bottom:20px;
    font-style:normal;
    font-size:14px;
    line-height:26px;
    color:#343434
}
.typography .headline{
    font-size:22px;
    margin:0 0 20px 0
}
.typography blockquote{
    padding:30px 30px;
    margin:0 0 20px;
    font-size:17px;
    line-height:25px;
    color:#343434;
    border-left:5px solid #eee
}
.typography mark.color{
    border-radius:3px
}
.typography mark{
    background:#ff0;
    color:#8a803e
}
.typography mark,.mark{
    background-color:#fcf8e3;
    padding:3px 5px;
    border-radius:3px
}
.typography .list-3 li:first-child,.list-2 li:first-child,.list-1 li:first-child{
    margin-top:0
}
.typography .list-3 li,.list-2 li,.list-1 li{
    list-style:none;
    margin:14px 0;
    line-height:27px;
    margin-left:27px;
    position:relative;
    color:#343434
}
.typography .list-3,.list-2,.list-1{
    padding:5px 0 0 0
}
.typography .list-2 li:before{
    content:"\f00c";
    font-size:14px
}
.typography .list-1 li:before{
    content:"\f0c8";
    font-size:8px
}
.typography .list-3 li:before,.list-2 li:before,.list-1 li:before{
    font-family:"FontAwesome";
    margin:0;
    position:relative;
    color:#66676b;
    float:left;
    margin-left:-27px;
    display:block
}
.typography .list-3 li:before{
    content:"\f058";
    font-size:15px;
    top:1px
}
.typography .numbered ol{
    counter-reset:li;
    list-style:none;
    padding:0;
    margin-left:18px;
    display:inline-block
}
.typography .numbered ol li{
    display:inline-block;
    padding:6px 0;
    width:100%;
    color:#343434
}
.typography .numbered.color ol>li::before{
    border:1px solid #274abb;
    color:#274abb
}
.typography .numbered.color ol>li::before{
    border:1px solid #66676b;
    color:#66676b
}
.typography .numbered ol>li::before{
    content:counter(li);
    counter-increment:li;
    font-size:16px;
    line-height:34px;
    width:36px;
    height:36px;
    display:inline-block;
    border:1px solid #333;
    border-radius:0%;
    text-align:center;
    margin:0;
    margin-left:0;
    font-weight:500;
    color:#333;
    position:relative;
    float:left;
    left:-18px;
    transform:translateY(-20%)
}
.typography .numbered.color.filled ol>li::before{
    color:#fff
}
.typography .demo h1,.demo h2,.demo h3,.demo h4,.demo h5,.demo h6{
    line-height:40px
}
.properties-amenities ul li{
    margin-bottom:10px;
    font-size:16px
}
.properties-amenities ul li i{
    margin-right:5px;
    text-align:center;
    font-size:16px;
    font-weight:400
}
.properties-condition ul li{
    margin-bottom:10px;
    font-size:16px
}
.properties-condition ul li i{
    margin-right:5px;
    text-align:center;
    font-size:16px
}
.inside-properties iframe{
    width:100%!important;
    border:0;
    height:360px
}
.detail-slider-full .thumbs img{
    width:149px;
    height:95px
}
.detail-slider-full .item img{
    height:450px
}
.search-banner{
    margin:0;
    padding:50px 15px 30px;
    background-color:#f9f9f8
}
.search-banner .search-title{
    font-size:20px;
    font-weight:500;
    text-transform:uppercase;
    margin-bottom:25px
}
.search-banner .show-more-options{
    margin-bottom:20px;
    display:block
}
.search-banner .form-group{
    margin-bottom:15px
}
.search-banner .mb-30{
    margin-bottom:30px
}
.search-banner .accordion-item{
    background-color:#fff0
}
.search-banner-two{
    padding:107px 15px 30px
}
.property-details ul li{
    font-weight:400;
    margin-bottom:7px;
    font-size:16px
}
.property-details ul li strong{
    margin-right:5px;
    font-weight:500
}
.properties-details-page .heading{
    margin-bottom:20px;
    font-size:20px;
    font-weight:500
}
.properties-details-page iframe,.modal-body iframe .element.style{
    height:350px
}
.properties-details-page iframe,.modal-body iframe{
    width:100%;
    border:none!important
}
.heading-properties-2{
    margin-bottom:20px
}
.heading-properties-2 h3{
    margin-top:0;
    font-weight:500;
    font-size:26px
}
.heading-properties-2 .pull-right{
    text-align:right
}
.heading-properties-2 p{
    margin-bottom:0;
    font-size:16px
}
.hp-3{
    margin-bottom:40px;
    padding:20px
}
.hp-3 h3{
    color:#fff
}
.hp-3 h3 span{
    color:#fff!important
}
.hp-3 p{
    color:#fff
}
.carousel-inner img{
    width:100%
}
.list-inline-item:not(:last-child){
    margin-right:1px
}
.what-nearby ul{
    margin-bottom:30px
}
.what-nearby ul li{
    margin-bottom:10px;
    font-size:15px
}
.what-nearby ul li span{
    float:right
}
.what-nearby ul li i{
    color:orange
}
.what-nearby h4{
    font-size:18px;
    font-weight:500;
    margin-bottom:20px
}
.what-nearby strong{
    font-weight:500!important
}
.properties-slider-section{
    width:100%;
    display:block;
    margin:0 auto 40px
}
.properties-slider-section .slick-prev{
    display:none!important
}
.properties-slider-section .slick-arrow{
    display:none!important
}
.properties-slider-section button{
    display:none
}
.properties-slider-section .slick-slide img{
    display:inline-block
}
.properties-slider-section .slider-nav img{
    cursor:pointer
}
.rating-area{
    margin-bottom:50px;
    width:100%
}
.rating-area .average-rating{
    width:22%;
    float:left
}
.rating-area .rating-details{
    width:75%;
    float:left;
    padding:20px 0 0 20px
}
.rating-area .average-rating{
    padding:25px 5px;
    text-align:center;
    border-radius:0;
    background:#fff;
    box-shadow:0 0 5px rgb(0 0 0 / .1)
}
.rating-area .average-rating h1{
    color:#fff;
    font-weight:600;
    font-size:45px;
    margin-bottom:0
}
.rating-area .average-rating .ratings i{
    color:orange
}
.rating-area .average-rating h4{
    font-size:16px;
    margin:0 0 5px
}
.progress{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height:20px;
    overflow:hidden;
    font-size:.75rem;
    background-color:#e9ecef;
    border-radius:.25rem
}
.rating-area .progress-info .progress{
    height:6px
}
.rating-area .progress-info{
    width:50%;
    float:left;
    padding:0 10px
}
.rating-area .progress-info p{
    margin-bottom:5px;
    font-size:16px
}
.rating-area .progress-info span{
    float:right
}
.floor-plans table{
    width:100%;
    margin-bottom:40px;
    border:1px solid rgb(0 0 0 / .07)
}
.floor-plans img{
    width:100%
}
.floor-plans table tr:first-child{
    border-bottom:1px solid rgb(0 0 0 / .05)
}
.floor-plans table td,table th{
    padding:10px 15px;
    border-right:1px solid rgb(0 0 0 / .07)
}
.floor-plans table td{
    font-size:15px
}
.tabbing-box .tab-pane{
    padding-top:30px
}
.tabbing-box .nav-tabs{
    background:#f9f9f8;
    border-bottom:solid 1px #f9f9f8
}
.tabbing-box .nav-tabs li{
    font-size:16px;
    font-weight:500
}
.tabbing-box .nav-tabs .nav-link{
    padding:11px 25px;
    color:#262525
}
.tabbing-box .nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{
    color:#fff;
    border-radius:0
}
.tabbing-box .nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link:hover{
    border-radius:0;
    color:#fff
}
.tabbing-box .nav-tabs .nav-link{
    border:none
}
.compare-table tr{
    border:1px solid #ececec
}
.compare-table tr:first-child{
    border-top:none
}
.compare-table tr td:first-child{
    width:350px;
    background:#f8f9fa
}
.compare-table tr td{
    box-sizing:border-box;
    font-size:15px;
    padding:20px 15px;
    text-align:center;
    width:395px;
    font-weight:500;
    color:#343434
}
.compare-table tr td .fa-times{
    color:red
}
.compare-table tr td .fa-check{
    color:green
}
.compare-properties{
    position:relative;
    margin-bottom:30px;
    box-shadow:0 0 10px rgb(0 0 0 / 10%)
}
.compare-properties .detail .location{
    margin:0 0 15px;
    font-size:15px
}
.compare-properties .detail .location a{
    color:#343434
}
.compare-properties .detail .title{
    font-size:22px;
    font-weight:500;
    margin-bottom:10px
}
.compare-properties .detail .title a:hover{
    color:#343434
}
.compare-properties .detail{
    padding:25px 25px 20px;
    background:#fff
}
.search-compare{
    margin-bottom:40px
}
.search-compare .form-group{
    margin-bottom:10px
}
.search-compare h4{
    font-size:25px;
    margin:0 0 20px;
    font-weight:500;
    text-align:center
}
.compare-table table{
    caption-side:bottom;
    border-collapse:collapse;
    width:100%;
    border-top:1px solid #ececec
}
.faq-box{
    border:1px solid #fff0;
    border-radius:0;
    margin-bottom:0
}
.faq-box h5 .btn-link{
    padding:25px 20px;
    width:100%;
    text-align:left;
    display:inline-block;
    text-decoration:none;
    font-size:16px;
    color:#343434
}
.faq-box .card-header{
    padding:0;
    margin:0;
    font-size:14px;
    border-bottom:solid 1px #d8d8d8
}
.faq-box .card-body p{
    line-height:27px
}
.faq-box .card-body span{
    font-size:14px
}
.faq-box .card-body span a{
    font-weight:500
}
.bd-none{
    border-bottom:1px none
}
.faq-info .nav-tabs{
    background:#fff0;
    border-bottom:none;
    margin-bottom:30px
}
.faq-info p{
    margin-bottom:0
}
.faq-info .nav-tabs .nav-link{
    display:block;
    padding:12px 20px 12px;
    border-radius:0;
    background:#fff;
    color:#343434
}
.faq-info .nav-tabs .nav-link.active{
    color:#fff
}
.faq-info .nav-tabs .nav-link:hover{
    color:#fff
}
.faq-info .accordion-button{
    position:relative;
    display:flex;
    align-items:center;
    width:100%;
    font-weight:400;
    padding:20px;
    font-size:16px;
    color:#262525;
    text-align:left;
    background-color:#f7f7f7;
    box-shadow:none;
    border:0;
    border-radius:0;
    overflow-anchor:none;
    transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
    margin-bottom:10px
}
.faq-info .accordion-button:focus{
    z-index:3;
    outline:0;
    background-color:#f7f7f7;
    box-shadow:none
}
.faq-info .accordion-item{
    border:none
}
.faq-info .accordion-body{
    padding:20px 0 30px
}
.faq-info .accordion-body p{
    margin-bottom:0
}
.faq-info .accordion-button:not(.collapsed)::after{
    background-image:url(../img/down.png);
    transform:rotate(-180deg)
}
.faq-info.other-features .accordion-button{
    font-size:16px;
    color:#383737;
    font-weight:500;
    background-color:#fff0;
    margin-bottom:30px;
    padding:0 0 0 30px!important
}
.faq-info.other-features .accordion-button::after{
    margin-right:auto;
    position:absolute;
    left:0
}
.faq-info.other-features .accordion-body{
    padding:0 0 10px
}
.faq-info.other-features .checkbox label::before{
    left:0;
    margin-left:-18px;
    border-radius:0
}
.submit-property{
    overflow:hidden
}
.submit-property .checkbox{
    padding-left:0;
    margin-bottom:10px
}
.notification-box{
    padding:30px;
    color:#2e86b2;
    margin-bottom:50px;
    background-color:#bae8ff
}
.submit-property .heading-2{
    margin:0 0 20px;
    font-size:20px;
    font-weight:500
}
.notification-box h3{
    margin:0 0 10px;
    font-weight:500;
    font-size:20px
}
.notification-box p{
    font-size:17px;
    margin:0
}
.submit-address form .input-text{
    width:100%;
    padding:10px 17px;
    font-size:15px;
    border:1px solid #cac8c8;
    outline:none;
    color:#6c6c6c;
    height:50px;
    border-radius:2px
}
.submit-address .search-fields{
    min-height:45px;
    border-radius:2px
}
.submit-address form textarea{
    min-height:200px
}
.submit-address form label{
    display:inline-block;
    max-width:100%;
    margin-bottom:5px;
    font-size:16px;
    color:#343434
}
.submit-address form .form-group{
    margin-bottom:20px
}
.dropzone-design{
    border:2px dashed #d0d0d0;
    min-height:100px
}
.dropzone-design,.dropzone-design *{
    box-sizing:border-box
}
.dropzone-design{
    min-height:150px;
    border:2px solid rgb(0 0 0 / .3);
    background:#fff;
    padding:20px 20px
}
.dropzone-design.dz-clickable{
    cursor:pointer
}
.dropzone-design.dz-clickable *{
    cursor:default
}
.dropzone-design.dz-clickable .dz-message,.dropzone-design.dz-clickable .dz-message *{
    cursor:pointer
}
.dropzone-design.dz-started .dz-message{
    display:none
}
.dropzone-design.dz-drag-hover{
    border-style:solid
}
.dropzone-design.dz-drag-hover .dz-message{
    opacity:.5
}
.dropzone-design .dz-preview{
    position:relative;
    display:inline-block;
    vertical-align:top;
    margin:16px;
    min-height:100px
}
.dropzone-design .dz-preview:hover{
    z-index:1000
}
.dropzone-design .dz-preview:hover .dz-details{
    opacity:1
}
.dropzone-design .dz-preview.dz-file-preview .dz-image{
    border-radius:3px;
    background:#999;
    background:linear-gradient(to bottom,#eee,#ddd)
}
.dropzone-design .dz-preview.dz-file-preview .dz-details{
    opacity:1
}
.dropzone-design .dz-preview.dz-image-preview{
    background:#fff
}
.dropzone-design .dz-preview.dz-image-preview .dz-details{
    -webkit-transition:opacity 0.2s linear;
    -moz-transition:opacity 0.2s linear;
    -ms-transition:opacity 0.2s linear;
    -o-transition:opacity 0.2s linear;
    transition:opacity 0.2s linear
}
.dropzone-design .dz-preview .dz-remove{
    font-size:14px;
    text-align:center;
    display:block;
    cursor:pointer;
    border:none
}
.dropzone-design .dz-preview .dz-remove:hover{
    text-decoration:underline
}
.dropzone-design .dz-preview:hover .dz-details{
    opacity:1
}
.dropzone-design .dz-preview .dz-details{
    z-index:20;
    position:absolute;
    top:0;
    left:0;
    opacity:0;
    font-size:13px;
    min-width:100%;
    max-width:100%;
    padding:2em 1em;
    text-align:center;
    color:rgb(0 0 0 / .9);
    line-height:150%
}
.dropzone-design .dz-preview .dz-details .dz-size{
    margin-bottom:1em;
    font-size:16px
}
.dropzone-design .dz-preview .dz-details .dz-filename{
    white-space:nowrap
}
.dropzone-design .dz-preview .dz-details .dz-filename:hover span{
    border:1px solid rgb(200 200 200 / .8);
    background-color:rgb(255 255 255 / .8)
}
.dropzone-design .dz-preview .dz-details .dz-filename:not(:hover){
    overflow:hidden;
    text-overflow:ellipsis
}
.dropzone-design .dz-preview .dz-details .dz-filename:not(:hover) span{
    border:1px solid #fff0
}
.dropzone-design .dz-preview .dz-details .dz-filename span,.dropzone-design .dz-preview .dz-details .dz-size span{
    background-color:rgb(255 255 255 / .4);
    padding:0 .4em;
    border-radius:3px
}
.dropzone-design .dz-preview:hover .dz-image img{
    -webkit-transform:scale(1.05,1.05);
    -moz-transform:scale(1.05,1.05);
    -ms-transform:scale(1.05,1.05);
    -o-transform:scale(1.05,1.05);
    transform:scale(1.05,1.05);
    -webkit-filter:blur(8px);
    filter:blur(8px)
}
.dropzone-design .dz-preview .dz-image{
    border-radius:3px;
    overflow:hidden;
    width:120px;
    height:120px;
    position:relative;
    transition:all 0.3s;
    display:block;
    z-index:10
}
.dropzone-design .dz-preview .dz-image img{
    display:block;
    filter:blur(0);
    transition:all 0.4s
}
.dropzone-design .dz-preview.dz-success .dz-success-mark{
    -webkit-animation:passing-through 3s cubic-bezier(.77,0,.175,1);
    -moz-animation:passing-through 3s cubic-bezier(.77,0,.175,1);
    -ms-animation:passing-through 3s cubic-bezier(.77,0,.175,1);
    -o-animation:passing-through 3s cubic-bezier(.77,0,.175,1);
    animation:passing-through 3s cubic-bezier(.77,0,.175,1)
}
.dropzone-design .dz-preview.dz-error .dz-error-mark{
    opacity:1;
    -webkit-animation:slide-in 3s cubic-bezier(.77,0,.175,1);
    -moz-animation:slide-in 3s cubic-bezier(.77,0,.175,1);
    -ms-animation:slide-in 3s cubic-bezier(.77,0,.175,1);
    -o-animation:slide-in 3s cubic-bezier(.77,0,.175,1);
    animation:slide-in 3s cubic-bezier(.77,0,.175,1)
}
.dropzone-design .dz-preview .dz-success-mark,.dropzone-design .dz-preview .dz-error-mark{
    pointer-events:none;
    opacity:0;
    z-index:500;
    position:absolute;
    display:block;
    top:50%;
    left:50%;
    margin-left:-27px;
    margin-top:-27px
}
.dropzone-design .dz-preview .dz-success-mark svg,.dropzone-design .dz-preview .dz-error-mark svg{
    display:block;
    width:54px;
    height:54px
}
.dropzone-design .dz-preview.dz-processing .dz-progress{
    opacity:1;
    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -ms-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear
}
.dropzone-design .dz-preview.dz-complete .dz-progress{
    opacity:0;
    -webkit-transition:opacity 0.4s ease-in;
    -moz-transition:opacity 0.4s ease-in;
    -ms-transition:opacity 0.4s ease-in;
    -o-transition:opacity 0.4s ease-in;
    transition:opacity 0.4s ease-in
}
.dropzone-design .dz-preview:not(.dz-processing) .dz-progress{
    -webkit-animation:pulse 6s ease infinite;
    -moz-animation:pulse 6s ease infinite;
    -ms-animation:pulse 6s ease infinite;
    -o-animation:pulse 6s ease infinite;
    animation:pulse 6s ease infinite
}
.dropzone-design .dz-preview .dz-progress{
    opacity:1;
    z-index:1000;
    pointer-events:none;
    position:absolute;
    height:16px;
    left:50%;
    top:50%;
    margin-top:-8px;
    width:80px;
    margin-left:-40px;
    background:rgb(255 255 255 / .9);
    -webkit-transform:scale(1);
    border-radius:8px;
    overflow:hidden
}
.dropzone-design .dz-preview .dz-progress .dz-upload{
    background:#333;
    background:linear-gradient(to bottom,#666,#444);
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    width:0;
    -webkit-transition:width 300ms ease-in-out;
    -moz-transition:width 300ms ease-in-out;
    -ms-transition:width 300ms ease-in-out;
    -o-transition:width 300ms ease-in-out;
    transition:width 300ms ease-in-out
}
.dropzone-design .dz-preview.dz-error .dz-error-message{
    display:block
}
.dropzone-design .dz-preview.dz-error:hover .dz-error-message{
    opacity:1;
    pointer-events:auto
}
.dropzone-design .dz-preview .dz-error-message{
    pointer-events:none;
    z-index:1000;
    position:absolute;
    display:block;
    display:none;
    opacity:0;
    -webkit-transition:opacity 0.3s ease;
    -moz-transition:opacity 0.3s ease;
    -ms-transition:opacity 0.3s ease;
    -o-transition:opacity 0.3s ease;
    transition:opacity 0.3s ease;
    border-radius:8px;
    font-size:13px;
    top:130px;
    left:-10px;
    width:140px;
    background:#be2626;
    background:linear-gradient(to bottom,#be2626,#a92222);
    padding:.5em 1.2em;
    color:#fff
}
.dropzone-design .dz-preview .dz-error-message:after{
    content:'';
    position:absolute;
    top:-6px;
    left:64px;
    width:0;
    height:0;
    border-left:6px solid #fff0;
    border-right:6px solid #fff0;
    border-bottom:6px solid #be2626
}
.dropzone-design{
    position:relative;
    border:2px dashed #d0d0d0;
    border-radius:3px;
    background:#fff;
    transition:all 0.3s linear;
    display:inline-block;
    width:100%
}
.dropzone-design:before{
    position:absolute;
    height:100%;
    width:100%;
    content:"";
    top:0;
    left:0;
    background:linear-gradient(to bottom,rgb(255 255 255 / .95),rgb(255 255 255 / .9));
    background:#fff;
    opacity:0;
    z-index:10;
    transition:all 0.3s linear;
    border-radius:3px
}
.dropzone-design:hover:before{
    opacity:.4
}
.dropzone-design .dz-message{
    text-align:center;
    margin:50px 0;
    font-size:17px;
    color:#888;
    transition:all 0.3s linear;
    position:relative;
    z-index:11
}
.dropzone-design:hover .dz-message{
    color:#66676b
}
.dz-message i{
    display:block;
    font-size:32px;
    margin-bottom:15px
}
.dropzone-design .dz-default.dz-message span{
    display:inline;
    line-height:117px
}
.book-btn{
    display:block;
    height:41px;
    margin-bottom:15px;
    border-radius:3px
}
.no-js #loader{
    display:none
}
.js #loader{
    display:block;
    position:absolute;
    left:100px;
    top:0
}
.page_loader{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:999999;
    background:url(../img/loader.gif) center no-repeat #fff
}
.slider-section .simple-slider{
    margin-bottom:30px
}
.icon-lists .heading{
    margin:0 0 10px 0;
    text-transform:uppercase
}
.glyph{
    text-align:center;
    padding:20px 15px;
    font-size:12px;
    color:#555
}
.glyph .glyph-icon{
    font-size:24px;
    font-weight:500;
    color:#555
}
.glyph fieldset,.glyph .hidden-true{
    display:none
}
.glyph .bshadow0 .lnr{
    font-size:30px;
    color:#555;
    display:block;
    margin-bottom:10px
}
.glyph .bshadow0 .mls{
    font-size:16px
}
.icon-lists mark{
    margin-bottom:30px;
    display:inline-block;
    padding:5px 15px;
    background:#e7e7e7;
    border-radius:5px
}
.font-awesome-icons .col-print-4{
    margin-bottom:15px
}
.font-awesome-icons{
    font-size:14px;
    color:#555
}
.font-awesome-icons .text-muted{
    display:none
}
.portfolio-item{
    margin-bottom:30px
}
.gallery-6column .portfolio-item{
    margin-bottom:0
}
.pg-2 .portfolio-item{
    margin-bottom:0
}
.login-section{
    background:#e9e9e9
}
.login-section .form-section{
    min-height:100vh;
    position:relative;
    text-align:center;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:15px 0;
    background:#e9e9e9
}
.login-section h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
    font-family:'Jost',sans-serif
}
.login-section .form-inner{
    max-width:500px;
    width:100%;
    padding:0 15px;
    text-align:center
}
.login-section .bg-img{
    min-height:100vh;
    position:relative;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:15px 50px;
    background:#fff;
    background:rgb(0 0 0 / .04) url(../img/banner/img-5.jpg) top left repeat;
    z-index:999;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover
}
.login-section .bg-img:before{
    position:absolute;
    content:'';
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:rgb(36 10 99 / 63%)
}
.login-section .form-section .extra-login{
    float:left;
    width:100%;
    margin:10px 0 25px;
    text-align:center;
    position:relative
}
.login-section .form-section .extra-login::before{
    position:absolute;
    left:0;
    top:10px;
    width:100%;
    height:1px;
    background:#d8dcdc;
    content:""
}
.login-section .info{
    max-width:710px;
    padding:10px 30px;
    z-index:999
}
.login-section .info h1{
    color:#fff;
    margin-bottom:20px;
    font-family:'Jost',sans-serif;
    font-size:45px;
    text-transform:uppercase
}
.login-section .info p{
    color:#fff;
    line-height:28px;
    opacity:.9
}
.login-section .form-section .extra-login>span{
    width:auto;
    float:none;
    display:inline-block;
    padding:1px 20px;
    z-index:1;
    position:relative;
    font-size:14px;
    color:#616161;
    text-transform:capitalize;
    background:#e9e9e9
}
.login-section .form-section p{
    color:#616161;
    margin-bottom:0;
    text-align:center;
    font-size:16px
}
.login-section .form-section p a{
    font-weight:500;
    color:#616161
}
.login-section .form-section ul{
    list-style:none;
    padding:0;
    margin:0 0 20px
}
.login-section .form-section .social-list li{
    display:inline-block;
    margin-bottom:5px
}
.login-2 .form-section .thembo{
    margin-left:4px
}
.login-section .form-section h3{
    margin:0 0 30px;
    font-size:25px;
    font-weight:400
}
.login-section .form-section .form-group{
    margin-bottom:25px
}
.login-section .form-section .form-box{
    float:left;
    width:100%;
    text-align:left;
    position:relative
}
.login-section .form-section .form-box input{
    float:left;
    width:100%
}
.login-section .form-section .form-control{
    padding:10px 20px;
    font-size:16px;
    outline:none;
    height:55px;
    color:#616161;
    border-radius:3px;
    font-weight:500;
    border:1px solid #fff0;
    background:#fff
}
.login-section .form-section .checkbox .terms{
    margin-left:3px
}
.login-section .form-section .btn-md{
    cursor:pointer;
    padding:13px 50px 12px 50px;
    font-size:16px;
    height:55px;
    font-weight:400;
    font-family:'Jost',sans-serif;
    border-radius:50px
}
.login-section .form-section input[type=checkbox],input[type=radio]{
    margin-right:3px
}
.login-section .form-section button:focus{
    outline:none;
    outline:0 auto -webkit-focus-ring-color
}
.login-section .form-section .btn-theme.focus,.btn-theme:focus{
    box-shadow:none
}
.login-section .form-section .btn-theme{
    border:none
}
.login-section .none-2{
    display:none
}
.login-section .form-section .terms{
    margin-left:3px
}
.login-section .form-section .checkbox{
    font-size:14px
}
.login-section .form-section .form-check{
    float:left;
    margin-bottom:0
}
.login-section .form-section .form-check a{
    color:#616161;
    float:right
}
.login-section .form-section .form-check-input{
    position:absolute
}
.login-section .form-section .form-check label::before{
    content:"";
    display:inline-block;
    position:absolute;
    width:18px;
    height:18px;
    top:2px;
    margin-left:-25px;
    border:1px solid #fff;
    border-radius:2px;
    background-color:#fff
}
.login-section .form-section .form-check-label{
    padding-left:0;
    margin-bottom:0;
    font-size:16px;
    font-weight:500;
    color:#616161
}
.login-section .form-section input[type=checkbox]:checked+label:before{
    font-weight:600;
    color:#fff;
    line-height:16px;
    font-size:12px;
    content:"\2713"
}
.login-section .form-check-input:focus{
    box-shadow:none
}
.login-section .form-section input[type=checkbox],input[type=radio]{
    margin-top:4px
}
.login-section .form-section a.forgot-password{
    font-size:16px;
    color:#616161;
    float:right
}
.login-section .logo img{
    margin-bottom:5px;
    height:45px
}
.login-section .social-list{
    margin-bottom:30px
}
.login-section .social-list a{
    width:50px;
    height:50px;
    line-height:50px;
    text-align:center;
    display:inline-block;
    font-size:20px;
    margin:2px;
    border-radius:5%;
    background:#fff
}
.login-section .social-list a:hover{
    color:#fff
}
.login-section .facebook-bg{
    color:#4867aa
}
.login-section .facebook-bg:hover{
    background:#4867aa
}
.login-section .twitter-bg{
    color:#3CF
}
.login-section .twitter-bg:hover{
    background:#3CF
}
.login-section .google-bg{
    color:#db4437
}
.login-section .google-bg:hover{
    background:#db4437
}
.login-section .linkedin-bg{
    color:#2392e0
}
.login-section .linkedin-bg:hover{
    background:#1c82ca
}
.option-panel{
    z-index:9999;
    width:230px;
    position:fixed;
    right:0;
    background:#fff;
    top:20%;
    padding:30px;
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -ms-transition:all 1s ease;
    -o-transition:all 1s ease;
    transition:all 1s ease;
    box-shadow:0 0 15px rgb(0 0 0 / .05)
}
.option-panel-collased{
    right:-230px
}
.option-panel h2{
    font-size:18px;
    margin:0 0 20px;
    text-align:center;
    color:#000;
    font-weight:500
}
.option-panel .color-plate{
    width:50px;
    height:50px;
    float:left;
    margin:3px;
    border-radius:50px;
    cursor:pointer
}
.default-plate{
    background:#f40c43
}
.blue-plate{
    background:#2048bb
}
.yellow-plate{
    background:#ffb400
}
.blue-light-plate{
    background:#08C
}
.red-plate{
    background:red
}
.green-light-plate{
    background:#1abc9c
}
.green-plate{
    background:#7dba21
}
.yellow-light-plate{
    background:#eae328
}
.green-light-2-plate{
    background:#0dcdbd
}
.olive-plate{
    background:#b3c211
}
.purple-plate{
    background:#8e44ad
}
.midnight-blue-plate{
    background:#2c3e50
}
.brown-plate{
    background:#A14C10
}
.orange-plate{
    background:#F34B0A
}
.setting-button{
    background:#fff;
    position:absolute;
    font-size:20px;
    text-align:center;
    width:50px;
    height:50px;
    line-height:48px;
    left:-50px;
    color:#2b303b;
    top:0;
    border-radius:0;
    cursor:pointer;
    box-shadow:0 0 5px rgb(0 0 0 / 10%)
}
#full-page-search{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgb(0 0 0 / .8);
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
    -webkit-transform:translate(0,-100%) scale(0,0);
    -moz-transform:translate(0,-100%) scale(0,0);
    -o-transform:translate(0,-100%) scale(0,0);
    -ms-transform:translate(0,-100%) scale(0,0);
    transform:translate(0,-100%) scale(0,0);
    opacity:0;
    z-index:99999
}
#full-page-search.open{
    -webkit-transform:translate(0,0) scale(1,1);
    -moz-transform:translate(0,0) scale(1,1);
    -o-transform:translate(0,0) scale(1,1);
    -ms-transform:translate(0,0) scale(1,1);
    transform:translate(0,0) scale(1,1);
    opacity:1
}
#full-page-search .search-boxs{
    max-width:500px;
    margin:0 auto
}
#full-page-search .search{
    background:#fff;
    border:none;
    padding:12.5px 20px;
    font-size:17px;
    width:70%;
    float:left
}
#full-page-search .full-page-search-box{
    position:absolute;
    top:50%;
    width:100%;
    background:#fff0;
    font-weight:400;
    text-align:center;
    border:0;
    margin:0 auto;
    margin-top:-51px;
    padding-left:10px;
    padding-right:10px;
    outline:none
}
#full-page-search .btn{
    width:30%;
    float:left;
    padding:16px 20px 13px
}
#full-page-search .close{
    position:fixed;
    top:15px;
    right:15px;
    color:#fff;
    opacity:1;
    width:40px;
    height:40px;
    text-align:center;
    font-size:25px;
    outline:0 auto -webkit-focus-ring-color;
    cursor:pointer;
    border-radius:3px;
    border:none
}
@media all and (min-width:992px){
    .banner img{
    }
    .dropdown:hover>.dropdown-menu{
        display:block;
        max-width:700px;
        margin:auto;
        opacity:1;
        visibility:visible
    }
    .dropdown .dropdown-item:hover>.dropdown-menu{
        display:block
    }
    .dropdown-submenu:hover>.dropdown-menu{
        display:block
    }
    .mh-bg .navbar-expand-lg .navbar-nav .nav-link{
        color:#515151
    }
    .mh-bg .navbar-nav .nav-link.dropdown-toggle:before{
        color:#515151
    }
    .hide-carat .nav-link::after{
        display:none!important
    }
    .sticky-header .nav-link::after{
        display:none!important
    }
    .sticky-header .navbar-expand-lg .navbar-nav .nav-link{
        color:#fff
    }
    .sticky-header .navbar-expand-lg .navbar-nav .nav-link:hover{
        color:#fff!important
    }
    .sticky-header .open-offcanvas{
        color:#fff;
        display:inline-block
    }
}
@media all and (min-width:992px){
    .dropdown:hover>.dropdown-menu{
        display:block
    }
    .dropdown .dropdown-item:hover>.dropdown-menu{
        display:block
    }
    .dropdown-submenu:hover>.dropdown-menu{
        display:block
    }
}
@media (max-width:1200px){
    .services-3 .text{
        margin-right:0
    }
    .banner .carousel-control-next,.carousel-control-prev{
        width:35px;
        height:55px;
        line-height:55px;
        margin:3px;
        border-radius:3px
    }
    .property-box-5 .w-100{
        width:auto!important
    }
    .blog-4{
        margin-bottom:15px
    }
    .blog-4 .date{
        padding:15px 5px 10px;
        width:75px;
        height:75px
    }
    .blog-4 h3{
        font-size:18px;
        margin:10px 0 5px
    }
    .blog-4 h1{
        font-size:25px
    }
    .bb2 .blog-2 img{
        height:284px
    }
    .blog-2 .none-1200{
        display:none
    }
    .about-real-estate-2 .d-none-1200{
        display:none
    }
    .banner-max-height img{
        width:auto!important
    }
    .banner .banner-slider-inner h1{
        font-size:42px;
        margin-bottom:20px
    }
    .blog-2 .detail{
        padding:20px 25px
    }
    .blog-4 .post-meta span a{
        margin-right:5px;
        font-size:14px
    }
    .team-4 .detail .contact ul li{
        line-height:27px;
        font-size:14px
    }
    .team-4 .detail .contact{
        margin-bottom:15px
    }
    .team-4 .detail .social-list li a{
        font-size:15px;
        width:35px;
        height:35px;
        line-height:35px
    }
    .team-4 .detail p{
        margin-bottom:10px
    }
    .property-box-2 .facilities-list li{
        line-height:30px
    }
    .property-box-2 .detail .title{
        font-size:20px
    }
    .property-box-2 .detail .location a{
        font-size:14px
    }
    .bb2 .blog-2 .detail h3{
        font-size:20px
    }
}
@media (max-width:992px){
    .new-search{
        margin-bottom:20px
    }
    .main-title-3 h1{
        font-size:30px
    }
    .pages-404-2 .nobottomborder{
        padding-left:0
    }
    .banner-tab-btn{
        display:none
    }
    .search-options-icon .accordion-button{
        width:50px;
        height:50px;
        margin:0 auto 10px
    }
    .search-options-btn-area2 h3{
        font-size:16px;
        margin-bottom:11px
    }
    .footer-2 .footer-menu ul{
        margin-bottom:30px
    }
    .footer-2 .logo-image{
        margin-bottom:30px
    }
    .accordion-button{
        padding:0;
        font-size:1rem
    }
    .search-area-3 .form-group{
        margin-bottom:10px
    }
    .search-options-btn-area2{
        bottom:55px
    }
    .service-info-3 h3{
        margin:0 0 5px
    }
    .property-box-5 img{
        height:400px
    }
    .property-box-5 .carousel-caption{
        padding:67px 30px
    }
    .blog-4 h3{
        font-size:20px
    }
    .blog-4{
        margin-bottom:20px
    }
    .bb2 .blog-2 img{
        height:auto
    }
    .bb2 .blog-2 .detail{
        padding:30px
    }
    .banner-btn{
        display:inherit
    }
    .banner-btn .btn-4{
        line-height:45px
    }
    .logo-n{
        display:inline
    }
    .logo-d{
        display:none
    }
    .bg-992{
        background:#fff
    }
    .search-banner-two{
        padding:137px 15px 30px
    }
    .footer-3 .footer-gallery{
        max-width:100%
    }
    .footer-3 .footer-inner{
        padding:60px 0 0
    }
    .footer-3 .subscribe-newsletter .form-control{
        width:78%;
        height:50px
    }
    .footer-3 .subscribe-newsletter .btn{
        height:50px;
        width:20%
    }
    .footer-3 .subscribe-newsletter h3{
        line-height:50px;
        font-size:22px
    }
    .footer-2 .footer-menu ul li a{
        margin-right:20px
    }
    .footer-2 .footer-menu ul li a:before{
        right:-10px
    }
    .about-real-estate .hotels-detail-slider{
        max-width:100%
    }
    #full-page-search .search-boxs{
        max-width:350px
    }
    #banner .carousel-content{
        padding:0 35px
    }
    .banner .w-100{
        width:auto!important
    }
    .testimonial-4 .bg-image{
        display:none
    }
    .testimonial-4 .col-pad{
        min-height:auto;
        padding:80px 0
    }
    .login-section .form-inner{
        padding:0
    }
    .agent-page .team-4 .detail{
        padding:30px
    }
    .search-compare h4{
        font-size:22px
    }
    .popular-places-box .popular-places-photo .big{
        height:350px
    }
    .counters-2{
        padding:80px 0 40px
    }
    .counters-2 .border-r{
        border-right:none
    }
    .counters-2 .border-l{
        border-right:none
    }
    .counters-2 .border-l{
        border-left:none
    }
    .testimonial-2 .main-title p{
        font-size:17px
    }
    .counters-3 .heading p{
        font-size:16px
    }
    .content-area-18{
        padding:45px 0 50px
    }
    .property-info{
        top:-35px
    }
    .pr-2{
        top:0
    }
    .property-info .property-info-inner ul li i{
        margin-right:0
    }
    .property-info .property-info-inner h2{
        font-size:23px
    }
    .property-info .property-info-inner ul li:last-child{
        margin:0 0 3px 0
    }
    .property-info .property-info-inner ul li{
        font-size:15px;
        margin-right:15px
    }
    .property-info .property-info-inner p{
        font-size:15px
    }
    .property-info .property-info-inner .content{
        padding-top:15px
    }
    .login-section .form-section{
        width:100%
    }
    .login-section .bg-img{
        min-height:100%;
        border-radius:5px
    }
    .none-992{
        display:none!important
    }
    .about-real-estate-2 .about-text{
        padding-left:0
    }
    .about-real-estate-2 .about-box-Experience{
        width:270px
    }
    .about-real-estate-2 .about-box-Experience .content h3{
        font-size:30px
    }
    .about-real-estate-2 .about-box-Experience .content p{
        font-size:16px
    }
    .about-real-estate-2 .about-box-Experience .content{
        right:30%;
        top:27%
    }
    .about-real-estate-2 .about-img-section .image-box{
        max-width:100%
    }
    .about-real-estate-2 .about-img-section{
        margin-bottom:30px
    }
    .helping-sentar{
        padding-top:80px
    }
    .about-real-estate .about-text{
        margin-bottom:50px
    }
    .login-section .login-box{
        max-width:500px;
        margin:0 auto;
        padding:0
    }
    .banner .infos{
        margin-top:0
    }
    .ss2{
        background:#f9f9f8;
        padding:30px 0 15px
    }
    .search-button-black{
        padding:13.5px 30px 12.5px
    }
    .search-area-3 .ssa{
        padding:0;
        box-shadow:none;
        background:#fff0
    }
    .helping-sentar .photo{
        display:none
    }
    .helping-sentar .contact-1 .heading{
        font-size:30px
    }
    .content-area-14{
        padding:80px 0 50px
    }
    .content-area-15{
        padding:80px 0 50px
    }
    .content-area-16{
        padding:115px 0 50px
    }
    .content-area-17{
        padding:80px 0 50px
    }
    .content-area-19{
        padding:80px 0 60px
    }
    .coming-soon h1{
        font-size:40px
    }
    .content-area-12{
        padding:80px 0 30px
    }
    .content-area-13{
        padding:80px 0 40px
    }
    .pages-404-2{
        text-align:center
    }
    .pages-404-2 .error404{
        margin-bottom:30px;
        font-size:150px
    }
    .pages-404-2 h1{
        font-size:25px
    }
    .pages-404-2 p{
        margin-bottom:25px;
        font-size:18px
    }
    .pages-404 .pages-404-inner h1{
        font-size:120px;
        line-height:130px
    }
    .pages-404 .pages-404-inner h5{
        font-size:22px;
        margin-bottom:20px
    }
    .pages-404 .pages-404-inner p{
        margin-bottom:25px;
        font-size:16px
    }
    .main-title{
        margin:0 auto 40px
    }
    .main-title h1{
        font-size:30px
    }
    .main-title p{
        font-size:17px
    }
    .main-title-2 h1{
        font-size:30px
    }
    .main-title-2 p{
        font-size:17px
    }
    .main-title-4 h1{
        font-size:30px
    }
    .main-title-4 p{
        font-size:17px
    }
    .team-section{
        padding:80px 0
    }
    .counters-3 .infos{
        max-width:645px;
        margin:0 auto 0
    }
    .intro-text h3{
        margin:0 0 5px
    }
    .our-newslatters-3 .subscribe-box{
        float:none
    }
    .our-newslatters-3{
        text-align:center
    }
    .login-2 .form-section{
        width:100%
    }
    .login-2 .bg-img{
        min-height:100%;
        border-radius:5px
    }
    .none-992{
        display:none!important
    }
    .login-2 .login-box{
        max-width:500px;
        margin:0 auto;
        padding:0
    }
    .banner .text-r{
        text-align:center
    }
    .banner .text-l{
        text-align:center
    }
    .blog .none-992{
        display:none
    }
    .our-newslatters-3 p{
        margin-bottom:20px
    }
    .our-newslatters-3 .intro-text h3{
        font-size:25px
    }
    .our-newslatters-3 .contact-us-today{
        padding:13px 30px 12px;
        border-radius:3px;
        margin-top:0
    }
    .our-newslatters-3{
        padding:40px 0
    }
    .counters-3{
        padding:80px 0
    }
    .counters-3 .heading{
        margin-bottom:50px;
        max-width:100%;
        text-align:center
    }
    .services-demo{
        display:none
    }
    .service-section2{
        max-width:100%
    }
    .services-3 .text .px{
        display:none
    }
    
    .mt3{
        text-align:center;
        margin-bottom:50px
    }
    .counters .counter-box{
        max-width:307px;
        margin:0 auto 30px
    }
    .counters{
        padding:80px 0 50px
    }
    .bb2 .none-1200{
        display:flex
    }
    .testimonial-3 .testimonial-inner .content-box .user{
        height:80px;
        width:80px
    }
    .testimonial-3 .testimonial-inner .content-box a img{
        height:80px;
        width:80px
    }
    .testimonial-3 .testimonial-inner .content-box .testimonial-info{
        margin:0 0 0 40px;
        padding:30px 30px 30px 70px
    }
    .testimonial-2{
        padding:80px 0 70px
    }
    .blog-2 .detail{
        padding:20px 30px
    }
    .banner .btn-lg{
        padding:10.5px 22px 10px 22px;
        line-height:24px;
        font-size:15px
    }
    .map-content-sidebar .property-box-2 .listing-badges .featured{
        left:-51px
    }
    .megamenu-area{
        box-shadow:0 0 1px rgb(0 0 0 / .1)
    }
    .content-area-9{
        padding:0 0 80px
    }
    .btn-white-lg-outline{
        padding:8.5px 20px 8.5px 20px!important
    }
    .search-section .search-fields{
        min-height:40px
    }
    .search-area .form-group{
        margin-bottom:15px
    }
    .search-area-2 .form-group{
        margin-bottom:15px
    }
    .search-area-2{
        padding:30px 30px 0 30px
    }
    .contact-2 .contact-info .mrg-btn-50{
        margin-bottom:40px
    }
    .contact-3 .form-group{
        margin-bottom:20px
    }
    .contact-2 .contact-info p{
        margin:5px 0 5px
    }
    .content-area-7{
        padding:80px 0 50px
    }
    .signup-link{
        margin-top:15px;
        margin-left:0;
        padding:10px 20px;
        width:100%;
        font-size:12px;
        font-weight:500
    }
    .btn-block-outline{
        color:#2f2f2f;
        border:solid 2px #2f2f2f!important;
        padding:8px 18px!important;
        font-weight:700
    }
    .hidden-mb-20{
        margin-bottom:20px
    }
    .category_long_bg{
        height:350px
    }
    .properties-right{
        padding:20px 30px 0 30px
    }
    .properties-left{
        padding:20px 30px 0 30px
    }
    .map-content-sidebar .range-slider{
        margin-top:5px;
        margin-bottom:20px
    }
    .fetching-properties{
        padding:0
    }
    .fp{
        padding:0 15px
    }
    .blog-2 .photo img{
        width:100%
    }
    .blog-2{
        margin-bottom:50px
    }
    .animated{
        -webkit-animation:none!important;
        -moz-animation:none!important;
        -o-animation:none!important;
        -ms-animation:none!important;
        animation:none!important;
        -o-transition-property:none!important;
        -moz-transition-property:none!important;
        -ms-transition-property:none!important;
        -webkit-transition-property:none!important;
        transition-property:none!important;
        -o-transform:none!important;
        -moz-transform:none!important;
        -ms-transform:none!important;
        -webkit-transform:none!important;
        transform:none!important
    }
    .banner .banner-slider-inner h1{
        font-size:32px;
        margin-bottom:15px
    }
    .banner .banner-slider-inner h2{
        font-size:45px
    }
    .banner .banner-slider-inner h3{
        font-size:45px
    }
    .banner .banner-opt .banner-slider-inner h1{
        font-size:20px
    }
    .banner .banner-opt .banner-slider-inner p{
        line-height:22px;
        font-size:14px;
        max-width:90%;
        margin:0 auto;
        margin-bottom:5px
    }
    .ptb-hediin-60{
        padding:0 0 80px
    }
    .team-4 .detail{
        padding:30px
    }
    .team-4 .detail .contact ul li{
        line-height:30px;
        font-size:15px
    }
    .team-4 .detail .contact{
        margin-bottom:20px
    }
    .team-4 .detail .social-list li a{
        font-size:16px;
        width:45px;
        height:45px;
        line-height:45px
    }
    .team-4 .detail p{
        margin-bottom:15px
    }
    .service-info.h-bdr{
        border:solid 1px #efefef
    }
    .contact-2 .opening-hours{
        max-width:100%;
        margin-top:50px
    }
    .megamenu-area{
        box-shadow:0 0 1px rgb(0 0 0 / 10%);
        background:#eee
    }
    .megamenu-area .dropdown-item{
        margin-bottom:12px
    }
    .main-header .dropdown-menu a:hover{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        background:#fff!important
    }
    .navbar-toggler{
        padding:0;
        width:35px;
        height:35px;
        font-size:1rem;
        border-radius:0;
        outline:none!important
    }
    .contect-agent-photo img{
        margin-top:40px
    }
    .property-box-2 .facilities-list li{
        font-size:14px;
        line-height:32px
    }
    .property-box-2 .detail .title{
        font-size:22px;
        margin-bottom:10px
    }
    .testimonial-3{
        padding:80px 0
    }
    .content-area-8{
        padding:80px 0 65px
    }
    .content-area-5{
        padding:80px 0
    }
    .content-area-11{
        padding:80px 0 60px
    }
    .content-area-2{
        margin-bottom:80px
    }
    .content-area{
        padding:80px 0 50px
    }
    .navbar-nav>.dropdown>.dropdown-menu>.dropdown-submenu>.dropdown-menu>li.dropdown-header,.navbar-nav>.dropdown>.dropdown-menu>.dropdown-submenu>.dropdown-menu>li>a{
        padding-left:25px
    }
    .banner-max-height img{
        height:100vh
    }
    .sub-banner{
        padding:170px 0 90px
    }
    .search-area-3 .ssa .form-control{
        min-height:47px
    }
    .search-area-3 .ssa .bootstrap-select button{
        line-height:45px
    }
    .search-area-3 .ssa .search-button{
        padding:12.5px 30px 11.5px
    }
    .counters-2 .counter-box{
        margin-bottom:40px;
        padding:0
    }
    .counters-2 .counter-box h1{
        font-size:30px
    }
    .testimonial-2 .main-title-4{
        margin-bottom:30px
    }
}
@media (max-width:768px){
    .notification-box{
        padding:20px
    }
    .footer-3 .subscribe-newsletter h3{
        line-height:normal;
        margin-bottom:15px
    }
    .footer-3 .sub-footer-2{
        text-align:center
    }
    .footer-3 .sub-footer-2 p{
        text-align:center;
        line-height:normal;
        margin-bottom:15px
    }
    .footer-3 .social-media{
        float:inherit
    }
    .about-real-estate-2 .about-box-Experience{
        right:30px
    }
    .filteriz-navigation li{
        padding:6px 18px 6px 18px
    }
    .pages-404-2 .error404{
        font-size:120px
    }
    .comon-slick .csi2 .slick-next{
        width:40px;
        height:40px;
        line-height:40px;
        right:20px;
        font-size:18px;
        border-radius:3px
    }
    .comon-slick .csi2 .slick-prev{
        width:40px;
        height:40px;
        line-height:40px;
        left:20px;
        font-size:18px;
        border-radius:3px
    }
    .search-options-btn-area3{
        padding:0 0
    }
    .new-search{
        padding:30px 15px 20px
    }
    .search-options-btn-area3 .new-search{
        padding:30px 0 20px
    }
    .search-options-icon .accordion-button{
        width:40px;
        height:40px;
        margin:0 auto 10px;
        border-radius:10%!important
    }
    .search-options-btn-area2 h3{
        display:none
    }
    .banner .carousel-control-next,.carousel-control-prev{
        width:30px;
        margin:3px
    }
    .search-options-btn-area2{
        bottom:20px
    }
    .property-box-5 .carousel-caption{
        padding:67px 20px
    }
    .service-info-3 h3{
        margin:10px 0 5px
    }
    .tabbing-box .nav-tabs .nav-link{
        padding:8px 13px
    }
    .option-bar{
        display:none
    }
    .testimonial-4 .col-pad{
        padding:60px 0
    }
    .coming-soon h1{
        font-size:34px
    }
    .coming-soon p{
        font-size:16px
    }
    .contact-3 .contact-info{
        padding:30px
    }
    .contact-3 .contact-form{
        padding:30px
    }
    .banner .btn-round{
        padding:0 35px;
        line-height:45px
    }
    .banner .btn-2{
        font-size:15px;
        padding:0 22px;
        line-height:41px;
        margin-bottom:3px
    }
    .banner .btn-1{
        padding:0 22px;
        line-height:41px;
        margin-bottom:3px;
        font-size:15px
    }
    .testimonial-2 .main-title p{
        font-size:16px
    }
    .main-title p{
        font-size:16px
    }
    .content-area-18{
        padding:25px 0 30px
    }
    .property-info .photo{
        background:#f9f9f8;
        padding:20px
    }
    .property-info .property-info-inner{
        padding:0
    }
    .property-info .photo .home{
        max-width:200px;
        margin:0 auto!important
    }
    .property-info .property-info-inner .content{
        padding:25px
    }
    .property-info .property-info-inner h2{
        font-size:22px
    }
    .tabbing-box .nav-tabs li a{
        padding:7px 15px
    }
    .heading-properties-2 h3{
        font-size:22px
    }
    .rating-area .average-rating{
        width:100%;
        margin-bottom:30px
    }
    .rating-area .rating-details{
        width:100%;
        padding:0
    }
    .rating-area{
        margin-bottom:30px
    }
    .sub-banner h1{
        text-align:center;
        margin:0 0 10px;
        font-size:24px
    }
    .sub-banner .breadcrumb-area ul li{
        line-height:normal;
        font-size:15px
    }
    .sub-banner .breadcrumb-area{
        text-align:center
    }
    .sub-banner{
        padding:160px 0 80px
    }
    .login-2 .form-inner{
        padding:0
    }
    .ptb-hediin-60{
        padding:0 0 60px
    }
    .helping-sentar .contact-1 .heading{
        font-size:26px
    }
    .contact-2 .opening-hours{
        padding:30px
    }
    .helping-sentar{
        padding-top:60px
    }
    .content-area-14{
        padding:60px 0 30px
    }
    .content-area-15{
        padding:60px 0 30px
    }
    .content-area-16{
        padding:95px 0 30px
    }
    .content-area-17{
        padding:60px 0 30px
    }
    .content-area-19{
        padding:60px 0 40px
    }
    .manage-table:last-child{
        border-bottom:none;
        margin-bottom:0
    }
    .manage-table thead{
        display:none
    }
    .manage-table{
        text-align:center;
        background:#fff
    }
    .manage-table .listing-photoo{
        width:100%;
        float:left;
        padding-left:0
    }
    .manage-table .title-container{
        padding:20px 0 10px;
        width:100%;
        float:left
    }
    .manage-table .date{
        width:100%;
        padding:0;
        float:left;
        margin-bottom:15px
    }
    .manage-table .action{
        width:100%;
        float:left;
        padding:0;
        margin-bottom:25px
    }
    .manage-table .action ul li{
        display:inline-block
    }
    .manage-table .action ul li a{
        padding:5px 15px;
        background:#ebedef;
        margin:1px;
        border-radius:3px
    }
    .manage-table{
        border-bottom:solid 1px #e6e6e6
    }
    .content-area-12{
        padding:60px 0 10px
    }
    .content-area-13{
        padding:60px 0 20px
    }
    .property-box-2 .property-img img{
        height:auto
    }
    .team-section{
        padding:60px 0
    }
    .our-newslatters-2 .form-inline{
        max-width:600px;
        margin:0 auto
    }
    .our-newslatters-2 .intro-text{
        max-width:600px;
        margin:0 auto 10px
    }
    .our-newslatters-2{
        padding:40px 0
    }
    .counters-3{
        padding:60px 0 40px
    }
    .counters-3 .heading h1{
        font-size:24px
    }
    .counters-3 .counter-box{
        width:100%;
        max-width:350px!important;
        margin:0 auto 20px;
        float:inherit
    }
    .manage-table .a-mb0{
        margin-bottom:0
    }
    .manage-table .h-pt-0{
        padding-top:0
    }
    .counters-3 .heading{
        margin-bottom:30px
    }
    .service-info-2 .number{
        font-size:140px
    }
    .service-info-2 .icon{
        top:20px
    }
    .content-area-11{
        padding:60px 0
    }
    .counters-2 .counter-box i{
        font-size:37px
    }
    .counters-2{
        padding:60px 0 20px
    }
    .footer-1{
        padding:60px 0 20px
    }
    .blog-2 .detail{
        padding:25px
    }
    .blog-2 .detail h3{
        font-size:22px
    }
    .compare-table tr td{
        font-size:14px;
        padding:10px 10px;
        font-weight:400
    }
    .btn-white{
        padding:12px 30px 9px
    }
    .megamenu-area{
        padding:20px 20px 0
    }
    .banner .banner-slider-inner h3{
        font-size:35px
    }
    .banner .banner-slider-inner h1{
        font-size:25px
    }
    .search-area-2{
        padding:25px 20px 0 20px
    }
    .sr-3{
        padding-bottom:10px
    }
    .search-area-2 .form-group{
        margin-bottom:10px
    }
    .read-more-2{
        margin-top:0
    }
    .content-area-7{
        padding:60px 0 30px
    }
    .mp-heden .comment-content{
        padding-bottom:10px
    }
    .mp-heden .comment-content p{
        margin-bottom:0
    }
    .counters{
        padding:60px 0 30px
    }
    .helping-sentar img{
        border-bottom:solid 1px #e0dede
    }
    .hr-title.hr-long{
        width:75%
    }
    .partners img{
        max-width:180px
    }
    .icon-lists{
        overflow:hidden
    }
    .hedin-div{
        display:none
    }
    .location .contact-map{
        height:250px!important
    }
    .testimonial-3{
        padding:60px 0
    }
    .setting-button{
        display:none
    }
    .banner .banner-slider-inner h2{
        font-size:35px
    }
    .banner .btn-md{
        padding:9px 15px;
        font-size:12px
    }
    .search-options-btn,.search-options-btn:hover{
        padding:7px 11px 6px 11px;
        font-size:11px;
        letter-spacing:normal
    }
    .contact-1 .contact-info{
        margin-bottom:40px
    }
    .contact-1 .text{
        margin-bottom:40px
    }
   
    .banner .typing h3{
        font-size:27px
    }
    .property-box-2 .facilities-list li{
        font-size:15px
    }
    .property-box-2 .price-ratings-box{
        right:30px
    }
    .blog-social-list{
        float:left;
        margin-top:20px
    }
    .countdown .top{
        font-size:30px
    }
    .pages-404 .error404{
        margin-bottom:30px;
        font-size:150px
    }
    .pages-404 .nobottomborder h4{
        font-size:16px
    }
    .pages-404 .nobottomborder{
        margin-bottom:30px
    }
    .setting-button{
        font-size:14px;
        width:36px;
        height:36px;
        line-height:38px;
        left:-35px
    }
    .inside-properties iframe{
        height:220px
    }
    .detail-slider-full .item img{
        height:300px
    }
    .breadcrumbs{
        font-size:12px
    }
    .back-to-listings{
        height:35px;
        line-height:35px;
        width:35px;
        font-size:15px
    }
    .services-4{
        padding:95px 0 30px
    }
    .contact-details .media .media-left{
        padding-right:20px
    }
    .search-area-inner{
        margin:0 -15px
    }
    .search-contents .col-xs-12,.search-contents .col-xs-6{
        padding:3px 10px
    }
    .search-box .form-group{
        margin-bottom:0
    }
    .blog-box .detail .tags-box{
        margin-bottom:20px
    }
    .blog-box .detail .blog-share{
        float:left;
        text-align:left
    }
    .comments ul{
        margin:0 0 0 0
    }
    .comment-body{
        margin:10px 0 0 0;
        line-height:20px;
        padding:10px 0 0 0;
        font-size:13px;
        text-align:justify
    }
    blockquote{
        margin:20px 0 20px
    }
    .comment-content{
        padding-bottom:10px
    }
    .sec-title-three h2{
        margin-top:0
    }
    .main-title{
        margin:0 auto 30px
    }
    .main-title h1{
        font-size:26px
    }
    .main-title-2 h1{
        font-size:26px
    }
    .main-title-3{
        margin-bottom:30px
    }
    .main-title-3 h1{
        font-size:26px
    }
    .main-title-4 h1{
        font-size:26px
    }
    .main-title-2 p{
        font-size:16px
    }
    .main-title-4 p{
        font-size:16px
    }
    .content-area{
        padding:60px 0 30px
    }
    .content-area-2{
        margin-bottom:60px
    }
    .content-area-3{
        margin-bottom:30px
    }
    .content-area-8{
        padding:60px 0 45px
    }
    .content-area-9{
        padding:20px 0 60px
    }
    .content-area-4{
        padding:60px 0 30px
    }
    .content-area-5{
        padding:60px 0
    }
    .content-area-6{
        padding:60px 0 30px
    }
    .testimonial-2{
        padding:60px 0 50px
    }
    .recent-properties-box .detail .location a{
        font-size:14px
    }
    .about-box{
        max-width:100%
    }
    .my-properties-box .detail .location{
        font-size:14px
    }
    .properties-amenities ul li{
        list-style:none
    }
    .properties-condition ul li{
        margin-bottom:10px
    }
    .typography-page p{
        font-size:13px;
        line-height:25px;
        text-align:justify
    }
    .breadcrumb-area .btn-md{
        padding:10px 20px
    }
    .animated{
        -webkit-animation:none!important;
        -moz-animation:none!important;
        -o-animation:none!important;
        -ms-animation:none!important;
        animation:none!important;
        -o-transition-property:none!important;
        -moz-transition-property:none!important;
        -ms-transition-property:none!important;
        -webkit-transition-property:none!important;
        transition-property:none!important;
        -o-transform:none!important;
        -moz-transform:none!important;
        -ms-transform:none!important;
        -webkit-transform:none!important;
        transform:none!important
    }
    .banner-max-height img{
        height:100vh
    }
}
@media (max-width:580px){
    .inline-search-area{
        max-width:80%
    }
    .detail-slider-full .item img{
        height:230px
    }
    .heading-properties{
        display:none
    }
    .inline-search-area .bootstrap-select button{
        padding:0 15px 0 15px;
        border-radius:0
    }
    .inline-search-area .bootstrap-select .dropdown-toggle .filter-option{
        top:5px
    }
    .inline-search-area .dropdown-toggle::after{
        margin-top:14px
    }
}
.social-media.get-social{
    height:auto;
    display:flex;
    margin:0 auto;
    justify-content:center;
    padding:5px 0;
    border-bottom:solid 1px #00000024
}
.social-media.get-social a{
    margin:0 10px
}
.accordion-heading img{
    height:50px;
    width:50px;
    margin:0 10px 0 0
}
.accordion-heading{
    font:normal 500 15px/1 'Helvetica';
    color:#fff;
    padding:15px 40px;
    cursor:pointer;
    margin-top:19px;
    text-transform:uppercase;
    height:60px;
    border-radius:5px;
    background:#395582
}
.accordion-heading::before{
    content:"";
    vertical-align:middle;
    display:inline-block;
    border-top:9px solid #deb055;
    border-left:9px solid #fff0;
    border-right:9px solid #fff0;
    float:right;
    transform:rotate(0);
    transition:all 0.5s ease;
    margin-top:3px
}
.accordion-content{
    background:linear-gradient(-335deg,#1e305887 3%,#deb055 100%);
    display:none;
    padding:15px 25px;
    color:#fff!important;
    font:normal 14px/24px 'Helvetica';
    border-radius:0
}
.accordion-content ul li{
    color:#fff;
    font-size:15px
}
.accordion-content ul{
    margin-bottom:0;
    padding-left:10px
}
.active.accordion-heading::before{
    transform:rotate(-180deg);
    border-top:9px solid #deb055
}
.accordion-heading.active{
    border-radius:0
}
.red.top-header-5{
    background-color:#deb055!important
}
.red.banner{
    margin-top:0
}
.red.main-header .banner{
    margin-top:150px
}
.red.main-header.fixed-top.header-shrink .banner{
    margin-top:150px
}
.plan-sec nav{
    text-align:center;
    display:flex;
    justify-content:center
}
.plan-sec .nav-tabs button{
    background:#1e3058;
    padding:10px 40px;
    border:none;
    color:#FFF;
    margin:0 25px;
    font-weight:600;
    font-size:18px;
    border-radius:3px
}
.plan-sec .tabbing-box .nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active,.plan-sec .tabbing-box .nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link:hover{
    color:#000;
    border-radius:3px;
    background-color:#deb055!important
}
.Kiara-Specification{
    padding-top:80px
}
.highlights-sec{
 
    background:url(../images/background/p.png);
    background-size:inherit
}
.red .social-media.get-social{
    height:auto;
    display:flex;
    margin:0 auto;
    justify-content:center;
    padding:13px 0;
    border-bottom:solid 0 #00000024
}
.red .get-social a{
    width:30px;
    height:30px;
    line-height:28px;
    text-align:center;
    display:inline-block;
    font-size:20px;
    margin-right:5px;
    border-radius:20px;
    box-shadow:0 0 5px rgb(0 0 0 / 10%)
}
.red .get-social a:hover{
    transition:0.4s ease-in-out;
    transform:rotate(360deg)
}
.red .twitter-bg{
    background:#0c47a9;
    color:#fff
}
.red .twitter-bg:hover{
    background:#3CF;
    color:#fff
}
.red .google-bg{
    background:#0c47a9;
    color:#fff
}
.red .google-bg:hover{
    background:#db4437;
    color:#fff
}
.red .linkedin-bg{
    background:#0c47a9;
    color:#fff
}
.red .linkedin-bg:hover{
    background:#0177b5;
    color:#fff
}
.red.header-with-top2.sticky-header{
    background:#1e3058!important
}
.header-shrink .navbar-expand-lg .navbar-nav .nav-link{
    color:#fff!important
}
.main-title-4 h1 span{
    color:#0c47a9!important
}
.nav-tabs{
    border-bottom:0 solid #dee2e6
}
.gallery-section .youtubee{
    position:relative
}
.gallery-section{
    padding:80px 15px
}
.gallery-section li img{
    height:auto;
    width:100%;
    padding:0 5px
}
#main-header-2:after.red.header-shrink{
    background:#1e3058!important
}
.red.main-header::after{
    content:"";
    position:absolute;
    top:0;
    left:-3%;
    width:22%;
    height:100px;
    z-index:-1;
    background-color:#fff;
    -webkit-transform:skew(23deg);
    transform:skew(23deg);
    border-radius:0 10px 10px 0
}
.red .navbar-brand.logos img{
    height:70px
}
.red .navbar-brand.logos{
    padding:10px 0;
    margin-right:50px;
    float:left
}
.btm-form{
    padding:50px
}
.pad-form{
    padding:0 40px
}
.enqbtn span{
    color:#fff
}
.enqbtn{
    background:#1e3058;
    margin:25px 0 -8px;
    border-radius:8px
}
.marr{
    margin:15px 0
}
.btm-form .form-control{
    display:block;
    width:100%;
    padding:3px .75rem;
    font-size:1rem;
    font-weight:400;
    line-height:1.5;
    color:#212529;
    background-color:#fff;
    background-clip:padding-box;
    border:1px solid #1e3058;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    border-radius:5px;
    transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
.h-10{
    height:100px
}
.white{
    color:#fff!important
}
.padding li{
    margin:10px 0
}
.padding .fa{
    margin:0 5px
}
@media (max-width:426px){
    .service-info-2 h3{
        font-size:30px
    }
    .service-info-2 .number{
        font-size:40px
    }
    .highlights-sec{
       
        background-clip:content-box;
        background:url(../images/background/p.png);
        background-size:contain;
        backdrop-filter:brightness(.9);
        background-repeat:repeat
    }
    .highlights-slider .service-info-2-ditels{
        margin:0 0 45px 50px;
        height:120px;
        vertical-align:middle;
        padding:45px 30px 1px 30px;
        background:#fff;
        box-shadow:0 0 10px rgb(0 0 0 / .1)
    }
    .highlights-slider .next-arrow{
        right:23px;
        top:100%
    }
    .highlights-slider .prev-arrow{
        left:236px;
        top:100%
    }
    .gallery-section .prev-arrow{
        right:25%;
        top:108%
    }
    .gallery-section .next-arrow{
        right:30px;
        top:108%
    }
    .amenities-slider .prev-arrow{
        right:25%;
        top:100%
    }
    .amenities-slider .next-arrow{
        right:30px;
        top:100%
    }
    .plan-sec .nav-tabs button{
        padding:6px 12px
    }
    .mas-img{
        margin:30px 0;
        padding:10px
    }
    .pad-form{
        padding:0 10px 40px;
        margin-top:130px
    }
    .white{
        color:#fff!important;
        margin:10px
    }
    .Kiara-Specification{
        padding-top:40px
    }
    .gallery-section{
        padding:40px 15px
    }
    .main-title-4{
        margin-bottom:20px;
        text-align:center
    }
}
.youtube-slider{
    position:relative;
    top:25%
}
.plan-sec{
    background:url(../images/amenities/4.png)
}

.banners{
    margin-top: 100px;
}
.banner-slider .slide-content{
    height: calc((100vw) * (629 / 1519));
    background-size: cover;
}
.banner-slider .slide-content.slide1{
    background-image: url(../img/webp/banner1.webp);
}
.banner-slider .slide-content.slide2{
    background-image: url(../img/webp/banner2.webp);
}
.banner-slider .slide-content.slide3{
    background-image: url(../img/webp/banner3.webp);
}
.banner-slider .slide-content.slide4{
    background-image: url(../img/webp/banner4.webp);
}
/* 1. Base positioning and sizing for the arrow buttons */
.banner-slider .slick-prev,
.banner-slider .slick-next {
    position: absolute;
    top: 25%;
    
    z-index: 2; /* Ensures they are above the slides */
    /* ... more positioning and sizing ... */
        border-radius: 50%;
    width: 45px;
    height: 45px;
    border: none;
    background-color: #0000008c;
}

.slick-prev{
    left: 20px; /* Adjust as needed */
}

.slick-next {
    right: 20px ;
}
/* 2. Styling for the icons themselves (using a pseudo-element) */
.slick-prev::before,
.slick-next::before {
    font-family: 'slick'; /* The custom font used by Slick */
    font-size: 40px;
    line-height: 0.6;
    color: white; /* Or whatever color the theme uses */
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border: none;
}

/* 3. Defining the content for the arrows */
.slick-prev::before {
    content: '\2039'; /* Left arrow character code */
}

.slick-next::before {
    content: '\203A'; /* Right arrow character code */
}

.sidebar-inner{
    height: 100%;
}
/* Custom CSS for the Scroll-Up Button */
.scroll-up-btn {
    position: fixed;
    bottom: 93px; /* Position it 20px from the bottom */
    right: 23px; /* Position it 20px from the right */
    border: none;
    background-color: #f82c2c; /* Example color */
    color: white;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    opacity: 0;             /* Hidden by default (fade out) */
    visibility: hidden;     /* Ensures it's not clickable when hidden */
    transition: all 0.3s ease; /* Matches your animationSpeed: 200 */
    z-index: 2147483647;    /* Matches your zIndex setting */
    
}

/* Class to make the button visible */
.scroll-up-btn.show {
    opacity: 1;
    right: 76px;
    visibility: visible;
}
 

@media screen and   (max-width:991px){
    .banners{
        margin-top: 89px;
    }
    .content-area-custom{
        padding: 35px 0;
    }
}


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

    #youtube-aspect{
        aspect-ratio: 16/9;
        height: auto;
    }

    .content-area-custom{
        padding: 30px 0;
    }
      .banner-slider .slide-content{
    height: calc((100vw) * (1288 / 800));
}
.banner-slider .slide-content.slide1{
    background-image: url(../img/webp/banner1-mv.webp);
}
.banner-slider .slide-content.slide2{
    background-image: url(../img/webp/banner2-mv.webp);
}
.banner-slider .slide-content.slide3{
    background-image: url(../img/webp/banner3-mv.webp);
}
    .banner-slider .slide-content.slide4{
    background-image: url(../img/webp/banner4-mv.webp);
}
}

 

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

   


    .banner img{
        height:auto
    }
    .sidebar-inner{
        background-color:beige
    }
    .nav-sidebar{
        height:auto;
        width:100%
    }
  
    .red.banner{
        margin-top:0
    }
}
.thankyou-margin-top{
    margin-top:10rem!important
}
.cta-buttons{
    position:fixed;
    top:58%;
    left:-20px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    transform:translateY(-50%);
    z-index:999
}
.cta-btn{
    position:relative;
    margin:10px;
    color:#fff;
    border:none;
    cursor:pointer;
    transition:all 0.2s
}
.gradient-bg{
    color:white!important;
    border:none!important;
    background:linear-gradient(90deg,#deb055,#1e3058,#deb055);
    background-size:400% 400%;
    animation:gradient-bg 2s ease infinite
}
@keyframes gradient-bg{
    0%{
        background-position:0% 50%
    }
    50%{
        background-position:100% 50%
    }
    100%{
        background-position:0% 50%
    }
}
.cta-btn-1{
    padding:10px 15px
}
.cta-btn-3,.cta-btn-2{
    padding:10px 20px
}
.cta-btn:hover .cta-form,.cta-btn:hover .cta-text{
    display:block;
    color:white!important
}
.cta-btn:hover i{
    color:White!important
}
.cta-form,.cta-text{
    display:none;
    position:absolute;
    color:#fff;
    top:0;
    right:100%;
    background-color:#fff;
    padding:10px;
    box-shadow:0 8px 16px 0 rgb(0 0 0 / .2);
    border-top-left-radius:5px;
    border-bottom-left-radius:5px
}
.cta-form{
    width:400px
}
.cta-text{
    width:260px
}
.cta-form:before,.cta-text:before{
    position:absolute;
    top:50%;
    right:100%;
    transform:translateY(-50%);
    width:0;
    height:0;
    border-style:solid;
    border-width:10px 0 10px 10px;
    border-color:#fff0 #fff0 #fff0 #f9f9f9
}
.cta-btn-label{
    z-index:1;
    color:#fff
}
.cta-btn-label-3,.cta-btn-label-1{
    writing-mode:vertical-lr
}
.cta-form.show,.cta-text.show{
    display:block
}
.mobile-cta-button{
    background-color:#1e3058;
    border-radius:4px;
    color:#fff
}
.bg-mobile-cta-bar{
    background-color:#a5773a
}
.modal-title{
    text-transform:uppercase
}
.bg-near-by-location{
    background-color:#395582;
    color:#fff;
    padding:18px 13px;
    font-weight:800
}
.list-group-item{
    background-color:#deb055;
    color:#fff;
    font-weight:600
}
.list-group-item:hover{
    color:#1e3058
}
.service-info-2:hover h3 a{
    color:#deb055!important
}
.footer-menu ul li:hover{
    color:#deb055
}
 .form-control{
     color:#6e6e6e !important;
    /*opacity:.90 !important;
    */
}

/**/
.content-area-11-custom{
    padding-bottom:10px;
    padding-top:10px;
}
.para-custom{
	    font-size: 16px;

	font-weight: 600;
    
}
.list-custom li{
    padding-bottom:10px;
}