@charset "utf-8";
/* CSS Document */
.mb0{margin-bottom:0px !important;}
.macMb05{
    margin-bottom: 5px;
}
.macMb10{
    margin-bottom: 10px !important;
}

.macMb15{
    margin-bottom: 15px;
}
.macMb20{
    margin-bottom: 20px;
    text-align: justify;
}
.macMb25{
    margin-bottom: 25px;
}
.macMb30{
    margin-bottom: 30px;
}
.macMb40{
    margin-bottom: 40px;
}
.macMb50{
    margin-bottom: 50px;
    
}
.macMT60{
    margin-top: 60px;
}
.macMb80{
    margin-bottom: 80px;
}
.macMb60{
    margin-bottom: 60px;
}
.macMT15{
    margin-top: 15px;
}
.macMT10{
    margin-top: 10px;
}
.macMT20{
    margin-top: 20px;
}
.macMT30{
    margin-top: 30px;
}
.macMT40{
    margin-top: 40px;
}
.mpPL5{
    padding-left: 5px;
}
.mpPL10{
    padding-left: 10px;
}
.mpPL15{
    padding-left: 15px;
}
.mpPL20{
    padding-left: 20px;
}
.pull-left{
    float: left;
}
.pull-right{
    float: right;
}
.fullWidth{
    width: 100%;
}
.noPadding{
    padding: 0 !important;
}
.opacity30{
    opacity: 0.3;
}
.mpColor{
    color: #00aeef !important;
}
.pull-left{
    float: left;
}
.padtb40 {padding-top:40px; padding-bottom:40px;}

.upcase{text-transform:uppercase;}
.txtcent {
    text-align:center;
}
.dil{
    display: inline;
    font-family:'MarkPro Bold';
    border-bottom: 2px solid #fff;
}
.macBtnPrimary{
    color: #fff !important;
    background-color: #00adef;
    border-color: #00adef;
    text-transform: uppercase;
    border-radius: 50px;
    padding: .575rem 1.05rem;
    height: calc(2.25rem + 17px);
    line-height: 2;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    margin: auto;
    font-family: 'MarkPro Medium';}



/*backrounds*/
.backwhite
{
    background-color:#fff;
    
}

/* UL List */
ul.ul-list{ width: 75%;
    padding: 0px;
    display: table;
    margin-bottom: 20px;
    /* padding-left: 15px; */
} 

ul.ul-list li{    width: 50%;
    float: left;
    /* list-style-type: none; */
    font-family: MarkPro;
    font-size: .95rem;
    /*   background: url(../MA_ImageFiles1/Images1/bluedot.png) no-repeat 0px 7px transparent;
    list-style-type: none;
    padding: 0px 15px;*/
}

ul.ul-list li p{
    margin-bottom: 5px;   font-family: MarkPro;
    font-size: .95rem;
}
.card-in-city ul.ud-border { width: 100%;
    padding: 0px;
    display: table; margin-bottom: 25px;}
ul.ud-border img.icon{       margin-right: 5px;
    display: inline;
    width: 25px;
    /*float: left;*/}

.card-in-city ul.ud-border li p.text-center {
    float:none; text-align:center;
}
.card-in-city ul.ud-border li p.text-center img{margin-right:5px;}

.card-in-city ul.ud-border li { width:100%; padding:20px 0px; text-align:center; display:block; list-style-type:none; font-family: MarkPro;   
    border-top: 1px solid #b7b7b7;
    font-size: .95rem;    }
.card-in-city ul.ud-border li:last-child {  border-bottom: 1px solid #b7b7b7;}

.card-in-city ul.ud-border li div.col-md-6:first-child
{ border-right:1px solid #b7b7b7;
}
.card-in-city ul.ud-border li p{    margin-bottom: 0px;
    font-family: 'MarkPro Bold';
    text-transform: uppercase;
    font-size: 0.85rem;
    line-height: 1.5;
    display: inline-block;
    float: left;}
ul.ud-border  .mid{width:auto;display:table; margin:auto;}

/*a links headings*/
.algt-linkhead
{font-family:'MarkPro Light';
    font-size: 1rem;
    text-decoration:underline;
    line-height:1.5; color:#00adef;    text-underline-position: under; display:block; margin-bottom:10px;
}


.mt-50{margin-top:50px;}


.inner-page h2 {    margin-bottom: 1rem;    font-family: 'MarkPro Bold';    font-size: 1.4rem;}
.inner-page h3 {
    margin-bottom: 5px;
    font-family: 'MarkPro Bold';
    font-size: 1.05rem;
}
.inner-page .abt h2 {
    margin-bottom: 1rem;
    font-family: 'MarkPro Bold';
    font-size: 1.4rem;
    margin-bottom:10px;
}
.table-price-abt{border: 1px solid #b7b7b7; font-size:1rem; font-family:'MarkPro Light';}
.table-price-abt th {
    font-family: 'MarkPro Bold'; 
    text-align:left;border-top: 1px solid #b7b7b7; border-bottom: 1px solid #b7b7b7;
}
.table-price-abt td{text-align:center; border-top: 1px solid #b7b7b7; border-bottom: 1px solid #b7b7b7;}
.table-price-abt td:nth-child(2) {
    font-family: 'MarkPro Bold'; color: #fff !important;
    background-color: #80d7f7; text-align:center;
}
.recent-view p.card-text{margin-bottom:0; font-size:1.0rem;}
.recent-view  .location p{    padding-left: 0px;}

.midimg-abt{text-align:center;}
.midimg-abt img{  width: 71%; margin:auto; display:block; margin-bottom:20px;}
.inner-page  h4{    font-family: 'MarkPro Bold';    font-size: 1.2rem;}


.inner-page h5{    font-family: 'MarkPro Bold';
    font-size: 1.05rem;}

.popover-body  h4{
    font-size: 1.2rem;
    font-family: 'MarkPro Bold';color:#262729;margin-bottom:0px;
}

.popover-body p.address{
    font-size: .95rem;
    font-family: 'MarkPro';color: #000;
    width: 70%;
}

.popover-body h4.time{
    font-size: 1.1rem;
    font-family: 'MarkPro Medium';color:#262729; margin-bottom:0px;
}
.popover-body h4.time:last-child{margin-bottom:15px;
}


.inner-page h2.text-transup{    margin-bottom: 1rem !important;    font-family: 'MarkPro Bold';    font-size: 1.3rem;}



.inner-page  .h1-head-light {font-family:'MarkPro'; font-size: 1.35rem;margin-bottom: .3rem ;}

.inner-page  .h4-head-light {font-family:'MarkPro'; font-size: 1.1rem;margin-bottom: .15rem;}


.inner-page p{font-size:0.9rem;}


.office-location p.address{    width: 100%;}


ul.list {  padding:0;  padding-left: 15px;}
ul.list li {     font-size: .9rem;
    line-height: 1.3;
    margin-bottom: 8px;
    width: 80%;}


.card-body-btn{    position: relative;
    display: table;
    width: 100%;
    text-align: center; margin:25px 0px;}

.img-mid{    width: auto;
    display: block;
    margin: auto;}

.tright{    text-align: right;}

/*buttons*/

.btnsm{        color: #fff !important;
    background-color: #00adef;
    border-color: #00adef;
    text-transform: initial;
    border-radius: 50px;
    padding: 1rem 2.70rem;
    height: calc(2.25rem + 10px);
    line-height: 1;
    font-family: 'MarkPro Medium';
    font-size: .95rem;
    width: auto;
    display: inline-block;
    text-decoration: none;
}



.btnsm:hover{
    color: #fff !important;
    background-color: #99def8 !important;
    border-color: #99def8 !important;
    text-decoration:none;
}

.btnsm-gray{    color: #262729;
    background-color: #f5f5f5;
    border-color: #262729;
    text-transform: uppercase;
    border-radius: 50px;
    padding: 1.05rem 2.70rem;
    height: calc(2.25rem + 10px);
    line-height: 1.3;
    font-family: 'MarkPro Medium';
    font-size: .75rem;
    width: auto;
    display: inline-block;
}

.btnsm-gray:hover,.btnsm-gray:focus {
    background-color: #e5e5e5;text-decoration:none;
    
}

.lgbluebtn {       
     color: #fff !important;
    background-color: #00adef;
    border-color: #00adef;
    text-transform: initial;
    border-radius: 50px;
    padding: 1.05rem 2.25rem;
    height: calc(2.25rem + 17px);
    line-height: 1.3;
    font-family: 'MarkPro Medium';
    font-size: .95rem;}

.lgbluebtn:hover, .lgbluebtn:focus {
    color: #fff !important;
    background-color: #99def8;
    border-color: #99def8;text-decoration:none;
}

@media (min-width: 992px) {
    .leftbtn {
        padding:0 5px 0 15px;
    }

    .rightbtn {
        padding: 0 15px 0 5px;
    }
}

@media (max-width: 991px) {
    .leftbtn {
        margin-bottom: 15px;
    }
}

.lggreenbtn{    color: #fff !important;
    background-color: #b4d648;
    border-color: #b4d648;
    /* text-transform: uppercase; */
    border-radius: 50px;
    padding: 1.15rem 2.25rem;
    /* height: calc(2.25rem + 17px); */
    line-height: 1.3;
    
    font-family: 'MarkPro Medium';
    font-size: .95rem;width:100%;}

.lggreenbtn:hover, .lggreenbtn:focus {
    color: #fff !important;
    background-color: #8fab36;
    border-color: #8fab36;
}
.lgtransbtn{     
    background-color: transparent;
    border-color: #262729;
    /* text-transform: uppercase; */
    border-radius: 50px;
    padding: 1.15rem 3.05rem;
    height: calc(2.25rem + 17px);
    line-height: 1.3;
    font-family: 'MarkPro Bold';
    font-size: .95rem;
    color: #262729;
    border: 1.2px solid #262729;
    clear: both;
    display: table;
    width: auto;
}
.lgtransbtn:hover, .lgtransbtn:focus {
    background-color: #ececec;
}

.lgbluebigbtn{        color: #fff !important;
    background-color: #00adef;
    border-color: #00adef;
    /* text-transform: uppercase; */
    border-radius: 50px;
    padding: 1.15rem 1.05rem;
    height: calc(2.25rem + 17px);
    line-height: 1.3;
    font-family: 'MarkPro Bold';
    font-size: .95rem;
    border: 1.2px solid #00adef;
    clear: both;
    display: table;
    width: auto;
    position:relative;
}

.lgbluebigbtn:hover/*,  .lgbluebigbtn:focus*/{
    color: #fff !important;
    background-color: #99def8;
    border-color: #99def8;text-decoration:none;
}

.lgtransbtn img{    margin-right: 7px;
    width: 13px;}
.lggreenbtn img{    margin-right: 7px;
}


.card-in-city .lgbluebigbtn{ width:100%;}

.lgbluebigbtn img{    margin-right: 7px;
}

.property-detail .btn{ width: 80%;}

.apply-act1{
    background-color: #00adee;
    color: #fff !important;
    font-family: MarkPro;
    position: relative;
    padding: 0;
    line-height: 2.5;
    width: 43px;
}

.apply2{ background-color:#99def8;   color: #fff !important;
    font-family: MarkPro;
    border-radius: 0px;
    margin-right: 15px;
    position: relative;
    padding: 0px 10px;
    line-height: 2.5;}
.apply-act1 span.right, .apply2 span.right{    border-left: 1px solid #fff;
    padding: 0px 10px;
    display: inline-block;
    padding-right: 0px;    margin-left: 5px;}

/*banner shades*/
.bluebackshade1{ background-color:#00aeef; color:#fff;    margin-bottom:50px;padding: 2rem 1rem;  border-radius: 0;}



.bluebackshade2{
    background-color:#00aeef;
    color:#fff;    
    margin-bottom: 0px;
    border-radius: 0;
    padding-bottom:1px;
    padding-top:20px;
}
.black-shade{     background-color: #262729;
    color: #fff;
    margin-bottom: 0px;
    padding: 30px;
    min-height: auto; padding-bottom:20px;}

.bluebackshade1 h2 {
    font-family: 'MarkPro Bold';
    font-size: 1.6rem;
    margin-bottom: 8px;
}


.bluebackshade1 p.desc{            font-family: 'MarkPro';
    font-size: 1.0rem;
    line-height: 1.3;}
.bluebackshade1 p.lighttext{         font-family: 'MarkPro Light';
    font-size: 1.0rem;
    line-height: 1.5;
    margin-bottom: 0;
}
.bluebackshade1 p.lighttext b {
    font-weight: bolder;
    font-family: MarkPro Bold;
}
.bluebackshade2 h2{font-family:'MarkPro Bold';    font-size: 1.85rem;    margin-bottom: 15px;}

.bluebackshade2 p.desc{    font-family: 'MarkPro Bold';
    font-size: 1.3rem;
    line-height: 1.3; }


.nav-small p{    font-size: 1.0rem;}



.citynameupper{       font-size: 1.2rem;
    font-family: MarkPro Bold;
    text-transform: uppercase;
    letter-spacing: -1px;}

.citynametitle{       
    font-size: 1.2rem;
    font-family: MarkPro Bold;
    letter-spacing: -1px;
}

.where-in-city{   font-family: MarkPro Bold;
    color: #00aeef;
    /* letter-spacing: -1px; */
    font-size: 1.056rem;}

.market-city img {width:100%;}
.market-city {margin-bottom:100px;}
.market-city .btn{width:106%;}
.lgbluebtn img{width:18px;}
.btn-bottom-div{position: absolute;
    display: block;
    bottom: 0;
    width: 100%;
    padding-right: 15px;}


.market-city p{    font-family: 'Roboto Regular';    margin-bottom: 80px;
    font-size: 0.856rem;
    color: #616368;
    line-height: 1.5;}
.market-city .readmore{    display: table-row;
    font-family: 'Roboto Bold';
    margin-top: 15px;
    margin-bottom: 15px;
    color: #00aeef;
    font-size: .856rem;}


.big-head-banner{position:relative; }
.big-head-banner img.bannerimage{ width:100%; top:0; left:0;}
.ban-txt-align{    position: absolute;
    bottom: 35%;
    text-align: center;
    width: 100%;}
.welcome-cent{font-family:'MarkPro Medium'; font-size:3.4rem; text-align:center; color:#fff;}




.inside-market li {
    padding: 13px 0px;    text-align: left;
}
.inside-market li a{padding: 0px 15px;}
.in-city-cont-up{background-color:#f4f7f7;}
.in-city-cont{    padding: 25px;}

.in-city-cont p {
    font-family: 'Roboto Regular';
    margin-bottom: 15px;
    font-size: .91rem;
    color: #616368;
    line-height: 1.5;
}


@media(min-width: 1440px) and (max-width: 1600px) {
    #modal-content {
    width: 1250px;
    border-radius: 3px;
    background: #fff;
    position: fixed;
    margin: 15% auto;
    padding: 20px 10px 20px 20px;
    left: 0;
    right: 0;
    top: -12px;;
    height: 241px;
    display: none;
    z-index: 10000;
}

#overlay {
    z-index: 101;
    position: fixed;
    background-color: #808080e6;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
}

}

@media(min-width: 1600px) {
    #modal-content {
    width: 1250px;
    border-radius: 3px;
    background: #fff;
    position: fixed;
    margin: 15% auto;
    padding: 20px 10px 20px 20px;
    left: 0;
    right: 0;
    top: -84px;;
    height: 241px;
    display: none;
    z-index: 10000;
}

#overlay {
    z-index: 101;
    position: fixed;
    background-color:  #808080e6;
    width: 100%;
    height: 100%; 
    top: 0;
    left: 0;
    display: none;
}

}

@media(min-width: 815px) and (max-width: 1024px) {
    #modal-content {
    width: 921px;
    border-radius: 3px;
    background: #fff;
    position: fixed;
    margin: 15% auto;
    padding: 20px 10px 20px 20px;
    left: 0;
    right: 0;
    top: 52px;;
    height: 303px;
    display: none;
    z-index: 10000;
}

#overlay {
    z-index: 101;
    position: fixed;
    background-color:  #808080e6;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
}

}



@media(max-width: 1280px) {
    #modal-content {
    width: 1200px;
    border-radius: 3px;
    background: #fff;
    position: fixed;
    margin: 15% auto;
    padding: 20px 10px 20px 20px;
    left: 0;
    right: 0;
    top: 11px;;
    height: 245px;
    display: none;
    z-index: 10000;
}

#overlay {
    z-index: 101;
    position: fixed;
    background-color:  #808080e6;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
}

}

@media(min-width: 1281px) and (max-width: 1440px) {
    #modal-content {
    width: 1250px;
    border-radius: 3px;
    background: #fff;
    position: fixed;
    margin: 15% auto;
    padding: 20px 10px 20px 20px;
    left: 0;
    right: 0;
    top: -14px;;
    height: 252px;
    display: none;
    z-index: 10000;
}

#overlay {
    z-index: 101;
    position: fixed;
    background-color:  #808080e6;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
}

}


@media(min-width: 768px) and (max-width: 814px) {
    #modal-content {
    width: 669px;
    border-radius: 3px;
    background: #fff;
    position: fixed;
    margin: 15% auto;
    padding: 20px 10px 20px 20px;
    left: 0;
    right: 0;
    top: 83px;
    height: 344px;
    display: none;
    z-index: 10000;
}

#overlay {
    z-index: 101;
    position: fixed;
    background-color:  #808080e6;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
}

}

@media(min-width: 1024px) and (max-width: 1279px) {
    #modal-content {
    width: 958px;
    border-radius: 3px;
    background: #fff;
    position: fixed;
    margin: 15% auto;
    padding: 20px 10px 20px 20px;
    left: 0;
    right: 0;
    top: 45px;;
    height: 245px;
    display: none;
    z-index: 10000;
}

#overlay {
    z-index: 101;
    position: fixed;
    background-color:  #808080e6;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
}

}

@media(max-width: 320px) {
    #modal-content {
    width: 289px;
    border-radius: 3px;
    background: #fff;
    position: absolute;
    margin: 26% auto;
    padding: 20px 10px 20px 20px;
    left: 0;
    right: 0;
    top: 0;
    height: 680px;
    display: none;
    z-index: 10000;

    }

    #overlay {
    z-index: 101;
    position: fixed;
    background-color:  #808080e6;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
}


}


@media(min-width: 321px) and (max-width: 380px) {
    #modal-content {
    width: 343px;
    border-radius: 3px;
    background: #fff;
    position: absolute;
    margin: 26% auto;
    padding: 20px 10px 20px 20px;
    left: 0;
    right: 0;
    top: 0;
    height: 580px;
    display: none;
    z-index: 10000;

    }

    #overlay {
    z-index: 101;
    position: fixed;
    background-color:  #808080e6;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
}


}




@media(min-width: 381px) and (max-width: 767px) {
    #modal-content {
    width: 382px;
    border-radius: 3px;
    background: #fff;
    position: fixed;
    margin: 20% auto;
    padding: 20px 10px 20px 20px;
    left: 0;
    right: 0;
    top: 12;
    height: 550px;
    display: none;
    z-index: 10000;

    }

    #overlay {
    z-index: 101;
    position: fixed;
    background-color:  #808080e6;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
}


}


#modalClose {
color: grey;
float: right;
font-size: 40px;
font-weight: bold;
margin-top: -30px;
text-decoration: none;
cursor: pointer;
}



#textCovid {
    font-size: 16px;
    margin-bottom: 0;
}

#textCovid1 {
    font-size: 16px;
}

.in-city-cont .readmore {
    display: block;
    font-family: 'Roboto Regular';
    margin-top: 12px;
    margin-bottom: 15px;
    color: #00aeef;
    font-size: 1rem;
}

.card-in-city{background-color:#fff; /*border-top:5px solid #00aeef;*/ padding:25px;}
.address-card h2{ margin-bottom:10px;}
.address-card img.plogo{ width:50%; margin-bottom:20px;}
.address-card p {
    font-size: .95rem;
}

.in-city-cont .lgtransbtn {width:100%}
.in-city-cont .lggreenbtn {width:100%}
.card-in-city img.cityimg {
    width: 93%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.card-in-city .lgtransbtn {width:100%}

.card-in-city h3{    font-family: MarkPro Bold;
    color: #212529;
    /* letter-spacing: -1px; */
    font-size: 1.0rem;
    text-transform: uppercase;
    text-align: center;
    
}

p.w75{width:75%;}

ul.location-select-radio{display: table;
    padding-left: 0px; margin-bottom:30px;}

ul.location-select-radio li{        
    float: left;
    width: 33%;
    list-style-type: none;
    padding: 7px 10px;}

ul.location-select-radio .custom-control-label::before {
    position: absolute;
    top: 1px;
    left: -35.3px;
    display: block;
    width: 1.4rem;
    height: 1.45rem;
    pointer-events: none;
    content: "";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1.5px solid #959595;
}
ul.property-aminities
{
    display: table;
    padding-left: 0px;
    margin-bottom:30px;}

ul.property-aminities li{        float: left;
    width: 25%;
    background: url(../MA_ImageFiles1/Images1/bluedot.png) no-repeat 0px 7px transparent;
    list-style-type: none;
    padding: 0px 15px;}
.view-all{ text-align:center; display:block; margin:auto; width:auto; color:#fff; font-family:'MarkPro'; margin-top:30%; font-size:1.0rem;}
.view-all:hover, .view-all:focus{color:#fff;}
.blueoverlay {
    background: rgba(3, 73, 129, 0.62) !important;}

ul.s-share{   
    width: 150px;
    display: table;
    margin: auto;
    padding-left: 24px;}

ul.s-share li{    float: left;
    list-style-type: none;
    width: 25%;
    padding: 5px 5px;}

ul.s-share li img{width:100%;}



.txt-center{text-align:center;}


@media (max-width: 768px) {
form input.form-control{color: #262729;
    text-align: left;
    font-size: 1.0rem;
    display: block;
    float: left;
    position: relative;
    font-family:'MarkPro Light';
    background-color: transparent;
    border: 1px solid #262729;
    height: calc(2.25rem + 16px);
    border-radius: 5px;}
 
}
@media (min-width: 769px) {
form input.form-control{color: #262729;
    text-align: left;
    font-size: 1.0rem;
    display: block;
    float: left;
    position: relative;
    font-family:'MarkPro Light';
    background-color: transparent;
    border: 1px solid #262729;
    height: calc(2.25rem + 16px);
    border-radius: 13px;}
 
}

.custom-control-label::before {
    position: absolute;
    top: -0.00rem;
    left: -2.2rem;
    display: block;
    width: 1.4rem;
    height: 1.4rem;
    pointer-events: none;
    content: "";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1.5px solid #373737;
}
.custom-radio .custom-control-label::before {
    border-radius: 50%;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E);
    background-image: none !important;
    background-color: #00aeef;
    border-radius: 10px;
}
.custom-control-label::after {
    position: absolute;
    top: 4.5px;
    left: -32px;
    display: block;
    width: 15px;
    height: 15px;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}

.part .custom-radio{width:85px; float:left; display:block;    padding-left: 30px;}
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: transparent;
}
.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    background-color: transparent;
}
.rela{    position: relative;}
img.icon-cal {
    width: auto;
    position: absolute;
    top: 13px;
    left: 12px;

}
.input2 {
    background-color: transparent !important;
    border: 1px solid #dedede;
    height: calc(2.25rem + 15px);
    border-radius: 10px;
    width: 100%;
    margin-bottom: 20px;
    padding-left: 50px;
}

.custom-select{    color: #262729;
    text-align: left;
    font-size: 1.0rem;
    display: block;
    float: left;
    position: relative;
    font-family: 'MarkPro Light';
    background-color: transparent;
    border: 1px solid #262729;
    height: calc(2.25rem + 16px);
    border-radius: 13px;    background: #fff url(../img/drop-down.png) no-repeat right 0.95rem center;
    background-size: 15px;}

label {
    display: inline-block;
    margin-bottom: 0.5rem;
    font-size: .93rem;
}

/*Employees Page*/
.empback{background-color:#fff;    margin-bottom: 0px;}
.employee-city-ul{padding:0}
.employee-city-ul li{    font-family: 'MarkPro';
    font-size: 1rem;
    text-decoration: none;
    color: #fff;
    /* width: 20%; */
    float: left;
    text-align: left;
    list-style-type: none;
    padding: 0px 35px;
    padding-left: 0px;}

.employee-city-ul li a{    font-family: 'MarkPro';
    font-size: 1rem;
    text-decoration: none;
    color: #fff;
    display: block;
    width: 100%;  line-height: 2;}
.employee-city-ul li a:hover,.employee-city-ul li a:focus{   color: #00adef;;}

.employee-city-ul li a.active{font-family: 'MarkPro Bold';
    font-size: 1rem; /*text-decoration:underline;text-underline-position: under*/;
    color: #00adef;}


.emp-name{    font-weight: 700;
    font-size: 1.1rem;
    font-family: 'MarkPro Bold';margin-bottom: 0px;}
.emp-designation{   
    font-size: .9rem;
    font-family: 'MarkPro Light';}

.differ .print ul.print-aminities {
    width: 100%;
    padding: 0;
    display: table;
    margin-bottom: 0px;
    margin-top: 5px;
}

.differ .print h3.price-print{    font-family: 'MarkPro Bold';
    margin-bottom: 5px;
    color: #262729;
    font-size: 1.5rem;
    margin-top: 10px;}
.differ .print h3.price-print span{    font-family: MarkPro;
    font-size: 1rem;}
.differ .print h3.price-print a{    display:inline;    color: #00adef;}


/* Pop Over */
.popover {
    max-width: 476px;}
.hide{display:none;}
.popover-body .lgbluebigbtn{ width:100%;}
.popover-body  h2 {
    margin-bottom: .5rem;
    font-family: 'MarkPro Bold';
    font-size: 1.4rem;    margin-top: 20px;
}
.popg
{
    padding:25px 15px;
}

.txtcent
{
    text-align:center;}
ul.stay-connected{padding:0;}
ul.stay-connected li{    list-style-type: none;
    width: auto;
    float: left;
    margin-right: 10px;}

.macMb80{
    margin-bottom:80px;
}
@media (max-width: 1200px) {
    
    .img-mid {
        width: 70%;
        
    }
    
}

@media(max-width: 425px ){
    .market-city .btn{width:104%;}
}

@media (max-width: 768px) {
    
    .inner-page h2 {
        font-size: 1.4rem;
    }
    
    .inner-page h4 {
        font-size: 1.1rem;
    }
    .bluebackshade1 h2 {
        font-size: 1.4rem;
    }
    .bluebackshade1 p.lighttext {
        font-size: .9rem;
    }
    
    .welcome-cent {
        font-family: 'MarkPro Medium';
        font-size: 2.5rem;
        text-align: center;
        color: #fff;
    }
    
    .btn-bottom-div {
        width: auto;
    }
    .navbar {
        padding: 0 0.7rem;
    }
    
    .search-form-home .searcha input.apartment-near {
        margin-left: 0;
        font-size: .9rem;
    }
    
    .bluebackshade1 p.desc {
        font-size: 1.0rem;
    }
}
.gtglobal{
    text-align:right;    
}
.mpgt{
    width:100%;
}
#google_translate_element{   
    margin: 0px 15px;
    display: inline-block;
    position: relative;
    top: 0px;
}
.goog-te-gadget
{
    text-align:left;
    color:transparent !important;
}
.goog-te-combo{  
    background-image:url('../SVGImageFiles/gtDownArrow2.svg') !important;
    background-repeat: no-repeat;
    background-position:90%;
    padding: 10px 15px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    background-color: #262729;
    color: rgba(255, 255, 255, 0.4);
    border-radius: 30px;
}
.goog-logo-link, goog-logo-link img{    
    display:none;
}
.goog-te-gadget-simple
{
    border-radius:30px;
    padding:10px !important;
    width: 186px;
    position: relative;
    border-top: 1px solid #7d7d7f !important;
    border-right: 1px solid #7d7d7f !important;
    border-bottom: 1px solid #7d7d7f !important;
    border-left: 1px solid #7d7d7f !important;
    color: #7d7d7f;
    background-color: #262729 !important;
}
.goog-te-banner-frame.skiptranslate {
    display: none !important;
    } 

.goog-te-gadget-icon{
    
    background:url('../SVGImageFiles/NewGtranslater.svg')  !important;
}
.goog-te-gadget-simple img{
    display:inline-block;
    float:left;
}
.goog-te-gadget-simple span a span:nth-of-type(2){
    position: absolute;
    right: 30px;
}
.goog-te-gadget-simple span a span:nth-of-type(3){
    position: absolute;
    right: 10px;
}
.goog-te-gadget-simple .goog-te-menu-value span
{
    display:inline-block;
    padding-right:5px;
}
.mpfooticons{
    width:44%;
}
.goog-te-gadget-simple .goog-te-menu-value span{
    text-decoration: none;
    color: #888888;
}
.pdeCompare {
    background: url(../SVGImageFiles/compare_icon.svg) no-repeat center;
    width: 30px !important;
    height: 25px;
    background-size: contain;
    cursor: pointer;
    float: left;
    margin-right: 8px;
}
.pdeLocation {
    background: url(../SVGImageFiles/location_pin.svg) no-repeat center;
    width: 20px !important;
    height: 20px;
    background-size: contain;
    cursor: auto;
    float: left;
}
.mcgoogleBusiness {
    background: url(../SVGImageFiles/mac_plus.svg) no-repeat center;
    width: 54px !important;
    height: 46px;
    cursor: pointer;
}
.mcInstagram {
    background: url(../SVGImageFiles/instagram1.svg) no-repeat center;
    width: 30px !important;
    height: 30px;
    cursor: pointer;
}
.mcScFacebook {
    background: url(../SVGImageFiles/facebook1.svg) no-repeat center;
    width: 30px !important;
    height: 30px;
    background-size: contain;
    cursor: pointer;
}
.mcWeChat {
    background: url(../SVGImageFiles/wechat_ico.png) no-repeat center;
    width: 30px !important;
    height: 30px;
    background-size: contain;
    cursor: pointer;
    float: right;
}
.website-url{
    background: url(../SVGImageFiles/websiteIcon.png) no-repeat center;
    width: 31px !important;
    height: 31px;
    background-size: contain;
    cursor: pointer;
    float: right;
}
.whitemobile{
     background: url(../SVGImageFiles/mobileWhite.svg) no-repeat center;
    width: 13px !important;
    height: 21px;
    background-size: contain;
    cursor: pointer;
     position:absolute;
    left:60px;
}
.whiteemail{
     background: url(../SVGImageFiles/emailWhite.svg) no-repeat center;
    width: 23px !important;
    height: 17px;
    background-size: contain;
    cursor: pointer;
    position:absolute;
    left:80px;
}
.whitecalender{
     background: url(../SVGImageFiles/calendarWhite.svg) no-repeat center;
    width: 19px !important;
    height: 17px;
    background-size: contain;
    cursor: pointer;
     position:absolute;
    left:80px;
}
.logMacCrown {
    
    background: url(../SVGImageFiles/macCrown.svg) no-repeat center;
    width: 32px !important;
    height: 32px;
    background-size: contain;
    cursor: pointer;
    float: left;
}
.pdeBath{
    background: url("../SVGImageFiles/bath.svg") no-repeat center;
    width: 34px !important;
    height: 26px;
    background-size: contain;
    cursor: pointer;
    float: left;
    margin-right: 15px;
}
.logMacCrown{
    background: url("../SVGImageFiles/macCrown.svg") no-repeat center;
    width: 32px !important;
    height: 32px;
    background-size: contain;
    cursor: pointer;
    float: left;
}
.mpFooterHouse{
    background: url("../SVGImageFiles/BBB_AND_FAIR_HOUSING_LOGO_SPRITE.png") no-repeat center;
    width: 130px !important;
    height: 68px;
    margin-bottom: 4px;
    margin-left: 5px;
    margin-right: 6px;
    background-size: contain;
    cursor: pointer;
}
.pdeCompare{
    background: url("../SVGImageFiles/compare.svg") no-repeat center;
    width: 22px !important;
    height: 16px;
    background-size: contain;
    cursor: pointer;
    float: left;
    margin-right: 8px;
}
.pdeScale{
    background: url("../SVGImageFiles/scale.svg") no-repeat center;
    width: 28px !important;
    height: 26px;
    background-size: contain;
    cursor: pointer;
    float: left;
    margin-right: 15px;
}
.pdeBath{
    background: url("../SVGImageFiles/bath.svg") no-repeat center;
    width: 34px !important;
    height: 26px;
    background-size: contain;
    cursor: pointer;
    float: left;
    margin-right: 15px;
}
.pdeBed{
    background: url("../SVGImageFiles/bed.svg") no-repeat center;
    width: 32px !important;
    height: 26px;
    background-size: contain;
    cursor: pointer;
    float: left;
    margin-right: 15px;
}
.mcgoogleBusiness{
    background: url("../SVGImageFiles/googleBusiness.svg") no-repeat center;
    width: 54px !important;
    height: 46px;
    cursor: pointer;
}
.pdeTwIcon{
    background: url("../SVGImageFiles/twitter.svg") no-repeat center;
    width: 44px !important;
    height: 44px;
    margin: 0 5px;
    cursor: pointer;
}
.pdePiIcon{
    background: url("../SVGImageFiles/pininterest.svg") no-repeat center;
    width: 44px !important;
    height: 44px;
    background-size: contain;
    cursor: pointer;
}
.mpFooterLogo{
    background: url("../SVGImageFiles/macLogoWhite.svg") no-repeat center;
    width: 180px;
    height: 50px;
}

.pdeFbIcon{
    background: url("../SVGImageFiles/facebook.svg") no-repeat center;
    width: 40px !important;
    height: 44px;
    margin: 0 5px;
    cursor: pointer;
}
.navbar-brand{
    background: url("../SVGImageFiles/macLogoBlack.svg") no-repeat center;
    width: 220px;
    height: 40px;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.macDPIcon{
    background: url("../SVGImageFiles/calendar.svg") no-repeat center;
    width: 22px !important;
    height: 22px;
    background-size: contain;
    cursor: pointer;
    position: absolute;
    left: 30px;
    top: 13px;
}
.macDPIcon2{
    background: url("../SVGImageFiles/calendar.svg") no-repeat center;
    width: 22px !important;
    height: 22px;
    background-size: contain;
    cursor: pointer;
    position: absolute;
    left: 15px;
    top: 13px;
}
.globalDPinput{
    position: relative;
}
/*home page gallery*/
#image-gallery .modal-footer{
    display: block;
}

/*home page gallery*/
.rightArrow{
    background: url("../SVGImageFiles/rightArrow.svg") no-repeat center;
    width: 30px !important;
    height: 20px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    top: 4px;
}
.downArrow{
    background: url(../SVGImageFiles/downArrow.svg) no-repeat center;
    width: 20px !important;
    height: 20px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    top: 4px;
    right: 6px;
}
.pdeHeartOpen{
    background: url("../SVGImageFiles/heartOpen.svg") no-repeat center;
    width: 22px !important;
    height: 20px;
    cursor: pointer;
    float: left;
    margin-right: 5px;
}
.pdeHeartClose{
    background: url("../SVGImageFiles/heartClosed.svg") no-repeat center;
    width: 22px !important;
    height: 20px;
    cursor: pointer;
    float: left;
    margin-right: 5px;
}
.pdePrinter{
    background: url("../SVGImageFiles/printer.svg") no-repeat center;
    width: 28px !important;
    height: 20px;
    cursor: pointer;
    float: left;
    margin-right: 5px;
}
.img-thumbnail {
    border-color: transparent;
    border-radius: 0;
}
.footerAplusIcon{
    background: url("../SVGImageFiles/BBB-Logo.svg") no-repeat center;
    width: 100px !important;
    height: 70px;
    background-size: contain;
    cursor: pointer;
}
.thumb {
    margin-top: 15px;
    margin-bottom: 15px;
}
@media (max-width: 1200px) {
    .img-mid {
        width: 70%;
    }
}
@media (max-width: 768px) {
    
    .inner-page h2 {
        font-size: 1.43rem;
    }
    .inner-page h4 {
        font-size: 1.1rem;
    }
    .bluebackshade1 h2 {
        font-size: 1.4rem;
    }
    .bluebackshade1 p.lighttext {
        font-size: .9rem;
    }
    .welcome-cent {
        font-family: 'MarkPro Medium';
        font-size: 2.5rem;
        text-align: center;
        color: #fff;
    }
    .knscity-div{
        padding: 1.05rem 1.25rem ! important;
    }/*ps*/
    .btn-bottom-div {
        width: inherit;
    }
    .navbar {
        /* padding: 0 2rem;*/
    }
    .search-form-home .searcha input.apartment-near {
        margin-left: 0;
        font-size: .9rem;
    }
    .bluebackshade1 p.desc {
        font-size: 1.0rem;
    }
}




/*checkbox styles*/
/* The container */
.cBcontainer {
    display: inline-flex;
    position: relative;
    padding-left: 30px;
    margin-bottom: 3px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.cBcontainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border:solid #D5D5D5 1px;
    /* background-color: #eee;*/
    border-radius: 3px;
}

/* On mouse-over, add a grey background color */
.cBcontainer:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */    
.cBcontainer input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.cBcontainer .checkmark:after {
    left: 5px;
    top: 0px;
    width: 8px;
    height: 14px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/*checkbox styles*/
/*modal dialog global styles*/
.modal-dialog{
    margin: 3rem auto;
}



.mpWrapper{
     /*overflow: hidden; */
    /*min-height: 300px;*/
}
.blueDot{
    position: relative;
    top: -3px;
}
/*select dropdown styles*/
select {
    -webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none;       /* remove default arrow */
    background-image: url("../SVGImageFiles/selectArrow.svg");   /* add custom arrow */
    background-repeat: no-repeat;
    background-position: 96%;
    background-size: 12px 12px;
    background-color:#fff;
    font-size: 0.85rem;
}
select::-ms-expand { 
    display: none; /* hide the default arrow in ie10 and ie11 */
}
/*select dropdown styles*/

/*cross browser styles*/
@-moz-document url-prefix() {
    .searchUserInputs select{
        padding: 9px 10px !important;
    }
}
@media all and (-ms-high-contrast:none)
    {
    .searchUserInputs select{
        padding: 9px 10px !important;
    }
}
@supports (-ms-ime-align: auto) {
    .searchUserInputs select{
        padding: 9px 10px !important;
    }
}
.ui-menu .ui-menu-item-wrapper:hover{
    background-color:#169dd0;
    color:white;
    
}

@media (max-width: 765px) {

    .card-in-city {
        background-color:#fff; 
        padding: 25px 0 25px 0;
    }

    .lggreenbtn {    
        color: #fff !important;
        background-color: #b4d648;
        border-color: #b4d648;
        /* text-transform: uppercase; */
        border-radius: 50px;
        padding: 1.15rem 2.25rem;
        height: calc(2.25rem + 17px);
        line-height: 1.3;
        
        font-family: 'MarkPro Medium';
        font-size: .95rem;width:100%;
    }

    .card-in-city .lgbluebigbtn { 
        width:100%;
    }

    .property-detail .btn{ width: 100%;}

}
/*cross browser styles*/


.whitesquarebtn {
    color: #000;
    /* border-color: #000; */
    /* background-color: #b4d648; */
    border-color: #000;
    border-radius: 50px;
    padding: 1rem 1.05rem;
    height: calc(2.25rem + 17px);
    line-height: 1.3;
    font-family: 'MarkPro Bold';
    font-size: .95rem;
    border: 1.2px solid #000;
    clear: both;
    display: table;
    width: 100%;
    position: relative;
}

.greensquarebtn {
    color: #fff;
    /* border-color: #000; */
    background-color: #b4d648;
    border-color: #b4d648;
    border-radius: 50px;
    padding: 1rem 1.05rem;
    height: calc(2.25rem + 17px);
    line-height: 1.3;
    font-family: 'MarkPro Bold';
    font-size: .95rem;
    border: 1.2px solid #b4d648;
    clear: both;
    display: table;
    width: 100%;
    position: relative;
}

.bluesquarebtn {
    color: #fff;
    border-color: #00adef;
    background-color: #00adef;
    border-radius: 50px;
    padding: 11px 15px;
      /*  height: calc(2.25rem + 17px); */
    line-height: 1.3;
    font-family: 'MarkPro Bold';
    font-size: .95rem;
    border: 1.2px solid #00adef;
    clear: both;
    display: table;
    width: 100%;
    position: relative;
}

.bluesquarebtn:hover, .bluesquarebtn:focus {
    background-color: #10caf8;
}

.whitesquarebtn:hover, .whitesquarebtn:focus {
    /* background-color: #ececec; */
    color: #000 !important;
    background-color: #ececec;
    border-color: #000;
}

.greensquarebtn:hover, .greensquarebtn:focus {
    /* background-color: #ececec; */
    color: #fff !important;
    background-color: #8fab36;
    border-color: #8fab36;
}

a.btn.whitesquarebtn:hover, a.btn.whitesquarebtn:focus {
    color: #10caf8;
}
a.btn.greensquarebtn, a.btn.bluesquarebtn {
    color: #fff;
}

a.btn.whitesquarebtn {
    color: #000;
}

a.btn.bluesquarebtn:hover, a.btn.bluesquarebtn:focus {
    color: #fff;
}

.machineLink {
    font-size: 0.8rem;
    margin-top: -0.9rem;
    padding-left: 20px;
}