.amenities-gallery:hover,.cls,.form-slid-tog {
    cursor: pointer
}

@font-face {
    font-family: Gotham-Medium;
    src: url(fonts/Gotham-Mediumd41d.html?#iefix) format("embedded-opentype"),url(fonts/Gotham-Medium.woff) format("woff"),url(fonts/Gotham-Medium.ttf) format("truetype"),url(fonts/Gotham-Medium.html#Gotham-Medium) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Gotham Bold";
    src: url(fonts/Gotham-Bold.html);
    src: url(fonts/Gotham-Boldd41d.html?#iefix) format("embedded-opentype"),url(fonts/Gotham-Bold.woff2) format("woff2"),url(fonts/Gotham-Bold.woff) format("woff"),url(fonts/Gotham-Bold-2.html#Gotham-Bold) format("svg");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
    unicode-range: U+0020-00FE
}

@font-face {
    font-family: Gotham;
    src: url(fonts/Gotham-Light.html);
    src: url(fonts/Gotham-Lightd41d.html?#iefix) format("embedded-opentype"),url(fonts/Gotham-Light.woff2) format("woff2"),url(fonts/Gotham-Light.woff) format("woff"),url(fonts/Gotham-Light-2.html#Gotham-Light) format("svg");
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
    unicode-range: U+0020-02DC
}

@font-face {
    font-family: Gotham-Book;
    src: url(fonts/Gotham-Book.html);
    src: url(fonts/Gotham-Bookd41d.html?#iefix) format("embedded-opentype"),url(fonts/Gotham-Book-2.html) format("woff2"),url(fonts/Gotham-Book-3.html) format("woff"),url(fonts/Gotham-Book-4.html#Gotham-Book) format("svg");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
    unicode-range: U+0020-02DC
}

@font-face {
    font-family: Aquawax-Medium;
    src: url(fonts/Aquawax-Medium.eot);
    src: url(fonts/Aquawax-Mediumd41d.eot?#iefix) format("embedded-opentype"),url(fonts/Aquawax-Medium.woff2) format("woff2"),url(fonts/Aquawax-Medium.woff) format("woff"),url(fonts/Aquawax-Medium.ttf) format("truetype"),url(fonts/Aquawax-Medium.svg#Aquawax-Medium) format("svg");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Aquawax-Black;
    src: url(fonts/Aquawax-Black.eot);
    src: url(fonts/Aquawax-Blackd41d.eot?#iefix) format("embedded-opentype"),url(fonts/Aquawax-Black.woff2) format("woff2"),url(fonts/Aquawax-Black.woff) format("woff"),url(fonts/Aquawax-Black.ttf) format("truetype"),url(fonts/Aquawax-Black.svg#Aquawax-Black) format("svg");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Aquawax Light";
    src: url(fonts/Gotham-Book.html);
    src: url(fonts/Gotham-Bookd41d.html?#iefix) format("embedded-opentype"),url(fonts/Gotham-Book-2.html) format("woff2"),url(fonts/Gotham-Book-3.html) format("woff"),url(fonts/Gotham-Book-4.html#Gotham-Book) format("svg");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
    src: local("Aquawax Light"),url(fonts/Aquawax-Light-Trial.ttf) format("ttf")
}

@font-face {
    font-family: "Aquawax Medium";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Aquawax Medium"),url(fonts/Aquawax-Medium-Trial.ttf) format("ttf")
}

@font-face {
    font-family: "Aquawax Black";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Aquawax Black"),url(fonts/Aquawax-Black-Trial.ttf) format("ttf")
}

html {
    scroll-padding: 60px;
    scroll-behavior: smooth
}

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

.carousel-inner>.item>img.desk_ban,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

#pageloader,#stickyContainer.active,.carousel-inner>.item>img.mob_ban,.enqButtonContainer a,.footer_dis,.her1 br,.testimonial-carousel .owl-dots,.visible {
    display: none
}

body {
    line-height: 1;
    font-size: 14px!important;
    overflow-x: hidden;
    font-family: Gotham
}

*,:after,:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover,:focus,a {
    outline: 0
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

p {
    margin-bottom: 10px;
    line-height: 20px
}

.banner {
    width: 100%;
    height: 100vh
}

#float-form select,#floor-form input,#floor-form select,#iam-interested input {
    height: 40px!important;
    border: none!important;
    padding-left: 9px!important;
    width: 100%;
    background: #fff!important
}

#enquire-now .input-group-addon,#float-form .input-group-addon,#floor-form .input-group-addon,#iam-interested .input-group-addon,#main-popup .input-group-addon {
    background: #284057;
    color: #fff;
    border: 0
}

.lborder {
    border-right: 1px solid #284057
}

#dwnld-form .form-ico,#enquire-now .form-ico,#float-form .form-ico,#floor-form .form-ico,#iam-interested .form-ico,#main-popup .form-ico,#price-form .form-ico {
    font-size: 19px!important
}

#iam-interested .form-group {
    height: 40px;
    margin-bottom: 23px;
    padding: 0
}

#iam-interested .form-heading h3 {
    font-family: "Gotham Bold";
    font-size: 20px;
    margin-bottom: 5px!important;
    margin-top: 5px!important
}

#iam-interested .form-heading p {
    font-family: Gotham-Medium;
    margin-bottom: 5px!important
}

#iam-interested .form-heading {
    margin-bottom: 35px!important
}

#iam-interested input[type=radio] {
    width: 15px!important;
    height: 15px!important;
    margin: 0
}

.radio-label {
    font-size: 15px;
    margin-top: 0
}

#carousel-example-generic .carousel-inner>.item>img {
    height: auto;
    margin-top: 69px
}

.stickyForm {
    position: fixed;
    margin: auto;
    right: -100%;
    top: 50%;
    transform: translateY(-50%);
    background-color: #f0e1ba;
    padding: 15px;
    z-index: 100;
    width: 300px;
    transition: .5s
}

.stickyForm.slid-from {
    right: 0;
    transition: .5s ease-in-out
}

.about-developer-box p,.site-info p,section#overview p.overviewP {
    text-align: justify
}

.stickyForm ul {
    display: block;
    text-align: center;
    margin-bottom: 0
}

.stickyForm ul li {
    display: inline-block;
    margin: 10px 0;
    width: 100%
}

.form-slid-tog {
    position: fixed;
    padding: 10px;
    border: 50px;
    background: orange;
    border-radius: 50px;
    right: .5%;
    bottom: 10%;
    margin: 10px 5px;
    z-index: 999
}

.form-slid-tog img {
    width: 30px
}

.stickyForm ul li:last-child {
    margin-right: 0
}

.stickyForm ul li .txtinput {
    background-color: transparent;
    outline: 0;
    border: none;
    border-bottom: 1px solid #afa39b;
    height: auto;
    width: 100%;
    padding: 10px;
    color: #111
}

.stickyForm ul li .txtinput::placeholder {
    color: #111;
    opacity: 1
}

.stickyForm ul li .btn {
    display: inline-block;
    width: auto;
    border: 1px solid #afa39b;
    padding: 10px 40px;
    transition: .3s ease-in-out;
    background: #a08d51;
    color: #fff;
    font-weight: 900
}

.stickyForm ul li .btn:hover {
    background-color: #afa39b;
    color: #000
}

.inputbox {
    margin: 0 12px!important;
    vertical-align: middle;
    position: relative;
    top: -1px
}

.inputbox1,.inputboxModel {
    margin: 0 5px 0 0!important;
    vertical-align: middle;
    top: -1px;
    position: relative
}

.lbTxt {
    font-size: 13px;
    color: #fff
}

.lbTxt1 {
    font-size: 10px;
    color: #333
}

.inputboxModel {
    width: auto!important
}

.lbTxtModel {
    font-size: 11px;
    color: #333
}

.unitError {
    margin: 10px 0 0 12px
}

.unitErrorModal {
    margin: -5px 0 0
}

.stickError {
    display: block;
    width: 100%;
    margin-top: 5px
}

.rera-qr-code-details {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 66px -30px 20px!important
}

.rera-qr-code-item {
    position: relative;
    display: flex;
    align-items: center;
    width: 33%;
    flex: 0 0 auto;
    padding: 0 10px;
    justify-content: center;
    margin-bottom: 2px
}

.rera-qr-code-content {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column
}

.rera-qr-code-item h4 {
    margin-bottom: 0;
    display: block;
    padding: 2px;
    font-size: 14px;
    text-align: left;
    height: 100%;
    color: 000;
    font-weight: 700;
    line-height: 26px
}

.testimonials-container .owl-carousel .owl-item img {
    display: none!important
}

section#gallery .owl-carousel .owl-item img {
    width: 100%;
    height: 280px;
    object-fit: cover
}

div#contact-form .callnow span {
    padding: 11px;
    border-radius: 50%;
    font-size: 17px;
    font-weight: 700;
    color: #333;
    text-decoration: none;
    border: 1px solid #afa39b;
    margin-right: 6px
}

.testimonials-container {
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: #f1ead7
}

.testimonial-carousel .para-content {
    text-align: center;
    font-style: italic;
    color: #000;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    height: 100px
}

.testimonial-carousel .testimonial-content {
    padding-top: 15px;
    padding-bottom: 10px
}

.testimonial-carousel .customer-name {
    text-align: center;
    font-style: italic;
    color: #000;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 1px;
    padding-top: 10px;
    border-top: 1px solid #00000038;
    margin-top: 15px
}

.highlight-img-box img {
    max-width: 100%
}

ul.highlight-list>li {
    padding: 10px 10px 10px 0;
    border-bottom: 1px solid;
    display: flex;
    align-items: center
}

ul.highlight-list>li img {
    width: 16px;
    margin-right: 10px
}

ul.highlight-list>li span {
    font-weight: 600;
    line-height: 24px;
    font-size: 13px
}

section.highlights {
    padding: 30px 0 40px
}

section.highlights .row {
    margin-top: 20px
}

@media only screen and (min-width: 768px) {
    #banner-form {
        position:absolute;
        width: 245px;
        right: 5%;
        top: 15%;
        z-index: 9999
    }

    span.mb-txt {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .overlay {
        padding:20px 0 80px!important
    }

    section.highlights {
        padding: 0 0 40px
    }

    ul.highlight-list {
        margin-top: 22px
    }

    .modal-title {
        font-size: 14px!important
    }

    .sec-amenities {
        padding: 0 0 40px!important
    }

    span.mb-txt {
        font-size: 16px;
        display: inline-block;
        font-weight: 600;
        font-family: Gotham-Medium
    }

    .her1 br {
        display: block
    }

    .sec-bannerform {
        padding: 40px 20px;
        background: #d0d0d0
    }

    .ami-wrap {
        margin-bottom: 25px
    }

    .bd,.br {
        border-right: 2px solid #fff;
        border-left: 2px solid #fff
    }

    .footer {
        margin-bottom: 40px!important
    }

    #carousel-example-generic .carousel-inner>.item>img {
        margin-top: 69px
    }

    #stickyContainer {
        display: none
    }

    .enqButtonContainer a {
        position: fixed;
        display: block;
        margin: auto;
        right: 0;
        bottom: 0;
        left: 0;
        width: auto;
        height: auto;
        background-color: #f2cf9b;
        padding: 12px;
        z-index: 100;
        text-align: center;
        font-size: 16px;
        color: #000;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border: 1px solid #f2cf9b;
        font-weight: 800
    }

    .enqButtonContainer a:hover {
        text-decoration: none
    }
}

.sec-amenities {
    background: #f1ead7;
    padding: 30px 0;
    color: #fff
}

.sec-amenities h2 {
    font-family: "Gotham Bold";
    text-align: center;
    font-size: 30px;
    margin-bottom: 7px
}

.head-line {
    background: #9a9449;
    margin: 20px auto;
    height: 4px;
    width: 100px;
    display: block
}

.head-line:before,.sub-head {
    text-align: center;
    margin: 0 auto;
    position: relative
}

.footer,.ftLinks li {
    display: inline-block
}

.head-line:before {
    content: " ";
    height: 12px;
    width: 12px;
    background: #284057;
    transform: rotate(45deg);
    display: block;
    top: -4px
}

.sub-head {
    line-height: 25px;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 18px 28px
}

.sub-head2,.sub-head3 {
    font-weight: 800;
    font-family: Aquawax-Black;
    margin-bottom: 25px;
    letter-spacing: 3px;
    text-align: center;
    font-size: 30px;
    text-transform: uppercase
}

.sub-head2 {
    margin-top: 20px;
    color: #000!important
}

.sub-head3 {
    padding: 150px 0 40px;
    color: #000
}

#enquire-now h3,.modal-title {
    font-family: "Gotham Bold";
    font-size: 20px
}

.footer p,.modal-title,.oops {
    letter-spacing: 1px
}

.dwnld:hover,.free-call:hover,.ftLinks li p,.interested:hover,.sub-head-conf {
    color: #fff
}

.ami-wrap h3 {
    font-family: Gotham;
    text-align: center;
    font-size: 17px;
    line-height: 25px
}

.br {
    border-right: 2px solid #fff
}

.footer {
    background: #f1ead7;
    color: #000;
    text-align: center;
    width: 100%
}

.dwnld,.dwnld:focus,.interested,.interested:focus {
    width: fit-content;
    bottom: 10px;
    color: #fff;
    transition: .4s ease-in;
    z-index: 9999;
    background: #284057;
    font-weight: 600;
    font-size: 18px;
    padding: 5px;
    border: 1px solid #fff;
    outline: 0!important;
    position: fixed
}

.footer p {
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    color: #000
}

h6.moreless-button {
    margin: 5px 0;
    font-weight: 800
}

.interested,.interested:focus {
    right: 15px
}

.dwnld,.dwnld:focus {
    left: 15px
}

.fix-link,.oops,.price-btn {
    font-weight: 800
}

.ftLinks {
    display: block;
    text-align: center;
    margin: 10px 0
}

.ftLinks li {
    padding: 0 15px;
    position: relative
}

.ftLinks li a {
    color: #f2f2f2
}

.ftLinks li a:hover {
    color: #2e343a
}

.modal-header {
    border-radius: 20px 20px 0 0
}

.modal-body {
    border-radius: 0 0 20px 20px
}

.modal-content {
    border-radius: 21px
}

.modal-header {
    border: none;
    background: #f1ead7;
    color: #000;
    padding: 10px!important
}

.modal-title {
    text-align: center;
    text-transform: uppercase;
    margin: auto;
    width: 90%
}

.msgicon,.price-btn {
    color: #fff;
    margin: 0 auto
}

.modal-dialog {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.price-btn {
    display: block;
    text-shadow: none;
    border: 2px solid #a08d51;
    background: #a08d51;
    border-radius: 0;
    padding: 8px 30px;
    transition: .5s
}

.fixed-footer-cust,.msgicon {
    background: #284057;
    text-align: center
}

.price-btn:hover {
    color: #fff;
    background-color: #a08d51!important;
    border-color: #a08d51;
    transition: .5s
}

.modal-header .close {
    font-size: 35px!important;
    box-shadow: none;
    position: absolute;
    right: 13px;
    top: 6px;
    outline: 0
}

.modal-header .close:focus,.modal-header .close:hover {
    background: 0 0!important
}

#dwnld-form input,#dwnld-form select,#float-form input,#float-form select,#floor-form input,#floor-form select,#main-popup input,#main-popup select,#price-form input,#price-form select {
    height: 40px;
    border: none;
    padding-left: 9px;
    width: 100%;
    background: #f3f3f3
}

#float-form .form-group,#floor-form .form-group,#main-popup .form-group {
    height: 40px;
    margin-bottom: 23px
}

.error {
    color: red
}

.fixed-footer-cust {
    padding: 10px 0;
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 99
}

.f-icon {
    height: 14px;
    width: 14px;
    padding-top: 4px
}

.fix-link {
    color: #fff!important;
    font-size: 14px
}

.div-line {
    border-right: 1px solid #fff
}

#contact-form .input-group,.thank-banner {
    width: 100%
}

.sec-thank {
    padding: 70px 0
}

.msgicon {
    height: 100px;
    width: 100px;
    border: 4px solid #fff;
    font-size: 39px;
    border-radius: 50%;
    padding: 27px;
    display: block
}

#pageloader,.content,.owl-carousel .owl-stage,.owl-carousel .owl-stage-outer {
    height: 100%
}

.go-home,.go-home:hover {
    color: #fff;
    background: #284057;
    border-radius: 25px;
    transition: .5s
}

.oops {
    text-align: center;
    font-size: 45px;
    margin-top: 20px;
    margin-bottom: 20px
}

.oops span {
    font-weight: 300
}

.oops-subtitle {
    font-size: 18px
}

.go-home {
    font-size: 19px;
    padding: 10px;
    width: 235px;
    margin: 30px auto 0
}

.oops-greet {
    color: #284057;
    font-size: 25px;
    margin-bottom: 15px
}

.para,.para1 {
    font-size: 14px
}

#pageloader {
    background: rgba(255,255,255,.9);
    position: fixed;
    width: 100%;
    z-index: 9999999;
    top: 0
}

#pageloader img {
    left: 50%;
    width: 100px;
    margin-left: -32px;
    margin-top: -32px;
    position: absolute;
    top: 50%
}

@media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev {
        margin-left:-64px!important
    }

    .carousel-control .glyphicon-chevron-right,.carousel-control .icon-next {
        margin-right: -64px!important
    }

    .modal-dialog {
        width: 480px;
        margin: 30px auto
    }
}

.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot {
    border: 2px solid;
    border-radius: 58px;
    margin: 10px 5px;
    color: #284057
}

.owl-carousel .owl-nav button.owl-next span,.owl-carousel .owl-nav button.owl-prev span {
    font-size: 55px;
    font-family: initial;
    display: block;
    height: 35px;
    padding: 9px;
    position: relative;
    top: -25px
}

.owl-theme .owl-nav [class*=owl-]:hover {
    color: #284057;
    text-decoration: none
}

.cust-container {
    width: 90%;
    display: table;
    margin: 0 auto
}

#overview,section#floorplan {
    background: #f1f1f1
}

.disclaimer h2 {
    text-align: center;
    margin: 0 0 7px;
    font-size: 20px
}

.para {
    text-align: justify;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 0;
    margin-top: 45px;
    margin-bottom: 41px
}

.disclaimer p,.para1 {
    text-align: center;
    font-weight: 700;
    position: relative;
    letter-spacing: 1px;
    padding: 0
}

.disclaimer p {
    line-height: 30px;
    text-align: start;
    font-size: 15px;
    margin: 0 auto
}

.amiwrap,.amiwrap h2,.amiwrap p,.callnow,.errors,.foo-txt,.form-p,.her,.high_title,.high_title h2,.navbar .navbar-collapse,.pricingTable,.sec-amenities h3,.sec-amenities img,.success,.v-sec,section#overview .over_high p {
    text-align: center
}

.desc-click,.disc-click {
    color: #000;
    font-weight: 600;
    margin: 6px 0;
    display: inline
}

.callnow,.errors,.sec-amenities h3,.success {
    font-weight: 700
}

.fix-form-wrap {
    position: fixed;
    width: 100%;
    bottom: 0;
    background: #fff;
    padding-top: 14px;
    box-shadow: 0 0 7px 0;
    z-index: 99
}

#enquire-now h3,#enquire-now p {
    text-align: right;
    color: #284057
}

.enq-button {
    border: none;
    background: #000;
    color: #fff;
    font-size: 15px;
    font-family: Gotham-Medium;
    text-shadow: none;
    padding: 12px 30px;
    display: block;
    margin: 0 auto 20px
}

#accordion .panel-title a,.amiwrap h2,.rotate-phone-please {
    font-family: Roboto,sans-serif
}

.success {
    color: #000
}

.errors {
    color: red
}

.callnow {
    font-size: 21px;
    line-height: 42px
}

.callnow a {
    color: #000!important
}

#contact-form .input-group-addon,#price-form .input-group-addon {
    background: 0 0;
    color: #fff;
    border: 0
}

#contact-form .input-group-addon {
    width: 50px
}

#contact-form select,#price-form select {
    height: 40px;
    width: 100%;
    padding-left: 9px;
    border: none;
    background: #f3f3f3
}

#dwnld-model .modal-header,#myModal1 .modal-header,#price-model .modal-header {
    background: #a08d51;
    color: #fff
}

#dwnld-model .close,#price-model .close,.modal-header .close {
    color: #fff!important;
    opacity: 1!important;
    margin-top: -4px;
    margin-right: 0
}

#dwnld-form .input-group-addon,#price-form .input-group-addon {
    background: #8d837d;
    color: #fff;
    border: 0
}

#dwnld-form .form-group,#price-form .form-group {
    margin-bottom: 23px
}

.why {
    margin-top: 50px
}

.form_icon {
    width: 20px
}

#enquire-now input,#enquire-now select {
    height: 40px;
    border: none;
    padding-left: 9px;
    width: 100%;
    background: #eae4e4;
    border-radius: 0
}

#enquire-now .form-group {
    height: 40px;
    margin-bottom: 14px
}

.sec-amenities img {
    width: 100px!important;
    position: relative;
    margin: 0 auto;
    border: 3px solid;
    border-radius: 82px
}

.sec-amenities h3 {
    line-height: 20px;
    font-size: 18px;
    letter-spacing: 1px;
    padding: 0;
    position: relative;
    margin: 0 auto
}

#about {
    background-color: #f7f7f7;
    padding-bottom: 70px
}

.overlay {
    padding: 30px 0 40px;
    background: #ffffff66
}

#contact-form .input-group input,#contact-form textarea#qMessageContact {
    background-color: transparent;
    outline: 0;
    border: none;
    border-bottom: 1px solid #afa39b;
    height: auto;
    width: 100%;
    padding: 10px;
    color: #111;
    box-shadow: unset
}

#contact-form .input-group input::placeholder,#contact-form textarea#qMessageContact::placeholder {
    color: #000
}

section#about .row {
    width: 80%;
    margin: 0 auto
}

.form-contact {
    border: 1px solid #00000059;
    margin-bottom: 41px;
    padding: 20px
}

p.foo-txt {
    margin-top: 50px;
    margin-bottom: 16px
}

.slideUp {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    transition: .5s
}

.carousel-control.left,.carousel-control.right {
    background-image: none!important
}

.header-logo-wrap {
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 99
}

#home .container,.amiwrap {
    position: relative
}

.fix-logo-left,.fix-logo-right {
    width: 130px;
    background: #fff
}

.fix-logo-right {
    float: right
}

.joy {
    margin-top: 7px
}

.box img {
    width: 20%;
    padding: 20px 0!important
}

.pricingTable {
    background-color: #fff;
    padding: 25px 0 0;
    box-shadow: 3px 3px 7px 0 rgba(0,0,0,.3)
}

.pricingTable .pricingTable-header {
    background: linear-gradient(transparent,transparent,#e7e7e7);
    padding: 0 0 20px
}

.pricingTable .title {
    color: #333;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 0 0 20px
}

.pricingTable .title:after {
    content: "";
    background: #f63459;
    width: 160px;
    height: 3px;
    margin: 20px auto 0;
    display: block;
    clear: both
}

.pricingTable .price-value {
    color: #f63459;
    font-size: 34px;
    font-weight: 800;
    line-height: 47px;
    letter-spacing: 2px;
    display: block
}

.pricingTable .price-value sup {
    font-size: 30px;
    vertical-align: bottom
}

.pricingTable .pricing-content {
    background: linear-gradient(#f53149,#fd6653);
    padding: 15px 0
}

.pricingTable .pricingTable-signup a {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 7px 25px;
    margin: 0 auto;
    border: 2px solid #fff;
    display: inline-block;
    transition: .5s
}

.pricingTable .pricingTable-signup a:hover {
    letter-spacing: 2px;
    box-shadow: 0 0 0 5px rgba(255,255,255,.5)
}

.tbl {
    background: #fff
}

.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th {
    padding: 10px;
    font-size: 16px;
    line-height: 1.42857143;
    text-align: center;
    vertical-align: inherit;
    color: #284057;
    font-weight: 600;
    width: 20%;
    border-top: 1px solid #ddd
}

.her {
    background: #fff;
    color: #000;
    border-bottom: none!important
}

.price-click {
    padding: 5px;
    font-size: 16px;
    color: #000;
    text-decoration: underline
}

.amiwrap {
    margin: 15px auto 20px;
    width: 85%;
    background: #fff;
    padding: 4px 3px;
    box-shadow: 1px 1px 4px 3px #22222259
}

.bo {
    padding: 15px 5px;
    outline-offset: 2px;
    box-shadow: 0 0 3px 4px #00000036
}

.amiwrap h2 {
    font-weight: 800;
    font-size: 20px;
    margin-bottom: 10px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #000
}

.amiwrap p {
    font-size: 14px;
    color: #000;
    letter-spacing: normal;
    line-height: 1.5
}

.row-flex {
    display: flex;
    flex-wrap: wrap
}

.overlay .col-md-4 {
    margin-bottom: 25px
}

.overviewP {
    margin-bottom: 25px!important
}

.over_high {
    width: 100%;
    padding: 26px;
    border: 1px solid #a0897d;
    border-radius: 15px
}

.high_title {
    width: fit-content;
    padding: 10px;
    margin: 0 auto
}

.callBtn,.callBtnMob {
    margin-left: 20px;
    display: inline-block
}

.high_title h2 {
    font-weight: 800;
    font-family: Gotham-Medium;
    font-size: 18px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 0;
    line-height: 25px
}

.over_high p {
    padding-top: 10px;
    line-height: 1.5;
    font-size: 14px;
    text-align: justify
}

.callBtn a,.callBtnMob a {
    padding: 11px;
    font-weight: 700;
    color: #333;
    text-decoration: none
}

.sec__gal {
    padding: 30px 0 20px;
    background: #f1ead7
}

section#amenities {
    padding-top: 30px;
    padding-bottom: 40px
}

.contact1 {
    background: #f7f7f7;
    padding: 40px 80px;
    height: 550px
}

.form-p {
    font-size: 15px;
    color: #000
}

.cls,.foo-txt {
    font-size: 20px
}

.foo-txt {
    color: #212121;
    line-height: inherit
}

.callBtn a {
    border-radius: 50%;
    font-size: 17px;
    border: 1px solid #afa39b
}

.callBtn a .fa-phone {
    rotate: 100deg
}

.callBtn a .icon {
    width: 16px
}

.callBtnMob {
    position: fixed;
    z-index: 10;
    bottom: 4%;
    top: inherit;
    right: 10px
}

.callBtnMob.whatsappmOB {
    left: 0;
    bottom: 2%!important;
    width: 70px
}

.callBtnMob a {
    border-radius: 50%;
    background: #003e82;
    font-size: 25px
}

.callBtnMob a .icon {
    width: 25px
}

.cls {
    text-align: right;
    font-weight: 900
}

.stickyForm .d-flex {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.stickyForm h4 {
    font-size: 21px;
    font-weight: 900
}

a.bt.whatsapp-btn {
    background: 0 0
}

.mytab {
    border-bottom: none;
    margin-bottom: 25px;
    text-align: center
}

.mytab li {
    float: none!important;
    display: inline-block;
    margin-bottom: 10px
}

.mytab>li.active>a,.mytab>li.active>a:focus,.mytab>li.active>a:hover {
    color: #111;
    border: 3px solid transparent;
    border-bottom-color: #000;
    border-radius: 4px
}

.mytab>li>a:focus,.mytab>li>a:hover {
    color: #000;
    background-color: transparent;
    border: 3px solid transparent
}

.mytab>li>a {
    color: #284057;
    font-size: 18px;
    border-radius: 0;
    padding: 0 0 10px;
    margin: 0 20px;
    border: 3px solid transparent
}

#accordion .panel {
    border: none;
    box-shadow: none;
    border-radius: 10px;
    margin-bottom: 10px
}

#accordion .panel-heading {
    padding: 0;
    border: none;
    border-radius: 10px
}

#accordion .panel-title a {
    display: block;
    padding: 11px 35px;
    font-size: 16px;
    color: #fff;
    border: none;
    position: relative;
    text-transform: capitalize;
    transition: .3s 0
}

#accordion .panel-title a.collapsed:after,#accordion .panel-title a:after {
    content: "\f041";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    width: 30px;
    height: 30px;
    line-height: 22px;
    border-radius: 50%;
    background: #a08d51;
    text-align: center;
    font-size: 12px;
    color: #fff;
    border: 5px solid #fff;
    position: absolute;
    top: 4px;
    left: -20px;
    transition: .3s 0
}

#accordion .panel-title a.collapsed:after {
    content: "\f067"
}

#accordion .panel-title a.collapsed:hover:after,#accordion .panel-title a:hover:after {
    transform: rotate(360deg)
}

#accordion .panel-body {
    padding: 15px 25px;
    background: #fff;
    font-size: 14px;
    color: #000;
    line-height: 25px;
    border-top: none;
    position: relative
}

.specification {
    list-style: circle;
    padding-left: 16px;
    font-size: 15px
}

.about-developer-box {
    padding-left: 75px;
    padding-top: 73px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    position: relative
}
input:enabled:read-write:-webkit-any(:focus, :hover)::-webkit-inner-spin-button {
    opacity: 0;
    pointer-events:none;
    /* display: none; */
}
@media (max-width: 1600px) {
    section#about .row {
        width:97%;
        margin: 0 auto
    }

    .about-developer-box {
        padding-left: 75px;
        padding-top: 73px;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 1px;
        position: relative
    }

    #about {
        padding-bottom: 20px
    }

    .contact1 {
        padding: 0 80px
    }

    .testimonial-carousel .para-content {
        height: 100px
    }
}

@media only screen and (max-width: 1100px) {
    .stickyForm {
        width:100%
    }

    .stickyForm ul li .btn {
        padding: 10px 14px
    }

    .callBtn {
        margin-left: 10px
    }
}

@media only screen and (max-width: 1000px) {
    .stickyForm ul li {
        width:17%
    }
}

@media only screen and (max-width: 900px) {
    .stickyForm ul li {
        width:17%
    }
}

@media only screen and (max-width: 990px) {
    .pricingTable {
        margin-bottom:40px
    }

    #stick-form {
        display: none
    }

    .navbar-nav>li>a {
        font-size: 15px
    }
}

@media only screen and (max-width: 800px) {
    .callBtn {
        margin-left:0
    }
}

@media only screen and (max-width: 767px) {
    .callBtn,.form-slid-tog,.price_title {
        display:none
    }

    .callBtnMob.whatsappmOB {
        left: -22px;
        bottom: 75px!important
    }

    .callBtnMob.whatsappmOB img {
        width: 40px!important
    }

    #floorplan .owl-theme .owl-nav {
        display: block
    }

    .tbl {
        background-color: #f1ead7
    }

    .price_card_m {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin: 10px 0 0;
        border-radius: 10px!important
    }

    .fix-logo-left,.fix-logo-right {
        width: 88px;
        margin-top: 5px;
        margin-bottom: 5px
    }

    .rpice_box_Title {
        font-weight: 700!important;
        font-size: 20px!important;
        color: #000!important
    }

    .price_card_m td {
        width: 100%!important;
        border-color: #fff!important;
        outline: 0;
        background-color: #fff
    }

    .footer p {
        font-size: 12px
    }

    .header-logo-wrap {
        position: initial
    }

    .fix-logo-left {
        margin-left: 10px
    }

    .fix-logo-right {
        margin-right: 10px
    }

    .para,.para1 {
        letter-spacing: 1px;
        margin-bottom: 41px;
        font-size: 14px;
        font-weight: 700
    }

    .para1 {
        text-align: center;
        padding: 0;
        margin-top: 0;
        position: relative;
        left: unset
    }

    .joy,.para {
        margin-top: 15px
    }

    .para {
        text-align: justify;
        padding: 15px
    }

    .joy {
        width: 201px;
        height: 96px;
        --loader-delay-offset: 1ms!important
    }

    .box {
        height: auto
    }

    #about {
        background-size: 100%
    }

    .price-click {
        display: inline-block;
        padding: 8px 15px;
        background: #a08d51;
        color: #fff;
        text-decoration: none
    }

    .box img {
        width: 50%
    }

    .dwnld,.dwnld:focus {
        bottom: auto;
        top: 30%;
        left: -60px;
        font-size: 14px;
        transform: rotate(270deg)
    }

    .i-am {
        padding: 0;
        background: 0 0;
        border: none;
        box-shadow: none;
        outline: 0!important;
        font-weight: 900
    }

    .i-am:focus,.i-am:hover {
        background: 0 0!important
    }

    .footer {
        padding: 10px 0 20px
    }

    .stickyForm {
        position: static;
        margin: 20px 0
    }

    .stickyForm ul li {
        margin: 10px 0;
        width: 100%
    }

    .stickyForm ul li .btn {
        display: inline-block;
        width: auto;
        padding: 10px 50px
    }

    .callBtnMob {
        position: fixed;
        z-index: 10;
        bottom: 85px!important;
        top: inherit;
        right: 10px;
        display: inline-block;
        margin-left: 20px
    }

    .callBtnMob a {
        padding: 11px;
        border-radius: 50%;
        background: #003e82;
        font-size: 17px;
        font-weight: 700;
        color: #333;
        text-decoration: none
    }

    .callBtnMob a .fa-phone {
        rotate: 100deg
    }

    .callBtnMob a .icon {
        width: 16px
    }
}

.phone:after,.phone:before {
    content: "";
    border-bottom: 3px solid #fff
}

.imgcon img {
    width: 74px;
    margin: 19%
}

.amenities-gallery {
    position: relative;
    width: 100%;
    overflow: hidden;
    transition: .5s;
    border: none
}

.ami-overlay,.img_tit,.phone:after,.phone:before {
    position: absolute
}

.amenities-gallery img {
    width: 100%;
    margin-bottom: -2px;
    height: auto;
    transition: .5s;
    object-fit: cover
}

.ami-overlay {
    width: 100%;
    height: 100%;
    top: 0;
    transform: translate(-100%,0);
    transition: 1s
}

.amenities-gallery:hover .ami-overlay {
    transform: translate(0,0);
    transition: .5s;
    cursor: pointer!important
}

.amenities-gallery:hover img {
    transform: scale(1.19);
    transition: .5s
}

.img_tit {
    bottom: 0;
    left: 0;
    width: fit-content;
    padding: 5px;
    font-size: 12px;
    color: #fff;
    background-color: #000000b8;
    margin-bottom: 0
}

.footer__logos {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 30px;
    width: 100%;
    margin: 10px 0
}

.footer__logos img {
    width: 110px
}

@media screen and (max-width: 768px) {
    .navbar-brand {
        padding:0
    }

    .imgcon img {
        width: 56px;
        margin: 14px auto
    }

    .disclaimer p {
        line-height: 30px;
        width: 100%;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 0;
        padding: 0;
        position: relative;
        margin: 0 auto
    }

    .amiwrap p,.over_high p {
        line-height: 1.5;
        font-size: 14px;
        letter-spacing: normal
    }

    .amiwrap p {
        color: #000
    }

    .over_high p {
        padding-top: 10px
    }

    .over_high {
        margin-top: 20px
    }

    .amenities-gallery {
        margin-top: 5px
    }
}

.rotate-phone-please {
    position: absolute;
    bottom: 24%;
    z-index: 66666;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    color: #fff
}

.phone {
    display: inline-block;
    width: 30px;
    height: 60px;
    border: 3px solid #fff;
    border-radius: 5px;
    position: relative;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-name: anim-rotate;
    animation-duration: 2s
}

.phone:after {
    width: 100%;
    top: 4px;
    left: 0
}

.phone:before {
    width: 100%;
    bottom: 6px;
    left: 0
}

@keyframes anim-rotate {
    0%,10%,100%,95% {
        transform: rotate(0)
    }

    40%,60% {
        transform: rotate(90deg)
    }
}

@media screen and (max-width: 576px) {
    .carousel-inner>.item>img.mob_ban,.footer_dis,.rotate-phone-please {
        display:block
    }

    .carousel-inner>.item>img.desk_ban {
        display: none
    }

    #contact,.contact1 {
        height: auto
    }

    .contact1 {
        padding: 20px 0
    }

    .footer__logos img {
        width: 80px
    }

    .footer__logos {
        gap: 10px
    }
}

.disclaimer-style {
    font-size: 9px!important;
    line-height: 16px!important
}

.img-left,.img-right {
    width: 80px
}

#hide-menu {
    position: fixed;
    z-index: 999;
    width: 100%;
    padding: 5px 0;
    top: 0
}

.navbar-default {
    background: #fff;
    margin-bottom: 0;
    border: none;
    border-radius: 0;
    transition: .5s
}

.navbar-default.fixHeader {
    background: rgba(255,255,255,.9);
    transition: .5s
}

.navbar-default .row {
    display: flex;
    align-items: center
}

.navbar-default .navbar-nav>li>a {
    color: #434c54;
    text-shadow: none;
    font-weight: bolder
}

.navbar-default .navbar-nav>li>a:focus {
    color: #b85c7f;
    text-shadow: none
}

.navbar-default .navbar-nav>li>a:hover {
    color: #b85c7f
}

.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover {
    box-shadow: none;
    background: 0 0;
    color: #224e22
}

.navbar-brand>img {
    width: 88px;
    margin-top: 5px
}

.navbar-brand>img.nav-logo {
    width: 120px;
    margin-top: 0;
    background: 0 0
}

@media (min-width: 768px) {
    .navbar-brand {
        padding:0;
        height: auto
    }
}

.navbar .navbar-nav {
    display: inline-block;
    float: none!important;
    vertical-align: top
}

@media (max-width: 767px) {
    .navbar-nav {
        margin:initial!important
    }

    .navbar-collapse {
        padding-bottom: 10px
    }

    .navbar-brand>img {
        width: 71px;
        float: left;
        margin-top: 0
    }

    .navbar-brand>img.nav-logo {
        width: 57px;
        margin-top: -4px;
        position: absolute;
        top: 0;
        right: 0
    }

    .navbar-brand {
        padding: 0
    }

    .navbar-default .navbar-toggle {
        border: none!important;
        background: #fff;
        position: absolute;
        margin-right: 0;
        margin-left: 8px
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #0a3a81!important
    }
}

.nav-call {
    border: 2px solid #fff;
    border-radius: 7px;
    padding: 3px 15px!important;
    color: #043147!important;
    margin-top: 10px;
    font-weight: 600;
    background: #fff!important
}

.navbar-nav>li>a {
    line-height: 30px!important;
    margin-right: 10px;
    padding-left: 5px;
    padding-right: 5px;
    outline: 0;
    font-size: 15px;
    letter-spacing: 0
}

.menu-overlay {
    height: 100vh;
    width: 100%;
    position: fixed;
    z-index: 99999;
    top: 0;
    right: -100%;
    background-color: rgba(0,0,0,.9);
    overflow-x: hidden;
    transition: .6s
}

.menu-overlay-content {
    position: relative;
    top: 25%;
    width: 100%;
    text-align: center;
    margin-top: 0
}

.menu-overlay a {
    padding: 8px;
    text-decoration: none;
    color: #ffff;
    display: block;
    transition: .3s;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 2px;
    margin-bottom: 10px
}

.menu-overlay a span {
    border-left: 3px solid #d2ac68;
    border-right: 3px solid #d2ac68;
    padding: 3px 14px 0
}

.menu-overlay a:focus,.menu-overlay a:hover {
    color: #f1f1f1
}

.menu-overlay .closebtn {
    position: absolute;
    top: 1px;
    right: 10px;
    font-size: 48px
}

.floor_img img {
    width: 100%;
    filter: blur(2px)
}

section#floorplan .item {
    padding: 10px;
    background: #fff;
    height: 100%
}

#floorplan .owl-item.active {
    height: 300px!important
}

section#floorplan .item .amenities-gallery.mg-mb {
    padding: 10px;
    border: 2px solid #000;
    height: 100%;
    position: relative
}

section#floorplan .item .amenities-gallery.mg-mb img {
    border: 1px solid #000;
    height: 100%
}

h2.floor-title {
    padding: 10px;
    background: #f1ead7;
    margin: 10px 0
}

.floor_click_btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 10px;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    border: none;
    outline: 0
}

@media screen and (max-width: 991px) {
    .navbar-collapse.collapse {
        display:block!important;
        height: auto!important;
        padding-bottom: 0;
        overflow: visible!important
    }

    .navbar-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .navbar-header {
        float: left
    }

    .navbar-default .navbar-toggle {
        border: none!important;
        background: #fff;
        position: absolute;
        margin-right: 0;
        margin-left: 8px;
        right: 12px;
        top: -43px
    }

    #hide-menu {
        position: fixed;
        z-index: 9999;
        width: 100%;
        padding: 5px 0;
        top: 0;
        height: 70px
    }

    .navbar-brand>img.nav-logo {
        width: 87px;
        margin-top: -3px;
        background: 0 0;
        position: absolute;
        top: 15px;
        right: 30%
    }

    .navbar-toggle {
        display: block!important
    }

    .navbar .navbar-nav {
        display: none!important
    }
}

@media (max-width: 767px) {
    .navbar-default .navbar-toggle {
        border:none!important;
        background: #fff;
        position: absolute;
        margin-right: 0;
        margin-left: 8px;
        right: 12px;
        top: 6px
    }

    #home .container,.navbar-default .row {
        height: 100%
    }

    .navbar-default .navbar-brand {
        align-items: center;
        display: flex
    }

    .rera-qr-code-content img {
        width: 80px;
        height: 80px
    }

    .rera-qr-code-item {
        width: 100%
    }

    .row {
        margin-right: 0;
        margin-left: 0
    }

    section#overview .row.row-flex {
        display: block
    }

    #hide-menu {
        padding: 0;
        top: -1px
    }

    .navbar-brand>img.nav-logo {
        width: 87px;
        margin-top: -3px;
        background: 0 0;
        position: absolute;
        top: 15px;
        right: 17%
    }

    .about-developer-box {
        padding-left: 0;
        padding-top: 0;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 1px;
        position: relative;
        margin-bottom: 20px
    }

    section#about .row {
        width: 100%;
        margin: 0 auto
    }

    #about {
        padding-top: 30px;
        padding-bottom: 19px
    }

    .foo-txt {
        text-align: center;
        color: #212121;
        font-size: 18px;
        line-height: inherit
    }

    .testimonials-container {
        background-color: #f1ead7
    }

    .testimonial-carousel .para-content {
        height: auto
    }
}

@media only screen and (max-width: 340px) {
    .footer p,.sec-amenities h3 {
        font-size:13px
    }

    .navbar-brand>img {
        width: 90px;
        margin-top: 13px
    }

    .navbar-brand>img.nav-logo {
        width: 70px;
        top: 14px
    }

    .sub-head2 {
        font-size: 25px
    }

    .ftLinks li {
        display: block
    }

    .footer p {
        line-height: 24px
    }
}

.socail-media-ul-box {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    margin-top: 19px
}

ul.socail-media-ul .facebook-icon {
    width: auto;
    height: 30px
}

ul.socail-media-ul {
    display: flex;
    gap: 0 20px
}

.footer {
    padding: 3px 0 7px
}

.rera-qr-code-details {
    margin-top: 25px!important;
    margin-bottom: 0!important
}

.amt_name {
    font-size: 22!important;
    text-align: center;
    font-weight: 700;
    margin-top: 10px
}

.amt_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #f7f2f2;
    border-radius: 10px;
    margin-bottom: 20px;
    padding: 15px
}

.amt_box img {
    width: 69px;
    filter: brightness(0) saturate(100%) invert(56%) sepia(12%) saturate(1469%) hue-rotate(8deg) brightness(98%) contrast(84%)
}

.video-section {
    padding-bottom: 40px
}

.owl-carousel.owl-theme.floorplan-carousel.owl-loaded.owl-drag {
    height: 350px
}

.owl-theme .owl-nav {
    margin-top: 15px!important;
    text-align: center;
    display: none
}

#gallery .owl-theme .owl-nav {
    display: block!important
}