* {
    padding: 0;
    margin: 0 auto;
}
:root{ font-size:16px;}
@font-face {
        font-family: 'Optima';
        font-style: normal;
        font-weight: normal;
        src: local('Optima'), url('../fonts/OPTIMA.woff') format('woff');
    }
    

    @font-face {
        font-family: 'Optima Italic';
        font-style: normal;
        font-weight: normal;
        src: local('Optima Italic'), url('../fonts/Optima_Italic.woff') format('woff');
    }
    

    @font-face {
        font-family: 'Optima Medium';
        font-style: normal;
        font-weight: normal;
        src: local('Optima Medium'), url('../fonts/Optima Medium.woff') format('woff');
    }
    

    @font-face {
        font-family: 'Optima Bold';
        font-style: normal;
        font-weight: normal;
        src: local('Optima Bold'), url('../fonts/OPTIMA_B.woff') format('woff');
    }
    
    @font-face {
    font-family: 'Freight';
    src: url('../fonts/Freight-BigLight.eot');
    src: url('../fonts/Freight-BigLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Freight-BigLight.woff') format('woff'),
        url('../fonts/Freight-BigLight.ttf') format('truetype'),
        url('../fonts/Freight-BigLight.svg#Freight-BigLight') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

a,
a:hover,
a:focus {
    text-decoration: none;
}

h1,
h3,
h4,
h2,
h5,
h6 {
    font-family: 'Freight' !important;
    margin: 0;
    color: #161616;
}

textarea{
    resize:none;
}

body {
    font-family: 'Optima';
    color: #524f4f;
    min-height: 100vh;
    overflow-x: hidden;
}
.slick-slide:focus {
    outline:none;
    -webkit-box-shadow:none;
            box-shadow:none;
}

.white-bg {
    background: #fff;
    padding: 50px 0;
    position: relative;
}
.navbar-expand-lg .navbar-collapse{ justify-content:end;}
nav .navbar-nav {
    margin-right: 0;
}

.banner .vh {
    height: 100vh;
    background-size: cover !important;
    position: relative;
    background-position:center center !important;
}

.video-slider{
     position: relative;
}
.bgclr{background: #f8f4f0;}
.imgbgclr{height:285px; background: #f8f4f0; position:absolute; left:0; width:100%;}
nav {
    background: rgb(0 0 0 / 27%);
    padding: 10px 0 !important;
    border-bottom: solid 1px #fff;
}
/*.navbar-expand-lg .navbar-nav .nav-link:after {
    content: '';
    width: 0;
    position: absolute;
    bottom: -25px;
    transition: all ease-in-out 0.3s;
     right: 0; 
    height: 2px;
    background: black;
}
.navbar-expand-lg .navbar-nav .nav-link:hover:after {
    width:100%;
    left:0;
}*/


nav.navbar.navbar-expand-lg.fixed-top.fixed .nav-link:after{
    bottom: -24px;
    background:#fff;
}


.navbar-expand-lg .navbar-nav .nav-link {
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
    padding-right: 0;
    padding-left: 0;
    color: #fff;
    font-size: 14px;
    letter-spacing: 1px;
    margin-left: 23px;
        position: relative;
}

.navbar-brand img {
    width: 220px;
}

.btn {
   font-family: 'Optima';
       text-transform: uppercase;
    font-size: 0.90rem;
    color: #3e3e3e;
    padding-bottom: 4px;
    letter-spacing: 1px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
            padding-left: 0;
     background: transparent;
}
.btn span{
    padding-bottom: 0;
    left: -20px;
    position: relative;
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}
.btn svg {
    width: 60px;
    height: 60px;
    fill: none;
    stroke: rgba(140, 140, 140, 0.1);
    stroke-dashoffset: 180;
    stroke-width: 0.3px;
    /* transform: translateX(10px); */
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.btn b.upcom {
    width: 40px;
    height: 1px;
    position: absolute;
    top: 50%;
    right: -50px;
    background: #3e3e3e;
    font-weight: normal;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


.btn:hover svg {
    stroke: #9e8061;
    stroke-dashoffset: 0;
    stroke-dasharray: 180;
    -webkit-transform-origin: center;
        -ms-transform-origin: center;
            transform-origin: center;
    stroke-width: 1px;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.btn:hover b.upcom {
    right: -60px;
}

.mn_c_ln::after,
.mn_c_ln::before {
    content: '';
    width: 1px;
    height: 100px;
    background: #9e8061;
    left: 50%;
    margin-left: -.5px;
    bottom: 0px;
    position: absolute;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.mn_c_ln::after {
    will-change: transform;
    width: 1px;
    background: #fff;
    -webkit-animation-name: line;
    animation-name: line;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(.77, 0, .175, 1);
    animation-timing-function: cubic-bezier(.77, 0, .175, 1);
}

@-webkit-keyframes line {
    0% {
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
    50% {
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
    50.0001% {
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
    to {
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@keyframes line {
    0% {
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
    50% {
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
    50.0001% {
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
    to {
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}


label#name-error, label#email-error, label#phone-error, label#message-error {
    color: red;
    font-size: 14px;
    margin: 0;
}
.effect3 label#name-error, .effect3 label#email-error, .effect3 label#phone-error, .effect3 label#message-error {
    color: red;
    font-size: 14px;
    margin: 0;
    position: relative;
    top: -12px;
}
.h4 {
    font-family: 'Freight';
    font-weight: normal;
    font-size: 50px;
    color: #3e3e3e;
    line-height: normal;
    padding-bottom: 40px;
}

.about p {
    font-size: 14px;
    color: #606060;
    letter-spacing: 1px;
    line-height: 28px;
    margin-bottom: 0;
    font-weight: 100;
}


 .bannervdwrap {
    width: 100%;
    height: 100vh;
    position: relative;
    overflow: hidden;
}

 .bannervdwrap .videobg {
    width: 100%;
    float: left;
        position: relative;
}

 .bannervdwrap .videobg img {
    width: 100%;
}

 .bannervdwrap .videobg video {
    /*width: 100%;*/
    min-width: 100%;
    height: 100%;
}

 .chatbox {
    width: 50px;
    float: left;
    height: 50px;
    position: fixed;
    right: 50px;
    bottom: 50px;
    z-index: 99;
}

 .bannervdwrap .bannertextwrap {
    width: 100%;
    height: 100%;
    float: left;
    position: absolute;
    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;
    z-index: 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 30px;
}

 .bannervdwrap .bannertextwrap .upertext {
    width: 100%;
    float: left;
    text-align: center;
}

 .bannervdwrap .bannertextwrap .upertext a{ z-index:66; position:relative; margin-top: 13px;}

 .bannervdwrap .bannertextwrap .upertext h1 {
    width: 100%;
    float: left;
    font-family: 'Freight';
    font-weight: normal;
    font-size: 10rem;
    color: #ffffff;
    line-height: 0.7;
}

 .bannervdwrap .bannertextwrap .upertext h1 b {
    font-weight: normal;
    font-size: 10.80rem;
}

 .bannervdwrap .bannertextwrap .upertext span {
    width: 100%;
    float: left;
    text-align: center;
    font-family: 'Optima';
    font-size: 1rem;
    color: #ffffff;
    letter-spacing: 1px;
    word-spacing: 0px;
    margin-left: 6px;
    padding-top: 10px;
}

/* .bannervdwrap .bannertextwrap .upertext a{*/
/*    position:absolute; z-index:44;*/
/*    bottom:0;*/
/*}*/
 .bannervdwrap .leftrightnav {
    width: 100%;
    height: 100%;
    float: left;
    position: absolute;
    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;
    z-index: 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 0px;
}
 .bannervdwrap .leftrightnav .container{ position:relative;}
 .bannervdwrap .leftrightnav .leftnav {
    width: 100%;
    float: left;
}

 .bannervdwrap .leftrightnav .leftnav .innerleftnav {
    width: 100%;
    float: left;
}

 .bannervdwrap .leftrightnav .leftnav .innerleftnav ul {
    width: 84%;
    margin: 0 auto;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

 .bannervdwrap .leftrightnav .leftnav .innerleftnav ul li {
    text-align: center;
    opacity: 0.7;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    list-style:none;
    margin:0;
}
 .bannervdwrap .leftrightnav .leftnav .innerleftnav ul li:hover {
    opacity: 1;
}

 .bannervdwrap .leftrightnav .leftnav .innerleftnav ul li a {
    width: 100%;
    float: left;
    position: relative;
    font-family: 'Optima';
    font-size: 0.79rem;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 2px;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

 .bannervdwrap .leftrightnav .leftnav .innerleftnav ul li a span.cont {
    width: 60px;
    height: 1px;
    position: absolute;
    top: 46%;
    left: -80px;
    background: #d3d3d3;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

 .bannervdwrap .leftrightnav .leftnav .innerleftnav ul li a span.upcom {
    width: 60px;
    height: 1px;
    position: absolute;
    top: 45%;
    right: -80px;
    background: #d3d3d3;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

 .bannervdwrap .leftrightnav .leftnav .innerleftnav ul li a:hover {
    opacity:1;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    color: #fff;
}

 .bannervdwrap .leftrightnav .leftnav .innerleftnav ul li a:hover span.cont {
    left: -75px;
    background: #fff;
}

 .bannervdwrap .leftrightnav .leftnav .innerleftnav ul li a:hover span.upcom {
    right: -75px;
    background: #fff;
}

/*  .bannervdwrap .leftrightnav .rightnav .innerrightnav ul li a::after{ width: 50px; height: 1px; position: absolute; top: 50%; right:-120px; background: #d3d3d3;} */

.scrolledup {
    position: absolute;
    -ms-transform: translateY(-100%);
        transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

 .bannervdwrap .mn_c_ln {
    width: 1px;
    height: 100px;
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 10
}

 .bannervdwrap .mn_c_ln::after,
 .bannervdwrap .mn_c_ln::before {
    content: '';
    width: 1px;
    height: 100px;
    background: rgba(255, 255, 255, .2);
    left: 50%;
    margin-left: -.5px;
    bottom: 0px;
    position: absolute;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.gridlayoutwrap{ display: flex; align-items: center;}

.item {
  flex-grow: 1;
  height: 550px;
  background-color: #9e8061;
  position: relative;
  /*border: 1px solid #1a1a1a;*/
  transition: all ease-in-out 1s;
  overflow:hidden;
}
.item:hover {
  flex-grow: 4.3;
}
.item:before {
  content:"";
  position: absolute;
  left:0;
  bottom:0;
  width:100%;
  height:30%;
  background: linear-gradient(to bottom,rgba(230,230,230,0) 0,rgb(230 230 230 / 0) 1%,rgb(4 4 4 / 61%) 39%,rgb(21 21 21 / 71%) 64%,rgb(36 36 36) 100%);
  /*background:rgba(0,0,0,0.5);*/
}
.item:hover .verhdtext{ opacity:0;}
.item:hover .hovershowtext .intx{transform: translate(0px, 0%);transition-delay: 280ms;}
.grid-innerimg{ width:100%; height:100%; background:url(../images/Orchardgrid-banner.jpg) no-repeat; background-size:cover; background-position:center; }
.grid-innerimg1{ width:100%; height:100%; background:url(../images/Bellevistagrid-banner.jpg) no-repeat; background-size:cover; background-position:center;}
.textwrap{ width:100%; height:100%; display:flex; padding:30px; position:relative;background:#00000070;}
.verhdtext{writing-mode: vertical-lr; transform: rotate(180deg); position: absolute; bottom: 60px; font-size: 40px; color: #fff; font-weight: 400; left: 30px; transition: all ease-in-out 0.5s; height: 300px;}
.hhdtext{width: 100%; float: left; position: absolute; top: 50%; font-family: Optima !important; font-weight: 400; font-size: .9rem; color: #fff; text-transform: uppercase; letter-spacing: 2px; 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; z-index: 5; -webkit-transition: all ease-in-out .5s; -o-transition: all ease-in-out .5s; transition: all ease-in-out .5s;}
.hhdtext:after{ content: ''; width: 35px; height: 1px; position: absolute; top: 0; right: 0; background: #d3d3d3; left: 182px; margin: auto; bottom: 0; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.gridlayoutwrap:last-child .textwrap .hhdtext:after{ left: 220px;}
.hovershowtext{width:95%; position:absolute; bottom:0px; left:30px;}
.hovershowtext .intx{width:100%; transition: all ease-in-out 0.6s; transform: translate(0px, 150%); display:flex; align-items: center; flex-wrap:wrap;}
.hovershowtext .intx h3{font-size:40px; color:#fff;}
.hovershowtext .intx p{margin-bottom: 70px;font-size: 14px; color: #fff; letter-spacing: 1px; line-height: 28px; font-weight: 100; text-align:center;}

.cptabwrap{ width:100%;}
.cptabwrap .card-header{ width:100%; padding:0; margin-bottom:15px;}
.cptabwrap .card-header a{width:100%; display:flex; justify-content:space-between; background:#9e8061; padding:10px; align-items: center;}
.cptabwrap .card-header a.collapsed b{ color:#000;}
.cptabwrap .card-header a.collapsed i{transform:rotate(0deg); color:#000;}
.cptabwrap .card-header a.collapsed{ background:#f8f4f0; color:#000;}
.cptabwrap .card-header a b{ margin:0; color:#fff; display:block; text-transform:uppercase; font-size:16px; font-weight: normal;}
.cptabwrap .card-header a i{ margin:0; font-size:25px; color:#fff; transform:rotate(180deg); transition:all 0.85s ease;}
.amentextwrap{width:100%; background:#f8f4f0; margin-bottom:15px;}
/*.amentextwrap .col-lg-6{ padding:0;}*/

.accordion .card-header:after {
    font-family: 'FontAwesome';  
    content: "\f068";
    float: right; 
}
.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f067"; 
}
.inimg{ width:100%; height:440px;}
.inimg img{ width:100%; height:100%; object-fit:cover; object-position:center;}
.intext{ width:100%; padding:30px;}
.intext ul{ width:100%; margin:0; padding:0; }
.intext ul li{ width:100%; list-style:none; padding-left:20px; margin-bottom:10px; font-size: 14px; color: #606060; letter-spacing: 1px; line-height: 28px; font-weight: 100; position:relative;}
.intext ul li:after{content: ''; position: absolute; width: 5px; height: 5px; background: #cab097; border-radius: 50%; left: 0; top: 9px;}
.nav-tabs {display:none;border:none; margin-bottom:30px;}
.tabwrap .nav-tabs li{ margin:0;}
.tabwrap .nav-tabs b{margin:0 30px; padding:3px 0; position:relative;}
.tabwrap .nav-tabs b:after{content: ''; position: absolute; width: 8px; height: 8px; background: #cab097; border-radius: 50%; left: -3px; top: 24px;}
.tabwrap .nav-tabs .nav-item{ margin:0;}
.tabwrap .nav-tabs .nav-link{border:none; color:#000; border-radius:0; letter-spacing: 1px; padding:15px 0 8px; font-size: 16px; text-transform:uppercase; position:relative;}
.tabwrap .nav-tabs .nav-link:after{content:""; width:0%; height:1px; background:#9e8061; position:absolute; bottom:-1px; left:0; transition:all 0.85s linear;}
.tabwrap .nav-tabs .nav-link:hover:after{ width:100%;}
.tabwrap .nav-tabs .nav-item.show .nav-link,.tabwrap .nav-tabs .nav-link.active{ color:#9e8061; background:transparent; border-bottom:1px solid #9e8061;}
.cptabwrap .card-body{ padding:0;}
.cptabwrap .fade{ transition:all 0s linear;}
ul.filterwrap li{ margin:0;}
ul.filterwrap li b{margin:0 20px; padding:3px 0; position:relative;}
ul.filterwrap li b:after{content: ''; position: absolute; width: 8px; height: 8px; background: #cab097; border-radius: 50%; left: -3px; top: 22px;}


.filterwrap .nav-item{ margin:0;}
.filterwrap .nav-link{border:none; color:#000; border-radius:0; letter-spacing: 1px; padding:15px 0 8px; font-size: 16px; text-transform:uppercase; position:relative;}
.filterwrap .nav-link:after{content:""; width:0%; height:1px; background:#9e8061; position:absolute; bottom:-1px; left:0; transition:all 0.85s linear;}
.filterwrap .nav-link:hover:after{ width:100%;}
.filterwrap .nav-item.show .nav-link,.filterwrap .nav-link.active{ color:#9e8061; background:transparent; border-bottom:1px solid #9e8061;}

.nav-pills .nav-link.active{ background:transparent; border-radius:0; color:#000;}
/*.fade {*/
/*    transition: opacity .15s linear;*/
/*}*/
@media(min-width:768px) {
    .nav-tabs {
        display: flex;
    }
    .nav-tabs .nav-item{
        width:auto;
        margin:0;
        margin-right:15px;
    }
    .card {
        border: none;
        background: #f8f4f0;
    }

    .card .card-header {
        display:none;
    }  

    .card .collapse{
        display:block;
    }
}

@media(max-width:767px){
    /*.tab-content > .tab-pane {*/
    /*    display: block !important;*/
    /*    opacity: 1;*/
    /*}*/
    .cptabwrap .card{ border:none;}
    .hhdtext{left:0; top:45%;}
    .hovershowtext{ position:absolute; left:0; width:100% !important; padding:0 15px; bottom:15px;}
    .hovershowtext .intx{transform: translate(0px, 0%);}
    .item:before{ height:50%;}
    .hovershowtext .intx p{line-height:20px;}
    .inimg{ height:auto;}
}

.accordion-container{
  position: relative;
  width:100%;
  height: auto;
  margin: 10px auto;
}
.set{
  position: relative;
  width: 100%;
  height: auto;
  border:none;
  /*background-color: #f5f5f5;*/
}
.set > a{
  display: block;
  padding: 10px 15px;
  text-decoration: none;
  text-transform:uppercase;
  color: #555;
  font-weight: normal;
  /*border-bottom: 1px solid #ddd;*/
  -webkit-transition:all 0.2s linear;
  -moz-transition:all 0.2s linear;
  transition:all 0.2s linear;
  margin-bottom:15px;
  background:#f8f4f0;
  border:none;
  font-size: 18px;
}
.set > a i{
  float: right;
  margin-top: 2px;
}
.set > a.active{
  background-color:#9e8061;
  color: #fff;
}
.content{
  background-color: #fff;
  /*border-bottom: 1px solid #ddd;*/
  display:none;
}
.content p{
  padding: 10px 15px;
  margin: 0;
  color: #333;
}


.georgia {
    font-family: 'Freight' !important;
    
}
 .oveflow {
    overflow: hidden;
}
.anemities-box img{
    -webkit-transition: all ease-in-out 1s;
    -o-transition: all ease-in-out 1s;
    transition: all ease-in-out 1s;
}
.anemities-box:hover img{
        -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

#amenities .product-showcase-carousel-controls {
    position: absolute;
    top: 0%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    cursor: pointer;
    z-index: 2;
    font-weight: 700;
    font-size: 50px;
    color: #38904c;
}
#amenities .product-showcase-carousel-controls--left img {
        -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
                transform: rotate(180deg);
    right: 0;
}
#amenities .product-showcase-carousel-controls--right {
    right: 15px;
    text-align: right;
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}
#amenities .product-showcase-carousel-controls--right:hover {
    right: 5px;
}
.view-slides {
    padding-top: 40px;
}
#amenities .product-showcase-carousel-controls--left {
    right: 90px;
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}
#amenities .product-showcase-carousel-controls--left:hover {
    right: 100px;
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

.w-50 {
    width: 50px !important;
    position: relative;
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}
.about .row {
    margin-top: 50px;
}
.view-anemities .anemities-box{
    padding:0 10px;
}

.anemities-box h4 {
    color: #939194;
    font-size: 16px;
    margin: 20px 0 0;
    font-weight: 100;
    text-align: left;
    width: 100%;
    font-family: 'Optima' !important;
}

.icon-dlf p {
    padding: 0;
    font-size: 16px;
    border-top: solid 1px #9e8061;
    margin-top: 16px;
    padding-top: 10px;
    margin-bottom: 0;
    letter-spacing: 1px;
    font-weight: normal;
    line-height: 24px;
}

.view-slide {
    margin-top: 80px;
}

.view-box .overflow {
    overflow: hidden;
}

.view-box p {
    background: #161616;
    padding: 14px 50px;
    color: #fff;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 2px;
    
}

.viewdlf .product-showcase-carousel-controls {
    position: absolute;
    bottom: -45px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 2;
    font-weight: 700;
    font-size: 50px;
    color: #38904c;
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}
.viewdlf .product-showcase-carousel-controls--left img {
    -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
            transform: scaleX(-1);
}
.viewdlf .product-showcase-carousel-controls img {
    position: relative;
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
    width: 40px;
}
.viewdlf .product-showcase-carousel-controls--right:hover {
    right: 40px
}

.viewdlf .product-showcase-carousel-controls--left:hover {
    right: 110px;
}

.viewdlf .product-showcase-carousel-controls i {
    font-weight: 700;
}

.viewdlf .product-showcase-carousel-controls--right {
    right: 50px;
    text-align: right;
}

.viewdlf .product-showcase-carousel-controls--left {
    right: 100px;
}

nav.fixed {
    background: #000;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    -webkit-animation: smoothScroll 1s forwards;
    animation: smoothScroll 1s forwards;
    border-bottom: none;
}

@-webkit-keyframes smoothScroll {
    0% {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@keyframes smoothScroll {
    0% {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

.banner video {
    width: 100%;
    height: 100vh;
    -o-object-fit: cover;
       object-fit: cover;
    margin-bottom: -7px;
}

.dlf-view .row {
    margin: 0;
}

.dlf-view .col-md-7 {
    padding: 0;
}

.dlf-view {
    background: #f9f2e7;
}
.view-slides .col-md-2.text-left.dtls_icon img{
    width:45px;
}
.view-slides .col-md-2.text-left.dtls_icon {
    padding: 0;
}
.loaction-advantages .row {
    border-bottom: none !important;
    padding: 0 !important;
}


.dlf-view-data {
    padding: 50px;
    max-width: 480px;
    margin: 0;
}

.dlf-view-data .h4 {
        padding-bottom: 10px;
}

.dlf-view-data p{
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 1.6;
    line-height: 24px;
    color: #606060;
    font-family: 'Optima';
}
.view-data ul.slick-dots {
    bottom: 0;
    padding-left: 0;
    left: 0;
}
.view-data h6 {
    font-weight: normal;
    font-size: 28px;
    letter-spacing: 1px;
    margin-bottom: 10px;
    color: #000;
    line-height: normal;
}

.view-data ul {
    padding-left: 1.4rem;
    position: relative;
    z-index: 1;
}

.view-data ul li {
    margin-bottom: 4px;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 1.6;
    line-height: 24px;
    color: #606060;
    font-family: 'Optima';
}

.about .slick-dots {
    display: none !important;
}

.anemities-box .oveflow{
        position: relative;
}
.anemities-box span {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #000;
    color: #fff;
    font-size: 12px;
    padding: 4px;
    letter-spacing: 1px;
}
.dlf-view .slick-arrow {
    display: none !important;
}

/* Icons */

@font-face {
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/slick.eot');
    src: url('../fonts/slick.eot?#iefix') format('embedded-opentype'), url('../fonts/slick.woff') format('woff'), url('../fonts/slick.ttf') format('truetype'), url('../fonts/slick.svg#slick') format('svg');
}

/* Arrows */

.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 50px;
    height: 50px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: #000;
    border-radius: 100%;
    z-index: 999;
}

.bannerslider .slick-dots {
    text-align: center;
    position: absolute;
    bottom: 30px;
}

.bannerslider .slick-dots li button:before{
    color:#fff;
}

.bannerslider .slick-dots li.slick-active button:before {
    color: #fff;
    border: solid 1px #fff;
}

/*.slick-prev:hover,
.slick-next:hover,*/

.slick-prev:focus,
.slick-next:focus {
    outline: none;
    background: #097ee0;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25;
}

.slick-prev:before,
.slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    display: none !important;
    left: 100px;
}

[dir='rtl'] .slick-prev {
    right: 100px;
    left: auto;
}

.slick-prev:before {
    content: '←';
}

[dir='rtl'] .slick-prev:before {
    content: '→';
}

.slick-next {
    display: none !important;
    right: 100px;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: 100px;
}

.slick-next:before {
    content: '→';
}

[dir='rtl'] .slick-next:before {
    content: '←';
}

/* Dots */

.slick-dotted.slick-slider {
    /*margin-bottom: 30px;*/
}

.city-slider .slider .slick-dots {
    position: absolute;
    bottom: 50px;
}

.slick-dots {
    max-width: 100%;
    /*position: absolute;*/
    bottom: -100px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    left: 20px;
    list-style: none;
    text-align: left;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 4px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 7px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 8px;
    line-height: 25px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .5;
    color: #9e8061;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #9e8061;
    border: solid 1px #9e8061;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    opacity: 1;
}

.dlf-view-data .view-slides {
    margin-left: 5px;
    padding-top: 20px;
}

.dlf-view .slick-dots {
    margin-top: 40px;
}

.floor-plan {
    /*height: 100vh;*/
    background-size: cover !important;
    position: relative;
}

.floor-plan:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: -o-radial-gradient(circle, rgb(0 0 0 / 44%) 0%, rgb(0 0 0) 100%);
    background: radial-gradient(circle, rgb(0 0 0 / 44%) 0%, rgb(0 0 0) 100%);
}

.floor-plan .container {
    position: relative;
    z-index: 1
}

.floor-plan .h4 {
    color: #fff;
}

.pad80 {
    padding: 80px 0;
}

.contact-from .form-control {
font-family: 'Optima';
    display: block;
    width: 100%;
    color: #000;
    height: auto!important;
    padding: 12px 0;
    border-radius: 0;
    border: none;
    font-size: 14px;
    border-bottom: 1px solid #ced4da;
    resize: none;
    background: transparent;
}

.btn-dlf {
    background: #1f1a17;
    color: #ffffff9e;
    padding: 11px 29px;
    letter-spacing: 1px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 154px;
    font-size: 13px;
    margin-left: 0;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
    text-align: left;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    text-transform: uppercase;
}

.contact-from .btn-dlf {
    border: none;
    text-align: center;
    width: auto;
    padding: 12px 40px;
    font-size: 14px;
    color: #ffffffb3;
    letter-spacing: 1px;
    margin-top: 40px !important;
    cursor: pointer;
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

.contact-from .btn-dlf:hover {
    background: #ee2c3c;
    color: #fff;
}

.contact-dlts {
    /*padding: 80px 50px 80px 0;*/
    padding: 0px 50px 30px 0;
}

.contact-dlts .h4{margin-bottom:0;padding-bottom: 0;}

.contact {
    position: relative;
}

.contact .col-lg-6:first-child {
    margin: 0;
}

.contact .col-lg-6:nth-child(2) {
   position: relative
    /*position: absolute;*/
    right: 0;
    width: 100%;
}

.logo-part{
    position: absolute;
    top: 34%;
    left:0px;
    display: flex;
    justify-content: center;
    width: 250px;
    z-index: 1;
    /* height: 150px; */
    right: 0;
}

.videogallery .col-lg-12{margin:0 9px;}

.bel-logo{width:150px !important;left: 50px;top: 30%;}

.contact iframe {
    position: absolute;
    width: 100%;
    right: 0;
    /*height: 510px;*/
    height: 429px;
    bottom: 0;
    top:8px;
}

.socialIcon {
    /* border-top: solid 2px #e1e1e1; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.socialIcon p {
    text-align: right;
    color: #a7a7a7;
    margin-bottom: 0;
    letter-spacing: 1px;
    font-size: 0.79rem;
    margin:0;
}


span.fixed-hrera {
    position: fixed;
    float: right;
    right: -150px;
    border: none;
    background-color: #9e8061;
    width: auto;
    /* height: 32px; */
    color: #fff;
    z-index: 9999;
    /* margin-top: 19%; */
    /*cursor: pointer;*/
    outline: none;
    top: 33px;
    font-size: 14px;
    text-align: left;
    line-height: 35px;
    bottom: 0;
    top: auto;
    right: auto;
    left:0;
    font-size: 12px;
    line-height: 15px;
    padding: 7px 20px;
}
.socialIcon ul {
    list-style: none;
    padding-left: 0;
    margin-bottom:0;
        margin: 0;
}
span.fixed-hrera.fixed-hrera-right {
    right: 0;
    left: auto;
}
.contact-dlts button{
    position: relative;
    left: -5px;
}

.socialIcon ul li {
    display: inline-block;
}

#query_form .error {
    color: red;
    margin-bottom: 3px;
}
footer .row {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.socialIcon ul li i {
    color: #606060;
    margin-right: 13px;
    font-size: 16px;
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

.socialIcon ul li i:hover, 
.navbar-expand-lg .navbar-nav .nav-link:hover{
    color: #9e8061;
}

footer {
    background: #000;
    /* background-position: bottom right; */
    /* height: 39px; */
    position: relative;
    z-index: 99;
    padding: 10px;
    margin-top: 0px;
}

.border-bm {
    border-bottom: solid 1px #ffffff40;
    margin: 0;
}

.nomar {
    margin: 0;
    padding-left: 0;
}

.click_foot {
    padding: 7px 0;
}

.click_foot a {
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    opacity: .4;
    position: relative;
    letter-spacing: 2px;
}

footer .d-flex.mb-flex {
    background: #040707 url(../images/footer_new.jpg) no-repeat;
    background-size: 100%;
    background-position: 100% 0;
}

.menu_lt {
    width: 100%;
    padding: 12px 40px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
}

footer .menu_lt .menu_lt_logo {
    border-bottom: solid 1px #ffffff40;
    padding-bottom: 0;
}

footer .menu_lt .menu_lt_logo img {
    width: 130px;
}

.footer_logo {
    margin-left: -16px;
    margin-top: -11px;
}

.footer_social {
    padding-top: 0;
}

.call {
    padding-left: 178px;
}

.email {
    padding-left: 22px;
}

.footer_social .footer_email span {
    color: #fff;
    opacity: .4;
    letter-spacing: 2px;
    font-size: 13px;
    text-transform: uppercase;
    display: block;
}

.navbar-expand-lg .navbar-nav .nav-link.rera-link {
   color: #fff;
    font-size: 12px;
    padding: 0;
    line-height: 1.5;
    position: relative;
    top: 20px;
    margin:0;
}
li.nav-item.rera-wrap {
    /*background: #9e8061;*/
    position: absolute;
    right: 0;
    height: 78px;
    line-height: 1.5;
    bottom: 0;
    padding: 0 30px;
    
}
.footer_social .footer_email p {
    color: #fff;
    opacity: .7;
    margin-bottom: 0;
    font-size: 13px;
    letter-spacing: 2px;
}

.menu_lt_logo p {
    margin-bottom: 0;
    line-height: 1.2;
    font-size: 15px;
    padding-top: 0;
    color: #fff;
    opacity: .7;
}

.footer_menu_list {
    border-bottom: solid 0px #ffffff40;
}

.footer_menu_list .col-md-3 {
    -ms-flex: 0 0 24%;
    -webkit-box-flex: 1;
    flex: 1 0 24%;
    max-width: 24%;
    margin: 0;
}

.investor {
    margin-left: -13px !important;
}

.footer_menu_list .footer_menu {
    margin-bottom: 20px;
    padding-left: 13px;
}

.mb-view {
    display:none;
}

a:hover {
    text-decoration: none;
}

.display {
    display: none;
}

.max410 {
    max-width: 410px;
}

.floor-slide h3 {
    color: #fff;
    position: relative;
    font-size: 16px;
    letter-spacing: 1px;
    padding-left: 40px;
    margin-bottom: 22px;
}

.floor-plan-slider {
    border: solid 1px #fff;
    padding: 50px 100px;
    max-width: 600px;
    margin-left: 0;
    /* height: 300px; */
    overflow: hidden;
}
.navbar-expand-lg .navbar-nav .nav-link i{
        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg);
}

.navbar-nav li:last-child a{
        position: relative;
    top: -2px;
}

.floor-slide h3:after {
    content: '';
    position: absolute;
    top: 0px;
    /* right: 0; */
    left: 0;
    bottom: 0;
    width: 20px;
    border-radius: 50%;
    height: 20px;
    border: solid 1px #fff;
    background: #000;
    z-index: 1;
}

.floor-slide {
    position: relative;
    padding-left: 0;
}

.floor-slide:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 130px;
    background: #fff;
    top: 5px;
    left: 9px;
    z-index: -1;
}

.slider-nav .slick-slide {
    width: 100% !important
}

.slider-nav .slick-list.draggable {
    padding: 0 !important;
}

.slider-nav .cSlider__item.slick-slide.slick-active.is-active h3:after {
    background: #fff;
}

.banner_content {
    position: absolute;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 0;
    top: 0;
    margin: auto;
    left: 0;
    right: 0;
}

.banner {
    position: relative;
}

.banner:after {
    content: '';
    /*background: rgb(0 0 0 / 32%);
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;*/
}

.banner_content>div {
    /*margin: 0;*/
}
.banner_content>div img{
    width:200px;
}
.banner_content h4 {
    color: #fff;
    font-size: 45px;
    line-height: 1;
    padding-bottom:12px;
}

.banner_content p {
        font-size: 16px;
    color: #fff;
    letter-spacing: 1px;
    line-height: 28px;
    margin-bottom: 0;
    font-weight: 100;
    max-width: 890px;
    /* text-align: left; */
}

.slick-disabled {
    pointer-events: none;
    opacity: 0.3;
}
#location .w-75{
    width:80% !important;
}
.icon-dlf img {
    width: 65px;
}
.about .col-lg:first-child img {
    margin-top: 18px;
    width: 106px;
}
.about .col-lg:last-child img {
        margin-top: 14px;
}
.view-data img {
    width: 210px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0;
    opacity: 0.02;
}
.view-data {
    background: #f5f5f4;
    padding: 33px;
    margin-top: 20px;
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
    /* transform: translate(0, 0); */
    height: 263px;
        position: relative;
}
/*.view-data:hover {
    background:#161616;
    transform:scale(1.06);
}*/

.view-data img{
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}



.grey-bg {
    background:#f5f5f5;
}
.bgclr{background: #f8f4f0;}
.icon_tech img {
    width: 70px;
    margin-bottom: 20px;
}
.icon_tech p {
    font-size: 17px;
    margin-bottom:0;
    /*border-top: solid 1px #000;
    margin-top: 10px;
    padding-top: 10px;*/
    color: #524f4f;
}
.icon_tech {
    margin-bottom: 50px;
}
.icon_tech {
    margin-bottom: 0px;
    margin-top: 30px;
    background: #fff;
    padding: 40px;
    height: 236px;
    -webkit-transition: all ease-in-out 0.6s;
    -o-transition: all ease-in-out 0.6s;
    transition: all ease-in-out 0.6s;
    -webkit-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
}
.icon_tech:hover {
    -webkit-transform: translate(0px, -10px);
        -ms-transform: translate(0px, -10px);
            transform: translate(0px, -10px);
    
}

.icon_tech:hover p {
    color:#000;
}
.icon-dlf {
    margin-bottom: 40px;
}
.view-slides .row {
    /*border-bottom: solid 2px #e1e1e1;*/
    padding: 16px 0;
}
.view-slides .listData {
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 1.6;
    line-height: 24px;
    color: #606060;
    font-family: 'Optima';
}

.form-control:focus{
    -webkit-box-shadow: none;
            box-shadow: none;
}
.effect3 {
    width: 600px;
    position: fixed;
    right: 0%;
    top: 32%;
    z-index: 99;
    height: 0;
}
.enquiryform10 {
    width: 50%;
    height: auto;
    float: right;
    line-height: 30px;
    /* display: none; */
    background-color: #f9f2e7!important;
    padding: 28px;
    margin-right: -300px;
    margin-top: -90px;
    -webkit-transition: all ease-in-out 0.8s;
    -o-transition: all ease-in-out 0.8s;
    transition: all ease-in-out 0.8s;
}

.enquiryform10.slideClass {
    margin-right:0;
}
.fixed-hrera.fixed-hrera-right{
    display:none;
}
.enquiryform10 h2 {
    margin: 0 0 15px 0;
    /* text-transform: uppercase; */
    font-size: 28px !important;
    text-align: center;
    padding-bottom: 0;
}
.enquiryform10 input {
        font-family: 'Optima';
    width: 100%;
    height: 40px;
    font-size: 14px;
    padding: 5px;
    border: 0;
    border-bottom: 1px solid #d2d0ceba;
    padding: 6px 0px;
    color: #444;
    border-radius: 0px!important;
    margin: 0 auto 10px 0;
    display: inline;
    background: transparent;
}
.enquiryform10 textarea {
    width: 100%;
    height: 50px;
    font-size: 15px;
    padding: 5px;
    border: 0;
    border-bottom: 1px solid #d2d0ceba;
    padding: 6px 4px;
    color: #444;
    resize: none;
    margin: 0 auto 5px 0;
    border-radius: 0px!important;
    display: inline;
    background: transparent;
}

.view-box .overflow{
    position: relative;
}

.navbar-expand-lg .navbar-nav .nav-link b{
    font-size:16px !important;
}

.cp-img{
    background: #000;
    background-color: #000;
    color: #fff;
    font-size: 12px;
    position: absolute;
    bottom: 0;
    right: 0;
    letter-spacing: 1px;
    padding: 3px;
}

button:focus {
    -webkit-box-shadow:none !important;
            box-shadow:none !important;
}
.form-control:focus {
    -webkit-box-shadow: none;
            box-shadow: none;
    border-color: #9e8061;
    background: transparent;
}
.fancybox-can-zoomIn .fancybox-content {
    background: #fff !important;
}
.contact_tab1 {
    float: right;
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    position: relative;
    right: -9.8%;
    border: none;
    background-color: #9e8061;
    width: 150px;
    height: 32px;
    color: #fff;
    margin-top: 9%;
    cursor: pointer;
    outline: none;
    text-transform: uppercase;
    top: 33px;
    font-size: 14px;
    text-align: center;
    line-height: 32px;
}
#about .col-lg-3.col-md-6:nth-child(2) .icon-dlf img {
    width: 50px;
    margin-bottom: 15px;
}

#about .col-lg-3.col-md-6:nth-child(3) .icon-dlf img {
        width: 63px;
    margin-bottom: 3px;
}
#about .col-lg-3.col-md-6:last-child .icon-dlf img {
    width: 56px;
    margin-bottom: 10px;
}
.fancybox-image, .fancybox-spaceball {
    background: white !important;
}
.view-slides {
    margin: 0 -15px;
}
.anemities-box h3.h4 {
    padding: 50px;
    height: 258px;
    margin: 0;
    background: #9e8061;
    color: #fff;
}
.disclaimer {
    background: #f5f5f5;
    padding: 80px 0;
    margin-top: 80px;
}

.disclaimer h4 {
    font-weight: normal;
    font-size: 30px;
    color: #3e3e3e;
    line-height: normal;
    margin-bottom: 5px;
}

.disclaimer p, .disclaimer a{
        font-size: 16px;
    color: #606060;
    letter-spacing: 1px;
    line-height: 28px;
    margin-bottom: 0;
    font-weight: 100;
}

.pricay-box {
    margin-top: 140px;
    padding-bottom:80px;
}

.pricay-box .h4 {
    padding-bottom: 10px;
}

.pricay-box  p {
    font-size: 16px;
    color: #606060;
    letter-spacing: 1px;
    line-height: 28px;
    margin-bottom: 13px;
    font-weight: 100;
}
.rera_box{
        position: relative;
}

.rera_box img {
    position: absolute;
    right: 0;
    left: 0;
    z-index: 1;
    width: 300px;
    margin-right: 0;
    top: 57px;
}

.modal {
  z-index: 999999;
}

.modal-dialog {
  max-width: 600px;
  margin: 1.75rem auto;
}

.modal-body {
  padding: 0;
  border-radius: 0;
  border: none;
  box-shadow: none;
}
.modal-body a{
    display:block;
}
.modal-body img {
  width: 100%;
}

.modal-content {
  position: relative;
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: transparent;
    background-clip: padding-box;
    border: 0px solid rgba(0,0,0,.2);
    border-radius: 0.3rem;
    outline: 0;
}

.modal-content .close {
  width: 35px;
  height: 35px;
  position: absolute;
  right: -35px;
  top: -1px;
  z-index: 99;
  opacity: 1;
  border: none;
  outline: none;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal-content .close img {
  width: 35px;
}

/*== Media Query==*/

@media(max-width:1200px) {
    ul.navbar-nav.mb-2.mb-lg-0 {
    margin-left: -20px !important;
}
.navbar-expand-lg .navbar-nav .nav-link{ margin-left:12px;}
    
}

@media(max-width:1199px) {
    .view-data {
    height: 311px;
}
    
}



@media(max-width:1024px) {
    li.nav-item.rera-wrap {
    padding: 0 13px;
}
    div#panel {
        display: block;
    }
    .border-bm {
        display: none;
    }
}

@media (min-width: 992px) {
    ul.navbar-nav.mb-2.mb-lg-0 {
    margin-left: 126px;
}
    .navbar-expand-lg .navbar-nav {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
}
@media(max-width:991px) {
    .gridlayoutwrap{display:block;}
    .gridlayoutwrap .item{ height:500px; margin-bottom:20px;}
    .hhdtext{ left:0;}
    .hovershowtext{ width:90%;}
    .nav-tabs li.nav-item{ padding:0 15px;}
    .tabwrap .nav-tabs b{ margin:0 15px;}
    .intext ul li{ line-height:25px;}
    /*.amentextwrap{ margin-bottom:0;}*/
    ul.navbar-nav.mb-2.mb-lg-0{
        margin:0 !important;
    }
    span.fixed-hrera {
    width: 100%;
    position: inherit;
}

    .socialIcon {
        -webkit-box-pack: center; 
        -ms-flex-pack: center; 
        justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
    li.nav-item.rera-wrap {
    display: none;
}
    .fixed-hrera.fixed-hrera-right{
    display:block;
}
    .rera_box img {
    width: 250px;
    margin-right: 0;
    top: 44px;
}
    
   .about .col {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    -ms-flex-positive: 0;
    -webkit-box-flex: 2;
            flex-grow: 2;
    max-width: 50%;
    margin:0;
}
   /* .navbar-expand-lg .navbar-nav .nav-link:hover:after {
    width: 100%;
    left: 0;
    background: white;
    bottom: 0;
}
nav.navbar.navbar-expand-lg.fixed-top.fixed .nav-link:after {
    bottom: 0;
}*/
    .view-data {
    height: auto;
}
    .about .col-md-4{
        margin:0;
    }
    .navbar-brand {
        margin: 0 0 0 30px;
    }
    .icon-slide .slick-dots li {
        margin: 0 3px !important;
    }
    .slick-dots {
        max-width: 100%;
        bottom: -50px;
        left: 0;
    }
    .about p {
        font-size: 14px;
        padding: 5px 0;
    }
    .h4 {
        font-size: 30px;
    }
    .banner_content h4 {
        font-size: 30px;
    }
    .view-box p {
        padding: 14px 30px !important;
        font-size: 13px !important;
        letter-spacing: 2px;
    }
   
    .navbar-brand img {
        width: 210px;
    }
    nav .navbar-toggler-icon {
        background-image: url(../images/download.svg);
    }
    .navbar-toggler-icon.cross {
        background: url(../images/cross.svg) no-repeat !important;
        background-size: 60% !important;
        background-position: center !important;
    }
    button.navbar-toggler {
        /*background: #ee2c3c;*/
        padding: 17px;
        border-radius: 0;
    }
    nav .container {
        width: 100%;
        margin: 0;
        max-width: 100%;
    }
    nav {
        padding: 0px 0 !important;
        border-bottom: none;
    }
    .contact .col-lg-6:nth-child(2) {
        position: inherit;
    }
    .contact iframe {
        position: inherit;
        height: 300px;
        margin-top: 60px;
    }
    .contact-dlts {
        padding: 0px 0px 0px 0;
    }
    .pad80 {
        padding: 40px 0;
    }
    .col-lg {
        width: 50%;
        margin: 0 0 30px 0;
    }
    .dlf-view-data {
        padding: 30px 15px;
    }
    .floor-slide h3 {
        font-size: 14px;
    }
    .view-data h6 {
        font-size: 18px;
    }
    footer .menu_lt .menu_lt_logo img {
        width: 110px;
    }
    .footer_menu_list .col-md-3 {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 1;
        flex: 1 0 50%;
        max-width: 50%;
        margin: 0;
        padding-right: 0;
    }
    .mb-sid.privcy {
        display: none;
    }
    .footer_social .mb-half {
        padding: 0;
        width: 100%;
    }
    .footer_social .col-md-7 {
        display: none;
    }
    .footer_menu_list .footer_menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 0;
        padding-left: 0;
    }
    .footer_menu_list .footer_menu {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .footer_menu_list .footer_menu .mb-side {
        width: 100%;
    }
    .footer_menu.foot_nri {
        margin-left: 0;
    }
    .email,
    .social {
        padding-left: 0;
    }
    div#panel:after {
        content: '';
        background: url(../images/dlf-ship-building.png) no-repeat;
        position: absolute;
        bottom: 32px;
        background-size: 60%;
        right: 10px;
        height: 222px;
        width: 88px;
        left: auto;
    }
    footer .footer_menu ul {
        margin-bottom: 0;
    }
   
    .investor {
        margin-left: 0 !important;
    }
    .footer_social {
        padding-bottom: 15px;
        margin: 0;
        margin-top: 4px;
    }
    footer .d-flex.mb-flex {
        background: 0 0;
    }
    footer .footer_menu {
        padding-top: 20px;
    }
    .investor .footer_menu.padd-left .mb-side:last-child {
        margin-top: 23px;
    }
    .navbar-toggler:not(:disabled):not(.disabled) {
        cursor: pointer;
        outline: none;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        margin-left: 0;
        display: inline-block;
    }
    li.nav-item {
        width: 100%;
        padding: 0 30px;
    }
    nav.navbar.navbar-expand-lg.fixed-top {
        background: #000;
    }
    
    .icon-dlf img {
        margin:0;
    }
    
    #about .nittext-btn img{
        width:40px;
    }
    
   #about .mbslider .product-showcase-carousel-controls {
        position: absolute;
    top: -30px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 2;
    font-weight: 700;
    font-size: 50px;
    color: #38904c;
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
    }
    
    #about .mbslider .product-showcase-carousel-controls--right{
        right:15px;
    }
    #about .mbslider .product-showcase-carousel-controls--left{
        right:70px;
    }
    #about .mbslider .product-showcase-carousel-controls--left img {
    -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
            transform: scaleX(-1);
}
.about .row {
    margin-top: 50px;
}
.icon-dlf {
    margin-bottom: 26px;
    background: #f3f3f3;
    padding: 20px;
    height: 190px;
}
.about .row {
    margin-top: 60px;
}
}

@media (max-width:767px) {
    .enquiryform10{ width:45%;}
    .disclaimer {
    background: #f5f5f5;
    padding: 40px 0;
    margin-top: 40px;
}
    .disclaimer p, .disclaimer a {
    font-size: 14px;
}
    span.fixed-hrera.fixed-hrera-right {
    right: 0;
    left: auto;
    border-top: solid 1px #fff;
}
    
    .dk-view{
        display:none;
    }
    .mb-view {
        display:block;
    }
    
    li.nav-item {
    width: 100%;
    padding: 0 15px;
}
  .banner video {
    width: 100%;
    height: 100vh;
    -o-object-fit: cover;
       object-fit: cover;
    margin-bottom: -7px;
    position: relative;
}
.banner {
    position: relative;
    overflow: hidden;
}

    .icon-dlf p {
    font-size: 13px;
    line-height: 1.5;
}
    
    .viewdlf .product-showcase-carousel-controls img {
    width: 32px;
}
    .contact iframe {
    margin-top: 40px;
}
.icon-dlf {
    margin-bottom: 26px;
    background: #f3f3f3;
    padding: 20px;
    height: 190px;
}
    .about .row {
    margin-top: 50px;
}
    .h4 {
    padding-bottom: 16px;
}
    .contact-dlts {
    padding: 0px 0px 0px 0;
}
    .contact-dlts .h4 {
        padding-bottom: 0px;
    }
    
     .about .col {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-positive: 0;
    -webkit-box-flex: 1;
            flex-grow: 1;
    max-width: 100%;
    margin:0;
}
    span.fixed-hrera {
        width:100%;
            position: inherit;
    }
    footer {
        margin-top: 0px;
    }
    .banner_content>div img {
    width: 180px;
}
   .anemities-box .oveflow, .anemities-box .oveflow h4 {
    overflow: hidden;
    margin: 0 5px;
}
    .view-anemities .anemities-box {
    padding: 0;
    /*margin:0 5px;*/
}
    #amenities .product-showcase-carousel-controls {
        display:none !important;
    }
    .view-slides {
    padding-top: 0;
}
    .view-slides .col-md-2.text-left.dtls_icon {
    padding: 0;
    width: 15%;
}
 .view-slides .col-md-10.text-left.arrow_icon {
    width: 85%;
}
    .icon_tech {
        margin-top: 15px;
    }
    .about .col-lg:first-child {
        width:100%;
    }
    .about .col-lg {
        width:50%;
    }
    .icon-dlf img {
    width: 55px;
}
.about .col-lg:first-child img {
    margin-top: 0;
    width: 80px;
}
    .floor-plan-slider {
        padding: 30px 50px;
    }
    .mn_c_ln::after,
    .mn_c_ln::before {
        height: 50px;
    }
    .dlf-view .slick-dots {
        margin-top: 30px;
        padding-bottom: 30px;
    }
    .contact-from .btn-dlf {
        margin-top: 0 !important;
    }
    .floor-plan {
        background-position: center !important;
    }
    .navbar-brand {
        margin: 0 0 0 15px;
    }
    .dlf-view-data {
        padding: 30px 0;
    }
    .view-slide {
        margin-top: 30px;
    }
    .contact .col-lg-6:first-child,
    .contact .col-lg-6:nth-child(2) {
        margin: 0;
        padding: 0;
    }
    #contact .contact-from .row {
        margin: 0 -15px;
    }
    #contact .row {
        margin: 0;
    }
    div#panel:after {
        bottom: 0;
    }
    .col-lg {
        width: 100%;
        margin: 0 0 30px 0;
    }
    .menu_lt_logo .row {
        -ms-flex-wrap: inherit;
        flex-wrap: inherit;
    }
    .socialIcon ul {
        text-align: center !important;
    }
    .socialIcon p {
        text-align: center !important;
    }
    
    .view-box p {
        padding: 14px 20px !important;
        font-size: 10px !important;
        letter-spacing: 2px;
    }
    .viewdlf .product-showcase-carousel-controls--right {
        right: 10px;
        text-align: right;
    }
    .viewdlf .product-showcase-carousel-controls--left {
        right: 61px;
    }
    .viewdlf .product-showcase-carousel-controls--left:hover {
        right: 60px;
    }
    .viewdlf .product-showcase-carousel-controls--right:hover {
        right: 0px;
    }
    
    .view-data ul li {
        font-size: 16px;
    }
    .banner .vh.banner1 {
        /*background-position: right !important;*/
        background: url(../images/mob-banner01.jpg) no-repeat !important;
        background-attachment: scroll !important;
            background-size: cover !important;
    }
    .banner .vh.banner2 {
        /*background-position: right !important;*/
        background: url(../images/mob-banner02.jpg) no-repeat !important;
        background-attachment: scroll !important;
            background-size: cover !important;
    }
    .banner .vh.banner3 {
        /*background-position: right !important;*/
        background: url(../images/mob-banner03.jpg) no-repeat !important;
        background-attachment: scroll !important;
            background-size: cover !important;
    }
    .banner:after {
        background:rgb(0 0 0 / 45%);
    }
    
    .banner_content h4 {
        font-size: 28px;
    }
}
@media (max-width:1240px) {
    .mainwrap .bannervdwrap {
        height: auto;
        min-height: auto;
    }
    
}
@media (max-width:991px){
     .bannervdwrap .bannertextwrap .upertext h1 {
    font-size: 5rem;;
}

 .bannervdwrap .bannertextwrap .upertext h1 b {
    font-size: 5.5rem;
}
.filterwrap .nav-item {
    margin: 0;
    width: auto;
    margin-bottom: 30px;
    padding: 0 5px;
}

.contact iframe{display:none;}

.videogallery {
    padding-bottom: 40px !important;
    padding-top: 40px;
}

}
@media (max-width:768px) {
    .filterwrap .nav-link{ font-size:14px;}
    ul.filterwrap li b{ margin: 0 5px;}
    ul.filterwrap li b:after{ top:20px;}
    .bannervdwrap .bannertextwrap .upertext h1 {
        font-size: 3rem;
        line-height: 40px;
    }
    .bannervdwrap .bannertextwrap .upertext h1 b {
        font-size: 3.2rem;
    }
    .bannervdwrap,
    .bellabannerwrap {
        height: auto;
        min-height: auto;
    }
    .bannervdwrap .mn_c_ln,
    .bannervdwrap .mn_c_ln::after,
    .bannervdwrap .mn_c_ln::before {
        height: 60px;
    }
    .bannervdwrap .leftrightnav {
        display:none;
    }
}
@media (max-width:640px) {
    .filterwrap .nav-link {font-size: 12px;}
    .bannertextwrap .width50 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80vh;
}
    .bannervdwrap .videobg video {
    width: 100%;
    min-width: 100%;
    height: 85vh;
    object-fit: cover;
        margin-bottom: -3px;
}
.bannervdwrap .bannertextwrap .upertext h1 {
        font-size: 60px;
        line-height: 0.8;
    }
        .bannervdwrap .bannertextwrap .upertext h1 b {
        font-size: 64px;
    }
    .bannervdwrap .bannertextwrap,
    .bannervdwrap .leftrightnav {
        height: auto;
    }
    .bannervdwrap .bannertextwrap {
        margin-top: 0;
    }
    .bannervdwrap .bannertextwrap .upertext span {
    letter-spacing: 3px;
    font-size: 8.5px;
    margin-left: 0;
}
.bannervdwrap .mn_c_ln {
        height: 40px;
        bottom: 6px;
    }
.bannervdwrap .mn_c_ln::after,
.bannervdwrap .mn_c_ln::before {
        height: 40px;
    }
.bannervdwrap .leftrightnav .leftnav .innerleftnav ul li a {
        font-size: 0.59rem;
    }
.bannervdwrap .leftrightnav .leftnav .innerleftnav ul li a span.cont {
        width: 30px;
        left: -32px;
    }
.bannervdwrap .leftrightnav {
        top: 90%;
    }
    
.hovershowtext .intx p {
    margin-bottom: 20px;
}

.logo-part {
   top: 36%;
    left: -40px;
}

.bel-logo {
    top: 35%;
    left: 0px;
}

.hhdtext:after{display:none;}

.modal-content .close {
    right: 0;
    top:0;
   
}

.modal{padding-right:0 !important;}

}
@media (max-width:350px){
    .filterwrap .nav-link {font-size: 10px;}
    ul.filterwrap li b:after {top: 18px;}
}

.videogallery .col-md-4{
    
    padding:10px 8px 0;
    
}

.videogallery{padding-bottom:80px;}

.video-thumb iframe{width:100%;}
iframe{border: 0;}