@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap');

body {font-family: 'Poppins', sans-serif; font-size: 15px;}
body h1, body h2, body h3, body h4, body h1 *, body h2 *, body h3 *, body h4 *{font-weight: 500;}
body section:not(.main) * {font-family: Poppins, sans-serif;}
body #bs-navbar-collapse > ul > li > a{font-family: 'Poppins', sans-serif !important; font-size: 15px !important;}


/* NAVBAR */
    nav.astrid.navbar{border: none;}
    nav.astrid.navbar .navbar-toggle{margin-top: 15px;}

    nav.astrid.navbar .navbar-brand a{height: auto;}
    nav.astrid.navbar .navbar-brand a img{height: auto !important; margin-top: 10px; width: 200px;}

    nav.astrid.navbar.navbar-default.navbar-custom{display: block !important; padding: 13px 0; top: 48px;}
    nav.astrid.navbar.navbar-default.navbar-custom .navbar-nav>li.open{box-shadow: none;}

    nav.astrid.navbar .navbar-nav{}
    nav.astrid.navbar .navbar-nav>li a{
        color: #232323;
        display: block;
        font-size: 15px;
        padding: 23px 12px;
        position: relative;
        z-index: 99;
        font-family: Poppins, sans-serif;
        font-weight: 500;
        text-transform: uppercase;
    }
    nav.astrid.navbar .navbar-nav>li>a:hover{color: #bf9410 !important;}
    nav.astrid.navbar .navbar-nav>li:hover>a::before {
        transition: all 0.2s linear 0s;
        content: "";
        height: 2px;
        display: block;
        bottom: 0;
        position: absolute;
        left: 10%;
        background: #292929;
        width: 80%;
    }
    nav.astrid.navbar .navbar-nav>li a.custom-button,
    nav.astrid.navbar .navbar-nav>li a.custom-button:hover{
        background-color: #32506d;
        color: #fff !important;
        font-size: 14px;
        margin-top: 10px;
        padding: 12px;
        text-transform: none;
    }
    nav.astrid.navbar .navbar-nav>li:hover>a.custom-button::before{display: none;}

    nav.astrid.navbar .navbar-nav>li.dropdown>a{padding-right: 25px;}
    nav.astrid.navbar .navbar-nav>li.dropdown>a span.mono{display: none;}
    nav.astrid.navbar .navbar-nav>li.dropdown>a::after {
        content: "\f107";
        font-family: FontAwesome;
        margin-left: 7px;
        margin-right: 0;
        float: right;
        position: absolute;
        right: 7px;
    }
    nav.astrid.navbar .navbar-nav>li.dropdown ul.dropdown-menu{background-color: #fff; border-radius: 0; box-shadow: 0px 2px 2px #666; padding: 0; width: 220px;}
    nav.astrid.navbar .navbar-nav>li.dropdown ul.dropdown-menu ul {margin: 0; padding: 0; width: 100%;}
    nav.astrid.navbar .navbar-nav>li.dropdown ul.dropdown-menu ul li{}
    nav.astrid.navbar .navbar-nav>li.dropdown ul.dropdown-menu ul li a {
        border-bottom: 1px solid #f1f1ee;
        border-left: medium none;
        border-right: medium none;
        color: #232323;
        transition: padding 0.2s ease-in-out 0s;
        height: auto;
        padding: 10px 20px;
        text-align: left;
        width: 100%;
        margin: 0;
        font-weight: 300;
        text-transform: capitalize;
        line-height: 1.5;
    }
    nav.astrid.navbar .navbar-nav>li.dropdown ul.dropdown-menu ul li a:hover{color: #bf9410;}
    nav.astrid.navbar .navbar-nav>li.dropdown ul.dropdown-menu ul li:last-child a{border: none;}

    @media screen and (max-width:1200px){
        nav.astrid.navbar.navbar-default.navbar-custom{padding:0; z-index: 9999999;}
        nav.astrid.navbar .navbar-brand a img{margin-top: 0;}
        nav.astrid.navbar .navbar-nav{
            display: flex;
            flex-direction: column;
            width: 100%;
            max-width: 240px;
        }
        nav.astrid.navbar .navbar-nav>li{text-align: left;}
        nav.astrid.navbar .navbar-nav>li:last-child{margin-bottom: 15px; order: -1;}
        nav.astrid.navbar .navbar-nav>li>a{padding: 5px;}
        nav.astrid.navbar .navbar-nav>li.dropdown{}
        nav.astrid.navbar .navbar-nav>li.dropdown>a::after{display: none;}
        nav.astrid.navbar .navbar-nav>li.dropdown .dropdown-toggle{display: block; padding: 5px;}
        nav.astrid.navbar .navbar-nav>li.dropdown ul.dropdown-menu{
            box-shadow: none;
            display: block;
            float: none;
            position: static;
        }
        nav.astrid.navbar .navbar-nav>li.dropdown ul.dropdown-menu ul {}
        nav.astrid.navbar .navbar-nav>li.dropdown ul.dropdown-menu ul li{}
        nav.astrid.navbar .navbar-nav>li.dropdown ul.dropdown-menu ul li a{border: none; opacity: .5; padding: 5px; padding-left: 25px;}
    }


/* LP: UNIT_LP.BLOCK-CITY */
    body .propertyLanding section.unit-lp.block-city .carousel a.city-img-title{
        font-family: Poppins, sans-serif !important;
        font-size: 40px;
        font-weight: bold;
    }
    body .propertyLanding section.unit-lp.block-city .carousel .item .img{height: 200px;}

    @media (min-width: 992px){
        body .propertyLanding section.unit-lp.block-city .col-md-3{width: 33.33%;}
    }


/* SECTION.MAIN */
    body section.main{margin-top: calc(48px + 124px);}

    @media (max-width: 1200px){
        body section.main {
            margin-top: calc(48px + 70px);
        }
    }


/* TOBOOK */
    .tobook section.main .filter{top: calc(48px + 124px);}
    .tobook section.main .wrapper .map{top: calc(48px + 124px);}

    @media (max-width: 1200px){
        body .tobook section.main .filter {top: calc(48px + 70px);}
        body .tobook section.main .wrapper .map{top: calc(48px + 70px);}
    }
    @media screen and (max-width: 880px){
        .tobook section.main .filter .filter-main>.filter-item.map-switch{display: none;}
    }
    @media screen and (max-width: 768px){
        .tobook section.main .filter{padding-bottom: 14px;}
        .tobook section.main .filter .filter-main{display: block;}
        .tobook section.main .filter .filter-advanced{position: fixed; top: calc(48px + 70px + 1px);}
        .tobook section.main .filter .btn-advanced-filter{display: block;}
        .tobook section.main .filter .filter-main>.filter-item.advanced-btn {height: auto;}
    }
    @media screen and (max-width: 650px){
        .tobook section.main .filter{padding: 0;}
        .tobook section.main .filter .filter-main>.filter-item.city{border-bottom: 1px solid #ddd; height: auto; padding: 10px; width: 100%;}
        .tobook section.main .filter .filter-main>.filter-item.city form{width: 100% !important;}
        .tobook section.main .filter .filter-main>.filter-item.city form input{max-width: 100% !important;}
        .tobook section.main .filter .filter-main>.filter-item.check{height: auto; padding: 10px;}
        .tobook section.main .filter .filter-main>.filter-item.advanced{height: auto; padding: 10px;}
    }
    @media screen and (max-width: 440px){
        .tobook section.main .wrapper{padding-top: 118px;}
        .tobook section.main .filter .filter-main>.filter-item {padding: 10px;}
    }


    /* DETAILS */
    @media screen and (max-width: 1200px){
        .details .right_panel {
            border-top:1px solid #ddd;
            top: 118px;
        }
    }