@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Rubik:wght@300;400;500;600;700&display=swap');
@import url(/assets/css/bootstrap.min.css);
@import url(/assets/css/flaticon.min.css);
@import url(/assets/css/menu.min.css);
@import url(/assets/css/dropdown-effects/fade-down.css);
@import url(/assets/css/magnific-popup.min.css);
@import url(/assets/css/owl.carousel.min.css);
@import url(/assets/css/owl.theme.default.min.css);
@import url(/assets/css/animate.min.css); 
@import url(/assets/css/style.min.css);
@import url(/assets/css/responsive.min.css);
@import url(/assets/fontawesome6/css/all.min.css);
@import url(/assets/flaticon_font/flaticon_mycollection.css);
@import url(/?css=assets/_css_forms);
.italic{
font-style:italic !important; 
}
.accordion-flush .accordion-collapse {
    border-width: 0;
    background: #fff;
}
.accordion-flush .accordion-item .accordion-button {
    border-radius: 0;
    font-size: 18px;
}
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23168118'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
}
.accordion-button:not(.collapsed) {
    color: #168118;
    background-color: #ffffff;
    box-shadow: inset 0 -1px 0 rgb(22 129 24);
}
span[class*=" flaticon-"]:before, span[class^=flaticon-]:before {
    line-height: 2!important;
}

a[href^="tel"] {color:#168118;}
.carousel-indicators [data-bs-target] {
    background-color: #168118;
}
.section-checklist {
	background: #fefefe;
    padding: 25px 25px 25px 25px;
    margin: 25px;
}
.section-checklist h4.positive{
 color: #168118!important;
}
.home-section-one{
padding-top:100px !important; 
padding-bottom:100px !important; 
}
.dark-menu .scroll .tra-white-hover:hover, .tra-white-hover:hover, .white-color .tra-white-hover:hover {
    color: #168118!important;
    background-color: white!important;
    border-color: #168118 !important;
}

.cbox-3-ico span, .cbox-4-ico span {
    line-height: 31px;
    display: block;
    width: 29px;
}
.town-homes-bg{
position:relative;
background:url("/uploads/site/bg-section-townhomes.jpg");
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
}
.container .cbox-3{display:flex;}
.town-homes-bg .dark-background-overlay{
display:block;
background:#0e0e0ea3;
width:100%;
height:100%;
}
.town-homes-bg h3{
font-size:34px;
font-weight: 600;
}
.wsmainwp {
 
    max-width: 1300px;
 
}
.color-green, .text-green{color:#168118;}
.cta_btn{
    width: 100%;
    max-width: 230px;
    cursor: pointer;
}
.header-wrapper {
 
    border-bottom: 1px #ddd solid;
}
.form-control {
    font-weight: 400 !important;
    
}
.request-form .form-control {
    border: 1px solid #168118;
   
}
.wsmainwp {
 
   padding: 0 0;  
 
}
.text-center{
text-align:center !important;
}
.text-left{
text-align:left !important;
}
.text-right{
text-align:right !important;
}
.no-margin{
margin:0px !important;
}
.no-padding{
padding:0px !important;
}
.nowrap{white-space:nowrap;}
.hidden{display:none;}
 .wsactive .wsmenu {
     top: 80px;
}
 .navbar-dark .wsmenu>.wsmenu-list>li>a {
     color: #232323;
}
.form-item {
    position: relative;
    margin-bottom: 10px;
}
.form-item .error {
    color: #c52211;
    font-size: 14px;
    font-weight: 300;
    /* margin-bottom: 20px; */
    padding: 0px;
    line-height: 1.3em;
    font-weight: 400;
    margin: -15px  0px 0px 10px;
    position: relative;
    text-align: left;
    display: block;
    width: 100%;
}
 #hero-4 .alert {
     position: relative;
     padding: 0.5rem 1rem;
     margin-bottom:20px;
     border: 1px solid transparent;
     border-radius: .25rem;
}
 .tra-menu .wsmainfull {
     background-color: white!important;
     padding: 7px 0 0;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
}
 .wsmenu>.wsmenu-list {
     text-align: left;

     {
        !-- width: 100%;
         --
    }
     display: block;
     padding: 0;
}
 .desktoplogo {
     padding: 0;
     margin: 5px 0 0 0;
     float: left;
     line-height: 70px;
}
/*start form-multi-step styles*/
 .form-multi-step {
     text-align: center;
     position: relative;
     margin-top: 20px;
}
 .form-multi-step fieldset .form-card {
     background: white;
     border: 0 none;
     border-radius: 0px;
     box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);
     padding: 20px 40px 30px 40px;
     box-sizing: border-box;
     width: 94%;
     margin: 0 3% 20px 3%;
    /*stacking fieldsets above each other*/
     position: relative;
}
 .form-multi-step fieldset {
     border: 0 none;
     border-radius: 0.5rem;
     box-sizing: border-box;
     width: 100%;
     margin: 0;
     padding-bottom: 20px;
    /*stacking fieldsets above each other*/
     position: relative;
}
 .form-progressbar {
     padding: 0px;
     margin-bottom: 10px;
     overflow: hidden;
     color: lightgrey;
}
 .form-progressbar strong{color:#919191;}
 .form-progressbar .active strong {
     color: #168118;
}
 .form-progressbar li {
     list-style-type: none;
     font-size: 14px;
     width: 33.1%;
     float: left;
     position: relative;
     font-weight: 300;
     text-align: center;
     font-family: Rubik,'Helvetica Neue',Helvetica,Arial,sans-serif;
}
/*ProgressBar before any progress*/
 .form-progressbar li:before {
     width: 50px;
     height: 50px;
     line-height: 45px;
     text-align: center;
     display: block;
     font-size: 26px;
     color: #134e27;
     background: #fff;
         border: 1px #aec69a solid;
     border-radius: 50%;
     margin: 0 auto 10px auto;
     padding: 2px;
}
/*ProgressBar connectors*/
 .form-progressbar li:after {
     content: '';
     width: 100%;
     height: 2px;
     background: #aec69a;
     position: absolute;
     left: 0;
     top: 25px;
     z-index: -1;
}
/*Color number of the step and the connector before it*/
 .form-progressbar li.active:before, .form-progressbar li.active:after {
     background: #168118;
     color:#fff;
}
/*Hide all except first fieldset*/
 .form-multi-step>fieldset:not(:first-child) {
     display: none;
}
/*end form-multi-step styles*/
 .cbox-3-ico {
    background-image: linear-gradient(0deg,#168118 0,#10a113 100%);
  	width: 43px;
    height: 29px;
    max-width: 30px;
     float: left;
     margin-top: -2px;
     text-align: center;
     border-radius: 100%;
}
.cbox-4-ico {
    display: block;
    border-radius: 25px;
    background-image: linear-gradient(0deg,#6b6b6b 0,#545454 100%);
    width: 100%;
    max-width: 32px;
    max-height: 32px;
    float: left !important;
    /* max-width: 43px; */
    float: left;
    color: #fff;
    line-height: 33px;
    margin-top: -2px;
    text-align: center;
    border-radius: 100%;
}
.negative-option p{color:#545454;}
 .desktoplogo {
     float: left;
     width: 260px;
     margin-top: -5px;
     line-height: 0px;
}
 .desktoplogo img {
     width: auto;
     max-width: inherit;
     max-height: 60px;
}
 .wsmenu {
     margin-top: 0px;
}
 .wsmenu>.wsmenu-list>li>a {

         padding: 0px 0px 0px 2px;
    text-indent: 35px;
}
 .dark-menu.dark-scroll .wsmainfull.scroll, .tra-menu .wsmainfull.scroll, .white-menu .wsmainfull.scroll {
     padding: 10px 0 0 0;
}
 .wsmainfull.scroll .desktoplogo img {
     width: auto;
     max-width: inherit;
     max-height: 88px;
     margin-top: -2px;
}
 .wsmainfull.scroll .wsmenu>.wsmenu-list>li>a {
     padding: 10px 35px 10px 35px;
}
 #hero-4 {
     position: relative;
     background-image: url(/uploads/site/ibuyjersey-hero-2.jpg);
     padding-top: 200px;
     padding-bottom: 20px;
     background-size: cover;
     background-position: right center;
}
#hero-4-form {
    border: 4px solid #ffffff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 15px 20px 0 rgba(5,5,5,.1);
    -moz-box-shadow: 0 15px 20px 0 rgba(5,5,5,.1);
    box-shadow: 0px 8px 15px 0px rgb(10 52 24 / 80%);
}
 .wave-shape-bottom {
     position: absolute;
     bottom: 0px;
     left: 0;
     width: 100%;
     z-index: 0;
}
 .george-persona {
     display: block;
     position: absolute;
     min-height: 608px;
     width: 390px;
     bottom: 0px;
     z-index: 0;
     background-image: url(/uploads/site/GeorgeP.png);
     background-repeat: no-repeat;
     background-size: contain;
     background-position: left bottom;
}
 #hero-4-form {
     background-color: #fff;
}
.fbox-12, .fbox-13 {
 background-color: #fff;
    padding: 20px 13px;
    border-radius: 8px;
}
 .btn-tra-green, .scroll .btn-tra-green, .scroll .tra-green-hover:hover, .tra-green-hover:hover, .white-color .btn-tra-green, .white-color .tra-green-hover:hover {
     color: #ffffff!important;
     background-color: #0d8736!important;
     border-color: #0fbc49!important;
}
#projects-2 .project-txt h5, .blog-post-txt h5, .blog-post-txt h6, .cbox-4 h5, .cbox-5 h5, .cbox-6 h5, .cbox-txt h5, .comment-meta, .cta-box h5, .fbox-txt h5, .mb-10, p.cb-header, p.post-tag {
    margin-bottom: 10px;
    color: #000;
}

.form-check .form-check-label, h6.h6-sm, p {
    font-size: 1.0625rem;
    line-height: 1.35em;
}
.btn-green, .green-hover:hover, .scroll .btn-green, .scroll .green-hover:hover, .white-color .btn-green, .white-color .green-hover:hover {
    color: #fff!important;
    background-color: #168118!important;
    border-color: #0c5e0d!important;
}
.block-shadow {
    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
    -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
    box-shadow: 0px 0px 6px 2px rgb(22 129 24 / 39%);
     box-shadow: 0px 0px 6px 2px rgb(72 120 133 / 18%)
}
.footer-socials span, .video-block-wrapper {
    transition: .4s ease-in-out;
    color: #168118;
}
.footer-socials span, .video-block-wrapper {
    transition: .4s ease-in-out;
    color: #168118;
}
.footer hr, .newsletter-section hr {
    background-color: #012b2b;
    margin: 30px 0 0;
}
.footer-socials span, .video-block-wrapper {
    transition: .4s ease-in-out;
    color: #168118;
}
.footer h5, .footer h6 {
    line-height: 1;
    margin-bottom: 25px;
        color: #168118;
}
 @media (min-width:1450px) {
     .george-persona {
         left: 8% !important;
    }
}
 @media (min-width:1800px) {
     .george-persona {
         left: 17.2% !important;
    }
}
 @media (min-width: 992px) and (min-width:1300px) {
     .george-persona {
         left: 1%;
    }
     #hero-4 {
         background-position: center center;
    }
}
 @media (max-width:1299px) {
     #hero-4 h4.h4-xs {
         font-size: 1.575rem;
    }
}
 @media (min-width: 992px) and (max-width:1299px) {
 .home-section-one{
padding-top:80px; !important; 
padding-bottom:80px !important; 
}
     #hero-4 {
         background-position: center center;
    }
     .container, .container-lg, .container-md, .container-sm {
         max-width: 100%;
    }
     .george-persona {
         left: 0%;
    }
}
 @media (max-width:1150px) {
     .george-persona {
         left: 0%;
         bottom: 0px;
    }
}
 @media (min-width:900px) and (max-width:1150px) {
     .george-persona {
         min-height: 603px !important;
         background-size: contain !important;
         background-position: left bottom !important;
    }
}
 @media (min-width: 768px) and (max-width:1149px) {
     .container, .container-md, .container-sm {
         max-width: 1300px;
    }
}
 @media (max-width:991px) {
   .home-section-one{
padding-top:60px !important; 
padding-bottom:60px !important; 
}
     .wsactive .wsmobileheader {
         margin-right: 0px;
    }
     .wsmenu, .wsmobileheader {
         {
            !-- position:unset;
             --
        }
    }
     .overlapblackbg {
         {
            !-- background-color:transparent;
             --
        }
    }
}
 @media (min-width:768px) and (max-width:991px) {
 .content-4-img.left-column, .content-section .img-block.left-column {
    margin-left: auto;
}
     .george-persona {
         min-height: 640px !important;
         background-size: contain !important;
    }
     .wsmobileheader .smllogo {
         display: block;
         margin-top: 0px;
         padding-left: 22px;
    }
     .smllogo img {
         width: auto;
         max-width: inherit;
         max-height: 65px;
         padding-top: 10px;
    }
}
 @media (max-width: 767px){
 		 .home-section-one{
padding-top:0px !important; 
padding-bottom:60px !important; 
}
.content-section.division.pt-30{padding-top:60px;}
      .form-control {
        height: 50px  !important;
        text-align: left  !important;
        font-size: 14px  !important;
            margin-bottom: 10px  !important;
    }
    .form-item  .error {
   
    margin: -5px  0px 0px 10px;
    
}
     .wsmobileheader .smllogo {
         display: block;
         margin-top: 5px;
         padding-left: 3px;
         width: 200px;
    }
     .smllogo img {
         max-height: 55px;
    }
     .container, .container-sm {
         max-width: 95%;
    }
    .container.m-container-100{
        width:100% !important;
         max-width: 100%;
        }
     #hero-4-form {
         margin-top: 85px;
         text-align: center;

    }
     #hero-4 {
         padding-top: 270px;
         background-position: 70% center;
    }
     .george-persona {
         min-height: 560px !important;
         background-size: contain !important;
          bottom: 375px;
    left: 25px;
    }
}
 @media (max-width: 600px){
 .town-homes-bg h3 {
    font-size: 23px;
    font-weight: 600;
}
 .cta_btn {
    width: 100%;
    max-width: 90%;
      padding: 20px 42px;
}
     .george-persona {
         min-height:580px !important;
         width: 340px;
         bottom: 53%;
         background-size: contain;
         background-position: left bottom;
    }
     #hero-4 {
         padding-top: 270px;
         background-position: 50% center;
         margin-bottom:0px !important;
    }
}
 @media (max-width: 500px){
 .wsmenu>.wsmenu-list {
    width: 100%;
 
}
     .hero-logo-sm img {
         max-height: 65px;
    }
     .george-persona {
         min-height: 580px !important;
    }
     .smllogo img {
         margin-top: 5px;
         padding-top: 5px;
      max-height: 48px;
    }
     .overlapblackbg {background-color:transparent;}
}
@media (min-width: 414px) and (max-width: 479.95px){
.wsmenu>.wsmenu-list {
    width: 100%;
 
    margin-top: 0px;
}
}
 @media (min-width: 471px){
     .header-phone-number{
      
         float: right;
         width: fit-content;
         margin-right: 70px !important;
         margin-top: -50px !important;
    }
}
 @media (max-width: 470px){
     .header-phone-number{

         font-size: 13px;
         float: right;
         width: fit-content;
         margin-right: 85px !important;
         margin-top: -42px !important;
         color: #000 !important;
    }
}
 @media (min-width: 321px) and (max-width: 413.95px){
 .cta-2-txt h4, .cta-4-txt h4 {
    font-size: 1.2rem;
 
}
     .wsmobileheader .smllogo {
         display: block;
         margin-top: 00px;
         padding-left: 5px;
    }
}
 @media (max-width: 387px){
     .smllogo img {
         margin-top: 5px;
         padding-top: 5px;
         max-height: 63px;
    }
     .header-phone-number{
         display: none;
    }
}