﻿.a123_mfooter h3 span{font-family:Helvtica;}
.menuex-nav>ul>li{ position:relative;   display: inline-block;
    float: none!important;}
ul.level1 li a{   display:block;}

.Search_widget{width:100%;float:left;    margin-top: 70px;}
.outer_wrap{width:100%;float:left;background-image:url('//agent123.com/Skins/CustomPage/5929/455918/search_widget_bg.jpg');padding: 80px 50px 80px 30px;    z-index: 0;
    position: relative;}
.search-widget-lft-box {width:35%;float:left;}
.search-widget-right-box {width:65%;float:left;}
.search-widget-lft-box h2{  
    font-size: 50px;
    color: #fff;
    font-family: Century Gothic;
    font-weight: 700;
}
.slder_section:before{
    position: absolute;
    content: "";
    background-color: #00000057;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
ul.level2{
    background-color: #fff;
    text-align: left;white-space: nowrap;
    min-width: 160px;padding:10px; position: absolute;
    top: 100%;
    left: 0px;   
    display: none;}

.level2 li a:hover{background-color:#000;color#fff;}
.search-widget-lft-box img{
    float: left;
    margin-right: 16px;
}
.slider-logo h3{  
    color: #fff;
    font-size: 40px;
    margin-bottom: 15px;
}
.search-widget-lft-box h4{  
    color: #fff;
    font-size: 30px;
      margin-top: 0;
  margin-bottom: 0;
}
.custom-container {width:100%;max-width:1400px;margin:0 auto;position:relative;}
.apexidx-rsbsearch-rt-form {
    background: none!important;
    border: none!important;
    box-shadow: none!important;}
.apexidx-rsbsearchbox form .apexidx-AaSLinkPoistion a{color: #ffffff!important;}
.apexidx-rsbsearchbox form .apexidx-AaSBtnPoistion button[type="button"]{    background-color: #14447e!important;}

.apexidx-mpoint {
    padding: 0px 10px 10px 10px!important;
}
body{    background-color: #fff!important;}

.pattern{    float: right;
    margin-right: -57px;
    margin-top: -148px;}
.title_box{background-image:url(//agent123.com/Skins/CustomPage/5929/455918/pattern-1.png);background-repeat: no-repeat;    width: 40%;
    float: left;
        padding: 50px 0px 45px 50px;
    background-size: contain;margin-bottom:15px;}

#page_CustomFooter2_pnlShowFrontEndFooter{margin-top: -15px;}
.featured_section{
    float: left;
    width: 100%;margin-top: 50px;}
.title_box h4{
 font-size: 30px;
    margin-bottom: 0;
    letter-spacing: 5px;
    font-family: Century Gothic;
}


 .title_box h2{
   font-size: 52px;
    letter-spacing: 5px;
    font-family: Century Gothic;
    font-weight: 700;
    margin-top: 0;
  color:#202020;
}
.listing_box1{float: left;
    clear: left;    overflow: hidden;
    position: relative;}
.listing_box2{position: absolute;
    right: 0;}
.listings-second-row{    float: left;
    position: relative;
    width: 100%;
    margin-top: 20px;}


.listing_box3{float: left;  }


.listing_box4{position: absolute;
    right: 0;
    top: -54px;}
.communities_section{float: left;    margin-top: 80px;
    width: 100%;}

.title-row{width: 100%;
    float: left;
    background-image: url(//agent123.com/Skins/CustomPage/5929/455918/full-pattern.jpg);
    background-position: center center;
    text-align: center;
    background-repeat: no-repeat;padding-top: 77px;
    margin-bottom: 70px;}
.title-row h4{font-size: 30px;
    margin-bottom: 0;
    letter-spacing: 5px;
    font-family: Century Gothic;
    font-weight: 500;
    color: #202020;}
.title-row h3{    font-size: 58px;
    letter-spacing: 2px;
    font-family: Century Gothic;
    color: #202020;}


.communities-boxes{    width: 100%;
    max-width: 1600px;
    margin: 0px auto;}

.community-inner-box{float: left;
    width: 25%;position:relative;    padding: 10px;
    margin-bottom: 40px;}
.community-inner-box h4{    font-size: 20px;
    margin-bottom: 0;
    letter-spacing: 2px;
    font-family: Century Gothic;
    color: #202020;}
.community-inner-box h3{    font-size: 32px;
    letter-spacing: 2px;
    font-family: Century Gothic;
    font-weight: 900;
    margin-top: 0;
    color: #202020;}
.community-inner-box img{width:100%;}
 .vertical-line{
    position: absolute;
    height: 160px;
    background-color: #010101;
    width: 3px;
    margin: 0 15px;
    top: 0px;
      z-index: 1;
}
 .city-info{margin-left: 35px;
    margin-bottom: 15px;}
.mt70{margin-top: 50px;}
.custom-button-row{
    float: left;
    width: 100%;
    text-align: center;
    margin: 25px 0;
}

.custom-button-row a{    border: 1px solid #000;
    color: #000;
    padding: 15px 25px;
    font-size: 15px;
    letter-spacing: 2px;
    font-family: Century Gothic;
    width: 300px;transition: 0.3s;
    display: inline-block;}
.custom-button-row a:hover{background-color:#000;color:#fff;text-decoration:none;}
.about-title-box{width:100%;}
.custom-container1600{    width: 100%;
    max-width: 1400px;
    margin: 0px auto;}
.about-lft img{width:100%}
.about-right p    {padding-left:50px;font-size: 22px;    margin-bottom: 20px;
    line-height: 1.5;
    font-weight: 500;}
.about_section{width:100%;float:left;margin-top:100px;}
div.about-right{padding-left:50px!important;}
.contact_section{width:100%;float:left;margin-top:60px;}
.outer-bg{width:100%;float:left; background-image: url(//agent123.com/Skins/CustomPage/5717/460924/contact-bg.jpg);   
  background-repeat: no-repeat;      
    background-position: top left;
    background-size: cover;}
.contact-title-box{width: 100%;
    color: #fff;padding-bottom:0;
    background: none;}
.contact-title-box h2{color:#fff;font-weight: 500;}
.testimonials_section{width:100%;float:left;margin-top:60px;}
.testimonial_header{width:100%;float:left; background-image: url(//agent123.com/Skins/CustomPage/5929/455918/testimonial-header-bg.jpg);   
  background-repeat: no-repeat;
    background-size: 100%;}
.testimonial-title-box {
    width: 100%;
    color: #fff;
    background: none;
    padding: 62px 0px 62px 50px;
}
div.client_image_box{ padding-right: 0!important;}
.client_image_box img{width:100%}

.testimonial-title-box h2{color: #fff;
    font-weight: 500;}
.cstmh2{font-weight: 500!important;
    font-size: 30px!important;
    padding-top: 40px!important;}
.flex-viewport{height:auto!important;}
.cd-testimonials p{color:#202020}
@media only screen and (max-width: 1400px){
.custom-container{padding:0 10px}
}
@media only screen and (max-width: 1160px){
ul.level1 li a {
    padding: 0 7px!important;
font-size: 13px!important;
}
ul.level1 li a:hover{font-size: 13px!important;}
}
@media only screen and (max-width: 1024px){
ul.level1 li a{padding: 0 10px;}
ul.level1{float:none!important;}
}
@media only screen and (min-width: 768px){
.vertical-align{display:flex;align-items: center;}
.cd-testimonials-wrapper {
    margin: 0em auto!important;    width: 100%!important;
    padding: 64px 40px 40px!important;
}
}
.test-slider-box{    float: left;
    width: 100%;}
.cd-author{text-align: right!important;}
.cd-author .cd-author-info li:last-child{   
    color: #202020!important;
    font-weight: 700!important;
    font-size: 21px!important;
}

.flex-direction-nav li a:hover::before, .flex-direction-nav li a:hover::after {
    background-color: #5e5e63!important;
}
.connect_section{
   float: left;
    width: 100%;
    margin-top: 100px;
}
.connect_title_box{
    width: 100%;
    margin-bottom: 0;
}
.connect_title_box h2{
  font-weight: 500;
}
.menuex-nav{    width: 100%;}
.bottom_img{z-index:1;position:relative;}
.header-logo-box{width: 23%;float: left;}
.header-menu-box{width: 57%;float: left;}
.header-number-box{width: 20%;float: left;text-align: right;}
.header_section{padding: 15px 0;width:100%;float:left;    z-index: 9;
    position: relative;}

.slder_section{width:100%;float:left; margin-top: -90px;  max-height:38vw;  overflow: hidden;
    position: relative;}
.slider-logo{
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    max-width: 550px;
    margin: 0 auto;    
    width: 100%;text-align:center;}
.slder_section img{width:100%;}

.header-number-box a{
    font-size: 19px;
    font-weight: 600;
    color: #fff;
    letter-spacing: 1px;}

@media (max-width: 767px){
#section-slider img{
    object-fit: cover;
    object-position: center center;
    max-height:26rem;
}
div.landingpagehideheader .container {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.cd-testimonials-wrapper{padding: 20px 0px 10px!important;margin: 1em auto!important;}
.cstmh2{    padding-top: 0px!important;}
.testimonial_header{background-size: cover;}
div.client_image_box {margin-top: 0px;}
.mobi-align{display: flex;
    flex-wrap: wrap;}
.client_image_box{order: 2;}
.mobi-align-box1{order: 3;}
.title_box h2 {font-size: 27px;}
.title_box h4 {font-size: 16px;}
.title_box{padding: 50px 0px 23px 15px;}
div.about-right {
    padding-left: 10px!important;
    padding-right: 20px!important;
}
.hero-heading .hero-title {font-size: 50px;}
.hero-title hr {width: 93%;}
.hero-title small {font-size: 14px;}
.phone_field{margin-right: 0px!important;}
#section-slider{margin-top: -100px!important;}
.fullwidth_logocenter {
    width: 60%!important;}
.header_logo_text h3 {
    font-size: 30px!important;}
.header_logo_text h4 {
    font-size: 12px!important;}
.header_logo_text small {
    font-size: 13px!important;}
.col_social{width:50%!important;}

  .col_email {
    display: none!important;
}
.phone_field{float:left}
.bot_mhed{max-height:100px!important}
.navbar-header button.navbar-toggle {
    margin-top: -65px!important;}
ul.level1 li a {
    color: #000000!important;
}
#HeaderMainColor #divApexfull-navhed #navbar{background-color: #fff!important;margin-top: 10px;}
#HeaderMainColor #divApexfull-navhed{padding-top:0!important}
#headerTop {width: 100%!important;}
div.navbar-header{width:100%!important;float:none!important;}
.has-popup .level2 {
    display: block !important;
    position: static!important;
}
.level2 {   
    text-align: center;}
.header-menu-box {
    width:100%;
    ;
}
.header-number-box {
    width: 50%;
    float: left;margin-top: 30px;text-align: left;
  position: absolute;
    top: 40px;
}
.header-logo-box{width:100%;}
.header-logo-box img{width: 200px!important;}
.slder_section{margin-top:0;}
.header_section{ background-color: #000!important;}
ul.level1{    width: 100%!important;}
.navbar-toggle .icon-bar {
    background-color: #000!important;
}
.nav li {
    width: 100%;
    text-align: center;
}
button.navbar-toggle {
   margin-top: 15px!important;
    margin-bottom: 0;}}
.header-logo-box img{   
    width: 100%;
    max-width: 263px;
}
.header-number-box a:hover{color:#fff;}
/*ON HOVER POPUP CSS*/
.custom-popup-box{display:none;width:100%;float:left;
padding: 45px 38px 45px;position: absolute;
    top: 20px;
    background-color: #fff;
    box-shadow: 0 0px 15px 5px rgba(0, 0, 0, 0.25);}
.community-inner-box:hover .custom-popup-box{display:block;}
.custom-popup-box h3{font-size: 24px;
    margin-bottom: 15px;}
.custom-popup-box p{    line-height: 1.5;
    margin-bottom: 40px;}
.custom-popup-box a{     background-color: #000;
    padding: 10px 25px;
    color: #fff;
    border-radius: 4px;}
/*END ON HOVER POPUP CSS*/
.overlay-img{display:none;width:100%;position:absolute;left:0;right:0;top:0;bottom:0;    height: 100%;
    object-fit: cover;z-index: 2;}
.community-inner-box:hover .overlay-img{display:block;}
.cstm-overlay{position:relative}
 .community-inner-box a:hover{text-decoration:none;}
.listing_box1:hover{z-index:99;position:relative}
.listing_box3:hover{z-index:99;position:relative}
.listing_box2:hover{z-index:99; }
.listing_box4:hover{z-index:99; }
.listing_box2 img{border-left: 20px solid #fff;
    border-bottom: 20px solid #fff;}
.listing_box2:hover img{border-left: none;    border-bottom: none;}
.listing_box4 img{border-left: 20px solid #fff;
    border-bottom: 20px solid #fff;}
.listing_box4:hover img{border-left: none;    border-bottom: none;}
.listing--box:hover{box-shadow: 0 0px 15px 5px rgba(0, 0, 0, 0.25);}
.listings-img-overlay {
    
    background-color:#000000ba!important;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
   display: none;
}

.listing--box:hover .listings-detailview {
    top: calc(50% - 25px);
  visibility: visible;
}

.listing--box:hover .listings-img-overlay {display:block}

.listings-detailview {
    width: 175px;
    height: auto;
    position: absolute;
    z-index: 60;
    top: calc(100% + 20px);
    padding: 17px 20px 15px 20px;
    margin: 0 auto;
    background: #fff;   
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
    color: #000;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.62, 0.18, 0.18, 1.16);
    -moz-transition-timing-function: cubic-bezier(0.62, 0.18, 0.18, 1.16);
    -ms-transition-timing-function: cubic-bezier(0.62, 0.18, 0.18, 1.16);
    transition-timing-function: cubic-bezier(0.62, 0.18, 0.18, 1.16);
    cursor: pointer;
       margin: 0 auto;
    left: 0;
    right: 0;
  visibility: hidden;
}
@media (max-width: 500px){
section#section-slider {
    height: 26rem!important;}
.section-background, .section-slider .section-slide{height:auto!important;}
section.hero-slider.hero-fullscreen ul.section-slider {
    height: 48vh!important;}
section.hero-fullscreen, section.hero-fullscreen .container, section.hero-fullscreen .container-fluid {
    height: 35rem!important;
}
.outer_wrap{padding: 50px 20px 50px 20px;}
.search-widget-lft-box {width: 100%;    margin-bottom: 30px;}
.search-widget-right-box {width: 100%;}
.search-widget-lft-box h2 {font-size: 37px;}
.hero-title hr{margin: 15px auto 15px!important;}
.hero-heading .hero-title {
    font-size: 43px!important;}

.hero-title hr {
    width: 93%!important;}

.hero-title small {
    font-size: 12px!important;}
.slider-logo{padding:0 20px;top:29%;}
.slider-logo h3 {font-size: 25px;}
}