@import url('https://fonts.googleapis.com/css?family=Libre+Franklin:300,400,400i,600,700');
/****************HTML OVERRIDES AND DEFAULTS**********************/
body {
    margin: 0;
    font-size: 14px;
    font-family: 'Libre Franklin', sans-serif;
    overflow-x: hidden;
}
h1,h2,h3,h4{
    margin: 0px;
    margin-bottom: 8px;
    color: #000;
    font-weight: lighter;
}
h1{ font-size: 24px; }
h2{ font-size: 20px; }
h3{ font-size: 18px; }
h4{ font-size: 14px; }

a{ color: #555; }
a:hover{ color: #777; }

.fieldInput{ border-radius: 2px; }
.button{
    padding: 6px 10px;
    margin: 4px 0px;
    border: 1px solid #aaa;
    border-radius: 2px;
    background: #eee;
    background: linear-gradient(to bottom, #eeeeee 0%,#dddddd 100%);
    color: #444;
    text-decoration: none;
}
.button:hover{
    border: 1px solid #999;
    color: #222;
    background: linear-gradient(to bottom, #eeeeee 0%,#bbbbbb 100%);
}
.button:disabled{ background: #ccc; cursor: default; color: #777; }
input.default{ border: 1px solid #777; }

.searchPropTypes{ max-width: none; }
.end{ clear: both; height: 0px; overflow: hidden; font-size: 0px; color: transparent; }

/*******************TEMPLATE LAYOUT****************************/
#outer { }
header{ 
    position: fixed; top: 0px; left: 0px; right: 0px; 
    z-index: 2; 
    background: #fff; 
    border-bottom: 1px solid #dcdcdc; 
}
#headerWrapper{ padding-left: 30px; } 
#mobileMenu{ 
    position: absolute; top: 0px; left: 0px;
    padding: 15px 8px; 
    cursor: pointer; 
    color: #787878; 
    font-size: 24px; 
}
nav{
    display: none;
    position: absolute; top: 100%; left: -250px; 
    transition-duration: 0.5s;
    width: 200px;
    overflow: auto;
    overflow-x: hidden;
}
.activeMenu nav{ display: block; left: 0px; }

nav ul,nav li{ list-style: none; display: block; margin: 0px; padding: 0px; }
#menu{ background: rgba(0,0,0,0.75); margin: 5px 0px 0px 5px; }
#menu a{ 
    color: #fff; 
    display: block; 
    padding: 5px 8px; 
    text-decoration: none; 
}
#menu > ul > li,#menu #accountWrapper a{
    border-bottom: 1px solid #222; 
    border-top: 1px solid #656565; 
}
#menu > ul > li:hover,#menu #accountWrapper a:hover{ background: #333; }
#menu > ul > li > ul a{ padding-left: 15px; }
#menu > ul > li > ul a:hover{ background: #000; }
#menu #accountWrapper .spacer,#menu #accountWrapper .separator{ display: none; }
#menu #accountWrapper .logout{ display: none; }

#wrapper{ position: relative; z-index: 1; }

#title{ background: #F8F8F8; }
#title .inner{ padding: 15px 10px; }
#title .title { font-size: 16px; }

#contentWrapper{ position: relative; z-index: 1; }
#content{ padding: 20px 10px 30px 10px; min-height: 500px; } 

footer{ background: #F8F8F8; color: #888; }
footer #footer{ padding: 20px 0px; }
footer .column{ padding: 10px; }
footer .column a{ display: block; padding: 5px 0px; text-decoration: none; color: #888; }
footer h4{ margin-bottom: 15px; }
footer .company div{ margin-bottom: 10px; }
footer .company img{ width: 200px; max-width: 95%; }
footer .contact div{ margin-bottom: 15px; }
footer #copyright{ padding: 20px 10px; background: #fff; text-align: center; }


/***********************GADGETS*********************************/
.sideSearch .head,.detailRight .head{ background: #eee; font-weight: 300; font-size: 120%; color: #555; text-align: center; border: 1px solid #ccc; padding: 3px; }
.sideSearch .refine{ background: #fff; border: 1px solid #ccc; border-top: 0px; padding: 5px; }
.sideSearch .refine .refineFieldTitle{ font-weight: 300; border: 0px; padding: 0px; background: transparent!important; }
.sideSearch .refine .refineFieldBody{ display: block!important; border: 0px; }
.sideSearch .refine .LD_Address_Zip{ display: none; }
.sideSearch .refine .LD_Location_County{ display: none; }
.sideSearch .refine .LD_Address_Street{ display: none; }
.sideSearch .refine .LD_Address_City{ display: none; }
.sideSearch .body,.detailRight .body{ border: 1px solid #ccc; border-top: 0px; padding: 5px; }

.featuredGalleryBlock .photo img, 
.searchResultsGalleryWrapper .photo img{
    top: 50%; left: 50%; 
    transform: translate(-50%,-50%); 
    width: 100%; 
    height: 100%; 
    object-fit: cover;
}

/******HOME PAGE**********/
.defaultPageOuter .myFeatured{ background: radial-gradient(ellipse at center, #fff 0%,#ddd 100%); }
.defaultPageOuter .intro .highlight .icon{ color: #999; border: 1px solid #999; }
.defaultPageOuter .intro .highlight:hover{ background: #efefef; }
.defaultPageOuter .intro .highlight:hover .icon{ color: #777; }
.defaultPageOuter .slide1 .myQuickSearch .go { background: #999; }
.defaultPageOuter .slide1 .myQuickSearch .go:hover { background: #777; }
/******ABOUT PAGE**********/
.credentials{ background: #777; }
 
/************MEDIA QUUERY SMALL TO BIG*******************/
@media (min-width: 480px) {
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
    header{ position: relative; top: auto; left: auto; bottom: auto; right: auto; }
    #headerWrapper{ padding-left: 0px; } 
    #mobileMenu{ display: none; }
    nav{ 
        display: block; 
        position: relative; top: auto; left: auto; right: auto; bottom: auto; 
        width: auto; 
        height: auto;  
        overflow: visible;
    }
    #navigation{
        border-top: 1px solid #dcdcdc;
        background: rgba(255,255,255,1);
    }
    .stickyNav #wrapper{ padding-top: 56px; }
    .stickyNav #navigation{ position: fixed; top: 0px; left: 0px; right: 0px; z-index: 5; border-bottom: 1px solid #dcdcdc; }

    #menu{ 
        display: block; 
        position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; 
        background: transparent; 
        margin-top: 0px;
        margin-left: 0px;
    }
    #menu > ul{ float: left; }
    #menu > ul > li{ display: inline-block; }
    #menu > ul > li > a,#menu #accountWrapper a{ 
        color: #000; 
        padding: 20px 15px; 
        background: transparent;
        text-transform: uppercase;
    }
    #menu > ul > li > a:hover,
    #menu #accountWrapper a:hover,
    #menu > ul > li.active > a{ color: #999; background: transparent; }
    #menu > ul > li{ border: 0px; position: relative; }
    #menu > ul > li:hover{ background: transparent; }
    #menu > ul > li > ul{ 
        display: none; 
        position: absolute; top: 100%; left: 0px; 
        background: rgba(0,0,0,0.75); 
        padding: 2px; 
    }
    #menu > ul > li:hover > ul{ display: block; }
    #menu > ul > li > ul a{ padding: 8px 10px; white-space: nowrap; }
    #menu > ul > li > ul a:hover{ background: #000; }

    #menu #accountWrapper{ float: right; }
    #menu #accountWrapper a{ display: inline-block; border: 0px; }

    #title .inner{ padding: 25px 20px; }
    #title .title{ float: left; font-size: 20px; }

    h1{ font-size: 36px; }
    h2{ font-size: 30px; }
    h3{ font-size: 24px; }
    h4{ font-size: 18px; }

    .listingDetailWrapper .shortDetail .subtype{ display: none; }
    .listingDetail .longDetail .infoRow .label{ font-weight: 300; font-size: 150%; color: #777; margin-bottom: 10px; }
    .listingDetailWrapper .listingDetail #listingMap{ height: 500px; }
}
@media (min-width: 1200px) {
}

/************MEDIA QUUERY BIG TO SMALL*******************/
@media (max-width: 1199px) {
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
}