@font-face {
    font-family: 'Roboto Regular';
    src: url('../MA_Fonts/fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),  url('../MA_Fonts/fonts/Roboto-Regular.woff') format('woff'), url('../MA_Fonts/fonts/Roboto-Regular.ttf')  format('truetype'), url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Bold';
    src: url('../MA_Fonts/fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),  url('../MA_Fonts/fonts/Roboto-Bold.woff') format('woff'), url('../MA_Fonts/fonts/Roboto-Bold.ttf')  format('truetype'), url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Thin';
    src: url('../MA_Fonts/fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'),  url('../MA_Fonts/fonts/Roboto-Thin.woff') format('woff'), url('../MA_Fonts/fonts/Roboto-Thin.ttf')  format('truetype'), url('../fonts/Roboto-Thin.svg#Roboto-Thin') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MarkPro Light';
    src: url('../MA_Fonts/fonts/MarkPro-Light.eot?#iefix') format('embedded-opentype'),  url('../MA_Fonts/fonts/MarkPro-Light.otf')  format('opentype'),
    url('../MA_Fonts/fonts/MarkPro-Light.woff') format('woff'), url('../MA_Fonts/fonts/MarkPro-Light.ttf')  format('truetype'), url('../MA_Fonts/fonts/MarkPro-Light.svg#MarkPro-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'MarkPro';
    src: url('../MA_Fonts/fonts/MarkPro.eot?#iefix') format('embedded-opentype'),  url('../MA_Fonts/fonts/MarkPro.otf')  format('opentype'),
    url('../fonts/MarkPro.woff') format('woff'), url('../MA_Fonts/fonts/MarkPro.ttf')  format('truetype'), url('../MA_Fonts/fonts/MarkPro.svg#MarkPro') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face{
    font-family:'MacProPro Regular';
    src: url('../MA_Fonts/fonts/MarkPro.eot?#iefix') format('embedded-opentype'),  url('../MA_Fonts/fonts/MarkPro.otf')  format('opentype'),
    url('../MA_Fonts/fonts/MarkPro.woff') format('woff'), url('../MA_Fonts/fonts/MarkPro.ttf')  format('truetype'), url('../MA_Fonts/fonts/MarkPro.svg#MarkPro') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'MarkPro Bold';
    src: url('../MA_Fonts/fonts/MarkPro-Bold.eot?#iefix') format('embedded-opentype'),  url('../MA_Fonts/fonts/MarkPro-Bold.otf')  format('opentype'),
    url('../MA_Fonts/fonts/MarkPro-Bold.woff') format('woff'), url('../MA_Fonts/fonts/MarkPro-Bold.ttf')  format('truetype'), url('../MA_Fonts/fonts/MarkPro-Bold.svg#MarkPro-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'MarkPro Heavy';
    src: url('../MA_Fonts/fonts/MarkPro-Heavy.eot?#iefix') format('embedded-opentype'),  url('../MA_Fonts/fonts/MarkPro-Heavy.otf')  format('opentype'),
    url('../MA_Fonts/fonts/MarkPro-Heavy.woff') format('woff'), url('../MA_Fonts/fonts/MarkPro-Heavy.ttf')  format('truetype'), url('../MA_Fonts/fonts/MarkPro-Heavy.svg#MarkPro-Heavy') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'MarkPro Medium';
    src: url('../MA_Fonts/fonts/MarkPro-Medium.eot?#iefix') format('embedded-opentype'),  url('../MA_Fonts/fonts/MarkPro-Medium.otf')  format('opentype'),
    url('../MA_Fonts/fonts/MarkPro-Medium.woff') format('woff'), url('../MA_Fonts/fonts/MarkPro-Medium.ttf')  format('truetype'), url('../MA_Fonts/fonts/MarkPro-Medium.svg#MarkPro-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "MarkOT-Medium"; src: url('../MarkOT_Medium/MarkOT-Medium.eot'); 
    src: url('../MarkOT_Medium/MarkOT-Medium.eot?#iefix') format("embedded-opentype"), 
    url('../MarkOT_Medium/MarkOT-Medium.woff2') format("woff2"), 
    url('../MarkOT_Medium/MarkOT-Medium.woff') format("woff"), 
    url('../MarkOT_Medium/MarkOT-Medium.ttf') format("truetype"),
    url('../MarkOT_Medium/MarkOT-Medium.svg#MarkOT-Medium') format("svg"); 
    }

@font-face {
    font-family: 'MarkOT Bold';
    src: url('../MA_MarkOT/MarkOT-Bold.ttf')  format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MarkOT-Light';
    src: url('../MA_MarkOT_Light/MarkOT-Light.otf')  format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirLTPro-Light';
    src: url('../FW_Fonts/AvenirLTPro-Light.otf')  format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirLTPro-Roman';
    src: url('../FW_Fonts/AvenirLTPro-Roman.otf')  format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirLTPro-Black';
    src: url('../FW_Fonts/AvenirLTPro-Black.otf')  format('truetype');
    font-weight: normal;
    font-style: normal;
}


body {
    background-color: #fdfdfd;
    font-size: 14px;
    color: #262729;
    font-family: 'MarkPro';
    overflow-x: hidden !important;
    -webkit-overflow: hidden !important;
    -moz-overflow: hidden !important;
}
body .bluebackshade1{
    background-color: #146474 !important;
}
.row .mpColor {
    color: #146474 !important;
}

.contactupcont{    background-color: #000000 !important;}
.mb50{margin-bottom:50px !important;}
.fivepart{padding-left:15px; padding-right:15px; width:20%;}
.pr0{padding-right:0px;}

.contactupcont h2 {
    margin-bottom: .4rem !important;
    font-family: 'MarkPro Bold';
    font-size: 1.2rem;
    color: #fff;
}
.contactupcont p {
    margin-bottom: 1.5rem !important;
    font-family: 'MarkPro Light';
    font-size: .9rem;
    color: #fff;
}

.tab {
    overflow: hidden;    
  }
  
  .tab button {
    background-color: #e6e6e6;
    float: left;
    margin-right: 2px;
    outline: none;
    cursor: pointer;
    border: none;
    padding: 10px 10px;
    transition: 0.3s;
    font-size: 17px;
  }
                            
  .tab button:hover {
    background-color: white;
  }
                               
  .tab button.active {
    background-color: white;
  }
                               
  .tabcontent {
    display: none;
    padding: 6px 12px;

  
  }

   input[type='text'] {
   padding-left: 10px;
    
  }

 .active {
  color: white;
  }

  .navbar-profile {
    overflow: hidden;
    float: right;
    margin-right: 43px;
    }

    .navbar-profile a {
    float: left;
    font-size: 14px;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    }

    .dropdown-profile {
    float: left;
    overflow: hidden;
    }

    .dropdown-profile .dropbtn {
    font-size: 14px;  
    border: none;
    outline: none;
    color: white;
    padding: 14px 16px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
    }

    .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 9999;
    margin-top: 40px;
    }

    .dropdown-content a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
    z-index: 9999;
    }

    .dropdown-content a:hover {
    background-color: #ddd;
    }

    .dropdown-profile:hover .dropdown-content {
    display: block;
    z-index: 9999;
    }


    #header_container {
        background-color: #A8E3F5; 
        margin-bottom: 20px; 
        height: 183px;
    }

    #div_breadcrumbs {
        margin-bottom: 15px;
    }

    #h1_portalTemplate {
        margin-left: 23px;
        font-weight: bold; 
        font-size: 2rem; 
        margin-bottom: 20px;
        width: 110%;
    }

    #i_portalTemplate {
        vertical-align: middle;
        margin-right: -11px; 
        font-size: 18px;
        font-weight: bold; 
    }

    .a_button_portalTemplate {
        font-size: 13px; 
        font-weight: bold;
        margin-top: 5px;
        text-decoration-line: none;
        color: black;
        text-transform: uppercase;
    }

    #div_input_portalTemplate {
        margin-left: 87px;
        margin-top: 3px;
    }

    #portalTemplate_input {
        width: 95%;
        height: 37px;
        border: solid 1px #d4d4d4; 
        border-radius: 4px;
    }

    #portalTemplate_button_of_input {
        cursor:pointer;
        position: absolute;
        background-color: white;
        z-index: 999;
        border:none;
        right: 30px;
        bottom: 6px;
    }

    #div_portaHome_open_service {
        border: solid #d4d4d4 1px; 
        padding: 30px 0 0 10px;  
        margin-bottom: 60px; 
        border-radius: 3px;
    }

    #button_portalHome {
        font-size: 11px; 
        margin: -8px 5px 22px; 
        font-weight: bold; 
        text-transform: uppercase; 
        padding: 15px 0 15px; 
        border: solid #d4d4d4 1px; 
        color: black;
        width: 96%;
        border-radius: 3xp;
    }

.form-control {
    display: block;
    width: 100%;
    height: calc(2.25rem + 7px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    border-radius: 13px;
    font-family: MarkPro Light;
    font-size: .9rem;
}
.btn-primary {
    color: #fff;
    background-color: #146474;
    border-color:  #146474;
    padding: 0.275rem 0.75rem;
    font-weight: 500;
    font-size: 0.85rem;
    font-family: 'MarkPro Medium';
}
.navbar {
        padding: 0 10px 0 15px;
}
.btn-link {
    font-weight: 400;
    color: #146474;
    background-color: transparent;
}
.nav-link {
    display: block;
    padding: 1.5rem 1rem;
}
.navbar-nav .nav-link {
    padding-left: 1.5rem;
    font-size: 14px;
    color: #000;
}
.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 0.5);
    color: rgb(0, 0, 0);
    font-size: 15px;
    font-family: 'MarkOT-Medium';
}
.navbar-light .navbar-nav .nav-link:hover
{
    color: #00adef;
}
.navbar-light .navbar-nav .nav-link:focus{
    
    color: rgb(0, 0, 0);
}

.mb50 {
    margin-bottom: 50px !important;
}
.mb10 {
    margin-bottom: 10px !important;
}
.mb20 {
    margin-bottom: 30px !important;
}
.mb30 {
    margin-bottom: 30px !important;
}
.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
    color: #fff;
    background-color: #00adef;
}
.navbar-nav {
    background-color: #f8f9fa;
}
a {
    color: #146474;
}
a:hover, a:focus{color: #169dd0;}
.office-location a{      
    color: #00aeef;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    font-size: .95rem;
    font-family: MarkPro;
    line-height: 1.3;
    display: block;
    margin-bottom: 0.3rem;
    }
    @media(min-width: 768px) and (max-width: 991px) {
    .office-location a {
      color: #00aeef;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    font-size: .95rem;
    font-family: MarkPro;
    line-height: 1.3;
    letter-spacing: -1px;
    display: block;
    margin-bottom: 0.3rem;
    }
 }

@media(max-width: 1279px) {
    .banner{
    
        background: url(../MA_webpImages/MA_ImageFiles6/Mac-Homepage-Landing-Hero.webp) top no-repeat;
        min-height: 400px;
         margin-bottom: 0rem;
    }

}

@media(min-width: 1280px) {
    .banner{
    
        background: url(../MA_webpImages/MA_ImageFiles6/Mac-Homepage-Landing-Hero.webp) top no-repeat;
        min-height: 400px;
         margin-bottom: 0rem;
        background-position: top; /* Replaced value '0 -215' by 'top' to fix background position for large devices MS-255 */
    }
}
.hpBannerImage{
    height: 100vh;
}
.banner h1 {
    font-size: 50px;
    color: #000;
    font-family: MarkPro;
    margin-bottom: 15px;
}
.search-form-home {
    width:100%;
    z-index: 100;
    margin-top: 15px;
}
.searcha {
    padding: 10px 25px;
    width: 100%;
}
.search-form-home .searcha h4 {
    color: #fff;
    text-align: left;
    font-size: 1.0rem;
    display: block;
    float: left;
    position: relative;
    line-height: 3;
    font-family: MarkPro Medium;
}
.search-form-home .searcha input.apartment-near {
    color: #fff;
    text-align: left;
    font-size: 1.0rem;
    display: block;
    float: left;
    position: relative;
    width: 77%;
    margin-left: 15px;
    margin-right: 15px;
    background-color: transparent;
    border: 2px solid #dedede;
    height: calc(2.25rem + 16px);
    border-radius: 13px;
}
.search-form-home .searcha span.ques {
    color: #fff;
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 2;
    float: left;
    font-family: 'MarkPro Bold';
}
.search-form-home .searcha ul {
    display: block;
    float: left;
    position: relative;
    width: 71%;
    margin-left: 15px;
    margin-right: 0px;
    background-color: transparent;
    border: 2px solid #dedede;
    height: calc(2.25rem + 16px);
    border-radius: 13px;
    padding: 0;
}
.search-form-home .searcha ul li {
    display: block;
    float: left;
    position: relative;
    list-style-type: none;
    width: 20%;
    border-right: 2px solid #dedede;
    height:48px;
}
.search-form-home .searcha ul li:last-child {
    border-right: none;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}
search-form-home .searcha ul li.active:last-child {
    background-color: #00adef;
}
.search-form-home .searcha ul li.active:last-child:hover {
    background-color: #fff;
    
}
.search-form-home .searcha ul li.active:last-child:hover a{
    color: #2d2d2d;
}
.search-form-home .searcha ul li.active:nth-child(1) {
    background-color: #00adef;
}
.search-form-home .searcha ul li.active:nth-child(1):hover {
    background-color: #fff;
}
.search-form-home .searcha ul li.active:nth-child(1):hover a{
    color: #2d2d2d;
}
.search-form-home .searcha ul li:nth-child(1) {
    border-top-left-radius: 11px;
    border-bottom-left-radius: 11px;
}
.search-form-home .searcha ul li.active:nth-child(2),
.search-form-home .searcha ul li.active:nth-child(3),
.search-form-home .searcha ul li.active:nth-child(4),
.search-form-home .searcha ul li.active:last-child{
    background-color: #00adef;
}
.search-form-home .searcha ul li.active:nth-child(2):hover,
.search-form-home .searcha ul li.active:nth-child(3):hover,
.search-form-home .searcha ul li.active:nth-child(4):hover {
    background-color: #fff;
}
.search-form-home .searcha ul li.active:nth-child(2):hover a,
.search-form-home .searcha ul li.active:nth-child(3):hover a,
.search-form-home .searcha ul li.active:nth-child(4):hover a {
    color: #2d2d2d;
}
.search-form-home .searcha ul li a {
    color: #fff;
    font-size: 1.0rem;
    line-height: 2.2;
    display: block;
    height: 100%;
    height: calc(2.25rem + 11.5px);
    font-family:'MarkPro';
    font-weight: normal;
    cursor: pointer;
    padding-top:8px;
}
.search-form-home .searcha ul li:hover {
    background-color: #00adef;
}
.search-form-home .searcha ul li:hover>a {
    color: #fff;
}
.ifield{
    border: 1px solid #eeeeee;
    border-radius: 5px;
    width:100%;
}
@media (max-width: 812px) {
    .sfield{
        padding: 5px 20px !important;
        line-height: 30px !important;
        height: auto !important;
        border: 0px solid #eeeeee !important;
        width: auto !important;
    }

}

@media (min-width: 813px) and (max-width: 1279px) {
    .sfield{
        padding: 5px 20px !important;
        line-height: 30px !important;
        height: auto !important;
        border: 0px solid #eeeeee !important;
        margin-right: 40px;
        width: 150% !important;
    }
}

@media (min-width: 1280px) {
    .sfield{
        padding: 5px 20px !important;
        line-height: 30px !important;
        height: auto;
        border: 0px solid #eeeeee !important;
    
        margin-right: 40px;
        margin-left: -13px;
        width: 100%;
    }
      #bedroomsPlus {
        width: 130%;
    }
    #priceoption {
    margin-left: -9px;
    width: 77%;
    }
}

@media (min-width: 768px) and (max-width: 812px) {
     .offset-md-1 {
    margin-left: 1.333333% !important;
    }
    .sliderWrap{
    background-color: #fff;
    border:1px solid #b5b5b5;
    display: inline-block;
    width: 260px;
    padding: 20px 20px 5px 20px;
    position: absolute;
    left: 0px !important;
    z-index: 999;
    border-radius: 5px;
} 
    .sfield {
    margin-left:  10px;
    }
}

@media (min-width: 769px) and (max-width: 1025px) {
     .offset-md-1 {
    margin-left: 1.333333% !important;
    }
    #caretIcon {
        right: 6px !important;
        position: absolute;
        font-size: 18px;
        top: 14px;
    }
    .sfield {
    margin-left:  10px;
    }
}

@media (min-width: 1151px) and (max-width: 1200px) {
       #bedroomsPlus {
        width: 120%;
    }


  

}

@media (min-width: 1025px) and (max-width: 1200px) {
     .offset-md-1 {
    margin-left: 10.333333% !important;
    }
    .sfield{
        padding: 5px 20px !important;
        line-height: 30px !important;
        height: auto !important;
        border: 0px solid #eeeeee !important;
        margin-right: 40px;
        width: 130% !important;
    }

    
    #caretIcon {
        right: 6px !important;
        position: absolute;
        font-size: 18px;
        top: 14px;
    }
     #priceshowslider1 {
        width: 100%;
    }
       #caretIcon {
        right: 7px !important;
        position: absolute;
        font-size: 18px;
        top: 14px;
    }
}

@media (min-width: 1200px) and (max-width: 1279px) {
     .offset-md-1 {
    margin-left: 10.333333% !important;
    }

      .sfield{
        padding: 5px 20px !important;
        line-height: 30px !important;
        height: auto !important;
        border: 0px solid #eeeeee !important;
    
        margin-right: 40px;
        margin-left: -13px;
        width: 115% !important;
    }

    .sfield {
    margin-left:  10px;
    }

       #bedroomsPlus {
        width: 145%;
    }

         #priceshowslider1 {
        margin-left: 28px;
        width: 80%;
    }

       #caretIcon {
        right: 12px !important;
        position: absolute;
        font-size: 18px;
        top: 14px;
    }

      #Home_search_btn {
        margin-left: 15px;
    }
        .sliderWrap{
    background-color: #fff;
    border:1px solid #b5b5b5;
    display: inline-block;
    width: 260px;
    padding: 20px 20px 5px 20px;
    position: absolute;
    left: 28px !important;
    z-index: 999;
    border-radius: 5px;
} 
  

}

@media (min-width: 992px) and (max-width: 1025px) {
    .mx-lg-4 {   
        margin-right: 0.5rem !important;
    }

        .sliderWrap{
    background-color: #fff;
    border:1px solid #b5b5b5;
    display: inline-block;
    width: 260px;
    padding: 20px 20px 5px 20px;
    position: absolute;
    left: 20px !important;
    z-index: 999;
    border-radius: 5px;
} 
         .sfield{
        padding: 5px 20px !important;
        line-height: 30px !important;
        height: auto !important;
        border: 0px solid #eeeeee !important;
    
        margin-right: 40px;
        width: 130% !important;
    }

    
    #caretIcon {
        right: 8px !important;
        position: absolute;
        font-size: 18px;
        top: 14px;
    }

    .sfield {
    margin-left:  10px;
    }

     #Home_search_btn {
        margin-left: 39px;
    }

       #priceshowslider1 {
     
        width: 100%;
    }

     #priceoption {
        width: 111%;
    }

    
    #bedroomsPlus {
        width: 100%;
    }
}


@media (min-width: 813px) and (max-width: 991px) {
       .sfield{
        padding: 5px 20px !important;
        line-height: 30px !important;
        height: auto !important;
        border: 0px solid #eeeeee !important;
        margin-right: 40px;
        width: 150% !important;
    }

    .offset-md-1 {
    margin-left: 8.333333%;
    }

    .mx-lg-4 {
    margin-right: 5.5rem !important;
    }

    .sliderWrap{
    background-color: #fff;
    border:1px solid #b5b5b5;
    display: inline-block;
    width: 260px;
    padding: 20px 20px 5px 20px;
    position: absolute;
    left: 8px !important;
    z-index: 999;
    border-radius: 5px;
} 


    #bedroomsPlus {
        width: 100%;
   
    }
    #priceshowslider1 {
        margin-left: 0px;
        width: 85%;
    }

    #caretIcon {
        right: 7px !important;
        position: absolute;
        font-size: 18px;
        top: 14px;
    }

    #priceoption {
        width: 115%;
        margin-left: 8px;
    }
    #Home_search_btn {
        margin-left: 30px;
    }
}

.sfield {
        margin-top: 0px !important;
    }

@media(max-width: 768px) and (max-height: 1024px){
          #caretIcon {
            font-size:18px; 
            position: absolute; 
            right: 7px; 
            top: 14px; 
        }

    .sliderWrap{
        background-color: #fff;
        border:1px solid #b5b5b5;
        display: inline-block;
        width: 260px;
        padding: 20px 20px 5px 20px;
        position: absolute;
        left: 0px !important;
        z-index: 999;
        border-radius: 5px;
    } 
}

.search-form-home .row:last-child {	
    padding-bottom: 0px;
}		
.search-form-home .searcha:last-child{
    padding: 10px 25px;
    padding-bottom:0px;
}
.search-form-home .pb0 {
    padding-bottom: 0px !important
}
.search_btn {
    color: #fff;
    background-color:#146474;
    border-color:#146474;
    padding: .875rem 1.65rem;
    line-height: 2;
    margin-top: 0px ;
    margin-bottom: 0px !important;
    font-family: 'MarkOT Bold' !important;
}
.Search_box_div {
    border-radius: 6px;
    background-color: rgb(38, 39, 41);
    box-shadow: 0px 17px 50px 0px rgba(0, 0, 0, 0.1), 0px 12px 15px 0px rgba(0, 0, 0, 0.1);
    position: absolute;
    left: 375px;
    top: 710px;
    width: 1170px;
    height: 342px;
    z-index: 278;
}

.more-s-opt {
    margin-bottom: 0px;
}
.more-s-opt a {
    color: #00adef;
    font-family: 'MarkPro Medium';
    font-size: 1.0rem;
    width: 100%;
    display: block;
}
.more-s-opt a:before {
    background-image: url(../MA_ImageFiles1/Images1/_beforerule.png);
    background-size: 10px 10px;
    display: inline-block;
    width: 38%;
    height: 1px;
    content: "";
    position: relative;
    top: -7px;
    right: 15px;
}
.more-s-opt a:after {
    background-image: url(../MA_ImageFiles1/Images1/_beforerule.png);
    background-size: 10px 20px;
    display: inline-block;
    width: 38%;
    height: 1px;
    content: "";
    position: relative;
    top: -7px;
    left: 15px;
}
.banner .custom-control-label {
    color: #fff;
    font-family: 'MarkPro Light';
    font-size: 15px;
    font-weight: 400;
    line-height:1.8;
}


@media (min-width: 1200px){
    .banner .custom-control {
        width: auto;
        float: left;
        margin-left: 40px;
        margin-right: 40px;
        padding-top: 12px;
        margin-bottom: 15px;
    }
}

@media (min-width: 990px) and (max-width: 1199px){
    .banner .custom-control {
        width: auto;
        float: left;
        margin-left: 0px;
        margin-right: 40px;
        padding-top: 12px;
        margin-bottom: 15px;
    }
}

@media (max-width: 989px){
    .banner .custom-control {
        width: auto;
        float: left;
        margin-left: 0px;
        margin-right: 0px;
        padding-top: 12px;
        margin-bottom: 15px;
    }
    .banner .custom-control-label {
        color: #fff;
        font-family: 'MarkPro Light';
        font-size: 13px;
        font-weight: 400;
        line-height:1.8;
    }
}

@media (max-width: 364px){
    .banner .custom-control {
        width: auto;
        float: left;
        margin-left: 0px;
        margin-right: 0px;
        padding-top: 12px;
        margin-bottom: 15px;
        padding-left: 0px;
        text-align: left;
    }
    .banner .custom-control-label {
        color: #fff;
        font-family: 'MarkPro Light';
        font-size: 13px;
        font-weight: 400;
        line-height:1.8;
    }
}


.Search_box_div {
    border-radius: 6px;
    background-color: rgb(38, 39, 41);
    box-shadow: 0px 17px 50px 0px rgba(0, 0, 0, 0.1), 0px 12px 15px 0px rgba(0, 0, 0, 0.1);
    position: absolute;
    left: 375px;
    top: 957px;
    width: 1170px;
    height: 1182px;
    z-index: 403;
}
.banner-collapse .custom-control-label::before {
    position: absolute;
    top: -0.00rem;
    left: -36px;
    display: block;
    width: 1.7rem;
    height: 1.7rem;
    pointer-events: none;
    content: "";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 2px solid #ccc;
}
.banner-collapse .custom-radio {
    cursor: pointer;
}
.banner-collapse .custom-control-label::after {
    position: absolute;
    top: 4.3px;
    left: -32px;
    display: block;
    width: 19px;
    height: 19px;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}
.banner-collapse .custom-control-label::before {
    background-color: transparent
}
.mid-div {
    text-align: center;
    width: 100%;
    display: block;
}
.mid-div-in {
    display: table;
    padding-left: 40px;
    padding-right: 40px;
    margin-bottom:25px;
}
.searcha .banner-collapse h4 {
    line-height: 1;
}

.searcha .banner-collapse ul.bath {
    display: block;
    float: left;
    position: relative;
    width: 100%;
    margin-left: 15px;
    margin-right: 0px;
    background-color: transparent;
    border: 1px solid #dedede;
    height: calc(2.25rem + 16px);
    border-radius: 13px;
    padding: 0;
}
.search-form-home .searcha ul.bath li a,
.search-form-home .searcha ul.terms li a {
    height: calc(2.25rem + 14px);
}
.searcha .banner-collapse ul.bath li {
    display: block;
    float: left;
    position: relative;
    list-style-type: none;
    width: 50%;
    border-right: 2px solid #dedede;
    height:50px;
}
.searcha .banner-collapse ul.bath li.active:nth-child(1) {
    background-color: #00adef;
}
.searcha .banner-collapse ul.bath li.active:nth-child(1):hover {
    background-color: #fff;
    color: #2d2d2d;
}
.searcha .banner-collapse ul.bath li.active:nth-child(1):hover a {
    color: #2d2d2d;
}
.searcha .banner-collapse ul.bath li.active:nth-child(2) {
    background-color: #00adef;
}
.searcha .banner-collapse ul.bath li.active:nth-child(2):hover {
    background-color: #fff;
    color: #2d2d2d;
}
.searcha .banner-collapse ul.bath li.active:nth-child(2):hover a {
    color: #2d2d2d;
}
.searcha .banner-collapse ul.terms {
    display: block;
    float: left;
    position: relative;
    width: 100%;
    margin-left: 15px;
    margin-right: 0px;
    background-color: transparent;
    border: 1px solid #dedede;
    height: calc(2.25rem + 16px);
    border-radius: 13px;
    padding: 0;
}
.searcha .banner-collapse ul.terms li {
    display: block;
    float: left;
    position: relative;
    list-style-type: none;
    width: 25%;
    border-right: 2px solid #dedede;
    height:50px;
}
.searcha .banner-collapse ul.terms li {
    background-color: transparent;
}
.searcha .banner-collapse ul.terms li:hover {
    background-color: #00adef;
}
.ui-slider-handle:after {
    position: absolute;
    top:-27px;
    left: -10px;
    min-width: 55px;
    font-size:18px;
    height: 30px;
    color: white;
    padding: 1px;
    text-align: center;} 
.searcha .slider.slider-horizontal {
    width: 100%;
    height: 8px;
}
.searcha .slider-selection {
    background-color: rgb(0, 174, 239);
    background-image: none;
}
.searcha .slider.slider-horizontal .slider-track {
    background-color: rgb(96, 98, 103);
    background-image: none;
    height: 7px;
}
.searcha .slider-handle {
    position: absolute;
    top: -15px;
    width: 33px;
    height: 33px;
    background-color: #fff;
    background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
    background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
    background-image: none;
}
.searcha .ui-slider .ui-slider-handle {
    position: absolute;
    top: -10px;
    width: 33px;
    height: 33px;
    background-color: #fff;
    background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
    background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
    background-image: none;
    border-radius: 50px;
    border: none;
    cursor: pointer;
}
.searcha .ui-slider .ui-slider-handle:focus {
    outline: 0;
    border: 0;
}
.ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #333333;
    padding: 4px;
    font-family: Markpro;
    z-index: 9999 !important;
}
.ui-autocomplete-category {    
    font-family: 'MarkPro Bold';
    padding: .2em .4em;
    line-height: 1.5;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #00adef;
    background: #00adef; border-radius:15px;
    
}
.searcha .ui-widget.ui-widget-content {
    border: 0px solid #c5c5c5;
    background-color: rgb(96, 98, 103);
    background-image: none;
    height: 7px;  
    margin-top: 40px;		
    margin-right: 17px;
}
.searcha #amount {
    display: none
}
.searcha .ui-widget-header {
    border: 0px solid #dddddd;
    background: #e9e9e9;
    color: #333333;
    font-weight: bold;
    background-color: rgb(0, 174, 239);
    background-image: none;
}
.slider-example b {
    color: #fff;
    float: left;
    display: block;
    margin-bottom: 10px;
    font-family: MarkPro Medium;
    font-size: 1.0rem;
    font-weight: 400;
}
.calendar .fa {
    font-size: 12px;
    position: absolute;
    right: 23px;
    top: 7px;
}
.search-form-home .searcha input.input2 {
    background-color: transparent;
    border: 1px solid #dedede;
    height: calc(2.25rem + 15px);
    border-radius: 10px;
    width: 100%;
    margin-bottom: 20px;
    padding-left: 50px;
}
.searcha .clear {
    height: calc(2.25rem + 15px);
    background-color: #fff;
    border-radius: 100px;
    display: block;
    color: #2d2d2d;
    padding: 15px 0px;
    text-transform: uppercase;
    font-family: 'MarkPro medium';
    margin-bottom: 20px;
    font-size:.9rem;
}
.searcha .clear:hover,
.searcha .clear:focus {
    background-color: #00adef;
    color: #fff !important;
}
.searcha .search_btn2 {
    color: #fff !important;
    background-color: #00adef;
    border-color: #00adef;
    text-transform: uppercase;
    border-radius: 50px;
    padding: .85rem 1.25rem;
    height: calc(2.25rem + 17px);
    line-height: 2;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    margin: auto;
    font-family: 'MarkPro Medium';
    font-size:0.9rem;
}
.searcha .search_btn2:hover,
.searcha .search_btn2:focus {
    background-color: #fff;
    color: #2d2d2d !important;
}
.banner-collapse img.icon-cal {
    width: auto;
    position: absolute;
    top: 13px;
    left: 32px;
    cursor: pointer;
}
.banner img.icon-cal {
    width: auto;
    position: absolute;
    top: 13px;
    left: 32px;
    cursor: pointer;
}
.modal-content iframe {
    margin: 0 auto;
    display: block;
}
.home h2 {
    margin-bottom: 1rem !important;
    font-family: 'MarkPro Bold';
    font-size: 1.4rem;
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: .5rem .75rem;
}
.card-back {
    height: 225px;
    width: 100%;
    display: block;
    position: relative;
    background-size: cover;
    background-size: cover;
    background-position: center center;
}
.card-overlay {
    position: absolute;
    top: 0;
    text-align: center;
    padding: 89px 0px;
    width: 100%;
    height: 100%;
    background: #00000066;
    cursor: pointer;
}
.card-back .card-overlay img {
    cursor: pointer;
    display: block;
    margin: auto;
}
.card-overlay:hover {
    background: #007bff7d;
}
.card-text {
    font-weight: 700;
    font-size: 1.0rem;
    font-family: 'MarkPro Bold';
}
.popular-apartments .card-back {
    border-radius: 15px;
}
.imgradius{
  border-radius: 15px;  
    
}
.popular-apartments .card-overlay {
    background: rgba(52, 58, 64, 0.23137254901960785);
    cursor: default;
    padding: 0px;
    text-align: right;
}
.popular-apartments .card-body {
    padding: .5rem 0rem;
}
span.money {
display: block;
    color: #fff;
    font-size: 1.7rem;
    font-weight: 600;
    text-shadow: 1px 1px 1px black;
    width: auto;
    padding: 10px 15px 0px;
}
span.money1 {
    display: block;
    font-size: 1.7rem;
    font-weight: 600;
    width: auto;
    padding: 0px 0px 0px;   
}

.card-overlay .btn {
    margin-right: 15px;
}
.popular-apartments .card-text {
    font-size: 1.0rem;;
    margin-bottom: -2px;
    font-family:'MarkPro Bold';
}
.dot {
    width: 4px;
    height: 4px;
    border-radius: 5px;
    background-color: #999999;
    display: inline-block;
    top: -2px;
    position: relative;
    margin: 0 2px;
}
.location img {
    width: 16px;
    float: left;
}
.location p {
    width: calc(80% - (16px));
    float: left;
    font-weight: 500;
    padding-left: 10px;
    font-size: 0.95rem;
    line-height: 1.4;
}
.mask {
    position: absolute;
    left: 375px;
    top: 3457px;
    width: 1166px;
    height: 329px;
    z-index: 530;
}
.blue-grad {
    background: rgba(7, 123, 166, 1);
    background: -moz-linear-gradient(top, rgba(7, 123, 166, 1) 0%, rgba(33, 180, 226, 1) 51%, rgba(84, 209, 255, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(7, 123, 166, 1)), color-stop(51%, rgba(33, 180, 226, 1)), color-stop(100%, rgba(84, 209, 255, 1)));
    background: -webkit-linear-gradient(top, rgba(7, 123, 166, 1) 0%, rgba(33, 180, 226, 1) 51%, rgba(84, 209, 255, 1) 100%);
    background: -o-linear-gradient(top, rgba(7, 123, 166, 1) 0%, rgba(33, 180, 226, 1) 51%, rgba(84, 209, 255, 1) 100%);
    background: -ms-linear-gradient(top, rgba(7, 123, 166, 1) 0%, rgba(33, 180, 226, 1) 51%, rgba(84, 209, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(7, 123, 166, 1) 0%, rgba(33, 180, 226, 1) 51%, rgba(84, 209, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#077ba6', endColorstr='#54d1ff', GradientType=0);
    padding: 108px 0px;
    margin-bottom: 50px;
}
.blue-grad p {
    color: #fff;
    text-align: center;
    font-size: 1.80rem;
    margin-bottom: 0;
    font-family: 'MarkPro Bold';
}
.twopart .card-back {
    height: 320px;
    width: 100%;
    display: block;
    position: relative;
    background-size: cover;
    border-radius: 6px;
}
.twopart .card-overlay {
    border-radius: 6px;
    padding: 153px 0px 119px;
    background: #00000087;
}
.twopart .card-back2 .card-overlay {
    padding: 32% 0px;
}
.twopart .card-back2 .card-overlay:hover {
    background: #007bff7d;
}
.buildings .card-back {
    height: 449px;
}
footer {
    background-color: #262729;
    padding: 50px 0px 10px 0;
    background-image: url('../MA_ImageFiles1/Images1/macFooterTex.png');
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 550px 272px;
}
footer h2 {
    font-size: 1.1rem;
    color: #fff;
    line-height: 2.5;
    margin-bottom: 0px;
    font-family: 'MarkPro Medium';
    font-weight: 400;
    text-transform: uppercase;
}
.footer-logo {
    width: 68%;
    margin-bottom: 10px;
}
footer p {
    color: #888888;
    font-size: 1.005rem;
    line-height: 1.4;
}
ul.foot-col-link {
    width: 100%;
    padding: 0;
    display: block;
}
.w75 {
    width: 75%;
}
ul.foot-col-link li {
    width: 100%;
    display: block;
    list-style-type: none;
}
ul.foot-col-link li a {
    width: 100%;
    padding: 7px 0px;
    display: table-cell;
    font-size: 1.0rem;
    color: #888888;
    font-weight: 400;
    font-family: 'MarkPro Medium';
}
footer ul.icons {
    padding: 0;
    display: inline-block;	
}
ul.icons li {
    list-style-type:none;
    padding-right: 15px;
    display: inline-block;
}
ul.icons li a {
    display: block;
    width: 100%;
    padding: 5px;
}
ul.icons li a img {
    width: 100%;
}
ul.icons li:last-child a img {
    padding-top: 8px;
}
footer hr {
    margin-top: 1.5rem;
    margin-bottom: 2rem;
    border: 0;
    border-top: 1px solid rgba(236, 228, 228, 0.1);
}

.card-back2 {
    background-image: none !important;
    position: relative;
    display: block;
    position: relative;
    overflow: hidden;
}
.card-back2 img {
    width: 100%;
    -webkit-transition: all 1.1s;
    -moz-transition: all 1.1s;
    -o-transition: all 1.1s;
    -ms-transition: all 1.1s;
     transition: all 1.1s;
}
.card-back2 .card-overlay{
    height:100% !important;
}
.card-back2 .card-overlay img {
    width: auto;
}
.popular-apartments .card-back2 .card-overlay {
    padding: 0 !important
}
.card-back img {
    display: none;
}
.banner3 .searcha {
    padding: 10px 15px;
}
.popular-apartments .gallery-promotion-add{
    background-color: #b4d648;
    display: inline-block;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: left;
    bottom: 0;
    padding: 10px;
    color: #fff;
    font-family: MarkPro Medium;
    font-size: 1.0rem;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.pad{ padding: 0px 100px;}
.search-table2{
    max-height: 700px;
    overflow: auto;
}
.search-table th{
    border: 0px solid #dee2e6;   
}
.search-table th, .search-table td {
    padding-right: 0.65rem;
    padding-top: 0.85rem;
    padding-bottom: 0.85rem;
    vertical-align: top;/*middle to top*/
    border:none;
   
    font-family: 'Roboto Bold';
    font-size: 1rem;
    color: #262729;       border-left: 0;
}

.table {
  margin-left: 1rem;
}
.search-table  tbody  td { 
text-align:center
}
.search-table td:first-child {
text-align:left !important;
}
.search-table tbody tr:nth-child(1) {
    border-top: 0px solid #dee2e6;
}
.search-table tbody tr:nth-child(21) {
    border-top: 0px solid #dee2e6;
}
.search-table tbody tr:nth-child(41) {
    border-top: 0px solid #dee2e6;
}
.search-table tbody tr:nth-child(61) {
    border-top: 0px solid #dee2e6;
}
.search-table tbody tr:nth-child(81) {
    border-top: 0px solid #dee2e6;
}
.search-table tbody tr:nth-child(101) {
    border-top: 0px solid #dee2e6;
}
.search-table tbody tr:nth-child(121) {
    border-top: 0px solid #dee2e6;
}
.search-table tbody tr:nth-child(141) {
    border-top: 0px solid #dee2e6;
}
.search-table tbody tr:nth-child(161) {
    border-top: 0px solid #dee2e6;
}
.search-table tbody tr:nth-child(181) {
    border-top: 0px solid #dee2e6;
}
.search-table tbody tr:nth-child(201) {
    border-top: 0px solid #dee2e6;
}
.search-table tbody tr:nth-child(221) {
    border-top: 0px solid #dee2e6;
}
.search-table tbody tr:nth-child(241) {
    border-top: 0px solid #dee2e6;
}
.search-table tbody tr:nth-child(261) {
    border-top: 0px solid #dee2e6;
}
.search-table tbody tr:nth-child(281) {
    border-top: 0px solid #dee2e6;  
}
.search-table tbody tr:nth-child(301) {
    border-top: 0px solid #dee2e6;
}
.search-table tbody tr:nth-child(321) {
    border-top: 0px solid #dee2e6;
}

.search-table tbody tr{
padding-right:0;    
border-top: 1px solid #dee2e6;
 }

 #bannerTable.search-table td:first-child{
    padding: 0 0 0 10px;
}
#bannerTable.search-table td:last-child{
    padding: 0 0 0 23px;
    background: #f8f9fa;
}
td h4.address{    font-family: 'Roboto Bold';
    font-size: 1rem;
    color: #262729;text-align:left !important}
td p.address{       font-family: 'Roboto Regular';
    font-size: 14.5px;
    line-height: 1.2;text-align:left !important}
.search-table tbody tr td:nth-child(1){width: 12%;vertical-align: middle;}
img.stars-review{width:90px}
img.property-logo{width:120px}
.search-table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
    font-family: 'MacProPro Regular';
    font-weight: 500;
    font-size: .9rem;
    text-decoration: underline;
    text-underline-position: under;
}
.search-table p.price{font-size: 1.5rem;
    margin-bottom: 3px;}
.search-table .sp-pro-text{font-size: 18px;
    line-height: 1.4;
    margin-bottom: 0px;}
.propInfoWindow,
.propInfoWindow .propInfoImageContainer {
    position: relative
}

.propInfoWindow .propInfoImageContainer .propInfoPriceBox {
    -webkit-transition: background .1s linear;
    -o-transition: background .1s linear;
    transition: background .1s linear;
    background: #00adef;
    border-bottom: #eaeaea 1px solid;
    border-left: 1px solid #e4e4e4;
    border-top: #eaeaea 1px solid;
    color: #333;
    padding: 4px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 55%
}

.propInfoWindow .propInfoImageContainer .propInfoPriceBox:hover {
    text-decoration: none;
    color: #333;
    background: #50c8f4
}

.propInfoWindow .propInfoImageContainer .propInfoPriceBox .propInfoRemaining {
    font-family: markBook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: block
}

.propInfoWindow .propInfoImageContainer .propInfoPriceBox .propInfoPrice {
    font-family: markBold, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    margin-top: 5px
}

.propInfoWindow .propInfoImageContainer .propInfoBedCount {
    position: absolute;
    bottom: 0;
    background: repeat-x;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .3) 0, rgba(0, 0, 0, .7) 100%);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .3) 0, rgba(0, 0, 0, .7) 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0, rgba(0, 0, 0, .7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d000000', endColorstr='#b3000000', GradientType=0);
    color: #fff;
    display: block;
    width: 100%;
    padding: 10px
}

.propInfoWindow .propInfoAddress {
    font-family: markBook, "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-top: 5px
}
/*---end*/
.gmaphover{position: relative;}
.goole-map-address{display:none;   
    position: absolute;
    width: 190px;
    height: 190px;
    padding: 15px;
    background-color: #fff;
    border: 1px solid #f4f4f4;
    bottom: 22px;
    right: -87px;
    -webkit-box-shadow: -4px 10px 146px -41px rgba(0,0,0,0.27);
    -moz-box-shadow: -4px 10px 146px -41px rgba(0,0,0,0.27);
    box-shadow: -4px 10px 146px -41px rgba(0,0,0,0.27);}
.goole-map-address .arrow{    position: absolute;
    display: block;    left: calc((.5rem + 1px) * -1);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0;bottom: 0;
}
.goole-map-address .arrow:before,.goole-map-address .arrow:after{    position: absolute;
    display: block;   
    content: "";
    border-color: transparent;
    border-style: solid;}
.goole-map-address .arrow:before{    left: 0;
    border-right-color:#FFF;    border-width: .5rem .5rem .5rem 0;}
.gmaphover:hover .goole-map-address{display:block;}
.search-table thead th:nth-child(1){ text-decoration: none; }
.search-table, .search-table thead th {
    text-align:center;
    border-top: none;
    border:0;
}
img.property-img{width: 100%;}

.accordion .name-n-date, .accordion .ratings{    display: block;
    float: left;
    padding: 0px 15px;}
.rateaccordion img.chat-icon{float:left;}
.rateaccordion .card-header {
    padding: 5px 5px;    background-color: #eeeeee;
}
.ratings ul{    display: table;
    list-style-type: none; padding-left:0px;}
.ratings ul li{        width: 17px;
    float: left;
    display: block;
    padding-right: 0px;
}
.rateaccordion .card-body {
    padding: 1.0rem 1.5rem;
    background-color: #f5f5f5;
}
.rateaccordion .card-body  p{    font-size: 1.0rem; margin-bottom:0px;}
.rateaccordion .card-body  h3{    font-size: 1.15rem;}

.card {
    border: 0px solid rgba(0, 0, 0, 0.125);
}
.accordion .name-n-date .name{display:block; color:#262626; font-family:MarkPro Medium; font-size:1.2rem}
.accordion .name-n-date .date{display:block; color:#6a6a6a; font-family:MarkPro Medium; font-size:1.0rem}
.accordion .ratings img{width: 17px; padding-top:14px;}
.card-header {
    padding: 0.0rem 0.0rem;}
.tab-up-sort{ 
    margin-bottom: 30px;
    }
.card-header {
    border-bottom: 0px solid rgba(0, 0, 0, 0.125);
}
.tab-up-sort div.differ  {padding: 0px;
    padding-bottom: 0;
    padding-top: 8px;}
p.textheadadd{     font-family: 'MacProPro Regular';
    text-align: right;
    font-size: 1.1rem;
    padding: 15px 0px;
    margin-bottom: 0;}
.tab-search-ul{    padding-left: 0;
    width: 100%;
    display: table;
    margin-bottom: 0px;}
.tab-search-ul li{width:33.33%; float:left; list-style-type:none; text-align:center; padding:15px 0px;}
.tab-search{ 
    font-family: 'MarkPro';
    font-size: 1rem;
    color: #000;
    text-transform: uppercase;display:inline-block;}
.tab-search-ul li a{  font-size: 1.0rem;}
.tab-search-ul li a.active{    font-family: 'MarkPro Medium';
    color: #00aeef;
    text-transform: uppercase;
    text-decoration: underline;
    text-underline-position: under;}
.tooltip-inner {
    background-color: #fff !important;
    color: #262729;font-family:'MacProPro Regular'; font-size:16px;padding: 25px 10px;
    -webkit-box-shadow: 13px 10px 131px -14px rgba(0,0,0,0.81);
    -moz-box-shadow: 13px 10px 131px -14px rgba(0,0,0,0.81);
    box-shadow: 13px 10px 131px -14px rgba(0,0,0,0.81);
    border-radius:0;
}
.tooltip.top .tooltip-arrow {
    border-top-color: #fff !important;
}
.tooltip.right .tooltip-arrow {
    border-right-color: #fff !important;
}
.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #fff !important;
}
.tooltip.left .tooltip-arrow {
    border-left-color: #fff !important;
}
.tooltip.top .tooltip-arrow {
    border-top-color: #fff !important;
}
.banner3 {
    margin-bottom: 0px !important;
}
.mtb-50{margin-top:50px; margin-bottom:50px;}
.print h2{    font-family: 'MarkPro Bold';
    margin-bottom: 14px;
    color: #262729;
    font-size: 1.4rem;
    font-weight: 900;
    margin-bottom: 10px;}
.print h3 {
    font-family: 'MarkPro Bold';
    font-size: 1.3rem;
    color: #262729;
    line-height: 1.5;    margin-bottom: 5px;
}
.print h3.price-print{
    font-family: 'MarkPro Bold';
    margin-bottom: 5px;
    color: #262729;
    font-size: 1.5rem;
    margin-top: 15px;
}
.print p{font-family: 'MarkPro';
    font-size: .95rem;
    line-height: 1.5;
    color:#262729;     margin-bottom: 5px;}
.print b {
    margin-top: 0px;
    display: inline-block;
    font-family:'MarkPro Medium';
}
.print p.text-small{
    font-family: 'Roboto Regular';
    font-size: 1rem;
    line-height: 1.3;
    font-weight: 400;margin-bottom: 30px;
}
.print p.address-print{    font-family: 'MarkPro';
    font-size: 1.0rem;
    line-height: 1.5;
    width: 35%;color:#262729}
.print p.address-print a{
    color: #262729;
    text-decoration: underline;
    text-underline-position: under;
    margin-bottom: 5px;
    display: inline-block;
}
.print h3.address-print-number{          font-family: 'MarkPro Bold';
    font-size: 1.145rem;
    margin-bottom: 10px;
    color: #262729;}
.print ul.print-aminities{ width:100%; padding:0; display:table; margin-bottom:5px;}
.print .abt p{    width: 71%;}
.print .require-fee b{font-family: 'MarkPro Heavy';}
.print ul.print-aminities-list{ width: 100%;
    padding: 0px;
    display: table;
    margin-bottom: 35px;
    padding-left: 15px;}
.print ul.print-aminities-list li{width:50%; float: left;}
.print ul.print-aminities-list li p{
    margin-bottom: 5px;
}
@media (max-width: 767px) {
.print ul.print-aminities li{   
     width: auto;
    padding: 0px 10px;
    float: left;
    list-style-type: none;
    padding-left: 0; 
    }
}

@media (min-width: 768px) {
.print ul.print-aminities li{   
     width: auto;
    padding: 10px 10px;
    float: left;
    list-style-type: none;
    padding-left: 0; 
    }
}

.print ul.print-aminities li img{margin-right:10px;    float: left;width: 25px;}
.print ul.print-aminities li h3{font-family: 'MarkPro Bold';
    font-size: 1.0rem;
    margin-bottom: 10px;
    color: #262729;
    float: left;
    line-height: 1.5;}
.print ul.print-aminities li h3 span{font-family: 'MarkPro';}
.print .table-sm-price-page{
    margin-bottom:35px;
}
.table-sm-price-page th {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 0px solid #dee2e6;
}
.table-sm-price-page td {
    font-family: 'MarkPro';
    font-size: .95rem;
    line-height: 1.5;
    color: #262729;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    border-top: 0px solid #dee2e6;
    margin-bottom: 10px;
}
.table-sm-price-page td:last-child, .table-sm-price-page th:last-child
{text-align:right; padding-right:2rem;}
.table-sm-price-page th:first-child
{text-align:left; padding-left:0rem;}
.table-sm-price-page td:first-child
{text-align:left; padding-left:2rem;}
.table-striped thead th {
    border-bottom: 0px solid #dee2e6;
}
.table-striped thead th h3{
    margin-bottom:0px;
}
.table-striped tbody tr:nth-of-type(even) {
    background-color: rgba(0, 0, 0, 0.05);
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.00);
}
.modal {
    background-color: rgba(0, 0, 0, 0.84);
}
.modalcolor{
    background-color:transparent !important;
}
.ytp-large-play-button svg .ytp-large-play-button-bg {
    -moz-transition: fill .1s cubic-bezier(0.4,0.0,1,1),fill-opacity .1s cubic-bezier(0.4,0.0,1,1);
    -webkit-transition: fill .1s cubic-bezier(0.4,0.0,1,1),fill-opacity .1s cubic-bezier(0.4,0.0,1,1);
    transition: fill .1s cubic-bezier(0.4,0.0,1,1),fill-opacity .1s cubic-bezier(0.4,0.0,1,1);
    fill: #e62117 !important;
    fill-opacity: .8;
}
button.closed {
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    padding: 17px 39px;
    padding-top: 6px;
    right: 15px;	
    position: absolute;
    top: 6px;	
    font-size: 3rem;	
}

button.close {
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    right: 15px;	
    position: absolute;
    top: 5px;	
    font-size: 3rem;	
}

.inner-page h2.comp-head{margin-bottom:1.5rem !important;}


.blue-h-sm {
    font-family: MarkPro Bold;
    color: #00aeef;
    font-size: 1.3rem;
}

h3.sm-blk{font-size: 1.2rem;font-family: MarkPro Bold;}

.selected-p{
    background:none !important;
    height: -moz-calc(100% - 36px);/* WebKit */
    
    height: -webkit-calc(100% - 36px); /* Opera */
    
    height: -o-calc(100% - 36px); /* Standard */
    
    height: calc(100% - 36px);
    z-index: 9;
    border-radius: 0 !important;
    
}

.selected-p {
    display:none;
}
.unit-add-to-compare:hover > .selected-p, .unit-add-to-compare:focus> .selected-p{
    background-color: rgba(0, 174, 239, 0.28) !important; 
    
}

.card-back2 .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px,0,0);
}

.comp .card-overlay{ background:none !important;}
.comp .selected-p {
    border-radius: 15px !important;
}

.comp .showselect> .selected-p { display:block;
}

.comp .floordiv{    min-height: 241px; margin-bottom: 25px;}
.comp .floordiv img{       position: absolute;
    bottom: 0;}

.selected-p img.tick-right{        
    position: absolute;
    right: -5px;
    bottom: 0px;}
table.floor-dimen-table tbody tr td:nth-child(n+2){ text-align:center;}
table.floor-dimen-table thead tr th p{margin-bottom:0px;}
table.floor-dimen-table thead tr th:nth-child(n+2){color:transparent;}
table.floor-dimen-table thead th {
    vertical-align: bottom;
    border-bottom: 0px solid #dee2e6;
    border-top: 0;
}

.floor-dimen-table td {
    font-size: .95rem;
    font-family: Markpro Light;
}
.floor-dimen-table p.coltrans{color:transparent;}
.floor-dimen-table p.price {
    font-size: 2rem;
    margin-bottom: 10px;
    font-family: Markpro Bold;
    margin-top: 15px;
}
.floor-dimen-table p.des{ font-size: 1rem; font-family:MarkPro;}
.bttable {
    display: block !important;
    max-width: 210px;
    margin: auto;
    position: relative;    padding: 1.15rem !important; margin-bottom:20px;
}
/*Media Quieries*/
@media (min-width: 319px){
    .modal-dialog {
        max-width: 80%;
        margin: 5rem auto;
    }
}
.fa,
.fas,
.far,
.fal,
.fab {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1; 
}
.fa-caret-down:before {
    content: "\f0d7"; 
}
  
.fa-caret-left:before {
    content: "\f0d9"; 
}
  
.fa-caret-right:before {
    content: "\f0da"; 
}
.fa,
.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900; 
}
.owl-stage-outer{  background: white;}
.item {
    z-index: 1;
}
.owl-theme .owl-nav {
    margin-top: 0px !important;
}
.owl-dots {
    display: none;
}
.owl-stage-outer {
    background: white;
}
.table th, .table td {
    vertical-align: top;
    padding: 10px;
}
@media(min-width: 1232px) {
    iframe {
        width: 94%;
        height: 365px;
    }
}

@media(min-width: 1200px) and (max-width: 1232px) {
    iframe {
        width: 98%;
        height: 369px;
    }
}

@media(min-width: 991px) and (max-width: 1200px) {
    iframe {
        width: 100%;
        height: 303px;
    }
}

@media(min-width: 768px) and (max-width: 812px) {
    iframe {
        width: 123%;
        height: 276px;
    }
}

@media(min-width: 950px) and (max-width: 990px) {
    iframe {
        width: 100%;
        height: 288px;
    }
}

@media(min-width: 813px) and (max-width: 949px) {
    iframe {
        width: 100%;
        height: 274px;
    }
}

@media(min-width: 411px) and (max-width: 432px) {
    iframe {
        width: 100%;
        height: 211px;
    }
}