@charset "utf-8";

/* CSS Document */

body,p,li,h5,h6,h1,h2,h3,h4,a,samp{font-family: 'Open Sans', sans-serif !important;}
:hover {text-decoration: none !important;}
a{color:#545454 !important;}
p,li{font-size: 18px;}
:focus {outline: none !important;box-shadow: none !important;}
ul li {padding-bottom: 10px;}
strong{font-weight: 700 !important;}

.logosec {padding: 15px 0px;}
.call-right a {font-weight: 600;font-size: 25px;}
.banner-sec {background: url(../images/banner.jpg) no-repeat;max-height: 551px;background-size: cover;background-position:center;position:relative;}

.banner-sec:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.22);
    position: absolute;
    width: 100%;
    min-height: 100%;
    top: 0;
    left: 0;
}

.form-right {background-color:#8a8b8dad;max-width: 460px;float: right;width: 100%;padding: 30px;color: #fff;}
.form-right h2 {font-size: 45px;color: #fff;font-weight: 600;}
.form-right h5 {font-size: 25px;padding-top: 10px;padding-bottom: 10px;color: #fff;}
.form-right ul {padding-left: 0px;list-style: none;}
.form-right ul li {font-size: 20px;color: #fff;background: url(../images/tickmark.png) no-repeat;background-position: 0px 7px;padding-left: 28px;}
.form-right .form-group input, .form-right .form-group textarea {border-radius: 0px;background: #fff;height: 50px;}
.form-right .form-group textarea {border-radius: 0px;background: #fff;height: 115px;}
.submitbtn {width: 100%;background: #e11616;text-transform: uppercase;color: #fff;border-radius: 0px;font-size: 23px;padding: 10px 12px;font-weight: 600;}

.bannertext h5 {font-size: 25px;padding: 20px 0px;line-height: 1.4;border-bottom: #000 2px solid;margin-bottom: 20px;}
.now_leasing_sec h4 {color: #e22524;text-transform: uppercase;font-weight: 700;font-size: 48px;}
.now_leasing_sec h6 {font-size: 30px;max-width: 500px;}
.now_leasing_sec p {text-transform: uppercase;color: #5c5c5c;font-size: 16px;}
.now_leasing {padding-bottom: 55px;}

.hed {font-weight: 300;font-size: 50px;margin-bottom: 55px;}
.hed:after {content: "";background: #a8a8a8;width: 200px;display: table;height: 2px;margin: 0 auto;margin-top: 20px;}
.box-s h5 {text-transform: uppercase;font-weight: 600;font-size: 22px;margin:25px 0px;}
.floor_plan_sec {padding: 50px 0px;background:#fff /*#f9f9f9*/;}
.floor_plan_sec .hed:after {background: #4fb2ae;width: 150px;margin: 0;margin-top: 12px;}
.floor_plan_sec .hed {margin-bottom: 26px;}
.floor_plan_sec h4 {font-size: 31px;font-weight: 600;color: #505050;}
a.btnall {background: #e11616;text-transform: uppercase;color: #fff !important;padding: 15px 30px;display: table;font-size: 18px;font-weight: 600;}

footer {background: #3b3b3d;color: #fff;padding: 15px 0px;}
footer p {margin-bottom: 0px;}
.footer-slider .col-md-3 {padding: 0px;}
.footer-slider .col-md-3 img {width: 100%;}
.live_century_flats {margin-bottom: 30px;}
.apartment_features {padding: 100px 0px 55px;margin-bottom: 65px;}
.apartment_box h4 {text-align: center;max-width: 310px;float: right;width: 100%;border: rgba(79, 178, 174, 0.35) 7px solid;padding: 19px 0px 70px;position: absolute;top: -75px;right: -30px;font-weight: 600;}
.community_features .apartment_box h4 {float: left;left: -25px;right: 0px;}
.community_features {padding-bottom: 85px;}
.floor_plan_sec {padding-top: 15px;}
.mobile_banner{display:none;}

body.thank-you .form-right a {
    color: #fff !important;
    font-weight: 800;
}

body.thank-you .banner-sec {
    min-height: 100vh;
    max-height: unset;
}

body.thank-you .banner-sec .form-right {
    min-height: 100vh;
}

body.thank-you .banner-sec .form-right {
    min-height: 100vh;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}


@media screen and (max-width: 992px){
    .form-right h2 {font-size: 25px;}
    .form-right h5 {font-size: 16px;}
    .form-right ul li {font-size: 14px;}
    .form-right .form-group input, .form-right .form-group textarea {height: 38px;font-size: 15px;}
    .form-right .form-group textarea {height: 80px;}
    .submitbtn {font-size: 18px;}
    .banner-sec {max-height: 330px;}
    .bannertext h5 {font-size: 19px;}
    .now_leasing_sec h4 {font-size: 38px;}
    .now_leasing_sec h6 {font-size: 25px;}
    .now_leasing_sec p {font-size: 13px;}
    a.btnall {padding: 15px 18px;font-size: 16px;}
    .hed {font-size: 35px;}
    .floor_plan_sec h4 {font-size: 25px;}
    .floor_plan_sec .hed {margin-bottom: 12px;}
    .box-s h5 {font-size: 17px;margin: 15px 0px;}
    p, li {font-size: 16px;}
    .apartment_box h4 {font-size: 19px;right: 2px;padding-bottom: 67px;top: -66px;}
    footer p {font-size: 12px;}
    .foter-logo img {width: 44px;}
    .community_features .apartment_box h4 {left: 0px;}
    .box-s img {max-width: 85px;}
    .mobile_banner{display:none;}
    
}

@media screen and (max-width: 767px){
    .logosec .col-md-6,footer .col-md-7, footer .col-md-5 {width: 50%;}
    .logo img {max-width: 172px;}
    .call-right a {font-size: 19px;}
    .banner-sec {max-height: initial;}
    .bannertext,.floor_plan_sec,.apartment_features {text-align: center;}
    .now_leasing {padding-bottom: 15px;}
    .floor_plan_sec .hed:after {margin: 0 auto;margin-top: 7px;width: 40px;}
    a.btnall {float: none;display: table;margin: 0 auto;}
    .community_features p,.apartment_box p {text-align: center;margin-top: 20px;}
    .apartment_box {margin-top: 50px;}
    .apartment_box h4 {top: 4px;padding-top: 9px;}
    section.apartment_features .row {display: flex;flex-direction: column-reverse;align-items: center;justify-content: center;}
    .apartment_features p {margin-top: 23px;}
    .apartment_features {margin-bottom: 0px;padding-bottom: 30px;padding-top: 0px;}
    .mobile_banner{display:block;}
    .form-right { max-width: 100% !important;}
    .banner-sec {background: none;}
}


@media screen and (max-width: 480px){
   .hed {font-size: 25px;} 
    .logo img {max-width: 125px;}
    .call-right a {font-size: 15px;}
    .form-right h2 {font-size: 22px;}
    footer p {font-size: 10px;}
    .community_features {padding-bottom: 40px;}
    p, li {font-size: 15px;}
    .floor_plan_sec h4 {font-size: 19px;}
    .now_leasing_sec h4 {font-size: 30px;}
    .now_leasing_sec h6 {font-size: 20px;}
    .mobile_banner{display:block;}
    
}