@charset "utf-8";

.cbp-af-header.cbp-af-header-shrink .logo {
    overflow: hidden;
    height: 60px;
}

/* 
.logo {
    float: left;
    transition: all .5s ease;
    margin: 22px 0 0;
}
 */
 
 .logo {
    float: left;
    transition: all .5s ease;
    margin: 22px 0 0;
}

/* Mobile version */
@media (max-width: 768px) {
    .logo {
        margin-top: 10px; /* Adjust as needed for mobile */
    }
}

/* Web version */
@media (min-width: 769px) {
    .logo {
        margin-top: 22px; /* Keep this for web or adjust as needed */
    }
}
@font-face {

    src: url(../fonts/ContinuumMedium.eot?#iefix) format("embedded-opentype"), url(../fonts/ContinuumMedium.woff) format("woff"), url(../fonts/ContinuumMedium.ttf) format("truetype"), url(../fonts/ContinuumMedium.svg#ContinuumMedium) format("svg");

    font-weight: 400;

    font-style: normal

}



@font-face {

    src: url(../fonts/ContinuumLight.eot?#iefix) format("embedded-opentype"), url(../fonts/ContinuumLight.woff) format("woff"), url(../fonts/ContinuumLight.ttf) format("truetype"), url(../fonts/ContinuumLight.svg#ContinuumLight) format("svg");

    font-weight: 400;

    font-style: normal

}



body {

    padding: 0 !important;

    margin: 0;

    font-family: Poppins, sans-serif;

    font-size: 16px;

    color: #555;

    line-height: 28px;

    cursor: context-menu

}



.bottom_button {

    display: none

}



#home_preloader {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: #fff;

    z-index: 999999999;

    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

}



#home_preloader img {

    width: 17%

}



button {

    outline: 0;

    text-decoration: none;

    border: none

}



:focus {

    outline: 0

}



a:focus {

    text-decoration: none

}



a:focus,

a:hover {

    color: #23527c;

    text-decoration: none

}



img {

    outline: 0;

    border: none

}



a {

    outline: 0;

    border: none;

    transition: all .5s ease

}



header {

    position: fixed;

    z-index: 100;

    width: 100%;

    transition: all .5s ease

}



header .container {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}







.menu {

    float: right;

    padding-right: 46px

}



.menu ul {

    padding: 12px 0 0;

    margin: 0;

    transition: all .5s ease

}



.menu ul li {

    list-style: none;

    float: left;

    margin: 0 8px;

    position: relative

}



.menu ul li a {

    color: #fff;

    padding: 0 43px 0 0;

    font-size: 19px;

    text-transform: uppercase;

    font-weight: 600;

    position: relative;

    display: block

}



.menu ul li.menu-child ul {

    position: absolute;

    opacity: 1;

    visibility: visible;

    top: 100%;

    padding: 10px 0;

    left: 50%;

    width: 200px;

    -webkit-transform: translate(-57%, -1000%);

    -ms-transform: translate(-57%, -1000%);

    transform: translate(-57%, -1000%);

    background: #e53161;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all 1s ease;

    -o-transition: all 1s ease;

    transition: all 1s ease

}



.menu ul li.menu-child:hover ul {

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

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

    transform: translate(-57%, 0);

    opacity: 1;

    visibility: visible

}



.menu ul li.menu-child ul li {

    margin: 0;

    float: unset;

    padding: 5px 0

}



.menu ul li.menu-child ul li a {

    padding: 0;

    text-align: center;

    color: #fff

}



.menu ul li.menu-child ul li a:hover {

    color: #000

}



.cbp-af-header.cbp-af-header-shrink .menu ul li.menu-child ul {

    padding: 10px 0

}



.menu ul li.menu-child ul li a:after {

    display: none

}



.hM .menu ul li a {

    color: #ffffff;

}



.hM .menu ul li a.eB {

    color: #fff

}



.hM .menu ul li a:after {

    background: #fff

}



.hM .callUs h3 {

    color: #000

}



.hM .menu1 span {

    background: #000

}



.hM .menu1.open span {

    background: #000

}



textarea {

    resize: none

}



.menu ul li a:after {

    background: #e6e6e6;

    width: 36px;

    height: 1px;

    position: absolute;

    content: '';

    right: -3px;

    top: 13px

}



.slide2 .menu ul li a {

    color: #000

}



.menu ul li a:hover {

    text-decoration: none;

    color: #000

}



strong {

    font-family: Poppins, sans-serif

}



.error-page {

    margin-top: 330px;

    text-align: center

}



.parallax-slider {

    position: relative

}



#Home {

    display: block;

    overflow: hidden;

    min-height: 900px

}



#Overview p {

    margin-bottom: 60px;

    padding-top: 22px

}



#Overview h4 {

    margin: 0 0 60px;

    padding: 0;

    font-size: 18px;

    line-height: 24px

}



#Overview h4 span {

    font-weight: 600;

    font-size: 24px;

    display: block

}



#Overview h4 br {

    display: none

}



#Overview ul {

    margin: 0;

    text-align: center

}



#Overview ul li {

    list-style: none;

    display: inline-block;

    margin-right: 25px;

    padding: 0 25px 15px;

    position: relative;

    bottom: 0;

    text-align: center;

    background: url(../images/shadow-bg2.jpg) no-repeat center bottom;

    transition: all .5s ease

}



#Overview ul li:hover {

    bottom: 15px;

    background-size: 60%;

    transition: all .5s ease

}



#Overview ul li h3 {

    font-size: 33px;

    font-family: Poppins, sans-serif;

    font-weight: 700

}



#Overview ul li h3 span {

    display: block;

    font-size: 20px;

    font-weight: 600

}



.overviewbottom {

    background: url(../images/over-vie-bottom-bg.jpg) repeat;

    padding: 60px 0 60px 175px;

    display: block;

    overflow: hidden;

    clear: both

}



.overviewbottom h2 {

    color: #e53161;

    font-size: 171px;

    margin: 0;

    padding: 0;

    font-family: Roboto, sans-serif

}



.overviewbottom h2 span:first-child {

    font-size: 171px;

    padding: 0

}



.overviewbottom h2 span {

    font-size: 25px;

    float: left;

    padding-top: 81px

}



.overviewbottom h2 span strong {

    font-size: 45px

}



.overviewbottom .col-md-4 {

    padding: 0

}



.overviewbottom .col-md-3 {

    background: url(../images/bg-line.jpg) repeat;

    color: #fff;

    padding: 0

}



.overviewbottom .col-md-3 p {

    padding: 30px 75px;

    margin: 0;

    position: relative;

    -webkit-box-shadow: inset 2px -19px 18px -15px rgba(0, 0, 0, .19);

    -moz-box-shadow: inset 2px -19px 18px -15px rgba(0, 0, 0, .19);

    box-shadow: inset 2px -19px 18px -15px rgba(0, 0, 0, .19)

}



.overviewbottom .col-md-3 p:before {

    content: '1';

    position: absolute;

    left: 30px;

    top: 40px;

    font-size: 80px;

    color: #353534;

    font-size: 62px;

    font-family: "Times New Roman", Times, serif;

    opacity: .2

}



.overviewbottom .col-md-3 p:nth-child(2):before {

    content: '2'

}



.overviewbottom .col-md-3 p:nth-child(3):before {

    content: '3'

}



.overviewbottom .col-md-3 p:nth-child(4):before {

    content: '4'

}



.overviewbottom .col-md-3 p:nth-child(5):before {

    content: '5'

}



.overviewbottom .col-md-3 p:nth-child(6):before {

    content: '6'

}



.overviewbottom .col-md-4:last-child {

    padding: 72px 0 0

}



.es-carousel ul {

    display: block

}



#Location .col-md-7 {

    margin-top: 40px

}



#Location .col-md-7 img {

    -webkit-filter: grayscale(100%);

    filter: grayscale(100%)

}



#Location .col-md-7 img:hover {

    -webkit-filter: grayscale(0);

    filter: grayscale(0)

}



#Location .col-md-7 a h3 {

    padding: 26px 0 0 53px;

    padding: 26px 20px 20px 58px;

    margin: 0;

    color: #333;

    font-size: 24px;

    text-align: left;

    background: url(../images/zoom-icon.png) no-repeat 7px 24px;

    background-color: rgba(255, 255, 255, .8);

    position: absolute;

    top: 40%;

    left: 40%;

    opacity: 0

}



#Location .col-md-7 a h4 {

    padding: 26px 0 0 53px;

    padding: 26px 20px 20px 58px;

    margin: 0;

    color: #333;

    font-size: 24px;

    text-align: left;

    background: url(../images/zoom-icon.png) no-repeat 7px 24px;

    background-color: rgba(255, 255, 255, .8);

    position: absolute;

    top: 40%;

    left: 40%;

    opacity: 0

}



#Location .col-md-7 a h4 span {

    font-size: 14px;

    display: block

}



#Location .col-md-7 a h3 span {

    font-size: 14px;

    display: block

}



#Location .col-md-7 a:hover img {

    opacity: .8

}



#Location .col-md-7 a:hover h4 {

    opacity: 1

}



#Location .col-md-7 a:hover h4 {

    opacity: 1

}



#Location .col-md-7 a:hover h3 {

    opacity: 1

}



#Location .col-md-7 .bzoom .col-md-6 {

    float: right;

    text-align: right

}



#amenities {

    padding: 0

}



#amenities .col-md-3 {

    width: 33%

}



#amenities h2 {

    padding: 0;

    margin: 0 0 10px;

    color: #e53161;

    font-size: 57px;

    line-height: 32px

}



#amenities h2 span {

    display: block;

    font-size: 20px;

    color: #6b6c6f;

    letter-spacing: -1px;

    text-transform: uppercase;

    font-weight: 600

}



#amenities ul {

    padding: 0

}



#amenities ul li {

    list-style: none;

    background: url(../images/bootom-line.png) no-repeat 0 bottom;

    padding: 18px 0;

    font-size: 20px

}



#amenities ul li img {

    margin-right: 10px

}



#amenities .parallax-bg {

    padding: 100px 0 250px;

    display: block;

    overflow: hidden

}



.amenitiesTop {

    margin-bottom: 40px

}



#amenities .carousel-control.left {

    background: url(../images/arrow-left1.png) no-repeat 10px 11px !important;

    left: -5%;

    top: 45%

}



#amenities .carousel-control.right {

    background: url(../images/arrow-right1.png) no-repeat 10px 11px !important;

    right: 23%;

    top: 45%

}



#amenities .carousel-indicators {

    position: absolute;

    bottom: -49px;

    margin: 0 auto;

    left: 0;

    z-index: 15;

    width: 48%;

    text-align: center;

    list-style: none

}



#amenities .carousel-indicators li {

    background-color: #bfbfbf;

    border: none;

    margin: 0;

    width: 13px;

    height: 13px

}



#amenities .carousel-indicators .active {

    background-color: #e53161;

    width: 13px;

    height: 13px

}



.carousel-fade .carousel-inner .item {

    transition-property: opacity

}



.carousel-fade .carousel-inner .active.left,

.carousel-fade .carousel-inner .active.right,

.carousel-fade .carousel-inner .item {

    opacity: 0

}



.carousel-fade .carousel-inner .active,

.carousel-fade .carousel-inner .next.left,

.carousel-fade .carousel-inner .prev.right {

    opacity: 1

}



.carousel-fade .carousel-inner .active.left,

.carousel-fade .carousel-inner .active.right,

.carousel-fade .carousel-inner .next,

.carousel-fade .carousel-inner .prev {

    left: 0;

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

    transform: translate3d(0, 0, 0)

}



.carousel-fade .carousel-control {

    z-index: 2

}



.sold_out {

    background: #dc3569 !important;

    color: #fff !important;

    text-transform: uppercase !important;

    font-size: 16px !important;

    font-weight: 600 !important

}



.sold_out_mobile {

    background: #dc3569 !important;

    color: #fff !important;

    text-transform: uppercase !important;

    font-size: 16px !important;

    font-weight: 600 !important;

    width: 100px !important;

    margin: 10px auto !important

}



.loader {

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 9999;

    background: #fff;

    opacity: 1;

    text-align: center;

    padding: 280px 0 0

}



.loader img {

    width: 25%

}



.home {

    height: 100vw;

    position: relative

}



.slide1 {

    background: url(../images/slide1.jpg) no-repeat 0 center

}



.slide1 .caption {

    color: #fff;

    text-align: right

}



.slide2 {

    background: url(../images/slide2.jpg) no-repeat 0 center

}



.slide2 .caption {

    color: #48413a;

    text-align: left;

    float: left;

    top: -103px

}



.slide2 .caption p {

    padding-left: 14px

}



.slide3 {

    background: url(../images/slide3.jpg) no-repeat 0 center

}



.slide3 .caption {

    color: #48413a;

    text-align: left;

    float: right;

    top: -130px;

    left: 80px

}



.slide3 .caption p {

    padding-left: 45px

}



#param .carousel-indicators {

    bottom: 93px

}



#param .carousel-indicators li {

    background: #fff

}



#param .carousel-indicators .active {

    background: #e82d5f;

    border: solid 1px #e82d5f

}



#About {

    padding: 100px 0 50px;

    position: relative

}



.haboutIn {

    outline: 1px solid #d26598;

    outline-offset: -15px;

    background: #ad2572;

    background: linear-gradient(90deg, rgba(173, 37, 114, 1) 0, rgba(173, 37, 114, 1) 35%, rgba(213, 31, 103, 1) 100%, rgba(213, 31, 103, 1) 100%)

}



#About h2 {

    padding: 0;

    margin: 0;

    font-size: 27px;

    color: #fff;

    line-height: 40px;

    text-transform: uppercase

}



#About h2 span {

    display: block;

    font-size: 30px;

    color: #fff;

    font-weight: 400;

    text-transform: lowercase

}



#About .col-md-6 {

    padding-left: 0;

    padding-right: 35px;

    margin-bottom: 60px

}



#About .col-md-6:nth-child(3) {

    float: right;

    padding-right: 0;

    padding-left: 35px

}



#About .col-md-6 p {

    padding: 0 13px 0 0;

    margin: 0 0 25px

}



#About .col-md-6 p a {

    color: #858585;

    font-size: 14px;

    font-weight: 600;

    letter-spacing: 1px;

    background: url(../images/arrow-normal.png) no-repeat right center;

    padding: 0 20px 0 0;

    -webkit-transition: all .5s ease;

    -o-transition: all .5s ease;

    transition: all .5s ease

}



#About .col-md-6 p a:hover {

    color: #c12b6e;

    background: url(../images/arrow-hover.png) no-repeat right center;

    padding: 0 30px 0 0;

    text-decoration: none

}



#About .col-md-6 h3 {

    color: #c9156e;

    font-size: 80px;

    float: left;

    margin: 0 50px 0 0;

    padding: 0

}



#About .col-md-6 h3 span {

    font-size: 18px;

    text-transform: uppercase;

    color: #464f53;

    float: right;

    padding: 25px 0 0 10px

}



#About .col-md-6 h3:last-child {

    margin-right: 0

}



.haboutIn {

    margin-bottom: 70px;

    padding: 35px

}



#About h3 {

    padding: 0;

    margin: 0 0 20px;

    font-size: 40px;

    color: #565656;

    font-weight: 600;

    text-align: center

}



#About h3 span {

    display: block;

    font-size: 25px;

    font-weight: 300;

    margin-top: 8px

}



#About p {

    text-align: center

}



.haboutIn .col-md-2 {

    padding-top: 18px;

    background: url(../images/shadow-img1.png) no-repeat 0 bottom;

    padding-bottom: 28px

}



.haboutIn .col-md-2 img {

    display: block;

    margin-bottom: 15px

}



.haboutIn.col-md-12 .bText {

    font-size: 88px;

    color: #fff;

    font-weight: 600;

    float: left;

    line-height: 82px;

    margin-right: 8px

}



.haboutIn.col-md-12 .sText {

    font-size: 17px;

    color: #fff;

    font-weight: 400;

    float: left;

    line-height: 24px

}



.haboutIn .col-md-3 img {

    float: left

}



.haboutIn.col-md-12 .col-md-3 {

    width: 27%

}



.haboutIn.col-md-12 .col-md-3 .col-md-12 {

    padding: 0;

    min-height: 120px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    background: url(../images/shadow-img1.png) no-repeat 0 bottom

}



.haboutIn.col-md-12 .col-md-3 .bText {

    font-size: 52px;

    color: #fff;

    font-weight: 600;

    float: left;

    line-height: 67px;

    letter-spacing: -1px

}



.haboutIn.col-md-12 .col-md-3 .sText {

    font-size: 17px;

    color: #fff;

    font-weight: 400;

    float: left;

    line-height: 20px

}



.haboutIn.col-md-12 .col-md-3 .vtext {

    font-size: 17px;

    margin-left: -14px;

    color: #fff;

    text-transform: uppercase;

    font-weight: 400;

    float: left;

    line-height: 24px;

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

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

    transform: rotate(-90deg)

}



.haboutIn .row {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.haboutIn .row .col-md-9 {

    padding-left: 60px

}



.haboutIn img.AboutLeftImage {

    width: 110%;

    max-width: inherit;

    margin: -4.5% 0 -4.5% -4.5%

}



.aboutLists {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.aboutLists .aboutLItems {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 33.333%;

    flex: 0 0 33.333%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    padding: 20px 0;

    background: url(../images/shadow-img1.png) no-repeat 0 bottom

}



.aboutLists .aboutLIimg img {

    height: 65px

}



.aboutLists .aboutLICont {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.aboutLists .aboutLICont span {

    display: block

}



.aboutLists .aboutLICont .bText {

    font-size: 52px;

    color: #fff;

    font-weight: 600;

    line-height: 67px;

    letter-spacing: -1px

}



.aboutLists .aboutLICont .sText {

    font-size: 17px;

    color: #fff;

    font-weight: 400;

    line-height: 20px;

    padding-left: 8px

}



.aboutLists .aboutLICont .vtext {

    font-size: 17px;

    margin-left: -5px;

    margin-right: -13px;

    color: #fff;

    text-transform: uppercase;

    font-weight: 400;

    line-height: 24px;

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

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

    transform: rotate(-90deg)

}



#About h4 {

    font-size: 80px;

    color: #f3f3f3;

    padding: 0;

    margin: 0;

    position: absolute;

    right: -104px;

    bottom: 39%;

    float: right;

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

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

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

    -o-transform: rotate(-90deg)

}



#hproject {

    padding: 120px 0;

    display: block;

    overflow: hidden

}



#hproject .container {

    padding: 0 100px

}



#hproject .col-md-6 {

    padding-right: 10px;

    padding-left: 0

}



#hproject .text-right {

    text-align: right;

    margin-bottom: 35px

}



#hproject .text-left {

    text-align: left;

    margin-bottom: 35px

}



#hproject span {

    background: #6d6d6d;

    color: #fff;

    text-transform: uppercase;

    font-size: 15px;

    padding: 5px 10px

}



#hproject span#imgho {

    position: absolute;

    bottom: 0;

    z-index: 99;

    background: #dc3569;

    font-size: 15px;

    font-weight: 600;

    line-height: 28px

}



#hproject p {

    line-height: 32px;

    font-size: 25px;

    margin-bottom: 16px

}



#hproject p strong {

    font-size: 22px;

    font-weight: 300

}



#hproject h2 {

    color: #dc3569;

    font-size: 55px;

    margin: 0 0 10px;

    padding: 0;

    letter-spacing: -1px;

    font-weight: 500

}



#hproject a {

    background: #dc3569;

    padding: 8px 23px;

    color: #fff;

    font-size: 14px;

    border-radius: 3px;

    font-weight: 600;

    text-transform: uppercase;

    transition: all .5s ease

}



#hproject a:hover {

    background: #b91d4e;

    text-decoration: none

}



#hproject .col-md-6 img {

    width: 100%

}



#hproject .col-md-6 {

    display: block;

    overflow: hidden

}



#hproject .col-md-6.is-revealed {

    -webkit-animation: fade-in .75s ease forwards, scale-75-1 .75s cubic-bezier(.23, 1, .32, 1);

    animation: fade-in .75s ease forwards, scale-75-1 .75s cubic-bezier(.23, 1, .32, 1)

}



#hproject .onImg div,

#hproject .onImg figure {

    -webkit-transition: -webkit-transform .75s cubic-bezier(.165, .84, .44, 1);

    transition: -webkit-transform .75s cubic-bezier(.165, .84, .44, 1);

    transition: transform .75s cubic-bezier(.165, .84, .44, 1);

    transition: transform .75s cubic-bezier(.165, .84, .44, 1), -webkit-transform .75s cubic-bezier(.165, .84, .44, 1)

}



#hproject .onImg div {

    position: relative;

    overflow: hidden

}



#hproject .onImg:hover div {

    -webkit-transform: scale3d(.9, .9, 1);

    transform: scale3d(.9, .9, 1)

}



#hproject .onImg:hover figure {

    -webkit-transform: scale3d(1.04, 1.04, .5);

    transform: scale3d(1.04, 1.04, .5)

}



.pL0 {

    padding-left: 10px !important;

    padding-right: 0 !important

}



.pR10 {

    padding-left: 10px !important

}



.onImg2 {

    display: block;

    overflow: hidden

}



.onImg2 img {

    transition: 1s

}



.onImg2 img:hover {

    transform: scale(1.050);

    transition: 1s

}



.onImg {

    display: block;

    overflow: hidden

}



.hpbg1 {

    background: url(../images/logo-bg.jpg) no-repeat

}



.hpbg2 {

    background: url(../images/logo-bg1.jpg) no-repeat right 0;

    background-size: 95%

}



.hpbg3 {

    background: url(../images/logo-bg2.jpg) no-repeat

}



#Highlights .col-md-4 {

    width: 32%;

    vertical-align: top;

    float: none;

    display: inline-block;

    text-align: left;

    background: #fff;

    padding: 55px 30px;

    -webkit-transition: all .5s ease;

    -o-transition: all .5s ease;

    transition: all .5s ease;

    position: relative;

    top: 0;

    margin-left: -4px;

    -webkit-box-shadow: inset -140px -30px 65px -114px rgba(232, 232, 232, 1);

    -moz-box-shadow: inset -140px -30px 65px -114px rgba(232, 232, 232, 1);

    box-shadow: inset -140px -30px 65px -114px rgba(232, 232, 232, 1);

    min-height: 322px

}



#Highlights {

    background: #a02376;

    background: -moz-linear-gradient(45deg, #a02376 0, #a02376 26%, #d91766 100%);

    background: -webkit-linear-gradient(45deg, #a02376 0, #a02376 26%, #d91766 100%);

    background: linear-gradient(45deg, #a02376 0, #a02376 26%, #d91766 100%);

    color: #fff;

    position: relative;

    text-align: center;

    padding: 65px 0

}



#Highlights .col-md-4 h3 {

    color: #303030;

    margin: 0;

    text-transform: uppercase;

    font-weight: 600;

    font-size: 28px

}



#Highlights .col-md-4 h3 span {

    color: #a71f6d;

    display: block

}



#Highlights .col-md-4 p {

    padding: 0;

    margin: 0 0 20px;

    font-size: 15px;

    color: #000

}



#Highlights .col-md-4 a {

    padding: 0;

    background: #d2255f;

    border-radius: 4px;

    padding: 8px 20px;

    color: #fff;

    font-weight: 600;

    text-transform: uppercase;

    font-size: 12px;

    font-family: Roboto, sans-serif;

    -webkit-transition: all .5s ease;

    -o-transition: all .5s ease;

    transition: all .5s ease;

    text-decoration: none

}



#Highlights h2 {

    margin: 0 0 30px;

    font-size: 45px

}



#Highlights .col-md-4:nth-child(2) h3 {

    background: url(../images/green-icon.png) no-repeat;

    padding: 9px 0 9px 81px

}



#Highlights .col-md-4:nth-child(3) h3 {

    background: url(../images/certifications-icon.png) no-repeat;

    padding: 9px 0 9px 81px

}



#Highlights .col-md-4:nth-child(4) h3 {

    background: url(../images/buyer-icon.png) no-repeat;

    padding: 9px 0 9px 81px

}



#blog {

    display: none

}



#blog h2 {

    margin: 0 0 30px;

    font-size: 65px

}



#Highlights .col-md-4:hover {

    -webkit-box-shadow: inset -30px -5px 185px -60px rgba(28, 28, 28, .61);

    -moz-box-shadow: inset -30px -5px 185px -60px rgba(28, 28, 28, .61);

    box-shadow: inset -30px -5px 185px -60px rgba(28, 28, 28, .61)

}



#Highlights .col-md-4 h4 {

    color: #f0f0f0;

    position: absolute;

    bottom: 10px;

    font-size: 35px;

    letter-spacing: -1px

}



#Highlights .col-md-4:hover a {

    background: #a3032e;

    -webkit-transition: all .5s ease;

    -o-transition: all .5s ease;

    transition: all .5s ease

}



#blog {

    padding: 60px 0;

    background: url(../images/blog-bg.jpg) no-repeat;

    margin: -39px 0 0

}



.blogTop {

    text-align: center;

    margin: 0 0 40px

}



#blog .col-md-4 {

    padding-right: 32px;

    font-family: Roboto, sans-serif

}



#blog .col-md-4 h3 {

    font-size: 25px;

    margin: 0;

    padding: 0;

    color: #000

}



#blog .col-md-4 img {

    width: 100%;

    margin-bottom: 40px

}



#blog .col-md-4 p {

    margin-bottom: 20px

}



#blog .col-md-4 a {

    padding: 8px 20px;

    background: #d2255f;

    color: #fff;

    font-weight: 600;

    font-size: 14px;

    border-radius: 3px;

    -webkit-transition: all .5s ease;

    -o-transition: all .5s ease;

    transition: all .5s ease

}



#blog .col-md-4 a:hover {

    background: #bc0d48;

    text-decoration: none

}



#testimonial {

    text-align: center;

    padding: 80px 0 100px;

    font-family: 'Open Sans', sans-serif;

    background: linear-gradient(to bottom, #fff 0, #f4f4f4 100%)

}



#testimonial h2 {

    margin: 0 0 30px;

    letter-spacing: -3px;

    color: #505050;

    font-weight: 500;

    font-size: 55px

}



#testimonial h2 span {

    color: #dc3569;

    font-weight: 700

}



.testimonial-review img {

    top: 0;

    margin-bottom: 40px

}



.description {

    color: #606060;

    font-size: 20px;

    line-height: 35px;

    margin-bottom: 30px;

    padding: 0 20px 0 50px;

    position: relative

}



.description:before {

    content: "";

    display: inline-block;

    position: absolute;

    top: -30px;

    background: url(../images/t-arow-t.png) no-repeat;

    left: 2%;

    width: 56px;

    height: 53px

}



.testimonial h2 {

    font-size: 35px;

    color: #4f4f4f;

    margin: 0 0 30px;

    padding: 0;

    font-weight: 700

}



.testimonial h4 {

    font-size: 28px;

    color: #4f4f4f;

    margin: 0 0 20px;

    padding: 0;

    font-weight: 600

}



.testimonial h4 span {

    display: block;

    font-weight: 400;

    font-size: 19.5px;

    margin-top: 8px

}



.testimonial img {

    position: relative;

    top: 12px

}



.cd-secondary-nav ul li a.lunching-button {

    font-size: 16px;

    font-family: Roboto, sans-serif;

    color: #fff;

    text-transform: unset;

    -webkit-animation: blink 1s linear infinite;

    animation: blink 1s linear infinite

}



@-webkit-keyframes blink {



    0%,

    49% {

        background-color: #a82577

    }



    100%,

    50% {

        background-color: #1a245f

    }

}



@keyframes blink {



    0%,

    49% {

        background-color: #a82577

    }



    100%,

    50% {

        background-color: #1a245f

    }

}



footer {

    background: url(../images/footer-bg.jpg) no-repeat 0 0;

    color: #fff;

    padding: 42px 0 52px;

    background-size: cover;

    margin-top: -10px

}



footer .col-md-2 {

    border-right: solid 1px #dd5180;

    padding-left: 28px;

    min-height: 153px

}



footer .col-md-2.bor-last {

    border-right: solid 0 #dd5180

}



footer .col-md-3.bor-right {

    border-right: solid 1px #dd5180

}



footer h2 {

    padding: 0;

    margin: 0;

    text-transform: uppercase;

    font-size: 15px;

    font-weight: 600

}



footer h3 {

    padding: 0;

    margin: 0;

    text-transform: uppercase;

    font-size: 15px;

    font-weight: 600

}



footer h4 {

    padding: 0;

    margin: 10px 0;

    font-size: 14px;

    font-weight: 500

}



footer ul {

    padding: 0;

    margin: 0;

    display: block;

    overflow: hidden

}



footer ul li {

    list-style: none;

    color: #f0bfcb

}



footer p {

    color: #f6dfe4;

    font-size: 15px;

    line-height: 21px

}



footer p a {

    color: #fff

}



footer p a:hover {

    color: #fff

}



footer .col-md-3 ul.footer_accreditations {

    margin: 0 0 10px

}



footer .col-md-3 ul.footer_accreditations li {

    float: left;

    margin-right: 5px;

    line-height: 19px;

    margin-bottom: 8px;

    -webkit-transition: all .5s ease;

    -o-transition: all .5s ease;

    transition: all .5s ease

}



footer .col-md-3 ul.footer_accreditations li.oa-head {

    float: initial;

    width: 100%

}



footer .col-md-3 ul.footer_accreditations li img {

    opacity: .9;

    -webkit-transition: all .5s ease;

    -o-transition: all .5s ease;

    transition: all .5s ease

}



footer .col-md-3 ul.footer_accreditations li img.credia-logo {

    width: 150px

}



footer .col-md-3 ul.footer_accreditations li img.bai-logo {

    width: 45px

}



footer .col-md-3 ul.footer_accreditations li img.igbc-logo {

    width: 45px

}



footer .col-md-3 ul {

    margin: 0 0 10px

}



footer .col-md-3 ul li {

    float: left;

    margin-right: 5px;

    line-height: 19px;

    margin-bottom: 8px;

    -webkit-transition: all .5s ease;

    -o-transition: all .5s ease;

    transition: all .5s ease

}



footer .bor-right .row {

    margin: 0

}



footer .bor-right ul li {

    float: unset

}



footer .bor-right ul li ul {

    margin: 10px 0 0

}



footer .col-md-3 ul li img {

    opacity: .5;

    -webkit-transition: all .5s ease;

    -o-transition: all .5s ease;

    transition: all .5s ease

}



footer .col-md-3 ul li:hover img {

    opacity: 1

}



footer .col-md-6 {

    padding-left: 0

}



footer .col-md-3:last-child ul li {

    float: none

}



footer ul li a {

    color: #f0bfcb;

    -webkit-transition: all .5s ease;

    font-size: 15px;

    -o-transition: all .5s ease;

    transition: all .5s ease;

    text-transform: capitalize

}



footer ul li a:hover {

    color: #f8edf0;

    text-decoration: none

}



footer .col-md-4 ul li a {

    pointer-events: auto

}



.cbp-af-header {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 9999;

    transition: all .5s ease

}



.cbp-af-header .cbp-af-inner {

    width: 90%;

    max-width: 69em;

    margin: 0 auto;

    padding: 0 1.875em;

    transition: all .5s ease

}



.cbp-af-header h1,

.cbp-af-header nav {

    display: inline-block;

    position: relative

}



.cbp-af-header h1,

.cbp-af-header nav a {

    line-height: 230px

}



.cbp-af-header h1 {

    text-transform: uppercase;

    color: #333;

    letter-spacing: 4px;

    font-size: 4em;

    margin: 0;

    float: left

}



.cbp-af-header nav {

    float: right

}



.cbp-af-header nav a {

    color: #aaa;

    font-weight: 700;

    margin: 0 0 0 20px;

    font-size: 1.4em

}



.eB {

    background: #ffa800;

    padding: 5px 32px !important;

    border-radius: 35px;

    font-size: 14px !important;

    margin-top: -6px;

    margin-right: 7px;

    color: #fff

}



.paramadrees a {

    background: #e53161;

    padding: 5px 32px;

    border-radius: 35px;

    font-size: 14px;

    margin-top: -6px;

    margin-right: 7px;

    color: #fff

}



.eB:after {

    background: 0 0 !important

}



.eB:hover {

    background: #d0194b;

    color: #fff !important

}



.cbp-af-header nav a:hover {

    color: #333

}



.cbp-af-header h1,

.cbp-af-header nav a {

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    transition: all .3s

}



.cbp-af-header.cbp-af-header-shrink {

    height: 54px;

    background: #ffa800;

    box-shadow: 1px -8px 11px #040404;

    transition: all .5s ease

}



.cbp-af-header.cbp-af-header-shrink .menu {

    float: right;

    padding-right: 0;

    margin-top: -51px

}



.cbp-af-header.cbp-af-header-shrink .callUs h3 {

    color: #fff

}



.callUs h3 a {

    color: #fff;

    text-decoration: none

}



.cbp-af-header.cbp-af-header-shrink .callUs {

    margin-right: 59px;

    margin-top: -39px

}



.cbp-af-header.cbp-af-header-shrink .open-overlay {

    top: 4px

}



.cbp-af-header.cbp-af-header-shrink .menu ul {

    padding: 14px 0 0

}



.cbp-af-header.cbp-af-header-shrink .menu ul li a {

    color: #fff;

    text-decoration: none

}



.cbp-af-header.cbp-af-header-shrink .menu ul li a.eB {

    color: #5e5e5f;

    background: #fff;

    font-size: 13px !important;

    margin-top: -5px;

    text-decoration: none

}



.cbp-af-header.cbp-af-header-shrink .menu ul li a.eB:hover {

    color: #e63061 !important;

    opacity: 1

}



.cbp-af-header.cbp-af-header-shrink .menu ul li a:hover {

    color: #000

}



.cbp-af-header.cbp-af-header-shrink h1,

.cbp-af-header.cbp-af-header-shrink nav a {

    line-height: 90px

}





.logo .slogo {

    width: 100%;

    transition: all .5s ease

}



.cbp-af-header.cbp-af-header-shrink h1 {

    font-size: 2em

}



.cbp-af-header.cbp-af-header-shrink .menu1 span {

    background: #fff

}



.cbp-af-header .blogo {

    display: block

}



.cbp-af-header .slogo {

    display: none

}



.cbp-af-header.cbp-af-header-shrink .blogo {

    display: none

}



.cbp-af-header.cbp-af-header-shrink .slogo {

    display: block

}



.cbp-af-header.cbp-af-header-shrink .logo {

    overflow: hidden;

    height: 60px;

    margin: 0

}



.cbp-af-header.cbp-af-header-shrink .logo img {

    width: 85%;

    transition: all .5s ease

}



.carousel-control.left {

    background: url(../images/arrow-left.jpg) no-repeat 10px 11px !important

}



.carousel-control.right {

    background: url(../images/arrow-right.jpg) no-repeat 10px 11px !important

}



#bootstrap-touch-slider .carousel-control.left {

    background: url(../images/arrow-left.jpg) no-repeat 10px 11px #000 !important

}



#bootstrap-touch-slider .carousel-control.right {

    background: url(../images/arrow-right.jpg) no-repeat 10px 11px #000 !important

}



.control-round .carousel-control {

    border: none !important

}



.parallax {

    background-size: cover;

    background-position-x: 50%;

    background-position-y: 0;

    background-repeat: no-repeat;

    height: 660px

}



.callUs {

    float: right;

    display: block;

    clear: both;

    color: #fff;

    margin-right: 29px;

    text-align: right;

    font-family: 'Open Sans', sans-serif;

    line-height: 16px;

    margin-top: -45px;

    margin-bottom: 6px;

    position: relative;

    padding-right: 40px

}



.callUs img {

    float: right;

    margin-left: 7px

}



.callUs h3 span {

    text-transform: uppercase;

    font-size: 11px;

    font-weight: 700;

    display: block

}



.callUs h3 {

    padding: 0;

    margin: 0;

    color: #fff;

    font-size: 20px;

    font-weight: 700;

    float: left

}



.menuOut {

    float: right

}



.menuIn {

    display: block;

    clear: both;

    padding: 23px 0 0

}



.cbp-af-header.cbp-af-header-shrink .menuIn {

    padding: 0

}



.hM .callUs h3 a {

    color: #333;

    text-decoration: none !important

}



.cbp-af-header-shrink .hM .callUs h3 a {

    color: #fff;

    text-decoration: none !important

}



#param .parallax {

    background-size: cover;

    background-image: url(../images/poonamallee-banner.jpg) no-repeat;

    background-position-x: 50%;

    background-position-y: 0;

    background-repeat: no-repeat;

    height: 660px

}



#param #controls {

    bottom: 8%

}



.parallax h2 {

    margin: 0;

    text-align: left;

    left: 20%;

    position: absolute;

    top: 46%;

    color: #fff;

    font-size: 60px;

    font-weight: 300;

    font-family: Roboto, sans-serif

}



.parallax h2 span {

    font-size: 20px;

    display: block;

    font-weight: 300

}



.carousel .soldout-img {

    position: absolute;

    left: 4%;

    z-index: 1000;

    top: 57%;

    width: 280px

}



.pbannerContent {

    background: rgba(229, 49, 97, .8);

    padding: 0;

    text-align: right;

    position: absolute;

    left: 20%;

    position: absolute;

    padding: 33px;

    color: #fff;

    z-index: 1000;

    top: 300px

}



.pbannerContent.Excellenza-con {

    left: 4%

}



.pbannerContent h1 {

    margin: 0 0 10px;

    position: initial;

    text-align: right;

    color: #fff;

    font-size: 48px;

    font-weight: 600;

    line-height: 50px;

    font-family: Roboto, sans-serif

}



.pbannerContent h1 span {

    display: block;

    font-weight: 300;

    font-size: 48px

}



.pbannerContent h1 {

    margin: 0 0 10px;

    position: initial;

    text-align: right;

    color: #fff;

    font-size: 48px;

    font-weight: 600;

    line-height: 43px;

    font-family: Roboto, sans-serif

}



.pbannerContent h1 span {

    display: block;

    font-weight: 300;

    font-size: 48px

}



.pbannerContent h2.ban-con {

    margin: 0 0 10px;

    position: initial;

    text-align: right;

    color: #fff;

    font-size: 48px;

    font-weight: 600;

    line-height: 43px;

    font-family: Roboto, sans-serif

}



.pbannerContent h2.ban-con span {

    display: block;

    font-weight: 300;

    font-size: 48px

}



.pbannerContent a {

    padding: 5px 15px;

    border-radius: 35px;

    border: solid 1px #fff;

    background: rgba(39, 0, 0, .3);

    text-transform: uppercase;

    color: #fff;

    margin-right: 8px;

    font-size: 13px;

    font-weight: 600

}



.pbannerContent p {

    margin-bottom: 10px

}



.pbannerContent a:hover {

    background: rgba(39, 0, 0, .8);

    text-decoration: none

}



.pbannerContent a:last-child {

    margin-right: 0

}



.intro-section {

    height: 100%;

    padding-top: 150px;

    text-align: center;

    background: #fff

}



.about-section {

    height: 100%;

    padding-top: 150px;

    text-align: center;

    background: #eee

}



.services-section {

    height: 100%;

    padding-top: 150px;

    text-align: center;

    background: #fff

}



.contact-section {

    height: 100%;

    padding-top: 150px;

    text-align: center;

    background: #eee

}



.navbar {

    position: absolute;

    bottom: 0;

    width: 100%;

    height: 50px;

    margin: 0

}



.navbar-fixed-top {

    position: fixed;

    right: 0;

    left: 0;

    top: 50px;

    z-index: 1030

}



.parallax {

    position: relative

}



.projectbanner {

    position: relative

}



#Overview {

    padding-bottom: 80px

}



.projectlanding {

    padding: 90px 0 0;

    display: block;

    overflow: hidden;

    text-align: center

}



.projectlanding p {

    font-size: 18px;

    line-height: 40px

}



.projectlanding a.lunching-button {

    font-size: 14px;

    font-family: Roboto, sans-serif;

    color: #fff;

    text-transform: unset;

    -webkit-animation: blink 1s linear infinite;

    animation: blink 1s linear infinite;

    display: inline-block;

    line-height: 45px;

    padding: 0 30px;

    border-radius: 30px;

    font-weight: 500;

    text-transform: uppercase;

    letter-spacing: 1px;

    margin: 20px 0 0

}



.projectlanding h2 {

    font-size: 40px;

    font-weight: 300;

    color: #555;

    margin: 0 0 30px;

    padding: 0;

    letter-spacing: -1px

}



.projectlanding h2 span {

    font-weight: 600;

    color: #e53565

}



.projectlanding .col-md-4 img {

    border: solid 1px #ccc;

    margin-bottom: 35px;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

    border-radius: 50%

}



.projectlanding .col-md-4:before {

    background: url(../images/shadow-bg1.png) no-repeat center bottom;

    content: '';

    position: absolute;

    top: 280px;

    width: 323px;

    height: 100px;

    left: 23%

}



.projectlanding .col-md-4:hover img {

    border: solid 1px #fff;

    -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, .4), 0 0 0 10px #d42f67;

    box-shadow: 0 0 0 5px rgba(255, 255, 255, .4), 0 0 0 10px #d42f67

}



.vmore {

    background: #e53262 url(../images/vmore-btn.png) no-repeat 8px 8px;

    width: 28px;

    height: 28px;

    border-radius: 100%;

    display: block;

    margin: 0 auto;

    transition: all .5s ease

}



.projectlanding .col-md-4:hover .vmore {

    background-position: 10px 8px

}



.FloorPlanOut {

    text-align: center;

    background: linear-gradient(to bottom, #fff 0, #f3f3f3 100%);

    padding: 50px 0;

    font-family: Roboto, sans-serif

}



.FloorPlanOut h2 {

    color: #505050;

    font-size: 47px;

    font-weight: 300;

    letter-spacing: -2px

}



.FloorPlanOut h2 span {

    font-weight: 600;

    font-size: 55px;

    color: #e53161

}



.FloorPlanOut #parentHorizontalTab {

    margin-top: 30px !important

}



.mapwrapper {

    margin: 20px auto;

    width: 469px

}



.viewport2 {

    width: 900px;

    height: 540px;

    cursor: move;

    overflow: hidden

}



.viewport3 {

    width: 867px;

    height: 645px;

    cursor: move;

    overflow: hidden

}



.bg {

    background: #fafafa !important

}



.mapwrapper {

    position: relative

}



.map-control {

    position: absolute;

    top: 26px;

    right: 50px;

    background: url(../images/map-control.png) no-repeat;

    height: 63px;

    width: 100px

}



.map-control a {

    height: 18px;

    width: 18px;

    display: block;

    text-indent: -999em;

    position: absolute;

    outline: 0

}



.map-control a:hover {

    background: #535353;

    opacity: .4

}



.map-control a.left {

    left: 39px;

    top: 22px

}



.map-control a.right {

    left: 79px;

    top: 22px

}



.map-control a.up {

    left: 59px;

    top: 2px

}



.map-control a.down {

    left: 59px;

    top: 42px

}



.map-control a.zoom {

    left: 2px;

    top: 8px;

    height: 21px;

    width: 21px

}



.map-control a.back {

    left: 2px;

    top: 31px;

    height: 21px;

    width: 21px

}



.FloorPlanOut .resp-tabs-list.hor_1 {

    border-bottom: solid 1px #e6e6e6;

    width: 100%;

    margin: 0 auto

}



.FloorPlanOut .hor_1 .FloorPlanIn {

    padding: 25px;

    display: block;

    overflow: hidden;

    border: none;

    position: relative

}



.FloorPlanOut .hor_1 {

    border: medium none;

    text-align: center;

    padding: 0

}



.FloorPlanOut .hor_1 .FloorPlanIn .elevationImg img {

    width: 100%

}



.FloorPlanOut .hor_1 .FloorPlanIn .col-md-6 {

    padding: 2px 0 0 63px

}



.FloorPlanOut .hor_1 .resp-tab-active {

    background: 0 0 !important;

    border-bottom: solid 3px #e53161 !important;

    padding: 14px 28px 12px !important;

    color: #000 !important

}



.FloorPlanOut p {

    font-size: 18px

}



.FloorPlanOut .hor_1 li {

    border: 0 none !important;

    color: #bababa !important;

    display: inline-block;

    float: none;

    font-size: 16px;

    position: relative;

    font-style: normal;

    padding: 14px 28px 12px !important;

    font-weight: 600;

    text-transform: uppercase;

    width: auto;

    background: 0 0 !important

}



.FloorPlanOut .container {

    width: 1000px

}



.ChildVerticalTab_1.resp-vtabs ul.ver_1 {

    float: none;

    width: 100%;

    text-align: center

}



.ChildVerticalTab_1 ul.ver_1 li {

    cursor: pointer;

    display: inline

}



.ChildVerticalTab_1 .resp-tabs-container.ver_1 {

    min-height: 435px;

    padding: 0

}



.ChildVerticalTab_1 ul.ver_1 li img {

    display: block;

    margin: 0 auto;

    border: solid 1px #ccc;

    padding: 8px;

    opacity: .5

}



.ChildVerticalTab_1 ul.ver_1 li.resp-tab-active img {

    opacity: 1;

    border: solid 1px #e53161

}



.ChildVerticalTab_1 ul.ver_1 li.resp-tab-active span {

    color: #f66f03

}



.ChildVerticalTab_1 ul.ver_1 li span {

    clear: both;

    font-size: 13px;

    line-height: 15px

}



.FloorPlanOut .hor_1 .ChildVerticalTab_1 ul.ver_1 li {

    background: hsla(0, 0%, 0%, 0) none repeat scroll 0 0 !important;

    color: #525252 !important;

    display: inline-block;

    margin: 0 0 12px !important;

    min-height: auto;

    padding: 0 !important;

    width: 80px !important

}



.FloorPlanOut .hor_1 .ChildVerticalTab_1 ul.ver_1 li.resp-tab-active {

    border-bottom: none !important

}



.FloorPlanIn a h4 span {

    font-size: 14px;

    display: block

}



.FloorPlanIn a h4 {

    padding: 26px 0 0 53px;

    padding: 26px 20px 20px 58px;

    margin: 0;

    color: #333;

    font-size: 24px;

    text-align: left;

    background: url(../images/zoom-icon.png) no-repeat 7px 24px;

    background-color: rgba(255, 255, 255, .8);

    position: absolute;

    top: 40%;

    left: 40%;

    opacity: 0

}



.FloorPlanIn a:hover h4 {

    opacity: 1

}



.FloorPlanIn a p {

    padding: 26px 0 0 53px;

    padding: 26px 20px 20px 58px;

    margin: 0;

    color: #333;

    font-size: 24px;

    text-align: left;

    background: url(../images/zoom-icon.png) no-repeat 7px 24px;

    background-color: rgba(255, 255, 255, .8);

    position: absolute;

    top: 40%;

    left: 40%;

    opacity: 0

}



.FloorPlanIn a h3 {

    padding: 26px 0 0 53px;

    padding: 26px 20px 20px 58px;

    margin: 0;

    color: #333;

    font-size: 24px;

    text-align: left;

    background: url(../images/zoom-icon.png) no-repeat 7px 24px;

    background-color: rgba(255, 255, 255, .8);

    position: absolute;

    top: 40%;

    left: 40%;

    opacity: 0

}



.FloorPlanIn a p span {

    font-size: 14px;

    display: block

}



.FloorPlanIn a h3 span {

    font-size: 14px;

    display: block

}



.FloorPlanIn a:hover img {

    opacity: .8

}



.FloorPlanIn a:hover h3 {

    opacity: 1

}



.FloorPlanIn a:hover p {

    opacity: 1

}



.bzoom h3 {

    padding: 26px 0 0 53px;

    margin: 0;

    color: #ababab;

    font-size: 24px;

    text-align: left;

    background: url(../images/zoom-icon.png) no-repeat 0 24px

}



.bzoom h3 span {

    font-size: 14px;

    display: block

}



.SpecificationsOut {

    display: block;

    overflow: hidden;

    position: relative;

    padding: 110px 50px 250px

}



.Specifications .parallax h2 {

    position: relative;

    color: #0e1316;

    padding: 0

}



.SpecificationsOut .ch-grid li h4 {

    font-family: Poppins, sans-serif;

    color: #e53161;

    margin: 0 0 11px;

    padding: 0;

    font-size: 24px;

    line-height: 21px;

    font-weight: 600

}



.SpecificationsOut .ch-grid li h3 {

    font-family: Poppins, sans-serif;

    color: #e53161;

    margin: 0 0 11px;

    padding: 0;

    font-size: 24px;

    line-height: 21px;

    font-weight: 600

}



.inner-navigation-link {

    padding: 20px

}



.inner-navigation-link li {

    font-size: 16px;

    color: #0078fa;

    padding-left: 10px;

    display: inline-block

}



.inner-navigation-link li a {

    font-size: 16px;

    color: #000

}



.SpecificationsOut .col-md-3 {

    padding: 0;

    text-align: right;

    margin-right: 130px

}



.SpecificationsOut .col-md-3 p {

    font-size: 18px

}



.SpecificationsOut .col-md-3 h2 {

    font-size: 55px;

    letter-spacing: -3px;

    color: #e53161;

    margin: 0

}



.SpecificationsOut .col-md-7 {

    padding: 0 30px;

    width: 52.333333%

}



.SpecificationsOut .col-md-7 .slick-slide img {

    width: auto;

    margin-bottom: 5px

}



.SpecificationsOut .ch-grid li p strong {

    font-weight: 500

}



.slick-dots {

    display: none !important

}



.SpecificationsOut .ch-grid li p {

    color: #333;

    font-size: 18px;

    line-height: 27px;

    margin: 0 0 11px;

    padding: 0

}



.ch-grid li {

    background: #fff;

    color: #020202;

    display: inline-block;

    border: solid 7px #0f0f0f;

    margin: 0;

    min-height: 410px;

    padding: 40px 35px;

    text-align: center;

    width: 96%

}



.ch-grid li {

    display: flex;

    justify-content: center;

    align-items: center

}



#Location {
    background: url(../images/location-bg.jpg) repeat-x;
    padding: 80px 0 130px;
	background-size: cover;
}



#Location h2 {

    color: #505050;

    font-size: 47px;

    font-weight: 300;

    letter-spacing: -2px;

    margin-bottom: 20px

}



#Location h2 span {

    font-weight: 600;

    font-size: 55px;

    color: #e53161

}



.accordion {

    width: 500px;

    border-radius: 5px;

    overflow: hidden;

    margin: auto;

    padding: 0;

    margin: 0 0 30px

}



.paramadrees {

    padding: 0;

    margin: 0

}



.paramadrees p {

    margin-bottom: 10px

}



.paramadrees a {

    color: #fff;

    text-transform: capitalize;

    margin-right: 12px;

    font-size: 13px;

    background: #ef4372;

    border-radius: 35px;

    padding: 6px 17px

}



.paramadrees a:hover {

    text-decoration: none;

    color: #fff;

    background: #bf1e2e

}



.accordion .item .heading {

    height: 50px;

    line-height: 50px;

    font-size: 17px;

    cursor: pointer;

    color: #6b6b6b;

    padding-left: 0;

    background: url(../images/plus-icon.jpg) no-repeat 98% 22px;

    border-bottom: 1px solid #dfdfdf;

    box-sizing: border-box

}



.accordion .item.open .heading,

.accordion .item:last-child .heading {

    border: 0

}



.accordion .item.open .heading {

    background: url(../images/minus-icon.jpg) no-repeat 98% 28px

}



.accordion .item .content {

    display: none;

    padding: 0 7px;

    padding-bottom: 15px;

    background: #fff;

    font-size: 14px;

    color: #5c5c5c;

    margin-top: -7px

}



#parentHorizontalTab2 ul.resp-tabs-list {

    text-align: center;

    margin-bottom: 50px

}



#parentHorizontalTab2 .resp-tabs-list li {

    float: none;

    padding: 10px 28px 8px;

    background: #e6e6e6 !important;

    font-size: 16px;

    letter-spacing: 1px;

    font-family: Roboto, sans-serif;

    font-weight: 400;

    position: relative

}



#parentHorizontalTab2 .col-md-5 {

    float: none;

    display: inline-block;

    text-align: center;

    background: #fff;

    box-shadow: 1px 2px 14px #ececec;

    padding: 18px;

    margin-right: 65px;

    width: 47%;

    transition: all .5s ease

}



#parentHorizontalTab2 .col-md-5:hover {

    box-shadow: 1px 2px 14px #999

}



#parentHorizontalTab2 .col-md-5:last-child {

    margin-right: 0

}



#parentHorizontalTab2 .col-md-5 span {

    position: absolute;

    bottom: 50px;

    right: 3px

}



#parentHorizontalTab2 .hor_1 .resp-tab-active::before,

#parentHorizontalTab2 .resp-tabs-list .resp-tab-active::before {

    background: url(../images/arrow-bottom-img.png) no-repeat;

    width: 12px;

    height: 6px;

    bottom: -6px;

    content: "";

    z-index: 99999999;

    position: absolute;

    left: 44%

}



#parentHorizontalTab2 .hor_1 .resp-tab-active {

    background: #e53161 !important;

    border: 0 none !important;

    padding: 10px 28px 8px !important;

    color: #fff

}



#parentHorizontalTab2 .resp-tab-content {

    border: none;

    text-align: center;

    position: relative

}

.iframesec{position:relative;width:100%;padding-bottom: calc(56.25% * 0.75);}
.iframesec iframe{width:100%;height:100%;position: absolute;    left: 0;    top: 0;}

.modal-fullscreen .modal-dialog {

    width: 100%;

    background: 0 0;

    height: 100%;

    margin: 0 auto

}



.modal-fullscreen .modal-body {

    text-align: center

}



.modal-fullscreen .modal-content {

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

    height: 100%;

    box-shadow: none;

    border: none

}



.modal-fullscreen .modal-header {

    border: none

}



.modal-fullscreen .modal-header .close {

    text-shadow: none;

    color: #fff;

    font-size: 40px;

    margin-top: -13px

}



#parentHorizontalTab2 {

    clear: both

}



#clockdiv {

    font-family: sans-serif;

    color: #000;

    display: inline-block;

    font-weight: 100;

    text-align: center;

    font-size: 30px;

    float: right

}



#clockdiv>div {

    padding: 10px 22px 0 10px;

    border-radius: 3px;

    display: inline-block;

    position: relative

}



#clockdiv>div:before {

    content: '/';

    position: absolute;

    right: 0;

    width: 8px;

    height: 18px;

    font-size: 32px;

    color: #000;

    font-weight: 400

}



#clockdiv>div:last-child {

    padding: 10px 0 0 10px

}



#clockdiv>div:last-child:before {

    content: ''

}



#clockdiv div>span {

    padding: 0;

    display: inline-block

}



#clockdiv h3 {

    font-size: 15px;

    text-align: left;

    margin: 0;

    padding: 0;

    font-weight: 600;

    color: #6c6c6c

}



#clockdiv {

    margin-bottom: 15px;

    float: right;

    font-size: 20px;

    display: none

}



#clockdiv>div {

    padding: 10px 22px 0 3px

}



#ProjectStatus .col-md-6 {

    margin-bottom: 30px;

    padding: 0

}



.smalltext {

    font-size: 11px

}



#ProjectStatus {

    padding: 80px 0 120px;

    background: url(../images/location-bg.jpg) repeat-x 0 bottom;

    display: block;

    overflow: hidden;

    clear: both;

    position: relative

}



#ProjectStatus h2 {

    color: #505050;

    font-size: 47px;

    font-weight: 300;

    letter-spacing: -2px

}



#ProjectStatus h2 span {

    font-weight: 600;

    font-size: 55px;

    color: #e53161

}



#ProjectStatus .col-md-6 {

    margin-bottom: 45px

}



#ProjectStatus.vardaanCommerical .col-md-6 {

    margin-bottom: 30px

}



.rg-caption {

    display: none !important

}



.rg-image-nav .rg-image-nav-prev {

    color: #e21d77;

    font-size: 40px;

    position: absolute;

    top: 50%;

    text-decoration: none;

    left: 30px

}



.rg-image-nav .rg-image-nav-next {

    color: #e21d77;

    font-size: 40px;

    position: absolute;

    top: 50%;

    text-decoration: none;

    right: 30px

}



.testimonialOut {

    padding: 120px 0;

    text-align: center

}



.testimonialOut h2 {

    color: #505050;

    font-size: 55px;

    margin: 0 0 80px

}



.testimonialOut h2 span {

    color: #dc3569;

    margin-left: 5px

}



.testimonialIn {

    padding: 10px 5% 0;

    text-align: center;

    position: relative;

    transition: all .5s ease;

    top: 0

}



.testimonialIn img {

    margin-bottom: 20px !important

}



.testimonialIn h3 {

    font-size: 22px

}



.testimonialIn h3 span {

    display: block;

    font-size: 15px

}



.testimonialIn:hover {

    top: -10px

}



.testimonialIn p {

    font-size: 19px;

    margin-bottom: 25px

}



.testimonialOut h2 span {

    font-weight: 600

}



.MenuActive .cd-secondary-nav {

    z-index: 10

}



.projectlbanner {

    padding: 0;

    margin: 0;

    display: block;

    overflow: hidden

}



.projectlbanner .parallax-bg {

    background-size: auto !important;

    min-height: 620px;

    display: block;

    overflow: hidden

}



.projectlbanner h1 {

    padding: 280px 0 0;

    margin: 0;

    color: #fff;

    font-weight: 300;

    font-size: 60px;

    font-family: Roboto, sans-serif

}



.projectlbanner h1 span {

    display: block;

    font-size: 20px;

    font-weight: 400

}



.projectlbanner h3 {

    padding: 280px 0 0;

    margin: 0;

    color: #fff;

    font-weight: 300;

    font-size: 60px;

    font-family: Roboto, sans-serif

}



.projectlbanner h3 span {

    display: block;

    font-size: 20px;

    font-weight: 400

}



.innerMenu {

    background: #e63767;

    padding: 12px 0;

    width: 100%;

    position: fixed;

    bottom: 0;

    z-index: 100;

    -webkit-transition: all .5s ease;

    -o-transition: all .5s ease;

    transition: all .5s ease

}



.innerMenu.fixed {

    position: fixed;

    top: auto;

    bottom: 0;

    z-index: 10px;

    -webkit-transition: all .5s ease;

    -o-transition: all .5s ease;

    transition: all .5s ease

}



.MenuActive .innerMenu {

    z-index: 10

}



.innerMenu ul {

    margin: 0;

    padding: 0;

    text-align: center

}



.innerMenu ul li {

    list-style: none;

    color: #fff;

    display: inline-block;

    margin-right: 15px

}



.innerMenu ul li a {

    font-size: 16px;

    color: #fff;

    font-weight: 500;

    font-family: Roboto, sans-serif;

    padding: 6px 20px 5px;

    text-transform: uppercase

}



.innerMenu ul li a:hover {

    background: #fff;

    border-radius: 30px;

    color: #676767;

    text-decoration: none

}



.innerMenu ul li a.active {

    background: #fff;

    border-radius: 30px;

    color: #676767;

    text-decoration: none

}



.menu1.open-overlay.open {

    position: fixed;

    top: -5px;

    border-radius: 0;

    height: 41px;

    width: 38px

}



.MenuActive .menuOut {

    padding-top: 52px

}



.MenuActive .cbp-af-header-shrink .menuOut {

    padding-top: 52px

}



.MenuActive .menuOut .menuIn {

    overflow: inherit

}



.MenuActive .cbp-af-header.cbp-af-header-shrink .menu1 span {

    background: #000

}



.completedout {

    padding: 80px 0 80px 30px;

    display: block;

    overflow: hidden;

    text-align: center

}



.completedout .col-md-6 {

    float: none;

    display: inline-block;

    width: 49.5%;

    margin-bottom: 60px;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease

}



.completed .col-md-6 {

    padding-top: 60px;

    padding-right: 10px;

    text-align: left;

    vertical-align: middle;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease

}



.completed .col-md-5 {

    background: url(../images/c-shadow.png) no-repeat center bottom;

    padding-bottom: 50px;

    float: none;

    display: inline-block;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease

}



.completed .col-md-5 img {

    width: auto;

    border-radius: 50%;

    border: solid 1px #f6f6f6;

    -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, .4), 0 0 0 10px #e53161;

    border: solid 1px #fff;

    box-shadow: 0 0 0 5px rgba(255, 255, 255, .4), 0 0 0 10px #e53161;

    top: 0;

    position: relative;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease

}



.completedout .col-md-6:hover .col-md-5 img {

    top: -10px;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease

}



.completed h3 {

    font-size: 35px;

    color: #e53161;

    padding: 0;

    margin: 0 0 6px;

    font-family: Roboto, sans-serif

}



.completed p {

    font-weight: 300;

    padding: 0;

    margin: 0;

    line-height: 27px;

    font-size: 18px

}



.completed p span {

    color: #686868;

    font-weight: 500

}



.projectlanding.ucp-section {

    padding: 80px 0

}



.ucp-section .upcomingproject {

    font-size: 0;

    padding: 60px 0 0

}



.ucp-section .upcomingproject .upprojrct-list {

    display: inline-block;

    vertical-align: top;

    width: 20%

}



.ucp-section .upcomingproject .upprojrct-list img {

    width: 200px;

    margin: 0 auto;

    border-radius: 50%;

    border: solid 1px #f6f6f6;

    border: solid 1px #fff;

    -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, .4), 0 0 0 10px #e53161;

    box-shadow: 0 0 0 5px rgba(255, 255, 255, .4), 0 0 0 10px #e53161;

    top: 0;

    position: relative;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease

}



.ucp-section .upcomingproject .upprojrct-list:hover img {

    top: -10px

}



.ucp-section .upcomingproject .upprojrct-list h3 {

    font-size: 22px;

    color: #e53161;

    padding: 0;

    margin: 0 auto;

    font-family: Roboto, sans-serif;

    width: 200px;

    height: 200px;

    background: #f6f6f6;

    border-radius: 50%;

    border: 10px solid #fff;

    display: flex;

    justify-content: center;

    flex-direction: column;

    align-items: center;

    box-shadow: 0 0 0 5px rgba(255, 255, 255, .4), 0 0 0 10px #e53161;

    text-align: center;

    top: 0;

    position: relative;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

    text-transform: uppercase;

    letter-spacing: 3px

}



.ucp-section .upcomingproject .upprojrct-list:hover h3 {

    top: -10px

}



.ucp-section .upcomingproject .upprojrct-list h3 span {

    display: block;

    font-size: 17px;

    color: #333;

    letter-spacing: 0

}



.popupPlan {

    margin: 76px auto 0;

    width: 910px;

    background: #fff;

    border: solid 5px #a0a096;

    position: relative

}



.close {

    float: right;

    font-size: 52px;

    font-weight: 400;

    line-height: 1;

    color: #fff;

    text-shadow: none;

    opacity: .6;

    font-family: Arial, Helvetica, sans-serif

}



.modal-backdrop.in {

    opacity: .8

}



.viewBtn {

    position: absolute;

    left: 35%;

    top: 16%;

    transition: all .5s ease;

    z-index: 1

}



.viewBtn img {

    top: 0;

    position: relative;

    transition: all .5s ease

}



.viewBtn:hover img {

    top: 10px

}



.philosophy {

    padding: 100px 0 60px

}



.philosophyTop {

    padding: 0;

    margin: 0 0 40px;

    text-align: center;

    display: block;

    overflow: hidden

}



.philosophyTop p span {

    font-size: 21px

}



.philosophyTop p {

    font-size: 18px;

    line-height: 32px

}



.philosophyTop h1 {

    padding: 0;

    font-weight: 600;

    font-size: 40px;

    letter-spacing: -1px;

    margin: 0 0 20px;

    line-height: 48px;

    color: #e53565

}



.philosophyTop h2 {

    padding: 0;

    font-weight: 600;

    font-size: 40px;

    letter-spacing: -1px;

    margin: 0 0 20px;

    line-height: 48px;

    color: #e53565

}



.philosophyTop h3 {

    padding: 0;

    margin: 0 0 8px;

    font-size: 40px;

    font-family: Roboto, sans-serif;

    font-weight: 300;

    color: #6c6c6c

}



.whatsapp {

    float: right;

    padding: 0;

    margin: 0

}



.philosophyTop h1 span {

    font-weight: 300;

    display: block

}



.philosophyTop h2 span {

    font-weight: 300;

    display: block

}



.philosophyBottom {

    padding: 0;

    margin: 0;

    position: relative

}



.philosophyBottom img {

    padding-left: 0

}



.philosophyBottom .col-md-3 {

    position: absolute;

    top: 60px;

    text-align: right;

    width: 26%;

    font-size: 17.5px;

    line-height: 30px;

    padding: 0;

    z-index: 999

}



.philosophyBottom .col-md-3 p {

    margin-bottom: 15px

}



.philosophyBottom .col-md-3:last-child {

    position: absolute;

    right: 30px;

    top: 60px;

    text-align: left;

    float: right

}



.visionBox {

    padding: 0 0 70px;

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

    display: block;

    overflow: hidden

}



.visionBox .visionBoxIn:nth-child(1) .col-md-8 {

    margin-left: -62px

}



#wh-widget-send-button.wh-widget-right {

    right: 10px;

    top: 0

}



wh-animation-in {

    float: none

}



.visionBox .visionBoxIn:nth-child(2) {

    padding-top: 120px;

    margin-left: 239px;

    margin-bottom: 100px

}



.visionBox .visionBoxIn:nth-child(2) .col-md-4 {

    float: right

}



.visionBox .visionBoxIn:nth-child(2) .col-md-8 {

    float: left;

    text-align: right

}



.visionBox .visionBoxIn:nth-child(3) {

    padding-top: 0;

    padding-bottom: 102px;

    margin-left: -37px

}



.visionBox .visionBoxIn:nth-child(3) .col-md-8 {

    padding-top: 139px;

    margin-left: -126px

}



.visionBoxIn {

    padding: 40px 0 0;

    margin: 0;

    display: block;

    overflow: hidden

}



.visionBoxIn h2 {

    color: #e53161;

    font-size: 40px;

    padding: 0;

    margin: 0;

    font-weight: 600

}



.visionBoxIn .col-md-8 {

    padding-top: 33px;

    font-size: 18px

}



.journeyIn {

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

    padding: 30px 0;

    min-height: 960px;

    position: relative;

    margin-left: 100px

}



.journeyIn ul {

    padding: 0;

    margin: 0

}



.journeyIn ul li {

    list-style: none

}



.journeyIn ul li div {

    float: left;

    position: relative

}



.journeyIn ul li:first-child {

    left: 384px;

    position: absolute;

    top: 16px

}



.journeyIn ul li:first-child .iconYear {

    font-size: 23px;

    background: url(../images/map-icon-bg1.png) no-repeat;

    height: 165px;

    width: 126px;

    padding: 37px 0 0;

    -webkit-animation: float 2s linear infinite;

    animation: float 2s linear infinite

}



.journeyIn ul li:first-child div:before {

    left: 38px;

    -webkit-animation: burst 1s infinite linear;

    animation: burst 1s infinite linear

}



.journeyIn ul li:nth-child(2) {

    left: 19px;

    top: 170px;

    position: absolute;

    text-align: right

}



.journeyIn ul li:nth-child(2) div {

    float: right;

    margin-left: 12px

}



.journeyIn ul li:nth-child(2) div .iconYear {

    padding: 30px 0 0;

    background: url(../images/map-icon-bg-b.png) no-repeat;

    background-size: 100%

}



.journeyIn ul li:nth-child(3) {

    left: -83px;

    top: 309px;

    position: absolute;

    text-align: right

}



.journeyIn ul li:nth-child(3) div {

    float: right;

    margin-left: 12px

}



.journeyIn ul li:nth-child(3) div .iconYear {

    padding: 30px 0 0

}



.journeyIn ul li:nth-child(3) h3 {

    margin-top: 42px

}



.journeyIn ul li:nth-child(4) {

    left: 193px;

    top: 298px;

    position: absolute

}



.journeyIn ul li:nth-child(4) div .iconYear {

    padding: 30px 0 0

}



.journeyIn ul li:nth-child(4) h3 {

    margin-top: 28px

}



.journeyIn ul li:nth-child(5) {

    left: 420px;

    top: 390px;

    position: absolute

}



.journeyIn ul li:nth-child(5) div .iconYear {

    padding: 30px 0 0

}



.journeyIn ul li:nth-child(5) h3 {

    margin-top: 15px

}



.journeyIn ul li:nth-child(6) {

    left: 660px;

    top: 306px;

    position: absolute

}



.journeyIn ul li:nth-child(6) div .iconYear {

    padding: 30px 0 0

}



.journeyIn ul li:nth-child(6) h3 {

    margin-top: 15px

}



.journeyIn ul li:nth-child(7) {

    left: 890px;

    top: 348px;

    position: absolute

}



.journeyIn ul li:nth-child(7) div .iconYear {

    padding: 30px 0 0

}



.journeyIn ul li:nth-child(7) h3 {

    margin-top: 15px

}



.journeyIn ul li:nth-child(8) {

    left: 900px;

    top: 510px;

    position: absolute

}



.journeyIn ul li:nth-child(8) div {

    float: right;

    margin-left: 12px

}



.journeyIn ul li:nth-child(8) div .iconYear {

    padding: 30px 0 0

}



.journeyIn ul li:nth-child(8) h3 {

    margin-top: 15px;

    text-align: right

}



.journeyIn ul li:nth-child(9) {

    left: 953px;

    top: 724px;

    position: absolute

}



.journeyIn ul li:nth-child(9) div .iconYear {

    padding: 30px 0 0

}



.journeyIn ul li:nth-child(9) h3 {

    margin-top: 15px

}



.journeyIn ul li:nth-child(10) {

    left: 660px;

    top: 660px;

    position: absolute

}



.journeyIn ul li:nth-child(10) div {

    float: right;

    margin-left: 12px

}



.journeyIn ul li:nth-child(10) div .iconYear {

    padding: 30px 0 0

}



.journeyIn ul li:nth-child(10) h3 {

    margin-top: 15px;

    text-align: right

}



.journeyIn ul li:nth-child(11) {

    left: 534px;

    top: 784px;

    position: absolute

}



.journeyIn ul li:nth-child(11) h3 {

    margin: 45px 0 0 0

}



.journeyIn ul li:nth-child(11) div .iconYear {

    padding: 30px 0 0;

    background: url(../images/map-icon-bg-o.png) no-repeat;

    background-size: 100%

}



.journeyIn ul li:nth-child(12) {

    left: 90px;

    top: 690px;

    position: absolute

}



.journeyIn ul li:nth-child(12) div {

    float: right;

    margin-left: 12px

}



.journeyIn ul li:nth-child(12) div .iconYear {

    padding: 47px 0 0;

    background: url(../images/map-icon-bg1-b.png) no-repeat;

    width: 123px;

    height: 160px;

    font-size: 31px

}



.journeyIn ul li:nth-child(12) h3 {

    margin-top: 15px;

    text-align: right;

    font-size: 25px

}



.journeyIn ul li:nth-child(12) div:before {

    left: 39px

}



.iconYear {

    background: url(../images/map-icon-bg.png) no-repeat;

    background-size: 100%;

    padding: 29px 0 0;

    height: 105px;

    margin-right: 0;

    display: block;

    overflow: hidden;

    line-height: 15px;

    text-align: center;

    width: 80px;

    font-size: 19px;

    font-weight: 600;

    position: relative;

    z-index: 10;

    float: left

}



.iconYear strong {

    display: block;

    font-weight: 400;

    font-size: 13px

}



.journeyIn ul li h3 {

    float: left;

    font-size: 20px;

    color: #e53867;

    font-weight: 700;

    padding-top: 8px;

    letter-spacing: 0;

    margin-left: 10px

}



.journeyIn ul li h3 span {

    display: block;

    font-weight: 400;

    color: #555

}



.journeyIn ul li div:before {

    content: '';

    position: absolute;

    bottom: -2px;

    left: 30%;

    border: solid 2px #dadada;

    width: 40%;

    height: 14px;

    border-radius: 100%

}



@-webkit-keyframes float {

    0% {

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }



    50% {

        -webkit-transform: translateY(-6px);

        transform: translateY(-6px)

    }



    100% {

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }

}



@keyframes float {

    0% {

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }



    50% {

        -webkit-transform: translateY(-6px);

        transform: translateY(-6px)

    }



    100% {

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }

}



@-webkit-keyframes burst {

    0% {

        opacity: .8

    }



    50% {

        -webkit-transform: scale(1.8);

        transform: scale(1.8);

        opacity: 0

    }



    100% {

        opacity: 0

    }

}



@keyframes burst {

    0% {

        opacity: .8

    }



    50% {

        -webkit-transform: scale(1.8);

        transform: scale(1.8);

        opacity: 0

    }



    100% {

        opacity: 0

    }

}



.qualityPolicy {

    text-align: center;

    font-size: 18px;

    line-height: 34px;

    padding: 60px 0 50px

}



.qualityPolicy h2 {

    font-size: 40px;

    margin-top: 0;

    font-weight: 600;

    color: #555;

    letter-spacing: -1px;

    margin-bottom: 15px

}



.qualityPolicy h3 {

    font-size: 30px;

    font-weight: 600;

    color: #555;

    letter-spacing: -1px;

    margin-bottom: 15px;

    line-height: 36px;

    margin-top: 35px

}



.qualityPolicy h3 span {

    color: #e23062;

    display: block

}



.qualityPolicyBox {

    background: url(../images/quality-bg-inner.jpg) no-repeat;

    padding: 130px 185px 191px;

    margin: 20px auto 18px;

    width: 655px;

    line-height: 23px;

    font-weight: 600

}



.qualityPolicyBox img {

    margin-bottom: 10px

}



.qualityPolicyBox h3 {

    font-size: 21px;

    margin: 0 0 4px;

    padding: 0;

    color: #4f4f4f;

    font-weight: 600

}



.visionay {

    padding: 60px 0

}



.career {

    background: #fff

}



.career .container {

    width: 1000px

}



.careerTop {

    text-align: center;

    margin: 0 0 90px

}



.careerTop h2 {

    font-size: 40px;

    font-weight: 300;

    color: #555;

    margin: 0 0 10px;

    padding: 0;

    letter-spacing: -1px

}



.careerTop h2 span {

    font-weight: 600;

    color: #e53565

}



.careerIn {

    text-align: left;

    border-bottom: solid 1px #f6f6f6;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    overflow: hidden;

    padding: 20px 0;

    color: #2f2f2f;

    margin: auto;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.careerIn h3 {

    font-size: 20px;

    font-weight: 600;

    margin: 0 0 0;

    padding: 0;

    color: #636363

}



.careerIn a {

    background: #e92d5e;

    padding: 10px 25px;

    border-radius: 45px;

    color: #fff;

    font-size: 14px

}



.careerIn a:hover {

    text-decoration: none;

    background: #e11147

}



.careerIn .col-md-6:last-child {

    padding: 0 0 0;

    text-align: right

}



.testiTop {

    text-align: center;

    margin: 0 0 30px

}



.testiTop h2 {

    font-size: 40px;

    font-weight: 300;

    color: #555;

    margin: 0 0 10px;

    padding: 0;

    letter-spacing: -1px

}



.testiTop h2 span {

    font-weight: 600;

    color: #e53565

}



.visionay .container {

    width: 1170px

}



.visionayTop {

    text-align: center;

    margin-bottom: 50px;

    font-size: 18px

}



.visionayTop h2 {

    font-size: 40px;

    font-weight: 300;

    color: #555;

    margin: 0 0 20px;

    padding: 0;

    letter-spacing: -1px

}



.visionayTop h2 span {

    font-weight: 600;

    color: #e53565

}



.visionayTop h3 {

    padding: 0;

    margin: 0 0 8px;

    font-size: 40px;

    font-family: Roboto, sans-serif;

    font-weight: 300;

    color: #6c6c6c

}



.visionayInner {

    -webkit-box-shadow: 0 3px 21px 3px rgba(0, 0, 0, .1);

    -moz-box-shadow: 0 3px 21px 3px rgba(0, 0, 0, .1);

    box-shadow: 0 3px 21px 3px rgba(0, 0, 0, .1);

    display: block;

    overflow: hidden

}



.visionayInner .col-md-6 {

    background: #fff;

    padding: 0;

    margin: 0;

    min-height: 331px;

    font-size: 19px;

    font-family: 'Open Sans', sans-serif;

    line-height: 32px

}



.visionayInner .col-md-6.text {

    padding: 72px 50px 0

}



.visionayInner .col-md-6.img {

    padding: 0

}



.visionayInner .col-md-6 img {

    width: 100%

}



.visionayInner .col-md-6 h4 {

    font-size: 32px;

    color: #e53161;

    padding: 0;

    margin: 0;

    font-family: Roboto, sans-serif;

    font-weight: 600

}



.visionayInner:nth-child(1) .col-md-6.text {

    float: left

}



.visionayInner .col-md-6.text::after {

    content: '';

    position: absolute;

    top: 50%;

    left: -10px;

    height: 0;

    width: 0;

    border-top: 10px solid transparent;

    border-bottom: 10px solid transparent;

    border-right: 10px solid #fff

}



.visionayInner .col-md-6.text.pull-left::after {

    content: '';

    position: absolute;

    top: 50%;

    left: auto;

    height: 0;

    right: -20px;

    width: 0;

    border-top: 10px solid transparent;

    border-bottom: 10px solid transparent;

    border-left: 10px solid #fff;

    border-right: 10px solid transparent

}



.certification {

    text-align: center;

    text-align: center;

    margin-bottom: 20px;

    font-size: 18px

}



.certification h2 {

    font-size: 40px;

    font-weight: 600;

    color: #555;

    margin: 0 0 10px;

    padding: 0;

    letter-spacing: -1px

}



.certification p {

    font-size: 25px;

    line-height: 35px;

    font-weight: 300

}



.certification .col-md-5 {

    float: none;

    display: inline-block;

    padding: 0

}



.certification .col-md-4 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end;

    min-height: 410px

}



.documentationTop {

    text-align: center;

    margin-bottom: 50px

}



.documentationTop h2 {

    color: #e13063;

    font-size: 35px;

    font-weight: 600;

    margin-bottom: 30px

}



.documentation h3 {

    color: #e13063;

    font-size: 35px;

    font-weight: 600;

    margin-bottom: 30px

}



.documentation h4 {

    color: #525252;

    font-size: 25px;

    font-weight: 600;

    margin-bottom: 20px

}



.documentation {

    margin-bottom: 40px;

    display: block;

    overflow: hidden

}



.documentation .col-md-7 {

    padding: 0;

    margin: 0

}



.documentation .col-md-7 ul {

    padding: 0;

    margin: 0;

    text-align: justify

}



.documentation .col-md-7 ul li {

    list-style: none;

    background: url(../images/bullet.png) no-repeat 0 9px;

    padding: 0 50px 0 25px;

    margin: 0 0 12px;

    line-height: 22px

}



.documentation .col-md-5 img {

    padding-top: 65px

}



#HomeLoanProcess {

    background: linear-gradient(to bottom, #f5f5f5 0, #fff 28%)

}



.homeLoanTop {

    text-align: center;

    margin-bottom: 50px

}



.homeLoanTop h2 {

    color: #e13063;

    font-size: 35px;

    font-weight: 600;

    margin-bottom: 20px

}



.homeLoan .col-md-8 {

    padding: 0

}



.homeLoan .col-md-8 h4 {

    font-size: 22px;

    color: #525252;

    margin: 0 0 20px;

    font-family: 'Open Sans', sans-serif;

    font-weight: 700

}



.homeLoan .col-md-4 {

    padding: 0

}



.homeLoan .col-md-4 img {

    padding-top: 115px

}



.homeLoan .accordion {

    width: 100%;

    border: solid 1px #ccc;

    border-radius: 0;

    padding: 35px

}



.homeLoan .accordion .item.open .heading {

    font-size: 22px;

    font-weight: 600;

    padding-left: 9px;

    padding-top: 18px;

    color: #525252

}



.homeLoan .accordion .item .content p {

    margin-bottom: 25px

}



#taxbenefit {

    background: linear-gradient(to bottom, #f5f5f5 0, #fff 28%)

}



.taxbenefit .col-md-4 {

    padding: 0 45px;

    font-size: 16px;

    text-align: justify

}



.taxbenefit .col-md-4:before {

    position: absolute;

    right: 0;

    border-right: solid 1px #e5e5e5;

    width: 1px;

    height: 96%;

    content: '';

    top: 50px

}



.taxbenefit .col-md-4:last-child:before {

    border: none

}



.taxbenefit .col-md-4 h3 {

    font-size: 21px;

    font-weight: 600

}



.taxbenefit .col-md-4 img {

    margin: 0 0 15px

}



.buyersGuide {

    padding: 60px 0

}



.buyersGuide .container {

    width: 1250px

}



.jointventure .form-control {

    background: #fafafa;

    height: 50px;

    padding: 14px

}



.jradio {

    padding: 0

}



.jradio ul {

    margin: 0;

    border-radius: 4px;

    display: block;

    overflow: hidden;

    padding: 10px;

    height: 50px

}



.jradio ul li {

    padding: 0;

    margin: 0 8px 0 0;

    list-style: none;

    float: left

}



.jointventure .container {

    background: url(../images/jointventure-bg.jpg) no-repeat right 80%

}



.ref_pro_secForm .container {

    background: url(../images/refferal-program-form-img.jpg) no-repeat 104% center;

    background-size: 42%

}



.jointventure.cP .container {

    background: url(../images/chanel-bg.jpg) no-repeat 90% 95%;

    background-size: 44%

}



.jointventureTop {

    padding: 0;

    margin: 0

}



.jointventureInner {

    padding: 0 50px 20px 0;

    width: 65%;

    display: block;

    overflow: hidden;

    text-align: center

}



.ref_pro_secForm_inner {

    padding: 0 50px 20px 0;

    width: 60%;

    display: block;

    overflow: hidden;

    text-align: center

}



.jointventureInner.text-left {

    text-align: left

}



.jointventureInner .col-md-12 {

    padding: 0

}



.jointventureInner .col-md-12 .col-md-6 {

    padding-left: 0

}



.jointventureInner textarea.form-control {

    height: 50px

}



.jointventureInner .teb textarea {

    height: 50px

}



.jointventureInner h3 {

    text-align: left

}



.jointventureInner .form-group {

    margin-bottom: 30px;

    text-align: left

}



.jointventureInner .form-group span {

    color: #2f2f2f;

    font-size: 15px;

    font-weight: 600;

    font-family: 'Open Sans', sans-serif

}



.jointventureInner .form-group.inin span {

    color: #a5a5a5;

    font-size: 15px;

    font-weight: 400;

    font-family: 'Open Sans', sans-serif

}



.jointventureInner .form-group.inin span.inhead {

    color: #2f2f2f;

    font-size: 15px;

    font-weight: 600;

    font-family: 'Open Sans', sans-serif

}



.jointventureInner .btn {

    background: #e92d5e;

    color: #fff;

    padding: 15px 25px;

    border-radius: 6px;

    font-size: 15px

}



.jointventureInner .captchatext {

    width: 198px;

    float: left

}



.jointventureInner .captchatext input {

    padding: 10px;

    border: 1px solid #ccc;

    background: #fafafa;

    border-radius: 4px;

    width: 100%

}



.jointventureTop h2 {

    color: #e13063;

    font-size: 45px;

    font-weight: 600;

    margin: 0 0 10px

}



.jointventureTop h2 span {

    font-weight: 300;

    color: #505050

}



.jointventureTop h3 {

    color: #e13063;

    font-size: 40px;

    font-weight: 600;

    margin-bottom: 30px

}



.jointventureTop p {

    width: 50%

}



.jointventureInner #imgdiv {

    float: left

}



.odetailOut {

    height: 100%;

    text-align: center;

    width: 100%

}



.odetailOut .exText {

    position: absolute;

    bottom: 0;

    clear: both;

    left: 47%

}



#hoverview {

    background: linear-gradient(to bottom, #fff 0, #f4f4f4 100%)

}



.pro-hidesection {

    display: none !important

}



.homeintro {

    padding: 80px 0 30px;

    display: block;

    overflow: hidden;

    font-size: 19px;

    line-height: 32px;

    font-weight: 300

}



.homeintro h2 {

    color: #4b4e53;

    font-size: 36px;

    margin: 0 0 30px;

    padding: 0;

    letter-spacing: -1px;

    font-weight: 500;

    text-transform: uppercase

}



.homeintro p {

    margin: 0 0 30px

}



@media(min-width:1801px) {

    .homeintro .col-md-6:nth-child(1) img {

        width: 92% !important

    }

}



.homeintro .col-md-6:nth-child(1) {

    background: url(../images/h-tro-shdow.png) no-repeat 0 bottom;

    background-size: 96%;

    padding-bottom: 50px

}



.homeintro .col-md-6:nth-child(1) img {

    padding-left: 54px

}



.homeintro .col-md-6:nth-child(2) {

    padding: 35px 25px 0

}



.homeintro ul {

    padding: 0;

    margin: 0

}



.homeintro ul li {

    list-style: none

}



.homeintro ul li:nth-child(1) {

    position: absolute;

    left: 207px;

    top: 0

}



.homeintro ul li:nth-child(2) {

    position: absolute;

    left: 60px;

    top: 68px

}



.homeintro ul li:nth-child(3) {

    position: absolute;

    left: 49px;

    top: 248px

}



.homeintro ul li:nth-child(4) {

    position: absolute;

    left: 299px;

    top: 348px

}



.homeintro ul li:nth-child(5) {

    position: absolute;

    left: 0;

    top: 422px

}



#homeVideo .modal-dialog {

    width: 60%

}



#homeVideo .btn-default {

    color: #333;

    background-color: #fff;

    border-color: #ccc;

    border-radius: 100%;

    position: absolute;

    top: -17px;

    right: -15px;

    z-index: 100;

    font-size: 14px;

    font-family: Verdana, Geneva, sans-serif;

    font-weight: 600;

    padding: 5px 10px

}



.carousel-3d-container {

    height: auto !important;

    padding: 30px 0 !important

}



.carousel-3d-slider {

    height: 660px !important

}



.carousel-3d-slide {

    height: auto !important;

    background-color: transparent !important;

    border: none !important;

    text-align: center !important;

    -webkit-transition: all 2s ease;

    -o-transition: all 2s ease;

    transition: all 2s ease

}



.top-img-con img {

    width: 50% !important

}



.carousel-3d-slide.current .top-img-con p {

    color: #e53161;

    position: relative;

    padding: 0 0 40px;

    font-weight: 600

}



.carousel-3d-slide.current .top-img-con p:before {

    position: absolute;

    content: '';

    top: 33px;

    width: 2px;

    height: 21px;

    background: #000;

    left: 50%;

    transform: translate(-50%, 0)

}



.carousel-3d-slide.current .top-img-con p:after {

    position: absolute;

    position: absolute;

    content: '';

    top: 63px;

    width: 12px;

    height: 12px;

    background: #000;

    left: 50%;

    border-radius: 100%;

    transform: translate(-50%, 0)

}



.carousel-3d-slide img {

    -webkit-filter: grayscale(100%);

    filter: grayscale(100%)

}



.carousel-3d-slide .newlaunch-pro {

    position: relative

}



.carousel-3d-slide .newlaunch-pro:before {

    position: absolute;

    font-size: 20px;

    font-family: Roboto, sans-serif;

    color: #fff;

    text-transform: unset;

    -webkit-animation: blinkcolor 1s linear infinite;

    animation: blinkcolor 1s linear infinite;

    line-height: 35px;

    padding: 0 0;

    border-radius: 30px;

    letter-spacing: 1px;

    font-weight: 600;

    text-transform: uppercase;

    top: 0;

    left: 50%;

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

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

    transform: translate(-50%, 0);

    opacity: 0

}



.carousel-3d-slide.current .newlaunch-pro:before {

    opacity: 1

}



.carousel-3d-slide.current img {

    -webkit-filter: grayscale(0);

    filter: grayscale(0)

}



.carousel-3d-slide .link {

    color: #fff;

    font-size: 16px;

    background: #e53161;

    border: solid 1px #e53161;

    border-radius: 35px;

    padding: 5px 25px;

    text-transform: uppercase;

    font-weight: 500;

    border-radius: 30px;

    width: fit-content;

    margin: 0 auto;

    display: none;

    -webkit-transition: all 1s ease;

    -o-transition: all 1s ease;

    transition: all 1s ease;

    position: relative;

    top: -274px;

    width: 148px

}



.carousel-3d-slide .link:hover {

    color: #333;

    text-decoration: none;

    background: rgba(255, 255, 255, 1)

}



.carousel-3d-slide.current .link {

    display: block;

    -webkit-transition: all 1s ease;

    -o-transition: all 1s ease;

    transition: all 1s ease

}



.careerForm h2 {

    font-size: 40px;

    font-weight: 600

}



.careerForm p {

    font-size: 26px

}



.careerFormIn {

    padding: 30px 100px

}



.careerFormIn .file {

    width: 100%;

    padding: 5px;

    margin: 2px 0

}



.careerFormIn .file span {

    float: left

}



.careerForm {

    text-align: center;

    padding: 80px 0;

    background: url(../images/career-bg.jpg) repeat-x;

    background-size: auto 100%;

    display: block;

    overflow: hidden

}



label {

    font-family: Poppins, sans-serif

}



.careerForm input {

    padding: 15px;

    background: 0 0;

    font-size: 14px;

    margin: 0;

    height: auto;

    border: none;

    box-shadow: none;

    border: solid 1px #ccc;

    color: #000;

    border-radius: 8px;

    background: #fafafa

}



.careerForm label {

    display: block;

    clear: both

}



.careerForm .submit {

    background: #e92d5e;

    color: #fff;

    border: none;

    font-size: 15px;

    font-weight: 600;

    padding: 15px 22px;

    text-transform: uppercase;

    margin-top: 10px

}



.careerForm .submit:hover {

    background: #c71443

}



.careerForm .col-md-6 {

    padding: 0 40px

}



.careerForm .form-group {

    margin: 0 0 30px;

    text-align: left

}



.careerForm .col-md-12 .form-group {

    text-align: center

}



.careerForm .form-group span {

    display: block;

    clear: both;

    overflow: hidden;

    width: 100%;

    color: #000

}



.careerForm input::placeholder {

    color: #c6c7c8;

    opacity: 1

}



.careerForm input:-ms-input-placeholder {

    color: #c6c7c8

}



span sup {

    color: #f20e24

}



.careerForm input::-ms-input-placeholder {

    color: #c6c7c8

}



.careerForm .captchatext {

    width: 295px;

    float: left

}



.careerForm #imgdiv {

    float: left;

    width: 130px

}



.careerForm .captchatext input {

    padding: 10px;

    border: 1px solid #ccc;

    background: #fafafa;

    border-radius: 4px;

    width: 100%

}



.enquireNowOut {

    padding: 0;

    margin: 0;

    color: #fff;

    text-align: center

}



.enquireNowOut .col-md-6 {

    padding: 0 18px 0 0

}



.enquireNowOut .col-md-12 {

    padding: 0

}



.enquireNowOut .form-group {

    margin-bottom: 20px

}



.enquireNowOut .captchatext {

    width: 170px;

    float: left

}



.enquireNowOut #imgdiv1 {

    float: left;

    width: 130px

}



.enquireNowOut #imgdiv {

    width: 130px;

    float: left

}



.enquireNowOut .form-control {

    height: 46px;

    border-radius: 0;

    box-shadow: none;

    border: none

}



.enquireNowOut .captchatext input {

    padding: 9px;

    border: 1px solid #ccc;

    color: #000

}



.enquireNowOut textarea.form-control {

    height: 45px;

    border-radius: 0;

    width: 100%

}



.modal-content {

    background: url(../images/carrer-bg.jpg) repeat

}



.enquireNowOut p {

    padding: 0;

    margin: 0 0 20px

}



.enquireNowOut .btn-default {

    background: pink;

    color: #a3297a;

    border: none;

    padding: 12px 30px;

    margin-bottom: 20px

}



.enquireNowOut .btn-default:hover {

    background: #fff;

    color: #ad2572

}



.enquireNowOut h2 {

    margin: 0 0 5px;

    padding: 0

}



.enquireNowOut p {

    margin: 0 0 5px;

    padding: 0

}



.enquireNowOut h3 {

    margin: 0 0 5px;

    padding: 0

}



.enquireNowOut .close {

    background: url(../images/cloce-btn.png) no-repeat;

    width: 35px;

    height: 35px;

    transition: .3s;

    position: absolute;

    top: -2%;

    right: -1.8%;

    opacity: 1

}



.nquireNowPop .modal-body {

    padding: 8%;

    outline: 1px solid #d26598;

    outline-offset: -15px;

    background: #ad2572;

    background: linear-gradient(90deg, rgba(173, 37, 114, 1) 0, rgba(173, 37, 114, 1) 35%, rgba(213, 31, 103, 1) 100%, rgba(213, 31, 103, 1) 100%)

}



.nquireNowPop .modal-dialog {

    width: 850px

}



.contactOut {

    background: url(../images/contact-bg.jpg) no-repeat;

    font-size: 18px;

    color: #4c4d4d;

    padding-bottom: 120px;

    background-size: cover

}



.contactTop {

    text-align: center;

    margin: 0 0 20px

}



.contactTop h2 {

    background: url(../images/l-icon.jpg) no-repeat center 0;

    padding: 60px 0 0;

    color: #ec295c

}



.contactTop .mapBtn {

    color: #e92d5e;

    position: relative;

    padding: 0 0 8px;

    font-weight: 600;

    font-size: 19px

}



.contactTop .mapBtn:after {

    background: #e92d5e;

    content: '';

    position: absolute;

    width: 35%;

    height: 3px;

    left: 40%;

    bottom: 0

}



.salesEnquiry {

    text-align: center;

    position: relative;

    padding: 40px 0 60px

}



.salesEnquiry h3 {

    color: #e92d5e;

    font-weight: 600

}



.contactOut strong {

    font-weight: 500

}



.salesEnquiry:before {

    background: url(../images/sales-enquirey-top-bg.gif) no-repeat 55% 0;

    left: 0;

    content: '';

    position: absolute;

    top: 0;

    height: 40px;

    width: 100%

}



.salesEnquiry:after {

    background: url(../images/sales-enquirey-bottom-bg.gif) no-repeat 55% 0;

    left: 0;

    content: '';

    position: absolute;

    bottom: 0;

    height: 40px;

    width: 100%

}



.contactOut a {

    color: #4c4d4d

}



.getIn {

    text-align: center

}



.getIn ul {

    padding: 0;

    margin: 0 0 40px;

    text-align: center

}



.getIn ul li {

    list-style: none;

    text-align: center;

    display: inline-block

}



.getIn ul li a img {

    opacity: .5;

    -webkit-filter: grayscale(100%);

    filter: grayscale(100%)

}



.getIn ul li a img:hover {

    filter: none;

    opacity: 1

}



.getIn ul li a {

    background: 0 0;

    cursor: pointer;

    padding: 0

}



.getIn ul li a:hover {

    background: 0 0

}



.getIn h3 {

    color: #e92d5e;

    font-size: 21px;

    margin: 0 0 20px;

    padding: 0;

    font-weight: 600

}



.getIn a {

    background: #e92d5e;

    color: #fff;

    font-size: 16px;

    border-radius: 5px;

    padding: 15px 30px;

    text-transform: uppercase;

    font-weight: 600

}



.getIn a:hover {

    background: #c71443;

    text-decoration: none

}



.contactForm textarea {

    padding: 15px;

    background: 0 0;

    font-size: 14px;

    margin: 0;

    border: none;

    height: 160px;

    box-shadow: none;

    border: solid 1px #ccc;

    color: #000;

    width: 100%;

    border-radius: 8px;

    background: #fafafa

}



.thankbanner img {

    width: 100%

}



.thankyou {

    text-align: center;

    color: #555;

    line-height: 37px;

    font-size: 22px

}



.thankyou h2 {

    font-size: 40px;

    font-weight: 300;

    color: #555;

    margin: 0 0 20px;

    padding: 0;

    letter-spacing: -1px

}



.thankyou h2 span {

    font-weight: 600;

    color: #e53565

}



.team {

    padding-bottom: 80px;

    background: url(../images/managment-bg-img.png) no-repeat center center;

    background-size: 100% auto

}



.philosophy.team {

    padding-bottom: 0

}



.philosophy.team p {

    margin-bottom: 25px

}



.teamTop {

    text-align: center;

    margin-bottom: 0;

    font-size: 18px

}



.teamTop h2 {

    font-size: 40px;

    font-weight: 300;

    color: #555;

    margin: 0 0 20px;

    padding: 0;

    letter-spacing: -1px

}



.teamTop h2 span {

    font-weight: 600;

    color: #e53565

}



.teamTop h3 {

    padding: 0;

    margin: 0 0 8px;

    font-size: 40px;

    font-family: Roboto, sans-serif;

    font-weight: 300;

    color: #9b9b9b

}



.whatsapp-button-generator {

    position: absolute;

    right: 0;

    width: 43px;

    height: 36px;

    z-index: 10;

    float: right

}



.whatsapp-button-content {

    padding-left: 5px

}



.whatsapp-button-mobile {

    display: inherit

}



.w100 {

    width: 100% !important

}



.csrTop {

    text-align: center;

    margin: 0 0 50px

}



.csrTop h2 {

    font-size: 40px;

    font-weight: 300;

    color: #555;

    margin: 0 0 30px;

    padding: 0;

    letter-spacing: -1px

}



.csrTop h2 span {

    font-weight: 600;

    color: #e53565

}



.csrImg {

    padding: 0 20px;

    text-align: center

}



.csrImg .col-md-2 {

    float: none;

    display: inline-block;

    margin-bottom: 30px

}



.support {

    background: url(../images/support-bg.jpg) no-repeat;

    font-size: 18px;

    padding: 140px 0 175px

}



.support h2 {

    font-size: 26px;

    font-weight: 600

}



.support h3 {

    font-size: 20px;

    font-weight: 300;

    line-height: 37px;

    margin: 0 0 35px

}



.support p {

    line-height: 37px;

    margin: 0 0 35px

}



.mw {

    display: none

}



.meicon {

    display: none

}



.mAm {

    display: none

}



.mc {

    display: none

}



.maction {

    display: none

}



.otherOngoingOut {

    display: none

}



.carousel-fade .carousel-inner .item {

    transition-property: opacity

}



.carousel-fade .carousel-inner .active.left,

.carousel-fade .carousel-inner .active.right,

.carousel-fade .carousel-inner .item {

    opacity: 0

}



.carousel-fade .carousel-inner .active,

.carousel-fade .carousel-inner .next.left,

.carousel-fade .carousel-inner .prev.right {

    opacity: 1

}



.carousel-fade .carousel-inner .active.left,

.carousel-fade .carousel-inner .active.right,

.carousel-fade .carousel-inner .next,

.carousel-fade .carousel-inner .prev {

    left: 0;

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

    transform: translate3d(0, 0, 0)

}



.carousel-fade .carousel-control {

    z-index: 2

}



.carousel,

.carousel-inner,

.carousel-inner .item,

body,

html {

    height: 100%

}



.carousel.happiness-carousel {

    height: 400px

}



.popimg {

    width: 80%;

    margin: 0 auto;

    text-align: center;

    display: block

}



.popLeft h2.popup-title {

    transform: none;

    font-weight: 600;

    margin-left: 0

}



.popcontent {

    padding: 30px 40px;

    background: #fff

}



.popRight {

    float: left;

    width: 100%;

    padding-left: 0;

    margin: 0 0 27px

}



.close1 {

    color: #000;

    float: right;

    font-size: 38px;

    font-weight: 700;

    position: absolute;

    top: -18px;

    cursor: pointer;

    right: -14px;

    background: #fff;

    border-radius: 100%;

    padding: 7px 8px

}



.popup {

    width: 100%;

    margin: 0 auto;

    display: none;

    position: absolute;

    z-index: 9999;

    height: 100%;

    top: 0

}



#mypop {

    background: rgba(51, 51, 51, .8)

}



#mypop .modal-content {

    background-color: #fefefe;

    margin: 5% auto;

    padding: 0;

    border: 1px solid #888;

    width: 600px;

    position: relative

}



#mypop .modal-content img {

    max-width: 100%;

    height: auto;

    display: block

}



#myBtn {

    background: #e82d5f;

    padding: 10px 20px;

    color: #fff

}



#popUp img {

    width: 100%

}



#popUp {

    width: 100%

}



#popUp .modal-header {

    border: none;

    padding: 0;

    margin: 0;

    height: 0;

    min-height: 0

}



#popUp .modal-header .close {

    margin-top: -2px;

    position: absolute;

    text-align: 0;

    top: -13px;

    z-index: 1000;

    right: -13px;

    background: #fff;

    opacity: 1;

    border-radius: 100%;

    width: 30px;

    color: #000;

    height: 30px;

    font-size: 28px

}



#popUp .modal-body {

    margin: 0;

    padding: 0

}



#popUp .modal-header .close:hover {

    color: #000

}



#popUp.modal {

    top: 10px

}



.videoPopup {

    padding: 0

}



#videoModal .modal-body {

    padding: 0

}



#videoModal .btn {

    right: -15px;

    float: right;

    position: absolute;

    z-index: 100;

    top: 11px;

    border-radius: 100%

}



#videoModal .modal-header {

    border: none

}



#flora .carousel-indicators {

    display: none

}



#videoModal .close {

    margin-top: -2px;

    position: absolute;

    text-align: 0;

    top: -13px;

    z-index: 1000;

    right: -13px;

    background: #fff;

    opacity: 1;

    border-radius: 100%;

    width: 30px;

    color: #000;

    height: 30px;

    font-size: 28px

}



#features {

    padding: 0

}



#features .col-md-3 {

    width: 33%

}



#features h2 {

    padding: 0;

    margin: 0 0 10px;

    color: #e53161;

    font-size: 57px;

    line-height: 32px

}



#features h2 span {

    display: block;

    font-size: 20px;

    color: #6b6c6f;

    letter-spacing: -1px;

    text-transform: uppercase;

    font-weight: 600

}



#features ul {

    padding: 0

}



#features ul li {

    list-style: none;

    background: url(../images/bootom-line.png) no-repeat 0 bottom;

    padding: 18px 0;

    font-size: 20px

}



#features ul li img {

    margin-right: 10px

}



#features .parallax-bg {

    padding: 100px 0 250px;

    display: block;

    overflow: hidden

}



.amenitiesTop {

    margin-bottom: 40px

}



#features .carousel-control.left,

#features .carousel-control.right {

    display: none

}



#features .carousel-indicators {

    position: absolute;

    bottom: -49px;

    margin: 0 auto;

    left: 0;

    z-index: 15;

    width: 48%;

    text-align: center;

    list-style: none

}



#features .carousel-indicators li {

    background-color: #bfbfbf;

    border: none;

    margin: 0;

    width: 13px;

    height: 13px

}



#amenities .carousel-indicators .active {

    background-color: #e53161;

    width: 13px;

    height: 13px

}



.AreaStatement_sec {

    background: #f9f9f9

}



.AreaStatement {

    padding: 80px 0

}



.AreaStatement h2 {

    font-size: 55px;

    letter-spacing: -3px;

    color: #e53161;

    margin: 0 0 25px 0;

    text-align: center

}



.AreaStatement table>thead>tr>th {

    text-align: center;

    border: 1px solid #333 !important

}



.AreaStatement table>tbody>tr>td {

    text-align: center;

    color: #333

}



.AreaStatement table>tbody>tr>td:nth-child(even) {

    border-right: 1px solid #333

}



.AreaStatement table>tbody>tr>td:nth-child(1) {

    border-left: 1px solid #333

}



.AreaStatement table>tbody>tr:last-child td {

    border-bottom: 1px solid #333

}



.flora_location ul li {

    list-style-type: none

}



.gblistsec {

    padding: 100px 0;

    background: url(../images/gh-background-img.jpg) center center;

    background-size: 100% 100%

}



.gblistsec-item {

    margin-bottom: 30px

}



.gblistsec-item .gbimg {

    position: relative

}



.gblistsec-item .gbimg img {

    border-top-right-radius: 10px;

    border-top-left-radius: 10px;

    width: 100%

}



.gblistsec-item .gbimg:before {

    content: "";

    position: absolute;

    width: 60px;

    height: 60px;

    bottom: -30px;

    left: 40px;

    background: url(../images/gh-icon.png) center center;

    background-size: 100% 100%

}



.gblistsec-item .gbcontent {

    background: #fff;

    padding: 30px 35px 45px;

    border-bottom-right-radius: 10px;

    border-bottom-left-radius: 10px;

    min-height: 460px

}



.gblistsec-item .gbcontent h3 {

    font-size: 26px;

    line-height: 36px

}



.gblistsec-item .gbcontent p {

    font-size: 18px;

    line-height: 25px

}



div#mail_response {

    display: none

}



.refer_pro_btn_Wrapper {

    display: flex;

    align-items: baseline;

    gap: 10px

}



.jointventureInner .btn.ref_btn {

    background: #e92d5e;

    color: #fff;

    padding: 10px 29px;

    border-radius: 6px;

    font-size: 15px

}



.jointventureInner .btn.ref_btn_clear {

    background: #e92d5e;

    color: #fff;

    padding: 10px 29px;

    border-radius: 6px;

    font-size: 15px

}



.ExtraNav {

    display: none

}



@media (min-width:48em) {

    .whatsapp-button-web {

        display: inherit

    }



    .whatsapp-button-mobile {

        display: none

    }

}



.bounce-whatsapp-button {

    animation: bounce-whatsapp-button 2s infinite;

    -webkit-animation: bounce-whatsapp-button 2s infinite;

    -moz-animation: bounce-whatsapp-button 2s infinite;

    -o-animation: bounce-whatsapp-button 2s infinite

}



@-webkit-keyframes bounce-whatsapp-button {



    0%,

    100%,

    20%,

    50%,

    80% {

        -webkit-transform: translateY(0)

    }



    40% {

        -webkit-transform: translateY(-30px)

    }



    60% {

        -webkit-transform: translateY(-15px)

    }

}



@-moz-keyframes bounce-whatsapp-button {



    0%,

    100%,

    20%,

    50%,

    80% {

        -moz-transform: translateY(0)

    }



    40% {

        -moz-transform: translateY(-30px)

    }



    60% {

        -moz-transform: translateY(-15px)

    }

}



@-o-keyframes bounce-whatsapp-button {



    0%,

    100%,

    20%,

    50%,

    80% {

        -o-transform: translateY(0)

    }



    40% {

        -o-transform: translateY(-30px)

    }



    60% {

        -o-transform: translateY(-15px)

    }

}



@keyframes bounce-whatsapp-button {



    0%,

    100%,

    20%,

    50%,

    80% {

        transform: translateY(0)

    }



    40% {

        transform: translateY(-30px)

    }



    60% {

        transform: translateY(-15px)

    }

}



.carousel-philosophy {

    width: 700px;

    margin: 0 auto;

    position: relative

}



.carousel-philosophy:before {

    content: "";

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background: url(../images/philosophy-inner-imglayer.png) no-repeat center center;

    background-size: 101% 101%;

    z-index: 99

}



.carousel-philosophy .carousel-indicators {

    display: none

}



.carousel-philosophy .carousel-control {

    display: none

}



.cbp-af-header.cbp-af-header-shrink .menu ul li a {

    padding: 0 33px 0 0;

    font-size: 14px

}



li.onli_ava {

    color: #ffff;

    font-weight: 500;

    font-size: 20px

}



div#livprop_popup1 {

    z-index: 1000 !important;

    height: auto;

    bottom: 0 !important

}



.cus_ref_sec2_out_wrp {

    position: relative;

    border: 2px solid #cc3966;

    padding: 75px;

    border-radius: 16px;

    box-sizing: border-box;

    width: 95%;

    margin: auto;

    overflow: hidden

}



.cus_ref_sec2_in_wrp {

    padding: 20px 0;

    position: relative

}



.cus_ref_sec2_out_wrp::before {

    content: "";

    position: absolute;

    bottom: 0;

    right: 0;

    width: 100%;

    height: 100%;

    background-image: url(../images/RefferalContBGImg.jpg);

    background-repeat: no-repeat;

    background-position: bottom right

}



.cus_ref_sec2_in_wrp h3 {

    color: #dd5180;

    margin: 0;

    font-size: 28px;

    font-weight: 500

}



.cus_ref_sec2_header_wrp h2 {

    color: #dd5180;

    font-size: 33px;

    font-weight: 500;

    letter-spacing: -1px;

    background-size: 200% 100%

}



@keyframes gradientChange {

    0% {

        background-position: 200% 50%

    }



    100% {

        background-position: -200% 50%

    }

}



@keyframes colorChange {



    0%,

    100% {

        color: transparent

    }



    50% {

        color: #e52e71

    }

}



.cus_ref_sec2_header_wrp {

    text-align: center;

    width: 70%;

    margin: auto;

    padding: 30px 0 29px 0;

    font-size: 25

}



.cus_ref_sec2_header_wrp p {

    margin: 0;

    margin-top: -1px

}



.cus_ref_sec2_header_wrp a {

    margin: 0;

    margin-top: -1px;

    color: #000;

    font-weight: 500;

    opacity: .9;

    text-decoration: underline

}



.cus_ref_sec2_header_wrp a:hover {

    color: #cc3966

}



.cus_ref_sec2_ul {

    list-style: none;

    padding: 0;

    margin-top: 10px

}



.cus_ref_sec2_ul.no2 {

    list-style: none;

    padding: 0;

    margin-top: 10px;

    width: 100%

}



.cus_ref_sec2_ul li {

    position: relative;

    padding-left: 22px;

    letter-spacing: -.2px;

    line-height: 24px;

    margin: 4px 0;

    font-size: 16px

}



.cus_ref_sec2_ul li::before {

    content: '';

    width: 10px;

    height: 10px;

    background-image: url(../images/refferal-program-li-img.png);

    background-size: contain;

    background-position: center;

    background-repeat: no-repeat;

    position: absolute;

    left: 0;

    top: 8px;

    rotate: 8deg

}



.cus_ref_sec2_ul li>span {

    font-weight: 700

}



#parentHorizontalTab2.a0324 .col-md-5 {

    margin-right: 80px;

    width: 44%

}



#parentHorizontalTab2 .hor_1 .resp-tab-active {

    cursor: auto

}



@keyframes gradientChangeimg {

    0% {

        filter: hue-rotate(00deg)

    }



    50% {

        filter: hue-rotate(50deg)

    }



    100% {

        filter: hue-rotate(90deg)

    }

}



select optgroup option {

    font-size: 16px

}



.addFiled {

    margin-right: 18px

}



.addFiled span {

    float: right;

    padding-left: 20px;

    color: #cc3966;

    cursor: pointer

}



.jointventureInner.ref_pro_secForm_inner .col-md-12 {

    padding: 0 15px

}



.jointventureInner.ref_pro_secForm_inner h3 {

    color: #505050

}



.ref_pro_secForm .jointventureTop h2 span {

    font-weight: 400;

    color: #505050

}



.overall-section .sec-all .each-sec.mstatic ul li a {

    margin-bottom: 15px

}



#OngoingProjects .careerIn .col-md-6 p {

    display: none !important

}



#ProjectStatus h2 {

    color: #505050;

    font-size: 47px;

    font-weight: 300;

    letter-spacing: -2px

}



#parentHorizontalTab2.downIcon .hor_1 .resp-tab-active::before,

#parentHorizontalTab2.downIcon .resp-tabs-list .resp-tab-active::before {

    z-index: 0

}



.otherOngoingOut.Aone_land .ch-grid li {

    position: relative;

    border-radius: 100%;

    border: none;

    width: 92%;

    margin: 0 auto;

    display: block;

    padding-bottom: 30px

}



.otherOngoingOut.Aone_land .ch-grid li h3 {

    margin-top: 5px

}



.otherOngoingOut.Aone_land .ch-grid li p {

    margin-top: -3px;

    margin-bottom: 10px

}



.otherOngoingOut.Aone_land .ch-grid li span {

    position: initial

}



footer {

    padding: 36PX 0 150px !important

}



body.changeCursor #liv-prop-chat-root {

    display: block;

}

body.MenuActive #liv-prop-chat-root {

    display: none;

}



body.chatbot.chatbotlive #liv-prop-chat-root {

    display: none;

}

.homeLoan .accordion .item .content p {

    width: 93%;

}



@media screen and (max-width:55em) {

    .cbp-af-header .cbp-af-inner {

        width: 100%

    }



    .cbp-af-header h1,

    .cbp-af-header nav {

        display: block;

        margin: 0 auto;

        text-align: center;

        float: none

    }



    .cbp-af-header h1,

    .cbp-af-header nav a {

        line-height: 115px

    }



    .cbp-af-header nav a {

        margin: 0 10px

    }



    .cbp-af-header.cbp-af-header-shrink h1,

    .cbp-af-header.cbp-af-header-shrink nav a {

        line-height: 45px

    }



    .cbp-af-header.cbp-af-header-shrink h1 {

        font-size: 2em

    }



    .cbp-af-header.cbp-af-header-shrink nav a {

        font-size: 1em

    }

}



@media screen and (max-width:32.25em) {

    .cbp-af-header nav a {

        font-size: 1em

    }

}



@media screen and (max-width:24em) {



    .cbp-af-header nav a,

    .cbp-af-header.cbp-af-header-shrink nav a {

        line-height: 1

    }

}



@media (min-width:1801px) and (max-width:1920px) {

    .container {

        width: 1350px

    }



    #box {

        height: 1000px !important

    }



    footer {

        padding: 42px 0 85px;

        background-position: bottom

    }



    .viewport2 {

        height: 650px

    }

}



@media (min-width:1501px) and (max-width:1800px) {

    #Home {

        min-height: 650px

    }



    #hproject .container {

        padding: 0 116px

    }



    .homeLoan .accordion .item .content p {

        text-align: justify

    }



    .callUs h3 {

        font-size: 17px

    }



    #About .col-md-6 p {

        padding: 0 100px 0 0;

        margin: 0;

        font-size: 14px

    }



    .logo img {

        width: 74%

    }



    .menu ul li a {

        font-size: 13px

    }



    .eB {

        padding: 3px 23px !important

    }



    #hproject span {

        font-size: 11px;

        padding: 6px 10px

    }



    #hproject p {

        line-height: 25px;

        font-size: 17px;

        margin-bottom: 15px

    }



    #hproject p strong {

        font-size: 14px

    }



    #hproject h2 {

        font-size: 34px;

        margin: 0 0 8px

    }



    #hproject a {

        padding: 5px 17px;

        font-size: 12px

    }



    .haboutIn {

        margin-bottom: 30px;

        padding: 32px 35px

    }



    .haboutIn.col-md-12 .bText {

        font-size: 90px

    }



    .haboutIn.col-md-12 .sText {

        font-size: 14px;

        line-height: 19px

    }



    .haboutIn.col-md-12 .col-md-3 .bText {

        font-size: 41px

    }



    .haboutIn.col-md-12 .col-md-3 .sText {

        font-size: 14px

    }



    .haboutIn .col-md-2 .sText {

        padding-top: 15px

    }



    .aboutLists .aboutLIimg img {

        height: 55px

    }



    .aboutLists .aboutLICont .bText {

        font-size: 46px

    }



    .aboutLists .aboutLItems {

        padding: 15px 0

    }



    #About {

        padding: 40px 0 30px 0

    }



    #Highlights .col-md-4 {

        width: 29%;

        padding: 33px 35px

    }



    #Highlights .col-md-4 h3 {

        font-size: 20px

    }



    #Highlights .col-md-4 h4 {

        font-size: 27px

    }



    footer ul li a {

        font-size: 12px

    }



    footer p {

        font-size: 12px

    }



    .parallax h2 span {

        font-size: 30px

    }



    .pbannerContent h1 {

        font-size: 30px;

        line-height: 27px

    }



    .pbannerContent h2.ban-con {

        font-size: 30px;

        list-style: 27px

    }



    .pbannerContent h2 {

        font-size: 30px;

        line-height: 27px

    }



    .pbannerContent {

        top: 30%

    }



    .pbannerContent a {

        font-size: 11px;

        letter-spacing: 1px

    }



    .callUs {

        margin-top: -42px

    }



    .cbp-af-header.cbp-af-header-shrink .callUs {

        margin-right: 59px;

        margin-top: -36px

    }



    .cbp-af-header.cbp-af-header-shrink .menu {

        padding-right: 0

    }



    .pbannerContent p {

        margin: 0 0 7px;

        font-size: 14px;

        line-height: 23px

    }



    #About h2 {

        margin: 0 0 15px;

        font-size: 30px

    }



    #hproject {

        padding: 80px 0;

        background-size: 100%

    }



    #hproject .text-right {

        margin-bottom: 26px

    }



    #hproject .text-left {

        margin-bottom: 34px

    }



    .description {

        font-size: 16px;

        line-height: 28px;

        margin-bottom: 11px

    }



    .caption h2 {

        font-size: 50px

    }



    .caption p {

        font-size: 28px

    }



    footer {

        padding: 36px 0 65px;

        background-position: 0 0

    }



    .testimonialOut {

        padding: 80px 0

    }



    .testimonialOut h2 {

        margin: 0 0 40px;

        font-size: 45px

    }



    .testimonialIn p {

        font-size: 14px;

        margin-bottom: 10px;

        line-height: 19px

    }



    .overviewbottom h2 span:first-child {

        font-size: 120px

    }



    #testimonial h2 {

        font-size: 40px

    }



    .testimonial h4 {

        font-size: 22px

    }



    .testimonial h4 span {

        font-size: 16.5px

    }



    .projectlanding h2 {

        font-size: 32px;

        margin: 0 0 20px

    }



    .projectlanding p {

        font-size: 16px;

        line-height: 28px

    }



    .overviewbottom h2 span strong {

        font-size: 35px

    }



    .overviewbottom h2 span {

        padding-top: 53px;

        font-size: 22px

    }



    .overviewbottom .col-md-4:last-child {

        padding: 40px 0 0

    }



    .overviewbottom .col-md-4:last-child img {

        width: 90%

    }



    .overviewbottom .col-md-3 p {

        padding: 15px 25px 15px 50px;

        font-size: 15px;

        line-height: 26px

    }



    .overviewbottom .col-md-3 p:before {

        left: 15px;

        top: 25px;

        font-size: 55px

    }



    .projectlanding {

        padding: 60px 0 0

    }



    #amenities .parallax-bg {

        padding: 50px 0 250px

    }



    #amenities ul li {

        padding: 12px 0;

        font-size: 16px

    }



    #parentHorizontalTab2 .resp-tabs-list li {

        font-size: 13px

    }



    #Highlights .col-md-4 p {

        font-size: 14px

    }



    .amenitiesTop {

        margin-bottom: 16px

    }



    #amenities h2 {

        font-size: 50px

    }



    .FloorPlanOut #parentHorizontalTab {

        margin-top: 10px !important

    }



    .FloorPlanOut {

        padding: 30px 0

    }



    .FloorPlanOut .hor_1 li {

        font-size: 12px;

        padding: 14px 28px 4px !important

    }



    .FloorPlanOut .hor_1 .resp-tab-active {

        padding: 14px 28px 4px !important

    }



    .FloorPlanOut p {

        font-size: 16px;

        line-height: 21px;

        margin: 0

    }



    .FloorPlanOut .hor_1 .FloorPlanIn {

        padding: 10px

    }



    .FloorPlanOut h2 {

        font-size: 40px

    }



    .FloorPlanOut .hor_1 .FloorPlanIn .col-md-6 {

        padding: 4px 0 0

    }



    .accordion .item .content {

        padding: 0 7px;

        padding-bottom: 2px

    }



    .accordion .item .heading {

        height: 43px;

        line-height: 41px;

        font-size: 15px

    }



    .FloorPlanOut h2 span {

        font-size: 45px

    }



    .SpecificationsOut .ch-grid li p {

        font-size: 13px;

        line-height: 19px

    }



    .SpecificationsOut .ch-grid li h3 {

        font-size: 19px;

        line-height: 21px

    }



    .SpecificationsOut .col-md-3 p {

        font-size: 14px

    }



    #Location h2 {

        font-size: 40px;

        margin-bottom: 10px

    }



    #Location h2 span {

        font-size: 48px

    }



    .accordion {

        width: 426px;

        margin: 0 0 10px

    }



    #Location {

        padding: 50px 0

    }



    .SpecificationsOut .col-md-3 h2 {

        font-size: 48px

    }



    #ProjectStatus {

        padding: 50px 0

    }



    #parentHorizontalTab2 ul.resp-tabs-list {

        margin-bottom: 20px

    }



    #ProjectStatus h2 {

        font-size: 42px;

        margin: 0

    }



    #ProjectStatus h2 span {

        font-size: 45px

    }



    #parentHorizontalTab2 .col-md-5 {

        margin-right: 80px;

        width: 37%

    }



    #ProjectStatus .col-md-6 {

        margin-bottom: 35px;

        padding-left: 70px

    }



    #ProjectStatus .col-md-6 p {

        font-size: 14px

    }



    #clockdiv {

        padding-right: 80px

    }



    #testimonial {

        padding: 80px 0 71px;

        background-position: 0 bottom

    }



    #Highlights h2 {

        font-size: 35px

    }



    #blog h2 {

        margin: 0 0 10px;

        font-size: 50px

    }



    .blogTop {

        margin: 0 0 30px

    }



    #bootstrap-touch-slider .carousel-control.left {

        background-position: 5px 4px !important

    }



    #bootstrap-touch-slider .carousel-control.right {

        background-position: 5px 4px !important

    }



    .projectlanding img {

        width: 25%

    }



    #Overview ul li h3 {

        font-size: 26px

    }



    #Overview ul li img {

        width: auto

    }



    #Overview ul li h3 span {

        font-size: 16px

    }



    .projectlanding {

        font-size: 14px;

        color: #4b4b4b;

        line-height: 26px

    }



    #Overview p {

        margin-bottom: 40px;

        font-size: 14px

    }



    #parentHorizontalTab2 .col-md-5 span {

        right: -17px

    }



    #parentHorizontalTab2 .col-md-5 span img {

        width: 80%

    }



    .SpecificationsOut .col-md-7 {

        width: 58.333333%

    }



    .ch-grid li {

        min-height: 360px;

        padding: 40px 24px

    }



    .menuIn {

        padding: 0

    }



    .logo {

        margin: 8px 0 0

    }



    .pbannerContent h1 span {

        font-size: 28px

    }



    .pbannerContent h2.ban-con {

        font-size: 28px

    }



    .pbannerContent h2 span {

        font-size: 28px

    }



    .viewBtn {

        left: 33%

    }



    .viewBtn img {

        width: 65%

    }



    .projectlbanner .parallax-bg {

        background-size: 107% !important;

        min-height: 560px

    }



    .projectlbanner h1 {

        padding: 210px 0 0;

        font-size: 45px

    }



    .projectlbanner h3 {

        padding: 210px 0 0;

        font-size: 45px

    }



    .innerMenu ul li a {

        font-size: 13px

    }



    .innerMenu {

        padding: 8px 0

    }



    .completedout {

        padding: 60px 0 60px 30px

    }



    .completed h3 {

        font-size: 30px

    }



    .philosophyTop h1 {

        font-size: 35px;

        line-height: 39px

    }



    .philosophyTop h2 {

        font-size: 35px;

        line-height: 39px

    }



    .philosophyTop p {

        font-size: 16px;

        line-height: 26px

    }



    .philosophyTop p span {

        font-size: 19px

    }



    .philosophyBottom img {

        padding-left: 70px;

        width: 80%

    }



    .philosophyBottom .col-md-3 {

        font-size: 14.5px;

        line-height: 29px

    }



    .visionBoxIn .col-md-4 img {

        width: 80%

    }



    .visionBoxIn h2 {

        font-size: 30px

    }



    .visionBoxIn .col-md-8 {

        font-size: 14px;

        line-height: 22px

    }



    .visionBox {

        background-size: 88%

    }



    .visionBox .visionBoxIn:nth-child(3) .col-md-4 img {

        width: 60%

    }



    .visionBox .visionBoxIn:nth-child(3) .col-md-8 {

        padding-top: 97px;

        margin-left: -157px

    }



    .journeyIn ul li h3 {

        font-size: 17px

    }



    .iconYear {

        background-size: 100%;

        width: 77px;

        height: 98px;

        font-size: 18px;

        padding: 24px 0 0

    }



    .journeyIn ul li div:before {

        left: 25px;

        width: 25px

    }



    .journeyIn ul li:first-child .iconYear {

        height: 136px;

        width: 103px;

        background-size: 100%

    }



    .journeyIn {

        background-position: 42px 94px;

        background-size: 74%;

        min-height: 756px;

        margin-left: 322px

    }



    .journeyIn ul li:nth-child(2) div .iconYear,

    .journeyIn ul li:nth-child(3) div .iconYear,

    .journeyIn ul li:nth-child(4) div .iconYear,

    .journeyIn ul li:nth-child(5) div .iconYear,

    .journeyIn ul li:nth-child(6) div .iconYear,

    .journeyIn ul li:nth-child(7) div .iconYear {

        padding: 28px 0 0

    }



    .iconYear strong {

        font-size: 8px

    }



    .journeyIn ul li:first-child {

        left: 338px

    }



    .journeyIn ul li:first-child .iconYear {

        font-size: 18px

    }



    .journeyIn ul li:nth-child(2) {

        top: 132px

    }



    .journeyIn ul li:nth-child(2) div .iconYear {

        background-size: 100%;

        width: 77px;

        height: 98px

    }



    .journeyIn ul li:nth-child(3) {

        top: 250px

    }



    .journeyIn ul li:nth-child(3) h3 {

        margin-top: 29px

    }



    .journeyIn ul li:nth-child(4) {

        left: 188px;

        top: 231px

    }



    .journeyIn ul li:nth-child(4) h3 {

        margin-top: 15px

    }



    .journeyIn ul li:nth-child(5) {

        left: 375px;

        top: 290px

    }



    .journeyIn ul li:nth-child(6) {

        left: 560px;

        top: 235px

    }



    .journeyIn ul li:nth-child(7) {

        left: 735px;

        top: 279px

    }



    .journeyIn ul li:nth-child(8) {

        left: 735px;

        top: 428px

    }



    .journeyIn ul li:nth-child(8) div .iconYear {

        padding: 27px 0 0;

        background-size: 100%;

        width: 77px;

        height: 98px

    }



    .journeyIn ul li:nth-child(9) {

        left: 469px;

        top: 462px

    }



    .journeyIn ul li:nth-child(9) div:before {

        left: 25px

    }



    .homeintro h2 {

        font-size: 30px

    }



    .homeintro {

        font-size: 17px;

        line-height: 27px

    }



    .homeintro .col-md-6:nth-child(1) img {

        width: 92%

    }



    #amenities .carousel-control.right {

        right: 29%

    }



    #amenities .col-md-3 {

        width: 30%

    }



    .certification h2 {

        font-size: 35px

    }



    .certification p {

        font-size: 19px;

        line-height: 30px

    }



    .documentation h3 {

        font-size: 30px;

        margin-bottom: 13px

    }



    .documentation h4 {

        font-size: 20px

    }



    .homeLoan .accordion .item.open .heading {

        margin-bottom: 15px

    }



    .buyersGuide {

        padding: 40px 0

    }



    .careerFormIn {

        padding: 30px 3px

    }



    .contactOut {

        padding-bottom: 73px;

        background-size: 102%

    }



    .jointventureInner {

        width: 60%

    }



    .visionBoxIn {

        padding: 0

    }



    .jointventureInner .teb textarea {

        height: 80px

    }



    .jointventureInner .captchatext {

        width: 112px;

        float: left

    }



    .support h2 {

        font-size: 23px

    }



    .support h3 {

        font-size: 17px;

        line-height: 33px

    }



    .support {

        font-size: 16px;

        background-position: -193px 0

    }



    .journeyIn ul li:nth-child(10) {

        left: 543px;

        top: 493px

    }



    .journeyIn ul li:nth-child(9) {

        left: 779px;

        top: 558px

    }



    .journeyIn ul li:nth-child(12) {

        top: 499px

    }



    .journeyIn ul li:nth-child(12) div:before {

        left: 49px

    }



    .journeyIn ul li:nth-child(11) {

        left: 435px;

        top: 603px

    }

}



@media (min-width:1500px) and (max-width:1600px) {

    .carousel.happiness-carousel {

        height: 365px

    }



    .carousel .soldout-img {

        top: 250px

    }

}



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

    .journeyIn {

        background-position: 42px 94px;

        background-size: 90%;

        min-height: 756px;

        margin-left: 100px;

    }

    div#liv-prop-chat-root {

        bottom: 55px !important;

    }

   

}



@media (max-width:1440px) {

    .carousel.happiness-carousel {

        height: 300px

    }



    .carousel .soldout-img {

        top: 59%;

        width: 200px

    }



    div#livprop_popup1 {

        z-index: 1000 !important;

        height: auto;

        bottom: 49px !important

    }

}



@media (min-width:1280px) and (max-width:1500px) {

    .close {

        margin: 0 20px 0 0

    }



    #box {

        height: 750px !important

    }



    .visionayTop h3 {

        font-size: 30px

    }



    .philosophyTop h3 {

        font-size: 30px

    }



    .visionayTop h2 {

        font-size: 30px

    }



    .qualityPolicy h2 {

        font-size: 30px

    }



    .qualityPolicy h3 {

        font-size: 25px;

        line-height: 27px

    }



    .visionBoxIn {

        padding: 0

    }



    .jointventureInner {

        width: 60%

    }



    .pro-status-modal .modal-header {

        padding: 8px

    }



    .pro-status-modal .modal-body {

        padding: 0

    }



    #Home {

        min-height: 650px

    }



    #hproject .container {

        padding: 0 116px

    }



    .teamTop {

        font-size: 16px

    }



    .teamTop h3 {

        font-size: 30px

    }



    .callUs h3 {

        font-size: 17px

    }



    #About .col-md-6 p {

        padding: 0 100px 0 0;

        margin: 0;

        font-size: 14px

    }



    .logo img {

        width: 74%

    }



    .menu ul li a {

        font-size: 13px

    }



    .eB {

        padding: 3px 23px !important

    }



    #hproject span {

        font-size: 11px;

        padding: 6px 10px

    }



    #hproject p {

        line-height: 25px;

        font-size: 17px;

        margin-bottom: 15px

    }



    .homeintro h2 {

        font-size: 30px

    }



    .homeintro {

        font-size: 17px;

        line-height: 27px

    }



    .homeintro .col-md-6:nth-child(1) img {

        width: 92%

    }



    #hproject p strong {

        font-size: 14px

    }



    #hproject h2 {

        font-size: 34px;

        margin: 0 0 8px

    }



    .menu ul li a:after {

        background: #e6e6e6;

        width: 16px;

        height: 1px;

        position: absolute;

        content: '';

        right: 3px;

        top: 13px

    }



    #hproject a {

        padding: 5px 17px;

        font-size: 12px

    }



    .haboutIn {

        margin-bottom: 30px

    }



    .haboutIn.col-md-12 .bText {

        font-size: 90px

    }



    .haboutIn.col-md-12 .sText {

        font-size: 14px;

        line-height: 19px

    }



    .haboutIn.col-md-12 .col-md-3 .bText {

        font-size: 36px

    }



    .haboutIn.col-md-12 .col-md-3 .sText {

        font-size: 14px

    }



    .haboutIn .col-md-2 .sText {

        padding-top: 15px

    }



    #About {

        padding: 80px 0 40px 0

    }



    .aboutLists .aboutLIimg img {

        height: 52px

    }



    .aboutLists .aboutLICont .bText {

        font-size: 40px;

        line-height: 1

    }



    .aboutLists .aboutLItems {

        padding: 12px 0

    }



    .aboutLists .aboutLICont .sText {

        font-size: 15px

    }



    .aboutLists .aboutLICont .vtext {

        font-size: 15px

    }



    #Highlights .col-md-4 {

        margin-left: -6px;

        width: 30%;

    }

    #Highlights .col-md-4 h3 {

        font-size: 20px;

        margin-bottom: 10px

    }



    #Highlights .col-md-4 h4 {

        font-size: 27px

    }



    footer ul li a {

        font-size: 12px

    }



    footer p {

        font-size: 12px

    }



    .parallax h2 span {

        font-size: 30px

    }



    .pbannerContent h1 {

        font-size: 30px;

        line-height: 27px

    }



    .pbannerContent h2.ban-con {

        font-size: 30px;

        line-height: 27px

    }



    .pbannerContent h2 {

        font-size: 30px;

        line-height: 27px

    }



    .pbannerContent {

        top: 30%

    }



    .pbannerContent a {

        font-size: 11px;

        letter-spacing: 1px

    }



    .callUs {

        margin-top: -43px

    }



    .cbp-af-header.cbp-af-header-shrink .callUs {

        margin-right: 59px;

        margin-top: -36px

    }



    .pbannerContent p {

        margin: 0 0 7px;

        font-size: 14px;

        line-height: 23px

    }



    #About h2 {

        margin: 0 0 15px;

        font-size: 30px

    }



    .philosophy {

        padding: 40px 0

    }



    #hproject {

        padding: 80px 0;

        background-size: 100%

    }



    #hproject .text-right {

        margin-bottom: 26px

    }



    #hproject .text-left {

        margin-bottom: 33px

    }



    .description {

        font-size: 16px;

        line-height: 28px;

        margin-bottom: 11px

    }



    .caption h2 {

        font-size: 50px

    }



    .caption p {

        font-size: 28px

    }



    footer {

        padding: 36px 0 55px;

        background-position: 0 0

    }



    footer.hf {

        background-position: 0 0

    }



    .testimonialOut {

        padding: 80px 0

    }



    .testimonialOut h2 {

        margin: 0 0 40px;

        font-size: 45px

    }



    .testimonialIn p {

        font-size: 14px;

        margin-bottom: 10px;

        line-height: 19px

    }



    .overviewbottom h2 span:first-child {

        font-size: 110px

    }



    #testimonial h2 {

        font-size: 40px

    }



    .testimonial h4 {

        font-size: 22px

    }



    .testimonial h4 span {

        font-size: 16.5px

    }



    .projectlanding h2 {

        font-size: 32px;

        margin: 0 0 20px

    }



    .projectlanding p {

        font-size: 16px;

        line-height: 28px

    }



    .overviewbottom h2 span strong {

        font-size: 31px

    }



    .overviewbottom h2 span {

        padding-top: 53px;

        font-size: 22px

    }



    .overviewbottom .col-md-4:last-child {

        padding: 40px 0 0

    }



    .overviewbottom .col-md-4:last-child img {

        width: 90%

    }



    .overviewbottom .col-md-3 p {

        padding: 15px 25px 15px 50px;

        font-size: 12px;

        line-height: 20px

    }



    .overviewbottom .col-md-3 p:before {

        left: 15px;

        top: 25px;

        font-size: 55px

    }



    .projectlanding {

        padding: 40px 0 0

    }



    .jointventureInner .teb textarea {

        height: 50px

    }



    .cP .jointventureInner .teb textarea {

        height: 99px

    }



    .jointventureInner .captchatext {

        width: 112px;

        float: left

    }



    #amenities .parallax-bg {

        padding: 50px 0 250px

    }



    #features .parallax-bg {

        padding: 100px 0 170px

    }



    #amenities ul li {

        padding: 6px 0;

        font-size: 14px

    }



    #parentHorizontalTab2 .resp-tabs-list li {

        font-size: 13px

    }



    #Highlights .col-md-4 p {

        font-size: 14px;

        line-height: 23px

    }



    .amenitiesTop {

        margin-bottom: 16px

    }



    #amenities h2 {

        font-size: 50px

    }



    .FloorPlanOut #parentHorizontalTab {

        margin-top: 10px !important

    }



    .FloorPlanOut {

        padding: 30px 0

    }



    .FloorPlanOut .hor_1 li {

        font-size: 12px;

        padding: 14px 28px 4px !important

    }



    .FloorPlanOut .hor_1 .resp-tab-active {

        padding: 14px 28px 4px !important

    }



    .FloorPlanOut p {

        font-size: 16px;

        line-height: 21px;

        margin: 0

    }



    .FloorPlanOut .hor_1 .FloorPlanIn {

        padding: 10px

    }



    .FloorPlanOut h2 {

        font-size: 40px

    }



    .FloorPlanOut .hor_1 .FloorPlanIn .col-md-6 {

        padding: 4px 0 0

    }



    .accordion .item .content {

        padding: 0 7px 0;

        padding-bottom: 15px

    }



    .accordion .item .heading {

        height: 43px;

        line-height: 41px;

        text-align: justify;

        font-size: 15px

    }



    .FloorPlanOut h2 span {

        font-size: 45px

    }



    .SpecificationsOut .ch-grid li p {

        font-size: 13px;

        line-height: 19px

    }



    .SpecificationsOut .ch-grid li h3 {

        font-size: 19px;

        line-height: 21px

    }



    .SpecificationsOut .col-md-3 p {

        font-size: 14px

    }



    #Location h2 {

        font-size: 40px;

        margin-bottom: 10px

    }



    #Location h2 span {

        font-size: 48px

    }



    .accordion {

        width: 426px;

        margin: 0 0 10px

    }



    #Location {

        padding: 50px 0

    }



    .SpecificationsOut .col-md-3 h2 {

        font-size: 48px

    }



    #ProjectStatus {

        padding: 50px 0

    }



    #parentHorizontalTab2 ul.resp-tabs-list {

        margin-bottom: 20px

    }



    #ProjectStatus h2 {

        font-size: 42px;

        margin: 0

    }



    #ProjectStatus h2 span {

        font-size: 45px

    }



    #parentHorizontalTab2 .col-md-5 {

        margin-right: 80px;

        width: 37%

    }



    #ProjectStatus .col-md-6 {

        margin-bottom: 35px;

        padding-left: 70px

    }



    #ProjectStatus .col-md-6 p {

        font-size: 14px

    }



    #clockdiv {

        padding-right: 80px

    }



    #testimonial {

        padding: 80px 0 71px;

        background-position: 0 bottom

    }



    #Highlights h2 {

        font-size: 35px

    }



    #blog h2 {

        margin: 0 0 10px;

        font-size: 50px

    }



    .blogTop {

        margin: 0 0 30px

    }



    #bootstrap-touch-slider .carousel-control.left {

        background-position: 5px 4px !important

    }



    #bootstrap-touch-slider .carousel-control.right {

        background-position: 5px 4px !important

    }



    #Overview ul li h3 {

        font-size: 26px

    }



    #Overview ul li img {

        width: auto

    }



    #Overview ul li h3 span {

        font-size: 16px

    }



    .projectlanding {

        font-size: 14px;

        color: #4b4b4b;

        line-height: 26px

    }



    #Overview p {

        margin-bottom: 40px;

        font-size: 14px

    }



    #parentHorizontalTab2 .col-md-5 span {

        right: -17px

    }



    #parentHorizontalTab2 .col-md-5 span img {

        width: 80%

    }



    .SpecificationsOut .col-md-7 {

        width: 58.333333%

    }



    .ch-grid li {

        min-height: 360px;

        padding: 40px 24px

    }



    .ch-grid.vc-keyhighlights li {

        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

    }



    .menuIn {

        padding: 0

    }



    .logo {

        margin: 8px 0 0

    }



    .pbannerContent h1 span {

        font-size: 28px

    }



    .pbannerContent h2.ban-con span {

        font-size: 28px

    }



    .pbannerContent h2 span {

        font-size: 28px

    }



    .viewBtn {

        left: 33%

    }



    .viewBtn img {

        width: 65%

    }



    .projectlbanner .parallax-bg {

        background-size: 107% !important;

        min-height: 480px;

        background-repeat: no-repeat;

    }



    .projectlbanner h1 {

        padding: 210px 0 0;

        font-size: 35px

    }



    .projectlbanner h3 {

        padding: 210px 0 0;

        font-size: 35px

    }



    .innerMenu ul li a {

        font-size: 13px

    }



    .innerMenu {

        padding: 8px 0

    }



    .completedout {

        padding: 60px 0 60px 30px

    }



    .completed h3 {

        font-size: 30px

    }



    .philosophyTop h1 {

        font-size: 30px;

        line-height: 35px

    }



    .philosophyTop h2 {

        font-size: 30px;

        line-height: 35px

    }



    .philosophyTop p {

        font-size: 16px;

        line-height: 26px

    }



    .philosophyTop p span {

        font-size: 19px

    }



    .carousel-philosophy {

        width: 570px

    }



    .philosophyBottom .col-md-3 {

        top: 30px

    }



    .philosophyBottom .col-md-3:last-child {

        top: 30px

    }



    .philosophyBottom .col-md-3 {

        font-size: 14.5px;

        line-height: 29px

    }



    .visionBoxIn .col-md-4 img {

        width: 80%

    }



    .visionBoxIn h2 {

        font-size: 30px

    }



    .visionBoxIn .col-md-8 {

        font-size: 14px;

        line-height: 22px

    }



    .visionBox {

        background-size: 88%

    }



    .visionBox .visionBoxIn:nth-child(3) .col-md-4 img {

        width: 60%

    }



    .visionBox .visionBoxIn:nth-child(3) .col-md-8 {

        padding-top: 97px;

        margin-left: -157px

    }



    .journeyIn ul li h3 {

        font-size: 17px

    }



    .iconYear {

        background-size: 100%;

        width: 77px;

        height: 98px;

        font-size: 18px;

        padding: 24px 0 0

    }



    .journeyIn ul li div:before {

        left: 25px;

        width: 25px

    }



    .journeyIn {

        background-position: 42px 94px;

        background-size: 72%;

        min-height: 760px;

        margin-left: 123px

    }



    .journeyIn ul li:nth-child(2) div .iconYear,

    .journeyIn ul li:nth-child(3) div .iconYear,

    .journeyIn ul li:nth-child(4) div .iconYear,

    .journeyIn ul li:nth-child(5) div .iconYear,

    .journeyIn ul li:nth-child(6) div .iconYear,

    .journeyIn ul li:nth-child(7) div .iconYear {

        padding: 28px 0 0

    }



    .iconYear strong {

        font-size: 8px

    }



    .journeyIn ul li:first-child div:before {

        left: 39px

    }



    .journeyIn ul li:first-child {

        left: 338px

    }



    .journeyIn ul li:first-child .iconYear {

        background-size: 100%;

        width: 100px;

        font-size: 24px;

        padding: 38px 0 0;

        height: 132px

    }



    .journeyIn ul li:nth-child(2) {

        top: 132px

    }



    .journeyIn ul li:nth-child(2) div .iconYear {

        background-size: 100%;

        width: 77px;

        height: 98px

    }



    .journeyIn ul li:nth-child(3) {

        top: 250px

    }



    .journeyIn ul li:nth-child(3) h3 {

        margin-top: 29px

    }



    .journeyIn ul li:nth-child(4) {

        left: 188px;

        top: 231px

    }



    .journeyIn ul li:nth-child(4) h3 {

        margin-top: 15px

    }



    .journeyIn ul li:nth-child(5) {

        left: 375px;

        top: 290px

    }



    .journeyIn ul li:nth-child(6) {

        left: 560px;

        top: 235px

    }



    .journeyIn ul li:nth-child(7) {

        left: 735px;

        top: 279px

    }



    .journeyIn ul li:nth-child(8) {

        left: 735px;

        top: 428px

    }



    .journeyIn ul li:nth-child(8) div .iconYear {

        padding: 27px 0 0;

        background-size: 100%;

        width: 77px;

        height: 98px

    }



    .journeyIn ul li:nth-child(10) {

        left: 469px;

        top: 501px

    }



    .journeyIn ul li:nth-child(10) div:before {

        left: 24px

    }



    .journeyIn ul li:nth-child(12) {

        left: 90px;

        top: 497px

    }



    .journeyIn ul li:nth-child(11) {

        left: 452px;

        top: 614px

    }



    .journeyIn ul li:nth-child(9) {

        left: 755px;

        top: 555px;

        position: absolute

    }



    #amenities .carousel-control.right {

        right: 29%

    }



    #amenities .col-md-3 {

        width: 29%

    }



    .certification h2 {

        font-size: 35px

    }



    .certification p {

        font-size: 17px;

        line-height: 30px

    }



    .contactOut {

        background-size: 28%

    }



    .careerFormIn {

        padding: 30px 9px

    }



    .contactOut {

        padding-bottom: 73px;

        background-size: 119%;

        background-position: -175px 0

    }



    .support h2 {

        font-size: 23px

    }



    .support h3 {

        font-size: 17px;

        line-height: 33px

    }



    .support {

        font-size: 16px;

        background-position: -315px 0;

        padding: 80px 0 230px

    }



    .certification h2 {

        font-size: 30px

    }



    #features ul li {

        padding: 6px 0;

        font-size: 14px

    }



    #features .col-md-3 {

        width: 29%

    }



    #features h2 {

        font-size: 45px

    }



    .AreaStatement table>thead>tr>th {

        font-size: 13px;

        padding: 4px

    }



    .AreaStatement table>tbody>tr>td {

        padding: 4px;

        font-size: 13px

    }



    .AreaStatement h2 {

        font-size: 45px

    }

}



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

    .journeyIn {background-size: 93%;margin-left: 160px;}

}



.vardaan-popUp .modal-body {

    padding: 0

}



.vardaan-popUp .modal-body img {

    width: 100%

}



.vardaan-popUp .close {

    position: absolute;

    top: 15px;

    right: 15px;

    z-index: 99;

    color: #333

}



.vardaan-popUp .var-readmore {

    position: absolute;

    bottom: 15px;

    right: 15px;

    z-index: 99;

    color: #000;

    font-size: 18px;

    line-height: 18px;

    font-weight: 700

}



.vardaan-popUp .var-readmore:hover {

    color: #e53161

}



.post-modal-popup .modal-body {

    padding: 0

}



.post-modal-popup .modal-body img {

    width: 100%

}



.post-modal-popup .close {

    position: absolute;

    top: 15px;

    right: 15px;

    z-index: 99;

    color: #ff0b0a

}



.le-paradis-popup .modal-dialog {

    width: 70%

}



.le-paradis-popup .le-paradis-knowmore {

    position: absolute;

    top: 25%;

    right: 20.5%;

    text-transform: uppercase;

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

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

    transform: translate(-50%, 0);

    z-index: 99;

    color: #000;

    font-size: 18px;

    line-height: 18px;

    font-weight: 700;

    text-decoration: underline;

    -webkit-animation: blinkcolor 1s linear infinite;

    animation: blinkcolor 1s linear infinite;

    letter-spacing: 1px

}



.le-paradis-popup .le-paradis-knowmore:hover {

    color: #e53161

}



.le-paradis-popup img.web-img {

    display: block

}



.le-paradis-popup img.mob-img {

    display: none

}



header.cbp-af-header.cbp-af-header-shrink .menuOut {

    position: absolute;

    right: 9%

}



section.dis_ply h2 {

    text-align: center;

    color: #e63d6d;

    font-weight: 600

}



section.desclimer.dis_ply .discheckbox {

    padding-left: 5px

}



section.dis_ply.Policy {

    padding-bottom: 100px

}



.projectlbanner.privacy .parallax-bg {

    background: #f04573 !important

}



.projectlbanner.privacy h1 {

    text-align: center

}



@-webkit-keyframes blinkcolor {



    0%,

    49% {

        color: #a82577

    }



    100%,

    50% {

        color: #1a245f

    }

}



@keyframes blinkcolor {



    0%,

    49% {

        color: #a82577

    }



    100%,

    50% {

        color: #1a245f

    }

}



@media (max-width:1400px) {

    .journeyIn {

        background-size: 89%;

        margin-left: 118px;

    }



    .ref_pro_secForm .container {

        background: url(../images/refferal-program-form-img.jpg) no-repeat right 59%;

        background-size: 44%

    }



    #hproject span#imgho {

        font-size: 12px;

        line-height: 17px

    }

}



@media (max-width:1366px) {

    .haboutIn.col-md-12 .bText {

        font-size: 70px

    }



    .cbp-af-header.cbp-af-header-shrink .menu {

        float: left

    }



    .careerForm p {

        font-size: 22px

    }



    li.onli_ava {

        font-size: 16px

    }



    div#livprop_popup {

        top: 0

    }



    .journeyIn ul li:nth-child(12) div:before {

        left: 49px

    }



    .cus_ref_sec2_out_wrp {

        padding: 40px

    }



    .cus_ref_sec2_in_wrp {

        padding: 20px 0 0

    }

}

@media (max-width:1280px) {

    .carousel .soldout-img {

        top: 200px;

        width: 230px

    }



    .SpecificationsOut .ch-grid li p {

        margin: 0 0 4px

    }



    .journeyIn {

        background-size: 90%;

    }



    .cus_ref_sec2_out_wrp {

        padding: 34px

    }

}

@media (max-width:1200px) {
    .cus_ref_sec2_out_wrp::before {opacity: .1}
}


@media (min-width:1100px) and (max-width:1200px) {
	.SpecificationsOut .col-md-7 {padding: 0 10px;}
	.SpecificationsOut .col-md-7 .slick-slide img {width: 53px;}
	.SpecificationsOut .ch-grid li h3{font-size: 17px;}
	.SpecificationsOut .ch-grid li p{font-size: 14px;line-height: 1.5;}
	.ch-grid li{padding: 24px 20px;}
	.SpecificationsOut{padding: 155px 50px 150px;}
	.SpecificationsOut .col-md-3 p {font-size: 14px;}
}

@media (max-width:1366px) and (min-height:900px) {

    footer h3 {

        margin: 0 0 6px

    }



    #amenities {

        background: url(../images/amenities-bg.jpg) no-repeat;

        background-size: cover

    }



    #amenities .parallax-bg {

        background-position: 100% 12px

    }



    #Specifications {

        background: url(../images/spec-bg.jpg) no-repeat;

        background-size: cover

    }



    #Specifications .parallax-bg {

        background: 0 0 !important

    }



    .ucp-section .upcomingproject .upprojrct-list img {

        width: 175px

    }

}

@media (max-width:1200px) {

    #Highlights .col-md-4 h3 {

        font-size: 19px

    }



    #Highlights .col-md-4 p {

        margin: 0 0 14px;

        font-size: 15px;

        line-height: 22px

    }



    .journeyIn {

        background-size: 82%;

        margin-left: 83px

    }



    .journeyIn ul li:first-child {

        left: 238px;

        top: -1px

    }



    .journeyIn ul li h3 {

        font-size: 16px

    }



    .journeyIn ul li:nth-child(2) {

        left: -73px;

        top: 143px

    }



    .journeyIn ul li:nth-child(3) {

        left: -46px;

        top: 266px

    }



    .journeyIn ul li:nth-child(4) {

        left: 193px;

        top: 243px

    }



    .journeyIn ul li:nth-child(5) {

        left: 387px;

        top: 302px

    }



    .journeyIn ul li:nth-child(6) {

        left: 584px;

        top: 252px

    }



    .journeyIn ul li:nth-child(7) {

        left: 729px;

        top: 308px

    }



    .journeyIn ul li:nth-child(8) {

        left: 578px;

        top: 411px

    }



    .journeyIn ul li:nth-child(9) {

        left: 734px;

        top: 512px

    }



    .journeyIn ul li:nth-child(10) {

        left: 392px;

        top: 483px

    }



    .journeyIn ul li:nth-child(11) {

        left: 401px;

        top: 552px

    }



    .journeyIn ul li:nth-child(12) {

        left: 18px;

        top: 474px

    }



    .cus_ref_sec2_out_wrp {

        padding: 34px

    }



    .cus_ref_sec2_header_wrp h2 {

        font-size: 39px

    }



    .cus_ref_sec2_header_wrp p {

        margin-top: -7px;

        line-height: 21px

    }



    .cus_ref_sec2_header_wrp {

        width: 80%

    }



    .cus_ref_sec2_in_wrp {

        display: flex;

        gap: 30px;

        padding: 7px 0

    }



    .cus_ref_sec2_ul li {

        font-size: 15px

    }

    .homeintro .col-md-6:nth-child(1) img {

        width: 100%;

    }

    .homeintro h2 {font-size: 21px;letter-spacing: 0px;}

    .homeintro h1 {font-size: 25px;}

    .homeintro p {font-size: 15px;line-height: 18px;}

    .homeintro p br{display: none;}

    footer .col-md-2 {padding-left: 12px;}

    footer .col-md-4 {width: 50%;padding-left: 0;}

    .overviewbottom .col-md-3 p {font-size: 13px;padding: 30px 28px;line-height: 18px;}

    #amenities ul li {font-size: 15px;}



}

@media (max-width:1152px) {

    #parentHorizontalTab2 .col-md-5 {

        width: 45%

    }



    #Location .col-md-5 {

        width: 49.666667%

    }



    .viewBtn {

        position: absolute;

        left: 35%;

        top: 16%;

        transition: all .5s ease;

        z-index: 1;

        left: 279px

    }



    p.Overviewpara br {

        display: none

    }



    .accordion {

        width: 100%

    }



    #Location .gallery2 {

        width: 50.333333%

    }



    .col-md-4.footCommerical {

        width: 48.333333%

    }

}

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

    .journeyIn ul li:nth-child(12) {

        left: 46px;

        top: 441px

    }



    .journeyIn ul li:nth-child(11) {

        left: 338px;

        top: 560px

    }



    footer .col-md-3 ul.footer_accreditations li img.credia-logo {

        width: 114px

    }



    footer .col-md-3 ul.footer_accreditations li img.bai-logo {

        width: 34px

    }



    footer .col-md-3 ul.footer_accreditations li img.igbc-logo {

        width: 34px

    }



    .team {

        background-size: auto 100%

    }



    .certification h2 {

        font-size: 30px

    }



    .jointventureInner {

        width: 70%

    }



    .jointventure .container {

        background-size: 37%

    }



    .MenuActive .menuOut {

        padding-top: 50px

    }



    .completed h3 {

        font-size: 21px

    }



    .contactTop {

        font-size: 14px;

        line-height: 22px

    }



    .completedout {

        padding: 80px 0 30px 30px

    }



    .visionay .container {

        width: 100%

    }



    .visionayTop h3 {

        font-size: 26px

    }



    .philosophyTop h3 {

        font-size: 26px

    }



    .visionayInner .col-md-6.text {

        padding: 72px 50px 0;

        font-size: 15px;

        line-height: 26px

    }



    .philosophyTop p span {

        font-size: 17px

    }



    .carousel-philosophy {

        width: 510px

    }



    .philosophyBottom .col-md-3 {

        top: 41px;

        font-size: 12px;

        line-height: 23px;

        padding: 0

    }



    .philosophyBottom .col-md-3:last-child {

        right: 40px;

        top: 24px

    }



    .philosophyTop p {

        font-size: 13px;

        line-height: 26px

    }



    .philosophyTop h1 {

        font-size: 32px;

        line-height: 42px

    }



    .philosophyTop h2 {

        font-size: 32px;

        line-height: 42px

    }



    .visionayInner .col-md-6 {

        min-height: 304px

    }



    .visionayInner .col-md-6 h4 {

        font-size: 26px

    }



    .visionayTop p {

        font-size: 14px

    }



    .contactTop h2 {

        font-size: 25px

    }



    .salesEnquiry {

        font-size: 14px;

        line-height: 22px

    }



    .getIn a {

        font-size: 14px

    }



    .careerForm h2 {

        font-size: 30px

    }



    .careerFormIn {

        padding: 30px 0

    }



    .careerForm .col-md-6 {

        padding: 0 10px

    }



    .careerForm .captchatext {

        width: 258px

    }



    .careerIn h3 {

        font-size: 20px

    }



    .careerIn {

        padding: 20px 40px

    }



    .jointventureInner .form-group span {

        font-size: 13px

    }



    .jointventureInner .captchatext {

        width: 103px

    }



    .jointventureInner .captchatext input {

        font-size: 14px

    }



    .careerForm p {

        font-size: 20px

    }



    .contactTop .mapBtn {

        font-size: 15px

    }



    .contactOut {

        background-size: 132%;

        background-position: -166px 0

    }



    #hproject .container {

        padding: 0 86px

    }



    .callUs h3 {

        font-size: 17px

    }



    #About .col-md-6 p {

        padding: 0 40px 0 0;

        margin: 0;

        font-size: 14px

    }



    .logo img {

        width: 74%

    }



    .haboutIn.col-md-12 .col-md-3 .vtext {

        font-size: 11px

    }



    .eB {

        padding: 6px 17px !important;

        font-size: 13px !important

    }



    #hproject span {

        font-size: 11px;

        padding: 4px 10px

    }



    #hproject p {

        line-height: 25px;

        font-size: 16px;

        margin-bottom: 10px

    }



    #param .carousel-indicators {

        bottom: 25px

    }



    #hproject p strong {

        font-size: 14px

    }



    #hproject h2 {

        font-size: 25px;

        margin: 0 0 4px

    }



    #hproject a {

        padding: 5px 17px;

        font-size: 12px

    }



    .haboutIn {

        margin-bottom: 30px

    }



    .haboutIn.col-md-12 .bText {

        font-size: 40px

    }



    .haboutIn.col-md-12 .col-md-3 .bText {

        font-size: 26px

    }



    .haboutIn.col-md-12 .sText {

        font-size: 14px;

        line-height: 19px

    }



    .haboutIn.col-md-12 .col-md-3 .bText {

        font-size: 35px

    }



    #About h3 span {

        font-size: 20px

    }



    .haboutIn.col-md-12 .col-md-3 .sText {

        font-size: 13px;

        line-height: 15px

    }



    .haboutIn .col-md-2 .sText {

        padding-top: 15px

    }



    #About {

        padding: 60px 0 50px;

        background-size: 23%

    }



    .aboutLists .aboutLIimg img {

        height: 46px

    }



    .aboutLists .aboutLICont .bText {

        font-size: 31px;

        line-height: 1

    }



    .aboutLists .aboutLItems {

        padding: 12px 0

    }



    .aboutLists .aboutLICont .sText {

        font-size: 14px

    }



    .aboutLists .aboutLICont .vtext {

        font-size: 14px

    }



    .haboutIn .row .col-md-9 {

        padding-left: 20px

    }



    footer .col-md-3 ul li {

        margin-bottom: 3px

    }



    footer ul li a {

        font-size: 11px

    }



    footer p {

        font-size: 11px

    }



    .parallax h2 span {

        font-size: 30px

    }



    .pbannerContent h1 {

        font-size: 30px

    }



    .pbannerContent h2.ban-con {

        font-size: 30px

    }



    .pbannerContent h2 {

        font-size: 30px

    }



    .pbannerContent {

        top: 30%

    }



    .pbannerContent p {

        margin: 0 0 7px

    }



    #About h2 {

        margin: 0 0 15px

    }



    #blog .col-md-4 h3 {

        font-size: 21px

    }



    #hproject {

        padding: 55px 0;

        background-size: 100%

    }



    #hproject .text-right {

        margin-bottom: 17px

    }



    #hproject .text-left {

        margin-bottom: 24px

    }



    #blog .col-md-4 {

        font-size: 14px;

        line-height: 21px

    }



    .description {

        font-size: 14px;

        line-height: 27px

    }



    .caption h2 {

        font-size: 50px

    }



    .caption p {

        font-size: 28px

    }



    footer {

        padding: 36px 0 63px;

        background-position: 0 0

    }



    footer .col-md-2 {

        padding-left: 17px

    }



    footer .col-md-6 {

        padding-left: 0;

        padding-right: 0

    }



    .teamTop h2 {

        font-size: 30px;

        margin: 0 0 10px

    }



    .teamTop h3 {

        font-size: 23px

    }



    .teamTop {

        font-size: 14px

    }



    .carousel-3d-container {

        padding: 30px 0 0 !important

    }



    .carousel-3d-container[data-v-c06c963c] {

        margin: 30px auto 0

    }



    #blog .col-md-4 a {

        font-size: 12px

    }



    footer ul li {

        line-height: 24px

    }



    .testimonialOut {

        padding: 80px 0

    }



    .testimonialOut h2 {

        margin: 0 0 40px;

        font-size: 45px

    }



    .testimonialIn p {

        font-size: 14px;

        margin-bottom: 10px;

        line-height: 19px

    }



    #blog {

        padding: 50px 0

    }



    .overviewbottom h2 span:first-child {

        font-size: 90px

    }



    .overviewbottom h2 span strong {

        font-size: 20px

    }



    .pbannerContent h1 span {

        font-size: 25px

    }



    .pbannerContent h2.ban-con {

        font-size: 25px

    }



    .pbannerContent h2 span {

        font-size: 25px

    }



    .overviewbottom h2 span {

        padding-top: 30px;

        font-size: 18px

    }



    .overviewbottom .col-md-4:last-child {

        padding: 40px 0 0

    }



    .overviewbottom .col-md-4:last-child img {

        width: 95%

    }



    .overviewbottom .col-md-3 p {

        padding: 15px 13px 15px 27px;

        font-size: 10px;

        line-height: 16px

    }



    .overviewbottom .col-md-3 p:before {

        left: 9px;

        top: 21px;

        font-size: 28px

    }



    .projectlanding {

        padding: 60px 0

    }



    #amenities .parallax-bg {

        padding: 50px 0 200px;

        background: 0 0 !important

    }



    #features .parallax-bg {

        padding: 50px 0 200px;

        background-position: 70% 300px !important

    }



    #Specifications {

        background: url(../images/spec-bg.jpg) no-repeat;

        background-size: cover

    }



    #Specifications .parallax-bg {

        background: 0 0 !important

    }



    .qualityPolicy {

        text-align: center;

        font-size: 15px;

        line-height: 28px

    }



    .qualityPolicy h2 {

        font-size: 30px

    }



    #features ul li {

        padding: 6px 0;

        font-size: 13px

    }



    #features h2 {

        font-size: 40px

    }



    .AreaStatement table>thead>tr>th {

        font-size: 14px

    }



    .AreaStatement table>tbody>tr>td {

        padding: 5px

    }



    #amenities ul li {

        padding: 8px 0;

        font-size: 13px

    }



    .amenitiesTop {

        margin-bottom: 16px

    }



    #amenities h2 {

        font-size: 40px

    }



    #amenities h2 span {

        font-size: 18px

    }



    .FloorPlanIn img {

        width: 70%

    }



    .FloorPlanOut #parentHorizontalTab {

        margin-top: 10px !important

    }



    .SpecificationsOut {

        padding: 60px 50px 150px

    }



    .FloorPlanOut {

        padding: 30px 0

    }



    .FloorPlanOut .hor_1 li {

        font-size: 12px;

        padding: 14px 28px 4px !important

    }



    .FloorPlanOut .hor_1 .resp-tab-active {

        padding: 14px 28px 4px !important

    }



    .FloorPlanOut p {

        font-size: 16px;

        line-height: 21px;

        margin: 0

    }



    .FloorPlanOut .hor_1 .FloorPlanIn {

        padding: 10px

    }



    .FloorPlanOut h2 {

        font-size: 40px

    }



    .FloorPlanOut .hor_1 .FloorPlanIn .col-md-6 {

        padding: 4px 0 0

    }



    .accordion .item .content {

        padding: 0 7px 0;

        padding-bottom: 12px

    }



    .accordion .item .heading {

        height: 43px;

        line-height: 41px;

        font-size: 15px

    }



    .FloorPlanOut h2 span {

        font-size: 45px

    }



    .SpecificationsOut .ch-grid li p {

        font-size: 12px;

        line-height: 19px

    }



    .SpecificationsOut .col-md-3 p {

        font-size: 12px;

        line-height: 18px

    }



    #Location h2 {

        font-size: 40px;

        margin-bottom: 10px

    }



    #Location h2 span {

        font-size: 38px

    }



    .paramadrees a {

        margin-right: 4px

    }



    .ch-grid li {

        width: 98%;

        min-height: 337px;

        padding: 30px 9px 9px

    }



    .SpecificationsOut .col-md-7 {

        padding: 0 30px;

        width: 58.333333%

    }



    .accordion {

        width: 375px;

        margin: 0 0 10px

    }



    #Location {

        padding: 50px 0

    }



    .SpecificationsOut .col-md-3 h2 {

        font-size: 40px;

        margin: 0 0 10px

    }



    #ProjectStatus {

        padding: 50px 0

    }



    #parentHorizontalTab2 ul.resp-tabs-list {

        margin-bottom: 20px

    }



    #ProjectStatus h2 {

        font-size: 38px

    }



    #ProjectStatus h2 span {

        font-size: 42px

    }



    #parentHorizontalTab2 .col-md-5 {

        margin-right: 80px;

        width: 37%

    }



    #ProjectStatus .col-md-6 {

        margin-bottom: 35px;

        padding-left: 70px

    }



    #ProjectStatus .col-md-6 p {

        font-size: 14px

    }



    #clockdiv {

        padding-left: 80px;

        padding-top: 30px

    }



    .viewBtn {

        left: 29.3%

    }



    .viewBtn img {

        width: 60%

    }



    #testimonial {

        padding: 80px 0 71px;

        background-position: 0 bottom

    }



    #Highlights h2 {

        font-size: 35px

    }



    #blog h2 {

        margin: 0 0 10px;

        font-size: 50px

    }



    #Overview ul li h3 span {

        font-size: 15px

    }



    .blogTop {

        margin: 0 0 30px

    }



    #bootstrap-touch-slider .carousel-control.left {

        background-position: 5px 4px !important

    }



    #bootstrap-touch-slider .carousel-control.right {

        background-position: 5px 4px !important

    }



    .projectlanding img {

        width: 75%

    }



    .projectlanding.hp img {

        width: 14%

    }



    .projectlanding.trophy-intro img {

        margin-top: -40px

    }



    #Overview ul li h3 {

        font-size: 25px

    }



    #Overview ul li img {

        width: auto

    }



    .projectlanding {

        font-size: 14px;

        color: #4b4b4b;

        line-height: 26px

    }



    #Overview p {

        margin-bottom: 40px

    }



    #parentHorizontalTab2 .col-md-5 span {

        right: -17px

    }



    #parentHorizontalTab2 .col-md-5 span img {

        width: 80%

    }



    .homeintro .col-md-6:nth-child(1) img {

        width: 83%

    }



    .homeintro h2 {

        font-size: 24px

    }



    .homeintro p {

        font-size: 14px;

        line-height: 24px;

        margin-bottom: 20px

    }



    #Highlights .col-md-4 h3 {

        font-size: 15px

    }



    #Highlights .col-md-4:nth-child(2) h3,

    #Highlights .col-md-4:nth-child(3) h3,

    #Highlights .col-md-4:nth-child(4) h3 {

        padding: 9px 0 32px 81px

    }



    #Highlights .col-md-4 p {

        font-size: 13px;

        line-height: 20px

    }



    #Highlights .col-md-4 {

        padding: 30px

    }



    #testimonial h2 {

        font-size: 40px

    }



    .projectlanding h2 {

        font-size: 25px;

        margin: 0 0 20px

    }



    .projectlanding p {

        font-size: 14px;

        line-height: 25px

    }



    .projectlbanner .parallax-bg {

        background-size: 117% !important;

        min-height: 412px

    }



    .projectlbanner h1 {

        padding: 214px 0 0;

        font-size: 45px

    }



    .projectlbanner h3 {

        padding: 214px 0 0;

        font-size: 45px

    }



    .taxbenefit .col-md-4 {

        font-size: 13px

    }



    .calculator-sec .container .calSlider {

        width: 700px

    }



    .documentation .col-md-7 ul li {

        line-height: 24px;

        font-size: 14px

    }



    .haboutIn.col-md-12 .col-md-3 .col-md-12 {

        min-height: 111px

    }



    .visionBox {

        background-size: 95%

    }



    .visionBoxIn .col-md-8 {

        font-size: 14px

    }



    .visionBox .visionBoxIn:nth-child(3) img {

        width: 80%

    }



    .visionBox .visionBoxIn:nth-child(2) {

        padding-top: 28px

    }



    .visionBox .visionBoxIn:nth-child(1) .col-md-8 {

        margin-left: -10px

    }



    .visionBox .visionBoxIn:nth-child(3) .col-md-8 {

        padding-top: 100px;

        margin-left: -70px

    }



    .journeyIn ul li div:before {

        left: 25px;

        width: 25px

    }



    .journeyIn {

        background-position: 42px 94px;

        background-size: 97%;

        margin-left: 95px;

        min-height: 660px

    }



    .journeyIn ul li:nth-child(2) div .iconYear,

    .journeyIn ul li:nth-child(3) div .iconYear,

    .journeyIn ul li:nth-child(4) div .iconYear,

    .journeyIn ul li:nth-child(5) div .iconYear,

    .journeyIn ul li:nth-child(6) div .iconYear,

    .journeyIn ul li:nth-child(7) div .iconYear {

        font-size: 17px;

        padding: 29px 0 0;

        margin-right: 3px;

        height: 100px;

        width: 78px;

        background-size: 98%

    }



    .journeyIn ul li h3 {

        font-size: 15px

    }



    .iconYear strong {

        font-size: 8px

    }



    .journeyIn ul li:first-child {

        left: 295px;

        top: -2px

    }



    .journeyIn ul li:first-child .iconYear {

        font-size: 18px

    }



    .journeyIn ul li:first-child div .iconYear {

        background-size: 100%;

        width: 100px;

        font-size: 24px;

        padding: 38px 0 0;

        height: 132px

    }



    .journeyIn ul li:nth-child(2) {

        top: 104px

    }



    .journeyIn ul li:nth-child(3) {

        top: 228px;

        left: -40px

    }



    .journeyIn ul li:nth-child(3) h3 {

        margin-top: 29px

    }



    .journeyIn ul li:nth-child(4) {

        left: 195px;

        top: 213px

    }



    .journeyIn ul li:nth-child(4) h3 {

        margin-top: 15px

    }



    .journeyIn ul li:nth-child(5) {

        left: 373px;

        top: 227px

    }



    .journeyIn ul li:nth-child(6) {

        left: 536px;

        top: 207px

    }



    .journeyIn ul li:nth-child(7) {

        left: 673px;

        top: 250px

    }



    .journeyIn ul li:nth-child(8) {

        left: 647px;

        top: 378px

    }



    .journeyIn ul li:nth-child(8) div .iconYear {

        padding: 30px 0 0;

        background-size: 100%;

        width: 79px;

        font-size: 17px;

        height: 103px

    }



    .journeyIn ul li:nth-child(10) {

        left: 392px;

        top: 425px

    }



    .journeyIn ul li:nth-child(10) div:before {

        left: 38px

    }



    .journeyIn ul li:nth-child(10) div .iconYear {

        background-size: 100%;

        width: 100px;

        font-size: 24px;

        padding: 38px 0 0;

        height: 132px

    }



    .journeyIn ul li:nth-child(9) {

        left: 665px;

        top: 480px;

        position: absolute

    }



    .journeyIn ul li:nth-child(12) div:before {

        left: 49px

    }



    .menu ul li a:after {

        width: 17px;

        top: 13px

    }



    .support h2 {

        font-size: 20px

    }



    .support h3 {

        font-size: 15px;

        line-height: 24px

    }



    .support {

        font-size: 14px;

        background-position: 0 0;

        padding: 55px 50px;

        background-size: 119%

    }



    .support p {

        line-height: 26px

    }



    .overviewbottom {

        background: url(../images/over-vie-bottom-bg.jpg) repeat;

        padding: 60px 0 60px 77px

    }



    #amenities {

        background: url(../images/amenities-bg.jpg) no-repeat;

        background-size: cover

    }



    #amenities.podium {

        background: url(../images/amenities-bg02.jpg) no-repeat !important;

        background-size: cover !important

    }

}

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

    .projectlanding a.lunching-button {

        display: none

    }

}

@media (min-height:1024px) {

    .projectlanding a.lunching-button {display: block}

    .gblistsec-item .gbcontent p {font-size: 15px;line-height: 21px}

    .gblistsec-item .gbcontent h3 {font-size: 20px;line-height: 30px}

    .gblistsec-item .gbcontent {min-height: 470px}

    .journeyIn ul li:nth-child(5) {left: 332px;top: 287px;}

    .journeyIn ul li:nth-child(9) {left: 619px;top: 500px;}

    .journeyIn ul li:nth-child(7) {left: 700px;top: 266px;}

    .ucp-section .upcomingproject .upprojrct-list {width: 24%;}

    .projectlbanner .parallax-bg{background-repeat: no-repeat;}



}

@media (min-width:992px) and (min-height:1024px) {

    .pbannerContent h2 {

        line-height: 40px

    }



    .projectlbanner .parallax-bg {

        background-size: 153% !important

    }



    .haboutIn.col-md-12 .col-md-3 .bText {

        font-size: 28px

    }

}

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

    .philosophy {

        padding: 60px 0

    }



    #amenities .carousel-control.left {

        left: -43px

    }



    .Specifications .slick-next {

        right: -68px

    }

}



@media (min-width:992px) and (max-width:1023px) {

    .caption {

        top: -60px

    }



    .slide2 .caption {

        top: 45px

    }



    .slide3 .caption {

        top: -45px

    }



    #About h2 {

        font-size: 27px

    }



    #hproject p {

        line-height: 20px;

        font-size: 15px;

        margin-bottom: 13px

    }



    #hproject p strong {

        font-size: 14px

    }



    #hproject h2 {

        font-size: 30px;

        margin: 0 0 5px

    }



    #hproject a {

        padding: 5px 20px;

        font-size: 12px

    }



    #hproject span {

        font-size: 12px

    }



    #About h2 {

        margin: 0 0 50px

    }



    .haboutIn {

        margin-bottom: 30px

    }



    #About {

        background-size: 108%;

        padding: 46px 0 80px 50px

    }



    #hproject {

        padding: 80px 0

    }



    #hproject .text-right {

        margin-bottom: 12px

    }



    .description {

        font-size: 15px

    }



    .caption h2 {

        font-size: 50px

    }



    .caption p {

        font-size: 28px

    }



    footer {

        padding: 36px 0

    }



    #About .col-md-6 h3 {

        font-size: 50px

    }



    #About .col-md-6 h3 span {

        font-size: 13px;

        padding: 15px 0 0 10px

    }



    #About .col-md-6 p {

        margin: 0 0 15px;

        font-size: 12px;

        line-height: 25px

    }



    #About h4 {

        display: none

    }



    #hproject .text-left {

        margin-bottom: 19px

    }



    footer .col-md-6 {

        padding-left: 0;

        padding-right: 0

    }



    footer ul li a {

        font-size: 12px

    }



    footer .col-md-2 {

        padding-left: 20px

    }



    footer p {

        font-size: 12px;

        line-height: 20px

    }



    .logo img {

        width: 70%

    }



    .logo {

        width: 153px

    }



    .menuOut {

        width: 82%

    }



    .menu ul li a {

        font-size: 13px

    }



    .eB {

        padding: 3px 23px !important

    }



    .menuIn {

        padding: 6px 0 0

    }



    .callUs h3 {

        font-size: 17px

    }



    .cbp-af-header.cbp-af-header-shrink .menu {

        padding-right: 231px

    }



    #hproject .container {

        padding: 0 86px

    }



    .callUs h3 {

        font-size: 17px

    }



    #About .col-md-6 p {

        padding: 0 100px 0 0;

        margin: 0;

        font-size: 14px

    }



    .logo img {

        width: 74%

    }



    .eB {

        padding: 3px 23px !important

    }



    #hproject span {

        font-size: 11px;

        padding: 4px 10px

    }



    #hproject p {

        line-height: 25px;

        font-size: 16px;

        margin-bottom: 10px

    }



    #hproject p strong {

        font-size: 14px

    }



    #hproject h2 {

        font-size: 25px;

        margin: 0 0 4px

    }



    #hproject a {

        padding: 5px 17px;

        font-size: 12px

    }



    .haboutIn {

        margin-bottom: 30px

    }



    .haboutIn.col-md-12 .bText {

        font-size: 90px

    }



    .haboutIn.col-md-12 .sText {

        font-size: 14px;

        line-height: 19px

    }



    .haboutIn.col-md-12 .col-md-3 .bText {

        font-size: 48px

    }



    .haboutIn.col-md-12 .col-md-3 .sText {

        font-size: 14px

    }



    .haboutIn .col-md-2 .sText {

        padding-top: 15px

    }



    #About {

        padding: 60px 0 50px 50px;

        background-size: 23%

    }



    footer ul li a {

        font-size: 12px

    }



    footer p {

        font-size: 12px

    }



    .parallax h2 span {

        font-size: 40px

    }



    .pbannerContent h1 {

        font-size: 40px

    }



    .pbannerContent h2 {

        font-size: 40px

    }



    .pbannerContent h2.ban-con {

        font-size: 40px

    }



    .pbannerContent {

        top: 30%

    }



    .pbannerContent p {

        margin: 0 0 7px

    }



    #About h2 {

        margin: 0 0 15px

    }



    #blog .col-md-4 h3 {

        font-size: 21px

    }



    #hproject {

        padding: 55px 0;

        background-size: 100%

    }



    #hproject .text-right {

        margin-bottom: 17px

    }



    #hproject .text-left {

        margin-bottom: 24px

    }



    #blog .col-md-4 {

        font-size: 14px;

        line-height: 21px

    }



    .description {

        font-size: 14px;

        line-height: 27px

    }



    .caption h2 {

        font-size: 50px

    }



    .caption p {

        font-size: 28px

    }



    footer {

        padding: 36px 0

    }



    footer .col-md-2 {

        padding-left: 17px

    }



    footer .col-md-6 {

        padding-left: 0;

        padding-right: 0

    }



    #blog .col-md-4 a {

        font-size: 12px

    }



    footer ul li {

        line-height: 24px

    }



    .testimonialOut {

        padding: 80px 0

    }



    .testimonialOut h2 {

        margin: 0 0 40px;

        font-size: 45px

    }



    .testimonialIn p {

        font-size: 14px;

        margin-bottom: 10px;

        line-height: 19px

    }



    #blog {

        padding: 50px 0

    }



    .overviewbottom h2 span:first-child {

        font-size: 90px

    }



    .overviewbottom h2 span strong {

        font-size: 25px

    }



    .overviewbottom h2 span {

        padding-top: 30px;

        font-size: 18px

    }



    .overviewbottom .col-md-4:last-child {

        padding: 40px 0 0

    }



    .overviewbottom .col-md-4:last-child img {

        width: 100%

    }



    .overviewbottom .col-md-3 p {

        padding: 15px 13px 15px 27px;

        font-size: 10px;

        line-height: 16px

    }



    .overviewbottom .col-md-3 p:before {

        left: 9px;

        top: 21px;

        font-size: 28px

    }



    .projectlanding {

        padding: 60px 0

    }



    #amenities .parallax-bg {

        padding: 50px 0 80px

    }



    #amenities ul li {

        padding: 8px 0;

        font-size: 16px

    }



    .amenitiesTop {

        margin-bottom: 16px

    }



    #amenities h2 {

        font-size: 40px

    }



    #amenities h2 span {

        font-size: 18px

    }



    .FloorPlanIn img {

        width: 70%

    }



    .FloorPlanOut #parentHorizontalTab {

        margin-top: 10px !important

    }



    .SpecificationsOut {

        padding: 60px 50px 150px

    }



    .FloorPlanOut {

        padding: 30px 0

    }



    .FloorPlanOut .hor_1 li {

        font-size: 12px;

        padding: 14px 28px 4px !important

    }



    .FloorPlanOut .hor_1 .resp-tab-active {

        padding: 14px 28px 4px !important

    }



    .FloorPlanOut p {

        font-size: 16px;

        line-height: 21px;

        margin: 0

    }



    .FloorPlanOut .hor_1 .FloorPlanIn {

        padding: 10px

    }



    .FloorPlanOut h2 {

        font-size: 40px

    }



    .FloorPlanOut .hor_1 .FloorPlanIn .col-md-6 {

        padding: 4px 0 0

    }



    .accordion .item .content {

        padding: 0 7px

    }



    .accordion .item .heading {

        height: 43px;

        line-height: 41px;

        font-size: 15px

    }



    .FloorPlanOut h2 span {

        font-size: 45px

    }



    .SpecificationsOut .ch-grid li p {

        font-size: 12px;

        line-height: 19px

    }



    .SpecificationsOut .col-md-3 p {

        font-size: 12px;

        line-height: 18px

    }



    #Location h2 {

        font-size: 40px;

        margin-bottom: 10px

    }



    #Location h2 span {

        font-size: 38px

    }



    .paramadrees a {

        margin-right: 4px

    }



    .ch-grid li {

        width: 98%;

        min-height: 380px;

        padding: 30px 9px

    }



    .SpecificationsOut .col-md-7 {

        padding: 0 30px;

        width: 58.333333%

    }



    .accordion {

        width: 426px;

        margin: 0 0 10px

    }



    #Location {

        padding: 50px 0

    }



    .SpecificationsOut .col-md-3 h2 {

        font-size: 48px

    }



    #ProjectStatus {

        padding: 50px 0

    }



    #parentHorizontalTab2 ul.resp-tabs-list {

        margin-bottom: 20px

    }



    #ProjectStatus h2 {

        font-size: 38px

    }



    #ProjectStatus h2 span {

        font-size: 42px

    }



    #parentHorizontalTab2 .col-md-5 {

        margin-right: 80px;

        width: 37%

    }



    #ProjectStatus .col-md-6 {

        margin-bottom: 35px;

        padding-left: 70px

    }



    #ProjectStatus .col-md-6 p {

        font-size: 14px

    }



    #clockdiv {

        padding-left: 80px;

        padding-top: 30px

    }



    .viewBtn {

        left: 29.3%

    }



    .viewBtn img {

        width: 60%

    }



    #testimonial {

        padding: 80px 0 71px;

        background-position: 0 bottom

    }



    #Highlights h2 {

        font-size: 35px

    }



    #blog h2 {

        margin: 0 0 10px;

        font-size: 50px

    }



    #Overview ul li h3 span {

        font-size: 15px

    }



    .blogTop {

        margin: 0 0 30px

    }



    #bootstrap-touch-slider .carousel-control.left {

        background-position: 5px 4px !important

    }



    #bootstrap-touch-slider .carousel-control.right {

        background-position: 5px 4px !important

    }



    .projectlanding img {

        width: 25%

    }



    #Overview ul li h3 {

        font-size: 25px

    }



    #Overview ul li img {

        width: auto

    }



    .projectlanding {

        font-size: 14px;

        color: #4b4b4b;

        line-height: 26px

    }



    #Overview p {

        margin-bottom: 40px

    }



    #parentHorizontalTab2 .col-md-5 span {

        right: -17px

    }



    #parentHorizontalTab2 .col-md-5 span img {

        width: 80%

    }



    .homeintro .col-md-6:nth-child(1) img {

        width: 83%

    }



    .homeintro h2 {

        font-size: 24px

    }



    .homeintro p {

        font-size: 15px;

        line-height: 24px;

        margin-bottom: 20px

    }



    #Highlights .col-md-4 h3 {

        font-size: 15px

    }



    #Highlights .col-md-4:nth-child(2) h3,

    #Highlights .col-md-4:nth-child(3) h3,

    #Highlights .col-md-4:nth-child(4) h3 {

        padding: 9px 0 32px 81px

    }



    #Highlights .col-md-4 p {

        font-size: 13px;

        line-height: 20px

    }



    #Highlights .col-md-4 {

        padding: 30px

    }



    #testimonial h2 {

        font-size: 40px

    }



    .projectlanding h2 {

        font-size: 25px;

        margin: 0 0 20px

    }



    .projectlanding p {

        font-size: 16px;

        line-height: 31px

    }



    .support h2 {

        font-size: 20px

    }



    .support h3 {

        font-size: 15px;

        line-height: 24px

    }



    .support {

        font-size: 14px;

        background-position: 0 0;

        padding: 55px 50px;

        background-size: 119%

    }



    .support p {

        line-height: 26px

    }

}



@media (max-width:800px) {

    .cus_ref_sec2_out_wrp::before {z-index: -1}

    .cus_ref_sec2_in_wrp {display: flex;gap: 3px;padding: 0 0;flex-direction: column}

    .cus_ref_sec2_out_wrp {width: 81%;margin: auto}

    .cus_ref_sec2_in_wrp .col-3 img {width: 48%}

    .cus_ref_sec2_in_wrp h3 {font-size: 27px}

    .cus_ref_sec2_ul li {padding-left: 26px;letter-spacing: -.2px;line-height: 21px;margin: -1px 0;font-size: 14px}

    .cus_ref_sec2_out_wrp::before {opacity: .3}

    .form-group.full {padding-right: 0}

    .cus_ref_sec2_ul li br {display: none}

    .homeLoan .accordion .item .content p {width: 100%;}

    .homeLoan .col-md-8 h4 br{display: none;}

    .projectlbanner .parallax-bg {background-repeat: no-repeat;}

    .philosophyTop p br{display: none;}

}



@media (max-width:768px) {

    #bootstrap-touch-slider.bs-slider.carousel {max-height: inherit;margin: 48px 0 0}

    #bootstrap-touch-slider.bs-slider.carousel.indicators-line>.carousel-indicators {bottom: 0}

    .bs-slider .carousel-inner .item {top: 0 !important}

    p {font-size: 16px}

    #About .col-md-6 p {padding: 0}

    p br {display: none}

    .plImg {width: 70%}

    .menu {display: none}

    .visionBox .visionBoxIn:nth-child(1) .col-md-8 {margin-left: 0}

    .philosophyTop {margin: 0;padding: 0 10px}

    .philosophyBottom {margin: 0;padding: 0 10px}

    .visionBoxIn h2 {font-size: 25px}

    .caption h2 {font-size: 30px}

    .caption p {font-size: 14px}

    .slide {background-size: 140%;background-position: 0 0;margin-bottom: 0;min-height: 300px}

    .slide .carousel-inner {min-height: 300px}

    .slide .carousel-indicators .active {background: #e82d5f}

    .slide .carousel-indicators {bottom: 0}

    #param .carousel-indicators {bottom: 28px}

    .logo img {width: 43%}

    .slide2 .caption {top: 0;left: 0}

    .slide3 .caption {top: -22px;left: 0}

    .slide1 .caption {top: -61px;left: 0}

    .menuIn {margin: -46px 0 0;position: relative;padding: 46px 0 0}

    .menu1 span {width: 40%}

    .callUs {margin-right: 53px;margin-top: -40px}

    .cbp-af-header .blogo {display: none}

    .cbp-af-header .slogo {display: block}

    #amenities .slide {height: 100%;width: 80%;margin: 0 auto}

    .cbp-af-header {background: #fff;height: 50px}

    .cbp-af-header.cbp-af-header-shrink {height: 50px;background: #fff}

    .cbp-af-header.cbp-af-header-shrink .logo {margin: 0 0 0 -17px}

    .cbp-af-header.cbp-af-header-shrink .menuIn {margin: -27px 0 0;padding: 42px 0 0}

    .cbp-af-header.cbp-af-header-shrink .menu1 span {background: #000}

    .cbp-af-header.cbp-af-header-shrink .logo img {width: 100%}

    .cbp-af-header.cbp-af-header-shrink .callUs {margin-right: 53px;margin-top: -55px}



    .logo {margin: 0 0 0 -17px;width: 174px}



    .logo .slogo {width: 100%}

    #About {padding: 50px 30px}

    #About h2 {font-size: 30px;margin: 0 0 30px}



    #About .container {

        padding: 0

    }



    #About .col-md-6 {

        padding: 0

    }



    #About h4 {

        display: none

    }



    #hproject .text-right {

        text-align: left

    }



    .onImg2 {

        margin-bottom: 20px

    }



    .onImg {

        margin-bottom: 20px

    }



    #blog .col-md-4 {

        margin-bottom: 30px;

        padding-right: 0;

        padding-left: 0

    }



    footer .col-md-2 {

        display: none

    }



    footer .col-md-3:last-child {

        display: none

    }



    footer p br {

        display: none

    }



    body {

        font-size: 16px;

        line-height: 25px

    }



    #hproject .container {

        padding: 0 20px

    }



    #hproject {

        padding: 40px 0 0

    }



    #hproject h2 {

        font-size: 26px

    }



    #hproject span {

        font-size: 11px;

        padding: 3px 6px

    }



    #hproject p strong {

        font-size: 17px;

        display: block

    }



    #hproject p {

        line-height: 22px;

        font-size: 17px;

        margin-bottom: 12px

    }



    #hproject a {

        padding: 4px 12px;

        font-size: 12px

    }



    #Highlights .col-md-4 {

        background: url(../images/shadow-bg.png) no-repeat center bottom, none;

        padding: 31px 30px;

        margin-bottom: 20px;

        min-height: 278px

    }



    #Highlights .col-md-4 p {

        font-size: 11px;

        line-height: 19px;

        min-height: 100px

    }



    .testimonial h4 {

        font-size: 20px

    }



    .testimonial h4 span {

        font-size: 15.5px

    }



    #blog h2 {

        font-size: 25px;

        margin-bottom: 10px

    }



    #blog {

        background-size: cover;

        padding: 50px 0 30px

    }



    #Highlights .col-md-4 a {

        padding: 6px 22px;

        color: #fff;

        font-size: 11px

    }



    #blog .col-md-4 {

        margin-bottom: 30px;

        width: 33.333333%;

        float: left

    }



    #blog .col-md-4 h3 {

        font-size: 20px

    }



    #blog .col-md-4 p {

        line-height: 19px

    }



    #blog .col-md-4 a {

        padding: 6px 12px;

        font-size: 12px

    }



    .description {

        font-size: 14px;

        line-height: 27px

    }



    .testimonial h2 {

        font-size: 30px

    }



    #testimonial {

        padding: 50px 0

    }



    #param .slide img {

        margin-top: 50px;

        width: 100%;

        max-width: 100%;

        margin-left: 0

    }



    #param .carousel .soldout-img {

        width: 120px;

        top: 83%;

        margin: 0

    }



    #flora .slide img {

        margin-top: 50px;

        width: 100%;

        max-width: 100%;

        margin-left: 0

    }



    .pbannerContent p br {

        display: none

    }



    .pbannerContent {

        width: 100%

    }



    .cbp-af-header.cbp-af-header-shrink .open-overlay {

        top: 13px

    }



    .haboutIn {

        margin-bottom: 30px;

        padding: 40px

    }



    .homeintro {

        text-align: center;

        padding: 80px 0 30px

    }



    .homeintro .col-md-6:nth-child(1) {

        background-size: 91%;

        background-position: center bottom;

        padding-bottom: 24px

    }



    .homeintro .col-md-6:nth-child(1) img {

        width: 30%

    }



    .homeintro h2 {

        font-size: 20px

    }



    .homeintro p {

        margin: 0 0 20px;

        font-size: 14px;

        line-height: 21px

    }



    #hproject .container {

        text-align: center

    }



    #hproject .text-right {

        text-align: center

    }



    #hproject .col-md-6 img {

        width: 50%

    }



    #hproject .text-left {

        text-align: center

    }



    #hproject .col-md-6 .pull-right {

        float: none !important;

        display: inline-block !important

    }



    #hproject .col-md-6 .pull-left {

        float: none !important;

        display: inline-block !important

    }



    #testimonial h2 {

        font-size: 25px;

        letter-spacing: 0

    }



    #Highlights .col-md-4 {

        background: #fff

    }



    #Highlights .col-md-4:nth-child(2) h3 {

        padding: 9px 0 9px 46px;

        font-size: 10px;

        background-size: 21%

    }



    #Highlights .col-md-4:nth-child(3) h3 {

        background-size: 28%;

        padding: 9px 0 9px 54px

    }



    #Highlights .col-md-4 h3 {

        font-size: 12px

    }



    #Highlights h2 {

        font-size: 28px

    }



    #Highlights .col-md-4:nth-child(4) h3 {

        background-size: 28%;

        padding: 9px 0 9px 54px

    }



    .mImg {

        display: none

    }



    .callUs h3 span {

        display: none

    }



    .projectlbanner h1 {

        padding: 150px 0 0 19px;

        font-size: 30px;

        text-shadow: 1px 1px 35px #000, 0 0 1em #000, 0 0 .7em #000

    }



    .projectlbanner h3 {

        padding: 150px 0 0 19px;

        font-size: 30px;

        text-shadow: 1px 1px 35px #000, 0 0 1em #000, 0 0 .7em #000

    }



    .projectlbanner h1 br {

        display: none

    }



    .projectlbanner h3 br {

        display: none

    }



    .paramadrees p {

        margin-bottom: 10px;

        padding-right: 25px

    }



    .projectlanding p {

        font-size: 16px;

        line-height: 25px

    }



    .projectlanding p br {

        display: none

    }



    .carousel-3d-slide img {

        width: 66% !important

    }



    .carousel-3d-slider {

        height: 486px !important

    }



    .carousel-3d-slide .link {

        font-size: 12px;

        padding: 5px 14px;

        top: -191px

    }



    .projectlanding {

        padding: 60px 0 0

    }



    .FloorPlanOut .container {

        width: 100%

    }



    .accordion {

        width: 100%

    }



    #Location h2 {

        font-size: 25px;

        letter-spacing: 0;

        text-align: center

    }



    #Location h2 span {

        font-size: 25px

    }



    #amenities h2 {

        font-size: 25px;

        line-height: 28px

    }



    #features h2 {

        font-size: 25px;

        line-height: 28px

    }



    .pbannerContent {

        top: 105px;

        width: 45%;

        left: 15%;

        background: rgba(229, 49, 97, 1);

        text-align: center

    }



    .pbannerContent.Excellenza-con {

        top: 51px

    }



    .pbannerContent h1 {

        font-size: 25px;

        text-align: left

    }



    .pbannerContent h2 {

        font-size: 25px;

        text-align: left

    }



    .pbannerContent h1 {

        font-size: 18px;

        margin: 0;

        line-height: 20px

    }



    .pbannerContent h2.ban-con {

        font-size: 18px;

        margin: 0;

        line-height: 20px

    }



    .pbannerContent h2 {

        font-size: 20px;

        margin: 0;

        line-height: 25px;

        text-align: center

    }



    .pbannerContent h1 span {

        font-size: 20px

    }



    .pbannerContent h2 span {

        font-size: 16px

    }



    .pbannerContent h2.ban-con span {

        font-size: 20px

    }



    .pbannerContent p {

        font-size: 14px;

        text-align: center

    }



    .pbannerContent a {

        text-align: center

    }



    .overviewbottom h1 span:first-child {

        font-size: 130px

    }



    .overviewbottom h2 span:first-child {

        font-size: 130px

    }



    .overviewbottom {

        padding: 60px 25px

    }



    .overviewbottom .col-md-3 p {

        padding: 30px 40px

    }



    .overviewbottom .col-md-3 p:before {

        left: 6px

    }



    .overviewbottom .col-md-4:last-child {

        padding: 0

    }



    #amenities ul li {

        font-size: 15px;

        padding: 6px 0

    }



    #features ul li {

        font-size: 15px;

        padding: 6px 0

    }



    .amenitiesTop {

        margin-bottom: 20px;

        text-align: center

    }



    .FloorPlanOut .hor_1 {

        padding: 0;

        border: solid 1px #ccc;

        text-align: left

    }



    .FloorPlanOut .hor_1 .hor_1 {

        border: none;

        padding: 10px;

        border-bottom: solid 1px #ccc

    }



    .SpecificationsOut .col-md-3 h2 {

        margin-bottom: 10px;

        font-size: 25px;

        letter-spacing: 0

    }



    .FloorPlanOut h2 {

        font-size: 25px;

        letter-spacing: 0;

        font-weight: 600

    }



    .FloorPlanOut p {

        font-size: 16px

    }



    #homeVideo .modal-dialog {

        width: 90%;

        margin-top: 60px

    }



    .FloorPlanOut h2 span {

        font-size: inherit;

        color: #e53161

    }



    .FloorPlanOut h2.resp-tab-active span {

        color: #fff

    }



    .FloorPlanOut #parentHorizontalTab h2 span {

        display: block;

        margin-bottom: 0

    }



    #amenities .parallax-bg {

        padding: 43px 0 100px;

        display: block;

        background-repeat: no-repeat;

        background-position: 50% bottom !important

    }



    #features .parallax-bg {

        padding: 43px 0 100px;

        background-repeat: no-repeat;

        background-position: 50% bottom !important

    }



    #amenities .carousel-control.right {

        right: -100px;

        height: 55px

    }



    #amenities .carousel-control.left {

        left: -12%;

        height: 55px

    }



    .popupPlan {

        margin: 0 auto 0;

        width: 100%;

        background: #fff;

        border: solid 5px #a0a096;

        position: relative;

        overflow: auto;

        display: block;

        height: 90%

    }



    #amenities ul li br {

        display: none

    }



    #amenities .col-md-3 {

        width: 50%;

        float: left

    }



    #amenities .carousel-indicators {

        width: 100%

    }



    .overviewbottom h2 span {

        font-size: 16px;

        float: left;

        padding-top: 61px;

        margin-bottom: 0

    }



    .overviewbottom h2 span strong {

        font-size: 20px

    }



    .ChildVerticalTab_1 .resp-tabs-container.ver_1 {

        min-height: auto

    }



    .SpecificationsOut .col-md-3 {

        margin-right: 0

    }



    .SpecificationsOut .col-md-7 {

        width: 100%;

        padding: 0

    }



    .SpecificationsOut {

        padding: 60px 15px 50px

    }



    .SpecificationsOut .col-md-3 {

        text-align: center

    }



    .SpecificationsOut .col-md-3 p {

        font-size: 16px;

        line-height: 18px;

        margin-bottom: 22px

    }



    .SpecificationsOut .ch-grid li h3 {

        line-height: 25px

    }



    .SpecificationsOut .ch-grid li p {

        font-size: 14px;

        line-height: 20px

    }



    .ch-grid li {

        min-height: 435px;

        padding: 26px 24px

    }



    .FloorPlanOut .resp-accordion.hor_1 {

        color: #636a66;

        background: #e9e9e9 !important;

        border-bottom: solid 1px #ccc;

        text-transform: capitalize !important;

    }



    .FloorPlanOut .hor_1 .resp-tab-active {

        border: 1px solid #ccc !important;

        background: #e53161 !important;

        color: #fff !important

    }



    #parentHorizontalTab2 .resp-tab-content {

        border: 1px solid #c1c1c1;

        border-top-color: #c1c1c1

    }



    .FloorPlanOut .hor_1 .ChildVerticalTab_1 .resp-tab-active {

        background: #6d6d6d !important

    }



    h2.resp-accordion {

        font-size: 14px !important

    }



    .FloorPlanOut .resp-vtabs .resp-tab-content {

        border-bottom: 1px solid #c1c1c1;

        text-align: center

    }



    .FloorPlanOut .hor_1 .resp-tab-active {

        padding: 14px 10px 12px !important;

        border-bottom: none

    }



    .ChildVerticalTab_1 .resp-accordion.ver_1 img {

        width: 20%;

        display: none

    }



    .FloorPlanOut .hor_1 .FloorPlanIn {

        padding: 8px

    }



    .FloorPlanOut .resp-vtabs .resp-tabs-container {

        background: #fff

    }



    .paramadrees a {

        font-size: 11px;

        margin-right: 3px;

        padding: 6px 9px

    }



    .paramadrees p br {

        display: none

    }



    .paramadrees .eB {

        background: #e53161;

        padding: 5px 13px !important;

        border-radius: 35px;

        font-size: 11px !important;

        margin-top: -6px;

        margin-right: 7px

    }



    .map-control {

        display: none

    }



    #Location {

        padding: 50px 0 40px;

        background-position: 0 bottom

    }



    #Specifications .parallax-bg {

        background: 0 0 !important

    }



    #Specifications {

        background: url(../images/spec-bg.jpg) no-repeat 0 bottom;

        background-size: cover

    }



    #ProjectStatus .col-md-6 {

        text-align: center

    }



    #ProjectStatus h2 {

        font-size: 25px;

        font-weight: 500;

        letter-spacing: 0

    }



    #ProjectStatus h2 span {

        font-size: 25px

    }



    #ProjectStatus h2.resp-accordion {

        padding: 10px;

        font-size: 16px

    }



    #ProjectStatus .col-md-6 {

        margin-bottom: 30px;

        padding-left: 0

    }



    #parentHorizontalTab2 .col-md-5 {

        width: 100%

    }



    #parentHorizontalTab2 .col-md-5:last-child {

        display: none

    }



    .viewBtn {

        left: 0;

        top: 25%;

        width: 100%

    }



    .viewBtn img {

        width: 50%

    }



    .rg-image-nav .rg-image-nav-prev {

        top: 50%

    }



    .rg-image-nav .rg-image-nav-next {

        top: 50%

    }



    #parentHorizontalTab2 .hor_1 .resp-tab-active {

        padding: 10px 10px 8px !important;
        

    }
    #parentHorizontalTab2 .hor_2 .resp-tab-active{
        display: none !important;
    }



    body footer [data-aos^=fade][data-aos^=fade] {

        opacity: 1

    }



    body footer [data-aos=fade-up] {

        transform: translate3d(0, 0, 0);

        text-align: center

    }



    footer .col-md-3 ul li {

        float: none;

        text-align: center;

        display: inline-block;

        margin-bottom: 0

    }



    footer .col-md-3 ul>li {

        margin-right: 0

    }



    footer .col-md-3.bor-right {

        border-right: solid 0 #dd5180

    }



    footer .col-md-3 ul.footer_accreditations {

        text-align: center;

        margin: 0 0 10px

    }



    footer .col-md-3 ul.footer_accreditations li {

        display: inline-block;

        vertical-align: top;

        float: none

    }



    footer .col-md-3 ul.footer_accreditations li.oa-head {

        text-align: center

    }



    #ProjectStatus {

        padding: 40px 0 60px

    }



    #param #controls {

        bottom: 0;

        left: 84%

    }



    #Overview ul li {

        width: 20%;

        float: left;

        padding: 0

    }



    #Overview ul li h3 {

        font-size: 15px

    }



    #Overview ul li h3 span {

        font-size: 11px;

        font-weight: 700

    }



    .viewport2 {

        height: 900px

    }



    .overviewbottom .col-md-4:last-child {

        padding: 0;

        margin: 0 auto;

        text-align: center

    }



    .projectlbanner .parallax-bg {

        background-size: 100% !important;

        min-height: 274px

    }



    .philosophy {

        width: 100%;

        overflow: hidden;

        padding: 40px 0

    }



    .certification h2 {

        font-size: 22px

    }



    .certification p {

        font-size: 13px;

        line-height: 20px

    }



    .certification p br {

        display: none

    }



    .jointventureInner {

        width: 100%;

        padding: 0 0 20px

    }



    .jointventure .container {

        background: 0 0

    }



    .jointventure.cP .container {

        background: 0 0

    }



    .jointventureTop h2 {

        font-size: 30px

    }



    .jointventureTop p {

        width: 100%

    }



    .MenuActive .menuOut {

        padding-top: 30px

    }



    .buyersGuide .container {

        width: 100%

    }



    .visionay .container {

        width: 100%

    }



    .text-right {

        text-align: left

    }



    .contactOut {

        background: 0 0

    }



    .careerForm {

        background-size: cover

    }



    .careerFormIn {

        padding: 30px 20px

    }



    .career .container {

        width: 100%

    }



    .careerTop h2 {

        font-size: 32px

    }



    .careerTop {

        text-align: center;

        margin: 0 0 30px

    }



    .careerIn {

        text-align: center

    }



    .careerIn .col-md-6:last-child {

        text-align: center

    }



    .careerForm .col-md-6 {

        padding: 0

    }



    .careerIn h3 {

        font-size: 18px

    }



    .careerForm p {

        font-size: 20px

    }



    .philosophyTop p span {

        font-size: 16px

    }



    .philosophyTop p {

        font-size: 16px;

        line-height: 27px

    }



    .philosophyTop h1 {

        font-size: 25px;

        line-height: 28px

    }



    .philosophyTop h2 {

        font-size: 25px;

        line-height: 28px

    }



    .philosophyBottom .col-md-3 {

        width: 100%;

        text-align: center;

        padding: 0;

        top: 0;

        position: relative;

        margin: 0 0 37px

    }



    .philosophyBottom .col-md-3 p br {

        display: none

    }



    .philosophyBottom .col-md-3:last-child {

        width: 100%;

        right: 0;

        top: 20px;

        text-align: center;

        position: relative

    }



    .philosophyBottom img {

        padding-left: 0;

        width: 95%

    }



    .visionBox {

        background: 0 0;

        padding: 0

    }



    .visionBoxIn {

        text-align: center;

        padding: 0

    }



    .visionBox .visionBoxIn:nth-child(2) {

        padding: 0;

        text-align: center;

        margin: 0

    }



    .visionBox .visionBoxIn:nth-child(2) .col-md-4 {

        float: none

    }



    .visionBox .visionBoxIn:nth-child(3) .col-md-8 {

        padding: 0;

        margin: 0

    }



    .visionBox .visionBoxIn:nth-child(2) .col-md-8 {

        float: none;

        text-align: center

    }



    .visionBox .visionBoxIn:nth-child(3) {

        padding-top: 35px;

        padding-bottom: 0;

        margin-left: 0

    }



    .journeyIn ul li {

        list-style: none;

        position: relative !important;

        left: auto !important;

        right: auto;

        top: auto !important;

        width: 100%;

        display: block;

        overflow: hidden;

        float: left;

        text-align: center !important;

        width: 50%;

        min-height: 257px

    }



    .journeyIn ul li div {

        float: none !important;

        min-height: 135px;

        padding: 10px 0 0

    }



    .journeyIn ul li div .iconYear {

        float: none !important;

        height: 103px;

        padding: 30px 0 0 !important;

        font-size: 14px;

        margin: 0 auto;

        background-size: 100%

    }



    .journeyIn ul li:nth-child(1) div,

    .journeyIn ul li:nth-child(2) div,

    .journeyIn ul li:nth-child(3) div,

    .journeyIn ul li:nth-child(4) div,

    .journeyIn ul li:nth-child(5) div,

    .journeyIn ul li:nth-child(6) div,

    .journeyIn ul li:nth-child(7) div,

    .journeyIn ul li:nth-child(8) div {

        margin-left: 0

    }



    .journeyIn ul li:nth-child(1) div .iconYear,

    .journeyIn ul li:nth-child(2) div .iconYear,

    .journeyIn ul li:nth-child(3) div .iconYear,

    .journeyIn ul li:nth-child(4) div .iconYear,

    .journeyIn ul li:nth-child(5) div .iconYear,

    .journeyIn ul li:nth-child(6) div .iconYear,

    .journeyIn ul li:nth-child(7) div .iconYear {

        display: block;

        width: 38%;

        margin: 0 auto;

        background-size: 52%;

        background-position: center

    }



    .journeyIn ul li:nth-child(10) div {

        margin-left: 0

    }



    .journeyIn ul li:nth-child(2) div .iconYear {

        background-size: 52%;

        background-position: center;

        display: block;

        width: 38%;

        margin: 0 auto

    }



    .journeyIn ul li:first-child div .iconYear {

        background-size: 52%;

        background-position: center;

        display: block;

        width: 38%;

        margin: 0 auto

    }



    .journeyIn ul li:nth-child(8) div .iconYear {

        background-size: 52%;

        background-position: center;

        display: block;

        width: 38%;

        margin: 0 auto

    }



    .journeyIn ul li:first-child div .iconYear {

        background: url(../images/map-icon-bg.png) no-repeat

    }



    .journeyIn ul li h3 {

        text-align: center !important;

        display: block;

        float: none

    }



    .journeyIn {

        background: 0 0;

        margin-left: 0

    }



    .journeyIn ul li:first-child div .iconYear {

        padding: 23px 0 0 !important;

        font-size: 18px;

        background-size: 100%;

        width: 80px;

        height: 103px

    }



    .iconYear strong {

        font-size: 9px

    }



    .journeyIn ul li:nth-child(9) div .iconYear {

        padding: 28px 0 0 !important;

        font-size: 18px;

        background-size: 100%;

        width: 94px;

        height: 132px

    }



    .journeyIn ul li:nth-child(9) div:before {

        left: 40%

    }



    .journeyIn ul li:first-child div:before {

        left: 44%;

        bottom: 13px

    }



    .journeyIn ul li:nth-child(9) h3 {

        font-size: 19px

    }



    .journeyIn ul li:nth-child(9) div .iconYear {

        width: 80px;

        height: 103px

    }



    .journeyIn ul li:nth-child(10) div .iconYear {

        width: 80px;

        height: 103px;

        font-size: 19px

    }



    .journeyIn ul li:nth-child(8) div:before {

        left: 40%;

        bottom: 13px

    }



    .journeyIn ul li:nth-child(10) div:before {

        left: 40%

    }



    .journeyIn ul li div:before {

        left: 40%;

        bottom: 17px;

        width: 19%

    }



    .journeyIn ul li h3 {

        font-size: 19px;

        margin: 0 !important

    }



    .qualityPolicy h2 {

        font-size: 23px

    }



    .qualityPolicyBox {

        padding: 48px 73px;

        margin: 20px auto 18px;

        width: 40%;

        line-height: 16px;

        font-weight: 600;

        background-size: 121%;

        font-size: 10px;

        background-position: -27px 0;

        min-height: 274px;

        line-height: 12px

    }



    .qualityPolicyBox img {

        margin-bottom: 3px

    }



    .qualityPolicyBox p {

        font-size: 10px

    }



    .qualityPolicy {

        font-size: 14px;

        line-height: 30px

    }



    .qualityPolicy h3 {

        font-size: 22px;

        line-height: 28px

    }



    .support h2 {

        font-size: 21px;

        font-weight: 500

    }



    .support .visionayTop {

        font-size: 12px

    }



    .support .visionayTop p {

        margin-bottom: 25px

    }



    .documentation .col-md-5 img {

        padding-top: 100px

    }



    .homeLoanTop h2 {

        font-size: 25px;

        margin: 0

    }



    .homeLoan .col-md-8 h4 {

        font-size: 16px

    }



    .calculator-sec h2 {

        font-size: 25px !important;

        margin: 0 0 20px !important

    }



    .accordion .item .heading {

        font-size: 15px

    }



    .homeLoan .accordion .item.open .heading {

        font-size: 16px;

        line-height: 19px

    }



    .taxbenefit .col-md-4 {

        padding: 0 21px;

        font-size: 13px

    }



    .calculator-sec h2 {

        font-size: 25px;

        margin-bottom: 32px

    }



    .documentation h3 {

        font-size: 20px;

        margin-bottom: 13px

    }



    .homeLoan .accordion {

        padding: 25px

    }



    .documentation h4 {

        font-size: 15px

    }



    .documentation .col-md-5 img {

        padding-top: 0;

        margin: 0 auto;

        display: block

    }



    .visionayTop h2 {

        font-size: 25px

    }



    .visionayTop h3 {

        font-size: 16px;

        color: #929292;

        font-weight: 500;

        line-height: 24px

    }



    .philosophyTop h3 {

        font-size: 16px;

        color: #929292;

        font-weight: 500;

        line-height: 24px

    }



    .philosophyTop h3 br {

        display: none

    }



    .visionay p {

        font-size: 14px

    }



    .teamTop h3 {

        font-size: 16px;

        color: #929292;

        font-weight: 500;

        line-height: 24px

    }



    .visionayInner .col-md-6 h4 {

        font-size: 25px

    }



    .visionayInner .col-md-6 {

        min-height: auto

    }



    .visionayInner .col-md-6.text {

        padding: 43px 30px 20px

    }



    .visionay p {

        font-size: 16px;

        line-height: 25px

    }



    .visionay p br {

        display: none

    }



    .team {

        padding-bottom: 0 !important

    }



    .teamTop {

        font-size: 13px

    }



    .teamTop h2 {

        font-size: 25px;

        margin: 0 0 10px

    }



    .testiTop h2 {

        font-size: 25px

    }



    .contactTop h2 {

        font-size: 20px

    }



    .contactTop {

        font-size: 14px

    }



    .careerForm h2 {

        font-size: 25px

    }



    .salesEnquiry {

        font-size: 14px

    }



    #clockdiv {

        float: left

    }



    .thankbanner {

        margin: 50px 0 0

    }



    .support h2 {

        font-size: 20px

    }



    .support h3 {

        font-size: 15px;

        line-height: 24px

    }



    .support {

        font-size: 14px;

        background-position: 0 0;

        padding: 30px 0;

        background-size: cover

    }



    .support p {

        line-height: 26px

    }



    .support h3 br {

        display: none

    }



    .support p br {

        display: none

    }



    .haboutIn.col-md-12 .col-md-3 {

        width: 100%;

        clear: both

    }



    .haboutIn .col-md-2 img {

        display: inline;

        margin-bottom: 15px;

        float: left

    }



    #About .col-md-6:nth-child(3) {

        float: none;

        padding-left: 0

    }



    #About .col-md-6 {

        margin-bottom: 24px

    }



    .csrTop h2 {

        font-size: 25px;

        margin: 0 0 20px

    }



    .documentationTop h2 {

        font-size: 20px;

        margin-bottom: 4px

    }



    #About h3 {

        font-size: 25px

    }



    .dw {

        display: none

    }



    .mw {

        display: block;

        position: fixed;

        bottom: 100px;

        right: 10px

    }



    .meicon {

        display: inline-block

    }



    .meicon img {

        background: #e93766;

        border-radius: 100%

    }



    .homeintro .col-md-6:nth-child(1) img {

        padding-left: 0

    }



    .nquireNowPop .modal-dialog {

        width: 95%

    }



    .modal-dialog {

        top: 42px

    }



    .callUs h3 a {

        color: #fff;

        height: 38px;

        width: 38px

    }



    .enquireNowOut .captchatext {

        width: 91px

    }



    .enquireNowOut .captchatext input {

        padding: 10.5px;

        border: 1px solid #ccc;

        color: #000;

        margin: 0 0 21px;

        width: 120px

    }



    .callUs img {

        width: auto;

        max-width: inherit

    }



    .mAm {

        display: block

    }



    .haboutIn.col-md-12 .col-md-3 .col-md-12 {

        display: block;

        margin: 0 0 41px;

        padding-bottom: 28px

    }



    .haboutIn.col-md-12 .sText {

        float: none;

        display: block;

        clear: both

    }



    .haboutIn.col-md-12 .sText br {

        display: none

    }



    .haboutIn.col-md-12 .col-md-3 .vtext {

        margin-left: 0;

        float: none;

        display: block;

        clear: both;

        -ms-transform: none;

        -webkit-transform: none;

        transform: none

    }



    .haboutIn.col-md-12 .col-md-3 .sText {

        float: none;

        display: block;

        clear: both

    }



    .haboutIn.col-md-12 .col-md-3 .sText br {

        display: none

    }



    .dc {

        display: none

    }



    .mc {

        display: block

    }



    .mw {

        background-color: #4dc247;

        float: left;

        height: 50px;

        width: 50px;

        border-radius: 50%;

        overflow: hidden;

        box-shadow: 2px 2px 6px rgba(0, 0, 0, .4);

        font-size: 28px;

        text-align: center;

        line-height: 50px;

        color: #fff

    }



    .mw svg {

        fill: #fff;

        width: 41px;

        height: 50px

    }



    .documentation .col-md-7 ul li {

        padding-right: 0;

        line-height: 25px

    }



    .maction {

        padding: 0;

        margin: 0;

        position: fixed;

        bottom: 100px;

        width: 50px;

        z-index: 1000;

        height: 50px;

        display: block;

        overflow: hidden;

        background: #e93766;

        border-radius: 100%;

        right: 11px;

        background: url(../images/mail-icon.png) no-repeat center center #e93766;

        background-size: 54%

    }



    .maction ul li:last-child {

        border-right: none;

        display: none

    }



    .maction ul li a {

        font-size: 0 !important

    }



    .maction ul {

        padding: 0;

        margin: 0

    }



    .maction ul li {

        list-style: none;

        width: 50%;

        float: left;

        text-align: center;

        border-right: none

    }



    .maction ul li a {

        color: #fff;

        padding: 5px;

        display: block;

        font-size: 14px

    }



    .maction ul li:last-child {

        border-right: none

    }



    .maction ul li a:hover {

        background: #d70a41

    }



    .mc {

        display: inline-block;

        background: url(../images/m-p-icon2.png) no-repeat center center;

        background-size: 100%

    }



    .callUs .mc img {

        display: block;

        float: unset;

        margin: 0;

        opacity: 0

    }



    .meicon {

        display: inline-block;

        background: url(../images/m-e-icon2.png) no-repeat center center;

        background-size: 100%

    }



    .callUs .meicon img {

        display: block;

        float: unset;

        margin: 0;

        opacity: 0

    }



    .otherOngoingOut {

        display: block;

        padding: 30px 0;

        overflow: hidden

    }



    .otherOngoingOut.none {

        display: none;

        padding: 30px 0;

        overflow: hidden

    }



    .otherOngoingOut .ch-grid li {

        min-height: auto;

        padding: 0

    }



    .otherOngoingOut .slick-slider {

        margin-bottom: 0

    }



    .otherOngoingOut h2 {

        text-align: center;

        font-size: 20px;

        margin: 0 0 20px;

        padding: 0

    }



    .otherOngoingOut h2 span {

        color: #dc3569

    }



    .otherOngoingOut .ch-grid li {

        position: relative;

        border-radius: 100%;

        border: none;

        width: 100%;

        margin: 0 auto;

        text-align: center

    }



    .otherOngoingOut .ch-grid li h3 {

        padding: 0;

        margin: 0;

        font-size: 20px

    }



    .otherOngoingOut.Aone_land .ch-grid li h3 {

        padding: 0;

        margin: 0;

        font-size: 25px

    }



    .otherOngoingOut.Aone_land .ch-grid li span a {

        background: #e53161;

        padding: 8px 63px;

        border-radius: 35px;

        color: #fff;

        font-size: 14px

    }



    .otherOngoingOut .ch-grid li p {

        padding: 0;

        margin: 0;

        font-size: 14px

    }



    .otherOngoingOut .ch-grid li img {

        border-radius: 100%;

        margin: 0 auto;

        width: 70%;

        margin: 0 auto 15px;

        border: solid 2px #ccc;

        outline: 0

    }



    .otherOngoingOut .ch-grid li span {

        position: absolute;

        top: 50%;

        left: 50%;

        -webkit-transform: translate(-50%, -50%);

        -ms-transform: translate(-50%, -50%);

        transform: translate(-50%, -50%)

    }



    .otherOngoingOut .ch-grid li span a {

        background: #e53161;

        padding: 7px 40px;

        border-radius: 35px;

        color: #fff;

        font-size: 14px

    }



    .salesEnquiry p br {

        display: block

    }



    .salesEnquiry p {

        font-size: 14px

    }



    #features .col-md-3 {

        width: 100%

    }



    #features .slide {

        height: 100%

    }



    #features .parallax-bg {

        padding: 40px 0

    }



    .flora_FloorPlanOut .FloorPlanIn img {

        width: 100%

    }



    #features h2,

    .AreaStatement h2 {

        font-size: 25px;

        line-height: 28px;

        letter-spacing: 0

    }



    #features ul li {

        font-size: 15px;

        padding: 6px 0

    }



    .flora_location ul {

        padding: 0 10px 0 0

    }



    .flora-on {

        display: none

    }



    .rg-gallery .rg-thumbs {

        display: none

    }



    .gblistsec {

        padding: 40px 0;

        background: url(../images/gh-background-img.jpg) center center;

        background-size: auto 100%

    }



    .gblistsec .col-md-4 {

        padding: 0 15px

    }



    .gblistsec-item .gbcontent {

        min-height: auto

    }



    .carousel-philosophy {

        width: 100%

    }



    .FloorPlanIn img {

        width: 100%

    }



    .haboutIn .col-md-2 {

        width: 32.333%;

        display: inline-block;

        vertical-align: top

    }



    .haboutIn.col-md-12 .col-md-3 {

        width: 32.333%;

        display: inline-block;

        vertical-align: top

    }



    .haboutIn.col-md-12 .col-md-3:last-child {

        margin-top: -273px

    }



    .haboutIn .col-md-2 .sText {

        padding-top: 0

    }



    .haboutIn .col-md-2 img {

        margin-bottom: 0

    }



    .haboutIn .col-md-2 img {

        display: block;

        float: unset;

        width: 100px

    }



    .haboutIn .col-md-3 img {

        display: block;

        float: unset;

        width: 100%;

        margin: 0 0 16px

    }



    .haboutIn.col-md-12 .bText {

        float: unset

    }



    .haboutIn.col-md-12 .col-md-3 .bText {

        float: unset

    }



    .taxbenefit .col-md-4:before {

        right: 0;

        border-bottom: solid 1px #e5e5e5;

        width: 100%;

        height: 1px;

        content: '';

        top: auto;

        bottom: 0

    }



    .taxbenefit .col-md-4 {

        padding-top: 20px;

        padding-bottom: 20px

    }



    .homeLoanTop {

        margin-bottom: 10px

    }



    .careerForm .form-group {

        margin: 0 0 20px

    }



    .careerForm .col-md-12 .form-group {

        margin: 0 0 0

    }



    .careerForm {

        padding: 40px 0

    }



    .careerForm h2 {

        margin: 0 0 20px

    }



    .careerFormIn {

        padding: 30px 20px 0

    }



    .contactForm .cfleft .g-recaptcha {

        -webkit-transform: scale(.95);

        -ms-transform: scale(.95);

        transform: scale(.95);

        -webkit-transform-origin: left;

        -ms-transform-origin: left;

        transform-origin: left

    }

    div#liv-prop-chat-root {

        bottom: 0 !important;

    }



    .journeyIn ul li:nth-child(12) div:before {

        left: 50%;

        bottom: 1px;

        transform: translate(-50%);

    }



    .journeyIn ul li:nth-child(12) div .iconYear {

        padding: 47px 0 0 !important;

        font-size: 25px

    }



    .haboutIn .row {

        -ms-flex-wrap: wrap;

        flex-wrap: wrap

    }



    .aboutLists .aboutLItems {

        -webkit-box-flex: 0;

        -ms-flex: 0 0 50%;

        flex: 0 0 50%

    }



    .haboutIn .row .col-md-3 {

        width: 100%

    }



    #Location .col-md-5 {

        width: 100%

    }

}



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

    .pbannerContent.vc-pbannerContent {

        top: auto;

        width: 32%;

        bottom: 0;

        left: 0;

        background: rgba(229, 49, 97, 1);

        text-align: center

    }

}



@media (max-width:767px) {

    .pbannerContent h1 {

        text-align: center

    }



    .pbannerContent h2.ban-con {

        text-align: center

    }



    #Location {

        display: block;

        overflow: hidden

    }



    .modal {

        top: 00px

    }



    .documentation .col-md-7 ul {

        text-align: left

    }



    #amenities .col-md-3 {

        width: 100%;

        float: none;

        padding-left: 31px

    }



    .careerForm .captchatext {

        width: 106px

    }



    .pbannerContent {

        top: auto;

        bottom: 0;

        background: rgba(229, 49, 97, 1);

        left: 0;

        text-align: center;

        padding: 15px;

        position: relative;

        width: 100%

    }



    #param .carousel-indicators {

        bottom: 139px;

        z-index: 1000

    }



    .pbannerContent p br {

        display: none

    }



    #Overview ul li {
        width: 36%;
        float: left;
        padding: 0 0 18px;
        margin-bottom: 28px;
		margin-inline: 10px;
    }



    #param #controls {

        bottom: 20%;

        left: 71%

    }



    #Highlights .col-md-4 {

        width: 100%;

        min-height: auto

    }



    #blog .col-md-4 {

        width: 100%

    }



    footer {

        padding: 29px 0 120px;

        background-size: inherit

    }



    #Highlights .col-md-4 h3 {

        font-size: 17px

    }



    #Highlights .col-md-4:nth-child(2) h3 {

        padding: 9px 0 36px 83px;

        font-size: 17px

    }



    #Highlights .col-md-4:nth-child(3) h3 {

        padding: 9px 0 36px 102px;

        font-size: 17px

    }



    #Highlights .col-md-4:nth-child(4) h3 {

        padding: 9px 0 36px 98px;

        font-size: 17px

    }



    #Highlights .col-md-4 p {

        min-height: auto

    }



    #hproject .col-md-6 img {

        width: 100%

    }



    .hpbg2 {

        background-size: 240%

    }



    #Highlights {

        padding: 40px 0

    }



    .menuIn {

        margin: -31px 0 0

    }



    .MenuActive .menuOut .menuIn {

        margin: -28px 0 0

    }



    .callUs {

        margin-right: 34px;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex

    }



    .menu1 span {

        width: 60% !important

    }



    .cbp-af-header.cbp-af-header-shrink .callUs {

        margin-right: 34px;

        margin-top: -39px

    }



    .MenuActive .cbp-af-header.cbp-af-header-shrink .callUs {

        margin-right: 28px;

        margin-top: -61px

    }



    .homeintro h2 {

        font-size: 18px;

        line-height: 24px

    }



    .homeintro .col-md-6:nth-child(1) img {

        width: 80%

    }



    .error-page {

        margin-top: 210px;

        text-align: center

    }



    .homeintro p {

        font-size: 14px

    }



    .homeintro p br {

        display: none

    }



    #hproject .col-md-6 {

        padding-right: 0

    }



    footer p {

        color: #f6dfe4;

        font-size: 14px;

        line-height: 18px;

        padding: 0 31px;

        margin: 0 0 8px

    }



    .projectlanding h2 {

        font-size: 25px;

        margin: 0 0 20px

    }



    .projectlanding h2 span {

        display: block

    }



    .overall-section .sec-all .each-sec:hover ul {

        bottom: 30px

    }



    .projectlbanner .parallax-bg {

        min-height: 320px;

        background-size: 195% !important;

        background-position: 59% 46px !important;

        background-repeat: no-repeat

    }



    .carousel-3d-container {

        padding: 30px 0 37px !important

    }



    .completedout .col-md-6 {

        width: 100%;

        text-align: center;

        padding-top: 15px

    }



    .completed h3 {

        font-size: 20px

    }



    .completed .col-md-5 img {

        width: 63%

    }



    .completedout {

        padding: 30px 0

    }



    .completedout .col-md-6 p br {

        display: block

    }



    .journeyIn ul li h3 {

        font-size: 19px

    }



    .jointventureInner .captchatext {

        width: 128px

    }



    .journeyIn ul li:nth-child(3) h3 {

        margin-top: 0

    }



    .journeyIn ul li:nth-child(4) h3 {

        margin-top: 0

    }



    #Overview {

        padding-top: 0

    }



    #amenities .slide img {

        width: 12% !important

    }



    .philosophy .container {

        padding-right: 25px;

        padding-left: 25px

    }



    .col-lg-1,

    .col-lg-10,

    .col-lg-11,

    .col-lg-12,

    .col-lg-2,

    .col-lg-3,

    .col-lg-4,

    .col-lg-5,

    .col-lg-6,

    .col-lg-7,

    .col-lg-8,

    .col-lg-9,

    .col-md-1,

    .col-md-10,

    .col-md-11,

    .col-md-12,

    .col-md-2,

    .col-md-3,

    .col-md-4,

    .col-md-5,

    .col-md-6,

    .col-md-7,

    .col-md-8,

    .col-md-9,

    .col-sm-1,

    .col-sm-10,

    .col-sm-11,

    .col-sm-12,

    .col-sm-2,

    .col-sm-3,

    .col-sm-4,

    .col-sm-5,

    .col-sm-6,

    .col-sm-7,

    .col-sm-8,

    .col-sm-9,

    .col-xs-1,

    .col-xs-10,

    .col-xs-11,

    .col-xs-12,

    .col-xs-2,

    .col-xs-3,

    .col-xs-4,

    .col-xs-5,

    .col-xs-6,

    .col-xs-7,

    .col-xs-8,

    .col-xs-9 {

        padding: 0

    }



    #homeVideo iframe {

        height: 300px

    }



    #videoModal .close {

        top: -40px;

        right: 0

    }



    #videoModal .modal-body {

        padding: 0;

        margin: 50px 0 0

    }



    .cd-testimonials-all.is-visible .cd-testimonials-item {

        width: 100%

    }



    .certification .container .col-md-4 {

        min-height: auto

    }



    .jointventureInner .form-group {

        margin-bottom: 20px

    }



    .contactOut .contactTop p br {

        display: block

    }



    #Location .col-md-5 {

        width: 100% !important

    }



    #Location .gallery2 {

        width: auto !important

    }



    div#livprop_popup1 {

        z-index: 1000 !important;

        height: auto;

        bottom: 47px !important

    }

}



.modal.fade .modal-dialog {

    -webkit-transition: -webkit-transform .3s ease-out;

    -o-transition: -o-transform .3s ease-out;

    transition: transform .3s ease-out;

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

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

    -o-transform: translate(0, 5%);

    transform: translate(0, 5%)

}



@media (max-width:550px) {

    .cus_ref_sec2_out_wrp {width: 92%;padding-bottom: 33%}

    .cus_ref_sec2_header_wrp h2 {font-size: 25px;margin: 0 0 15px}

    .cus_ref_sec2_header_wrp p {margin: 0;margin-top: -1px;line-height: 26px;opacity: .9}

    .cus_ref_sec2_header_wrp {width: 90%}

    .cus_ref_sec2_header_wrp a {font-size: 13px;color: #000}

    .cus_ref_sec2_in_wrp img {width: 30%}

    .cus_ref_sec2_in_wrp h3 {margin-top: -15px;font-size: 21px}

    #ref_pro_sec1.projectlbanner .parallax-bg {min-height: 266px;background-size: 195% !important;background-position: 59% 46px !important;background-repeat: no-repeat;}

    #ref_pro_sec1.projectlbanner h1 {padding: 150px 0 0 19px;font-size: 25px;text-shadow: 1px 1px 35px #000, 0 0 1em #000, 0 0 .7em #000;}

    .cus_ref_sec2_out_wrp::before {background-size: 220%;opacity: .8;}

    .ref_pro_secForm_inner .col-md-6 {padding: 0 15px}

    .mw {bottom: 120px;}

    .maction{display: none;}

    div#liv-prop-chat-root {bottom: 50px !important;}

    #param .carousel-indicators {top: 223px;}

    .otherOngoingOut .ch-grid li {display: flex;flex-direction: column;}

    .otherOngoingOut .ch-grid li img {width: 53%;}

    footer .col-md-4 {width: 100%;}

    .careerIn .col-md-6{width: 100% !important;}

    .careerIn {flex-direction: column;}

    .careerIn h3 {margin-bottom: 16px;}

    .careerForm p {font-size: 16px;}

    

}



@media (max-width:500px) {

    .haboutIn {

        margin-bottom: 30px;

        padding: 15px 30px

    }



    .aboutLists .aboutLItems {

        -webkit-box-flex: 0;

        -ms-flex: 0 0 100%;

        flex: 0 0 100%

    }



    .le-paradis-popup .le-paradis-knowmore {

        top: 3%;

        font-size: 12px;

        left: 50%;

        color: #fff3db !important;

        letter-spacing: 0

    }



    #param .slide {

        min-height: 250px

    }



    #param .slide .carousel-inner {

        min-height: 270px

    }



    #Specifications .slick-prev {

        left: -11px

    }



    #Specifications .slick-next {

        right: -11px

    }



    #homeVideo .modal-dialog {

        width: 95%

    }



    .visionayInner {

        margin: 0 0 20px

    }



    .journeyIn ul li:nth-child(1) div .iconYear,

    .journeyIn ul li:nth-child(2) div .iconYear,

    .journeyIn ul li:nth-child(3) div .iconYear,

    .journeyIn ul li:nth-child(4) div .iconYear,

    .journeyIn ul li:nth-child(5) div .iconYear,

    .journeyIn ul li:nth-child(6) div .iconYear,

    .journeyIn ul li:nth-child(7) div .iconYear {

        width: 45%

    }



    .journeyIn ul li:nth-child(2) div .iconYear {

        width: 43%

    }



    .journeyIn ul li:nth-child(8) div .iconYear {

        width: 43%

    }



    .carousel-philosophy:before {

        left: -5px

    }



    .slide .carousel-inner {

        left: -5px

    }



    #param .carousel .soldout-img {

        width: 85px;

        margin: 0;

        top: 91%;

        left: 75%

    }



    .qualityPolicyBox {

        padding: 83px 88px 95px

    }



    #flora .slide {

        height: 250px

    }



    #flora .slide .carousel-indicators {

        display: none

    }



    #flora .slide img {

        margin-top: 50px;

        width: 100%;

        max-width: 100%;

        margin-left: 0

    }



    #Overview {

        padding-bottom: 40px;

        padding-top: 40px

    }



    .slide {

        background-size: 140%;

        background-position: 0 0;

        margin-bottom: 0;

        min-height: auto

    }



    .slide .carousel-inner {

        min-height: 265px

    }



    .philosophyBottom img {

        width: 100%

    }



    .qualityPolicyBox {

        width: 100%

    }



    footer .col-md-3.bor-right ul>li {

        display: block

    }



    .overall-section .sec-all .each-sec h2 {

        padding: 25px 0 10px !important

    }



    header.cbp-af-header.cbp-af-header-shrink .menuOut {

        right: 2%

    }



    

}



@media (max-width) {

    .cus_ref_sec2_header_wrp h2 {

        font-size: 25px

    }



    .cus_ref_sec2_header_wrp a {

        font-size: 12px

    }



    .cus_ref_sec2_ul li {

        padding-left: 26px;

        line-height: 19px;

        margin: -1px 0;

        font-size: 13px

    }

}



@media (max-width:420px) {



    .paramadrees .paramAncher,

    .paramadrees a {

        color: #fff;

        text-transform: capitalize;

        margin-right: 9px;

        font-size: 11px;

        background: #ef4372;

        border-radius: 35px;

        padding: 6px 15px;

        margin-bottom: 7px;

        display: inline-block

    }

}



@media (max-width:380px) {

    .qualityPolicyBox {

        padding: 58px 80px 95px;

        width: 100%

    }



    #param {

        margin: 0 0 20px

    }



    .slide {

        background-size: 140%;

        background-position: 0 0;

        margin-bottom: 0;

        min-height: 370px

    }



    .slide .carousel-inner {

        min-height: 370px

    }



    #flora .slide {

        min-height: auto

    }



    #flora .slide .carousel-inner {

        min-height: auto

    }



    #param .slide {

        min-height: 250px

    }



    #param .slide .carousel-inner {

        min-height: 270px

    }



    .pbannerContent.Excellenza-con {

        top: 100%;

        left: 0;

        width: 100%;

        height: 135px;

        z-index: 99

    }



    .paramadrees .paramAncher {

        color: #fff;

        text-transform: capitalize;

        margin-right: 9px;

        font-size: 11px;

        background: #ef4372;

        border-radius: 35px;

        padding: 6px 10px

    }

}



@media (max-width:1920px) {

    .disclaimer_popUp {

        padding-right: 0 !important

    }



    .disclaimer_popUp .modal-dialog {

        width: 750px;

        margin: 50px auto 30px;

        background: #fff

    }



    .disclaimer_popUp .modal-dialog .modal-content {

        border-radius: 0;

        width: 95%;

        margin: 0 auto;

        box-shadow: none;

        border: 0

    }



    .disclaimer_popUp .modal-dialog .modal-content .modal-body {

        padding: 30px 15px 15px

    }



    .disclaimer_popUp .modal-dialog .modal-content .modal-body p {

        text-align: justify;

        font-size: 12px;

        line-height: 23px

    }



    .disclaimer_popUp .modal-dialog .modal-content .modal-footer {

        text-align: center;

        border-top: 0 solid #e5e5e5

    }



    .disclaimer_popUp .modal-dialog .modal-content .modal-footer .btn-default {

        background: #e53161;

        text-align: center;

        color: #fff;

        padding: 10px;

        border-color: #e53161;

        border-radius: 0

    }



    .ref_btn {

        display: flex

    }

}



@media (max-width:1366px) {

    .disclaimer_popUp .modal-dialog {

        width: 750px;

        margin: 20px auto 0

    }



    .modal.fade .modal-dialog {

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

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

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

        transform: translate(0, 0)

    }



    .modal-fullscreen .modal-header .close {

        margin-top: 0

    }



    .modal-header {

        padding: 8px 15px;

        min-height: 35px

    }



    .modal-header h3 {

        margin-top: 15px;

        margin-bottom: 7px

    }



    .certification .col-md-4 {

        min-height: 350px

    }



    .carousel.happiness-carousel {

        height: 290px

    }



    .carousel .soldout-img {

        top: 61%;

        width: 200px

    }

}



@media (max-width:1280px) {

    .haboutIn.col-md-12 .col-md-3 .bText {

        font-size: 35px

    }



    .carousel .soldout-img {

        top: 63%;

        width: 200px

    }



    header.cbp-af-header.cbp-af-header-shrink .menuOut {

        right: 0

    }



    .cbp-af-header.cbp-af-header-shrink .logo img {

        width: 85%;

        transition: all .5s ease

    }



    #Location .gallery2 {

        width: 48.333333%

    }



    #Location .col-md-5 {

        width: 47.666667%

    }



    .Overviewpara br {

        display: none

    }

}



@media (max-width:1024px) {

    .cbp-af-header.cbp-af-header-shrink .logo img {

        width: 70%;

        transition: all .5s ease

    }



    .carousel .soldout-img {

        top: 80%;

        width: 200px

    }



    .disclaimer_popUp .modal-dialog .modal-content .modal-body p {

        text-align: justify;

        font-size: 13px;

        line-height: 22px

    }



    .disclaimer_popUp .modal-dialog .modal-content .modal-body {

        padding: 15px 15px 0

    }



    .disclaimer_popUp .modal-dialog .modal-content .modal-header {

        padding: 3px 15px

    }



    .disclaimer_popUp .modal-dialog {

        margin: 25px auto 0

    }



    .visionayTop {

        margin-bottom: 30px

    }



    .journeyIn ul li h3 {

        margin-left: 3px

    }



    .logo {

        width: 160px

    }



    .cbp-af-header.cbp-af-header-shrink .logo img {

        width: auto

    }



    .certification .col-md-4 {

        min-height: 285px

    }



    .homeLoan .col-md-8 h4 {

        font-size: 19px

    }



    .taxbenefit .col-md-4 h3 {

        font-size: 19px

    }



    .le-paradis-popup img.web-img {

        display: none

    }



    .le-paradis-popup img.mob-img {

        display: block

    }



    .le-paradis-popup .modal-dialog {

        width: 80%

    }



    .le-paradis-popup .le-paradis-knowmore {

        top: 23%;

        left: 31%;

        color: #dd6335 !important

    }



    .cbp-af-header.cbp-af-header-shrink .menu ul li a {

        padding: 0 22px 0 0;

        font-size: 13px

    }



    .cbp-af-header.cbp-af-header-shrink .logo img {

        width: 100%;

        padding: 6px 0 0

    }



    .menu {

        padding-right: 29px

    }



    .container {

        width: 1015px

    }



    .menu .eB {

        margin-right: 26px

    }



    .haboutIn.col-md-12 .col-md-3 .bText {

        font-size: 27px;

        line-height: 32px

    }



    #About p {

        margin: 0 0 30px

    }



    .careerForm label {

        display: block;

        clear: both

    }



    footer ul {

        overflow: inherit;

        clear: both

    }

}



@media (max-width:1024px) {

    .disclaimer_popUp .modal-dialog {

        width: 100%;

        margin: 0

    }



    header .container {

        width: 100% !important

    }

}



@media (max-width:992px) {

    .container {

        width: 100%

    }



    .cus_ref_sec2_ul li {

        font-size: 14px

    }

}



@media (max-width:768px) {

    .container {

        width: auto

    }



    .le-paradis-popup .modal-dialog {

        width: 70%;

        margin: 0 auto

    }



    footer .col-md-3 ul li img {

        opacity: 1

    }



    #hproject .col-md-6 {

        width: 100%

    }



    .visionayInner .col-md-6.img {

        padding: 0;

        width: 100%

    }



    .completed .col-md-6 {

        width: 100%;

        padding: 0 15px;

        text-align: center;

        margin-bottom: 20px

    }



    .certification img {

        margin: auto

    }



    .documentation .col-md-7 {

        max-width: 100%

    }



    .vardaan-popUp .modal-body {

        background: #fff

    }



    .vardaan-popUp .var-readmore {

        position: unset;

        display: block;

        padding: 10px;

        text-align: center;

        font-size: 15px

    }



    #bootstrap-touch-slider .item.new-slider-two .slide-text>h3 {

        font-size: 40px;

        line-height: 50px

    }



    .col-md-4.footCommerical {

        width: 100%

    }

}



@media (max-width:600px) {

    .ucp-section .upcomingproject .upprojrct-list {

        width: 33%;

        margin: 25px

    }



    .ucp-section .upcomingproject.two {

        padding: 0 0 0

    }



    #parent-div iframe {

        position: relative;

        bottom: 56px

    }



    .wrapper.wpsho {

        z-index: 9999999

    }

}



@media (max-width:550px) {
	.portraitINtro img.prologo {width: 55%;}
	
}



@media (max-width:500px) {

    button#acceptBtn {

        width: calc(100% / 2 - 10px)

    }



    #bootstrap-touch-slider .item.new-slider-two .slide-text>h3 {

        font-size: 30px;

        line-height: 35px

    }



    .bottom_button {

        display: block

    }



    .bottom_button {

        width: 100%;

        height: 50px;

        float: left;

        background: #e93766;

        line-height: 50px;

        border-top: 1px solid #fff;

        display: block;

        position: fixed;

        bottom: 0;

        z-index: 1000000;

        font-weight: 700;

        text-transform: uppercase

    }



    .bottom_button .specification {

        width: 49%;

        float: left;

        text-align: center;

        border-right: 1px solid #fff;

        font-size: 15px

    }



    .bottom_button .enquireButton {

        width: 49%;

        float: left;

        text-align: center;

        font-size: 15px

    }



    .bottom_button .specification a {

        color: #fff !important;

        text-decoration: none;

        display: block

    }



    .bottom_button .enquireButton a {

        color: #fff !important;

        text-decoration: none;

        display: block

    }



    .le-paradis-popup .modal-dialog {

        width: 95%

    }



    #homeVideo .btn-default {

        right: -3px

    }



    .cbp-af-header.cbp-af-header-shrink .logo img {

        width: 160px;

        margin: 5px 0 0

    }



    footer {

        background-size: cover

    }



    footer p {

        padding: 12px 40px 5px

    }



    footer h4 {

        margin: 10px 0 0

    }



    footer .col-md-3 ul {

        margin: 5px 0 0

    }



    .enquireNowOut .col-md-6 {

        padding: 0

    }



    .enquireNowOut .g-recaptcha {

        -webkit-transform: scale(.8);

        -ms-transform: scale(.8);

        transform: scale(.8)

    }



    .journeyIn ul li {

        min-height: 205px

    }



    .journeyIn ul li:nth-child(1) div .iconYear,

    .journeyIn ul li:nth-child(2) div .iconYear,

    .journeyIn ul li:nth-child(3) div .iconYear,

    .journeyIn ul li:nth-child(4) div .iconYear,

    .journeyIn ul li:nth-child(5) div .iconYear,

    .journeyIn ul li:nth-child(6) div .iconYear,

    .journeyIn ul li:nth-child(7) div .iconYear {

        background-size: 100%

    }



    .journeyIn ul li:nth-child(2) div .iconYear {

        background-size: 100%

    }



    .journeyIn ul li:nth-child(8) div .iconYear {

        background-size: 100%

    }



    .journeyIn ul li:nth-child(10) h3 {

        font-size: 19px

    }



    .projectlanding {

        padding: 30px 0 0

    }



    .otherOngoingOut .ch-grid li span {

        position: unset;

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

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

        transform: translate(0, 0);

        margin: 0 0 10px;

        display: block

    }



    .projectlanding.trophy-intro img {

        margin-top: -65px

    }



    #amenities .carousel-control.left {

        background: url(../images/arrow-left1.png) no-repeat 3px 11px !important;

        left: -15%;

        height: 55px

    }



    #amenities .carousel-control.right {

        background: url(../images/arrow-right1.png) no-repeat 3px 11px !important;

        right: -32px;

        height: 55px

    }



    #ProjectStatus.trophy-projectstatus .resp-tabs-container h2.resp-accordion:nth-child(3) {

        display: none

    }



    #ProjectStatus.trophy-projectstatus .resp-tabs-container h2.resp-accordion:nth-child(4) {

        display: none

    }



    #ProjectStatus.trophy-projectstatus .resp-tabs-container h2.resp-accordion:nth-child(5) {

        display: none

    }



    #ProjectStatus.trophy-projectstatus .resp-tabs-container h2.resp-accordion:nth-child(6) {

        display: none

    }



    #ProjectStatus.trophy-projectstatus .resp-tabs-container h2.resp-accordion:nth-child(7) {

        display: none

    }



    #ProjectStatus.trophy-projectstatus .resp-tabs-container h2.resp-accordion:nth-child(8) {

        display: none

    }



    .haboutIn .col-md-2 {

        width: 100%;

        display: block;

        padding: 10px;

        text-align: center

    }



    .haboutIn.col-md-12 .col-md-3 {

        width: 100%;

        display: block;

        padding: 10px;

        text-align: center

    }



    .haboutIn.col-md-12 .col-md-3:last-child {

        margin-top: 0

    }



    .haboutIn .col-md-2 img {

        margin: 0 auto

    }



    .haboutIn .col-md-3 img {

        margin: 0 auto

    }



    #documentation .container .documentation:last-child {

        margin: 0

    }



    #hproject span#imgho {

        font-size: 14px;

        right: 0

    }



    #Location .col-md-7 a h3 {

        left: 23%

    }

    #bootstrap-touch-slider.bs-slider.carousel {

        height: auto !important;

    }

    #bootstrap-touch-slider.bs-slider.carousel.indicators-line>.carousel-indicators {

        bottom: 10%;

    }

}



#more {

    display: none

}



button#reBtn {

    background: 0 0;

    text-decoration: underline

}



section#des_rmrl p {

    margin-bottom: 0;

    font-size: 16px;

    line-height: 23px

}



.wrapper .despop {

    position: fixed;

    right: -90%;

    max-width: 90%;

    width: 100%;

    background: #fff;

    border-radius: 8px;

    padding: 15px 25px 22px;

    transition: right 1s ease;

    box-shadow: 0 5px 10px rgba(0, 0, 0, .1)

}



.wrapper.wpsho {

    position: fixed;

    bottom: 0;

    max-width: 100%;

    width: 100%;

    height: 100%;

    background: #222222c7;

    border-radius: 8px;

    padding: 15px 25px 22px;

    transition: right 1s ease;

    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);

    z-index: 9999

}



.wrapper .despop.show {

    top: 50%;

    right: 50%;

    transform: translate(50%, -50%)

}



.wrapper header {

    display: flex;

    align-items: center;

    column-gap: 15px

}



.wrapper .data {

    margin-top: 16px

}



.wrapper .data p {

    color: #333;

    font-size: 16px

}



.data p a {

    color: #d41968e8;

    text-decoration: none

}



.data p a:hover {

    text-decoration: underline

}



.wrapper .buttons {

    margin-top: 16px;

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center

}



.buttons .button {

    border: none;

    color: #fff;

    margin: 0 10px;

    padding: 4px 0;

    border-radius: 4px;

    background: #d41968e8;

    cursor: pointer;

    width: calc(17% / 2 - 10px);

    transition: all .2s ease

}



.buttons #acceptBtn:hover {

    background-color: #d41968bf

}



#declineBtn {

    border: 2px solid #d41968e8;

    background-color: #fff;

    color: #d41968e8

}



#declineBtn:hover {

    background-color: #d41968bf;

    color: #fff

}



button#acceptBtn {

    border: 2px solid #d41968e8

}

.portraitINtro img.prologo {
    width: 16vw;
}