/*
Theme Name: TurnKey
Description: Premium Real Estate and Car Dealer Theme
Version: 1.02
Theme URI: http://www.buchmanndesign.com/OpenhouseOpenRoadSwitcher/
Author: BuchmannDesign
Author URI: https://plus.google.com/u/0/108996651461491112445/posts
Keywords: Real Estate, Realestate, Car sales, auto sales, used car sales, car dealership, auto dealership, inventory search
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, theme-options, translation-ready
Text Domain: turnkey
*/

/*** TABLE OF CONTENTS ***/
/*
BASIC TYPOGRAPHY
HEADER AND LEFT SIDE PANEL
SEARCH RESULTS/ALL LISTINGS
LISTING DETAIL PAGE
SIDEBAR SECTION BLOCKS
LISTING BLOCKS
CALL TO ACTION CARDS
LISTING SLIDE DOWN
MDL LITE BUTTON OVERRIDES
LISTING MODAL WINDOW
CONTACT US PAGE
STAFF/AGENT BOXES
STAFF/AGENT PAGES
MASONRY TILING
BLOG CARDS
POSTS AND PAGES
MENU BAR DROPDOWNS
LISTING SHORTCODES
HOMEPAGE SECTIONS
HEADER
SEARCH FORM & LEFT SIDE PANEL
SOCIAL ICONS IN LEFT PANEL
POSTS & PAGES
LOAN CALCULATOR
LISTS
HOMEPAGE SLIDER
SEARCH RESULTS / TAXONOMY RESULTS
COMPARE THUMBNAILS & COMPARE PAGE
FOOTER
CALENDAR WIDGET
GENERAL WIDGET STYLING
COMMENTS
AJAX LOADING
LISTING BLOCKS DROPDOWN
MISCELLANEOUS
*/


/*** BASIC TYPOGRAPHY ***/
body {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    line-height: 24px;
    -webkit-font-smoothing: antialiased;
}
body,
input,
button {
    -webkit-font-smoothing: antialiased;
}
p {
    font-weight: 300;
    color: #000000;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 18px;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
#content p,
#content li {
    font-size: 16px;
    line-height: 24px;
}
#content a,
#content p a,
#content li a {
    border-bottom: 1px solid silver;
}
#content a:hover,
#content p a:hover,
#content li a:hover {
    border-bottom: 1px solid gray;
}
#content {
    margin-bottom: 40px;
}
h1 {
    font-size: 50px;
    margin: 24px 0px;
    line-height: 48px;
    letter-spacing: 0em;
}
h2 {
    font-size: 35px;
}
h3 {
    font-size: 30px;
}
a {
    color: #444444;
    font-weight: normal;
}
em {
    font-style: italic;
}
a:hover {
    text-decoration: none;
}


/*** HEADER AND LEFT SIDE PANEL ***/
.mdl-layout__drawer-button {
    top: 15px;
    left: 10px;
}
.mdl-layout__header .mdl-menu a:hover {
    text-decoration: none;
}
.mdl-layout__header-row {
    height: 80px;
}
.mdl-layout__drawer {
    border-right: none;
    border-bottom-right-radius: 0px;
    padding-top: 24px;
}
.mdl-layout__drawer .mCSB_outside + .mCSB_scrollTools {
    right: -11px;
}
.mdl-layout__drawer .mCSB_scrollTools .mCSB_draggerRail {
    width: 7px;
}
.mdl-layout__drawer #mCSB_1_scrollbar_vertical .mCSB_dragger_bar {
    width: 7px;
    height: 150px;
}
.mdl-layout__drawer .mdl-layout-title {
    padding-left: 0;
}
.mdl-layout-title img {
    position: absolute;
    bottom: 0px;
}
.mdl-layout__drawer .scrollcontainer {
    padding: 25px;
}
.mdl-layout .mdl-textfield .mdl-button {
    bottom: 15px;
}
.mdl-textfield__input {
    color: black;
}
.mdl-layout__drawer-button .material-icons {
    font-size: 45px;
}
.mdl-layout__drawer .mCSB_inside > .mCSB_container {
    margin-right: 0px;
}
div#mCSB_1_scrollbar_vertical {
    margin-top: -3px;
}


/*** SEARCH RESULTS/ALL LISTINGS ***/
.searchform button,
.orderingwrapper button {
    text-align: left;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-width: 0px 0px 1px 0px;
    background: transparent url(images/dropdown-down.png) no-repeat right 0px !important;
    color: #989898;
}
.searchform .btn:active,
.searchform .btn:focus,
.orderingwrapper .btn:focus,
.orderingwrapper .btn:focus {
    box-shadow: none !important;
}
.searchform .glyphicon {
    display: none !important;
}
.searchform .dropdown-menu,
.orderingwrapper .dropdown-menu {
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, .175);
}
.searchform .dropdown-menu > li > a,
.orderingwrapper .dropdown-menu > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
}
.orderingwrapper {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}
.orderingwrapper button {
    width: auto;
    padding-right: 35px;
    border-radius: 0;
}
#listings {
    clear: both;
}
.bottom .orderingwrapper {
    display: none;
}


/*** LISTING DETAIL PAGE ***/
.listingtitle {
    margin: 40px 0;
    line-height: 60px;
    border-right: 1px solid rgba(0, 0, 0, 0.15);
}
#price-print-share {
    overflow: auto;
}
#price-print-share h3.price {
    line-height: 60px;
    margin-bottom: 30px;
    float: left;
    color: rgba(0, 0, 0, 0.6);
}
#priceplaceholder #price-print-share {
    margin-top: 0px;
}
.detailpage-subheading {
    font-size: 20px;
    color: gray;
    text-transform: uppercase;
    letter-spacing: normal;
    line-height: 30px;
    display: block;
}
img.first-listing-image {
    margin-bottom: 6px;
    box-shadow: 0px -1px 1px #ffffff;
    position: relative;
    top: 0;
}
.fluidvids {
    margin-bottom: 30px;
}
.singlelisting .fluidvids {
    margin-top: 30px;
}
.cd-tabs {
    margin: 0px;
    width: 100%;
    margin-bottom: 20px;
    clear: both;
    margin-top: 25px;
}
#mapwrapper {
    position: relative;
    overflow: auto;
    height: 350px;
}
#mapshading {
    background: url(images/gradient-map.png) repeat-x;
    position: absolute;
    bottom: 0px;
    height: 100px;
    width: 100%;
}
#map {
    height: 350px;
}
#map.listingmap {
    margin-left: 15px;
    margin-right: 15px;
}
.sidebarbox.cardbox.attractions {
    padding: 15px 0px;
    overflow: hidden;
}
.sidebarbox.cardbox.attractions h3 {
    margin-left: 0px;
}
.attractionlist {
    font-size: 14px;
    margin: 0 15px;
}
#attractionsmap {
    width: 100%;
    height: 200px;
    margin-bottom: 20px;
    margin-top: -10px;
}
#largeimage-wrapper {
    position: relative;
}
#imagegradient {
    background: url(images/gradient-image.png) repeat-x;
    position: absolute;
    top: 0px;
    height: 100px;
    width: 100%;
}
div.print {
    float: right;
    position: relative;
}
.share-popover {
    display: none;
    position: absolute;
    bottom: 60px;
    padding: 12px;
}
.share-popover:after {
    content: "";
    border-top: 10px solid;
    border-right: 10px solid transparent;
    border-bottom: 0px solid transparent;
    border-left: 10px solid transparent;
    width: 10px;
    height: 10px;
    position: absolute;
    bottom: -10px;
    left: 50px;
}
.share-popover .essb_links {
    margin: 0;
}
.share {
    position: relative;
}
.share #share-hide {
    display: inline-block;
    width: 50px;
    height: 10px;
    position: absolute;
    bottom: -6px;
    right: -13px;
}
#floorplans img {
    margin-right: 8px;
    margin-bottom: 10px;
}
#floorplanscontainer {
    min-height: 200px;
}
.cd-tabs-navigation .glyphicon,
.cd-tabs-navigation .material-icons {
    font-size: 20px;
}
.row.basic-details div:before {
    float: left;
    width: 0;
    white-space: nowrap;
    content: ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . "
}
.row.basic-details div.nodots:before {
    content: ""
}
.row.basic-details div {
    overflow-x: hidden;
    padding-right: 0px;
    font-size: 13px;
    line-height: 24px;
}
.row.basic-details div strong {
    padding-right: 0.33em;
    background: #ffffff;
}
.row.basic-details div span {
    float: right;
    padding-left: 0.33em;
    background: #ffffff;
    padding-right: 15px;
    text-align: right;
}

div.nodots.address, div.nodots.directions {
    position: relative;
    padding-left: 40px;
    padding-right: 10px;
    line-height: 20px;
    overflow: hidden;
}

.row.basic-details div.nodots i {
    position: absolute;
    top: 0px;
    left: 10px;
    color: gray;
    font-size: 22px;
}

hr.detailsdivider {
    margin-top: 0px;
    margin-left: 15px;
    margin-right: 15px;
    border-top: 1px solid #b5b5b5;
}

ul.leaders {
    max-width: 40em;
    padding: 0;
    overflow-x: hidden;
    list-style: none;
    clear: left;
    padding: 20px;
    background: whitesmoke;
    padding-right: 0;
}
ul.leaders li:before {
    float: left;
    width: 0;
    white-space: nowrap;
    content: ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
    letter-spacing: -1px;
}
ul.leaders span:first-child {
    padding-right: 0.33em;
    background: whitesmoke;
}
ul.leaders span + span {
    float: right;
    padding-left: 0.33em;
    background: whitesmoke;
    padding-right: 20px;
}
#basicdetails-notabs {
    padding: 20px;
    background: #ffffff;
    margin-top: 25px;
    margin-bottom: 30px;
}
.pp_gallery {
    display: none !important;
}
#detailpage-content {
    margin-bottom: 30px;
}
.directions,
.address {
    margin-bottom: 20px;
}

/*** SIDEBAR SECTION BLOCKS ***/

.cardbox.sidebarbox {
    margin-bottom: 20px;
    clear: left;
}
.cardbox.sidebarbox h3 {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 0px;
    border-bottom: 0px solid;
    padding-bottom: 18px;
    padding-left: 15px;
    padding-top: 5px;
    font-size: 22px;
    line-height: 24px;
}
.media {
    font-size: 14px;
    margin-top: 18px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.19);
    padding-bottom: 20px;
}
.media:last-child {
    border-bottom: none;
}
.listings-small .price,
.shortcode-listings .price,
.shortcode-agents .agenttitle,
.shortcode-staff .stafftitle {
    line-height: 24px;
    color: gray;
}
#boxed {
    background: #ffffff;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 30px;
}
span.dropdownarrow {
    display: inline-block;
    width: 10px;
    height: 10px;
    clear: both;
    float: left;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 0px;
    border-bottom: 10px solid black;
    position: relative;
    z-index: 10000;
    margin-top: 10px;
    margin-left: 10px;
}
.hidden {
    display: none;
}

/*** LISTING BLOCKS ***/

.listingimage-container {
    position: relative;
    overflow: hidden;
}
.listingimage-container:after {
    content: '';
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    /* Add more width */
    width: 120%;
    /* To form a square, the padding-bottom, needs to have the same value as the width property */
    padding-bottom: 120%;
    box-shadowxxx: inset 0px 0px 50px 30px rgba(0, 0, 0, 0.4);
    border-radius: 50%;
}
.listingimage-container div.price {
    position: absolute;
    bottom: 1px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.5+100 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000', GradientType=0);
    /* IE6-9 */
    padding: 30px 10px 10px 10px;
    margin: 0px;
    width: 100%;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
}
.banners {
    position: absolute;
    top: 10px;
    left: 25px;
}
.banners span {
    margin-right: 10px;
}
.banners span a {
    padding: 10px 10px;
    text-transform: uppercase;
    font-size: 10px;
    position: relative;
    top: -2px;
}
h3.listingblock-title {
    padding: 16px;
    margin: 0px;
    font-size: 20px;
    position: relative;
    top: 0px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.image-overlay {
    position: absolute;
    top: 0px;
    color: #ffffff;
    padding: 15px;
    overflow: hidden;
}
.image-overlay .slidedown-icon {
    margin-left: -15px;
    position: absolute;
    bottom: 20px;
    text-align: center;
    width: 100%;
    transition: all 0.5s;
}

/* .image-overlay:hover .slidedown-icon {bottom:0px;} */

.is-hidden {
    display: none;
}
.image-overlay .features span.featurelabel {
    display: inline-block;
    position: relative;
    top: -5px;
    padding-left: 10px;
}
.image-overlay .features li {
    display: inline-block;
    white-space: nowrap;
    width: 50%;
    font-size: 12px;
}
.image-overlay .features i.material-icons {
    font-size: 18px;
    width: 15px;
}
.image-overlay .features .glyphicon {
    width: 15px;
    position: relative;
    top: -3px;
    left: 2px;
}
.image-overlay a[title="MLS"] {
    font-size: 18px;
    position: relative;
    top: -3px;
    left: 2px;
    padding-right: 5px;
}
div.mdl-shadow--2dp {
    transition: all 0.3s;
}
div.mdl-shadow--2dp.listingblockhover {
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.35), 0 3px 1px -2px rgba(0, 0, 0, 0.3), 0 1px 5px 0 rgba(0, 0, 0, 0.2) !important;
}



/*** CALL TO ACTION CARDS ***/
#calltoaction .mdl-card__supporting-text {
    background: #ffffff;
    width: 100%;
    padding: 24px 24px;
}
#calltoaction .mdl-card__supporting-text p {
    margin-bottom: 0px;
    font-size: 16px;
}
#calltoaction .cardbox {
    margin-bottom: 20px;
}
#calltoaction .calltoaction-title-wrapper {
    bottom: 0px;
    left: 0px;
    background: url(images/titlegradient.png) repeat-x bottom left;
    padding-top: 50px;
    width: 100%;
    position: absolute;
    padding-left: 20px;
    padding-right: 20px;
    color: #ffffff;
    padding-bottom: 10px;
}
#calltoaction .mdl-card__title {
    position: relative;
    padding: 0px;
    height: auto;
}
#calltoaction .mdl-card__actions {
    padding: 24px;
    background: white;
}
#calltoaction .mdl-card__title-text {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
    font-size: 30px;
    font-weight: 500;
    position: absolute;
    bottom: 0px;
    left: 0px;
    color: #ffffff;
    padding: 18px 24px;
}



/*** LISTING SLIDE DOWN ***/
.expand-images {
    overflow: auto;
    padding: 30px 20px 20px 20px;
}
.expand-images img {
    margin-bottom: 30px;
}
.half-info {
    padding: 5px 5px 40px 40px !important;
    color: #ffffff;
}
.half-info h2 {
    margin-bottom: 15px;
}
.listing-excerpt {
    height: 100px;
    margin-bottom: 30px;
}
.half-info p.excerpt {
    color: #ffffff;
    font-weight: inherit;
}
.image--expand .address {
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: inherit;
}
.image--expand .price {
    font-size: 20px;
    color: white;
    font-weight: bold;
}
.image--expand .features li {
    padding: 10px;
    padding-top: 20px;
    float: left;
    text-align: center;
}
.image--expand .features {
    display: flex;
    justify-content: space-around;
    padding: 15px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.image--expand .features li a,
.image--expand .features li a:hover {
    color: #ffffff;
}
.image--expand a[title="MLS"] {
    font-size: 28px;
}
.image--expand .features span {
    display: block;
    clear: left;
    margin-top: 10px;
    line-height: 18px;
    color: #ffffff;
}
.mdl-button.comparebutton {
    margin-left: 15px;
    color: #ffffff;
}
.mdl-button.comparebutton i.fa {
    font-size: 15px;
    padding-right: 5px;
}



/*** MDL LITE BUTTON OVERRIDES ***/
.mdl-button--raised {
    box-shadow: none;
}
.mdl-button--raised:focus:not(:active) {
    box-shadow: none;
}
.mdl-textfield {
    width: 100%;
}
blockquote:before,
blockquote:after {
    content: '';
}
.mdl-textfield {
    padding-bottom: 0px;
}
.mdl-textfield.is-focused .mdl-textfield__input {
    border-bottom: none;
}
.mdl-textfield__label {
    color: rgba(0, 0, 0, 0.8);
}

/*#contact .mdl-textfield--floating-label.is-focused .mdl-textfield__label, #contact .mdl-textfield--floating-label.is-dirty .mdl-textfield__label {color: gray; font-size: 12px;}*/

#contact .glyphicon.glyphicon-new-window {
    font-size: 12px;
}

/*** LISTING MODAL WINDOW ***/

.modal {
    background: rgba(0, 0, 0, 0.8)
}
.modal-dialog {
    margin-top: 125px;
}
.modallisting {
    z-index: 1000000;
}
.modallisting .close {
    font-size: 35px;
    color: red;
}
.modallisting .modal-excerpt {
    height: 75px;
    margin-bottom: 10px;
    font-size: 14px;
}
.modallisting .features {
    display: flex;
    justify-content: space-around;
}
.modallisting .features li {
    padding: 10px;
    padding-top: 20px;
    float: left;
    text-align: center;
    color: #ffffff;
}
.modallisting .features li a,
.modallisting .features li a:hover {
    color: #ffffff;
}
.modallisting .features span {
    display: block;
    clear: left;
    margin-top: 10px;
    line-height: 18px;
}
.modallisting .features span.glyphicon {
    margin-bottom: 20px;
    margin-top: 5px;
}
.modallisting .features .mls {
    font-size: 23px;
    padding-bottom: 7px;
    display: inline-block;
}
.modallisting h2 {
    margin-bottom: 12px;
    margin-top: 36px;
}
.modallisting h3 {
    border-top: 1px solid silver;
    border-bottom: 1px solid silver;
    padding: 12px 0;
    margin-top: 24px;
    margin-bottom: 12px;
}
.modallisting .modal-content {
    border-radius: 0px;
}
.mdl-tabs__tab-bar {
    justify-content: flex-start;
    margin-bottom: 10px;
}
.mdl-tabs__tab-bar a {
    text-decoration: none;
}
.modalmap {
    width: 425px !important;
    height: 275px !important;
}


/*** CONTACT US PAGE ***/
#contactmap {
    position: relative;
}
#contactmap #map {
    border: 1px solid rgba(0, 0, 0, 0.05);
    margin-top: 30px;
    /* height value set in /js/js.php to be same height as #ffffff contact box overlay */
}
#contact p,
#contact address {
    font-size: 15px;
}
#contact p#companytext {
    font-weight: normal;
}
#contact > div {
    height: auto;
    position: absolute;
    top: 20px;
    left: 20px;
    background: #ffffff;
    padding: 20px
}
#contact .glyphicon {
    font-size: 18px;
    margin-right: 10px;
    color: #848484;
}
#contact #companytext {
    margin-bottom: 20px;
    border-bottom: 1px solid silver;
    padding-bottom: 20px;
}
#contact .socialnetworking {
    margin-bottom: 20px;
    margin-top: 20px;
    overflow: auto;
}
#contact #openhourscontainer {
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25), -1px -1px 2px rgba(0, 0, 0, 0.1);
}
#openhourstitle {
    background: whitesmoke;
    padding: 20px;
    margin-bottom: -20px;
    margin-top: 30px;
}
#openhoursmisctext {
    margin-top: 20px;
}
#openhoursmisctext:before {
    content: "";
}
.contactpage-content {
    margin-top: 60px;
}
#contactemail a,
#contactform a {
    font-weight: 300;
}





/*** STAFF/AGENT BOXES  ***/
#assignedagents h2 {
    margin-bottom: 24px;
    font-size: 28px;
}
.personbox {
    margin-bottom: 24px;
    background: #ffffff;
}
.personbox .mdl-card__title {
    height: auto;
    position: relative;
    padding: 20px 30% 96px 30%;
    text-align: center;
}
.personbox .mdl-card__supporting-text {
    width: auto;
    text-align: center;
}
.personbox .mdl-card__title-text {
    font-size: 20px;
    font-weight: 500;
    padding: 15px 15px;
    display: block;
}
.personbox a.contact {
    line-height: 24px;
    vertical-align: top;
    position: relative;
    z-index: 100;
}
.personbox .material-icons {
    font-size: 30px;
    margin-left: 10px;
}
.personbox .person-title-wrapper {
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding-top: 100px;
    width: 100%;
}
.personbox .readmore {
    text-align: right;
}
.social_person {
    clear: both;
    margin-bottom: 10px;
    position: relative;
}
.single-person .cardbox {
    margin-bottom: 24px;
    background: #ffffff;
}
.single-person .contactinfo {
    height: 150px;
    border-left: 1px solid silver;
    border-top: 1px solid silver;
    position: relative;
    top: -1px;
    left: -1px;
    background: #f3f3f3;
}
.single-person ul {
    margin-top: 0px;
    margin-bottom: 10px;
    line-height: 24px;
}
.single-person ul.secondcol {
    text-align: right;
}
.single-person ul,
.single-person li {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}
.glyphicon-new-window {
    font-size: 12px;
}
.social_person i {
    width: 30px;
    height: 30px;
    font-size: 16px;
    color: gray;
    text-align: center;
    line-height: 17px;
    transition: all 0.5s;
}
.social_person i:hover {
    font-size: 20px;
}
.single-person h1.personname {
    margin-top: 16px;
    margin-bottom: 35px;
    float: left;
    display: inline-block;
    font-size: 40px;
    position: relative;
    width: 100%;
}
.single-person span.persontitle {
    position: absolute;
    top: -26px;
    left: 0px;
    font-size: 20px;
    text-transform: uppercase;
    line-height: 22px;
    color: rgba(0, 0, 0, 0.5);
}
.single-person .profileimage {
    border: 5px solid #ffffff;
    margin-top: -20px;
    margin-bottom: 25px;
}
.single-person .info {
    margin-bottom: 50px;
}
.single-person .social_person a:hover {
    text-decoration: none;
}
.person-title {
    clear: left;
    margin-bottom: 12px;
    margin-top: 20px;
}
.glyphicon-new-window {
    margin-left: 5px;
}
.profileimage {
    margin: 0 auto;
    border-radius: 200px;
}



/*** STAFF/AGENT PAGES  ***/
#assignedlistings {
    margin-top: 50px;
}
#assignedlistings h2 {
    margin-bottom: 24px;
}
.teamcontent {
    margin-bottom: 24px;
}


/*** MASONRY TILING ***/
.masonry {
    clear: left;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
}
.masonry.listingimages {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    column-gap: 6px;
    margin-bottom: 30px;
}
.item {
    display: inline-block;
    margin: 0 0 30px;
    width: 100%;
}
.masonry.listingimages .item {
    margin: 0;
}

/*** BLOG CARDS ***/
.blogitems .mdl-card__supporting-text {
    padding: 24px 5px 0px 24px;
    font-size: 20px;
    position: relative;
}
.blogitems .mdl-card__supporting-text,
.blogitems .mdl-card__title {
    width: 100%;
    height: auto;
    padding-bottom: 0px;
    background: #ffffff;
}
.blogitems img {
    margin: 0px;
}
.blogitems .fluidvids {
    margin-bottom: 0px;
}
.blogitems .mdl-card {
    overflow: initial;
    position: initial;
}

/* fix disappearing card on second column */

.blogitems .mdl-card__title {
    padding: 0px;
}
.blogitems .mdl-button {
    overflow: initial;
    float: right;
    color: #333333;
}
.blogimagewrapper {
    overflow: auto;
}
.blogitems .mdl-card__actions {
    height: 70px;
    background: white;
    padding: 18px 15px;
}
.blogitems .mdl-card__actions .blognumbercomments {
    font-size: 14px;
    line-height: 30px;
}
.blogitems .mdl-card__actions .blognumbercomments .material-icons {
    margin-top: 10px;
    color: #9c9c9c;
}
.blogitems .mdl-card__actions .blognumbercomments .mdl-badge.mdl-badge--overlap:after {
    background: #666666;
}
.blogitems h3 {
    margin-top: 0px;
    line-height: 26px;
    font-size: 20px;
}
.blog_navigation {
    overflow: auto;
    padding: right;
    padding-bottom: 24px;
    padding-right: 2px;
}
.blogitems p.excerpt {
    line-height: 26px;
}
#previouslink {
    float: left;
}
.blogitems .blogscrollwrapper {
    height: 185px;
    position: relative;
}
.blogitems .blogfadeout {
    width: 100%;
    height: 60px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0.5+29,1+77,1+100 */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 29%, rgba(255, 255, 255, 1) 77%, rgba(255, 255, 255, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 29%, rgba(255, 255, 255, 1) 77%, rgba(255, 255, 255, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 29%, rgba(255, 255, 255, 1) 77%, rgba(255, 255, 255, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
    position: absolute;
    bottom: 0px;
    left: 0px;
}
.blogmobile {
    margin-bottom: 15px;
}
.blogmobile h4 {
    margin-top: 0px;
    line-height: 26px;
}
.blogmobile .media {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 15px;
}


/*** POSTS AND PAGES ***/
#title {
    overflow: hidden;
    padding-bottom: 120px;
    position: relative;
}
#title h1 {
    text-align: center;
    line-height: 75px;
    margin-left: 10%;
    margin-right: 10%;
}
#title h1 span {
    background: #B30000;
    box-shadow: 15px 0 0 #B30000, -15px 0 0 #B30000;
}

#content img + p:first-of-type {
    margin-top: 20px;
}

.subheading,
.subtitle,
#subheading,
#subtitle {
    margin-top: 0px;
}
#title.titlesearchresults,
#title.pagenotfound,
#title.blog {
    padding-bottom: 0px;
}
#title.titlesearchresults h1,
#title.pagenotfound h1,
#title.blog h1 {
    text-align: left;
    margin-left: 0;
}
#title.blog .subtitle {
    margin-top: 30px;
    margin-bottom: -30px;
    text-transform: uppercase;
    font-size: 18px;
    color: rgba(0, 0, 0, 0.5);
}

.maincol {
    margin-top: 30px;
    min-height: 500px;
}
.maincolsearchresults {
    margin-top: 30px;
    min-height: 500px;
}
.rightcol {
    margin-top: 30px;
}
.leftcol {
    margin-top: 30px;
}
#tags {
    margin-top: 20px;
}
#tags a {
    background: #efefef;
    padding: 0px 7px;
    margin-right: 5px;
    display: inline-block;
    margin-bottom: 5px;
    text-transform: uppercase;
}
blockquote {
    border: none;
    position: relative;
    background: rgba(0, 0, 0, 0.05);
    padding: 30px 30px 20px 100px;
    margin: 50px;
}
blockquote i.material-icons {
    position: absolute;
    left: 20px;
    top: 24px;
    font-size: 50px;
}
blockquote p {
    font-size: 18px;
    line-height: 30px;
}
#content > blockquote {
    margin-top: 0;
}
dd {
    margin-bottom: 24px;
}
.alignnone {
    float: none;
}
.alignleft {
    float: left;
}
.alignright {
    float: right;
}
img.alignleft {
    margin-right: 20px;
}
img.alignright {
    margin-left: 20px;
}
img.aligncenter {
    margin-left: auto;
    margin-right: auto;
}

img.aligncenter,
img.alignleft,
img.alignnone,
img.alignright {
    margin-bottom: 24px;
}

div.aligncenter {
    margin: 0 auto;
}



#content .wp-caption-text {
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 30px;
    line-height: 18px;
}
.contactpage .push-up-content {
    padding-top: 0px;
}
.large-title-image {
    background-size: cover !important;
    height: 600px;
}
.large-title-image h1,
.large-title-image .subtitle,
.large-title-image .subtitle p,
.large-title-image .subheading,
.large-title-image .subheading p,
.large-title-image #subtitle,
.large-title-image #subtitle p,
.large-title-image #subheading,
.large-title-image #subheading p {
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);
}
.nopushup-class1 {
    margin-top: 0px;
    padding-top: 20px;
}
.nopushup-class2 {
    margin-top: 0px;
    padding: 0px;
}
.nopushup-class3 {
    margin-top: 0px;
}
.nopushup-class4 {
    margin-top: 0px;
    padding-top: 0px;
}
.pushupvideo-class {
    margin-top: -90px;
}
.pushdownmeta-class {
    margin-top: 20px;
}


/*** MENU BAR DROPDOWNS ***/
#navwrapper {
    z-index: 1100;
}
#nav {
    z-index: 100;
    position: relative;
}
#nav a {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 15px;
}
#nav .sub-menu a {
    font-size: 14px;
}
#menubar {
    margin-top: 0;
}
#menubar-sticky-wrapper {
    margin-right: 10px;
    position: relative;
}
.sf-menu {
    float: right;
    padding-right: 12px;
    text-transform: uppercase;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    margin-bottom: 0px;
}
.sf-menu > li > a {
    font-weight: 700;
    line-height: 24px;
}
ul.sf-menu li li:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
ul.sf-menu li ul {
    padding-bottom: 5px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    margin-top: -2px;
}
ul.sf-menu li>a,
.sf-menu .sub-menu a {
    border: none;
    font-size: 17px;
    padding: 10px 20px;
    font-weight: 700;
}
.sf-menu .sub-menu a {
    font-weight: 500;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 24px;
}
ul.sf-menu > li > a {
    padding: 27px 18px 29px 18px;
}



/*** LISTING SHORTCODES ***/
#theme .sf-menu .megamenu a.shortcode_viewall_button,
a.shortcode_viewall_button {
    background: #555555;
    display: inline-block;
    padding: 7px 10px;
    font-size: 12px;
    color: #ffffff !important;
    line-height: 12px;
    margin-top: 10px;
}
#theme .sf-menu .megamenu a.shortcode_viewall_button:hover {
    background: #555555 !important;
    color: #ffffff !important;
}


/*** HOMEPAGE SECTIONS ***/
div#underslideshow {
    position: relative;
}
div.homepagelistings {
    padding-top: 75px;
    padding-bottom: 50px;
}
div.homepagecalltoaction {
    padding-top: 90px;
    padding-bottom: 70px;
}
div.homepagewidgets {
    padding-top: 50px;
    padding-bottom: 35px;
}

/* only 35 because widget bottom margin adds 15px */

div.homepagewidgets .widget {
    margin-bottom: 15px;
}
div.homepagewidgets h3 {
    line-height: 35px;
}
div.homepagewidgets h1,
div.homepagewidgets h2,
div.homepagewidgets h3,
div.homepagewidgets h4,
div.homepagewidgets h5,
div.homepagewidgets h6 {
    margin-top: 0px;
    margin-bottom: 15px;
}
div.homepageblog {
    padding-top: 50px;
    padding-bottom: 50px;
}
div.homepageblog .blogitems {
    margin: 0px 15px;
}
div.homepagecontent {
    padding-top: 50px;
    padding-bottom: 50px;
}
div.homepagecarousel {
    background: white;
}
div.homepagecontent .vc_empty-placeholder {
    margin-bottom: 0px;
}
.homepagecontent > .container .wpb_row {
    margin-bottom: 0px !important;
}
div.homepageblog .blogitems h2,
div.homepagecontent h2 {
    margin-bottom: 30px;
}
.home .essb_links {
    display: none;
}

/*** HEADER ***/
#sitename,
#description {
    display: none;
}
#logo {
    display: inline-block;
    float: left;
}
#nav {
    overflow: auto;
}
#logo img {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
header h2 {
    margin-top: 10px;
}
header.smaller #logo img {
    padding: 10px 0;
    height: 50px;
}
header.smaller ul.sf-menu > li > a {
    padding-top: 25px;
    padding-bottom: 25px;
}
#headerlogo {
    padding: 0px;
    margin-bottom: 0px !important;
    margin-left: -10px;
    height: auto;
    position: static;
}
header #headerdotmenu.mdl-button {
    padding-left: 0px;
    padding-right: 0px;
}
.login,
div.headersub ul {
    display: none;
}


/*** SEARCH FORM & LEFT SIDE PANEL ***/
#searchlabel {
    padding: 30px 12px 12px 25px;
    margin-left: -25px;
    margin-right: -25px;
    font-weight: bold;
    font-size: 18px;
    border-top: 1px solid rgba(0, 0, 0, 0.25);
}
#searchlabel i {
    position: relative;
    top: 5px;
}
.scrollcontainer .wpb_content_element {
    margin-bottom: 24px;
}
#search .btn-group {
    width: 100%;
}
#search .btn-group button {
    display: block;
    width: 100%;
    text-align: left;
}
#search .btn-group button span.caret {
    float: right;
    margin-top: 10px;
}
#search ul {
    width: 100%;
    max-height: 225px;
    overflow-y: scroll;
}
#search .searchfeatures ul {
    overflow: hidden;
}
#search .badge {
    padding: 3px 5px;
    font-size: 9px;
    margin-left: 5px;
}
.location_level2_drop_down,
.manufacturer_level2_drop_down {
    display: none;
}
ul.searchfeatures {
    padding-left: 10px;
}
ul.searchfeatures .mdl-checkbox {
    height: auto;
}
ul.searchfeatures input[type=checkbox] {
    margin-right: 5px;
    margin-top: 3px;
    margin-bottom: 10px;
    float: left;
}
ul.searchfeatures .mdl-checkbox__label {
    position: relative;
    cursor: pointer;
    line-height: 18px;
    margin: 0;
    font-weight: normal;
    display: block;
    margin-top: 3px;
}
ul.searchfeatures .mCSB_inside > .mCSB_container {
    margin-right: 15px;
}
.mdl-switch__thumb {
    background: rgba(255, 255, 255, 0.7) !important;
}
.mdl-switch.is-checked .mdl-switch__thumb {
    background: #ffffff !important;
}
#search button.searchbutton {
    background-image: none !important;
    float: right;
    margin-top: -10px;
    margin-bottom: 40px;
}
#search .searchbutton .material-icons {
    color: #ffffff;
}
#search .mdl-switch__label {
    font-size: 12px;
}
#search .panel,
.panel > .panel-heading {
    background-color: transparent;
    border-radius: 0px;
    box-shadow: none;
}
#search .panel {
    border: none;
}
#search .panel-heading {
    border: none;
    padding: 10px;
}
#search a {
    font-size: 13px;
    display: block;
    font-weight: bold;
    padding-left: 15px;
}
#search a:focus {
    text-decoration: none;
}
#search .glyphicon-chevron-up {
    display: none;
}
#search .glyphicon {
    float: right;
    margin-right: 15px;
    position: relative;
    top: 5px;
    font-size: 13px;
}
#search .panel {
    margin: 0 -25px;
}
#search .panel-body {
    padding: 18px 15px 18px 30px;
    background: rgba(0, 0, 0, 0.04)
}
#search-labels .alert {
    display: none;
}
#search-labels > span {
    background: #ffffff;
    padding: 0px 10px;
    font-size: 11px;
    border-radius: 10px;
    margin-bottom: 15px;
    display: inline-block;
}
#search-labels > span a {
    color: #ffffff;
}
#sidepanelwidgets {
    margin-bottom: 50px;
}
#sidepanelwidgets input {
    color: black;
}
#sidepanelwidgets .tagcloud a {
    color: black !important;
}
.panelmenu {
    margin: 0 -25px 50px -25px;
    padding-left: 0px;
    text-transform: uppercase;
}
.panelmenu a {
    padding: 10px 25px;
    display: block;
}
.panelmenu a:hover {
    background: rgba(0, 0, 0, 0.1)
}
.panelmenu .material-icons,
.sf-menu .material-icons,
.headersub .material-icons {
    margin-right: 10px;
    position: relative;
    top: 5px;
}
.panelmenu li a span,
.sf-menu li a span {
    display: none;
}
#leftpaneltext {
    font-size: 14px;
    margin-left: -25px;
    margin-right: -25px;
    margin-top: -25px;
    padding: 25px;
    padding-top: 25px;
    line-height: 19px;
}
#leftpaneltext p {
    margin-top: 5px;
    margin-bottom: 0px;
    font-size: 15px;
}
#leftpaneltext .material-icons {
    position: relative;
    bottom: -5px;
    margin-right: 10px;
}
.qtranxs_language_chooser {
    margin: 0px 24px 12px 24px;
}
.qtranxs_language_chooser li {
    float: left;
    margin-right: 5px
}


/*** SOCIAL ICONS IN LEFT PANEL ***/
.socialnetworking .inner {
    margin: 0px 15px 25px 25px;
}
.socialnetworking a {
    float: left;
    width: 27px;
}
.socialnetworking i {
    font-size: 15px;
    color: rgba(0, 0, 0, 0.4);
    transition: all 0.2s;
}
.socialnetworking i:hover {
    font-size: 18px;
    color: rgba(0, 0, 0, 1)
}



/*** POSTS & PAGES ***/
.postmeta {
    font-size: 13px;
    line-height: 24px;
    margin-bottom: 0px;
}
.postmeta .material-icons {
    color: #7f7f7f;
    position: relative;
    top: 5px;
    padding-right: 10px;
}
.tags {
    position: relative;
    display: block;
    padding-left: 35px;
}
.tags .material-icons {
    position: absolute;
    top: 0px;
    left: 0px;
}
div#featuredimage {
    position: relative;
    overflow: auto;
}
#categorybox #postcategories {
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 0px;
}
div#categorybox ul {
    list-style: none;
    margin-bottom: 0px;
}
#categorybox a {
    display: block;
    padding: 7px 15px;
}
#categorybox a:hover {
    background: rgba(0, 0, 0, 0.04)
}
.sticky .cardbox {
    box-shadow: none;
    border: 5px solid;
}


/*** LOAN CALCULATOR (CAR DEALER) ***/
#loancalculator_cars label {
    display: block;
}
#loancalculator_cars input[type=text] {
    width: 100%;
    margin-bottom: 15px;
    padding-left: 5px;
}
#loancalculator_cars .btn {
    width: 98%;
}
#loancalculator.widget {
    margin-bottom: 0px;
}
#theme .calculatorresult {
    font-weight: bold;
    color: #ffffff;
    background: green;
}

/*** LOAN CALCULATOR (REAL ESTATE)  ***/
#calculator_widget {
    width: inherit !important;
}
#calculator_widget .mc-body {
    border: none;
    background: transparent !important;
    padding: 0;
}
#theme #calculator_widget .mc-body button {
    border-color: silver !important;
    color: black !important;
    background-color: #F7F7F7 !important;
    clear: both;
}
#loancalculator form {
    margin-bottom: 0;
}


/*** LISTS ***/
#content li,
.comment li {
    font-weight: 300;
    margin-bottom: 12px;
}
#content ol li,
.comment ol li {
    margin-left: 25px;
    list-style: decimal;
}
#content ol ul >li,
.comment ol ul >li {
    list-style: disc;
}
#content ul li,
.comment ul li {
    margin-left: 25px;
    list-style: disc;
}
.comment ul li.comment {
    list-style: none;
}
#content ul ol > li,
.comment ul ol > li {
    list-style: decimal;
}
.content ul,
.content ul {
    list-style-image: url(images/bullet1.png);
    list-style-position: outside;
    padding-left: 20px;
}
.content ul ul,
.content ul ul {
    list-style-image: url(images/bullet2.png);
}
.content ul ul ul,
.content ul ul ul {
    list-style-image: url(images/bullet1.png);
}
.content ul ul ul ul,
.content ul ul ul ul {
    list-style-image: url(images/bullet2.png);
}
.content ol,
.content ol {
    list-style-type: decimal;
    list-style-position: outside;
    padding-left: 20px;
}
#content > h1,
#content > h2,
#content > h3,
#content > h4,
#content > h5,
#content > h6 {
    margin-top: 0;
}
#content h2,
#content h3 {
    margin-bottom: 25px;
}


/*** HOMEPAGE SLIDER ***/
#homepageslider {
    border: none;
    margin-bottom: 0px;
    position: relative;
    overflow: hidden;
}
#homepageslider .fluidvids {
    margin-bottom: 0px;
}
#homepageslider .slides {
    position: relative;
    opacity: 0.99;
}
#homepageslider ul {
    background: black;
}
#homepageslider .flex-direction-nav {
    display: none;
}
#homepageslider .flex-control-nav {
    bottom: 24px;
    z-index: 0;
}
#homepageslider .flex-control-paging li a {
    background: rgba(255, 255, 255, 0.8);
}
#homepageslider .flex-control-paging li a.flex-active {
    width: 15px;
    height: 15px;
    position: relative;
    top: -2px;
    box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 0.4);
}
.slidertext {
    position: absolute;
    color: #ffffff;
    z-index: 10000;
    width: 100%;
    text-align: center;
    display: none;
}
.slidertext h2 {
    line-height: 2em;
    font-size: 50px;
    margin-bottom: 20px;
}
.slidertext h2 a {
    color: #ffffff;
    background: #B30000;
    text-transform: uppercase;
    padding: 5px 0px;
    box-shadow: 15px 0 0 #B30000, -15px 0 0 #B30000;
}
.sliderprice {
    color: #ffffff;
    text-shadow: 0px 0px 23px rgba(0, 0, 0, 0.6), 0px 2px 1px rgba(0, 0, 0, 0.9);
    font-size: 35px;
}
.sliderprice span {
    font-size: 24px;
    position: relative;
    top: -12px;
    left: -3px;
}
.slidertext h2 a:hover {
    text-decoration: none;
}
#topshading {
    background: transparent;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.3)), color-stop(100%, rgba(0, 0, 0, 0)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#00000000', GradientType=0);
    /* IE6-9 */
    height: 200px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}



/*** SEARCH RESULTS / TAXONOMY RESULTS ***/
#map.searchresultsmap {
    height: 500px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin-top: 30px;
    clear: both !important;
}
#map.searchresultsmap #info {
    padding: 20px 0px 0px 10px;
}
#map.searchresultsmap #info p {
    margin-bottom: 5px;
}
#map.searchresultsmap #info .price {
    font-weight: bold;
}
#taxonomydescription {
    margin-bottom: 30px;
}

.page-template-pagetemplate-specialresults #loadmorebuttonwrapper {
    display: none;
}

.top,
.bottom {
    clear: left;
}
.wp-pagenavi {
    font-size: 0.9em;
    position: relative;
    display: inline-block;
    float: right;
    clear: none;
}
.wp-pagenavi a,
.wp-pagenavi span {
    border: 1px solid #cdcdcd;
    padding: 5px 10px;
    margin-right: 5px;
    border-radius: 50px;
    background: #ffffff;
}
.wp-pagenavi span.current {
    border: 1px solid #cdcdcd;
    color: #ffffff;
}
.wp-pagenavi span.pages {
    background: none;
    border: none;
}
.wp-pagenavi a:hover {
    border-color: #a7a7a7;
}
.wp-pagenavi span.current {
    border: none;
}
a.nextpostslink,
a.previouspostslink {
    font-size: 26px;
    border: none;
    background: none;
}
#posts_navigation {
    clear: both;
    font-size: 17px;
    border-bottom: none;
    margin-top: 10px;
    overflow: auto;
}
#nextlink,
#rightlink {}
#posts_navigation a:link,
#posts_navigation a:visited {
    text-decoration: none;
}
#previouslink {
    float: right;
}
.linkpagespagination span {
    display: inline-block;
}
.pages {
    display: none;
}

.top .wp-pagenavi {
    display: none;
}
.cat-desc img {
    margin-bottom: 24px;
}


/*** COMPARE THUMBNAILS & COMPARE PAGE ***/
#comparewrapper {
    background: #ffffff;
}
#comparecontainer {
    clear: both;
}
#comparecontainer .mdl-button {
    color: #ffffff !important;
    margin-top: 12px;
    width: 50px !important;
    min-width: 50px;
    height: 50px;
}
#comparecontainer .compareitem {
    float: left;
    margin-right: 10px;
    margin-bottom: 12px;
    margin-top: 12px;
    position: relative;
}
#comparecontainer img {
    height: 50px;
}
#comparelabel {
    color: black;
    float: left;
    Line-height: 30px;
    padding-right: 15px;
    margin-top: 22px;
}
.deletecompare {
    position: absolute;
    display: none;
    background: #ffffff;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    text-align: center;
    right: 25px;
    top: 13px;
    padding: 6px;
    font-size: 12px;
    line-height: 9px;
    font-weight: bold;
    color: red;
}
#comparisontable {
    background: #f7f7f7;
}
#comparisontable .compare {
    margin-bottom: 24px;
    margin-top: 24px;
    line-height: 25px;
}
#comparisontable .labels {
    background: #f3f3f3;
}
#comparisontable td {
    padding-left: 20px;
}
#comparisontable .compare-toprow td {
    padding-top: 24px;
}
#comparisontable .pricecompare td {
    background: #e2e2e2;
    font-weight: bold;
}

/* FOOTER */
.mdl-mega-footer {
    padding: 0px;
}
#footer {
    padding-bottom: 0px;
    margin-top: 30px;
}

body.admin-bar #footer {
    margin-bottom: 30px;
}

.home #footer {
    margin-top: 0px;
}
#footer p,
#footer li {
    font-size: 13px;
    line-height: 24px;
}
#footer h3 {
    font-size: 18px;
    text-transform: uppercase;
}
#footer .mdl-mega-footer__middle-section {
    padding-bottom: 24px;
    padding-top: 24px;
}
#footer .mdl-mega-footer__link-list span {
    display: block;
    font-size: smaller;
    margin-bottom: 10px;
}
#footer .footer_widget select,
.footer_widget input {
    color: black;
}
#footer .footer_widget label {
    margin-right: 10px;
}
#footer .footer_widget ul li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding-bottom: 5px;
    margin-bottom: 5px;
}
#menu-footer-menu {
    float: right;
    margin-bottom: 10px;
}
#footer .mdl-textfield__label,
#footer .mdl-textfield__input {
    font-weight: normal;
    font-size: 15px;
}
#footer .mdl-textfield--floating-label.is-focused .mdl-textfield__label,
#contact .mdl-textfield--floating-label.is-dirty .mdl-textfield__label {
    font-size: 12px;
}
#footer .mdl-mega-footer__bottom-section {
    margin-bottom: 0px;
    background: rgba(0, 0, 0, 0.1)
}
p#copyright {
    font-size: 12px;
}
#footerlogos {
    padding: 20px;
    background: #ffffff;
}
#logo3,
#logo2 {
    float: right;
}
#logo2 {
    margin-right: 15px;
}
#footer address {
    font-size: 13px;
    line-height: 24px;
    margin-top: 10px;
}


/*** CALENDAR WIDGET ***/
.widget_calendar {
    float: left;
}
#wp-calendar {
    width: 100%;
    font-size: 11px;
}
#wp-calendar thead th {
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-top: none;
    font-size: 11px;
}
#wp-calendar tbody td {
    text-align: center;
    border: 1px solid #ddd;
    line-height: 2.5em;
    transition: background 0.15s ease;
    -webkit-transition: background 0.15s ease;
    -o-transition: background 0.15s ease;
    -moz-transition: background 0.15s ease;
}
#wp-calendar tbody td:hover {
    background: #f1f1f1;
    color: #333;
}
#wp-calendar tbody td a {
    display: block;
    text-decoration: none;
    color: #333;
}
#wp-calendar tbody td:hover a {
    background: #4d4d4d;
    color: #fff;
}
#wp-calendar tfoot td {
    padding-top: 1px;
    padding: 4px;
}
#theme #wp-calendar caption {
    cursor: pointer;
    font-size: 13px;
    text-transform: uppercase;
    margin: 0;
    padding: 12px;
    outline: 0 none;
    color: #fff;
}
#wp-calendar tbody a {
    display: block;
    text-decoration: underline;
}
#wp-calendar th {
    text-align: center;
    border: 1px solid transparent;
    border-top: none;
    padding: 7px 0;
    color: #a7a7a7;
}
#footerwrapper #wp-calendar thead th {
    background: #222
}
#footerwrapper #wp-calendar tbody td {
    border-color: #222
}
form.orderresults {
    margin-bottom: 0px;
}


/*** GENERAL WIDGET STYLING ***/
.widget select {
    width: 100%;
    color: black;
}
.tagcloud a {
    background: #f5f5f5;
    padding: 3px 5px;
    text-transform: uppercase;
    color: black !important;
    white-space: nowrap;
}
.tagcloud a:hover {
    color: #444444 !important;
}
.widget ul {
    list-style-position: inside;
    padding-left: 13px;
}

.widget {
    margin-bottom: 50px;
}
.widget .menu {
    overflow-x: auto;
}
.widget .menu li {
    white-space: nowrap;
}


/*** COMMENTS ***/
.comments {
    margin-top: 50px;
}
.comment-author {
    margin-bottom: 24px;
}
#respond small {
    display: block;
    margin-top: 20px;
}
.comment-form-comment label {
    display: block;
}
.commentlist {
    margin-left: 75px;
    margin-top: 30px;
}
li.comment {
    list-style: none;
}
.commentlist .depth-1 {
    margin-left: 40px;
}
.commentlist .depth-2 {
    margin-left: 30px;
}
.commentlist .depth-3 {
    margin-left: 30px;
}
.commentlist .comment-body {
    margin-bottom: 30px;
    position: relative;
    background: whitesmoke;
    background: rgba(0, 0, 0, 0.05);
    min-height: 150px;
    padding: 20px;
}
.commentlist img {
    position: absolute;
    top: 0px;
    left: -115px;
}
.comment_pointer {
    position: absolute;
    top: 25px;
    left: -30px;
    width: 0;
    height: 0;
    border-top: 0 solid transparent;
    border-bottom: 30px solid transparent;
    border-right: 30px solid;
    border-right-color: whitesmoke;
    border-right-color: rgba(0, 0, 0, 0.05);
}
.comment-meta {
    width: 100px;
    position: absolute;
    left: 1px;
    top: 90px;
    left: -115px;
    font-size: .8em;
    line-height: 18px;
}
.comment-meta a:link {
    color: gray;
}
.comment-meta a:hover {
    color: black;
}
.commentlist p {
    font-size: 1.0em;
}
cite.fn {
    font-weight: normal;
}
#content .commentlist li {
    background: none;
}
#commentform label {
    width: 80px;
}
#commentform input#author,
#commentform input#email,
#commentform input#url {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.2);
}
#commentform textarea {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.2);
}
.pings .comment-meta,
.pings .comment_pointer {
    display: none;
}
.bypostauthor {
    border-top: 5px solid #c2c2c2;
}
#respond {
    margin-top: 20px;
}


/*** AJAX LOADING ***/
.load-more-listings,
.load-more-posts {
    text-align: center;
    clear: both;
}
#ajax-more-text-posts,
#ajax-more-text-listings {
    color: white;
    padding: 10px 20px;
    position: relative;
    border-radius: 1px;
    display: inline-block;
    margin-top: 30px;
}
.no-more-listings,
.no-more-posts {
    text-align: center;
    clear: both;
}
#ajax-no-more-posts,
#ajax-no-more-listings {
    color: white;
    background: rgba(0, 0, 0, 0.2);
    padding: 10px 20px;
    position: relative;
    border-radius: 1px;
    display: inline-block;
    margin-top: 30px;
}
.fa-spinner-hidden {
    display: none;
    position: absolute;
    top: -5px;
    left: -65px;
    color: #333;
}


/*** LISTING BLOCKS DROPDOWN ***/
html {
    box-sizing: border-box;
}
*,
*:before,
*:after {
    box-sizing: inherit;
}
.image-grid {
    width: 100%;
    max-width: 1310px;
    margin: 0 auto;
    overflow: hidden;
    padding: 10px 5px 0;
}
.image__cell {
    float: left;
    position: relative;
    width: 25%;
}
.image--basic {
    padding: 0 15px 15px 15px;
}
.basic__img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}
.image__cell.is-collapsed .arrow--up {
    display: block;
    height: 16px;
    width: 100%;
}
.image--large {
    max-width: 100%;
    height: auto;
    display: block;
    padding: 40px;
    margin: 0 auto;
    box-sizing: border-box;
}
.image__cell.is-collapsed .image--basic {
    cursor: pointer;
}
.image__cell.is-expanded .image--expand {
    max-height: 600px;
    margin-bottom: 10px;
}
.image--expand {
    position: relative;
    box-sizing: content-box;
    overflow: hidden;
    background: #222;
    max-height: 0;
    transition: max-height .3s ease-in-out, margin-bottom .1s .2s;
    width: 400%;
}
.image__cell:nth-of-type(4n+2) .image--expand {
    margin-left: -100%;
}
.image__cell:nth-of-type(4n+3) .image--expand {
    margin-left: -200%;
}
.image__cell:nth-of-type(4n+4) .image--expand {
    margin-left: -300%;
}
.image__cell:nth-of-type(4n+1) {
    clear: left;
}
.image__cell.is-expanded .arrow--up {
    display: block;
    border-bottom: 8px solid #222;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    height: 0;
    width: 0;
    margin: 8px auto 0;
}
.expand__close {
    position: absolute;
    top: 10px;
    right: 20px;
    color: rgba(255, 255, 255, 0.3);
    font-size: 50px;
    line-height: 50px;
    text-decoration: none;
    z-index: 10;
}
.expand__close:before {
    content: 'x';
}
.expand__close:hover {
    color: rgba(255, 255, 255, 0.2);
}


@media only screen and (min-width: 771px) and (max-width: 1160px) {
    .image__cell { width: 33%; }
    .image__cell:nth-of-type(3n+1) .image--expand { margin-left: 0; }
    .image__cell:nth-of-type(3n+2) .image--expand { margin-left: -100%; }
    .image__cell:nth-of-type(3n+3) .image--expand { margin-left: -200%; }
    .image__cell:nth-of-type(3n+1) { clear: left; }
    .image__cell:nth-of-type(4n+1) {clear: none;}
    .image--expand { width: 300%; }
}

@media only screen and (min-width: 426px) and (max-width: 770px) {
    .image__cell { width: 50%; }
    .image__cell:nth-of-type(2n+2) .image--expand { margin-left: -100%; }
    .image__cell:nth-of-type(2n+3) { clear: left; }
    .image__cell:nth-of-type(2n+3) .image--expand {margin-left: auto;}
    .image__cell:nth-of-type(5n+6) {clear: none;}
    .image--expand { width: 200%; }
    .image--expand .col-xxs-12 {width: 90% !important;}
    .expand__close {display: none;}
}

@media only screen and (max-width: 425px) {
    .image__cell { width: 100%; }
    .image__cell .image--expand { margin-left: 0; }
    /* override default */
    .image__cell:nth-of-type(4n+2) .image--expand, .image__cell:nth-of-type(4n+3) .image--expand, .image__cell:nth-of-type(4n+4) .image--expand { margin-left: 0; }
    .image--expand { width: 100%; }
    .image--expand .col-xxs-12 {width: 80% !important;}
    .expand__close {display: none;}
}

.image--expand .col-md-6 {width: 47%;}
.image--expand .col-sm-6 {width: 44%;}


/*** MISCELLANEOUS ***/

body.admin-bar {
    overflow-y: hidden !important;
}

.fancybox-nav span {
    visibility: visible !important;
}

li.trybeforebuy {
    background-color: rgba(0,0,0,0.1);
}

p.nocomments {
    margin-bottom: 30px;
}
p.nocomments.alert {
    background: #f7f7f7;
}
p.nocomments i {
    position: relative;
    top: 7px;
    padding-right: 10px;
    color: #a0a0a0;
}

p.alert-noresults {
    color: black;
}

p.alert-noresults i.material-icons {
    color: rgba(0,0,0,0.5);
    margin-right: 10px;
    position: relative;
    top: 5px;
}

.btn-outline {
    border: 1px solid black;
    background-color: none;
}
.mdl-button {
    padding-left: 20px;
    padding-right: 20px;
}
#totop {
    margin-left: 10px;
}
#totop i {
    border-radius: 30px;
    background: rgba(0, 0, 0, 0.2);
    padding: 5px;
}
#totop i:hover {
    background: rgba(0, 0, 0, 0.3);
}
#blogsearchresults .subtitle {
    margin-bottom: 30px;
}
#footer .footer_widget ul li.menu-item {
    border-width: 0;
}
#footer .footer_widget .sub-menu {
    margin-top: 10px;
}
.mdl-badge.mdl-badge--overlap:after {
    right: -13px;
}
.table thead,
.table th {
    font-weight: bold;
}
div.wpcf7-mail-sent-ok {
    background: #ffffff;
}
.wpcf7 input,
.wpcf7 textarea,
#comment {
    color: black;
}
#basicsearch input {
    padding-left: 10px;
    width: 100%;
    font-size: 14px;
}
.hide {
    display: none;
}
.adminloading {
    display: none;
}
.controlpanelsidebar {
    background-color: #FFFFFF;
    border-left: 4px solid #DD3D36;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    padding: 0px 0px 0px 12px;
    font-size: 13px;
    line-height: 35px;
}
.sf-menu,
label {
    font-family: 'Open Sans Condensed', sans-serif;
}
.listings-small .title a,
.unitofbox .title a,
.shortcode-listings .title a,
.shortcode-agents .title a,
.shortcode-staff .title a {
    font-family: 'Open Sans';
    font-weight: 700;
    line-height: 21px;
    display: block;
    font-size: 16px;
    letter-spacing: -.04em;
}
.shortcode-listings .title a,
.shortcode-agents .title a,
.shortcode-staff .title a {
    font-size: 14px;
    line-height: 17px;
}
.shortcode_output_wrapper {
    overflow: auto;
}
#theme #sdrn_menu .megamenu1,
#theme #sdrn_menu .megamenu2,
#theme #sdrn_menu .megamenu3,
#theme #sdrn_menu .megamenu4,
#theme #sdrn_menu .megamenu5,
.mobile_only {
    display: none;
}
.listingcard,
.homepagecarousel,
.homepagecalltoaction .cardbox,
.homepagecontent,
.personbox {
    visibility: hidden;
    /* will appear when is visible during scroll */
}
#stickytitle {
    font-size: 20px;
    display: none;
    padding-left: 10px;
}
#topstripcontainerwrapper {
    position: relative;
}
#topstripcontainer {
    display: none;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 0px;
    width: 100%;
}
#topstripcontent {
    text-transform: uppercase;
    padding: 12px 0;
}
.wpb_content_element {
    margin-bottom: 20px;
}
.essb_links {
    display: none;
}
#content > .essb_links,
#detailpage-content > .essb_links {
    display: block;
    margin-top: 0px;
}
#manufacturerslider {
    margin-top: 30px;
    margin-bottom: 30px;
}
#manufacturerslider .flex-direction-nav a {
    padding-top: 20px;
    height: 50px;
    top: 50px;
}
#manufacturerslider .flex-control-nav {
    display: none;
}
.top_seperator {
    margin-left: 120px;
}
#theme .vc_logo,
#theme .vc_desc {
    margin-bottom: 15px;
}
.modal-backdrop {
    z-index: 0;
}
.sticky-title {
    display: none;
}
.clear {
    clear: both;
}
.st-tabs {
    margin-bottom: 0px;
}
.viewmodallisting {
    display: none;
}
address {
    margin-left: 28px;
    font-size: inherit;
    position: relative;
    font-weight: 300;
}
address i {
    position: absolute;
    top: 0px;
    left: -30px;
    color: #848484;
}
.rsswidget {
    font-weight: bold;
}
.rss-date {
    display: block;
}
.rssSummary + cite {
    margin-bottom: 20px;
    display: inline-block;
}
cite:before {
    content: "\2014 \00a0"
}
.gallery .gallery-caption {
    text-align: left;
    padding-right: 10px;
}
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}
.effects img {
    /* -webkit-filter: brightness(0.8) grayscale(15%) contrast(90%); */
    -webkit-filter: brightness(1) grayscale(20%) contrast(100%);
    filter: brightness(1) grayscale(20%) contrast(100%);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.titlegradient {
    height: 600px;
    /* Use to edit this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.5+5,0.05+25,0.05+71,0.4+95 */
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 5%, rgba(0,0,0,0.05) 25%, rgba(0,0,0,0.05) 71%, rgba(0,0,0,0.4) 95%, rgba(0,0,0,0.4) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 5%,rgba(0,0,0,0.05) 25%,rgba(0,0,0,0.05) 71%,rgba(0,0,0,0.4) 95%,rgba(0,0,0,0.4) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 5%,rgba(0,0,0,0.05) 25%,rgba(0,0,0,0.05) 71%,rgba(0,0,0,0.4) 95%,rgba(0,0,0,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#66000000',GradientType=0 ); /* IE6-9 */
}
.profilebackgroundimage .titlegradient {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+47,0.66+86 */
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 47%, rgba(0,0,0,0.66) 86%, rgba(0,0,0,0.66) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 47%,rgba(0,0,0,0.66) 86%,rgba(0,0,0,0.66) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 47%,rgba(0,0,0,0.66) 86%,rgba(0,0,0,0.66) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a8000000',GradientType=0 ); /* IE6-9 */
}



/* Enter custom CSS here to override style.css, and most other style files. */

.listingtitle {
	border-right: 0px;
}

#price-print-share .print {
	margin-top: 50px;
	margin-bottom: 30px;
}

#relatedplaceholder {
	margin-top: 33px;
}

footer div, footer .col-xs-12 {
	background-color : inherit;
}

.footer_widget ul.leaders {
	width: 280px;
}

#footer .footer_widget ul li { 
	border-bottom: 0px;
}

.footer_widget  ul.leaders,  .footer_widget  li {
	background-color : inherit;
}

.footer_widget ul.leaders span + span, .footer_widget  ul.leaders span:first-child {
	background-color : inherit;
}

.glyphicon {
	margin-right: 13px;
	margin-left:3px;
}

.listingblock-title ul {
  list-style-type: none;
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
}
.listingblock-title ul.features li {
  flex: 0 0 15%;		
  display: flex;
  align-items: flex-end;
}

.listingblock-title ul.features li:nth-child(3){
  flex: 0 0 70%;
  text-align: right;
  padding-right: 5px;
  justify-content: flex-end;
}

.listingblock-title ul.features {
	margin: 5px 0px;
}

.listingblock-title ul.features li:last-child {
  display: none;
}

.listingblock-title .material-icons,   .listingblock-title .featurelabel{
	font-size: 12px;
}

.listingblock-title .material-icons {
	margin: 0px 5px;
}

.listingblock-title  .mdl-button {
    margin-left: 0px;
    color: black;
    background-color: #ddd;
}

.listingblock-title  .mdl-button:hover {
	background-color: #aaa;
}

.listingblock-title ul.buttons li {
  flex: 0 0 50%;		
  display: flex;
  align-items: flex-end;
}

.listingblock-title ul.buttons li a, .listingblock-title ul.buttons li button  {
  font-size: 11px !important;
  width: 100%;
}

#listings .price {
	text-align: left;
}

.image--basic .banners {
	opacity: 0;
	transition: all 0.5s;
}

.image--basic:hover .banners {
	opacity: 100;
}

.mdl-layout__drawer {
	padding-top: 10px;
}	

.mdl-layout__header-row {
    height: 120px;
}

.mdl-layout__drawer {
	overflow: hidden;
}