/**********************************************************
*INTERACTIVE
***********************************************************/
/*.content ul {
     column-count: 2;
     column-gap: 40px;
     text-align: left;
   }*/

.accordion-button{font-size:inherit;}
.accordion-body ul li{line-height: 1.4; padding-bottom: .65rem;}

.accordion-button:not(.collapsed) {
     color: var(--bs-accordion-active-color);
     background-color: #f1f1f1!important;
 }

.features-container{
     column-count: 2;
     column-gap: 40px;
     text-align: left;  
}   

   .sold label{color:#000;}

   .content ul li {
     padding-bottom: 6px;
     line-height: 1.3 !important;
     -webkit-column-break-inside: avoid;
     page-break-inside: avoid;
     break-inside: avoid;
   } 

   @media screen and (max-width: 63.9375em) {
     /*.content ul {
       column-count: 1;
       column-gap: inherit;
     }*/

     .features-container{
          column-count: 1;
       column-gap: inherit;
     } 

     input[type="radio"] {display:block;}
   } 

a, a:active, a:focus, a:hover, a:focus, a:active, a:visited, a:not([href]):not([class]), a:not([href]):not([class]):hover, a:not([href]):not([class]):focus{outline: none!important; box-shadow:none!important;}
btn:focus, a:focus, a:focus, button:focus, button:active, button:visited{outline: none!important; box-shadow:none!important;}
   .azalea-building-container{padding-top: 77px; padding-bottom:77px; background-color: #f1f1f1;}
   .building-box {
     position: relative;
     margin-bottom: 20px;
     margin-top: 20px;
   }

   @media (min-width: 992px){
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
    font-size: 18px;
}
   }

   .btn-group-sm>.btn, .btn-sm {
     --bs-btn-padding-y: 0.35rem!important;
     --bs-btn-padding-x: 0.6rem!important;
     --bs-btn-font-size: 0.875rem;
     --bs-btn-border-radius: var(--bs-border-radius-sm);
 }
   
   
   .building-box .floor-color.active {
     background: #003056;
     fill: #003056;
     opacity: .75;
   }
   
   .building-box .floor-color.Sold.active {
     background: #f00;
     fill: #f00;
     opacity: .3;
   }
   .building-box .floor-color.Deposit.active {
     background: #ffae00;
     fill: #ffae00;
     opacity: .3;
   }


   .building-box .floor-color:hover, .building-box .floor-color:active, .building-box .floor-color:focus {
     background: #003056;
     fill: #003056;
     opacity: .7;
     cursor: pointer;
     outline: none!important;
     box-shadow: none!important;
   }
   
   .building-box .floor-color.Available:hover, .building-box .floor-color.Available:active, .building-box .floor-color.Available:focus {
     background: #003056;
     fill: #003056;
     opacity: .7;
     cursor: pointer;
   }


   .building-box .floor-color.Sold {
     background: #f00;
     fill: #f00;
     opacity: .3;
     cursor: pointer;
   }

   .building-box .floor-color.Sold:hover, .building-box .floor-color.Sold:focus {
     background: #f00;
     fill: #f00;
     opacity: .3;
     cursor: pointer;
   }

   .building-box .floor-color.Deposit:hover, .building-box .floor-color.Deposit:focus {
     background: #ffae00;
     fill: #ffae00;
     opacity: .55;
     cursor: pointer;
   }

   .tooltip-inner span.Sold, .modal-content .Sold{color:#ff0000;}
   .tooltip-inner span.Deposit, .modal-content .Deposit{color:#ffae00;}

   .building-box .plate-color.active {
     background: #4ac0b0;
     fill: #4ac0b0;
     opacity: .5;
   }
   
   .building-box .plate-color:hover, .building-box .plate-color:active, .building-box .plate-color:focus,.plate-color:hover,.plate-color:active,.plate-color:focus {
     background: #4ac0b0!important;
     fill: #4ac0b0!important;
     opacity: .5;
     cursor: pointer;
   }
   
   .building-box .floor-color.active:hover {
     opacity: .7;
   }
   
   .building-box .plate-color.active:hover{
   opacity: .5;	
   }
   
   .building-box .floor-color, .building-box .plate-color {
     background: transparent;
     -webkit-transition: background .5s;
     transition: background .5s;
   }
   
   .floor-color {
     fill: transparent;
     cursor: pointer;
   }
   
   .plate-color{
   fill: transparent;
     cursor: pointer;	
   }
   
   .sp-legend{font-size:1.125rem; line-height: 1.3; padding:1rem 1rem;}
   .sp-legend2{font-size:1rem; line-height: 1.3; padding:0rem 1rem; color:#1e1545; text-transform: capitalize; font-weight:600;}
   .sp-legend2 span {color:#f70b21;font-weight:500;}


   ul.legend {
     list-style: none;
   }

   ul.legend .list-inline-item:not(:last-child) {
     margin-right: 1rem;
 }

   ul.legend li::before {
     box-sizing: border-box;
     content: "";
     display: inline-block;
     position: relative;
     border: 2px solid #fff;
     background-color: red;
     width: 24px;
     height: 24px;
     margin-right: 8px;
     border-radius: 50%;
     z-index: 2;
     outline: none;
     vertical-align: middle;
     -webkit-box-shadow: 0 0 3px rgba(10, 10, 10, 0.5);
     box-shadow: 0 0 3px rgba(10, 10, 10, 0.5);
   }

   ul.legend li.deposit::before {
     background-color: #ffae00;
   }

   ul.legend li.model::before {
     background-color: #2e66bc;
   }

   ul.legend li.sold::before {
     background-color: #b7093B;
   }


ul.legend li.sales-center::before {
     background-color: #c83732;
     border: 0px solid #000;
     box-shadow: 0 0 0px rgba(10, 10, 10, 0.0);
     font-family: "Font Awesome 5 Free";
     content: "\f005";
     font-size: 13px;
     color: #fff;
     font-weight: 900;
     padding: 2px;
     display: inline;
   }
 
   ul.legend li.sales-tool::before {
     background-color: #555555;
     border: 0px solid #000;
     box-shadow: 0 0 0px rgba(10, 10, 10, 0.0);
     font-family: "Font Awesome 5 Free";
     content: "\f023";
     font-size: 12px;
     color: #fff;
     font-weight: 900;
     padding: 6px;
     display: inline;
   }

   li.sales-tool a{color:#020202; text-decoration: none;}
 
   .tooltip.show {
     opacity: 1;
     z-index: 1056;
 }

   .tooltip-inner {
     max-width: 250px;
     padding: .75rem 1rem;
     color: #000;
     text-align: center;
     background-color: #fff;
     border-radius: .25rem;
     /*border-top: 1px solid #000;
     border-left: 1px solid #000;
     border-right: 1px solid #000;
     border-bottom: 1px solid #000;*/
 }



 .tooltip {
     font-family: inherit;
     font-weight: 600;
     font-size: 1rem;
     box-shadow: 0 8px 12px #0000001a;
     --bs-tooltip-bg:#fff;
 }

 .bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
     top: 0;
     border-width: .4rem .4rem 0;
     border-top-color: #fff;
 }

 .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before {
     border-top-color: #fff;
 }
  
 .nav-tabs {
     border-bottom: 0px solid #dee2e6;
     justify-content: center;
     align-items: center;
 }

 .nav-tabs a.nav-link  {
     position: relative;
     display: block;
     margin: 0rem 1rem 0rem 1rem;
     font-size: 0.875rem;
     line-height: 1;
     color: #56565d;
     text-transform: uppercase;
     padding: 0rem 0rem 1rem 0rem;
     font-weight: 500;
     outline: none;
     border: 0;
   }

   .nav-tabs a.nav-link[aria-selected="true"]::after {
     content: '';
     height: 2px;
     background: #bd9a5e;
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     margin: 0 auto;
     -webkit-transition: -webkit-transform 0.3s;
     -moz-transition: -moz-transform 0.3s;
     transition: transform 0.3s;
   }

   .tabs-panel {
     padding: 0rem 2rem 2rem 2rem !important;
   }
.floorplan-content,.tab-content{padding: 0rem 2rem 2rem 2rem !important;}

.hero-container {
     position: absolute;
     z-index: 1;
     bottom: 0;
     left: 0;
     right: 0;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     margin: 50px 0 60px 0;
     width: 100%;
 }

 @media (max-width: 1024px) {
     .hero-container {
         margin: 20px 0;
     }
 }

 @media (max-width: 767px) {
     .hero-container {
         position: relative;
         margin: 0 auto;
         padding: 20px 20px;
         background-color: #1e1545;
     }

     .azalea-building-container{padding-top: 40px; padding-bottom:40px;}

     ul.legend .list-inline-item {font-size: 12px;}

     #floorplan-tabs.nav-tabs a.nav-link {
          margin: 0rem 1rem 1rem 1rem;
          padding: 0rem 0rem .5rem 0rem;
      }

 }
/********************************************************
SLICK SLIDER ARROWS
********************************************************/

 .scrollnext {
     display: block;
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     cursor: pointer;
     color: #fff;
     transition: all .5s;
     text-decoration: none;
     overflow: hidden;
     z-index: 13;
     opacity: 1;
     margin: 0px auto 10px auto;
     background-color: transparent;
     border-radius: 150px 150px 0 0;
     padding: 0.5rem 0.5rem;
 }
 
 @media only screen and (max-width: 1023px){
     .scrollnext {
         left: initial;
         right: 0px;
         margin: 0px 0px 10px 0px;
     }
     
 }
 
 .scrollnext .arrow {
     display: flex;
     width: 80px;
     height: 108px;
     left: 0;
     right: 0;
     text-align: center;
     margin: 0 auto;
     align-items: center;
     justify-content: center;
     -webkit-animation: scrolly 3s cubic-bezier(0.77, 0, 0.175, 1) forwards infinite;
     animation: scrolly 3s cubic-bezier(0.77, 0, 0.175, 1) forwards infinite;
     perspective: 9000px;
     transform: translateZ(0);
     transform-origin: bottom;
 }
 
 @-webkit-keyframes scrolly {
     0% {
       transform: translate3d(0, -150%, 0) rotateX(90deg) scale(0.5) skewX(3deg);
     }
     30% {
       transform: translate3d(0, 0, 0) rotateX(0deg) scale(1) skewX(0deg);
     }
     70% {
       transform: translate3d(0, 0, 0) rotateX(0deg) scale(1) skewX(0deg);
     }
     95% {
       transform: translate3d(0, 50%, 0) rotateX(-90deg) scale(0.5) skewX(-3deg);
     }
     100% {
       transform: translate3d(0, 50%, 0) rotateX(-90deg) scale(0.5) skewX(-3deg);
     }
   }
   @keyframes scrolly {
     0% {
       transform: translate3d(0, -150%, 0) rotateX(90deg) scale(0.5) skewX(3deg);
     }
     30% {
       transform: translate3d(0, 0, 0) rotateX(0deg) scale(1) skewX(0deg);
     }
     70% {
       transform: translate3d(0, 0, 0) rotateX(0deg) scale(1) skewX(0deg);
     }
     95% {
       transform: translate3d(0, 50%, 0) rotateX(-90deg) scale(0.5) skewX(-3deg);
     }
     100% {
       transform: translate3d(0, 50%, 0) rotateX(-90deg) scale(0.5) skewX(-3deg);
     }
   }

/*SLICK SLIDER===============================*/
.hero{position: relative;}
.carousel-caption-azalea-red-bank{z-index: 4;}
.slick-slide img{padding-bottom:1rem;}
/*.slick-slider{min-height:100%!important;}*/
.slick-track{display:block!important;}

.slick-prev::before, .slick-next::before {
  display: block;
  font-size: 18px;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
	
.slick-prev, .slick-next {
  background: #0b3254 !important;
}
	
.slick-prev {
  right: 0!important;
  margin-top: -31px;
}
.slick-prev, .slick-next {
  position: absolute;
  display: block;
  height: 60px;
  width: 60px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: #4771db;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
  z-index: 5;
  transition: opacity 0.124s ease-in-out;
}
.slick-next {
  right: 0!important;
  margin-top: 31px;
}
.carousel-caption{padding: 0 0!important;} 
.carousel-container {
     position: relative;
     overflow: hidden;
 }

 .carousel-container::before{
     content: "";
     display: block;
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     background: rgba(0, 0, 0, .25);
     z-index: 2;
     opacity: .2;
 }

.carousel-container .slick-slide {
     height: inherit !important;
 }

.carousel-container .slick-prev{right:inherit;left:2%!important; margin-top: 0; background:transparent!important;width:35px;height:69px; }
.carousel-container .slick-next{right:2%!important; margin-top:0;background:transparent!important;width:35px;height:69px; }

.carousel-container .slick-next::before {
     content: "";
     background-image: url('../images/white-right-arrow.png');  
     background-repeat: no-repeat;
     width:35px;
     height:69px;  
   }

.carousel-container .slick-prev::before {
     content: "";
     background-image: url('../images/white-left-arrow.png');  
     background-repeat: no-repeat;
     width:35px;
     height:69px; 
   } 
  
   .carousel-container .background-image {
     background-size: cover;
     background-repeat: no-repeat;
     width: 100%;
     min-height: calc(100vh - 160px);
     min-height: -webkit-calc(100vh - 160px);
     min-height: -moz-calc(100vh - 160px);
     background-position: center center;
     display: flex;
     max-height: 1080px;
     overflow: hidden;
 } 

 @media only screen and (min-width: 1920px){
     .carousel-container .background-image {
          background-size: cover;
          min-height: calc(100vh - 0px)!important;
          min-height: -webkit-calc(100vh - 0px)!important;
          min-height: -moz-calc(100vh - 0px)!important;
          background-position: center center;
          max-height: 1080px;
          overflow: hidden;
}
}

 @media only screen and (max-width: 1023px){
     .carousel-container .background-image {
    background-size: cover;
    min-height: 800px !important;
    background-position: center bottom;
    max-height: 800px !important;
}
}


 @media only screen and (max-width: 800px){
     .carousel-container .background-image {
    background-size: cover;
    min-height: 600px !important;
    background-position: center bottom;
    max-height: 600px !important;
}
}


.zoom-parallax {
     position: relative;
 }

 .background-image.zoom-parallax::before {
     background-position: 65% 45%;
  }

  .zoom-parallax.transition::before {
     -webkit-transform: none;
     transform: none;
  }
  .zoom-parallax::before {
     content: " ";
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: inherit;
       background-position-x: inherit;
       background-position-y: inherit;
       background-size: inherit;
     background-size: cover;
     background-position: 50%;
     -webkit-transition: transform 8s;
     -webkit-transition: -webkit-transform 8s;
     transition: -webkit-transform 8s;
     transition: transform 8s;
     transition: transform 8s,-webkit-transform 8s;
     -webkit-transform: scale(1.2);
     transform: scale(1.2);
  }

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

.carousel-control.right {
     right: 5%;
     background-image: url('../images/white-right-arrow.png');  
     background-repeat: no-repeat;
}
.carousel-control.left {
     left: 5%;
     background-image: url('../images/white-left-arrow.png');
     background-repeat: no-repeat;
}


.slick-prev::before, .slick-next::before {
  display: block;
  font-size: 18px;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}	
	
.slick-prev::before {
  content: "←";
}
.slick-prev::before, .slick-next::before {
  display: block;
  font-size: 18px;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}	

.slick-prev, .slick-next {
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  color: transparent;
}

   /**********************************************
   MODAL
   ***********************************************/
/*.modal-content{padding:1rem 1rem;}*/
   .close {
     font-size: 4rem;
     font-weight: 300;
 }

   .modal-fullscreen {
       max-width: 100%;
       height: 100vh;
       top: 0;
       right: 0;
       bottom: 0;
       left: 0;
       width: 100%;
       max-width: none;
       height: 100%!important;
       min-height: 100%!important;
       position: fixed;
        margin:0rem auto!important;
        overflow-y: auto!important;
   }
   
   .modal-fullscreen .modal-content {
       width: 100%;
        height: 100%;
       min-height: 100%;
       border: 0px solid rgba(0,0,0,0)!important;
       border-radius: 0rem!important;
       outline: 0;
   }
   .modal-fullscreen .disclaimer {
     font-size: 12px!important;
        line-height: 1.3;
   }
   
   .modal-fullscreen .modal-header {
       -ms-flex-align: end!important;
       align-items: flex-end!important;
       -ms-flex-pack: justify;
       justify-content: flex-end!important;
       padding: 1rem 1rem;
       border-bottom: 0px solid #dee2e6!important;
       border-top-left-radius: calc(0.3rem - 1px);
       border-top-right-radius: calc(0.3rem - 1px);
        min-height: 60px;
   }
   
   .modal-fullscreen .modal-header h3 {
    margin-bottom:0;
 }
   .modal-fullscreen  ul.bulletlist {
       margin: 18px 0px 0px 0px;
       padding: 0px 0px 0px 4%;
       list-style-image: url(../images/bullet.png);
       font-size: 18px!important;
       line-height: 1.3!important;
       text-align: left;
   }
   
   .modal-fullscreen .btn-close, .modal-header .btn-close {
          color: #8a8a8a;
          cursor: pointer;
          font-family: 'Montserrat', sans-serif;
          font-size: 4em !important;
        background: transparent!important;
       border: 0px!important;
       background-color: transparent!important;
       outline: none!important;
        text-transform: none!important;
        font-weight: normal!important;
        position: absolute;
       top: 0px;
       right: 0px;
       padding: 0!important;
   }
   
   .modal-fullscreen .btn-close:hover, .modal-fullscreen .btn-close:focus {
     color: #0a0a0a;
   }
   
   .modal-fullscreen p.lead{line-height:32px!important;} 
   
   
 .table label{color:#000!important;}  
 .fp-tableCell{height:90vh;}

body {
     font-family: 'Montserrat', sans-serif;
     font-size: 19px;
     color: #020202;
     font-weight: 400;
     line-height: 36px;
}
h1 {
     font-family: 'Playfair Display', serif;
     font-size: 60px;
     line-height: 68px;
 }
h2 {
     font-size: 30px;
     line-height: 38px;
 }
.container {
     max-width: 1450px;
}
.textcenter {
     text-align: center;
}
.whitetext {
     color: #fff;
}
.blacktext {
	color: #000;
}
.darkbluetext {
	color: #003056;
}
.mediumtext {
	font-weight:500;
}
.header-disclaimer {
     background-color: #435b78;
     padding: 10px 10% !important;
}
.snipe-break {
		display:none;
	}
.header-snipe {
     background-color: #003056;
     padding: 10px 10% !important;
	position: absolute;
    top: 0;
    z-index: 9999;
}
.header-snipe p {
     font-size: 24px;
     line-height: 28px;
     font-weight: 500;
     margin-bottom: 0px;
	 color: #fff;
}
p.header-snipe-phone-email {
	font-size:18px;
	line-height: 22px;
	font-weight:400;
	margin-bottom: 0px;
	color: #fff;
}
p.header-snipe-phone-email a {
	color: #fff;
	text-decoration:none;
}
p.header-snipe-phone-email a:hover {
	color: #fff;
	text-decoration:none;
}

.carousel .carousel-item {
     opacity: 0;
     transition-duration: 1.5s;
     transition-property: opacity;
     transition: transform 4s ease, opacity 2s ease-out
}
.carousel .carousel-item.active, .carousel .carousel-item-next.carousel-item-left, .carousel .carousel-item-prev.carousel-item-right {
     opacity: 1;
}
.carousel .active.carousel-item-left, .carousel .active.carousel-item-right {
     opacity: 0;
}
.carousel .carousel-item-next, .carousel .carousel-item-prev, .carousel .carousel-item.active, .carousel .active.carousel-item-left, .carousel .active.carousel-item-prev {
     transform: translateX(0);
     transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-item {
     opacity: 0;
     transition-duration: 1.5s;
     transition-property: opacity;
     transition: transform 6s ease, opacity 2s ease-out
}
.carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right {
     opacity: 1;
}
.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
     opacity: 0;
}
.carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev {
     transform: translateX(0);
     transform: translate3d(0, 0, 0);
}
.carousel {
     height: auto;
     margin-bottom: 0px;
     overflow: hidden;
}
.carousel .item {
     height: auto;
     background-color: #fff;
     margin: 0 auto;
}
.carousel .item img {
     margin: 0px auto;
}
.carousel-indicators {
     bottom: 10px;
}
.carousel-control {
     top: 47%;
     width: 35px;
     height: 69px;
     background-color: transparent;
     color: transparent;
     opacity: .70;
     filter: alpha(opacity=70%);
     text-shadow: none;
     border: none !important;
     outline: none !important;
     position: absolute;
     z-index: 9999;
}
.carousel-control:hover, .carousel-control:focus {
     top: 47%;
     width: 35px;
     height: 69px;
     background-color: transparent;
     color: transparent;
     border: none;
     outline: none;
     opacity: 1.0;
     filter: alpha(opacity=100);
     text-shadow: none;
     position: absolute;
     z-index: 9999;
}
.carousel-control.right {
     right: 5%;
     background-image: url('../images/white-right-arrow.png');  
     background-repeat: no-repeat;
}
.carousel-control.left {
     left: 5%;
     background-image: url('../images/white-left-arrow.png');
     background-repeat: no-repeat;
}
a#carouselprev.left.carousel-control {
     border: none !important;
     outline: none !important;
     cursor: pointer;
}
a#carouselnext.right.carousel-control {
     border: none !important;
     outline: none !important;
     cursor: pointer;
}
.carousel-caption-azalea-red-bank {
     left: 15%;
     right: 15%;
     text-align: center;
     top: 0;
     bottom: 0;
}
.carousel-caption-azalea-red-bank img {
     max-width: 650px;
     height: auto;
     margin: 0px auto;
}
.lifestyle {
     padding: 0px 0px 100px 0px !important;
}
.lifestyle-left img {
     padding-right: 6px !important;
}
.lifestyle-middle img {
     padding-left: 3px !important;
	padding-right: 3px !important;
}
.lifestyle-right img {
     padding-left: 6px !important;
}
/*.btn-primary {
     outline: none !important;
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
     background-color: #161718 !important;
     border-radius: 40px !important;
     font-size: 22px !important;
     color: #fff !important;
     font-weight: 600;
     padding: 15px 40px !important;
     border: 1px solid #161718 !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:visited {
     background-color: #c89a2f !important;
     border: 1px solid #c89a2f !important;
     color: #fff !important;
     outline: none;
}*/
.back-to-top {
     position: fixed;
     bottom: 100px;
     right: 25px;
     display: none;
	 z-index: 5000;
      width: 50px;
      height: 50px;
}
.main-text {
     padding: 77px 15% 77px 15% !important;
     text-align: center;
}
.main-text-title {
     
     text-align: center;
}
.main-text-title h2 {
     font-size:28px;
     font-family: 'Playfair Display', serif;
}
.main-text-title h2 span {
     
     font-size:22px;
}
.page-jump-button {
     margin-top: 50px;
     margin-bottom: 10px;
}
.btn-primary, .btn-primary:visited {
     outline: none !important;
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
     background-color: transparent !important;
     border-radius: 0px !important;
     font-size: 20px !important;
     line-height: 24px !important;
     color: #003056 !important;
     font-weight: 500;
     padding: 20px 50px !important;
     border: 2px solid #003056 !important;
}

.btn-primary.white, .btn-primary.white:visited {
     color:#ffffff!important;
     border: 2px solid #ffffff !important;
}

.btn-primary:hover, .btn-primary:active {
     outline: none !important;
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
     border-radius: 0px !important;
     background-color: #003056 !important;
     border: 2px solid #003056 !important;
     color: #fff !important;
     font-size: 20px !important;
     line-height: 24px !important;
     font-weight: 500;
     padding: 20px 50px !important;
}

p.disclaimer {
    font-size: 12px;
    line-height: 20px;
    font-weight: 300;
}
.image-disclaimer {
     padding: 5px 10% !important;
}
.rendering-left {
     padding: 0px;
     border-right: 2px solid #fff;
}
.rendering-right {
     padding: 0px;
     border-left: 2px solid #fff;
}
.new-homes-for-sale-highlight {
     padding: 100px 10% 100px 10% !important;
}
.logo-icon {
     margin-bottom: 24px;
     text-align: center;
}
.logo-icon img {
     max-width: 122px;
     height: auto;
     margin: 0px auto;
}

ul.bulletlist {
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 0px 4%;
     list-style-image: url('../images/bullet.png');
     font-size: 19px;
     line-height: 34px;
     text-align: left;
}
ul.bulletlist li {
     margin: 0px 0px 30px 0px;
     padding: 0px 0px 0px 0px;
     vertical-align: top;
}
ul.bulletlist-white {
     margin: 0px 0px 50px 0px;
     padding: 0px 0px 0px 4%;
     list-style-image: url('../images/white-bullet.png');
     font-size: 18px;
     line-height: 32px;
     color: #fff;
     text-align: left;
}
ul.bulletlist-white li {
     margin: 0px 0px 5px 0px;
     padding: 0px 0px 0px 0px;
     vertical-align: top;
}
.red-bank-area-highlights {
     padding-left: 5% !important;
     padding-top: 72px;
     padding-bottom: 50px;
     padding-right: 5% !important;
}
.red-bank-area-highlights h1 {
     margin-bottom: 36px;
}
.area-highlights-intro {
     font-size: 20px;
     padding-right: 20%;
     line-height: 28px;
}
.red-bank-nj-form-section {
     background-image: url('../images/form-section-bkg.jpg');
     background-repeat: repeat-y;
     background-size: contain;
     margin: 50px 0px;
}
.red-bank-form {
     /*padding-top:150px;*/
     padding-left: 5% !important;
     display: flex;
     justify-content: center;
     flex-direction: column;
}
.formcontainer {
     padding-right: 5%;
	 padding-top: 50px;
}
.form-header-content {
     margin-top: 20px;
     margin-bottom: 36px;
}
.form-header {
     padding: 50px 20px 0px 20px;
}
#label-contactfirstname {
     display: none;
}
#label-contactlastname {
     display: none;
}
#label-contactemail {
     display: none;
}
#label-contactphone {
     display: none;
}
.form-title-section {
     margin-bottom: 50px;
}
p.formtitle {
     font-size: 24px;
     color: #000;
     font-weight: 400;
     text-align: left;
     margin-bottom: 28px;
     line-height: 32px;
}
/*input.contact-form-submitformbtn {
     
     background-color: transparent;
     width: 200px;
     height: 61px;
     margin: 0px 0px 0px 0px;
     padding: 0px;
     float: left;
     border: none;
     outline: none;
     cursor: pointer;
}
input.btn-submit, input.btn-submit:visited {
     outline: none !important;
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
     background-color: transparent !important;
     border-radius: 0px !important;
     font-size: 20px !important;
     line-height: 24px !important;
     color: #003056 !important;
     font-weight: 500;
     padding: 15px 50px !important;
     border: 2px solid #003056 !important;
}
input.btn-submit:hover, input.btn-submit:active {
     outline: none !important;
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
     border-radius: 0px !important;
     background-color: #003056 !important;
     border: 2px solid #003056 !important;
     color: #fff !important;
     font-size: 20px !important;
     line-height: 24px !important;
     font-weight: 500;
     padding: 15px 50px !important;
}*/
.submit-btn{
 
    display: inline-block;
    zoom: 1;
    outline: none;
    background: transparent;
    font-size: 20px !important;
    color: #003056;
    font-weight: 500;
    padding: 1rem 3rem;
    text-align: center;
    /* margin: 2rem auto; */
    -webkit-transition: .3s all ease;
    transition: .3s all ease;
    cursor: pointer;
    border: 2px solid #003056;
    line-height: 1.5;
    margin: 0 0 2rem!important;
}

.submit-btn:hover, .submit-btn:focus, .submit-btn:active {
 
    display: inline-block;
    zoom: 1;
    outline: none;
    background: #003056;
    font-size: 20px !important;
    color: #fff;
    font-weight: 500;
    padding: 1rem 3rem;
    text-align: center;
    /* margin: 2rem auto; */
    -webkit-transition: .3s all ease;
    transition: .3s all ease;
    cursor: pointer;
    border: 2px solid #003056;
    line-height: 1.5;
    margin: 0 0 2rem!important;
}
input.contact-consent-box {
     width: 20px;
     height: 20px;
	 accent-color: #003056;
}
input.contact-input-box {
     width: 100%;
     height: 35px;
     background-color: #f6f6f6 !important;
     background-image: none;
     background-repeat: repeat-x;
     /*padding-left: 10px;*/
     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 #000;
     outline: none;
     font-family: 'Montserrat', sans-serif;
     font-size: 16px;
     color: #000;
     font-weight: 400;
}
textarea.contact-textarea-box {
     width: 100%;
     min-height: 50px;
     background-color: #f6f6f6 !important;
     background-image: none;
     background-repeat: repeat-x;
     padding-left: 10px;
     /*padding-top: 2%;*/
     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 #000;
     outline: none;
     font-family: 'Montserrat', sans-serif;
     font-size: 16px;
     color: #000;
     font-weight: 400;
}
.contactus-form-row {
     margin-bottom: 18px;
}
select {
     width: 100%;
     height: 35px !important;
     background-color: transparent !important;
     background-image: url('../images/select-arrow-v2.jpg');   /* add this image to folder */
     background-repeat: no-repeat;
     background-position: right;
     border: none !important;
     border-bottom: 1px solid #151515 !important;
      padding-left:2px;
      /*padding-top: 2%;*/
	padding-right: 20px;
     box-shadow: none;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     -webkit-appearance: none;
     -moz-appearance: none;
     text-indent: 1px;
     text-overflow: '';
     box-sizing: border-box;
     border-radius: 0px !important;
    font-family: 'Montserrat', sans-serif;
     font-size: 16px;
     color: #151515;
     font-weight: 500 !important;
     margin: 0 auto;
     cursor: pointer;
     display: block;
     outline: none !important;
}
select::-ms-expand {
     display: none;
}
option {
    font-family: 'Montserrat', sans-serif;
     font-size: 16px;
     color: #151515;
     font-weight: 500 !important;
    background-color:#fff !important;
}
.contactus-form-row-submit {
     margin-top: 20px;
     float: left;
     margin-left: 4px;
}
.row-submit {
     margin-top: 40px;
}
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: 13px;
     color: #aaa9a9;
     /*padding-left: 36px;*/
     line-height: 20px;
}
p.required-text-footnote span {
     font-weight: 700;
     font-style: italic;
}
.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: 16px;
     color: #151515;
     font-weight: 500;
	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: 16px;
     color: #151515;
     font-weight: 500;
	opacity: 1;
}
input.contact-input-box::-moz-placeholder, textarea.contact-textarea-box::-moz-placeholder { /* Mozilla Firefox 19+ */
     font-family: 'Montserrat', sans-serif;
     font-size: 16px;
     color: #151515;
     font-weight: 500;
	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: 16px;
    color: #151515;
     font-weight: 500;
	opacity: 1;
}
input.signup::-ms-input-placeholder, textarea::-ms-input-placeholder { /* Edge */
     font-family: 'Montserrat', sans-serif;
     font-size: 16px;
     color: #151515;
     font-weight: 500;
	opacity: 1;
}
.form-container {
     background-color: #e3e1e4;
     padding: 0px 4%;
     margin: 100px auto;
     padding-bottom: 10px;
}
.form-intro {
     padding: 50px 4% 24px 4%;
}
.form-intro-text {}
.form-disclaimer {
     padding: 24px 4% 24px 4%;
}
.form-disclaimer-text {
     font-size: 14px;
     line-height: 22px;
}
.form-control {
     border: none !important;
     outline: none !important;
     border-radius: 0;
}
label {
     margin-top: 12px;
}
.thank-you-container {
	
	background-color:#f6f6f6;
	margin-top:50px;
}
.thank-you-logo-section {
     text-align: center;
     padding-top: 50px;
}
.thank-you-logo-section img {
     max-width: 300px;
     height: auto;
}
.thank-you-message-section {
     padding: 100px 0px;
     text-align: center;
}
.thank-you-message {
     padding: 0px 15% !important;
}

.carousel-control-slides {
     top: 47%;
     width: 30px;
     height: 58px;
     background-color: transparent;
     color: transparent;
     opacity: .90;
     filter: alpha(opacity=90%);
     text-shadow: none;
     border: none !important;
     outline: none !important;
     position: absolute;
     z-index: 9999;
}
.carousel-control-slides:hover, .carousel-control-slides:focus {
     top: 47%;
     width: 30px;
     height: 58px;
     background-color: transparent;
     color: transparent;
     border: none;
     outline: none;
     opacity: 1.0;
     filter: alpha(opacity=100);
     text-shadow: none;
     position: absolute;
     z-index: 9999;
}
.carousel-control-slides.right {
     right: 5%;
     background-image: url('../images/white-right-arrow.png');
     background-repeat: no-repeat;
     cursor: pointer;
}
.carousel-control-slides.left {
     left: 5%;
     background-image: url('../images/white-left-arrow.png');
     background-repeat: no-repeat;
     cursor: pointer;
}
a#carouselprevslides.left.carousel-control-gallery {
     border: none !important;
     outline: none !important;
     cursor: pointer;
}
a#carouselnextslides.right.carousel-control-gallery {
     border: none !important;
     outline: none !important;
     cursor: pointer;
}
.carousel-indicators {
     bottom: 10px;
}
.carousel-indicators li {
     width: 10px;
     height: 10px;
     margin: 6px;
     background-color: transparent;
     border: 2px solid #fff;
     border-radius: 10px;
     opacity: 1;
}
.carousel-indicators .active {
     width: 10px;
     height: 10px;
     margin: 6px;
     background-color: #000;
     border: 2px solid #fff;
     border-radius: 10px;
     opacity: 1;
}
.cp {
     cursor: pointer;
}

#carousel-container-two {
	margin-top:30px;
}
.discover-red-bank{
     margin-top: 50px;
     margin-bottom: 0px;
	text-align:center;
}
.video-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}
.video-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}
embed, iframe, object, video {
    max-width: 100%;
}
.virtual-tour-section {
    padding-bottom:100px;
}
/* FOOTER */
.footer-section {
     margin-bottom: 0px;
}
/*.footer-section img {
     max-width: 500px;
     height: auto;
}*/
.footer-new-homes {
     min-height: 505px;
     padding-top: 50px !important;
     padding-bottom: 100px !important;
}
.footer-logo {
     margin-bottom: 50px;
}
.footer-logo img {
     max-width: 300px;
     height: auto;
}
.footer-logos {
	
}
.footer-logo-one {
	max-width: 175px;
	height:auto;
}

.footer-logo-two {
	max-width: 40px;
	height:auto;
}
p.footer-address {
     font-weight: 300;
     margin-bottom: 10px;
}
p.footer-phone a {
     color: #000;
     font-size: 28px;
     line-height: 36px;
     font-weight: 300;
     text-decoration: none;
}
p.footer-phone a:hover {
     color: #000;
     font-size: 28px;
     line-height: 36px;
     font-weight: 300;
     text-decoration: none;
}
.footer-copyright-row {
     text-align: center;
}
.footer-copyright-col {}
p.copyright {
     color: #000;
     font-size: 15px;
     line-height: 20px;
     padding-top: 30px;
     font-weight: 300;
}
@media (min-width: 1921px) {}
@media (max-width: 1350px) {
input.contact-input-box {
     font-size: 14px;
	font-weight: 500 !important;
}
textarea.contact-textarea-box {
     font-size: 14px;
	font-weight: 500 !important;
}
select {
     font-size: 14px;
	font-weight: 500 !important;
}
option {
     font-size: 14px;
	font-weight: 500 !important;
}
input.contact-input-box::-webkit-input-placeholder, textarea.contact-textarea-box::-webkit-input-placeholder {
     font-family: 'Montserrat', sans-serif;
     font-size: 14px;
     color: #151515;
     font-weight: 500 !important;
}
input.contact-input-box:-moz-placeholder, textarea.contact-textarea-box:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
     font-family: 'Montserrat', sans-serif;
     font-size: 14px;
     color: #151515;
     font-weight: 500 !important;
}
input.contact-input-box::-moz-placeholder, textarea.contact-textarea-box::-moz-placeholder { /* Mozilla Firefox 19+ */
     font-family: 'Montserrat', sans-serif;
     font-size: 14px;
     color: #151515;
     font-weight: 500 !important;
}
input.contact-input-box:-ms-input-placeholder, textarea.contact-textarea-box:-ms-input-placeholder { /* Internet Explorer 10+ */
     font-family: 'Montserrat', sans-serif;
     font-size: 14px;
     color: #151515;
     font-weight: 500 !important;
}
input.signup::-ms-input-placeholder, textarea::-ms-input-placeholder { /* Edge */
     font-family: 'Montserrat', sans-serif;
     font-size: 14px;
     color: #151515;
     font-weight: 500 !important;
}
}
@media (max-width:1199px) {
     .carousel-caption-azalea-red-bank img {
          max-width: 300px;
     }
     p.formtitle {
          text-align: center;
     }
	input.contact-input-box {
     font-size: 12px;
		font-weight: 500 !important;
}
textarea.contact-textarea-box {
     font-size: 12px;
	font-weight: 500 !important;
}
select {
     font-size: 12px;
	font-weight: 500 !important;
}
option {
     font-size: 12px;
	font-weight: 500 !important;
}
input.contact-input-box::-webkit-input-placeholder, textarea.contact-textarea-box::-webkit-input-placeholder {
     font-family: 'Montserrat', sans-serif;
     font-size: 12px;
     color: #151515;
     font-weight: 500 !important;
}
input.contact-input-box:-moz-placeholder, textarea.contact-textarea-box:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
     font-family: 'Montserrat', sans-serif;
     font-size: 12px;
     color: #151515;
     font-weight: 500 !important;
}
input.contact-input-box::-moz-placeholder, textarea.contact-textarea-box::-moz-placeholder { /* Mozilla Firefox 19+ */
     font-family: 'Montserrat', sans-serif;
     font-size: 12px;
     color: #151515;
     font-weight: 500 !important;
}
input.contact-input-box:-ms-input-placeholder, textarea.contact-textarea-box:-ms-input-placeholder { /* Internet Explorer 10+ */
     font-family: 'Montserrat', sans-serif;
     font-size: 12px;
     color: #151515;
     font-weight: 500 !important;
}
input.signup::-ms-input-placeholder, textarea::-ms-input-placeholder { /* Edge */
     font-family: 'Montserrat', sans-serif;
     font-size: 12px;
     color: #151515;
     font-weight: 500 !important;
}
}
@media (max-width: 991px) {
     .main-text {
          padding: 100px 10% 0px 10% !important;
     }
	.page-jump-button {
         margin-bottom: 50px;
     }
     .rendering-left {
          padding: 0px;
          border-bottom: 2px solid #fff;
          border-right: 0px solid #fff;
     }
     .rendering-right {
          padding: 0px;
          border-top: 2px solid #fff;
          border-left: 0px solid #fff;
     }
    
     .red-bank-nj-form-section {
          background-image: none;
		 /*background-color: #003056;*/
          margin-bottom: 0px;
     }
     .red-bank-area-highlights {
          background-color: #003056;
          padding-bottom: 50px;
     }
     .area-highlights-intro {
          padding-right: 10%;
     }
     ul.bulletlist-white li {
          padding-right: 3%;
     }
     .red-bank-form {
          padding-top: 50px;
		 background-color: #f6f6f6
     }
     .form-block-row-left {
          margin-bottom: 24px;
     }
	input.contact-input-box {
     font-size: 16px;
}
textarea.contact-textarea-box {
     font-size: 16px;
	font-weight: 500 !important;
}
select {
     font-size: 16px;
	font-weight: 500 !important;
}
option {
     font-size: 16px;
	font-weight: 500 !important;
}
input.contact-input-box::-webkit-input-placeholder, textarea.contact-textarea-box::-webkit-input-placeholder {
     font-family: 'Montserrat', sans-serif;
     font-size: 16px;
     color: #151515;
     font-weight: 500 !important;
}
input.contact-input-box:-moz-placeholder, textarea.contact-textarea-box:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
     font-family: 'Montserrat', sans-serif;
     font-size: 16px;
     color: #151515;
     font-weight: 500 !important;
}
input.contact-input-box::-moz-placeholder, textarea.contact-textarea-box::-moz-placeholder { /* Mozilla Firefox 19+ */
     font-family: 'Montserrat', sans-serif;
     font-size: 16px;
     color: #151515;
     font-weight: 500 !important;
}
input.contact-input-box:-ms-input-placeholder, textarea.contact-textarea-box:-ms-input-placeholder { /* Internet Explorer 10+ */
     font-family: 'Montserrat', sans-serif;
     font-size: 16px;
     color: #151515;
     font-weight: 500 !important;
}
input.signup::-ms-input-placeholder, textarea::-ms-input-placeholder { /* Edge */
     font-family: 'Montserrat', sans-serif;
     font-size: 16px;
     color: #151515;
     font-weight: 500 !important;
}
	.lifestyle-left img {
     padding-right: 0px !important;
		padding-bottom: 3px;
}
.lifestyle-middle img {
     padding-left: 0px !important;
	padding-right: 0px !important;
	padding-bottom: 3px;
}
.lifestyle-right img {
     padding-left: 0px !important;
}
	
 .row-submit {
     margin-top: 0px;
}    
}
@media (max-width: 767px) {
     .carousel-caption-azalea-red-bank img {
          max-width: 250px;
     }
     .main-text {
          padding: 50px 5% 0px 5% !important;
     }
     .new-homes-for-sale-highlight {
          padding: 50px 10% 50px 10% !important;
     }
}
@media (max-width: 600px) {
     .header-snipe p {
          font-size: 20px;
          line-height: 22px;
     }
	p.header-snipe-phone-email {
	font-size:16px;
	line-height: 20px;
	
}
     .carousel-caption-azalea-red-bank img {
          max-width: 200px;
     }
     .carousel-control.right {
          right: 2%;
          background-image: url('../images/white-right-arrow-sm.png');
          background-repeat: no-repeat;
     }
     .carousel-control.left {
          left: 5%;
          background-image: url('../images/white-left-arrow-sm.png');
          background-repeat: no-repeat;
     }
	.carousel-control-slides.right {
          right: 2%;
          background-image: url('../images/white-right-arrow-sm.png');
          background-repeat: no-repeat;
     }
     .carousel-control-slides.left {
          left: 5%;
          background-image: url('../images/white-left-arrow-sm.png');
          background-repeat: no-repeat;
     }
	body {
     
     font-size: 18px;
 
}
	h1 {
     
     font-size: 50px;
     line-height: 58px;
 }
h2 {
     font-size: 24px;
     line-height: 32px;
 }
	p.formtitle {
     font-size: 20px;
     
     line-height: 28px;
}
	#carousel-container-two {
	margin-top:50px;
}
	.red-bank-nj-form-section {
	margin-top:0px;
}
	.lifestyle {
		padding-bottom: 50px !important;
	}
	
}
@media (max-width: 500px) {

	
	.snipe-dash {
		display:none;
	}
	.snipe-bullet {
		display:none;
	}
	.snipe-break {
		display:block;
		line-height: 0;
	}
     .btn-primary, .btn-primary:visited {
          font-size: 18px !important;
          padding: 14px 26px !important;
      }

     .carousel-caption-azalea-red-bank img {
          max-width: 200px;
     }
     .main-text {
          padding: 50px 2% 50px 2% !important;
     }
	.page-jump-button {
         margin-bottom: 10px;
     }
     h1 {
          font-size: 40px;
          line-height: 1.2;
     }
}
@media (max-width: 400px) {
     .main-text {
          padding: 50px 0px 0px 0px !important;
     }
     h1 {
          font-size: 40px;
          line-height: 48px;
     }
}