/* GLOBAL and HOMEPAGE STYLES
-------------------------------------------------- */
body {
     font-family: "Montserrat", sans-serif;
     font-optical-sizing: auto;
     font-size: 18px;
     color: #474747;
     font-weight: 400;
     line-height: 30px;
}
.hero-caption-mobile {
     display: none;
}
.hero-caption-two-mobile {
     display: none;
}
.header-disclaimer {
     background-color: #b74846;
     padding: 10px 5% !important;
}
.header-disclaimer p {
     font-size: 12px;
     line-height: 16px;
     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: 50px;
     line-height: 56px;
}
h2 {
     font-size: 42px;
     line-height: 48px;
}
h3 {
     font-size: 36px;
     line-height: 36px;
}
h4 {
     font-size: 20px;
     line-height: 26px;
}
.largetext {
     font-size: 70px;
     line-height: 76px;
}
.textcenter {
     text-align: center;
}
.blacktext {
     color: #252525;
}
.greytext {
     color: #474747;
}
.bluetext {
     color: #004069;
}
.redtext {
     color: #b74846;
}
.lightbluetext {
     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-slide {
     max-height: 700px;
}
.hero-slide img {
     object-fit: cover;
}
.hero-caption {
     z-index: 99999;
     text-align: left;
     position: absolute;
     left: 10%;
     top: 5%;
}
.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: 0px;
}
.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: #004069 !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 #004069 !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 #004069 !important;
     color: #004069 !important;
     font-size: 18px !important;
     line-height: 22px !important;
     font-weight: 500;
     padding: 10px 30px !important;
}
.thank-you-logo-container {
     position: relative;
     z-index: 1000;
     display: block;
}
.thank-you-logo {
     max-width: 250px;
     text-align: center;
     padding: 20px;
     margin: 0px auto;
}
.thank-you-logo-container img {
     max-width: 20%;
     margin: 30px 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;
}
.thank-you-message h3 {
     font-size: 30px;
     line-height: 36px;
}
p.intro {
     font-size: 24px;
     color: #004069;
     font-weight: 400;
     margin-bottom: 0px;
}
.intro-text {
     padding-top: 50px;
     padding-left: 3%;
     padding-right: 10%;
}
p.intro-opening {
     font-size: 42px;
     color: #b74846;
     font-weight: 500;
     line-height: 50px;
     margin-right: 0px;
}
.main-text {
     display: flex;
     justify-content: center;
     flex-direction: column;
     padding-left: 8%;
     padding-right: 6%;
}
.heritage-at-hopewell-mobile {
     text-align: center;
     padding-top: 24px;
     display: none;
}
/* CONTACT FORM */
.form-outer-container {
     position: absolute;
     z-index: 9999;
     top: 550px;
     left: 8.5%;
     max-width: 600px;
     height: auto;
     margin-left: auto;
     padding: 40px 30px;
     background-color: #004069;
}
.outer-form-container {
     background-color: #004069;
     margin-top: 50px;
     margin-bottom: 60px;
     padding: 30px;
}
#label-contactname {
     display: none;
}
#label-contactemail, #label-contactfirstname, #label-contactlastname {
     display: none;
}
#label-contactphone {
     display: none;
}
#label-contactmessage {
     display: none;
}
.form-container {
     line-height: 24px;
}
.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-form-submitformbtn {
     background-image: url('../images/buttons/submit-btn.png');
     background-repeat: no-repeat;
     background-color: transparent;
     width: 250px;
     height: 78px;
     margin: 0px 0px 0px 4%;
     padding: 0px;
     float: left;
     border: none;
     outline: none;
     cursor: pointer;
}
input.contact-input-box {
     width: 100%;
     height: 40px;
     background-color: #f6f4f1 !important;
     background-image: none;
     background-repeat: repeat-x;
     padding-left: 3%;
     box-shadow: none;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     border-radius: 0px;
     font-size: 14px;
     color: #404040;
     margin: 0 auto;
     display: block;
     border: none;
     outline: none;
}
textarea.contact-textarea-box {
     width: 100%;
     min-height: 80px;
     background-color: #f6f4f1 !important;
     background-image: none;
     background-repeat: repeat-x;
     padding-left: 3.3%;
     padding-top: 2%;
     box-shadow: none;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     border-radius: 0px;
     font-size: 14px;
     color: #404040;
     margin: 0 auto;
     display: block;
     border: none;
     outline: none;
}
/*.contactus-form {
     margin-top: -450px;
     z-index: 9999;
}*/
.contactus-form-row {
     margin-bottom: 20px;
}
.required-text-footnote {
     font-size: 12px;
     color: #fff;
     padding-left: 36px;
     line-height: 45px;
}
.required-text-footnote span {
     font-size: 15px;
     color: #b74846;
}
.required-text {
     font-size: 12px;
     color: #fff;
}
.form-err {
     font-size: 12px;
     color: #b74846;
     font-weight: 700;
     padding-left: 5%;
}
p.form-disclaimer {
     font-size: 12px;
     color: #fff;
     line-height: 16px;
     padding: 10px 10% 0px 0px;
}
p.required-text-footnote {
     font-size: 12px;
     color: #fff;
     line-height: 18px;
     font-weight: 300;
     margin-bottom: 0px;
}
input.contact-input-box::-webkit-input-placeholder, textarea.contact-textarea-box::-webkit-input-placeholder {
     font-size: 14px;
     color: #454545;
}
input.contact-input-box:-moz-placeholder, textarea.contact-textarea-box:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
     font-size: 14px;
     color: #454545;
}
input.contact-input-box::-moz-placeholder, textarea.contact-textarea-box::-moz-placeholder { /* Mozilla Firefox 19+ */
     font-size: 14px;
     color: #454545;
}
input.contact-input-box:-ms-input-placeholder, textarea.contact-textarea-box:-ms-input-placeholder { /* Internet Explorer 10+ */
     font-size: 14px;
     color: #454545;
}
input.contact-consent-box {
     width: 20px;
     height: 20px;
     accent-color: #b74846;
     margin-right: 10px;
}
#alert {
     border: 1px solid red;
     font-size: 20px;
     display: none;
     margin: 15px 0 0;
     color: #fff;
}
/* END CONTACT FORM */
/* NEW TOWNHOMES FOR SALE */
.new-townhomes-for-sale {
     margin-top: 100px;
}
.new-townhomes-right {
     background-size: cover;
     background-repeat: no-repeat;
     width: 50%;
     height: 100%;
     background-position: center;
     min-height: 580px;
}
div.new-townhomes-bkg-outer.thank-you {
     padding-top: 100px;
}
/* ICONS */
.features-outer {
     background-color: #004069;
     padding: 50px 0px;
}
.feature-block1, .feature-block2, .feature-block3, .feature-block4 {
     text-align: center;
}
.feature-block1 img, .feature-block2 img, .feature-block3 img, .feature-block4 img {
     margin: 0px auto;
     margin-bottom: 16px;
     max-width: 80px;
     height: auto;
}
p.feature-description {
     font-size: 16px;
     line-height: 20px;
     color: #fff;
     padding: 12px 2% 0px 2%;
}
/* COMMUNITY HIGHLIGHTS */
p.community-highlights-title {
     font-size: 42px;
     color: #004069;
     font-weight: 500;
     line-height: 50px;
     margin-right: 0px;
}
.heritage-at-hopewell-rendering {
     background-color: #a5dcdf;
}
.highlights-image {
     background-image: url('../images/Heritage-at-Hopewell-rendering.jpg');
     background-repeat: no-repeat;
     background-size: cover;
}
.hopewell-nj-area-highlights {
     display: flex;
     justify-content: center;
     flex-direction: column;
     background-color: #a5dcdf;
     padding-left: 3%;
}
ul.bulletlist {
     margin: 0px;
     padding: 0px 0px 0px 24px;
     list-style-type: none;
     list-style-image: url('../images/symbols/bullet.png');
     color: #040404;
}
ul.bulletlist li {
     margin: 0px 0px 5px 0px;
     padding: 0px;
     vertical-align: top;
}
/* LOCATION HIGHLIGHTS */
.townhomes-hopewell-highlights {
     padding: 50px 5%;
}
.townhomes-hopewell-title {
     text-align: center;
}
.highlights-left ul li {
     padding-right: 5%;
}
.highlights-right {
     padding-left: 5%;
}
.highlights-right ul li {
     padding-right: 5%;
}
ul.highlights-bulletlist {
     margin: 0px;
     padding: 0px 0px 0px 24px;
     list-style-type: none;
     list-style-image: url('../images/symbols/bullet.png');
     color: #040404;
}
ul.highlights-bulletlist li {
     margin: 0px 0px 5px 0px;
     padding: 0px;
     vertical-align: top;
}
.status-announcement {
     padding: 100px 25% 150px 25%;
}
.status-announcement-new {
     padding: 10px 25% 150px 25%;
}
/* FOOTER */
.footer-section-logo1 img {
     max-width: 160px;
     height: auto;
}
.footer-section-logo1 {
     margin-top: -189px;
}
.footer-section-logo2 {
     margin-top: 50px;
     margin-bottom: 80px;
}
.footer-hopewell-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-disclaimer {
     font-size: 14px;
     color: #fff;
     line-height: 18px;
     margin-top: 20px;
     margin-bottom: 20px;
}
.eho-spacing {
     padding-left: 30px;
     padding-bottom: 10px;
}
.pipe-spacing {
     padding-left: 30px;
     padding-bottom: 24px;
}
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;
}
.footer-hopewell-nj-thank-you {
     background-color: #004069;
     min-height: 400px;
     padding-top: 50px !important;
     padding-bottom: 50px !important;
     text-align: center;
}
.footer-section-logo-thank-you {
     padding-top: 36px;
}
.footer-section-logo-thank-you img {
     max-width: 120px;
     height: auto;
}
/* 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;
}
/* END FOOTER */
/* LINKS */
a.directionslink:link, a.directionslink:visited {
     font-size: 13px;
     color: #474747;
     text-decoration: none;
     outline: none;
     border: none;
}
a.directionslink:hover, a.directionslink:active {
     font-size: 13px;
     color: #b74846;
     text-decoration: none;
     outline: none;
     border: none;
}
/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width: 1920px) {
     .monmouth-county-highlights-section {
          background-color: #a5dcdf;
     }
     .status-announcement {
          padding: 100px 5% 150px 5%;
     }
     .status-announcement-new {
          padding: 10px 5% 150px 5%;
     }
     .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;
     }
     p.footer-copyright {
          text-align: center;
          padding-right: 0px;
          margin-bottom: 0px;
     }
     .eho-spacing {
          padding-left: 0px;
     }
     .townhomes-lifestyle {
          text-align: center;
     }
}
@media (max-width: 1899px) {}
@media (max-width: 1799px) {
     .form-outer-container {
          top: 450px;
     }
     .new-townhomes-for-sale {
          margin-top: 150px;
     }
     /*form-outer-container {
	top:450px;
}*/
}
@media (max-width: 1699px) {}
@media (max-width: 1599px) {
     .new-townhomes-for-sale {
          margin-top: 200px;
     }
}
@media (max-width: 1499px) {
     .form-outer-container {
          left: 8%;
     }
     .new-townhomes-for-sale {
          margin-top: 250px;
     }
}
@media (max-width: 1399px) {
     .form-outer-container {
          left: 7%;
     }
     .new-townhomes-for-sale {
          margin-top: 300px;
     }
     ul.bulletlist li {
          margin: 0px;
          font-size: 16px;
          line-height: 24px;
     }
}
@media (max-width: 1299px) {
     /* .contactus-form {
          margin-top: -350px;
     }*/
     .logo-container {
          left: 16%;
     }
     .new-townhomes-for-sale {
          margin-top: 350px;
     }
     .new-townhomes-left {
          padding-right: 0px;
          padding-top: 24px;
     }
}
@media (max-width: 1199px) {
     .heritage-at-hopewell {
          display: none;
     }
     .heritage-at-hopewell-mobile {
          display: block;
     }
     .hero-caption h1 {
          margin-top: 0px;
     }
     .hero-caption img {
          margin: 0px auto 30px auto;
     }
     .hero-caption img {
          max-width: 150px;
     }
     .form-outer-container {
          width: 100%;
          max-width: 100%;
          position: relative;
          top: 0;
          left: 0;
          margin-bottom: 50px;
     }
     .new-townhomes-for-sale {
          margin-top: 50px;
     }
     .features-outer {
          margin-top: 50px;
     }
     /*   .contactus-form {
          margin-top: -250px;
     }*/
     p.intro {
          font-size: 22px;
     }
     p.intro-opening {
          font-size: 40px;
     }
     .form-header-content h3 {
          font-size: 30px;
     }
     .form-header-content h4 {
          font-size: 18px;
     }
     .outer-form-container {
          margin-bottom: 50px;
     }
     /* .intro-text {
          width: 100%;
          text-align: center;
          padding-bottom: 50px;
     }*/
     .hopewell-nj-area-highlights {
          padding-left: 1%;
     }
     p.community-highlights-title {
          font-size: 30px;
          margin-bottom: 0px;
     }
     .status-announcement h2, .status-announcement-new h2 {
          font-size: 36px;
          line-height: 44px;
     }
}
@media (max-width: 1100px) {
     .hopewell-nj-area-highlights {
          padding-left: 1%;
     }
     ul.bulletlist li {
          margin: 0px;
          font-size: 14px;
          line-height: 22px;
     }
}
@media (max-width: 1050px) {
     p.intro-opening {
          font-size: 36px;
     }
}
@media (max-width: 991px) {
     .new-townhomes-right {
          width: 100%;
          margin-top: 50px;
     }
     .logo-container img {
          max-width: 40%;
     }
     /*   .contactus-form {
          margin-top: 0px;
     }*/
     .outer-form-container {
          margin-top: 24px;
     }
     .hero-caption {
          display: none;
     }
     .hero-caption-two-mobile {
          display: block;
          background-color: #fff;
          /*margin-top: -19px;*/
          padding: 20px 0px 20px 0px !important;
     }
     .hero-caption-mobile {
          display: block;
          position: absolute;
          height: 140px;
          top: 0;
          right: 0;
          left: 5%;
          bottom: 0px;
          z-index: 99999;
          text-align: left;
     }
     .hero-caption-mobile img {
          max-width: 130px;
          margin-top: 10px;
     }
     .hero-caption-two-mobile h1 {
          color: #004069;
          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;
     }
     .intro-text {
          text-align: center;
          padding-left: 3%;
          padding-right: 3%;
     }
     .features-outer {
          margin-top: 50px;
     }
     .hopewell-nj-area-highlights {
          padding:50px;
     }
     .highlights-right {
          padding-left: 0px;
     }
     ul.bulletlist li {
          margin: 0px;
          font-size: 18px;
          line-height: 30px;
     }
     .status-announcement {
          padding: 100px 5% 150px 5%;
     }
     .status-announcement-new {
          padding: 20px 5% 150px 5%;
     }
     .footer-hopewell-nj {
          padding-bottom: 0px !important;
     }
     .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;
     }
     .copyright-row {
          margin-top: 0px;
     }
     p.footer-copyright {
          text-align: center;
          padding-right: 0px;
          margin-bottom: 0px;
     }
     p.footer-disclaimer {
          padding: 0px 5%;
     }
     .eho-spacing {
          padding-left: 0px;
     }
     .thank-you-logo-container img {
          max-width: 40%;
     }
}
@media (max-width: 900px) {
     /*.hero-caption {
          display: none;
     }
     .hero-caption-two-mobile {
          display: block;
          background-color: #fff;
          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: #004069;
          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;
     }
	.intro-text {
		text-align: center;
		padding-left: 3%;
		padding-right: 3%;
	}*/
}
@media (max-width: 767px) {
     .hero-caption img {
          max-width: 150px;
     }
     .logo-container img {
          max-width: 30%;
     }
     .new-townhomes-right {
          width: 100%;
          margin-top: 50px;
     }
}
@media (max-width: 600px) {
     .hero-caption img {
          max-width: 125px;
     }
}
@media (max-width: 500px) {
     .hero-caption-mobile {
          height: 120px;
     }
     .hero-caption-mobile img {
          max-width: 110px;
     }
     h1 {
          font-size: 42px;
          line-height: 44px;
     }
     .h1lead {
          font-size: 92px;
     }
     h3 {
          font-size: 32px;
     }
     .largetext {
          font-size: 60px;
          line-height: 66px;
     }
}
@media (max-width: 400px) {
     .hero-caption-mobile {
          height: 100px;
     }
     .hero-caption-mobile img {
          max-width: 90px;
     }
     h1 {
          font-size: 32px;
          line-height: 34px;
     }
     .h1lead {
          font-size: 82px;
     }
     h2 {
          font-size: 40px;
          line-height: 44px;
     }
     h3 {
          font-size: 30px;
     }
     #markerContent {
          max-width: 210px;
          padding-top: 0px;
     }
     p.map-marker {
          font-size: 16px;
     }
     p.map-text {
          font-size: 16px;
     }
}