html {

    overflow-x: hidden;

}

.display-desktop {

    display: block;

}

.display-mob {

    display: none;

}

img.awards-logo__inner:hover {

    filter: invert(2);

}

.content-bg-blue {

    background-color: #222946;

}

#up .flex-min-height-100vh {

    /* top: 350px; */

}



#up .padding-top-bottom-120 {

    padding-top: 120px;

    padding-bottom: 200px;

}



.greencraft-bookvisit {

    cursor: pointer;

    width: 180px;

    text-align: center;

    font-size: 14px;

    margin: 0;

    transition: background-image 3s ease-in-out;

    background: #222946;

    position: fixed;

    left: -66px; 

    top: 70%;

    transform: rotate(270deg);

    padding: 15px 30px;

    color: #fff;

    z-index: 1;

}



.greencraft-bookvisit:hover {

    transition: background-image 3s ease-in-out;

    background-color: #222946;

}



.Click-here {

    cursor: pointer;

    width: 180px;

    text-align: center;

    font-size: 14px;

    margin: 0;

    transition: background-image 3s ease-in-out;

    background: #222946;

    position: fixed;

    left: -58px;

    top: 40%;

    transform: rotate(270deg);

    padding: 15px 30px;

    color: #fff;

    z-index: 1;

}



.Click-here:hover {

    transition: background-image 3s ease-in-out;

    background-color: #222946;

}



.custom-model-main,

.custom-model-main1 {

    text-align: center;

    overflow: hidden;

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    /* z-index: 1050; */

    -webkit-overflow-scrolling: touch;

    outline: 0;

    opacity: 0;

    -webkit-transition: opacity 0.15s linear, z-index 0.15;

    -o-transition: opacity 0.15s linear, z-index 0.15;

    transition: opacity 0.15s linear, z-index 0.15;

    z-index: -1;

    overflow-x: hidden;

    overflow-y: auto;

}



.model-open {

    z-index: 99999;

    opacity: 1;

    overflow: hidden;

}



.custom-model-inner {

    -webkit-transform: translate(0, -25%);

    -ms-transform: translate(0, -25%);

    transform: translate(0, -25%);

    -webkit-transition: -webkit-transform 0.3s ease-out;

    -o-transition: -o-transform 0.3s ease-out;

    transition: -webkit-transform 0.3s ease-out;

    -o-transition: transform 0.3s ease-out;

    transition: transform 0.3s ease-out;

    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;

    display: inline-block;

    vertical-align: middle;

    width: 600px;

    margin: 30px auto;

    max-width: 97%;

}



.custom-model-wrap {

    display: block;

    width: 100%;

    position: relative;

    background-color: #fff;

    border: 1px solid #999;

    border: 1px solid rgba(0, 0, 0, 0.2);

    border-radius: 6px;

    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);

    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);

    background-clip: padding-box;

    outline: 0;

    text-align: left;

    padding: 20px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    max-height: calc(100vh - 70px);

    overflow-y: auto;

}



.model-open .custom-model-inner {

    -webkit-transform: translate(0, 0);

    -ms-transform: translate(0, 0);

    transform: translate(0, 0);

    position: relative;

    z-index: 999;

}



.model-open .bg-overlay {

    background: rgba(0, 0, 0, 0.6);

    z-index: 99;

}



.bg-overlay {

    background: rgba(0, 0, 0, 0);

    height: 100vh;

    width: 100%;

    position: fixed;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    z-index: 0;

    -webkit-transition: background 0.15s linear;

    -o-transition: background 0.15s linear;

    transition: background 0.15s linear;

}



.close-btn {

    position: absolute;

    right: 0;

    top: -30px;

    cursor: pointer;

    z-index: 99;

    font-size: 30px;

    color: #fff;

}

.book-visit {

    cursor: pointer;

    width: 180px;

    text-align: center;

    font-size: 14px;

    margin: 0;

    transition: background-image 3s ease-in-out;

    background: #222946;

    position: fixed;

    left: -100px;

    top: 70%;

    transform: rotate(270deg);

    padding: 15px 30px;

    color: #fff;

    z-index: 1;

}

.custom-model-wrap input,

.custom-model-wrap textarea {

    width: 100%;

    margin: 10px 0;

    padding: 10px 0 10px 10px;

    border: 1px solid #ddd;

    cursor: pointer !important;

    color: #898989;

    font-size: 12px;

    text-align: left;

    font-weight: 800;

}

.custom-model-wrap input::-webkit-input-placeholder,

.custom-model-wrap textarea::-webkit-input-placeholder {

    /* Edge */

    color: #000 !important;

    font-weight: 800 !important;

}



.custom-model-wrap input:-ms-input-placeholder,

.custom-model-wrap textarea:-ms-input-placeholder {

    /* Internet Explorer 10-11 */

    color: #000 !important;

    font-weight: 800 !important;

}



.custom-model-wrap input::placeholder,

.custom-model-wrap textarea::placeholder {

    color: #000 !important;

    font-weight: 800 !important;

}

input.form-input::-webkit-input-placeholder,

textarea.form-input::-webkit-input-placeholder {

    /* Edge */

    color: #000000 !important;

}



input.form-input:-ms-input-placeholder,

textarea.form-input:-ms-input-placeholder {

    /* Internet Explorer 10-11 */

    color: #000000 !important;

}



input.form-input::placeholder,

textarea.form-input::placeholder {

    color: #000000 !important;

}

.bg-overlay-black.bg-overlay-black_47,

.bg-overlay-white.bg-overlay-white_47 {

    opacity: 1.47;

}

.footer-mob-box{

    display: none;

}

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

    .Click-here {

        top: 35%;

    }

}

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

    .Click-here {

        left: -62px;

        top: 32%;

        padding: 10px 20px;

    }

    #up .flex-min-height-100vh {

        top: 0;

    }

}

@media only screen and (max-width: 1399px) and (min-width: 1200px) {
/* 
    .nav-btn.large .nav-btn__inner {

        font-size: 52px;

    } */

}

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

    a.header-logo__box.js-pointer-large.js-animsition-link.js-smooth-scroll {

        height: 180px;

        width: 200px;

    }
/* 
    .nav-btn.large .nav-btn__inner {

        font-size: 50px;

    } */

    #up .headline-xxxxl {

        font-size: 70px;

    }

    .headline-xxl {

        font-size: 60px;

    }

    .headline-m {

        font-size: 40.25px;

    }

    .headline-xl {

        font-size: 60px;

    }

    .headline-xxxl {

        font-size: 60px;

    }

    .headline-l {

        font-size: 60px;

    }

    .fixed-footer .four-columns {

        flex-basis: 100%;

    }

}

@media screen and (min-width: 800px) {

    .custom-model-main:before,

    .custom-model-main1:before {

        content: "";

        display: inline-block;

        height: auto;

        vertical-align: middle;

        margin-right: -0px;

        height: 100%;

    }

}

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

    .custom-model-inner {

        margin-top: 45px;

    }

}

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

    a.header-logo__box.js-pointer-large.js-animsition-link.js-smooth-scroll {

        height: 180px;

        width: 200px;

    }

    #down .flex-min-height-100vh {

        /* min-height: 50vh; */

    }

    #specifications_section .padding-top-bottom-120 {

        padding-top: 60px;

        padding-bottom: 80px;

    }

    #amenities_section .padding-top-bottom-120 {

        padding-top: 60px;

        padding-bottom: 80px;

    }

    #amenities_section .padding-top-90 {

        padding-top: 50px;

    }

    #rera-section .padding-top-bottom-120 {

        padding-top: 60px;

        padding-bottom: 80px;

    }

    .padding-top-bottom-120.container.small.after-preloader-anim {

        margin-left: 40px;

    }

    #up .headline-xxxxl {

        font-size: 60px;

    }

    .subhead-m {

        font-size: 20px;

    }

    .headline-xxl {

        font-size: 40px;

    }

    .headline-m {

        font-size: 30px;

    }

    .headline-xl {

        font-size: 50px;

    }

    #views_section .padding-top-bottom-120 {

        padding-top: 60px;

        padding-bottom: 80px;

    }

    #views_section .column-l-r-margin-10-999 {

        margin-left: 5px;

        margin-right: 5px;

    }

    #site_progress .headline-xxxl {

        font-size: 40px;

    }

    #site_progress .padding-top-bottom-120 {

        padding-top: 60px;

        padding-bottom: 80px;

    }

    #legal_documents_section .headline-l {

        font-size: 50px;

    }

    #legal_documents_section .padding-top-bottom-120 {

        padding-top: 60px;

        padding-bottom: 80px;

    }

    #contact_section .headline-l {

        font-size: 50px;

    }

    .fixed-footer .headline-l {

        font-size: 50px;

    }

    /* .nav-btn.large .nav-btn__inner {

        font-size: 40px;

    } */

    .headline-xl {

        font-size: 32px;

    }

    .manekbaug #down .padding-top-30 {

        padding-top: 20px;

    }

    .manekbaug #down .flex-min-height-100vh {

        /* min-height: 40vh; */

    }

}

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

    .column-100-100 {

        -ms-flex-preferred-size: 100% !important;

        flex-basis: 100% !important;

        margin-left: 5px !important;

    }

}

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

    .banner-section {

        height: 60vh;

    }

    .banner-section .Click-here,

    .banner-section .greencraft-bookvisit{

        display: none;

    }

    .footer-mob-box {

        display: block;

        position: fixed;

        bottom: 0;

        z-index: 99;

        background: #333;

        width: 100%;

        left: 0;

        right: 0;

        text-align: center;

        height: auto;

        padding: 15px 0;

    }

    

    .footer-mob-box .six-columns {

        width: 50%;

        float: left;

        flex-basis: 50%;

    }

    

    .footer-mob-box .six-columns a {

        width: 100%;

        text-align: center;

    }

    .footer-mob-box .six-columns a.Click-here-2 {

        padding: 10px 50px;

        border: 1px solid #fff;

        background: #d0bf7d;

        color: #000;

        font-weight: 600;

    }

    .custom-model-wrap h2 {

        font-size: 24px;

    }

    .custom-model-wrap button {

        padding: 10px 15px;

        font-size: 14px;

    }

    .padding-top-30 {

        padding-top: 0;

    }

    #views_section .padding-top-bottom-120 {

        padding-top: 50px;

        padding-bottom: 50px;

    }

    .scroll-to-btn {

        top: calc(100vh - 100px) !important;

        transform: unset !important;

    }

}

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

    .display-desktop {

        display: none;

    }

    .display-mob {

        display: block;

    }

}

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

    .fixed-footer .padding-top-bottom-120 {

        padding-top: 70px;

        padding-bottom: 80px;

    }

    /* .footer-nav-mobile-padding {

        padding-top: 40px;

    } */

    .fixed-footer .padding-top-bottom-120 {

        padding-top: 60px;

        padding-bottom: 80px;

    }

    .fixed-footer .padding-top-30 {

        padding-top: 0px;

    }

    .footer-logo.padding-bottom-90 {

        padding-bottom: 0px;

    }

    .fixed-footer .padding-top-90 {

        padding-top: 50px;

    }

    .flex-container .padding-top-90 {

        padding-top: 40px;

    }

    .padding-top-60.footer-email,

    .padding-top-60.footer-address {

        padding-top: 30px;

    }

    .padding-top-bottom-90 {

        padding-top: 30px;

        padding-bottom: 0;

    }

    .swiper-button-prev-box,

    .swiper-button-next-box {

        top: 40%;

    }

}

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

    .desklogo__img {

        height: 45px;

        width: auto;

        padding: 10px;

    }

    .headline-l {

        font-size: 28px;

    }

    .fixed-footer .padding-top-bottom-120 {

        padding-top: 150px;

        padding-bottom: 120px;

    }

    form.padding-top-90 {

        padding-top: 30px;

    }

    .fixed-footer .padding-top-bottom-120 {

        padding-top: 60px;

        padding-bottom: 80px;

    }

    .fixed-footer .padding-top-30 {

        padding-top: 0px;

    }

    .footer-logo.padding-bottom-90 {

        padding-bottom: 0px;

    }

    .fixed-footer .padding-top-90 {

        padding-top: 50px;

    }

    .flex-container .padding-top-90 {

        padding-top: 40px;

    }

    .padding-top-60.footer-email,

    .padding-top-60.footer-address {

        padding-top: 30px;

    }

}

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

    a.header-logo__box.js-pointer-large.js-animsition-link.js-smooth-scroll {

        height: 180px;

        width: 200px;

    }

    #up .headline-xxxxl {

        font-size: 50px;

    }

    #down .headline-xxl {

        font-size: 34px;

    }

    .headline-m {

        font-size: 25px;

    }

    #down .flex-min-height-100vh {

        /* min-height: 60vh; */

    }

    #specifications_section .headline-xl {

        font-size: 35px;

    }

    #specifications_section .padding-top-bottom-120 {

        padding-top: 60px;

        padding-bottom: 60px;

    }

    #specifications_section .margin-left-right-20 {

        margin-left: 5px;

        margin-right: 5px;

    }

    #amenities_section .padding-top-bottom-120 {

        padding-top: 30px;

        padding-bottom: 30px;

    }

    #amenities_section .padding-top-90 {

        padding-top: 30px;

    }

    #views_section .headline-xxl {

        font-size: 40px;

    }

    #site_progress .padding-top-90 {

        padding-top: 50px;

    }

    #legal_documents_section .headline-l {

        font-size: 40px;

    }

    #contact_section .headline-l {

        font-size: 40px;

    }

    .fixed-footer .headline-l {

        font-size: 30px;

    }

    .footer-logo__img {

        width: auto;

        height: 50px;

    }

    .fixed-footer .padding-top-bottom-120 {

        padding-top: 30px;

        padding-bottom: 80px;

    }

    .fixed-footer .padding-bottom-90 {

        padding-bottom: 50px;

    }

    /* .fixed-footer .footer-nav-mobile-padding {

        padding-top: 30px;

    } */

    .fixed-footer .padding-top-30 {

        padding-top: 0px;

    }

    .fixed-footer .padding-top-90 {

        padding-top: 50px;

    }

    /* .nav-btn.large .nav-btn__inner {

        font-size: 36px;

    } */

    #down .padding-top-bottom-120 {

        padding-top: 20px;

        padding-bottom: 20px;

    }

    #down .padding-top-200 {

        padding-top: 100px;

    }

    #amenities_section .clients-lines__inner {

        border: 1px solid rgba(250, 250, 250, 0.1);

    }

    /* .nav-btn.large .nav-btn__inner {

        font-size: 30px;

    } */

    .footer-copyright {

        width: calc(100% - 20px);

        bottom: unset;

        margin-bottom: 50px;

        left: unset;

        width: 100%;

        max-width: 100%;

        transform: unset;

    }

    .copyright-style {

        font-family: 'Montserrat', sans-serif;

        font-size: 10px;

        font-weight: 400;

        letter-spacing: 0;

        line-height: 1;

        text-transform: uppercase;

        display: unset;

        align-items: unset;

    }

    .footer-social-desktop-hidden.list.list_center.padding-top-90 {

        padding-bottom: 30px;

    }

    .copyright-style img {

        width: auto;

        height: auto;

        vertical-align: baseline;

    }

    

}







