.nav-tabs { border-bottom: 2px solid #DDD; margin-top: 15px; }
         /*.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {border: 1px solid #d6d6d6 !important }*/
         .nav-tabs > li > a { border: none; color: #666; text-transform:none; border: 1px solid #fff;}
         .nav-tabs > li.active > a, .nav-tabs > li > a:hover { border: none; color: #666 !important; background: transparent; }
         .nav-tabs > li > a::after { content: ""; background: #0eb0d2; height: 3px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
         .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
         .tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; }
         .tab-pane { padding: 5px 0; }
         .tab-content{padding:20px}
         .card {background: #FFF none repeat scroll 0% 0%;box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3); margin-bottom: 30px;    border-radius: 5px; }     
         .jssort14 .p {  
         position: absolute;   
         //width: 155px;    
         //height: 50px;    
         top: 0;    
         left: 10px;    
         padding: 0px;   
         background: #e5e5e5;
         }
         .jssort14 .w {    
         cursor: pointer;    
         position: absolute;   
         WIDTH: 100%;    
         HEIGHT: 100%;    
         //background-color: #c2b38f;
         }
         .jssort14 .pdn .w, .jssort14 .pav .w, .jssort14 .p:hover .w {   
         //background-color: #f7f7f7;
         }
         .jssort14 .c {    
         width:100%;    
         height: 50px;    
         position: absolute;    
         top: 0px;    
         left: 0;    
         line-height: 25px;    
         text-align: center;   
         // color: #000;    
         font-size: 16px;    
         //background-color: #e6e0c8;    
         transition: background-color .6s;    
         -moz-transition: background-color .6s;    
         -webkit-transition: background-color .6s;   
         -o-transition: background-color .6s;
         }
         .jssort14 .p:hover .c, .jssort14 .pav:hover .c, .jssort14 .pav .c {    
         transition: none;    
         -moz-transition: none;    
         -webkit-transition: none;    
         -o-transition: none;
         }
         .jssort14 .pav .c {    
         //background-color: #ffab57;
         }
         .jssort14 .p:hover .c, .jssort14 .pav:hover .c {    
         background-color: #fff;
         }
         .slides{
         left: 0px;
         }
         .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
         color: #474747;
         background-color: transparent;
         }
         .viewcart{
         position: absolute;
         bottom: 7px;
         padding: 4% 32%;
         margin: 3%;
         background-color: transparent;
         color: transparent;
         }
         .viewcart:hover{
         position: absolute;
         bottom: 7px;
         padding: 4% 31% 4% 33.5%;
         margin: 3%;
         background-color: #000;
         color: #fff;
         transition: all ease-out 0.5s;
         }
         .yamm .dropdown-menu li a {
         margin-left: 30px;
         }
         .yamm .dropdown-menu .title:hover, .yamm .dropdown-menu .title:focus {
         color:<?php echo $this->frontend_model->getdyncolor(1); ?>;
         }
         .yamm .dropdown-menu li a:hover, .yamm .dropdown-menu li a:focus {
         color: <?php echo $this->frontend_model->getdyncolor(1); ?>;
         } 
         .batch p{
         font-size:15px;
         } 
         .tabhead a{color:#4a4a4a;font-size:14px; padding: 8px 23px 8px 15px !important;}
         .nutri{line-height:23px;} .nutri p{font-size:15px;margin-bottom:5px !important;}
         .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
         border: none;
         }




         .p-0 {
          padding: 0!important;
      }
      .container-fluid {
          width: 100%;
          padding-right: 15px;
          padding-left: 15px;
          margin-right: auto;
          margin-left: auto;
      }

      @media (min-width: 768px) {
         section.content-section-header {
    min-height: 100vh;
}
      }


.hero-background {
    position: relative;
    width: 100%;
    height: 100%;
}
.content-section-header {
    position: relative;
    top: 0px;
}
.fcw {
    color: #fff;
}
.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}

.hero-background:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 80%;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0, 0, 0, 0.8)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.0) 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1);
}


/*.blurbox.active {
    -webkit-filter: blur(15px);
    -ms-filter: blur(15px);
    -o-filter: blur(15px);
    filter: blur(15px);
}
.blurbox {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
}*/
.z1 {
    z-index: 1;
    position: fixed;
    height: 100%;
}

.rera {
    font-size: 0.75rem;
    margin-left: 3rem;
    margin-top: 23px;
    display: inline-block;
    font-weight: 300;
    opacity: .80;
    letter-spacing: .2px;
}

section.content-section-header .rera span {
    font-weight: 600;
}

.mb-0, .my-0 {
    margin-bottom: 0!important;
}
h1 {
    font-size: 3.75rem;
    line-height: 41px;
    color: #fff;
    letter-spacing: -2px;
    margin-left: -4px;
}
.subheading {
    font-size: 15px;
    padding: 23px 0px 8px;
    line-height: 30px;
    letter-spacing: 0.04rem;
    font-family: sans-serif;
}
.fcw {
    color: #fff;
}
.subheading span {
    display: inline-block;
    margin-right: 6px;
}
svg:not(:root) {
    overflow: hidden;
}
.offer {
    margin: -2px 0px 59px 0px;
}
.offer-text {
    display: inline-block;
    padding-left: 5px;
    font-size: 13px;
}
section.content-section-header .highlights {
    width: 33.75rem;
    overflow: hidden;
}
section.content-section-header .project-highlights {
    width: 82px;
    height: 15px;
    border-radius: 0px 8px 8px 0px;
    background-color: #f8e81c;
    color: #000;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0px 3px;
    display: inline-block;
    margin-bottom: 15px;
    margin-top: 5px;
    letter-spacing: 0px;
    line-height: 15px;
}
section.content-section-header .highlights ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
section.content-section-header .highlights ul li:nth-child(1) {
    float: left;
    width: 200px;
}
section.content-section-header .highlights ul li {
    font-size: 14px;
    font-weight: 300;
    float: left;
    line-height: 24px;
    position: relative;
    padding-left: 12px;
    margin-right: 10px;
}
section.content-section-header .highlights ul li::before {
    content: '• ';
    position: absolute;
    top: 0px;
    left: 0px;
    color: #fff;
    font-size: 13px;
}
.btn1 {
    width: 180px;
    height: 40px;
    border-radius: 3px;
    background-color: #ffffff;
    font-size: 13px;
    display: block;
    line-height: 40px;
    padding-left: 33px;
    font-weight: 600;
    transition: .3s;
    margin-top: 17px;
}
svg:not(:root) {
    overflow: hidden;
}
.arrow {
    margin-left: 6px;
}
#scroll {
    animation: .5s ease 1s normal both 1 running fadeIn;
    bottom: 9px;
    left: 19px;
    position: fixed;
    z-index: 1;
    left: 37%;
}
#scroll svg {
    animation: 2s ease 0s normal none infinite running svgScroll;
    display: block;
    transform-origin: center bottom 0;
}
#scroll a span {
    font-size: 10px;
    color: #fff;
    position: absolute;
    top: 8px;
    width: 120px;
    margin-left: 23px;
    text-align: left;
    color: #ffffff;
    text-shadow: 0 1px 2px rgb(0 0 0 / 10%);
}
/*.blurbox.active {
    -webkit-filter: blur(15px);
    -ms-filter: blur(15px);
    -o-filter: blur(15px);
    filter: blur(15px);
}*/
.content-section-header .hero-img {
    top: 0px;
    left: 0px;
    z-index: 0;
    position: fixed;
    width: 85%;
    height: 100%;
    height: 100vh;
}
/*.blurbox {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
}*/
.carousel {
    position: absolute;
    top: 0;
    left: 0;
}
.carousel, .carousel-inner, .carousel-item {
    width: 100%;
    height: 100%;
}
.carousel {
    position: relative;
}
.carousel, .carousel-inner, .carousel-item {
    width: 100%;
    height: 100%;
}
.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.carousel-fade .carousel-item.active {
    opacity: 1;
}
.carousel-fade .carousel-item {
    display: block;
    position: absolute;
    opacity: 0;
    transition: opacity .75s ease-in-out;
}
.slide-1, .slide-2, .slide-3, .slide-4 {
    background-size: cover;
    height: auto !important;
    height: 100%;
    min-height: 100%;
}
.slide-1 {
    background: url(https://property.magicbricks.com/mb-microsite/6/windchants-experiondevelopers-gurgaon/img/eln.jpg) top left no-repeat;
}

section.content-section {
    /* border-bottom: 1px solid #dee2e6; */
    padding: 15px 10px;
    /*background-color: #e9eef2;*/
    z-index: 99;
    position: relative;
}
.flex-column {
    -ms-flex-direction: column!important;
    flex-direction: column!important;
}
.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}

section.content-section .card-title {
    font-size: 14px;
    font-weight: 700;
    color: #000;
    background-color: #fff;
    margin: 0px;
    height: 42px;
    line-height: 42px;
    text-align: left;
    padding: 0px 20px;
    border-radius: 0px 10px 0px 0px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    display: inline-block;
    cursor: text;
    box-shadow: inset -4px -8px 8px -10px rgb(0 0 0 / 10%);
}
a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none;
}
.card-title {
    margin-bottom: 0.75rem;
}
section.content-section .card-title span {
    font-weight: 400;
}
section.content-section .card-section {
    background-color: #ffffff;
    /* min-width: 960px; */
    /* min-height: 360px; */
    box-shadow: 0 1px 11px 0 rgb(0 0 0 / 5%);
    border-radius: 0px;
}
.tab-value {
    overflow: hidden;
}
.sub-tab-container {
    margin: 30px 50px 33px 50px;
}
.tab-content .tabpaneContainer {
    padding-bottom: 30px;
}
.nopadding {
    padding: 0px;
}
.tabpaneContainer .thumbnail {
    max-height: 275px;
    max-width: 275px;
    border-radius: 10px;
    background-color: #ffffff;
    border: solid 1px #e7eced;
    overflow: hidden;
    margin-right: 20px;
}
.tabpaneContainer .thumbnail a {
    display: block;
}
.unit-detail-container {
    padding-left: 10px;
    margin-top: -3px;
}













.project-highlights {
         width: 82px;
         height: 15px;
         border-radius: 0px 8px 8px 0px;
         background-color: #f8e81c;
         color: #000;
         font-size: 12px;
         font-weight: 700;
         text-transform: uppercase;
         padding: 1px 3px;
         display: inline-block;
         margin-bottom: 15px;
         margin-top: 5px;
         letter-spacing: 0px;
         line-height: 15px;
         }
         .Offers {
         margin: -2px 0px 59px 0px;
         }
         .offer-text {
         display: inline-block;
         padding-left: 5px;
         font-size: 14px;
         }
         .highlightsultag li{
         list-style: circle;
         font-size: 14px;
         font-weight: 300;
         float: left;
         line-height: 24px;
         position: relative;
         padding-left: 12px;
         margin-right: 10px;
         width: 50% !important;
         }
         .banner_content {
         color: #fff;
         }
         section.backgroundtexture {
         padding: 15px 10px;
         background-color: #fff;
         z-index: 50;
         position: relative;
         background-image: url(<?php echo base_url(); ?>files/textures/<?php echo $texturep; ?>) !important;
         }
          section.content-section {
         padding: 15px 0px;
         }
         section.content-section .card-title {
               font-size: 14px;
                font-weight: 700;
                color: #fff;
                background-color: #0eb0d2;
                margin: 0px;
                height: 42px;
                line-height: 42px;
                text-align: left;
                padding: 0px 20px;
                border-radius: 0px 10px 0px 0px;
                text-transform: uppercase;
                letter-spacing: 0.4px;
                display: inline-block;
                cursor: text;
                box-shadow: inset -4px -8px 8px -10px rgb(0 0 0 / 10%);
            }
         section.content-section .card-section {
         background-color: #ffffff;
         box-shadow: 0 1px 11px 0 rgb(0 0 0 / 5%);
         border-radius: 0px;
         /*width: 78%;*/
         }
         .tab-value {
         overflow: hidden;
         }
         ul.unittab {
         width: 100%;
         float: none;
         margin: 0px auto;
         display: inline-block;
         border: 0px;
         border-bottom: 1px solid #e7eded;
         }
         ul.unittab li {
         display: table-cell;
         white-space: pre;
         float: none;
         }
         /*section.content-section .card-section .nav-tabs li a.active {
         border-bottom: 2px solid #0f9747;
         color: #0f9747;
         -webkit-transition: border .1s;
         -o-transition: border .1s;
         transition: border 0.0111s;
         }
         section.content-section .card-section .nav-tabs li a {
         height: 56px;
         line-height: 56px;
         font-size: 13px;
         font-weight: 600;
         color: #9da6ae;
         width: auto;
         padding: 0px 30px;
         display: inline-block;
         text-decoration: none;
         outline: none;
         text-align: center;
         text-transform: uppercase;
         }
         .tab-content > .active {
         display: block;
         }
         .tab-content > .tab-pane {
         display: none;
         }*/
         .fade.show {
         opacity: 1;
         }
         .fade {
         opacity: 0;
         transition: opacity .15s linear;
         }
         .sub-tab-container {
         margin: 30px 50px 33px 50px;
         }
         .tab-content .tabpaneContainer {
         padding-bottom: 30px;
         }
         .nopadding {
         padding: 0px;
         }
         .tabpaneContainer .thumbnail {
         max-height: 275px;
         max-width: 275px;
         border-radius: 10px;
         background-color: #ffffff;
         border: solid 1px #e7eced;
         overflow: hidden;
         margin-right: 20px;
         }
         .tabpaneContainer .thumbnail a {
         display: block;
         }
         .unit-detail-container {
         padding-left: 10px;
         margin-top: -3px;
         }
         ul.property-type-detaiil {
         margin: 0px;
         padding: 0px;
         margin-top: 0px;
         }
         ul.property-type-detaiil li {
         display: inline-block;
         color: #000000;
         font-size: 16px;
         font-weight: 700;
         padding-right: 20px;
         border-right: 1px solid #eff3f4;
         }
         .tabpaneContainer .FloorDetail {
         margin: 39px 5px 30px 0px;
         }
         .tabpaneContainer .FloorDetail ul li {
         display: inline-block;
         font-size: 12px;
         color: #383838;
         font-weight: 400;
         width: 129px;
         vertical-align: top;
         }
         .tabpaneContainer .uspDetails ul li {
         padding-left: 23px;
         font-size: 12px;
         color: #000;
         font-weight: 400;
         list-style: none;
         margin-bottom: 7px;
         position: relative;
         }
         /*//second section css*/
         .img-overview {
         max-width: 350px !important;
         /*max-height: 225px !important;*/
         margin-right: 30px;
         }
         .img-round {
         border-radius: 10px;
         overflow: hidden;
         }
         .img-fluid {
         max-width: 100%;
         height: auto;
         }
         .overview {
         line-height: 22px;
         margin-top: 10px;
         padding-right: 10px;
         }
         .slimScrollBar {
         opacity: 0.1 !important;
         }
         .download {
         position: relative;
         /*margin-top: 10px;*/
         }
         .download-cta {
         font-size: 12px;
         text-decoration: underline;
         padding-right: 30px;
         font-weight: 600;
         height: 20px;
         line-height: 30px;
         }
         .text-color {
         color: #0f9747 !important;
         }
         .overview-detail {
         padding: 30px;
         padding-bottom: 20px;
         width: 80%;
         }
         .roundborder {
         border-radius: 10px;
         border: solid 1px #e7eced;
         }
         .mt-30 {
         margin-top: 30px;
         }
         ul.over-detail {
         padding: 0px;
         margin: -7px 0px 0px -1px;
         }
         ul.over-detail li {
         list-style: none;
         margin: 0px;
         padding: 0px;
         display: inline-block;
         width: auto;
         padding-bottom: 4px;
         color: #383838;
         width: 176px;
         }
         .s-bold {
         font-weight: 400;
         display: block;
         color: #000000;
         margin-top: 1px;
         }
         ul.over-detail li:nth-child(6) {
         width: 100%;
         display: block;
         clear: both;
         margin: 21px 0px;
         }
         ul.over-detail li:nth-child(12) {
         width: 100%;
         display: block;
         clear: both;
         margin: 21px 0px;
         }
         .dash-top {
         border-top: dashed 1px #e7eced;
         margin: 26px 0px;
         }
         .gallery-box {
         padding-bottom: 40px;
         }
         .padding30 {
         padding: 30px;
         }
         .no-js .owl-carousel, .owl-carousel.owl-loaded {
         display: block;
         }
         .no-js .owl-carousel, .owl-carousel.owl-loaded {
         display: block;
         }
         ul.owl-gallery {
         margin: 0px;
         padding: 0px;
         }
         .owl-carousel {
         display: none;
         width: 100%;
         z-index: 1;
         }
         .owl-carousel, .owl-carousel .owl-item {
         -webkit-tap-highlight-color: transparent;
         position: relative;
         }
         ul.owl-gallery .owl-stage-outer {
         overflow: hidden;
         border-radius: 10px;
         }
         .owl-carousel .owl-stage-outer {
         position: relative;
         overflow: hidden;
         -webkit-transform: translate3d(0, 0, 0);
         }
         .owl-carousel .owl-stage {
         position: relative;
         -ms-touch-action: pan-Y;
         -moz-backface-visibility: hidden;
         }
         .builder-logo {
         text-align: center;
         width: 200px;
         height: 200px;
         overflow: hidden;
         }
         .builder-logo img {
         text-align: center;
         }
         .mb-auto, .my-auto {
         margin-bottom: auto!important;
         }
         .mt-auto, .my-auto {
         margin-top: auto!important;
         }
         .pl-4, .px-4 {
         padding-left: 1.875rem!important;
         }
         .aboutus-text {
         line-height: 22px;
         padding-right: 10px;
         }
         .slimScrollBar {
         opacity: 0.1 !important;
         }
         .developer-title {
         font-size: 12px;
         font-weight: 700;
         letter-spacing: 0.04px;
         text-transform: uppercase;
         display: block;
         margin: 4px 0px 12px 0px;
         }
         .address-box {
         padding: 25px 14px 25px 25px;
         min-height: 96px;
         overflow: hidden;
         }.mr-4, .mx-4 {
         margin-right: 1.5rem!important;
         }
         /*////banner*/
         .hero-background {
    position: relative;
    width: 100%;
    height: 100%;
}
.content-section-header {
    position: relative;
    top: 0px;
}
.fcw {
    color: #fff;
}
/*.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}*/
.hero-background:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 80%;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0, 0, 0, 0.8)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.0) 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1);
}
.blurbox {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
}
.z1 {
    z-index: 1;
    position: fixed;
    height: 100%;
}

.rera {
    font-size: 12px;
    margin-left: 5rem;
    margin-top: 110px;
    display: inline-block;
    font-weight: 300;
    opacity: .80;
    letter-spacing: .2px;

}
h1.mb-0 {
   font-size: 58px;
    line-height: 70px;
    color: #fff;
    letter-spacing: 2px;
    margin-left: -4px;
    font-family: 'Open Sans', serif;
    font-weight: 800;
    /*max-width: 75%;*/
}
section.content-section-header .rera span {
    font-weight: 600;
}
.snapshot {
    /*border-left: 3px solid #fff;*/
    padding-left: 43px;
    margin-top: 42px;
}
.mb-0, .my-0 {
    margin-bottom: 0!important;
}
.subheading span {
    display: inline-block;
    margin-right: 6px;
}
.fbold {
    font-weight: 600;
    margin: 0px !important;
}
.content-section-header .hero-img {
    top: 0px;
    left: 0px;
    z-index: 0;
    /*position: fixed;*/
    width: 85%;
    height: 100%;
    height: 100vh;
}
.blurbox {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
}.carousel {
    position: absolute;
    top: 0;
    left: 0;
}
.carousel, .carousel-inner, .carousel-item {
    width: 100%;
    height: 100%;
}.carousel, .carousel-inner, .carousel-item {
    width: 100%;
    height: 100%;
}
.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}.carousel-fade .carousel-item.active {
    opacity: 1;
}
.carousel-fade .carousel-item {
    display: block;
    position: absolute;
    opacity: 0;
    transition: opacity .75s ease-in-out;
}
.carousel-item-next, .carousel-item-prev, .carousel-item.active {
    display: block;
}
.carousel, .carousel-inner, .carousel-item {
    width: 100%;
    height: 100%;
}
.carousel-item {
    position: relative;
    display: none;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    transition: -webkit-transform .6s ease;
    transition: transform .6s ease;
    transition: transform .6s ease, -webkit-transform .6s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}
.slide-1, .slide-2, .slide-3, .slide-4 {
    background-size: cover;
    height: auto !important;
    height: 100%;
    min-height: 100%;
}
.slide-1 {
    background: url('<?php echo base_url(); ?>files/pics/<?php echo $rec_productinfo['product_icon']; ?>') top left no-repeat;background-size: cover;
}
.container-fluid {
    padding-right: 15px;
     padding-left: 0px; 
    margin-right: auto;
    margin-left: auto;
}
.offer {
    margin: -2px 0px 59px 0px;
}section.content-section-header .highlights {
    width: 50%;
    overflow: hidden;
}section.content-section-header .highlights ul {
    margin: 0px;
    padding: 0px;
}
section.content-section-header .highlights ul li:nth-child(1) {
    float: left;
    width: 200px;
    color: white;
}
section.content-section-header .highlights ul li {
    font-size: 15px;
    font-weight: 300;
    float: left;
    line-height: 24px;
    position: relative;
    padding-left: 12px;
    margin-right: 10px;
    color: white;
    letter-spacing: 0.04em;
    font-family: sans-serif;
}
.header-nav.animate-dropdown {
            /*height: 55px;*/
                padding-top: 6px;
         }
         .floorplanstab {
            text-transform: capitalize;
    text-align: center !important;
    font-size: 14px;
    /* padding-left: 3px; */
    border: 1px solid #0eb0d2;
    padding: 2px 12px 2px 7px;
    background: #0eb0d2;
    border-radius: 4px;
    color: #fff;
    margin-left: 12px;
         }
.imagezoom {
  transition: transform .2s;
  width: 321px;
  height: 321px;
  margin: 10px 5px;
}
@media (max-width: 767px) {
.container {
  width:100% !important;
}

.col-md-3 {
  padding-right: 0px !important;
}

section.content-section-header.hero-background.d-flex.d-column.fcw.top {
    height: 100vh;
}

.content-section-header .hero-img {
    width: 100% !important;
}
.snapshot {
    padding-left: 12px !important;
}
.subheading {
    font-weight: 300;
    font-size: 12px !important;
    padding: 23px 0px 8px;
    line-height: 24px !important;
}
section.content-section-header .highlights ul li {
    font-size: 12px !important;
    font-weight: 300;
    float: left;
    line-height: 17px !important;
    position: relative;
    padding-left: 12px;
    margin-right: 10px;
    color: white;
}
}
@media (min-width: 992px) {
    .card-body {
    position: fixed;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    width: 18.75rem;
    height: 100vh;
    background-color: #fff;
}

}

.yamm .dropdown-menu li a:hover,

.yamm .dropdown-menu li a:focus {

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

  margin-left: 50px;

}