/*******************************************************

 *

 * New Developments

 *

 *******************************************************/



.ip-banner canvas {

    min-height: 600px;

}



.ip-banner::before {

    bottom: 31px;

}



#inner-page-wrapper {

    margin-bottom: 0;

}



#inner-page-wrapper>.container {

    width: 100%;

    padding: 0;

}



#content-full {

    margin-top: 0;

}



section.get-in-touch-area {

    display: none;

}



#ip-nd {

    position: relative;

}



.ip-nd-section-1 {

    background: url(../../images/new-developments/bg-section01.jpg) center top/cover no-repeat;

    /*min-height: 333px;*/

    padding: 56px 0 41px;

}



.ip-nd-title {

    text-align: center;

    font-size: 50px;

    color: #262626;

    font-weight: 800;

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

    letter-spacing: -0.05em;

    line-height: 1;

    margin: 0 0 28px;

}



#content .ip-nd-section-1 p {

    font-size: 16px;

    letter-spacing: 0.01em;

    line-height: 1.875;

    color: #262626;

}



a.ip-nd-btn-a {

    display: flex;

    justify-content: center;

    align-items: center;

    text-transform: uppercase;

    font-size: 17px;

    font-weight: 400;

    color: #000;

    border: solid 1px #000;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    width: 100%;

    max-width: 341px;

    height: 61px;

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

    margin: 0 10px;

    pointer-events: auto;

    letter-spacing: 3.5px;

    background: transparent;

    margin: 40px auto 0;

}



a.ip-nd-btn-a:hover {

    background: #000;

    color: #fff;

}



.ip-nd-section-2 {

    position: relative;

    background: #fff;

    padding: 20px 70px 18px;

}



.ip-nd-list {

    font-size: 0;

    margin: 0 -20px;

    position: relative;

    z-index: 6;

}



.ip-nd-item {

    display: inline-block;

    vertical-align: top;

    width: 33.33%;

    padding: 20px 20px;

    position: relative;

}



.ip-nd-item a {

    display: block;

    position: relative;

    z-index: 1;

    line-height: 1;

    -webkit-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



.ip-nd-item-inner {

    position: relative;

    -webkit-transform-style: preserve-3d;

    transform-style: preserve-3d;

    -webkit-perspective: 1000px;

    perspective: 1000px;

    z-index: 2;

}



.ip-nd-item-front,

.ip-nd-item-back {

    -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);

        transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);

        -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);

        transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);

        transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);

        -webkit-backface-visibility: hidden;

        backface-visibility: hidden;

}



.ip-nd-item-front {

    -webkit-transform: rotateY(0deg);

                transform: rotateY(0deg);

        -webkit-transform-style: preserve-3d;

                transform-style: preserve-3d;

}



.ip-nd-item-back {

    -webkit-transform: rotateY(180deg);

    transform: rotateY(180deg);

    -webkit-transform-style: preserve-3d;

    transform-style: preserve-3d;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    background: #1a1a1a;

}







.ip-nd-item-front canvas,

.ip-nd-item-back canvas {

    display: block;

    width: 100%;

    background-position: center;

    background-size: cover;

}



.ip-nd-item-back canvas {

    opacity: .3;

    -webkit-filter: grayscale(1);

    filter: grayscale(1);

}



.ip-nd-item-title {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    font-size: 30px;

    letter-spacing: 0.01em;

    color: #fff;

    text-transform: uppercase;

    font-weight: 600;

    line-height: 1.2;

    padding: 33px 30px 0;

    -webkit-perspective: inherit;

    perspective: inherit;

    z-index: 2;

    transform: translateZ(10px);

}



.ip-nd-item-btn {

    position: absolute;

    bottom: 30px;

    left: 30px;

    display: flex;

    justify-content: center;

    align-items: center;

    width: 181px;

    height: 61px;

    text-align: center;

    border: 1px solid #fff;

    font-size: 17px;

    letter-spacing: 0.2em;

    line-height: 1;

    text-transform: uppercase;

    color: #fff;

    -webkit-perspective: inherit;

    perspective: inherit;

    z-index: 2;

    transform: translateZ(10px);

}







.ip-nd-item-hover {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 0 50px;

    -webkit-perspective: inherit;

    perspective: inherit;

    z-index: 2;

    transform: translateZ(10px);

}



.ip-nd-hover-label {

    font-size: 30px;

    letter-spacing: 0.01em;

    color: #fff;

    text-transform: uppercase;

    font-weight: 600;

    line-height: 1.2;

    margin-bottom: 20px;

}



.ip-nd-hover-text {

    font-size: 14px;

    font-weight: 300;

    letter-spacing: .56px;

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

    line-height: 2.05;

    color: #fff;

}



.ip-nd-item-inner:hover .ip-nd-item-front {

    -webkit-transform: rotateY(-180deg);

    transform: rotateY(-180deg);

    -webkit-transform-style: preserve-3d;

    transform-style: preserve-3d;

}



.ip-nd-item-inner:hover .ip-nd-item-back {

    -webkit-transform: rotateY(0deg);

    transform: rotateY(0deg);

    -webkit-transform-style: preserve-3d;

    transform-style: preserve-3d;

}



/* Contact : START */

/* FOOTER */

.footer-info-container {

    display: block;

    position: relative;

}



.footer-wrapper {

    display: block;

    position: relative;

}



.footer-container {

    display: block;

    position: relative;

}



.footer-info-main {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    position: relative;

    z-index: 2;

}



.footer-col-right {

    width: 61.25%;

    overflow: hidden;

    padding: 86px 30px 91px 119px;

    position: relative;

}



.footer-col-left {

    width: 38.75%;

    position: relative;

    padding: 86px 106px 90px 30px;

    font-size: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

}



.footer-info-wrapper {

    position: relative;

    display: block;

    background: url(../../images/featured-properties/footer-form-bg.jpg) no-repeat;

    background-position: top center;

    background-size: cover;

    z-index: 1;

}



.footer-smi-widget .ip-footer-smi {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    pointer-events: auto;

}



.footer-smi-widget .ip-footer-smi a {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    font-size: 20px;

    color: #fff;

    margin: 0 15px;

    -webkit-transition: 0.3s all ease-in-out;

    -o-transition: 0.3s all ease-in-out;

    transition: 0.3s all ease-in-out;

}



.footer-smi-widget .ip-footer-smi a:hover {

    color: #8a764c;

}





.footer-smi-widget .ip-footer-smi a:first-child {

    margin-left: 0;

}



.footer-smi-widget .ip-footer-smi a:last-child {

    margin-right: 0;

}



.footer-smi-wrap {

    display: block;

    position: relative;

    text-align: center;

    margin-bottom: 82px;

}





.footer-logo a {

    display: block;

    position: relative;

    max-width: 361px

}



.footer-logo img {

    max-width: 100%;

}



.footer-contacts span {

    font-size: 22px;

    line-height: 25px;

    letter-spacing: 0.44px;

    color: #fff;

    display: block;

    font-weight: 300;

    position: relative;

    -webkit-transition: 0.3s all ease-in-out;

    -o-transition: 0.3s all ease-in-out;

    transition: 0.3s all ease-in-out;

}



.footer-contacts span:not(:last-child) {

    margin-bottom: 26px;

}





.footer-contacts span a {

    color: #fff;

    -webkit-transition: 0.3s all ease-in-out;

    -o-transition: 0.3s all ease-in-out;

    transition: 0.3s all ease-in-out;

}



.footer-contacts span a:hover {

    color: #8a764c;

}





.footer-contacts span em.ai-font-phone {

    display: inline-block;

    font-size: 13px;

    font-weight: 600;

    margin-right: 10px;

}



.footer-contacts span em.ai-font-envelope-f {

    display: inline-block;

    font-size: 11px;

    font-weight: 600;

    margin-right: 10px;

}





.footer-contacts span em.ai-font-location-c {

    display: inline-block;

    vertical-align: middle;

    font-size: 26px;

    position: absolute;

    left: 0;

}





.footer-contacts {

    display: block;

    margin-bottom: 43px;

    margin-top: 40px;

}



.footer-logo {

    display: flex;

    /*margin-bottom: 45px;*/

}



.footer-info-wrapper:before {

    position: absolute;

    content: '';

    top: 0;

    right: 0;

    width: 61.25%;

    height: 100%;

    background: rgba(138, 118, 76, .90);

    z-index: 1;

}



.footer-info-wrapper:after {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    width: 38.75%;

    height: 100%;

    background: rgba(51, 51, 51, .90);

    pointer-events: none;

    z-index: 1;

}





/* SEND US A MESSAGE */



.sm-title {

    display: block;

}



.sm-form-col.submit {

    max-width: 341px;

    position: relative;

}



#content .sm-title h2 {

    font-size: 50px;

    font-weight: 800;

    line-height: 1;

    letter-spacing: -1.25px;

    color: #fff;

    margin: 0;

}



.sm-title h2 span {

    font-weight: 600;

}



.sm-form-col input:not([type=submit]):not([type=checkbox]) {

    width: 100%;

    height: 42px;

    border: none;

    background: transparent;

    border-bottom: 1px solid rgba(255, 255, 255, .50);

    padding: 0 4px;

    font-size: 13px;

    font-weight: 300;

    line-height: 1;

    letter-spacing: 2.6px;

    color: #fff;

    text-transform: uppercase;

}



.sm-form-col textarea {

    width: 100%;

    height: 76px;

    border: none;

    background: transparent;

    border-bottom: 1px solid rgba(255, 255, 255, .50);

    padding: 20px 4px 4px;

    font-size: 13px;

    font-weight: 300;

    line-height: 1;

    letter-spacing: 2.6px;

    color: #fff;

    text-transform: uppercase;

    resize: none;

    overflow: hidden;

}



.sm-form-container {

    display: block;

    width: 100%;

    max-width: 630px;

}





.sm-form-col {

    width: calc(50% - 15px);

    display: inline-block;

    vertical-align: middle;

}



.sm-form-row {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

}



.sm-form-row.full .sm-form-col {

    width: 100%;

}



.sm-form-row.full {

    display: block;

}





.sm-form-row.full .sm-form-col:not(:last-child) {

    margin-bottom: 45px;

}



.sm-form-widget div.wpcf7 .ajax-loader {

    position: absolute;

    bottom: -16px;

    left: 0;

    right: 0;

    margin: 0 auto;

}



.sm-form-widget {

    position: relative;

    display: block;

    margin-top: 31px;

    font-size: 12px;

}



#content .sm-form-widget form {

    position: relative;

    margin: 0;

    color: #fff;

}



.sm-form-col input[type=submit] {

    width: 100%;

    height: 61px;

    border: none;

    -webkit-transition: 0.3s all ease-in-out;

    -o-transition: 0.3s all ease-in-out;

    transition: 0.3s all ease-in-out;

    font-size: 17px;

    line-height: 1;

    letter-spacing: 3.4px;

    color: #fff;

    text-transform: uppercase;

    padding: 0;

    background: transparent;

    border: 1px solid #fff;

}



.sm-form-col input[type=submit]:hover {

    background-color: #333333;

    border-color: #333333;

}





.sm-form-widget div.wpcf7-response-output {

    position: absolute;

    bottom: -48px;

    left: 0;

    right: 0;

    margin: 0 auto;

    text-align: center;

    color: #fff !important;

}





.sm-form-row:not(:last-child) {

    margin-bottom: 15px;

}



.footer-contacts span:first-child {

    padding-left: 30px;

}



.ip-neighborhood-map {

    display: block;

    position: relative;

    padding: 0 0 125px;

}



.ng-title {

    display: none;

}



.ng-links {

    display: none;

}



/* Contact : END */





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

    .ip-nd-cf7 {

        margin-left: 0;

        margin-right: 0;

    }



    .ip-nd-info {

        margin-left: 30px;

    }

}



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

    .ip-nd-section-2 {

        padding-left: 30px;

        padding-right: 30px;

    }



    .ip-nd-item-hover {

        padding: 0 30px;

    }



    .ip-nd-item-title,

    .ip-nd-hover-label {

        font-size: 25px;

    }



    /* Contact : START */

    .footer-col-left {

        padding: 86px 30px 90px;

    }



    .footer-col-right {

        padding: 86px 30px 91px;

    }



    /* Contact : END */

}



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

    .ip-banner canvas {

        min-height: 250px;

    }



    .ip-nd-title {

        font-size: 45px;

    }



    .ip-nd-section-2 {

        padding-left: 15px;

        padding-right: 15px;

    }



    .ip-nd-list {

        margin: 0;

    }



    .ip-nd-item {

        width: 50%;

        padding: 15px;

    }



    .ip-nd-cf7 {

        margin-left: -15px;

        margin-right: -15px;

    }



    .ip-nd-info {

        margin-left: 0;

        margin-top: 90px;

    }



    /* Contact : START */

    .footer-col-left {

        width: 100%;

        padding: 50px 30px 50px;

        background: rgba(55, 55, 57, .90);

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

    }



    .footer-col-right {

        width: 100%;

        padding: 86px 30px 91px;

        background: rgb(153 109 93 / 90%) !important;

    }



    .footer-info-main {

        display: block;

    }



    .footer-info-wrapper:before,

    .footer-info-wrapper:after {

        display: none;

    }





    .sm-form-container {

        margin: 0 auto;

    }



    .sm-title {

        text-align: center;

    }



    .sm-form-col.submit {

        margin: 0 auto;

        display: block;

    }



    .footer-logo img {

        max-width: 215px;

    }



    .footer-contacts {

        text-align: center;

    }



    .footer-smi-widget .ip-footer-smi {

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

    }



    #content .sm-title h2 {

        font-size: 45px;

    }



    /* Contact : END */

}



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

    .ip-nd-item {

        width: 100%;

        padding: 15px;

    }



    .ip-nd-field.field-4 {

        width: 100%;

    }

}



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



    .ip-nd-item-title,

    .ip-nd-hover-label {

        font-size: 18px;

    }


    #content .sm-title h2 {
        font-size: 35px !important;
    }


    .ip-nd-title {

        font-size: 35px;

    }



    .ip-nd-item-btn {

        height: 40px;

        font-size: 14px;

        width: 140px;

    }



    /* Contact : START */

    .footer-contacts span:first-child {

        padding-left: 20px;

    }





    .footer-col-right {

        padding: 86px 15px 91px;

    }



    .sm-form-col {

        width: calc(50% - 5px);

    }



    .sm-form-widget div.wpcf7-response-output {

        bottom: -70px;

    }



    .footer-contacts span {

        font-size: 20px;

        letter-spacing: normal;

    }



    .footer-contacts span br {

        display: none;

    }



    .footer-smi-widget .ip-footer-smi a {

        margin: 0 7px;

    }



    .ip-nd-hover-text {

        line-height: 1.5;

        font-size: 13px;

    }





    /* Contact : END */

}