html,
body {
    width: 100%;
    height: 100%;
}

body {
    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
    overflow-x:hidden;
    background-color: #f7f7f7;
}

.bodyContent {
    margin: auto;
    padding: 25px;
}

#established {
  position: absolute;
  top: 160px;
  left: 140px;
  text-shadow: 2px 2px rgba(0,0,0,0.6);
  font-weight: bold;
}
#contact {
    display: none;
}
.text-vertical-center {
    display: table-cell;
    vertical-align: middle;
    padding: 15%;
}
.body a:visited, .body a:link {
    text-decoration: none;
}

.highlight {
    color: #000000;
}

.smatherscontact {
    font-size: 18px;
    margin-left: 36px;
}
.smatherscontact ul{
    text-align: center;
}


#menu-toggle {
    color: white;
}
#sidebar-wrapper a :link, #sidebar-wrapper a:visited, #sidebar-wrapper a:link {
    color:white;
}

#menu-close i {
    color: black;
}
    .text-vertical-center h1 {
        margin: 0;
        padding: 0;
        font-size: 4.5em;
        font-weight: 700;
        color: white;

    }
    #main_logo_image {
        position:absolute;
        left:20px;
    }
    .listing_links_index:link {
        color:white;
        text-decoration: none;
    }
    .listing_links_index:hover {
        color:#fff;
    }

    #format_tab_topbk, #format_tab_bottombk, .result_return_records, #result_return_records, #result_sortby1, #result_sortby2 {
        text-align: center;
    }
    .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
        background-color: #081e3f;
        border-color: #081e3f;
    }

/* Custom Button Styles */

   #quick_search_close {
            position:fixed;
            top:0px;
            left:0px;
            z-index:9999;
            border:1px solid white;
             padding:7px 15px;
             font-weight:bold;
             display:none;
        }
   #quick_search_close:hover {
       background-color:#666666;
       color:white;
   }
.btn-dark {
    border-radius: 0;
    color: #fff;
    background-color: rgba(0,0,0,0.4);
}

    .btn-dark:hover,
    .btn-dark:focus,
    .btn-dark:active {
        color: #fff;
        background-color: rgba(0,0,0,0.7);
    }

.btn-light {
    border-radius: 0;
    color: #333;
    background-color: rgb(255,255,255);
}

    .btn-light:hover,
    .btn-light:focus,
    .btn-light:active {
        color: #333;
        background-color: rgba(255,255,255,0.8);
    }

/* Custom Horizontal Rule */

hr.small {
    max-width: 100px;
}

/* Side Menu */

#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    right: 0;
    width: 250px;
    height: 100%;
    margin-right: -250px;
    overflow-y: auto;
    background: #222;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 250px;
    margin: 0;
    margin-top: 40px;
    padding: 0;
    list-style: none;
}

    .sidebar-nav li {
        text-indent: 20px;
        line-height: 40px;
    }

        .sidebar-nav li a {
            display: block;
            text-decoration: none;
            color: #999;
        }

            .sidebar-nav li a:hover {
                text-decoration: none;
                color: #fff;
                background: rgba(255,255,255,0.2);
            }

            .sidebar-nav li a:active,
            .sidebar-nav li a:focus {
                text-decoration: none;
            }

    .sidebar-nav > .sidebar-brand {
        height: 55px;
        font-size: 18px;
        line-height: 55px;
    }

        .sidebar-nav > .sidebar-brand a {
            color: #999;
        }

            .sidebar-nav > .sidebar-brand a:hover {
                color: #fff;
                background: none;
            }

#menu-toggle {
    z-index: 1;
    position: fixed;
    top: 0;
    right: 0;
}

#sidebar-wrapper.active {
    right: 250px;
    width: 250px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.toggle {
    margin: 5px 5px 0 0;
}

.white-text {
    color: white;
}
/* Header */

.header {
    display: table;
    position: relative;
    width: 100%;
    height: 70%;
    background: url(../img/house1.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    color: white;
}

/* About */

.about {
    padding: 50px 0;
}

/* Services */

#listingMainPage {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b4ddb4+0,83c783+17,52b152+33,008a00+67,005700+83,002400+100;Green+3D+%231 */
    background: #081e3f; /* Old browsers */
    /*background: -moz-linear-gradient(top, #b4ddb4 0%, #83c783 17%, #52b152 33%, #008a00 67%, #005700 83%, #002400 100%); /* FF3.6-15 */
    /*background: -webkit-linear-gradient(top, #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%); /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(to bottom, #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%); W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#002400',GradientType=0 ); /* IE6-9 */
    -webkit-box-shadow: inset 0px 0px 13px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px 0px 13px 0px rgba(0,0,0,0.75);
    box-shadow: inset 0px 0px 13px 0px rgba(0,0,0,0.75);
    padding-top:30px;
    overflow: auto;

}

.listings {

}

.listing-item {
    margin-bottom: 30px;
    color: white;
}

.brown-text {
    color: #081e3f;
}

.fa-stack {
    color: #fff;
}

.sort-by.input-group .input-group-addon {
    background-color: #081e3f;
}

/* Portfolio */

.agents {
    padding: 50px 0;
}

.agents-item {
    margin-bottom: 30px;
}

.img-agents {
    margin: 0 auto;
    border: 1px solid #963D0F;
}

    .img-agents:hover {
        opacity: 0.8;
    }

/* Call to Action */

.call-to-action {
    padding: 50px 0;
}

    .call-to-action .btn {
        margin: 10px;
    }

/* Map */

.map {
    height: 500px;
}


@media(max-width:768px) {
    .map

{
    height: 75%;
}

}

/* Footer */

footer {
    padding: 100px 0;
}

/*  agents page*/

#ourAgentsHeader {
    display: table;
    position: relative;
    width: 100%;
    height: 35%;
    background: url(../img/headerbg.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    color: white;
    color: white;
    padding: 1% 0;
    -webkit-box-shadow: inset 0px -5px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px -5px 5px 0px rgba(0,0,0,0.75);
    box-shadow: inset 0px -5px 5px 0px rgba(0,0,0,0.75);
}

#mainAgentArticle {
    height: 1100px;
}

iframe {
    border: none;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
#index_page_iframe_home {

}




/*   residential page  */
#residentialListingsHeader {
    display: table;
    position: relative;
    width: 100%;
    height: 35%;
    background: url(../img/headerbg2.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    color: white;
    color: white;
    padding: 1% 0;
        -webkit-box-shadow: inset 0px -5px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px -5px 5px 0px rgba(0,0,0,0.75);
    box-shadow: inset 0px -5px 5px 0px rgba(0,0,0,0.75);
}

#mainResidentialArticle {
    height: 1300px;
}

#residentialListingFluff {
    height: 300px;
    margin-top:-20px;
    background-image: url("../img/logHome3.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: bottom;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
    margin-bottom: 20px;
}
#residentialListingFluff h1 {
    color:white;
    font-weight:bold;
    padding-top:30px;
    font-size:60px;
}


/*  all listings  */
#allListingsHeader {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f0b7a1+0,752201+0,752201+1,8c3310+50,bf6e4e+100 */
    background: #f0b7a1; /* Old browsers */
    background: -moz-linear-gradient(top, #f0b7a1 0%, #752201 0%, #752201 1%, #8c3310 50%, #bf6e4e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0b7a1), color-stop(0%,#752201), color-stop(1%,#752201), color-stop(50%,#8c3310), color-stop(100%,#bf6e4e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f0b7a1 0%,#752201 0%,#752201 1%,#8c3310 50%,#bf6e4e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f0b7a1 0%,#752201 0%,#752201 1%,#8c3310 50%,#bf6e4e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f0b7a1 0%,#752201 0%,#752201 1%,#8c3310 50%,#bf6e4e 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f0b7a1 0%,#752201 0%,#752201 1%,#8c3310 50%,#bf6e4e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0b7a1', endColorstr='#bf6e4e',GradientType=0 ); /* IE6-9 */
    color: white;
    padding: 3% 0;
    -webkit-box-shadow: inset 0px -5px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px -5px 5px 0px rgba(0,0,0,0.75);
    box-shadow: inset 0px -5px 5px 0px rgba(0,0,0,0.75);
}

#allListingsMainArticle {
    height: 1300px;
}

/*  Land Listings*/
#landListingFluff {
    height: 300px;
    margin-top:-20px;
    background-image: url("../img/shutterstock_1691994.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: bottom;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
    margin-bottom: 20px;
}
#landListingFluff h1 {
    color:white;
    font-weight:bold;
    padding-top:30px;
    font-size:60px;
}
#landListingHeader {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f0b7a1+0,752201+0,752201+1,8c3310+50,bf6e4e+100 */
    background: #f0b7a1; /* Old browsers */
    background: -moz-linear-gradient(top, #f0b7a1 0%, #752201 0%, #752201 1%, #8c3310 50%, #bf6e4e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0b7a1), color-stop(0%,#752201), color-stop(1%,#752201), color-stop(50%,#8c3310), color-stop(100%,#bf6e4e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f0b7a1 0%,#752201 0%,#752201 1%,#8c3310 50%,#bf6e4e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f0b7a1 0%,#752201 0%,#752201 1%,#8c3310 50%,#bf6e4e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f0b7a1 0%,#752201 0%,#752201 1%,#8c3310 50%,#bf6e4e 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f0b7a1 0%,#752201 0%,#752201 1%,#8c3310 50%,#bf6e4e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0b7a1', endColorstr='#bf6e4e',GradientType=0 ); /* IE6-9 */
    color: white;
    padding: 3% 0;
    -webkit-box-shadow: inset 0px -5px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px -5px 5px 0px rgba(0,0,0,0.75);
    box-shadow: inset 0px -5px 5px 0px rgba(0,0,0,0.75);
}

#mainLandListingArticle {
    height: 1300px;
}

/*Accont Login Page*/
#accountLoginHeader {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f0b7a1+0,752201+0,752201+1,8c3310+50,bf6e4e+100 */
    background: #f0b7a1; /* Old browsers */
    background: -moz-linear-gradient(top, #f0b7a1 0%, #752201 0%, #752201 1%, #8c3310 50%, #bf6e4e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0b7a1), color-stop(0%,#752201), color-stop(1%,#752201), color-stop(50%,#8c3310), color-stop(100%,#bf6e4e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f0b7a1 0%,#752201 0%,#752201 1%,#8c3310 50%,#bf6e4e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f0b7a1 0%,#752201 0%,#752201 1%,#8c3310 50%,#bf6e4e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f0b7a1 0%,#752201 0%,#752201 1%,#8c3310 50%,#bf6e4e 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f0b7a1 0%,#752201 0%,#752201 1%,#8c3310 50%,#bf6e4e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0b7a1', endColorstr='#bf6e4e',GradientType=0 ); /* IE6-9 */
    color: white;
    padding: 3% 0;
    -webkit-box-shadow: inset 0px -5px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px -5px 5px 0px rgba(0,0,0,0.75);
    box-shadow: inset 0px -5px 5px 0px rgba(0,0,0,0.75);
}

#mainAccountLoginArticle {
    height: 640px;
}

/* commercial listings page */
#commercialListingsHeader {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f0b7a1+0,752201+0,752201+1,8c3310+50,bf6e4e+100 */
    background: #f0b7a1; /* Old browsers */
    background: -moz-linear-gradient(top, #f0b7a1 0%, #752201 0%, #752201 1%, #8c3310 50%, #bf6e4e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0b7a1), color-stop(0%,#752201), color-stop(1%,#752201), color-stop(50%,#8c3310), color-stop(100%,#bf6e4e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f0b7a1 0%,#752201 0%,#752201 1%,#8c3310 50%,#bf6e4e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f0b7a1 0%,#752201 0%,#752201 1%,#8c3310 50%,#bf6e4e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f0b7a1 0%,#752201 0%,#752201 1%,#8c3310 50%,#bf6e4e 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f0b7a1 0%,#752201 0%,#752201 1%,#8c3310 50%,#bf6e4e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0b7a1', endColorstr='#bf6e4e',GradientType=0 ); /* IE6-9 */
    color: white;
    padding: 3% 0;
    -webkit-box-shadow: inset 0px -5px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px -5px 5px 0px rgba(0,0,0,0.75);
    box-shadow: inset 0px -5px 5px 0px rgba(0,0,0,0.75);
}

#mainCommercialListinsArticle {
    height: 1300px;
}

#commercialListingsFluff {
    height: 400px;
    background-image: url("../img/shutterstock_2615959.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: bottom;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
    margin-bottom: 20px;
}
/*Footer*/
footer a {
    color: #058123;
}

    footer a:hover, footer a:focus {
        color: #69a277;
    }

/* The I frame*/

#mainCustSearchBackground {
    position:absolute;
    background-color: rgba(0,0,0,0.8);
    bottom:0;
    right:0;
    width:100%;
    padding:25px 0 0 0;
    text-align:center;
}
.menuContainer {
    display:none !important;
}
#topNav {
    display:none !important;
            }
@media (max-width: 1024px) and (min-width: 741px) {
    .menuContainer {
        display: none !important;
    }
}
@media (max-width: 480px) {
    #main_logo_image {
        width:90%;
    }
    .bodyContent {
        margin: auto;
        padding: 0;
    }
}



/*  --------------------------- loading screen -------------------------*/
   #loading_screen {
    top:0;
    position:fixed;
    width:100%;
    height:100%;
    background-color:white;
    opacity:0.80;

}
#loading_screen img {
    display:block;
    margin:25% auto;
}