@import url('https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,700');
/****************HTML OVERRIDES AND DEFAULTS**********************/
body {
    margin: 0;
    font-size: 16px;
    font-weight: 300;
    font-family: 'Work Sans', sans-serif;
    overflow-x: hidden;
}
h1,h2,h3,h4{
    margin: 0px;
    margin-bottom: 8px;
    color: #000;
    font-weight: lighter;
    text-transform: uppercase;
}
h1{ font-size: 26px; }
h2{ font-size: 20px; }
h3{ font-size: 18px; }
h4{ font-size: 16px; }

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

.fieldInput{ border: 1px solid #777; border-radius: 0px; background: #fff; }
.required{ border-left: 2px solid #f00; }
.fieldFocus{ border: 1px solid #555; box-shadow: 0px 0px 5px rgba(0,0,0,0.35); }
.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 { margin-top: 42px; }
header{ 
    position: relative; 
    z-index: 2; 
    background: #fff; 
    border-bottom: 2px solid #555;
}
#headerWrapper{ } 
#mobileMenu{ 
    position: fixed; top: 0px; left: 0px; right: 0px;
    z-index: 2; 
    padding: 5px 10px; 
    color: #787878; 
    font-size: 26px; 
    background: rgba(255,255,255,1);
    text-align: center;
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
}
#mobileMenu a{ text-decoration: none; color: #787878; }
#mobileMenu .contact{ float: left; }
#mobileMenu .menu{ float: right; }

nav{
    position: fixed; top: 0px; bottom: 0px; right: -300px; 
    z-index: 3; 
    transition-duration: 0.5s;
    width: auto;
    min-width: 220px;
    max-width: 290px;
    overflow: auto;
    overflow-x: hidden;
    background: rgba(50,50,50,0.9);
}
.activeMenu nav{ right: 0px; }

nav ul,nav li{ list-style: none; display: block; margin: 0px; padding: 0px; }
#menu{ }
#menu a{ 
    color: #fff; 
    display: block; 
    padding: 6px 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; }

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

footer{ color: #777; text-align: center; margin-top: 20px; background: #eee; }
footer #footer{ padding: 10px; }
footer #copyright{ padding: 10px; 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;
}

/******HEADER**********/
.myHead .social span.fa{ background: #555; transition-duration: 0.4s; }
.myHead .social span.fa:hover{ background: #888; }

/******ABOUT PAGE**********/
.credentials{ background: #777; }
 
/************MEDIA QUUERY SMALL TO BIG*******************/
@media (min-width: 480px) {
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
    #outer { margin-top: 0px; }
    header{ position: relative; top: auto; left: auto; bottom: auto; right: auto; border: 0px; margin-bottom: 1px; }
    #headerWrapper{ padding-right: 0px; } 
    #mobileMenu{ display: none; }
    nav{ 
        display: block; 
        position: relative; top: auto; left: auto; right: auto; bottom: auto; 
        width: auto; 
        height: auto;  
        max-width: none;
        overflow: visible;
        margin-top: 1px;
    }
    #navigation{
        background: rgba(255,255,255,1);
        transition-duration: 0.5s;
    }
    .stickyNav #wrapper{ padding-top: 56px; }
    .stickyNav #navigation{ 
        position: fixed; top: 0px; left: 0px; right: 0px; 
        z-index: 5;  
        box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    }

    #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: 12px 10px; 
        background: transparent;
        text-transform: uppercase;
        font-weight: 300;
    }
    #menu > ul > li > a:after,#menu #accountWrapper a:after{ content: ''; border-left: 1px solid #dcdcdc; margin-left: 20px; }
    #menu > ul > li:last-of-type > a:after,#menu #accountWrapper a:last-of-type:after{ border: 0px; }
    #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: 50%; 
        background: transparent; 
        padding: 0px; 
        border-top: 2px solid #555;
        transform: translate(-50%,0%);
        margin-left: -10px;
        box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.4);
    }
    #menu > ul > li > a > span{ padding: 3px; border-bottom: 1px solid #fff; transition-duration: 0.5s; }
    #menu > ul > li:hover > a > span{ border-bottom: 1px solid #555; padding: 3px; }
    #menu > ul > li:hover > ul{ display: block; }
    #menu > ul > li > ul > li{ background: rgba(255,255,255,1); margin-top: 1px; }
    #menu > ul > li > ul > li:hover{ background: #777; }
    #menu > ul > li > ul a{ background: transparent; color: #333; padding: 8px 10px; white-space: nowrap; text-align: center; font-weight: 300; }
    #menu > ul > li > ul a:hover{ background: transparent; color: #fff; }

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

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

    h1{ font-size: 34px; }
    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) {
}