body { padding: 0; margin: 0; font-family: "Poppins", sans-serif; font-size: 16px; } img { height: auto; } /* Header */ header { box-shadow: 1px 1px 16px rgb(0 0 0 / 12%); position: fixed; width: 100%; top: 0; z-index: 999; background-color: #fff; } ul#mainNav li { padding-left: 30px; } ul#mainNav li a { font-weight: 500; color: #000; padding: 0; position: relative; } ul#mainNav li a:after { content: ""; position: absolute; border-right: 3px solid #000; top: 4px; bottom: 4px; right: -15px; } ul#mainNav li:last-child a:after { opacity: 0; } .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1500px; } @font-face { font-family: "AvenirLTStd-Roman"; src: url("AvenirLTStd-Roman.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "AvenirLTStd-Book"; src: url("AvenirLTStd-Book.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "AvenirLTStd-Black"; src: url("AvenirLTStd-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } .glightbox-clean .gdesc-inner { position: absolute; bottom: 5px; right: 5px; background-color: #fff !important; color: #000; display: inline-block; padding: 15px 10px; } .glightbox-clean .gslide-title { color: #000 !important; } /* Main Slider */ section.main-slider { margin-top: 5em; position: relative; } section.main-slider p.watermark-text { font-size: 9px; position: absolute; bottom: 17%; left: -8em; transform: rotate(-90deg); width: 195px; } section.main-slider .carousel-item { background-image: url(../images/banners/new-1/banner-desktop-bg.webp); } section.main-slider .carousel-item.banner-4 { background-image: url(../images/banners/new/1d.jpg); background-position: center; } section.main-slider .carousel-item.banner-5 { background-image: url(../images/banners/new/2d-new.jpg); background-position: center; } section.main-slider .carousel-item.banner-4 h2, section.main-slider .carousel-item.banner-5 h2 { font-family: 'Bebas Neue', sans-serif; color: #000; font-size: 3rem; text-transform: uppercase; line-height: 48px; font-weight: 700; } section.main-slider .carousel-item.banner-5 .banner-content { margin-top: 0; display: flex; align-items: flex-start; position: relative; left: 38%; } section.main-slider .carousel-item.banner-5 ul.banner-list { list-style: none; padding: 0; display: flex; margin: 2em 0 0; align-items: center; } section.main-slider .carousel-item.banner-5 ul.banner-list li { display: flex; flex-direction: column; width: 100px; text-transform: uppercase; color: #000; font-size: 18px; font-weight: 700; margin-right: 2.3em; position: relative; padding: 15px 0 30px; } section.main-slider .carousel-item.banner-5 ul.banner-list li span { font-size: 2.1rem; font-weight: 700; color: #000; } section.main-slider .carousel-item.banner-5 ul.banner-list li:after { content: ''; position: absolute; top: 0; right: -38px; bottom: 0; background: rgb(253 238 33 / 64%); width: 1px; } section.main-slider .carousel-item.banner-5 ul.banner-list li:last-child:after { opacity: 0; } section.main-slider .carousel-item.banner-5 ul.banner-list li:first-child { font-size: 2.1rem; width: 150px; font-weight: 700; line-height: 38px; } section.main-slider .carousel-item { background-size: cover; height: 92vh; background-position: top; } section.main-slider .banner-content { height: 100%; display: flex; align-items: center; flex-direction: column; justify-content: center; } section.main-slider .banner-content h4 { margin-top: 2em; } section.main-slider figure { height: 100%; display: flex; align-items: flex-end; } section.main-slider .banner-content h4, section.main-slider .banner-content h5 { font-family: "AvenirLTStd-Black"; color: #000; font-size: 1.7rem; } section.main-slider img.vector-3 { position: relative; right: 10%; width: 100%; } section.main-slider img.vector-4 { position: relative; right: 4%; width: 80%; } section.main-slider img.vector-5 { position: relative; right: 5%; width: 90%; } img.qrcode { object-fit: cover; object-position: top; width: 100%; } .qrcode-logo-wrapper { background-color: #fff; width: 70px; margin: 0 3px 15px; } .main-qrcode-logo-wrapper.d-flex { position: absolute; top: 15px; z-index: 9; right: 24%; margin: 0 auto; left: auto; width: fit-content; } .qrcode-logo-wrapper p { padding: 3px 0; align-items: center; justify-content: center; font-size: 7px; margin: 0; line-height: 8px; } .qrcode-logo-wrapper p img.rera-logo { width: 15px; margin-right: 4px; } .main-form { position: absolute; right: 0; top: 15%; z-index: 99; background-color: #fff; width: 22%; padding: 2em; } .main-form h4 { text-align: center; } .main-form hr { border-color: #1ba560; border-width: 3px; opacity: 1; } .main-form .form-group, .main-popup-form .form-group { margin-bottom: 10px; position: relative; } .main-form .form-control, .main-popup-form .form-control { background-color: #d9d9d9; appearance: auto; border: 1px solid #d9d9d9; } .main-form .form-control.error, .main-popup-form .form-control.error { border-color: #ff0000; } input#Enq_Submit { background-color: #1d1d1b; color: #fff; width: 150px; padding: 8px 0; } .main-form label.form-check-label { font-size: 12px; } label.error { color: #ff0000; position: absolute; top: 0; right: 0; font-size: 14px; } a.btn-enqnow, a.call_now { position: fixed; right: -50px; top: 50%; background-color: #c61f40; z-index: 999; padding: 12px 2.65em; color: #fff; text-decoration: none; transform: rotate(90deg); visibility: hidden; opacity: 1; border-radius:30px; transition: 1s; cursor: pointer; } a.btn-enqnow.active { visibility: visible; transition: 1s; opacity: 1; } img#dbAjaxLoader, img#epfAjaxLoader, img#ecfAjaxLoader { width: 40px; margin-left: 10px; opacity: 0; } img#dbAjaxLoader.active, img#epfAjaxLoader.active, img#ecfAjaxLoader.active { opacity: 1; } .section-padding { padding: 5em 0; } h2.section-title { font-weight: 700; font-size: 2.5rem; } input#btn_db_submit { margin-top: 5px; background-color: #c61f40; color: #fff; border: 0; padding: 8px 15px; } div#dbModal .modal-dialog { max-width: unset; width: 450px; } div#myModal1 .modal-dialog { max-width: unset; width: 450px; } div#myModal2 .modal-dialog { max-width: unset; width: 450px; } /* Enquiry Form */ div#myModal .modal-dialog { max-width: unset; width: 450px; } div#myModal label.form-check-label { font-size: 13px; line-height: 14px; } input#btn_epf_submit { width: 160px; background-color: #c61f40; border: 0; color: #fff; padding: 5px 0; } form#Enq_popup_Form .form-group { margin-bottom: 22px; } form#Enq_popup_Form label.error { bottom: -21px; right: auto; top: auto; font-size: 13px; } /* About */ #about-windsor-county { background-image: url(../images/about-bg.webp); background-size: cover; } a.db-btn { /*background-color: #c61f40;*/ background-color:#df7830; color: #fff; /*width: 260px;*/ display: inline-block; padding: 10px; text-decoration: blink; font-weight: 500; margin-top: 15px; cursor: pointer; border-radius: 50px; } #about-windsor-county hr { border-width: 4px; border-color: #efe2a1; margin-top: 4em; } /*glightbox*/ .glightbox-clean .gslide-description { background: transparent; } .glightbox-clean .gdesc-inner { padding: 20px; } .glightbox-clean .gslide-title { font-size: 18px; font-weight: 400; font-family: auto; color: #fff; margin-bottom: 0; line-height: 0; text-align: center; } /* Amenities */ #amenities { background-image: url(../images/about-bg11.webp); background-size: cover; background-position: bottom; } ul.amenities-list { display: flex; flex-wrap: wrap; margin-top: 4em; justify-content: center; } ul.amenities-list li { width: 12%; display: flex; flex-direction: column; align-items: center; margin-bottom: 2em; font-size: 14px; } ul.amenities-list li img { margin-bottom: 15px; width: 80px; height: 80px; } /* Gallery */ section#gallery { background-color: #e5c70b; } #project_renders_slider, #project_amenities_slider, #floor_plans_slider, #testimonials_slider, #prehomes_slider { width: 100%; margin: 0 auto; overflow: hidden; position: relative; text-align: center; } .swiper-container .swiper-button-prev img, .swiper-container .swiper-button-next img { width: auto !important; border: 0 !important; } .swiper-button-next:after, .swiper-button-prev:after { display: none; } ul#galleryNav, ul#flpNav { margin-bottom: 2em; border: 0; display: flex; justify-content: center; margin-top: 3em; } ul#galleryNav li.nav-item, ul#flpNav li.nav-item { margin: 0px 15px; width: 190px; } ul#galleryNav li.nav-item a.nav-link, ul#flpNav li.nav-item a.nav-link { border-radius: 0; background-color: #fff; border: 0; color: #000; font-weight: 500; } ul#galleryNav li.nav-item a.nav-link.active, ul#flpNav li.nav-item a.nav-link.active { background-color: #000; color: #fff; } #gallery .tab-content { width: 65%; margin: 0 auto; } #gallery .tab-content img { width: 80%; border: 8px solid #fff; } #floor_plans .tab-content { width: 80%; } ul#flpNav { margin-top: 0; } /* Location */ #location .card.card-body { border-color: #00000029; padding: 2em 0.5em; height: 100%; } ul.location-list { margin-top: 15px; border-top: 1px solid #9dd8ba; padding-top: 25px; margin-bottom: 0; } ul.location-list li { margin-bottom: 15px; border-bottom: 1px solid #9dd8ba; width: fit-content; margin: 0 auto 15px; padding: 0 15px 10px; font-size: 14px; } ul.location-list li:last-child { border: 0; margin-bottom: 0; padding-bottom: 0; } /* testimonials */ section#testimonials { background-color: #a1c51b; } div#testimonials_slider { width: 50%; margin-top: 3em; } div#testimonials_slider img { width: 80%; border: 12px solid #fff; } div#testimonials_slider img.play-btn { width: auto; position: absolute; border: 0; left: 0; right: 0; margin: 0 auto; top: 40%; width: 50px; } /* about-windsor-shelters */ #about-windsor-shelters { /*background-image: url(../images/about-bg.png);*/ background-size: cover; text-align: center; } #about-windsor-shelters hr { margin-top: 6em; border-width: 3px; margin-bottom: 4em; } ul.count-list { display: flex; justify-content: center; margin-top: 4em; margin-bottom: 4em; } ul.count-list li { margin: 0 2em; font-size: 1.2rem; font-weight: 700; position: relative; } ul.count-list li:last-child:after { opacity: 0; } ul.count-list li:after { content: ""; position: absolute; right: -36px; border-right: 3px solid #ccc; top: 0; bottom: -15px; } ul.count-list li span.purecounter { display: block; font-size: 2.5rem; position: relative; } ul.count-list li span.purecounter:after { content: "+"; } #pre-inspected-homes { background-image: url(../images/about-bg.png); background-size: cover; background-position: center; } #pre-inspected-homes h2.section-title span { font-weight: 300; color: #1d1d1b; } #prehomes_slider { margin-top: 2em; width: 50%; padding-bottom: 3em; } #prehomes_slider .card-image img { width: 80%; } #prehomes_slider span.swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #696969; } #prehomes_slider span.swiper-pagination-bullet { background-color: #fff; border: 1px solid #707070; width: 14px; height: 14px; } #prehomes_slider .swiper-button-prev, #prehomes_slider .swiper-button-next { top: 40%; } /* Footer */ footer { background-color: #e5c72c; } footer#contact-us h3.section-title { font-weight: 600; font-size: 2rem; margin-bottom: 20px; } footer ul.contact-list li { padding-right: 2em; font-weight: 500; } footer ul.contact-list li img { margin-right: 5px; } footer ul.contact-list li a.link { color: #000; font-weight: 700; text-decoration: none; font-size: 18px; } footer address h5 { color: #000; } .rera-sm-wrapper { display: flex; align-items: flex-end; margin-top: 2.8em; justify-content: space-between; } .rera-wrapper p { margin: 0; } .rera-wrapper p.text-bold { font-weight: 600; } .rera-wrapper img { margin-bottom: 5px; } .rera-wrapper p a { display: block; color: #000; text-decoration: none; } ul.sm-list { margin: 0; display: flex; } ul.sm-list li { margin-left: 6px; } .disclaimer-text { background-color: #2e2626; color: #fff; text-align: center; padding: 25px 0; } .disclaimer-text p { margin-bottom: 0; font-size: 14px; width: 65%; margin: 0 auto; } /* Media Query */ @media (max-width: 1600px) { /*section.main-slider .carousel-item { height: 91vh; }*/ section.main-slider .banner-content { margin-top: 3em; } section.main-slider img.vector-3 { width: 85%; } section.main-slider img.vector-4 { width: 60%; } section.main-slider img.vector-5 { width: 70%; } section.main-slider .banner-content h4, section.main-slider .banner-content h5 { font-size: 1.2rem; } section.main-slider img.vector-1, section.main-slider img.vector-2 { width: 330px; } } @media (max-width: 1440px) { h2.section-title { font-size: 2rem; } ul#mainNav li a { font-size: 15px; } ul#mainNav li { padding-left: 19px; } ul#mainNav li a:after { right: -12px; } .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1350px; } .main-form label.form-check-label { font-size: 9px; } .main-form label { font-size: 13px; } .main-form .form-group { margin-bottom: 5px; } .main-form { width: 23%; padding: 20px; } .main-form h4 { font-size: 20px; } section.main-slider img.vector-3 { right: 10%; width: 75%; } section.main-slider img.vector-4 { right: 5%; width: 60%; } section.main-slider img.vector-1, section.main-slider img.vector-2 { width: 270px; } section.main-slider .banner-content h4, section.main-slider .banner-content h5 { font-size: 1.2rem; } } @media (max-width: 1350px) { ul#mainNav li a { font-size: 13px; } } @media (max-width: 1199px) { footer#contact-us { font-size: 14px; } } @media (max-width: 767px) { section.main-slider .banner-content { margin-top: 0; } .main-qrcode-logo-wrapper.d-flex { right: 0; left: 0; } section.main-slider .carousel-item { background-image: url(../images/banners/new-1/banner-mobile-bg.webp); height: 100vh; } section.main-slider .carousel-item.banner-4 { background-image: url(../images/banners/new/2-01.jpg); background-position: center; } section.main-slider .carousel-item.banner-5 { background-image: url(../images/banners/new/1-01.jpg); background-position: center; } section.main-slider .carousel-item.banner-4 .banner-content { display: flex; justify-content: flex-start; position: relative; top: 20%; } section.main-slider .carousel-item.banner-5 .banner-content { margin-top: 0; position: relative; left: 0; right: 0; justify-content: flex-start; top: 19%; } section.main-slider .carousel-item.banner-4 h2, section.main-slider .carousel-item.banner-5 h2 { font-size: 2rem; line-height: 36px; text-align: center; width: 90%; margin: 0 auto; } section.main-slider .carousel-item.banner-4 h2 span.d-block, section.main-slider .carousel-item.banner-5 h2 span.d-block { display: inline-block !important; } section.main-slider figure { align-items: flex-end; justify-content: flex-end; } section.main-slider img.vector-3 { right: 0; width: 84%; } section.main-slider img.vector-1, section.main-slider img.vector-2 { width: 270px; margin-top: 9em; } section.main-slider .banner-content h4, section.main-slider .banner-content h5 { font-size: 1rem; } section.main-slider img.vector-4, section.main-slider img.vector-5 { right: 0; left: 0; margin: 0 auto; } div#dbModal .modal-dialog { width: 90%; margin: 5% auto; } a.btn-enqnow { left: 0; top: auto; transform: initial; text-align: center; bottom: 0; /*left: auto;*/ width: 49%; visibility: visible; padding: 12px; } a.call_now { display: flex !important; right: 0; top: auto; transform: initial; text-align: center; bottom: 0; /*right: auto;*/ width: 49%; visibility: visible; } header a.navbar-brand img { width: 240px; } section.main-slider { margin-top: 3.5em; } ul#mainNav li a:after { opacity: 0; } ul#mainNav li { margin-top: 5px; } ul#mainNav { margin: 10px 0 7px; } .rera-sm-wrapper.d-flex .sm-wrapper { margin-top: 15px; } ul.sm-list li:first-child { margin-left: 0; } .rera-wrapper img { width: 24px; } .main-form { position: relative; width: 100%; } ul.count-list { display: flex; flex-direction: column; } ul.count-list li:after { display: none; } .rera-sm-wrapper.d-flex { display: flex; flex-direction: column; } ul.contact-list { display: flex; flex-direction: column; } footer ul.contact-list li { margin-bottom: 5px; } .disclaimer-text { padding: 25px 0 4em; } .rera-sm-wrapper.d-flex { display: flex; align-items: flex-start; margin-top: 0; margin-bottom: 20px; } h2.section-title { font-size: 1.5rem; } ul.amenities-list li { width: 45%; } ul.amenities-list { display: flex; flex-wrap: wrap; } ul#galleryNav li.nav-item { width: 250px; margin-bottom: 8px; } #gallery .tab-content { width: 100%; margin: 0 auto; } .swiper-container .swiper-button-prev img, .swiper-container .swiper-button-next img { width: 35px !important; border: 0 !important; } #gallery .tab-content img { width: 75%; } p.w-50 { width: 100% !important; } section#location .col { flex: auto; } section#location .col { flex: auto; margin-bottom: 20px; width: 100% !important; } div#testimonials_slider { width: 100%; margin-top: 3em; } div#testimonials_slider img { width: 75%; } ul.count-list li { margin-bottom: 1.5em; } ul.count-list li:last-child { margin-bottom: 0; } #about-windsor-shelters { background-size: unset; } .disclaimer-text p { font-size: 11px; width: 100%; } div#testimonials_slider img.play-btn { width: 40px; } figure.banner-qrcode-wrapper img { width: 50px; } figure.banner-qrcode-wrapper { display: flex; justify-content: center; } figure.banner-qrcode-wrapper img { width: 50px; } .qrcode-logo-wrapper { background-color: #fff; width: 70px; margin: 0 3px 15px; padding-bottom: 2px; } img.qrcode { height: 70px; object-fit: cover; object-position: top; width: 100%; } .qrcode-logo-wrapper p { display: flex; align-items: center; justify-content: center; font-size: 6px; margin: 0; } .qrcode-logo-wrapper p img.rera-logo { width: 15px; margin-right: 4px; } section.main-slider .carousel-item.banner-5 ul.banner-list { list-style: none; padding: 0; display: flex; margin: 0 auto; align-items: center; } section.main-slider .carousel-item.banner-5 ul.banner-list li { font-size: 16px; line-height: 19px; width: 65px; margin-right: 0; } section.main-slider .carousel-item.banner-5 ul.banner-list li:first-child { font-size: 16px; width: 90px; font-weight: 700; line-height: 19px; margin-right: 45px; padding: 15px 0; } section.main-slider .carousel-item.banner-5 ul.banner-list li:after { right: -20px } section.main-slider .carousel-item.banner-5 ul.banner-list li span { font-size: 16px; } section.main-slider .carousel-item.banner-4 h4.d-none { display: block !important; position: relative; top: 57%; width: 100%; text-align: center; } section.main-slider .carousel-item.banner-5 h4.d-none { display: block !important; position: relative; top: 51%; width: 100%; text-align: center; } } @media (max-width: 320px) { section.main-slider img.vector-4 { width: 150px; } section.main-slider img.vector-1, section.main-slider img.vector-2 { width: 180px; } section.main-slider .banner-content h4, section.main-slider .banner-content h5 { font-size: 13px; } }