.opening-date-img{
     position: relative;
    height: 50px;
    border-radius: 50px;
    background-color: white; /* The background color you want to show through the text */ 
    vertical-align: middle;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
}

.opening-date-img .white-background {
     position: absolute; /* Allows precise positioning */ 
     top: 0; 
     left: 0; 
     width: 100%; 
     height: 100%; 
     
     z-index: 1; /* Place the background layer below the text */ 
   } 

   .opening-date-img .transparent-text {
     color: #b74846;
     font-size: 24px; /* Adjust as needed */ 
     font-weight: bold; 
     text-transform: uppercase;
     margin-bottom: 0;
   }



body {
     font-family: "Montserrat", sans-serif;
     font-optical-sizing: auto;
     font-size: 20px;
     color: #252525;
     font-weight: 400;
     line-height: 30px;
}
.hero-caption-mobile {
     display: none;
}
.hero-caption-two-mobile {
     display: none;
}
.header-disclaimer {
     background-color: #004069;
     padding: 10px 5% !important;
}
.header-disclaimer p {
     font-size: 13px;
     line-height: 18px;
     font-weight: 300;
     margin-bottom: 0px;
}
button {
     border: none !important;
     background: none !important;
}
.background-image {
     background-size: cover;
     background-repeat: no-repeat;
     width: 100%;
     min-height: 650px;
     background-position: center center;
     display: flex !important;
}
.container {
     max-width: 1480px;
}
h1 {
     font-size: 60px;
     line-height: 66px;
}
h2 {
     font-size: 40px;
     line-height: 46px;
}
h3 {
     font-size: 30px;
     line-height: 36px;
}
h4 {
     font-size: 20px;
     line-height: 26px;
}
.textcenter {
     text-align: center;
}
.blacktext {
     color: #252525;
}
.bluetext {
     color: #004069;
}
.redtext {
     color: #b74846;
}
.aquatext {
     color: #a5dcdf;
}
.white, .whitetext {
     color: #fff;
}
.boldtext {
     font-weight: 700;
}
.semiboldtext {
     font-weight: 600;
}
.mediumtext {
     font-weight: 500;
}
.regulartext {
     font-weight: 400;
}
.lighttext {
     font-weight: 300;
}
p a {
     color: #004069;
}
p a:hover {
     color: #b74846;
}
.hero-caption {
     z-index: 99999;
     text-align: left;
     position: absolute;
     left: 10%;
     top: 10%;
}
.hero-caption img {
     max-width: 220px;
     height: auto;
     margin: 0px auto 50px auto;
}
.hero-caption-mobile {
     position: absolute;
     top: 15%;
     right: 0;
     left: 0;
     bottom: 0px;
     z-index: 99999;
     text-align: center;
}
.hero-caption-mobile img {
     max-width: 268px;
     height: auto;
     margin: 0px auto;
}
.hero-caption h1 {
     font-size: 80px;
     line-height: .95;
     margin-top: 50px;
}
.hero-caption h1 span {
     font-size: 64px;
     font-weight: 300;
}
.opening-date-img img {
     max-width: 285px !important;
}
.btn-primary, .btn-primary:visited {
     outline: none !important;
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
     background-color: #5b108b !important;
     border-radius: 5px !important;
     font-size: 18px !important;
     line-height: 22px !important;
     color: #fff !important;
     font-weight: 500;
     padding: 10px 30px !important;
     border: 2px solid #5b108b !important;
}
.btn-primary:hover, .btn-primary:active {
     outline: none !important;
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
     border-radius: 5px !important;
     background-color: #fff !important;
     border: 2px solid #5b108b !important;
     color: #5b108b !important;
     font-size: 18px !important;
     line-height: 22px !important;
     font-weight: 500;
     padding: 10px 30px !important;
}
ul.bulletlist {
     margin: 0px 0px 0px 0px;
     padding: 0px;
     list-style-image: url('../images/bullet.png');
     font-size: 20px;
     line-height: 34px;
}
ul.bulletlist li {
     margin: 0px 0px 20px 0px;
     padding: 0px 0px 0px 0px;
     vertical-align: top;
}
/* INTRO SECTION */
.intro-text {
     padding: 0px 5% 0px 0px !important;
     text-align: left;
     display: flex;
     justify-content: center;
     flex-direction: column;
}
.intro-text-title {
     margin-bottom: 16px;
     text-align: left;
}
.intro-form-link {
     margin-top: 40px;
}
/* FEATURES SECTION */
.features-outer {
     background-color: #b74846;
     padding: 50px 0px 50px 0px;
     margin-bottom: 100px;
}
.feature-block1, .feature-block2, .feature-block3, .feature-block4, .feature-block5 {
     text-align: center;
}
.feature-block1 img {
     margin: 0px auto;
     max-width: 85px;
     height: auto;
     padding-bottom: 20px;
}
.feature-block2 img {
     margin: 0px auto;
     max-width: 85px;
     height: auto;
     padding-bottom: 20px;
}
.feature-block3 img {
     margin: 0px auto;
     max-width: 85px;
     height: auto;
     padding-bottom: 20px;
}
.feature-block4 img {
     margin: 0px auto;
     max-width: 85px;
     height: auto;
     padding-bottom: 20px;
}
.feature-block5 img {
     margin: 0px auto;
     max-width: 85px;
     height: auto;
     padding-bottom: 20px;
}
p.feature-description {
     font-size: 22px;
     color: #fff;
     line-height: 26px;
     text-align: center;
     margin-bottom: 0px;
}
/* COMMUNITY HIGHLIGHTS */
.new-homes-for-sale-community-highlights {
     padding: 0px 0px 80px 0px;
}
.new-homes-community-highlights-title {
     text-align: center;
}
.highlights-right {
     padding-right: 10%;
}
/* COMMUNITY IMAGES */
.single-family-homes {
     margin-bottom: 50px;
}
/* LOCATION HIGHLIGHTS */
.new-homes-for-sale-monmouth-county-highlights {
     background-color: #a5dcdf;
     padding: 50px 0px 50px 0px;
}
.new-homes-monmouth-county-title {
     text-align: center;
}
/* STATUS ANNOUNCEMENT */
.status-announcement {
     padding: 100px 25% 150px 25%;
     text-align: center;
}
/*FORM SECTION */
.outer-form-container {
     background-color: #004069;
     margin-top: 50px;
     margin-bottom: 50px;
     padding: 30px;
}
#label-contactname, #label-contactfirstname, #label-contactlastname {
     display: none;
}
#label-contactemail {
     display: none;
}
#label-contactphone {
     display: none;
}
#label-contactmessage {
     display: none;
}
.form-intro {
     padding: 0px 6% 100px 6% !important;
     text-align: center;
}
.form-intro-text-sub-title {
     margin-bottom: 0px;
     text-align: center;
}
.form-intro-text-title {
     margin-bottom: 16px;
     text-align: center;
}
.form-section {
     padding: 0px 5%;
}
.btn-submit, .btn-submit:visited {
     outline: none !important;
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
     background-color: #a5dcdf !important;
     border-radius: 20px !important;
     font-size: 18px !important;
     line-height: 22px !important;
     color: #fff !important;
     font-weight: 500;
     padding: 5px 30px !important;
     border: 2px solid #a5dcdf !important;
}
.btn-submit:hover, .btn-submit:active {
     outline: none !important;
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
     border-radius: 20px !important;
     background-color: #fff !important;
     border: 2px solid #a5dcdf !important;
     color: #a5dcdf !important;
     font-size: 18px !important;
     line-height: 22px !important;
     font-weight: 500;
     padding: 5px 30px !important;
}
input.contact-consent-box {
     width: 20px;
     height: 20px;
     accent-color: #a5dcdf;
     margin-right: 10px;
}
input.contact-input-box {
     width: 100%;
     height: 45px;
     background-color: #fff !important;
     background-image: none;
     background-repeat: repeat-x;
     box-shadow: none;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     border-radius: 0px;
     margin: 0 auto;
     display: block;
     border-top: none;
     border-left: none;
     border-right: none;
     border-bottom: 1px solid #fff;
     outline: none;
     font-family: "Montserrat", sans-serif;
     font-size: 16px;
     color: #252525;
     font-weight: 400;
     padding-left: 10px;
}
textarea.contact-textarea-box {
     width: 100%;
     min-height: 50px;
     background-color: #fff !important;
     background-image: none;
     background-repeat: repeat-x;
     box-shadow: none;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     border-radius: 0px;
     margin: 0 auto;
     display: block;
     border-top: none;
     border-left: none;
     border-right: none;
     border-bottom: 1px solid #fff;
     outline: none;
     font-family: "Montserrat", sans-serif;
     font-size: 16px;
     color: #252525;
     font-weight: 400 !important;
     padding-left: 10px;
}
.contactus-form-row {
     margin-bottom: 18px;
}
.contactus-form-row-submit {
     margin-top: 20px;
     float: left;
     margin-left: 4px;
}
.row-submit {
     margin-top: 0px;
}
label {
     font-size: 14px;
     font-weight: 500;
     margin-top: 0px;
     margin: 0px 0px 0px 6%;
     cursor: default;
     color: #ffffff;
}
p.required-text-footnote {
     font-size: 12px;
     color: #101010;
     line-height: 18px;
     font-weight: 300;
     margin-bottom: 0px;
}
p.required-text-footnote span {
     font-weight: 300;
     color: #ffffff;
}
.required-text {
     font-size: 11px;
     color: #ffffff;
}
.form-err {
     font-size: 14px;
     color: red;
     border: 1px solid red;
     padding: 0px 10px;
}
#alert {
     border: 1px solid red;
     font-size: 20px;
     display: none;
     margin: 15px 0 0;
}
.contactus-form-row-submit-footnote {
     display: none;
     margin-top: 7px;
}
input.contact-input-box::-webkit-input-placeholder, textarea.contact-textarea-box::-webkit-input-placeholder {
     font-family: "Montserrat", sans-serif;
     font-size: 15px;
     color: #101010;
     font-weight: 400 !important;
     opacity: 1;
}
input.contact-input-box:-moz-placeholder, textarea.contact-textarea-box:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
     font-family: "Montserrat", sans-serif;
     font-size: 15px;
     color: #101010;
     font-weight: 400 !important;
     opacity: 1;
}
input.contact-input-box::-moz-placeholder, textarea.contact-textarea-box::-moz-placeholder { /* Mozilla Firefox 19+ */
     font-family: "Montserrat", sans-serif;
     font-size: 15px;
     color: #101010;
     font-weight: 400 !important;
     opacity: 1;
}
input.contact-input-box:-ms-input-placeholder, textarea.contact-textarea-box:-ms-input-placeholder { /* Internet Explorer 10+ */
     font-family: "Montserrat", sans-serif;
     font-size: 15px;
     color: #101010;
     font-weight: 400 !important;
     opacity: 1;
}
input.signup::-ms-input-placeholder, textarea::-ms-input-placeholder { /* Edge */
     font-family: "Montserrat", sans-serif;
     font-size: 15px;
     color: #101010;
     font-weight: 400 !important;
     opacity: 1;
}
p.form-disclaimer {
     font-size: 12px;
     color: #fff;
     line-height: 16px;
     padding: 10px 10% 0px 0px;
}
.form-control {
     border: none !important;
     outline: none !important;
     border-radius: 0;
}
label {
     margin-top: 12px;
}
.thank-you-logo {
     max-width: 250px;
     text-align: center;
     padding: 20px;
     margin: 0px auto;
}
.thank-you-message-outer-section {
     background-color: #fff;
}
.thank-you-message-section {
     padding: 100px 0px 150px 0px;
     text-align: center;
}
.thank-you-message {
     padding: 0px 20% !important;
}
/* FOOTER */
.footer-section-logo1 img {
     max-width: 160px;
     height: auto;
}
.footer-section-logo1 {
     margin-top: -189px;
}
.footer-section-logo2 {
     margin-top: 50px;
}
.footer-manalapan-nj {
     background-color: #004069;
     min-height: 400px;
     padding-top: 100px !important;
     padding-bottom: 50px !important;
     text-align: center;
}
.copyright-row {
     margin-top: 50px;
}
p.footer-copyright {
     font-size: 12px;
     color: #fff;
     line-height: 18px;
     margin-bottom: 40px;
     margin-right: 0px;
     text-align: right;
     padding-right: 30px;
     padding-top: 10px;
}
p.footer-copyright-new {
     font-size: 12px;
     color: #fff;
     line-height: 0;
}
.eho-spacing {
     padding-left: 30px;
     padding-bottom: 10px;
}
.pipe-spacing {
     padding-left: 30px;
     padding-bottom: 24px;
}
.footer-section-logo1-thankyou img {
     max-width: 120px;
     height: auto;
}
.footer-section-logo1-thankyou {
     margin-top: 0px;
}
p.footer-address {
     font-size: 16px;
     font-weight: 300;
     margin-top: 30px;
     line-height: 22px;
}
p.footer-address a {
     color: #fff;
     text-decoration: none;
}
p.footer-address a:hover {
     color: #fff;
     text-decoration: none;
}
.copyright-row {
     margin-top: 30px;
}
.footer-left {
     float: left;
     width: 58%;
}
.footer-right {
     float: left;
     width: 42%;
     text-align: left;
     border-left: 1px solid #a4dcdf;
     padding-top: 12px;
}
/* BACK TO TOP */
.back-to-top {
     position: fixed;
     bottom: 125px;
     right: 25px;
     display: none;
     z-index: 5000;
}
.btn-light {
     color: #4d4b4b;
     background-color: #b74846;
     border-color: #b74846;
}
@media (min-width: 1921px) {
     .slick-slide img {
          margin: 0px auto;
          width: 100vw;
     }
     .status-announcement {
          padding: 100px 5% 150px 5%;
          text-align: center;
     }
     .footer-left {
          float: left;
          width: 55%;
     }
     .footer-right {
          float: left;
          width: 45%;
     }
}
@media (max-width: 1350px) {
     .hero-caption h1 {
          margin-top: 30px;
     }
     .hero-caption img {
          max-width: 200px;
     }
}
@media (max-width: 1199px) {
     .top-logo img {
          max-width: 150px;
     }
     .hero-caption h1 {
          font-size: 60px;
          line-height: .95;
          margin-top: 20px;
     }
     .hero-caption h1 span {
          font-size: 44px;
     }
     .hero-caption img {
          margin: 0px auto 10px auto;
     }
     .footer-left {
          width: 62%;
     }
     .footer-right {
          width: 38%;
     }
}
@media (max-width: 1024px) {
     .footer-left {
          width: 64%;
     }
     .footer-right {
          width: 36%;
     }
}
@media (max-width: 991px) {

.contactus-form-row > .col-lg-6:first-child{margin-bottom:18px;}

     .header-disclaimer {
          padding: 5px 3% !important;
     }
     .header-disclaimer p {
          font-size: 12px;
          line-height: 16px;
     }
     .top-logo {
          display: none !important;
     }
     .hero-caption img {
          max-width: 175px;
     }
     .hero-caption h1 {
          font-size: 50px;
          line-height: .95;
          margin-top: 20px;
     }
     .hero-caption h1 span {
          font-size: 34px;
     }
     .outer-form-container {
          margin-top: 0px;
     }
     .intro-text {
          padding: 50px 5% !important;
          text-align: center;
     }
     .intro-text-title {
          margin-bottom: 0px;
          text-align: center;
     }
     .features-outer {
          margin-bottom: 50px;
     }
     ul.bulletlist li {
          margin-left: 30px;
     }
     .new-homes-for-sale-community-highlights {
          margin-bottom: 30px;
          padding: 0px !important;
     }
     .single-family-homes-left {
          margin-bottom: 20px;
     }
     p.feature-description {
          padding-bottom: 36px;
     }
     .highlights-left, .highlights-right {
          padding-right: 3%;
     }
     .status-announcement {
          padding: 50px 10% 100px 10%;
          text-align: center;
     }
     .form-intro {
          padding-bottom: 50px !important;
     }
     .checkbox-row {
          padding: 0px 10%;
     }
     .footer-left {
          width: 100%;
          text-align: center;
     }
     .footer-right {
          width: 100%;
          text-align: center;
          border-left: 0px solid #a4dcdf;
     }
     .footer-section-logo1 img {
          max-width: 130px;
          height: auto;
     }
     .footer-section-logo1 {
          margin-top: -173px;
     }
     .footer-logo-ap img {
          max-width: 260px;
          height: auto;
     }
     p.footer-copyright {
          padding-right: 0px;
          text-align: center;
          margin-bottom: 20px;
     }
     .eho-spacing {
          padding-left: 0px;
     }
     .copyright-row {
          padding-left: 0px;
     }
     .thank-you-message-section {
          padding: 50px 0px 100px 0px;
          text-align: center;
     }
     .thank-you-message {
          padding: 0px 10% !important;
     }
}
@media (max-width: 900px) {
     .hero-caption {
          display: none;
     }
     .hero-caption-two-mobile {
          display: block;
          background-color: #b74846;
          margin-top: -19px;
          padding: 20px 0px 20px 0px !important;
     }
     .hero-caption-mobile {
          display: block;
          position: absolute;
          top: 5%;
          right: 0;
          left: 5%;
          bottom: 0px;
          z-index: 99999;
          text-align: left;
     }
     .hero-caption-mobile img {
          max-width: 150px;
     }
     .hero-caption-two-mobile h1 {
          color: #fff;
          font-size: 36px;
          line-height: 1;
          font-weight: 600;
     }
     .hero-caption-two-mobile h1 span {
          font-size: 26px;
          font-weight: 300;
     }
     .opening-date-img img {
          max-width: 250px !important;
     }
}
@media (max-width: 767px) {
     .header-disclaimer {
          padding: 5px 2% !important;
     }
     .header-disclaimer p {
          font-size: 11px;
          line-height: 13px;
     }
     .intro-text {
          padding: 50px 3% !important;
          text-align: center;
     }
     h1 {
          font-size: 50px;
          line-height: 58px;
     }
     .features-outer {
          padding: 50px 0px 50px 0px;
     }
     .features-icon-spacing {
          margin-bottom: 70px !important;
     }
     .footer-disclaimer-row {
          padding: 0px 10%;
     }
}
@media (max-width: 650px) {}
@media (max-width: 600px) {
     .hero-caption-mobile img {
          max-width: 125px;
     }
     .features-list-right {
          margin-top: 24px;
     }
     .featuresbulletlist li {
          margin-bottom: 48px;
     }
     .form-outer {
          padding: 50px 0px 50px 0px;
     }
}
@media (max-width: 500px) {
     .hero-caption-mobile img {
          max-width: 100px;
     }
}
@media (max-width: 400px) {
     body {
          font-size: 18px;
          line-height: 28px;
     }
     ul.bulletlist {
          font-size: 18px;
          line-height: 28px;
     }
     h1 {
          font-size: 40px;
          line-height: 48px;
     }
     h2 {
          font-size: 30px;
          line-height: 46px;
     }
     h3 {
          font-size: 20px;
          line-height: 36px;
     }
     h4 {
          font-size: 16px;
          line-height: 26px;
     }
     p.feature-description {
          font-size: 18px;
          line-height: 28px;
     }
}