/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */



/*

 * What follows is the result of much research on cross-browser styling.

 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,

 * Kroc Camen, and the H5BP dev community and team.

 */



/* ==========================================================================

   Base styles: opinionated defaults

   ========================================================================== */



html {

    color: #222;

    font-size: 1em;

    line-height: 1.4;

    font-family: "gotham", sans-serif;

}



body {

    font-size: 15px;

}



html,

body {

    overflow-x: hidden !important;

}



/*

 * Remove text-shadow in selection highlight: h5bp.com/i

 * These selection rule sets have to be separate.

 * Customize the background color to match your design.

 */



::-moz-selection {

    background: #b3d4fc;

    text-shadow: none;

}



::selection {

    background: #b3d4fc;

    text-shadow: none;

}



* {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -o-box-sizing: border-box;

    -ms-box-sizing: border-box;

}



/*

 * A better looking default horizontal rule

 */



hr {

    display: block;

    height: 1px;

    border: 0;

    border-top: 1px solid #ccc;

    margin: 1em 0;

    padding: 0;

}



/*

 * Remove the gap between images, videos, audio and canvas and the bottom of

 * their containers: h5bp.com/i/440

 */



audio,

canvas,

img,

svg,

video {

    vertical-align: middle;

    max-width: 100%;

    display: block;

    /* margin: auto; */

    width: auto;

    height: auto;

}



/*

 * Remove default fieldset styles.

 */



fieldset {

    border: 0;

    margin: 0;

    padding: 0;

}



/*

 * Allow only vertical resizing of textareas.

 */



textarea {

    resize: vertical;

    width: 100%;

    height: 70px;

    padding: 12px;

    padding-left: 17px;

    outline: 0 !important;

    border: 0;

    border-radius: 3px;

    background: rgb(255, 255, 255);

}



ul {

    padding: 0;

    margin: 0;

}



ul li {

    list-style-type: none;

    font-size: 14px;

}



a,

a:visited {

    text-decoration: none;

    color: #406e26;

}



a,

input,

button {

    outline: 0;

}



input {

    height: 17px;

    padding-left: 2px;

    font: 14px "gotham", sans-serif;

}



select {

    display: inline-block;

}



h1 {

    font-size: 40px;

    color: #c8ae73;

    margin: 15px 0px;

    font-weight: normal;

    font-style: italic;

    letter-spacing: 2px;

    text-align: center;

}



h2 {

    font-size: 24px;

    color: #000;

    margin: 10px 0;

}



h3 {

    font-size: 18px;

    color: #71518a;

    margin: 10px 0;

}



h4 {

    font-size: 23px;

    color: #273f7f;

    margin: 10px 0;

    font-weight: normal;

}



h5 {

    font-size: 14px;

    color: #273f7f;

    margin: 10px 0;

}



p {

    margin: 0;

    font: 15px "gotham", Arial, sans-serif;

    text-align: left;

    line-height: 25px;

    /* margin-bottom: 15px; */

    color: #000;

    font-weight: 400;

}



h2,

h3,

h4,

h5 {

    font-family: "gotham", Arial, sans-serif;

    color: #161616;

    font-size: 19px;

    margin-bottom: 25px;

}



/* ==========================================================================

   Browse Happy prompt

   ========================================================================== */



.browsehappy {

    margin: 0.2em 0;

    background: #ccc;

    color: #000;

    padding: 0.2em 0;

}



/* ==========================================================================

   Author's custom styles

   ========================================================================== */



/* ==========================================================================

   Helper classes

   ========================================================================== */



/*

 * Hide visually and from screen readers: h5bp.com/u

 */



.hidden {

    display: none !important;

    visibility: hidden;

}



/*

 * Hide only visually, but have it available for screen readers: h5bp.com/v

 */



.visuallyhidden {

    border: 0;

    clip: rect(0 0 0 0);

    height: 1px;

    margin: -1px;

    overflow: hidden;

    padding: 0;

    position: absolute;

    width: 1px;

}



/*

 * Extends the .visuallyhidden class to allow the element to be focusable

 * when navigated to via the keyboard: h5bp.com/p

 */



.visuallyhidden.focusable:active,

.visuallyhidden.focusable:focus {

    clip: auto;

    height: auto;

    margin: 0;

    overflow: visible;

    position: static;

    width: auto;

}



/*

 * Floats free left and right with !impoprtant case

 */



.fl-l {

    float: left;

}



.fl-r {

    float: right;

}



.fl-ll {

    float: left !important;

}



.fl-rr {

    float: right !important;

}



.full-width {

    width: 100% !important;

}



.mt-0 {

    margin-top: 0;

}



.mt-10 {

    margin-top: 10px;

}



.mt-15 {

    margin-top: 15px;

}



.mt-20 {

    margin-top: 20px;

}



.mt-25 {

    margin-top: 25px;

}



.mt-50 {

    margin-top: 50px;

}



.mt-70 {

    margin-top: 70px;

}



.mt-100 {

    margin-top: 100px;

}



.mt-150 {

    margin-top: 150px;

}



.mt-200 {

    margin-top: 200px;

}



.mt-250 {

    margin-top: 250px;

}



.mt-300 {

    margin-top: 300px;

}



.mb-0 {

    margin-bottom: 0;

}



.mb-10 {

    margin-bottom: 10px;

}



.mb-15 {

    margin-bottom: 15px;

}



.mb-20 {

    margin-bottom: 20px;

}



.mb-25 {

    margin-bottom: 25px;

}



.mb-50 {

    margin-bottom: 50px;

}



.mb-100 {

    margin-bottom: 100px;

}



.mb-150 {

    margin-bottom: 150px;

}



.mb-200 {

    margin-bottom: 200px;

}



.mb-250 {

    margin-bottom: 250px;

}



.mb-300 {

    margin-bottom: 300px;

}



.mb-500 {

    margin-bottom: 500px;

}



.ml-10 {

    margin-left: 10px;

}



.ml-15 {

    padding-left: 30px;

}



.ml-20 {

    margin-left: 20px;

}



.ml-25 {

    margin-left: 25px;

}



.ml-30 {

    margin-left: 30px;

}



.ml-35 {

    margin-left: 35px;

}



.ml-40 {

    margin-left: 40px;

}



.ml-45 {

    margin-left: 45px;

}



.ml-50 {

    margin-left: 50px;

}



.mr-15 {

    margin-right: 15px;

}



.mr-20 {

    margin-right: 20px;

}



.mr-25 {

    margin-right: 25px;

}



.mr-30 {

    margin-right: 30px;

}



.mr-35 {

    margin-right: 35px;

}



.mr-40 {

    margin-right: 40px;

}



.mr-45 {

    margin-right: 45px;

}



.mr-50 {

    margin-right: 50px;

}



.w-50 {

    width: 50px;

}



.w-100 {

    width: 100px;

}



.w-150 {

    width: 150px;

}



.w-200 {

    width: 200px;

}



.w-250 {

    width: 200px;

}



.w-290 {

    width: 290px !important;

}



/*

 * Hide visually and from screen readers, but maintain layout

 */



.invisible {

    visibility: hidden;

}



/*

 * Clearfix: contain floats

 *

 * For modern browsers

 * 1. The space content is one way to avoid an Opera bug when the

 *    `contenteditable` attribute is included anywhere else in the document.

 *    Otherwise it causes space to appear at the top and bottom of elements

 *    that receive the `clearfix` class.

 * 2. The use of `table` rather than `block` is only necessary if using

 *    `:before` to contain the top-margins of child elements.

 */



.clearfix:before,

.clearfix:after {

    content: " ";

    /* 1 */

    display: table;

    /* 2 */

}



.clearfix:after {

    clear: both;

}



/* ==========================================================================

   EXAMPLE Media Queries for Responsive Design.

   These examples override the primary ('mobile first') styles.

   Modify as content requires.

   ========================================================================== */



@media only screen and (min-width: 35em) {

    /* Style adjustments for viewports that meet the condition */

}



@media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {

    /* Style adjustments for high resolution devices */

}



/* ==========================================================================

   Print styles.

   Inlined to avoid the additional HTTP request: h5bp.com/r

   ========================================================================== */



@media print {

    * {

        background: transparent !important;

        color: #000 !important;

        /* Black prints faster: h5bp.com/s */

        box-shadow: none !important;

        text-shadow: none !important;

    }



    a,

    a:visited {

        text-decoration: underline;

    }



    a[href]:after {

        content: " (" attr(href) ")";

    }



    abbr[title]:after {

        content: " (" attr(title) ")";

    }



    /*

     * Don't show links that are fragment identifiers,

     * or use the `javascript:` pseudo protocol

     */



    a[href^="#"]:after,

    a[href^="javascript:"]:after {

        content: "";

    }



    pre,

    blockquote {

        border: 1px solid #999;

        page-break-inside: avoid;

    }



    thead {

        display: table-header-group;

        /* h5bp.com/t */

    }



    tr,

    img {

        page-break-inside: avoid;

    }



    img {

        max-width: 100% !important;

    }



    p,

    h2,

    h3 {

        orphans: 3;

        widows: 3;

    }



    h2,

    h3 {

        page-break-after: avoid;

    }

}



/*  

 * Name              : Custom LP Codes

 * Version           : 1.0.0

 * Style Type        : Handly Coded from Scratch

 * Semantic Followed : Intelligent Selectors & Robdodson's Blog

 */



@font-face {

    font-family: "gothamthin";



    src: url("../fonts/gothamthin-webfont.woff2") format("woff2"), url("../fonts/gothamthin-webfont.woff") format("woff");



    font-weight: 100;



    font-style: normal;

}



@font-face {

    font-family: "gothambold";



    src: url("../fonts/gothambold-webfont.woff2") format("woff2"), url("../fonts/gothambold-webfont.woff") format("woff");



    font-weight: bold;



    font-style: normal;

}



@font-face {

    font-family: "gotham";



    src: url("../fonts/gothamlight-webfont.woff2") format("woff2"), url("../fonts/gothamlight-webfont.woff") format("woff");



    font-weight: normal;



    font-style: normal;

}



body {

    position: relative;

    margin: 0;

    font: 14px "gotham", Arial, sans-serif;

    background: #fff;

    margin: 0;

}



button,

a {

    outline: 0 !important;

}



.wrapper {

    width: 100%;

}



.container-fluid {

    width: 100%;

    padding: 0;

}



.container {

    width: 95%;

    /* margin: 0 auto; */

}



/* loading css codes */

.loading {

    display: none;

}



.loading {

    position: absolute;

    left: 0;

    right: 0;

    text-align: center;

    margin: auto;

    top: 9px;

    z-index: 9999;

    width: 22px;

    height: 22px;

    -webkit-animation: spinner 400ms linear infinite;

    animation: spinner 600ms linear infinite;

    display: flex;

    align-items: center;

    justify-content: center;

}



.loading:before {

    /* content: ''; */

    width: 100%;

    height: 100%;

    border-radius: 100%;

    box-sizing: border-box;

    border: solid 2px transparent;

    border-top-color: #29d;

    border-left-color: #29d;

    border-radius: 50%;

    position: absolute;

    left: 0;

    top: 0;

}



@-webkit-keyframes spinner {

    0% {

        -webkit-transform: rotate(0deg);

    }



    100% {

        -webkit-transform: rotate(360deg);

    }

}



@keyframes spinner {

    0% {

        transform: rotate(0deg);

    }



    100% {

        transform: rotate(360deg);

    }

}



/* extra submit button loadin positioning*/

.btn-wrap {

    position: relative;

    display: inline-block;

}



.btn-wrap .loading {

    position: absolute;

    left: 114%;

    top: 7px;

}



/* extra submit button loadin positioning*/

/* end of loading css codes */

form label.error {

    width: 100% !important;

    /*padding: 10px 0;*/

    padding: 0px 0 10px 0;

    color: red;

    clear: both;

    margin: 0;

    display: none;

    font-weight: bold;

}



::-webkit-input-placeholder {

    /* Chrome/Opera/Safari */

    letter-spacing: 0px;

    color: #9c9c9c;

}



::-moz-placeholder {

    /* Firefox 19+ */

    letter-spacing: 0px;

    color: #9c9c9c;

}



:-ms-input-placeholder {

    /* IE 10+ */

    letter-spacing: 0px;

    color: #9c9c9c;

}



:-moz-placeholder {

    /* Firefox 18- */

    letter-spacing: 0px;

    color: #9c9c9c;

}



section {

    padding: 10px 0;

    float: left;

    width: 100%;

}



section h2 {

    text-align: center;

    font-size: 28px;

    font-weight: 300;

    margin-bottom: 30px;

}



/* LP Codes */

section.grey {

    background: #f9f9f9;

}



h3 {

    font-weight: 300;

    font-size: 21px;

    margin: 15px;

}



h3 span {

    width: 100%;

    display: block;

    font-size: 16px;

    margin: 10px 0;

    color: #383838 !important;

}



.row.no-gutter {

    margin-left: 0px;

    margin-right: 0;

}



.row.no-gutter [class*="col-"] {

    padding-left: 0;

    padding-right: 0;

}



/* sticky form code */

.stickyForm {

    position: fixed;

    top: 12%;

    width: 310px;

    right: -310px;

    text-align: center;

    padding: 17px;

    background: rgba(84, 84, 84, 0.81);

    border-radius: 11px 0px 0 11px;

    -webkit-transition: 0.35s ease-in-out;

    -o-transition: 0.35s ease-in-out;

    transition: 0.35s ease-in-out;

    z-index: 9999;

}



.stickyForm.active {

    right: 0px;

}



.stickyForm .btn {

    /*background: #8cb890;*/
    
    background: #406e26;

    padding: 10px 30px;

    position: absolute;

    top: 0px;

    bottom: 0px;

    margin: auto;

    left: -97px;

    color: #fff;

    height: 40px;

    border-radius: 7px 7px 0 0;

    font-size: 15px;

    cursor: pointer;

    transform: rotate(-90deg);

    -webkit-transform: rotate(-90deg);

    -moz-transform: rotate(-90deg);

    -o-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    border: 0;

    perspective: 100px;

    outline: 0 !important;
        font-weight: 600;

}



input#phone {

    /* padding-left: 50px !important; */

}



body .stickyForm * {

    color: #fff;

}



body .stickyForm label {

    width: 100% !important;

}



body .stickyForm input[type="text"],

body .stickyForm input[type="email"],

body .stickyForm textarea,

body .stickyForm .intl-tel-input {

    width: 100% !important;

    border: 0;

    height: 35px;

    background: transparent;

    border-bottom: 1px solid #fff;

    margin-bottom: 13px;

}



.stickyForm [type="submit"] {

    background: #545454d9;

    color: white;

    border: 0;

    padding: 10px 25px;

    border-radius: 2px;

    border: 1px solid #616161;

}



body .stickyForm ._checkbox {

    margin-bottom: 10px;

}



body .stickyForm ._checkbox .text {

    text-align: left;

    margin-bottom: 10px;

}



body .stickyForm ._checkbox label {

    width: 50% !important;

    float: left;

    padding-right: 5px;

}



body .stickyForm ._checkbox span {

    padding-left: 4px;

    font-size: 13px;

    float: left;

}



.stickyForm,

.stickyForm.active .btn {

    background: rgba(35, 35, 35, 0.77);

}



.stickyForm ::-webkit-input-placeholder {

    /* Chrome/Opera/Safari */

    letter-spacing: 0px;

    color: #ccc;

}



.stickyForm :::-moz-placeholder {

    /* Firefox 19+ */

    letter-spacing: 0px;

    color: #ccc;

}



.stickyForm ::-ms-input-placeholder {

    /* IE 10+ */

    letter-spacing: 0px;

    color: #ccc;

}



.stickyForm :-moz-placeholder {

    /* Firefox 18- */

    letter-spacing: 0px;

    color: #ccc;

}



body .stickyForm select {

    width: 100%;

    color: #fff;

    border: 0;

    background: transparent;

    border-bottom: 1px solid #fff;

    height: 40px;

}



body .stickyForm .btn-group {

    margin-top: 20px;

}



body .stickyForm .error {

    margin-bottom: 0 !important;

}



body .stickyForm label.error {

    padding: 7px 0;

}



body .stickyForm [type="submit"] {

    background: #406e26 !important;

    color: #fff;

    height: 40px !important;

    padding: 0px 30px !important;

    /* box-shadow: 0 0 8px 3px rgba(99, 99, 99, 0.32); */

}



/* end of sticky form code */



.form-section form {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

}



.stickyForm .loading {

    top: -29px;

}



/*  blink animation codes */

.animated {

    animation-duration: 0.85s;

    animation-fill-mode: both;

    /*visibility: hidden;*/

}



._animated {

    animation-duration: 0.85s;

    animation-fill-mode: both;

}



@keyframes blink {

    50% {

        opacity: 0;

    }



    100% {

        opacity: 1;

    }

}



#slider {

    position: relative;

}



/*  end of blink animation codes */



/* LP codes continues here */

.project-info {

    bottom: 0;

    width: 100%;

    background-color: #f4f7f0;

    /* opacity: .9; */

    position: relative;

    padding: 20px 0px;

}



.project-info .info-title {

    font-size: 18px;

    text-align: left;

    margin-bottom: 4px;

    font-weight: 300;

    color: #9d9d9d;

    margin-left: 0;

    text-align: center;

}



.project-info p {

    font-size: 19px;

    font-weight: 600;

    line-height: 24px;

    margin-bottom: 0;

    color: #406e26;

    text-align: center;

}



.row.align-items-center {

    display: flex;

    align-items: center;

}



.proj-overview {

}



.proj-overview h2 {

    font-weight: 600;

    text-align: center;

    color: #406e26;

    font-size: 40px;

    margin-top: 30px;

    margin-bottom: 30px;

    font-weight: bold;

}



.proj-overview p {

    font-weight: 100;

    font-size: 19px;

    text-align: center;

    margin-bottom: 10px;

    line-height: 28px;

    color: #406e26e0;

}



.section.proj-overview {

    padding: 50px 0;

    position: relative;

    background: url(../images/background-image.png);

    background-repeat: no-repeat;

    background-size: cover;

}



.proj-statistic .statistic-box {

}



.proj-statistic .statistic-box span {

    display: block;

    text-align: center;

    font-size: 5em;

    font-weight: bold;

    padding-bottom: 10px;

    color: #406e26;

    transform: translateY(-2px);

    transition: all 0.5s ease-in-out;

}



.proj-statistic .statistic-box p {

    text-align: center;

    /* margin-top: -15px; */

    color: #406e26;

    font-weight: 400;

    transition: all 0.5s ease-in-out;

    z-index: 1;

    position: relative;

    font-size: 19px;

}



.proj-statistic .statistic-box:hover span {

    /* margin-bottom: 10px; */

    /* transform: translateY(-20px); */

}



.proj-statistic .statistic-box:hover p {

    margin-top: -10px;

}



.proj-offer {

    padding: 60px 0;

}



/* .proj-offer h3{

    text-align: center;

    font-weight: 300;

    font-size: 28px;

    margin-bottom: 30px;

} */

.title-border:before,

.title-border:after {

    content: "";

    width: 100%;

    height: 1px;

    background: #707070;

    margin: 0 40px 0 0;

}



.title-border:after {

    margin: 0 0 0 40px;

}



.proj-offer table {

    margin: auto;

    width: 70%;

    border-collapse: separate;

    border-spacing: 4px;

}



.proj-offer table tr {

}



.proj-offer table tr th {

    text-align: center;

    background-color: #476292;

    color: white;

    padding: 12px 10px;

    border-radius: 15px;

    width: 33.33%;

}



.proj-offer table tr td {

    text-align: center;

    padding: 10px;

    border-bottom: 1px solid #c7c7c7;

}



.proj-offer table tr td .price-btn {

    display: inline-block;

    border: 1px solid #476292;

    padding: 7px 17px;

    border-radius: 10px;

    font-weight: 500;

    color: #476292;

    text-decoration: none;

}



.proj-offer table tr td .price-btn:hover {

    background-color: #476292;

    color: white;

}



.title {

    font-weight: bold;

    margin-bottom: 33px;

    margin-top: 0px;

    text-align: center;

    color: #406e26;

    font-size: 40px;

    margin: 40px 0;

}



.location-highlights {

    background-color: #eeeeee;

}



.location-highlights .highlights-icon-wrapper {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: center;

}



.highlights-icon-wrapper .highlights-icon {

    margin: 13px;

    width: 31%;

    margin-bottom: 50px;

}



.highlights-icon-wrapper .highlights-icon img {

    width: 70px;

    height: 70px;

    margin: auto;

    margin-bottom: 20px;

}



.highlights-icon-wrapper .highlights-icon p {

    text-align: center;

    font-size: 14px;

    line-height: 20px;

}



.accordion-item {

    border: 0;

    border-radius: 0;

}



.accordion-button {

    /*background-color: #f5f5f5;*/

    background-color: white;

    border: 0;

    /*border-bottom: 1px solid #dddddd;*/

    outline: 0;

    box-shadow: none;

    font-weight: 600;

    width: 100%;

    text-align: left;

    font-size: 17px;

    color: #406e26e0;

}



.accordion-button:focus {

    box-shadow: none;

}



.accordion-left-arrow .accordion-item .accordion-button {

    padding-left: 65px;

}



.accordion-button:after {

    background: 0 0;

    content: "+";

    transform: none;

}



.accordion-button:not(.collapsed)::after {

    transform: none;

    background: 0 0;

    content: "-";

}



.accordion-body {

    background: #eee;

    padding-left: 2rem;

    padding-top: 15px;

}



.accordion-left-arrow .accordion-button:after {

    left: 25px;

    position: absolute;

}



.accordion-button {

    /* border: 0; */

    box-shadow: none !important;

}



.accordion-button {

    padding: 20px 20px;

}



.accordion-body,

.accordion-button:not(.collapsed) {

    /*background-color: #f5f5f5;*/

    background-color: white;

    color: #406e26e0;

}



.accordion-body ul li {

    color: #406e26e0;

    list-style-type: disc;

    font-size: 15px;

    font-weight: 600;

}



.accordion-body ul li {

    line-height: 40px;

    /*margin-bottom: 5px;*/

}



.accordion-header {

    margin-bottom: 0px;

    margin-top: 0px;

}



.proj-map h4 {

    margin-bottom: 1px;

    margin-top: 40px;

}



.book-visit-btn {

    text-align: center;

    margin-top: 40px;

}



a.btn {

    display: inline-block;

    border: 1px solid #406e26;

    padding: 10px 30px;

    border-radius: 40px;

    font-weight: bold;

    color: #406e26;

    text-decoration: none;

}



.plan-images {

    background: url(../images/background-image.png);

    background-repeat: no-repeat;

    background-size: cover;

    padding: 45px 0;

}



.plan-images .toggle-btn {

    text-align: center;

    margin-bottom: 40px;

}



.plan-images .toggle-btn button {

    border: 1px solid #476495;

    /* border-radius: 5px; */

    padding: 10px 15px;

    background-color: white;

    color: #476292;

}



.plan-images .toggle-btn button.active {

    background-color: #a5a5a5;

    color: white;

    border-color: #a5a5a5;

}



.plan-images .plan-wrapper {

    position: relative;

    width: 70%;

    margin: auto;

}



.plan-images .plan-wrapper .plan-img {

    display: none;

}



.plan-images .plan-wrapper .plan-img.active {

    display: block;

}



.plan-images .plan-wrapper .plan-img img {

    /* width: 70%; */

    margin: auto;

    box-shadow: 1px 1px 15px #e7e7e7;

    /*filter: blur(5px);*/

}



.plan-images .toggle-btn button:first-child {

    border-top-left-radius: 5px;

    border-bottom-left-radius: 5px;

}



.plan-images .toggle-btn button:last-child {

    border-left: 0;

    border-top-right-radius: 5px;

    border-bottom-right-radius: 5px;

}



.sub-text {

    text-align: center;

    width: 60%;

    margin: auto;

    margin-bottom: 35px;

}



.gallery #gallery-slider img {

    /* width: 70%; */

    margin: auto;

}



.gallery {

    /* background: linear-gradient(180deg, #ffffff 60%, #eeeeee 60%); */

}



.accordion {

    position: relative;

    background-color: #f5f5f5;

}



footer {

}



footer .footer-wrapper {

    background: url(../images/footer-banner.jpg);

    height: 50vh;

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative;

}



footer .footer-inner {

    position: relative;

}



footer .footer-inner h3 {

    text-align: center;

    color: white;

}



footer .footer-inner p {

    text-align: center;

    color: white;

}



footer .footer-inner a.btn {

    border-color: white;

    color: white;

}



.footer-addr {

    padding: 30px 0px;

}



.footer-addr h3 {

    margin-left: 0px;

}



footer .footer-wrapper:before {

    content: "";

    background-color: #000;

    width: 100%;

    height: 100%;

    position: absolute;

    opacity: 0.5;

}



#brand {

    flex: 1;

}



#brand img {

    width: 150px;

}



.header-top a.btn {

    color: #68696d !important;

    padding: 10px 30px;

}



.header-top {

    display: flex;

    padding: 15px 30px;

    align-items: center;

    gap: 20px;

}



.owl-carousel .owl-nav .owl-next,

.owl-carousel .owl-nav .owl-prev {

    position: absolute;

    top: 47%;

    width: 32px;

    height: 32px;

    margin: 0;

    padding: 0;

    color: transparent;

    background-size: contain;

    background-position: center !important;

}



.owl-carousel .owl-nav .owl-prev {

    background: url(../images/left-arrow-with-bg.png) no-repeat 0 0;

    left: -50px;

}



.owl-carousel .owl-nav .owl-next {

    background: url(../images/right-arrow-with-bg.png) no-repeat 0 0;

    right: -50px;

}



.popup-form {

    background-color: #fff;

    width: 40%;

    margin: auto;

    padding: 15px;

        position: relative;

}

#book-visit-onload-form.popup-form {

    position: relative;

    /*background: url("../images/background-image.png");*/
    
    background: #406e26;

    width: 30%;

    margin: auto;

    padding: 15px;

    border-radius: 15px;

}



.popup-form h3 {

    color: #406e26;

    font-weight: 700;

    text-align: center;

    margin: 2px 0;

}



.popup-form p {

    color: #406e26;

    text-align: center;

    margin-bottom: 5px;

}



.popup-form input {

    display: block;

    margin-bottom: 10px;

    width: 100%;

    padding: 15px 8px;
    color: black;

}



.popup-form input[type="submit"] {

    display: block;

    width: auto;

    margin: auto;

    background: #406e26;

    border: 1px solid #406e26;

    line-height: 1px;

    padding: 16px 19px;

    color: #fff;

    font-size: 15px;

}



.mfp-close-btn-in .mfp-close {

    right: 10px;

    background-color: #406e26;

    color: white !important;

    opacity: 1;

    top: 10px;

}



.mt-0 {

    margin-top: 0px;

}



.popup-content h3 {

    color: #000;

    font-weight: 700;

    text-align: center;

    margin: 2px 0;

}



.popup-content p {

    color: #000;

    text-align: left;

    margin-bottom: 5px;

}



.popup-content {

    background-color: #fff;

    width: 40%;

    margin: auto;

    padding: 15px;

}



.proj-addr *,

.privacy-policy *,

.copyrights * {

    text-align: center;

    color: #406e26;

}



.privacy-policy {

    margin-top: 15px;

}



.popup-content ul li {

    list-style-type: disc;

    font-size: 15px;

}



h3.title.title-border {

    display: flex;

    align-items: center;

}



.popup-content ul {

    padding-left: 21px;

}



.stickyForm .loading {

    width: 15px;

    height: 15px;

    position: absolute;

    top: 18px;

    left: 0;

    right: 0;

    text-align: center;

    margin: auto;

}



.form-submit-btn {

    position: relative;

}



input[type="submit"]:disabled {

    opacity: 0.4;

}



/* new changes */

.proj-statistic .statistic-box {

    position: relative;

    left: -60px;

}



.highlights-icon-wrapper .highlights-icon {

    width: auto;

    margin-bottom: 0px;

}



.highlights-icon-wrapper .highlights-icon p {

    width: 80%;

    margin: auto;

}



.social-links {

    display: flex;

    justify-content: center;

}



.social-links li {

    font-size: 20px;

    padding: 10px;

}



.proj-offer table tr td {

    border: 1px solid #e9e6e6d6;

    padding: 10px !important;

}



.proj-offer table tr th {

    border-right: 1px solid;

    border-radius: 0px;

}



.proj-offer table {

    border-collapse: collapse;

    border-spacing: 0px;

}



picture img {

    width: 100%;

    /*height: 540px;*/

    /*object-fit: cover;*/

}



.why-choose-proj {

    background-color: #f4f7f0;

    padding: 40px 0;

}



.customer-testimonial-wrapper {

    background-color: #e1e2e2;

}



a.btn i {

    margin-left: 10px;

}



.proj-overview .leaf-1 {

    position: absolute;

    right: 0;

    width: 130px;

    top: 0;

}



.proj-map .leaf-2 {

    position: absolute;

    right: 0;

    bottom: 0;

    width: 230px;

}



.plan-images .leaf-3 {

    position: absolute;

    right: 0;

    bottom: 0;

    width: 160px;

}



.proj-offer .leaf-4 {

    position: absolute;

    left: 0;

    top: 0;

    width: 160px;

    rotate: -130deg;

}



.why-choose-proj .leaf-5 {

    position: absolute;

    right: 0;

    top: 80px;

    width: 170px;

}



.gallery .leaf-6 {

    position: absolute;

    left: -70px;

    bottom: 0;

    width: 250px;

    rotate: 180deg;

}



.customer-testimonial-wrapper .leaf-5 {

    position: absolute;

    right: 0;

    top: 80px;

    width: 170px;

}



#accordionExample2 * {

    background-color: white;

}



a.btn:hover {

    background-color: #406e26;

    color: white !important;

}

a.btn:hover i {

    color: white !important;

}



/*.whiteOverlay_text:hover:after {*/

/*    width: 0px;*/

/*}*/



/*.whiteOverlay_text:hover:before {*/

/*    width: 0px;*/

/*}*/



.whiteOverlay_text:after {

    content: "";

    width: 50%;

    right: 0px;

    position: absolute;

    top: 0px;

    bottom: 0px;

    background: #ffffffd4;

    z-index: 0;

    pointer-events: none;

    transition: 0.6s;

    display: none;

}



.whiteOverlay_text:before {

    content: "";

    width: 50%;

    left: 0px;

    position: absolute;

    top: 0px;

    bottom: 0px;

    background: #ffffffd4;

    z-index: 0;

    pointer-events: none;

    transition: 0.6s;

    display: none;

}



.whiteOverlay_text {

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;

    /* pointer-events: none; */

    /* display: none; */

}



.gallery #gallery-slider .item:before {

    content: "";

    position: absolute;

    left: 0px;

    bottom: 0px;

    width: 100%;

    height: 50%;

    background-image: linear-gradient(0deg, #000000 0%, #ffffff00 95%);

    z-index: 0;

}



.gallery #gallery-slider p {

    position: absolute;

    bottom: 40px;

    left: 0;

    color: #fff;

    z-index: 1;

    font-size: 25px;

    text-transform: capitalize;

    right: 0;

    text-align: center;

    font-weight: bold;

}



.price-box {

    padding: 14px;

    background: url(../images/project-bg.png) 0px 0px no-repeat;

    background-size: cover;

    background-position: center;

    height: 330px;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: center;

}



.price-box p {

    text-align: center;

    width: 100%;

    color: #406e26;

    font-size: 22px;

    margin-bottom: 15px;

}



.price-box h3 {

    text-align: center;

    font-size: 14px;

    font-weight: bold;

    width: 100%;

    margin: 0;

    margin-top: 15px;

    color: #406e26 !important;

}



.price-box .price-text {

    padding-right: 47px;

}



.popup-content li {

    margin-bottom: 5px;

}



.mobile-sticky {

    position: fixed;

    width: 100%;

    padding: 0 !important;

    margin: 0;

    left: 0;

    bottom: 0;

    z-index: 9;

    text-align: center;

    display: none;

    background: #8cb890;

}



.mobile-sticky p {

    font-size: 17px;

    margin-bottom: 0px;

    padding: 10px;

    background: #8cb890;

    color: #fff;

}



/* new changes */

/*/lp-new changes/*/

.play-button {

    position: absolute;

    width: 80px;

}



.video-link {

    display: flex;

    justify-content: center;

    align-items: center;

}



.mfp-iframe-holder .mfp-close {

    right: 0px !important;

    color: black !important;

}



.mfp-image-holder .mfp-close {

    /* background: red; */

    right: 0px;

    width: auto;

}



.video-pop-up {

    padding-bottom: 20px;

}



.read_more_content {

    display: none;

}



.section.proj-statistic {

    padding: 50px 0;

}



#read_more_btn.read_more_btn {

    font-size: 19px;

    margin-bottom: 16px;

    list-style: disc;

    font-weight: 600;

    color: #406e26;

}



#read_less_btn.read_less_btn {

    font-size: 19px;

    margin-bottom: 16px;

    list-style: disc;

    font-weight: 600;

    color: #406e26;

}



.section.proj-map .book-visit-btn {

    margin-bottom: 25px;

}



.key_highlights_content {

    display: flex;

    justify-content: center;

    margin-bottom: 30px;

}



.key_highlight_points {

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    justify-content: center;

    align-items: center;

}



.highlights_content_box {

    width: 50%;

    display: flex;

    text-align:left;
    margin-bottom: 50px;

    gap: 20px;

    flex-direction: column;

}

.amenities_container {

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;

}



.amenities_wrapper {

    width: 33%;

    display: flex;

    flex-direction: column;

    align-items: center;

    gap: 15px;

    margin-bottom: 30px;

}



.amenities_text p {

    font-size: 15px;

    color: #406e26;

    text-align: center;

    font-weight: 600;

}



.section_amenities {

    padding: 50px 0;

}

.proj-offer .leaf-4 {

    display: none;

}

.custom_accordion_style {

    /*margin-left:50px;*/

}



.fixed-header {

    background: #fff;

    position: fixed;

    top: 0px;

    width: 100%;

    z-index: 9;

}



.fixed-header .menu_lists a {

    color: #000;

    transition: 0.6s;

    font-family: "Futura", sans-serif;

}

.new_call_btn i {

    font-size: 15px;

    cursor: pointer;

}

.new_whatsapp_icon {

    width: 25px;

    cursor: pointer;

}

.new_footer_form {

    width: 30%;

    display: block;

    margin: auto;

    padding-top: 50px;

}

.new_footer_form h3,

p {

    text-align: center;

    margin-bottom: 15px;

}

.new_footer_form form#book-popup-form-footer {

    display: flex;

    flex-direction: column;

}

.new_footer_form .form-submit-btn {

    display: block;

    margin: auto;

}

.new_footer_form form#book-popup-form-footer input[type="tel"],

input[type="text"],

input[type="email"] {

    height: 35px;

    margin-bottom: 10px;

}

.new_footer_form form#book-popup-form-footer input[type="submit"] {

    display: block;

    width: auto;

    margin: auto;

    background: #406e26;

    border: 1px solid #406e26;

    line-height: 1px;

    padding: 16px 19px;

    color: #fff;

    font-size: 15px;

}

.unlock_price_table table tbody {

    background: url("../images/background-image.png");

}

.unlock_price_table {

    position: relative;

}

a.btn i {

    margin-left: 0px !important;

    margin-right: 15px !important;

}

.unlock_price_table p {

    font-weight: 600;

    color: #406e26;

}

td.price_table_header p {

    font-weight: 600;

    color: #406e26;

    font-size: 20px;

}

.book-visit-btn a.btn i {

    margin-left: 10px !important;

}

.plan-wrapper {

    pointer: cursor;

}

.project_offer_content p {

    text-align: left;

    font-weight:600;

}

.project_offer_content span {

    margin-right: 10px;

}

.project_offer_details {

    /*background: #406e26;*/

    padding: 10px;

    width: 90%;

    margin: 10px auto;

    display: block;

    border-radius: 10px;

}

.project_offer_details p {

    font-size: 16px;

    font-weight: 600;

    color: white;

}

.project_offer_title h3 {

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

    margin: 15px 0;

    font-size:30px;
    color:white;

}

.text_highlights p {

    text-align: left;

    margin-bottom: 0;

        color: #406e26;

    font-weight: 600;

}

.unlock_price_table:before {

    content: "";

    position: absolute;

    background: url(../images/right-side.png);

    width: 100px;

    height: 100px;

    left: 130px;

    /* top: -76px; */

    background-size: cover;

    rotate: 380deg;

    bottom: 0;

}

.project_offers_wrappre {

    position: relative;

}

.project_offers_wrappre:before {

    content: "";

    position: absolute;

    width: 230px;

    height: 260px;

    background: url(../images/right-side.png);

    background-size: cover;

    top: 50px;

    left: 100px;

    opacity: 0.25;

}

p.download_master_plan_text {

    font-size: 18px;

    color: white;

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


}

p.exclusive_offers_text {

    font-size: 15px;

    color: white;

}

#book-visit-onload-form form{

    position:relative;

    width: 60%;

    margin: auto;



}

#book-visit-onload-form form:after{

       content: "";

    position: absolute;

    width: 230px;

    height: 260px;

    background: url(../images/right-side.png);

    background-size: cover;

    top: 75px;

    left: 75px;

    opacity: 0;

    visibility:hidden;

}

.top-book-visit-key-highlights{

    display:flex;

    justify-content:center;

margin-top:40px;
}

.project_offer_content{

    width:85%;

    margin:auto;

}

.content_new_icon {

    width: 50px;

    height: 50px;

}

.amenities_icon {

    width: 70px;

    height: 70px;

}
b.price_rupee_symbol{
    font-weight:100!important;
    margin-right:10px;
}
#book-visit-onload-form.popup-form {
    color:white;
}
#book-visit-onload-form.popup-form input[type="submit"]{
    background: #ff6723;
    /*border:1px solid #f75606;*/
    color: white;
    font-weight: 600;

}
#book-visit-onload-form.popup-form p{
    color:white;
}

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

    .container._container {

        max-width: 1100px;

    }

}



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

    .container._container {

        max-width: 1200px;

    }

}



/* mobile reponsive */
@media only screen and (min-width: 1200px) {

    .form-section label {

        width: 15% !important;

    }
    #book-visit-onload-form.popup-form {

    width: 35%;

}
    
}

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

    .form-section label {

        width: 15% !important;

    }
    #book-visit-onload-form.popup-form {

    width: 40%;

}

}



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

    .container {

        width: 95%;

    }



    .form-section label {

        width: 15% !important;

    }



    .project-info p {

        font-size: 16px;

    }



    .owl-carousel .owl-nav .owl-next {

        background: url(../images/right-arrow-with-bg.png) no-repeat 0 0;

        right: -25px;

    }



    .owl-carousel .owl-nav .owl-prev {

        background: url(../images/left-arrow-with-bg.png) no-repeat 0 0;

        left: -25px;

    }



    .price-box {

        height: 300px;

    }



    .mfp-close-btn-in .mfp-close {

        right: 15px;

    }



    .popup-form {

        width: 50%;

    }



    .title {

        font-size: 30px;

    }



    .amenities_text p {

        font-size: 12px;

        color: #406e26;

        font-weight: 600;

    }



    .amenities_wrapper {

        width: 33%;

    }



    .proj-statistic .statistic-box p {

        font-size: 15px;

    }



    .proj-statistic .statistic-box span {

        font-size: 40px;

    }



    .proj-statistic .statistic-box {

        left: 0;

    }



    .row.align-items-center {

        display: flex;

        align-items: baseline;

    }

    .project_offer_details {

        width: 100%;

    }

    iframe.custom_map_image {

        width: 700px !important;

    }

    .custom_accordion_style {

        /*margin-left: 50px;*/

    }

    #privaypolicy.popup-content {

        height: 550px;

        overflow: auto;

        width: 60%;

    }

    #disclaimer.popup-content {

        height: 550px;

        overflow: auto;

        width: 60%;

    }

    .unlock_price_table:before {

        content: "";

        position: absolute;

        background: url(../images/right-side.png);

        width: 90px;

        height: 100px;

        top: -50px;

        background-size: cover;

        rotate: 180deg;

        left: -35px;

    }

    #book-visit-onload-form.popup-form {

    width: 55%;

}

.project_offers_wrappre:before {

    top: 75px;

    left: 50px;

}

#book-visit-onload-form form {

    position: relative;

    width: 70%;

    margin: auto;

}

}



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

    .hidden-xs {

        display: none;

    }



    .visible-xs {

        display: block;

    }



    .hidden-lg {

        /* display: none; */

    }



    /* custom codes */

    .form-section label {

        width: 100% !important;

        height: auto !important;

    }



    .form-section label input,

    .form-section label select {

        margin-bottom: 10px;

        height: 40px !important;

    }



    .form-section {

        width: 80%;

        margin: auto;

        float: none;

    }



    .form-section .btn-group {

        float: none;

        margin-top: 5px;

    }



    /* custom codes here */

    .row.align-items-center {

        display: block;

    }



    .proj-statistic .statistic-box span {

        font-size: 40px;

        padding-bottom: 10px;

    }



    .section {

        padding: 30px 0;

    }



    .proj-offer table tr td {

        padding: 6px 0;

    }



    .proj-offer table {

        width: 100%;

    }



    .proj-offer table tr td .price-btn {

        padding: 7px;

        font-size: 11px;

    }



    .location-highlights .highlights-icon-wrapper {

        display: block;

    }



    .popup-form,

    .popup-content {

        width: 100%;

    }



    .mfp-close-btn-in .mfp-close {

        right: 10px;

    }



    .plan-images {

        /* background: linear-gradient(180deg,#eeeeee 80%,#ffffff 20%); */

    }



    .sub-text {

        width: 90%;

    }



    .title {

        font-size: 24px;

        margin: 0px;

        margin-bottom: 30px;

    }



    /* new changes */

    .proj-statistic .statistic-box {

        position: relative;

        left: 0px;

        margin-bottom: 15px;

    }



    picture img {

        width: 100%;

        height: 540px;

    }



    /* new changes */

    .proj-overview .leaf-1 {

        width: 56px;

    }



    .proj-map .leaf-2 {

        width: 56px;

    }



    .plan-images .leaf-3 {

        width: 56px;

    }



    .proj-offer .leaf-4 {

        width: 56px;

    }



    .why-choose-proj .leaf-5 {

        width: 56px;

    }



    .gallery .leaf-6 {

        width: 56px;

    }



    .stickyForm {

        display: none;

    }



    .mobile-sticky {

        display: block;

    }



    .footer-addr {

        padding: 30px 0px;

        margin-bottom: 40px;

    }



    .owl-carousel .owl-nav .owl-next {

        right: 0px;

    }



    .owl-carousel .owl-nav .owl-prev {

        right: 0px;

    }



    .owl-carousel .owl-nav .owl-prev {

        left: 0px;

    }



    .plan-images .plan-wrapper .plan-img img {

        width: 100%;

        filter: blur(5px);

    }



    .accordion {

        margin-top: 20px;

    }



    .mobile-sticky i {

        padding-right: 10px;

    }



    .mobile-sticky a {

        text-decoration: none;

    }



    .whiteOverlay_text {

        display: none !important;

    }



    .proj-statistic .statistic-box {

        margin-bottom: 40px;

    }



    .mfp-iframe-holder .mfp-content {

        max-width: 100%;

    }



    .plan-images .plan-wrapper {

        width: 100%;

    }

    iframe.custom_map_image {

        width: 700px !important;

    }

    .custom_accordion_style {

        margin-left: 0px;

    }

}



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

    .fluid-wrapper .header {

        padding: 10px 0px;

    }



    .highlights_content_box {

        width: 100%;

        margin-bottom: 30px;

    }



    .amenities_wrapper {

        width: 40%;

    }

    .proj-overview p {

        font-size: 16px;

    }

    #read_more_btn.read_more_btn {

        font-size: 18px;

    }



    #read_less_btn.read_less_btn {

        font-size: 18px;

    }

    .custom_accordion_style {

        margin-left: 0px;

    }

    .header-top a.btn {

        display: none;

    }

    .new_footer_form {

        width: 80%;

        display: block;

        margin: auto;

        padding-top: 0px;

    }

    a.btn {

        padding: 10px 15px;

        font-size: 11px;

    }

    .unlock_price_table p {

        font-size: 11px;

    }

    a.btn i {

        margin-left: 0px !important;

        margin-right: 10px !important;

    }

    .project_offer_details {

        width: 100%;

    }

    #disclaimer.popup-content {

        width: 100%;

        height: 490px;

        overflow: auto;

    }

    #privaypolicy.popup-content {

        width: 100%;

        height: 490px;

        overflow: auto;

    }

    iframe.custom_map_image {

        width: 340px !important;

    }

    #book-visit-onload-form.popup-form {

    width: 100%;

}

.mfp-close-btn-in .mfp-close {

    right: 10px;

}

.project_offer_content {

    width: 95%;

    margin: auto;

}

p.download_master_plan_text {

    font-size: 16px;

}

#book-visit-onload-form form {

    position: relative;

    width: 80%;

    margin: auto;

}

.project_offer_title h3 {

    font-size:24px;

}

.amenities_icon {

    width: 45px;

    height: 45px;

}

.text_highlights p {

    text-align: center;



}

.section.proj-statistic {

    padding: 35px 0 0 0;

}
.project_offer_content p {

  font-size:13px;

}
p.exclusive_offers_text {

    font-size: 13px;

}



}

#demo {
  height:100%;
  position:relative;
  overflow:hidden;
}


.green{
  background-color:#6fb936;
}
        .thumb{
            margin-bottom: 30px;
        }
        
        .page-top{
            margin-top:85px;
        }

   
img.zoom {
    width: 100%;
    height: 200px;
    border-radius:5px;
    object-fit:cover;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
}
        
 
.transition {
    -webkit-transform: scale(1.2); 
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
    .modal-header {
   
     border-bottom: none;
}
    .modal-title {
        color:#000;
    }
    .modal-footer{
      display:none;  
    }