@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@100;200;400;600&display=swap'); :root{ --white: #fff; --black: #000; --k90:rgba(0,0,0,.9); --primary: #333; /* 50% html picker*/ --secondary: #666; /* 40% html picker*/ --heading: darkblue; /* 20% html picker*/ --dark: #ffd100; /* 15% html picker*/ --footer:deepskyblue; --light: #ad9116b5; /* 65% html picker*/ --lighter: #eaeded; /* 75% html picker*/ --lightest: #e4e4e4; /* 85% html picker*/ --menuHoverBg:linear-gradient(to top, #bf712e, #efe995); --menuHoverTxt:#fff4b3; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --none: transparent; --corner: .5rem; --rounded: 2rem; --shadow: .1rem .25rem .5rem rgba(0,0,0,0.4); --btnShadow: 0 .5rem 1rem rgba(0,0,0,.15); } /* Overriding Browser settings */ *, ::after, ::before { margin: 0; padding: 0; border: none; outline: none; box-sizing: border-box; } *:focus { border: none; outline: none; background: none; } a { text-decoration: none; } p a { color:var(--white); } h3 a, h6 a { color:var(--dark); } h3 a:hover, h6 a:hover { color:navajowhite; } html { scroll-behavior: smooth; } #why, #why1 { background-attachment:fixed; background-size:cover; padding:0; grid-gap:0; margin-right:0; height:fit-content; } @media (min-width: 992px) { #why, #why1 { grid-gap:inherit; margin-right:-.5rem; height:100vh; } } #why{ background:url(images/why.jpg); background-repeat:no-repeat; } #why1{ background:url(images/why3.jpg); background-repeat:no-repeat; } body { font-family: 'Heebo', sans-serif; font-size: 1rem; font-weight: 200; line-height: 2; letter-spacing: .05rem; background-color: #030000; color:navajowhite; height: 100vh; overflow-x: hidden; } .wrapper { width:100%; padding-bottom:2rem; } header { display: grid; grid-template-columns: 1fr; } .header { display: grid; grid-template-columns: 6rem 1fr; grid-gap: 0; justify-content: space-between; align-items: start; position: fixed; z-index: 1; width: 100%; padding: 0; background:var(--none); } section { height:auto; } .island { width: -webkit-fill-available; } .fixMe { z-index:99; position: fixed; top:0; } .moveMe { z-index: 99; position: absolute; } .logo { background-color:#03000085; border-radius: 0 0 5rem 5rem; text-align:center; } .logo img { width:80%; } video { text-align:center; width:100%; height:auto; } footer { display: grid; grid-template-columns: 1fr; grid-gap: 1rem; background:url(images/footer-bg.jpg); background-repeat:no-repeat; background-attachment:fixed; background-size:cover; background-position-y: bottom; align-items: center; grid-gap:0; margin-right:0; min-height:600px; color: var(--dark); padding:1rem; text-align:center; } .contact { display: grid; grid-template-columns: 1fr; grid-gap: 1rem; background:url(images/footer-bg.jpg); background-repeat:no-repeat; background-attachment:fixed; background-size:cover; background-position-y: bottom; align-items: center; grid-gap:0; margin-right:0; min-height:600px; color: var(--dark); padding:1rem; text-align:center; } footer a, .footer a { font-family: inherit; font-size: 1rem; text-transform: inherit; color: var(--dark); text-align: center; padding:.125rem; } footer a:hover, .footer a:hover { color: var(--black); } footer p, footer h3, footer h6 { color:var(--dark); text-align:center; } footer h6 { font-weight:700; } .footer { font-size:1rem; } .footerSocio .lni { font-size:1.5rem; padding:.5rem; color:inherit; } .footerSocio { display: grid; grid-template-columns: repeat(6, 1fr); grid-gap:.5rem; justify-content:center; align-items:center; width: fit-content; margin:0 auto; padding: 1%; } .footerPay { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap:.5rem; padding: 1rem 3rem; } .mobiConnect { display:grid; grid-template-columns:repeat(3,1fr); grid-gap:.5rem; justify-content:center; align-items:center; text-align:center; background-color:var(--primary); position:fixed; bottom:0; width:100vw; padding:.5rem; } .mobiConnect a { color:var(--white); font-size:1.1rem; } .paymode { text-align:center; } img { justify-self: center; align-self: center; text-align: center; width:100%; height:auto; } ul, li { list-style: none; } #content { margin:auto; padding: 0 1rem; } #content h6 { text-align:left; } #content li, .content li { list-style: square; color:var(--primary); font-size:1.5rem; padding: .5rem 1rem; margin-inline-start: 1rem; } #card { background-color: var(--white); border-radius: var(--corner); box-shadow: var(--btnShadow); border: 2px solid var(--secondary); } #svg { width:4rem; height:4rem; padding:.5rem; background-color:var(--secondary); border: 1px solid var(--primary); border-radius:var(--corner); } #svg img { fill:var(--secondary); } button { font-size: inherit; color:inherit; background-color: transparent; } #gallery{ background: url(images/gallery.jpg); background-attachment: fixed; background-color: #030000cc; background-blend-mode: overlay; } #specs{ background: url(images/specs.jpg); background-attachment: fixed; background-color: #030000cc; background-blend-mode: overlay; height:fit-content; } #floorPlans{ background: url(images/floorPlans.jpg); background-attachment: fixed; background-color: #030000cc; background-blend-mode: overlay; height:fit-content; } #mobile { display: block; } #lap { display: none; } .txtRight { text-align: right; } button .lni { font-size:1.25rem; } .header-bg { background:var(--none); margin-top: calc(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x) / -2); margin-left: calc(var(--bs-gutter-x) / -2); } .sticky { top: 0; position:fixed; background-color: var(--white); z-index:99; } .hamberger, .login, .cart { font-size: 1.25rem; color: var(--dark); text-align:center; } .hamberger { text-align: right; background-color: #03000085; width: 100%; padding: 0 1.25rem; } .banner { width:100%; height:30rem; } /* BS Layout Classes */ .row{display:flex;flex-flow:wrap;grid-gap:1rem;padding:1rem}.col{flex:1 0 0%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:6.5%}.col-2{flex:0 0 auto;width:15%}.col-3{flex:0 0 auto;width:23.5%}.col-4{flex:0 0 auto;width:32%}.col-5{flex:0 0 auto;width:40.5%}.col-6{flex:0 0 auto;width:49%}.col-7{flex:0 0 auto;width:57.5%}.col-8{flex:0 0 auto;width:66%}.col-9{flex:0 0 auto;width:74.5%}.col-10{flex:0 0 auto;width:83%}.col-11{flex:0 0 auto;width:91.5%}.col-12{flex:0 0 auto;width:100%}@media (min-width:576px){.col-sm{flex:1 0 0%}.col-sm-1{flex:0 0 auto;width:6.5%}.col-sm-2{flex:0 0 auto;width:15%}.col-sm-3{flex:0 0 auto;width:23.5%}.col-sm-4{flex:0 0 auto;width:32%}.col-sm-5{flex:0 0 auto;width:40.5%}.col-sm-6{flex:0 0 auto;width:49%}.col-sm-7{flex:0 0 auto;width:57.5%}.col-sm-8{flex:0 0 auto;width:66%}.col-sm-9{flex:0 0 auto;width:74.5%}.col-sm-10{flex:0 0 auto;width:83%}.col-sm-11{flex:0 0 auto;width:91.5%}.col-sm-12{flex:0 0 auto;width:100%}}@media (min-width:768px){.col-md{flex:1 0 0%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:6.5%}.col-md-2{flex:0 0 auto;width:15%}.col-md-3{flex:0 0 auto;width:23.5%}.col-md-4{flex:0 0 auto;width:32%}.col-md-5{flex:0 0 auto;width:40.5%}.col-md-6{flex:0 0 auto;width:49%}.col-md-7{flex:0 0 auto;width:57.5%}.col-md-8{flex:0 0 auto;width:66%}.col-md-9{flex:0 0 auto;width:74.5%}.col-md-10{flex:0 0 auto;width:83%}.col-md-11{flex:0 0 auto;width:91.5%}.col-md-12{flex:0 0 auto;width:100%}}@media (min-width:992px){.col-lg{flex:1 0 0%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:6.5%}.col-lg-2{flex:0 0 auto;width:15%}.col-lg-3{flex:0 0 auto;width:23.5%}.col-lg-4{flex:0 0 auto;width:32%}.col-lg-5{flex:0 0 auto;width:40.5%}.col-lg-6{flex:0 0 auto;width:49%}.col-lg-7{flex:0 0 auto;width:57.5%}.col-lg-8{flex:0 0 auto;width:66%}.col-lg-9{flex:0 0 auto;width:74.5%}.col-lg-10{flex:0 0 auto;width:83%}.col-lg-11{flex:0 0 auto;width:91.5%}.col-lg-12{flex:0 0 auto;width:100%}} .mainGrid { display:grid; grid-template-columns:100%; grid-gap:1rem; margin:1%; } .baseItem { padding:1%; } .baseItem h6 { padding-top:1rem; } /* Typography */ .h1,h1{font-size:calc(2.5rem + 1.5vw)}@media (min-width:1200px){.h1,h1{font-size:2.5rem}}.h2,h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.h2,h2{font-size:2rem}}.h3,h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h3,h3{font-size:1.75rem}}.h4,h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){.h4,h4{font-size:1.5rem}}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem} @media (min-width: 992px) { h1 { font-size:calc(3rem + 1.5vw); } } p { margin-top: 0; margin-bottom: 1rem; text-align:justify; line-height:1.5; } h1, h2, h3, h4, h5, h6, .title_new { color:var(--dark); font-weight: 400; text-transform: capitalize; line-height:1.15; text-align: center; } .projectShorts { border-radius:var(--corner); overflow:hidden; min-height:400px; } .shortsBg { background: linear-gradient(0deg, rgba(3,0,0,1) 0%, rgba(3,0,0,1) 50%, rgba(3,0,0,0.8) 80%, rgba(3,0,0,0.05) 100%); } .shortsInner { display: flex; flex-wrap:wrap; flex-flow:column; justify-content: center; align-items: center; height: 65%; margin-top: 60%; padding: 1rem .5rem; transition: all .5s ease-in; } @media (min-width:992px) { .shortsInner { flex-flow:row; } } .shortsInner:hover { transform:scale(1.05,1.05); transform:translateY(-1rem); } .shortsInner .lni { font-size:1.25rem !important; } .shortsInner .proLogo { width:5rem; align-self:center; margin:0 auto; } .shortsInner .area { align-self:center; } .shortsInner .bhk { display:none; grid-area:bhk; align-self:center; } .shortsInner .status { display:none; grid-area:status; align-self:center; } .shortsInner .vdo { display:none; grid-area:vdo; align-self:center; } .shortsInner .dwn { display:none; grid-area:dwn; align-self:center; } .shortsInner .exp { grid-area:exp; align-self:center; } .shortsInner p { margin:0 0 0 1rem; text-align:left; font-weight:400; } .shortsInner .btn-theme { color: var(--dark); background-image: var(--none); border: 1px solid var(--dark); margin:.5rem; transition:all .5s ease-in; } .shortsInner .btn-theme:hover { color: var(--black); background-image: var(--menuHoverBg); border: 1px solid var(--dark); } #home { background-color:#030000d9; padding:1rem; text-align:center; min-height:auto; transform: skewX(0deg); } #homeProjects { background-color:#030000d9; padding:1rem; text-align:center; min-height:auto; border-radius: var(--corner); } @media (min-width: 992px) { #home { transform: skewX(-10deg); padding:2.5rem; } } /* This project */ .hPad { padding: 0; } @media (min-width: 992px) { .hPad { padding: 0 1rem; } } .detailsTop { margin-top: 40vh; width: 15rem; margin-left: 20vw; } @media (min-width: 992px) { .detailsTop { margin-left:75vw; margin-top:50vh; width: 15rem; } } .titles { display:grid; margin:0 auto; } .titles img { width: 100px; height: 27px; margin: 0 auto 1.5rem auto; } .projects { text-align:center; border-radius:var(--corner); } /* Swiper Css */ .swiper-container { width: 100%; padding-top: 50px; padding-bottom: 200px; } .swiper-slide { background-position: center; background-size: cover; width: 450px; height: 450px; -webkit-box-reflect:below 1px linear(transparent, transparent, #0006); } @media(min-width:992px){ .swiper-slide { width: 900px; height: 900px; } } .swiper-slide img { display: block; width: 100%; } .amenities { display: flex; grid-gap: .35rem; flex-wrap: wrap; } @media (min-width: 992px) { .amenities { grid-gap: 1.1rem; } } #amenities { height: fit-content; } .amenities-items { display:grid; grid-template-columns:1fr; width:100%; height: 25rem; grid-gap:.5rem; justify-content:center; align-items:start; overflow:hidden; background-color:var(--none); border:1px solid var(--dark); border-radius:var(--corner); } .amenities-items p { padding:1rem; text-align:center; } .amenities-items:hover { background-color:var(--dark); border:2px solid var(--white); } .amenities-items:hover p { color:var(--black); font-weight:bold; } .amenities-items .iconImg { background-color:var(--dark); } .amenities-items .reveal { display:none; position: relative; margin-top:-125%; } .amenities-items:hover .reveal { display:block; overflow: hidden; } /* round amenity class */ .round-amenities-items { display:grid; grid-template-columns:1fr; width:100%; margin:.35rem auto; height: auto; grid-gap:0; justify-content:center; align-items:start; overflow:hidden; background-color:var(--none); height:220px; } @media (min-width: 992px) { .round-amenities-items { width:100%; margin:0 auto; height:220px; } } .round-amenities-items p { display:none; padding:.25rem; text-align:center; } /*.round-amenities-items:hover { background-color:var(--dark); border:2px solid var(--white); }*/ .round-amenities-items:hover p { color:var(--dark); text-align:left; font-weight:bold; } .round-amenities-items .iconImg { width: 150px; height: 150px; background-color:#fbe582; border:1px solid #fbe582; border-radius:50%; padding:1.5rem; } .round-amenities-items .reveal { display:none; position: relative; width: 150px; height: 150px; border:1px solid #fbe582; border-radius:50%; margin-top:-150px; } .round-amenities-items:hover .reveal, .round-amenities-items:hover p{ display:block; overflow: hidden; } .quickDetail { display: grid; grid-template-columns: 2rem 1fr; grid-gap: 1rem; justify-content: center; text-align: left; align-items: start; padding: 1rem; } .btnGroup, .btnGroupDetail, .btnGroupDetail1, .btnGroupHome { display: grid; grid-template-columns: 1fr; grid-gap: 1rem; margin: 1rem 0; width:100%; } .btnGroup .btn-theme { margin:0; } @media (min-width: 992px) { .btnGroupDetail { grid-template-columns: repeat(3,1fr); } .btnGroup { grid-template-columns: repeat(4,1fr); } } #ongoing { margin-top:10vh; } @media (min-width: 992px) { #ongoing { margin-top:10vh; } } /* General */ .cpad { padding:1rem; } .cpad25 { padding:1rem; } /* Off-Canvas Menu */ .sidenav { height: 100%; width: 0; position: fixed; z-index: 9; top: 0; left: 0; background-color: var(--dark); overflow-x: hidden; padding-top: 60px; transition: 0.5s; } .sidenav a { padding: .5rem .5rem .5rem 2rem; text-decoration: none; color: var(--black); display: block; transition: 0.3s; } .sidenav a:hover { color: var(--secondary); } .sidenav .closebtn { position: absolute; top: 0; right: 1.25rem; font-size: 1.5rem; margin-left: auto; } /* Off-Canvas Cart */ .sideCart { height: 100%; width: 0; position: fixed; z-index: 9999; top: 0; right: 0; background-color: var(--dark); overflow-x: hidden; padding-top: 60px; transition: 0.5s; } .sideCart a { padding: .5rem 2rem .5rem .5rem; text-decoration: none; color: var(--light); display: block; transition: 0.3s; } .sideCart a:hover { color: var(--primary); } .sideCart .closebtn { position: absolute; top: 0; left: 1.25rem; font-size: 1.5rem; margin-right: auto; } #wrapper { transition: margin-left .5s; background:transparent; } /* Menu icon buttons */ .menuBtn, .menuBtnX { color: inherit; font-size: .5rem ; padding: 0 .5rem; font-weight: bolder ; } .menuBtn { transform: rotate(0deg); transition: all .2s ease; } .menuBtnX { transform: rotate(90deg); transition: all .2s ease; } .dropdown:hover .menuBtn, .megaDrop:hover .menuBtn { transform: rotate(180deg); } .xTended .menuBtnX { transform: rotate(270deg); } .xTended:hover .menuBtnX { transform: rotate(90deg); } /* navigation */ nav { width:100%; margin-left:auto; } .menu { display: grid; grid-auto-flow: row; color: var(--primary); font-family: inherit; font-size:1rem; font-weight:400; justify-content: end; align-items: start; grid-gap: 10%; padding: 0 2rem; background-color: #03000085; } .menu a{ color: var(--dark); padding: .5rem; display: block; text-transform:uppercase; margin: auto; text-align: center; width: 100%; } .menu a:hover, .dropdown:hover, .dropdown a:hover { background-color: var(--none); text-decoration-line: underline; text-decoration-thickness: 2px; text-underline-offset: 3px; transition: all 0.5s linear; color: var(--menuHoverTxt); } .menu .proLogo { width:4rem; margin:0 auto; } .megaItems a:hover { background: var(--none); color: dark; } .dropdown, .xTended { position: relative; z-index:9; } .dropdown a, .xTended { color: var(--dark); display: block; width:100%; } .xTended { background-color: var(--light); } .dropdown-content, .xTended-content { display: none; background-color: var(--light); color: var(--dark); white-space: nowrap; width: 10rem; position: absolute; box-shadow: var(--shadow); z-index: 1; } .dropdown-content { left: 1rem; } .xTended-content { left: 2rem; } .dropdown:hover .dropdown-content, .xTended:hover .xTended-content { display: block; min-width:100%; width:auto; } .megaDrop { float: left; overflow: hidden; } .megaMenu { display: none; background-color: #030000; position:absolute; margin-right:2.5rem; color: var(--dark); border:1px solid var(--dark); border-radius:var(--corner); white-space: nowrap; z-index: 9; } .megaMenu h3, megaMenu img { padding: .5rem 0; } .megaDrop:hover .megaMenu { display: block; } .megaItems { float: left; flex:1; padding: .5rem; height: auto; /*border-right: 0 dashed var(--secondary);*/ } .megaItems h5:hover { color:var(--white); } .megaItems a { float: none; color: var(--dark); font-size: .65rem; padding: .5rem; text-decoration: none; display: block; text-align: left; } /* megamenu tabs */ .tab { overflow: hidden; display:flex; justify-content: start; width:100%; font-size:1.2rem; background-color: #030000; } .tab button { background-color: inherit; float: left; width:100%; margin:0 .5rem; font-weight:200; border: none; opacity:.75; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; } .tab button:hover { border: 1px solid var(--dark); border-radius:var(--corner); opacity:1; } .tab button.active { background-color: #030000; border-bottom:1px solid var(--dark); opacity:1; } .tabcontent { display: none; padding: .5rem; } .megaContent { display:flex; width:; justify-content:center; grid-gap:0; } .megaContent img { border-radius:8px; } .megaContent .col-lg-3 { background-color:#161616; padding:0 !important; margin:0 .1rem; } .megaContent p, .megaContent h3, .megaContent h5 { text-align:center; text-transform:uppercase; } /* Carousel */ .banner { display: grid; grid-template-columns: 1fr; justify-content: normal; align-items: center; text-align: center; } .viewCart { display: grid; grid-template-columns: 1fr; grid-gap: 1rem; padding: 1rem; } .cartCount { cursor:pointer; } .viewCart .items { grid-template-columns: 1fr; grid-gap: .5rem; color: var(--light); text-align: center; place-items: center; padding: 1rem; } .viewCart h4 { color: var(--white); padding: 1rem; } .cartProducts { background-color: pink; color:var(--dark); padding: 1rem; } .cartValue { background-color: gold; color:var(--dark); padding: 1rem; } /* Carousel */ .carousel-container { max-width: 100vw; position: relative; margin: auto; } .carouselItems { display: none; } .prev, .next { cursor: pointer; position: absolute; top: 50%; width: auto; margin-top: -22px; padding: 16px; color: white; font-weight: bold; font-size: 1rem; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; } .next { right: 0; border-radius: 3px 0 0 3px; } .prev:hover, .next:hover { background-color: rgba(0,0,0,0.8); } .caption { position: absolute; top: 60%; left:2%; width: 100%; } .caption h1, .caption h3, .caption h5 { color: var(--white); text-align: center; line-height: 1.25; font-weight:400; text-shadow: 2px 3px var(--black); } .dot { cursor: pointer; height: .5rem; width: 2rem; margin: 0 .125rem; background-color: var(--light); border-radius: 50%; display: inline-block; transition: background-color 0.6s ease; } .fade { -webkit-animation-name: fade; -webkit-animation-duration: 5s; animation-name: fade; animation-duration: 5s; } @-webkit-keyframes fade { from {opacity: .4} to {opacity: 1} } @keyframes fade { from {opacity: .4} to {opacity: 1} } section { display: grid; grid-template-columns: 1fr; padding: 1rem; } .btn-theme { color: var(--white); background-image: var(--menuHoverBg); border: 1px solid var(--none); border-radius:var(--corner); text-align:center; padding:.375rem 1rem; margin:1rem auto; width:100%; } .btn-theme:hover { color: var(--white); background-image: var(--dark); border-color: var(--dark); transition:background .5s ease; } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0.5rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: 0.25rem; } .formGroup { display:grid; grid-template-coloumns:1fr; grid-gap:1rem; } .formGroup input, .formGroup textarea { padding:.5rem; margin:.5rem; border:1px solid #ccc; border-radius:var(--corner); font: 400 .9rem Open Sans; } .footer .formGroup input, .formGroup textarea { background-color:transparent; } .footer input:-internal-autofill-selected { background-color:rgba(255,255,255,.9) !important; } .footer .btn-theme { width:auto; } .formGroup select { box-shadow:var(--shadow); } .formGrid { display: grid; grid-template-columns: 1fr; grid-gap: .5rem; justify-content: center; align-items: center; text-align: center; } .listGrid { display:grid; grid-template-columns:repeat(2, 49%); grid-gap:2%; } .productGrid { display:grid; grid-template-columns:100%; grid-gap:2%; position:relative; } .productGrid .label { list-style: none; position: absolute; bottom: 3px; left: -20%; z-index: 1; transition: all .5s ease 0s; } .productGrid h6 { text-align:center; padding:2% 0; } .new { color: var(--white); background-color: var(--dark); padding: .25rem .625rem; border-radius: var(--corner); display: block; position: absolute; top: .625rem; left: .625rem; } .detailGrid { display:grid; grid-template-columns:100%; grid-gap:1%; padding:1%; } .fav { display:grid; grid-template-columns: 2.5rem 6rem; margin:.5rem; border:1.5px solid deeppink; } .fav .lni { color:var(--white); background-color:deeppink; } .fav h3 { color:var(--deeppink); background-color:var(--white); } .mediaGrid { display: grid; grid-gap: 2%; } .infoGrid { display: grid; grid-gap: 1%; } .blogGrid { display:grid; grid-template-columns:100%; grid-gap:2%; padding:1%; } .blogProduct { display:grid; grid-template-columns:repeat(2, 49%); grid-gap:2%; } .innerBanner { display: grid; justify-content: flex-end; padding: 50% 10% 0 0; background:linear-gradient(to bottom, #ababab, #030000); } .innerBanner h3 { color:white; font-weight:400; text-shadow:2px 2px 5px #111; } .ytGrid { display: grid; grid-template-columns: 1fr; grid-gap: 1rem; justify-content: center; align-items: center; text-align: center; padding: 1rem 0; } .fancybox-image, .fancybox-spaceball { height: auto !important; width: 100% !important; } /* Media queries */ @media (min-width: 768px) { .listGrid { grid-template-columns:repeat(3, 32%); grid-gap:2%; } } @media (min-width: 992px) { #mobile { display: none; } #lap { display: block; } .wrapper { padding-bottom:0; } footer { grid-template-columns: repeat(3, 1fr); } .mobiConnect { display:none; } .footer { grid-column: span 3; } .island { padding:0; } .header { grid-template-columns: 10rem 1fr; grid-gap: 0; justify-content: space-around; align-items: start; padding: 0 1rem; } .banner { height:33rem; } .caption h1, .caption h3, .caption h5 { text-shadow: 3px 3px var(--black); } .menu { grid-auto-flow: column; } .dropdown-content { left: 0; } .xTended-content { left: 100%; top:0; } .megaDrop:hover .megaMenu { display: flex; } .megaItems { height: auto; /*border-right: 1px dashed var(--lighter);*/ width:550px; position:relative; } .cpad { padding:3rem; } .cpad25 { padding:2rem 5rem; } .listGrid { grid-template-columns:repeat(4,24%); grid-gap:1.333%; } .detailGrid { grid-template-columns:repeat(2, 49%); } .blogGrid { grid-template-columns:64% 34%; } .innerBanner { padding: 15% 5% 0 0; } .ytGrid { display: grid;grid-template-columns: 2fr 1fr; padding: 1rem; } } /* slick slider */ /* Slider */ .slick-slide { margin: 0px 20px; } .slick-slide img { width: inherit; } .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } input::-webkit-input-placeholder { /* WebKit browsers */ color: #fff; } input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; } input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; } input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #fff; } textarea::-webkit-input-placeholder { /* WebKit browsers */ color: #fff; } textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; } textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; } textarea:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #fff; }

Early Bird Offer

Yes. I am Interested in the Early Bird Offer. Project. Kindly Organise.

Enquiry

JD HOMES DEVELOPERS PRIVATE LIMITED

“JD Homes- Luxia”, G1, Plot # 173/A1, Cheran Street, Ganesh Nagar, Rajakilpakkam, Chennai – 600073
9551177666
sales@jdhomes.in

   

Privacy Policy

 Copyright © 2024 JD HOMES DEVELOPERS PRIVATE LIMITED. All Rights Reserved.