/*
Theme Name: Piper Partners
Description: Custom MLS theme 
*/


@import url(https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i);

html {
    scroll-behavior: smooth;
}
a,
h2 {
    color: #9f0a19
}

a:active,
a:focus,
a:hover,
h5 {
    color: #735954
}

#footer .headline h3,
h2,
h3,
h5 {
    text-transform: capitalize!important
}

#footer .areas ul,
.list-neighborhoods,
.property-valuation-sidebar li,
.sidebar-list,
ul.related-posts {
    list-style: none
}

.carousel,
.carousel .item {
    height: 200px
}

.home-featured,
.table tbody>tr>td.vert-align {
    vertical-align: middle
}

body,
html {
    font-size: 18px!important;
    line-height: 1.6!important;
    font-family: 'Open Sans', sans-serif!important
}

p a {
    text-decoration: underline
}

h2 {
    font-size: 30px
}

h5 {
    font-size: 18px;
    font-weight: 600
}

.boxed-layout {
    padding: 0;
    margin-left: auto!important;
    margin-right: auto!important;
    background: #fff;
    background-size: cover
}

.boxed-layout .wrapper {
    -webkit-box-shadow: 0 30px 60px rgba(0, 0, 0, .3);
            box-shadow: 0 30px 60px rgba(0, 0, 0, .3)
}

.boxed-layout .menu-full-width-container {
    width: 100%;
    margin: 0;
    z-index: 999999
}

.row-padded {
    padding: 16px 0 20px
}

.header-padded {
    padding: 15px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center
}

.tooltip>.tooltip-inner {
    background-color: #000;
    font-size: 13px
}

.buttons-padded {
    padding: 5px 0 0
}

.row-padded-bottom {
    padding: 0 0 16px
}

.row-padded-top {
    padding: 16px 0 0
}

.no-padding {
    padding: 0;
    margin: 0
}

.margin-bottom-15 {
    margin-bottom: 15px!important
}

.carousel-caption {
    z-index: 10;
    margin-bottom: 30px
}

.carousel a {
    opacity: .6
}

.home-pic img:hover,
.home-pic-small img:hover,
a img:hover {
    opacity: .8
}

.carousel-inner>.item>img {
    position: absolute;
    top: -200px;
    left: 0;
    width: 100%;
    min-width: 960px
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
    position: absolute;
    top: 46%;
    z-index: 5;
    display: inline-block
}

.scrollbar-measure {
    width: 1px;
    height: 1px;
    overflow: scroll;
    position: absolute;
    top: -9999px
}

.light-header,
.light-header-page {
    font-size: 36px;
    margin: 0;
    color: #000
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

* html .clearfix {
    height: 1%
}

.clearfix {
    display: block
}

.gallery-pic .crop img {
    width: 218px;
    margin: -20px 0 0
}

.gallery-pic .crop {
    height: 170px;
    overflow: hidden;
    border-radius: 6px;
    border: 0 solid #e2e2e2
}

.gallery-pic {
    float: left;
    width: 220px;
    margin-right: 10px
}

.gallery-price-text,
.gallery-top-text {
    margin: 4px 0;
    font-weight: 700
}

.gallery-top-text {
    color: #136d8f;
    font-size: 18px
}

.gallery-pic-text {
    margin: 4px 0 15px
}

.gallery-row {
    margin: 0 0 2px
}

.gallery-row .gallery-pic:nth-child(2) {
    margin: 0 0 0 18px
}

.gallery-row .gallery-pic:nth-child(3) {
    float: right;
    margin: 0
}

.active-primary {
    color: #fff;
    background-color: #215e93;
    border-color: #285e8e
}

.badge-big,
.badge-header,
.badge-highlight {
    color: #fff!important
}

.badge-highlight {
    background-color: #828282!important
}

.badge-header {
    background-color: #a4a4a4!important;
    font-weight: 400;
    font-size: 14px
}

.badge-big {
    background-color: #828282!important;
    font-size: 14px
}

.home-pic {
    float: left;
    text-align: center;
    position: relative;
    margin: 0 10px 16px 0;
    border-radius: 5px;
    overflow: hidden
}

.home-price-text,
.home-status-text {
    text-align: center;
    color: #FFF;
    background-color: #596e0b;
    position: absolute;
    top: 166px;
    height: 32px;
    padding: 2px 8px 0
}

.gallery-row .home-pic:nth-child(2) {
    margin: 0 0 16px 8px
}

.gallery-row .home-pic:nth-child(3) {
    float: right;
    margin: 0 0 16px
}

.home-pic img {
    width: 225px
}

.home-price-text {
    left: 0;
    font-size: 18px;
    border-top-right-radius: 8px
}

h3 {
    font-size: 30px;
    color: #9f0a19;
    font-weight: 300
}

.home-status-text {
    right: 0;
    font-size: 18px;
    border-top-left-radius: 8px;
    font-weight: 400
}

.home-pic-text,
.home-sold-text,
.home-top-text {
    left: 0;
    width: 100%;
    color: #FFF;
    font-size: 14px;
    position: absolute;
    text-align: center
}

.home-pic-text {
    top: 195px;
    height: 30px;
    background-color: #69003f;
    padding: 4px 0 0
}

.home-sold-text,
.home-top-text {
    top: 0
}

.home-sold-text {
    background-color: #969696;
    padding: 4px 0
}

.home-top-text {
    height: 30px;
    background: rgba(0, 0, 0, .5);
    padding: 5px 0 0
}

.btn-dark {
    background-color: #9f0a19;
    color: #fff;
    border: none;
    font-size: 17px;
    margin: 10px 5px 10px 0
}

.btn-dark:active,
.btn-dark:focus,
.btn-dark:hover {
    background-color: #5a0008;
    border-color: #650009;
    color: #fff
}

.btn-dark.disabled.active,
.btn-dark.disabled:active,
.btn-dark.disabled:focus,
.btn-dark.disabled:hover,
.btn-dark[disabled].active,
.btn-dark[disabled]:active,
.btn-dark[disabled]:focus,
.btn-dark[disabled]:hover,
fieldset[disabled] .btn-dark.active,
fieldset[disabled] .btn-dark:active,
fieldset[disabled] .btn-dark:focus,
fieldset[disabled] .btn-dark:hover {
    background-color: #4d4d4d;
    border-color: #6e6e6e
}

.maindl dt,
.maindl2 dt {
    font-weight: 700;
    clear: left;
    float: left;
    width: 100px;
    margin: 0
}

.bottom-content,
.maindl {
    color: #735954
}

.maindl dt {
    width: 120px;
    margin: 0
}

.maindl dd,
.maindl2 dd {
    margin: 0 0 10px 15px;
    float: left
}

.maindl dd {
    width: 200px
}

.maindl2 {
    float: left
}

.maindl2 dd {
    width: 100px
}

.map-view-info {
    width: 250px;
    height: 100px;
    background-color: #FFF;
    padding: 5px;
    border: 1px solid #c9c9c9;
    border-radius: 3px;
    box-shadow: 5px 4px 10px 2px rgba(119, 119, 119, .26);
    -moz-box-shadow: 5px 4px 10px 2px rgba(119, 119, 119, .26);
    -webkit-box-shadow: 5px 4px 10px 2px rgba(119, 119, 119, .26)
}

.map-view-info img {
    width: 90px;
    height: 90px;
    float: left
}

.map-view-info-text {
    width: 145px;
    float: right;
    font-size: 11px!important
}

.map-view-info-text-neighborhood {
    width: 145px;
    float: right;
    font-size: 14px!important
}

.map-view-info-text-address {
    width: 145px;
    float: right;
    font-size: 12px!important;
    display: block;
    margin-bottom: 3px
}

.map-view-info-text-price,
.map-view-info-text-status {
    color: #FFF;
    padding: 1px 3px;
    border-radius: 3px;
    font-size: 11px!important
}

.map-view-info-text-status {
    background-color: #777
}

.map-view-info-text-price {
    background-color: #000;
    font-weight: 700!important
}

#page-details a.paginate {
    text-decoration: none!important;
    float: left;
    display: inline-block;
    padding: 2px 14px;
    margin-right: 4px;
    color: #000;
    background: #e8e8e8;
    border-radius: 5px
}

#page-details a.next {
    float: right;
    margin: 0 0 0 6px
}

#page-details a.prev {
    float: right;
    margin: 0
}

#page-details a.current,
#page-details a.paginate:hover {
    background: #9a0210;
    color: #fff;
    border-radius: 5px
}

#page-details span.dots {
    color: #000;
    float: left;
    margin: 0 6px 0 2px;
    font-size: 18px;
    line-height: 18px
}

#page-details span.inactive {
    border: 1px solid #999;
    padding: 2px 6px;
    color: #999;
    cursor: default
}

#page-details {
    margin: 20px 0 15px
}

#search-details {
    margin: 20px 0 10px
}

#search-details span.info {
    padding: 6px 8px 6px 10px;
    display: inline-block;
    float: left;
    margin-top: 0;
    background-color: #e9e9e9;
    border-radius: 4px;
    font-weight: 700;
    color: #6c6c6c;
    width: 70%
}

.marker,
.marker a {
    color: #fff!important;
    font-size: 11px!important
}

.marker {
    text-align: center;
    width: 38px;
    height: 19px;
    white-space: nowrap;
    border-radius: 4px;
    padding: 0!important;
    font-weight: 700!important;
    border: 1px solid #fff
}

.marker.sold.mouseover:before,
.marker.sold:before,
.marker:before {
    border-color: transparent transparent #9f1115
}

.marker:before {
    display: inline-block;
    content: " ";
    position: absolute;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 17px;
    left: 13px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 6px
}

.marker a {
    display: block!important;
    font-weight: 400!important
}

.list-view-bold,
.search-list-view-bold {
    font-weight: 700;
    color: #585858
}

.marker.sold {
    background: #9f1115
}

.marker.sold.mouseover {
    background: red;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, red), color-stop(100%, #9f1115));
    background: -webkit-linear-gradient(top, red 0, #9f1115 100%);
    background: -o-linear-gradient(top, red 0, #9f1115 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, red), to(#9f1115));
    background: linear-gradient(to bottom, red 0, #9f1115 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#9f1115', GradientType=0)
}

.marker.active.mouseover,
.marker.current.mouseover,
.marker.neighborhood.mouseover {
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#25d622', endColorstr='#477913', GradientType=0)
}

.marker.active.mouseover:before,
.marker.active:before,
.marker.current.mouseover:before,
.marker.current:before,
.marker.neighborhood.mouseover:before,
.marker.neighborhood:before {
    border-color: transparent transparent #477913
}

.marker.active {
    background: #2e7e36
}

.marker.active.mouseover {
    background: #25d622;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #25d622), color-stop(100%, #477913));
    background: -webkit-linear-gradient(top, #25d622 0, #477913 100%);
    background: -o-linear-gradient(top, #25d622 0, #477913 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #25d622), to(#477913));
    background: linear-gradient(to bottom, #25d622 0, #477913 100%)
}

.marker.current {
    background: #f7941d
}

.marker.current.mouseover {
    background: #25d622;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #25d622), color-stop(100%, #477913));
    background: -webkit-linear-gradient(top, #25d622 0, #477913 100%);
    background: -o-linear-gradient(top, #25d622 0, #477913 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #25d622), to(#477913));
    background: linear-gradient(to bottom, #25d622 0, #477913 100%)
}

.marker.neighborhood {
    background: #ce1d86
}

.marker.neighborhood.mouseover {
    background: #25d622;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #25d622), color-stop(100%, #477913));
    background: -webkit-linear-gradient(top, #25d622 0, #477913 100%);
    background: -o-linear-gradient(top, #25d622 0, #477913 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #25d622), to(#477913));
    background: linear-gradient(to bottom, #25d622 0, #477913 100%)
}

.table-no-left-margin tr td:first-child {
    padding: 8px 8px 8px 0!important
}

.list-home-image {
    height: 100px;
    border-radius: 0
}

.search-list-view-bold {
    font-size: 18px
}

.header-number a {
    color: #fff;
    font-size: 26px;
    text-decoration: none;
    display: block;
    margin-top: 2px
}

.property-values-table {
    color: #735954;
    margin-bottom: 40px
}

.property-values-table tr {
    margin-bottom: 10px
}

.property-values-table td {
    padding-right: 50px;
    min-width: 240px
}

.home-h1,
.home-h1 a,
.property-info-light-header,
h1,
h1.light-header {
    background: transparent !important;
    font-size: 36px;
    margin: 20px 0 15px;
    color: #9f0a19;
    font-weight: 400!important;
    text-transform: capitalize!important;
    font-family: 'Open Sans', sans-serif!important;
    clear: both
}

.property-info-light a {
    text-decoration: underline;
    color: #735954;
    font-weight: bolder
}

.property-info-light a:hover {
    color: #9f0a19
}

.property-info-light-header small {
    font-size: 18px;
    color: #9f0a19
}

.property-info-light,
.property-info-light .pull-left {
    margin-bottom: 30px
}

.property-info-header {
    margin: 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between
}

.property-info-header span {
    font-size: 18px;
    color: #735954;
    margin-right: 14px
}

.property-info-header span.price {
    font-size: 28px
}

#footer {
    background-color: #e3dedd;
    padding: 20px 0 0;
    color: #735954
}

#footer a {
    text-decoration: none;
    color: #735954
}

#footer a:hover {
    color: #735954;
    text-decoration: underline
}

#footer h3 {
    font-weight: 200
}

#footer .headline h3 {
    margin-bottom: 15px;
    font-weight: 500
}

#footer .areas ul,
#footer .areas ul li {
    margin: 0;
    padding: 0
}

#footer .areas ul li a {
    text-decoration: none;
    padding: 2px 6px;
    margin: 0 0 8px 8px;
    background-color: #999;
    border-radius: 6px;
    color: #000;
    font-size: 26px
}

#footer .areas ul li a:hover {
    background-color: #f28d22;
    color: #fff
}

#footer .legal {
    padding: 15px 0;
    background: #58595b;
    margin-top: 33px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center
}

.breadcrumb-piper li,
.home-bg,
.map-loader {
    background-repeat: no-repeat
}

#footer .legal .legal-menu a {
    display: inline-block;
    white-space: pre
}

#footer .legal span {
    display: inline-block;
    padding: 4px 0;
    margin: 0;
    color: #fff
}

#footer .legal a {
    color: #fff
}

article {
    margin: 10px 0 0
}

.active-default {
    color: #000;
    background-color: #d5cdcb;
    border-color: #d5cdcb
}

.active-default .glyphicon {
    color: #559222
}

.active-default .badge-highlight {
    color: #fff!important;
    background-color: #559222!important
}

.btn-main {
    color: #fff;
    background-color: #9a0210;
    border-color: #9a0210
}

.btn-main.active,
.btn-main:active,
.btn-main:focus,
.btn-main:hover,
.open .dropdown-toggle.btn-main {
    color: #fff;
    background-color: #6c1c23;
    border-color: #6c1c23
}

.btn-main.active,
.btn-main:active,
.open .dropdown-toggle.btn-main {
    background-image: none
}

.btn-main.disabled,
.btn-main.disabled.active,
.btn-main.disabled:active,
.btn-main.disabled:focus,
.btn-main.disabled:hover,
.btn-main[disabled],
.btn-main[disabled].active,
.btn-main[disabled]:active,
.btn-main[disabled]:focus,
.btn-main[disabled]:hover,
fieldset[disabled] .btn-main,
fieldset[disabled] .btn-main.active,
fieldset[disabled] .btn-main:active,
fieldset[disabled] .btn-main:focus,
fieldset[disabled] .btn-main:hover {
    background-color: #6c1c23;
    border-color: #6c1c23
}

.btn-main .badge {
    color: #428bca;
    background-color: #fff
}

.neighborhood-description {
    border-bottom: 1px dotted silver;
    padding-bottom: 12px
}

.morecontent span {
    display: none
}

#property-map {
    width: 100%;
    height: 400px;
    border: 0 solid #eee
}

.dropdown-header-big {
    padding: 0 20px 6px;
    display: inline-block;
    font-weight: 700;
    border-bottom: 1px solid #c5c5c5;
    width: 100%;
    color: #9e0b0f
}

.map-info,
.map-loader {
    position: absolute;
    display: none
}

.alert-message {
    padding: 10px;
    background-color: #f3eda6;
    margin-top: 20px;
    border: 1px dotted #C00;
    border-radius: 4px;
    font-weight: 700
}

.media-heading {
    font-size: 16px;
    color: #ed1c24
}

.saved-search-title {
    font-size: 18px;
    margin-left: 10px;
    color: #666
}

.home-headline,
.home-headline h1 {
    font-size: 62px
}

.nav-tabs .active a {
    font-weight: 700;
    color: #000!important
}

.map-loader {
    height: 15px;
    width: 128px;
    background-image: url(images/loader2.gif);
    top: 20px;
    left: 100%;
    margin-left: -148px
}

.map-info {
    padding: 4px 10px;
    background-color: #fff;
    border: 1px solid #900;
    border-radius: 4px;
    z-index: 1000;
    top: 10px;
    left: 10px;
    font-weight: 700
}

.map-wrapper {
    position: relative;
    margin-top: 10px;
    margin-bottom: 20px
}

.map-canvas {
    width: 100%px;
    height: 450px;
    background-color: #ebe5d9
}

.home-bg,
.home-box2 {
    background-color: #1f1f1f
}

.breadcrumb-piper {
    border: 1px solid #735954;
    width: 100%;
    overflow: hidden;
    margin: 20px 0 0;
    padding: 5px 0;
    color: #735954;
    font-weight: 600
}

.breadcrumb-piper a {
    color: #9f0a19;
    display: inline-block;
    outline: 0
}

.home-box2,
.home-headline {
    color: #fff
}

.breadcrumb-piper li {
    list-style-type: none;
    padding-left: 10px;
    display: inline-block;
    float: left;
    background-image: url(images/bc_separator.gif);
    background-position: right;
    padding-right: 15px
}

.breadcrumb-piper li.limit,
.breadcrumb-piper li:last-child {
    background-image: none;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.home-h1,
.home-h1 a,
.home-headline {
    padding: 10px;
    letter-spacing: 2px;
    text-align: center;
    margin-top: 10px
}

.breadcrumb-piper li.limit {
    max-width: 200px
}

.home-headline h2 {
    font-size: 42px
}

.home-bg {
    padding: 0;
    background-size: cover;
    display: none
}

.home-box2 {
    padding: 20px 0;
    font-size: 22px
}

.home-featured {
    padding: 0;
    float: left;
    width: 225px;
    height: 60px;
    margin: 0 20px 20px 0;
    text-align: center;
    font-size: 24px;
    color: #000;
    line-height: 60px;
    text-decoration: none;
    border-radius: 4px;
    background: rgba(255, 255, 255, .8)
}

.home-featured.last {
    margin: 0 0 20px
}

.home-featured:hover {
    text-decoration: none;
    color: #000;
    background-color: #fff
}

.home-featured.bg1 {
    background-image: url(images/bg1.jpg)
}

.home-featured.bg2 {
    background-image: url(images/bg2.jpg)
}

.home-featured.bg3 {
    background-image: url(images/bg3.jpg)
}

.home-featured.bg4 {
    background-image: url(images/bg4.jpg)
}

.home-featured.bg5,
.home-featured.bg6,
.home-featured.bg7,
.home-featured.bg8 {
    background-image: url(images/bg1.jpg)
}

.home-bg2 {
    padding: 10px 0 0;
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: #f2f2f2
}

.home-bg h3 {
    color: #b2b2b2
}

.home-pic-small {
    float: left;
    text-align: center;
    background: #FFF;
    -webkit-box-shadow: 0 1px 2px -1px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 2px -1px rgba(0, 0, 0, .3);
    padding: 0;
    margin: 0 20px 20px 0;
    position: relative
}

.home-address-text-small {
    font-size: 12px;
    margin-bottom: 5px;
    color: #545454
}

.home-pic-small .crop img {
    width: 176px;
    margin: -25px 0 0
}

.home-pic-small .crop {
    overflow: hidden;
    border: 0 solid #e2e2e2;
    height: 120px
}

.gallery-row .home-pic-small:nth-child(4) {
    float: left;
    margin: 0 0 16px
}

.gallery-row .home-pic-small:nth-child(5) {
    float: right;
    margin: 0 0 16px
}

.home-pic-text-small {
    left: 0;
    height: 30px;
    width: 100%;
    text-align: center;
    color: #000;
    font-size: 14px;
    background-color: #fff;
    padding: 6px 0
}

.home-price-text-small {
    left: 0;
    top: 0;
    color: #fff;
    font-size: 14px;
    background-color: #9e005d;
    padding: 3px 6px;
    position: absolute;
    border-bottom-right-radius: 6px;
    opacity: .9
}

.pic-cropped {
    width: 342px;
    height: 220px;
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block
}

.pic-cropped .pic-title,
.pic-cropped .top-pic-title {
    background: rgba(0, 0, 0, .6);
    padding: 6px 12px;
    position: absolute;
    color: #d9d9d9;
    text-decoration: none;
    left: 0
}

.pic-cropped.odd {
    float: left;
    margin: 18px 4px 4px
}

.pic-cropped.even {
    float: right;
    margin: 18px 4px 4px
}

.pic-cropped .top-pic-title {
    top: 0
}

.pic-cropped .pic-title {
    width: 100%;
    bottom: 0;
    font-size: 26px
}

.pic-cropped:hover {
    opacity: .8
}

.pic-cropped:hover .pic-title {
    background: rgba(0, 0, 0, 1);
    color: #fff
}

.listing-disclaimer {
    font-size: 12px;
    color: #666
}

hr {
    color: #d4d4d4;
    background-color: #d4d4d4;
    height: 1px
}

.sold-tr-message {
    color: #6a6a6a
}

.form-test {
    display: none
}

.property-table-image-container {
    position: relative
}

.property-table-image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    height: 100%
}

.property-table-image-overlay.new {
    background-image: url(images/new_tag.png)
}

.property-table-image-overlay.sold {
    background-image: url(images/sold_tag.png)
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #9a0210;
    border-color: #9a0210
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 0;
    border-radius: 4px
}

#area-info {
    margin: 12px 0
}

.modal-title-margin {
    margin: 0 0 15px
}

.btn-default .badge {
    color: #fff;
    background-color: grey
}

.close {
    font-size: 32px
}

.form-control {
    color: #626262;
    background-color: #fff;
    border: 1px solid #606060
}

.reg-form-ul {
    margin: 17px;
    padding: 0;
    font-weight: 700;
    color: #7a0913
}

.sidebar-list {
    padding: 0;
    margin: 0
}

.sidebar-list li {
    padding: 5px 0;
    margin: 0
}

.caption {
    width: 100%;
    bottom: .3rem;
    position: absolute;
    background: #000;
    background: -webkit-linear-gradient(bottom, #000 40%, rgba(0, 0, 0, 0) 100%) rgba(0, 0, 0, 0);
    background: -o-linear-gradient(bottom, #000 40%, rgba(0, 0, 0, 0) 100%) rgba(0, 0, 0, 0);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(40%, #000), to(rgba(0, 0, 0, 0))) rgba(0, 0, 0, 0);
    background: linear-gradient(to top, #000 40%, rgba(0, 0, 0, 0) 100%) rgba(0, 0, 0, 0)
}

.thumbnail {
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    margin: 0;
    padding: 0
}

div.listingthumbnail {
    height: 170px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    position: relative;
    z-index: 1;
    margin-bottom: 6px
}

div.listingthumbnail::after {
    content: '';
    position: absolute;
    height: 50%;
    width: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .4)), to(transparent));
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .4), transparent);
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, .4), transparent);
    background: linear-gradient(to top, rgba(0, 0, 0, .4), transparent);
    left: 0;
    bottom: 0;
    z-index: 1
}

div.listingthumbnail .status {
    position: absolute;
    top: 14px;
    left: 0;
    background: #9f0a19;
    color: #fff;
    font-size: 12px;
    padding: 0 6px;
    font-weight: 700;
    z-index: 2;
    display: block
}

.neighborhood-city-div {
    border-top: 1px solid #fff;
    background: #9f0a19
}

.listingthumb {
    position: relative;
    margin-bottom: 30px
}

.listingthumb .button-wrapp {
    position: absolute;
    right: 12px;
    top: 3px;
    z-index: 2
}

.top-save-button {
    background: 0 0;
    border: 0;
    font-size: 27px
}

.top-save-button:hover {
    background: 0 0!important
}

.top-save-button .glyphicon-heart-transparent:before {
    content: "\e005";
    color: rgba(0, 0, 0, .5)!important;
    font-size: 27px;
    z-index: 2;
    position: relative;
    -webkit-text-stroke: 2px #fff
}
.top-save-button .glyphicon-heart-white:before {
    content: "\e005";
    color: white !important;
    font-size: 27px;
    z-index: 2;
    position: relative;
    -webkit-text-stroke: 2px #fff
}

.top-save-button .glyphicon-heart {
    color: #9f0a19;
    font-size: 27px;
    text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff
}

div.listingthumbnail .price-div span {
    color: #fff;
    font-size: 24px
}

div.listingthumbnail .price-div .more-info {
    color: #fff;
    text-decoration: none;
    padding: 3px 6px;
    border: 1px solid #fff;
    border-radius: 3px;
    font-size: 14.5px;
    font-weight: 700
}

div.listingthumbnail:hover .more-info {
    background: rgba(255, 255, 255, .3)
}

div.listingthumbnail .price-div {
    position: absolute;
    width: 100%;
    bottom: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    z-index: 2
}

#mobile-widget-insert {
    text-align: left
}

.caption h4 {
    color: #fff;
    -webkit-font-smoothing: antialiased
}

@media (max-width:991px) {
    .col-md-text-left {
        text-align: left
    }
    #footer .areas ul li a {
        float: left
    }
    #mls-search-float-container {
        display: none
    }
}

@media (min-width:991px) {
    .col-md-text-left {
        text-align: right
    }
    #footer .areas ul li a {
        float: right
    }
}

.price-div {
    padding: 4px 10px;
    color: #fff;
    font-size: 20px
}

.price-div span {
    font-size: 20px;
    color: #e2c1c3
}

.neighborhood-city-div {
    padding: 4px 10px;
    color: #fff;
    font-size: 18px
}

.address-div,
.info-div {
    color: #735954;
    font-size: 18px
}

.phone_header a {
    color: #654538
}

.header-bg {
    background: #fff
}

.blog-article .row {
    margin-top: 20px
}

p.no-results {
    margin-bottom: 100px;
    color: #735954;
    font-size: 22px
}

@media (max-width:991px) {
    .right_text_mobile_center {
        text-align: center
    }
    .light-header,
    .light-header-full-width,
    .light-header-page,
    .mobile-center {
        text-align: center!important
    }
    .col-md-3,
    article {
        text-align: left!important
    }
    .mobile_logo {
        display: block
    }
    .mobile_logo img {
        width: 100%
    }
    .desktop_logo {
        display: none
    }
    .main_home_text {
        font-size: 20px!important;
        font-weight: 200;
        margin-top: 20px
    }
    .search-options-container {
        padding: 8px 0
    }
}

@media (min-width:992px) {
    .right_text_desktop,
    .right_text_mobile_center {
        text-align: right
    }
    .mobile_logo {
        display: none
    }
    .desktop_logo {
        display: block
    }
    .desktop_logo img {
        width: 400px
    }
    .main_home_text {
        font-size: 28px!important;
        font-weight: 200
    }
}

.main_home_text a {
    color: #fff;
    text-decoration: underline
}

.list-neighborhoods {
    padding: 0;
    margin: 0
}

.list-neighborhoods li {
    margin: 0;
    padding: 0 0 10px
}

.list-neighborhoods li a {
    text-decoration: none;
    font-size: 26px
}

.right_text_mobile_center a,
.right_text_mobile_center a:hover {
    color: #fff;
    font-size: 24px
}

.right_text_mobile_center a.tel {
    font-weight: 600;
    font-size: 26px;
    margin: 0;
    color: #b32017
}

.right_text_mobile_center p.find-sell {
    color: #735954;
    margin: 0;
    font-size: 26px;
    letter-spacing: 1px
}

.mobile-search {
    background-color: #ccc;
    padding: 20px
}

.mobile-search input[type=color],
.mobile-search input[type=date],
.mobile-search input[type=datetime-local],
.mobile-search input[type=datetime],
.mobile-search input[type=email],
.mobile-search input[type=month],
.mobile-search input[type=number],
.mobile-search input[type=password],
.mobile-search input[type=search],
.mobile-search input[type=tel],
.mobile-search input[type=text],
.mobile-search input[type=time],
.mobile-search input[type=url],
.mobile-search input[type=week],
.mobile-search select,
.mobile-search select:focus,
.mobile-search textarea,
.search-modal .form-control {
    font-size: 16px!important
}

#mls-description,
#mls-description>* {
    color: #735954
}

.form-panel {
    background-color: #dadada;
    color: #000
}

.form-alert,
.panel-default>.panel-heading {
    color: #fff;
    background-color: #1f1f1f;
    border-color: #ddd
}

.panel-default>.panel-heading {
    font-size: 18px
}

.form-alert {
    padding: 10px
}

#menu-button,
#menu-button:hover {
    background: 0 0
}

.category-item {
    text-align: left
}

.category-item .category-image {
    margin-bottom: 15px
}

.category-item .category-title h2,
.category-item .category-title-archive h2 {
    padding: 0;
    margin: 0 0 10px;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    text-transform: none
}

.cta-wrapper .home-cta a.btn-link,
.cta-wrapper .home-cta h2 {
    font-family: 'Open Sans', sans-serif!important;
    z-index: 2
}

.category-item .category-image img:hover {
    opacity: .7
}

.category-item .category-image img {
    width: 100%
}

.category-item .category-title h2 {
    font-size: 22px;
    line-height: 1.3em;
    color: #000
}

.category-item .category-title-archive h2 {
    font-size: 32px;
    line-height: 1.2em;
    color: #9e0b0f
}

.blog-row img {
    width: 100%!important;
    height: auto!important
}

.mobile-only {
    display: none!important
}

.mobile-only .container {
    max-width: 750px;
    width: auto
}

#menu-button {
    float: left;
    width: auto;
    height: auto;
    padding-top: 8px
}

.mobile_logo {
    float: right
}

.mobile_logo img {
    max-width: 280px
}

.navbar-full-width-container {
    border: 0
}

.navbar-full-width-container .col-md-9 {
    min-height: 0
}

.mobile-only.login-text-top {
    float: left
}

.mobile-only.contact-icons {
    float: right;
    font-size: 1.7em
}

.mobile-only.contact-icons a {
    color: #fff
}

@media(max-width:992px) {
    .mobile-only {
        display: initial!important
    }
    .desktop-only {
        display: none!important
    }
    #mobile-dashboard-menu {
        float: left;
        text-align: left
    }
    .login-text-top .container {
        width: auto
    }
}

@media(max-width:475px) {
    .mobile_logo img {
        max-width: 220px
    }
    .mobile-only .search-options-container .btn-group .btn {
        font-size: 14px;
        padding: 10px 5px
    }
}

.sidebar-widgets,
.widget_categories ul {
    padding: 0;
    list-style: none
}

@media(max-width:768px) {
    #registration-form .name_group .col-sm-6:first-of-type {
        margin-bottom: 15px
    }
}

#registration-content .logo {
    height: 30px;
    display: block;
    margin: 0 auto 10px
}

#registration-content .kw-logo {
    margin: 10px auto 0
}

.panel-body {
    overflow: auto
}

.sidebar-widgets>li {
    margin-bottom: 40px
}

.sidebar-list li {
    border: none
}

.nav-links .page-numbers.next:after,
.nav-links .page-numbers.prev:before {
    content: '';
    width: 12px;
    height: 12px;
    display: inline-block;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    border-bottom: 2px solid;
    border-left: 2px solid;
    margin-right: 5px
}

.nav-links .page-numbers.next:after {
    -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
            transform: rotate(-135deg);
    margin: 0 0 0 4px
}

.screen-reader-text {
    display: block;
    position: absolute;
    height: 1px;
    width: 1px;
    -webkit-transform: translateX(-9999px);
        -ms-transform: translateX(-9999px);
            transform: translateX(-9999px);
    overflow: hidden;
    opacity: 0
}

.property-valuation-sidebar h1 {
    font-size: 25px
}

.property-valuation-sidebar img {
    margin-bottom: 10px
}

#intro_text_wrap {
    background: #9f0a19
}

#intro_text_wrap .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 10px 0
}

#intro_text_wrap p {
    text-transform: uppercase;
    color: #fff;
    font-size: 25px;
    margin: 0
}

#intro_text_wrap .row a.grn-button {
    margin-left: auto;
    background-color: #62b955;
    color: #fff;
    padding: 8px 12px
}

#intro_text_wrap .row a.grn-button:hover {
    background-color: #539749;
    color: #fff;
    text-decoration: none
}

#main_intro {
    background: #fff;
    color: #735954;
    padding: 40px 0;
    font-size: 22px
}

#main_intro a {
    color: #9f0a19!important;
    font-weight: 400!important;
    text-decoration: none!important
}

#main_intro a:hover {
    text-decoration: underline!important
}

.piper-form-class {
    margin: 20px 0;
    background: #e3dedd;
    padding: 20px
}

.piper-form-class input,
.piper-form-class select,
.piper-form-class textarea {
    max-width: 100%;
    background: #fff;
    border-color: #fff;
    margin-bottom: 6px
}

.piper-form-class h3 {
    color: #9f0a19;
    font-size: 30px;
    text-transform: capitalize;
    font-weight: 300;
    margin-top: 0
}

.piper-form-class select {
    padding-bottom: 6px
}

.piper-form-class label {
    color: #735954;
    font-size: 16px;
    margin-bottom: 3px
}

.piper-form-class #request-info-submit-button,
.piper-form-class button {
    font-weight: 600;
    transtion: all 150ms ease-out;
    margin-top: 10px;
    float: right;
    color: #fff;
    background: #b34953;
    border: 1px solid #9f0a19;
    text-transform: uppercase
}

.piper-form-class #request-info-submit-button:hover,
.piper-form-class button:hover {
    background: #fff;
    color: #9f0a19
}

.piper-form-class button>span {
    display: none
}

.piper-form-class p.disclaimer {
    font-size: 13px;
    margin-top: 20px;
    color: #735954
}

.piper-form-class p.disclaimer a {
    color: #735954;
    text-decoration: underline
}

.piper-form-class p.disclaimer a:hover {
    color: #9f0a19
}

.piper_widget .media-heading,
.piper_widget a,
.piper_widget p {
    margin-bottom: 0;
    color: #735954;
    font-weight: 400
}

.piper_widget {
    margin-bottom: 40px
}

.piper_widget>h4 {
    margin-top: 20px;
    color: #9f0a19;
    font-size: 24px;
    text-transform: capitalize;
    font-weight: 300
}

.piper_widget .media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center
}

.piper_widget img {
    max-width: 300px
}

.search-result-alert {
    font-size: 22px;
    color: #735954
}

.pillbox {
    display: inline-block;
    background-color: #fff;
    padding: 0 10px;
    margin: 0 12px 10px 0;
    color: #222;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    text-align: center
}

.pillbox.reset,
.pillbox.save {
    padding-right: 8px
}

.pillbox-text {
    float: left;
    dislay: inline-block;
    margin-top: 2px
}

.pillbox:hover {
    cursor: default
}

.pillbox .closebutton {
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    display: inline-block;
    margin-top: 7px;
    color: #9f0a19;
    dislay: inline-block;
    float: right;
    margin-left: 4px
}

.pillbox .closebutton:hover {
    color: #000
}

.pillbox.reset {
    background-color: #735954;
    color: #9f0a19!important;
    padding: 5px 16px 7px;
    border-radius: 4px;
    clear: both;
    float: right
}

.pillbox.reset:hover {
    background-color: #9f0a19
}

.pillbox.reset a {
    text-decoration: none;
    color: #fff;
    display: inline-block
}

@media(max-width:768px) {
    #main_intro {
        font-size: 16px;
        padding: 10px
    }
    #intro_text_wrap .row {
        display: block
    }
    #intro_text_wrap p {
        font-size: 20px;
        width: 100%;
        text-align: center
    }
    #intro_text_wrap .row a.grn-button {
        text-align: center;
        display: block;
        margin: 10px auto;
        max-width: 330px
    }
}

ul.related-posts {
    display: inline-block
}

ul.related-posts li img {
    max-width: 100%
}

.cta-wrapper .home-cta {
    padding: 10px 35px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    min-height: 350px;
    height: 350px;
    margin-bottom: 30px
}

.cta-wrapper .home-cta h2 {
    text-transform: capitalize;
    color: #fff;
    font-size: 40px;
    margin-bottom: 20px;
    position: relative
}

.cta-wrapper .home-cta a.btn-link {
    display: block;
    color: #fff;
    border-radius: 3px;
    border: 1px solid #fff;
    background: rgba(255, 255, 255, .3);
    padding: 6px;
    width: 50%;
    margin: 16px 0;
    max-width: 500px;
    text-align: center;
    font-size: 18px;
    position: relative
}

.area-views a,
.area-views a:hover {
    color: #735954
}

.cta-wrapper .home-cta a.btn-link:hover {
    text-decoration: none;
    background: rgba(1, 1, 1, .3)
}

.cta-wrapper .home-cta {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
    margin: 10px auto;
    width: 100%;
    position: relative
}

.cta-wrapper .home-cta:after {
    height: 100%;
    width: 100%;
    position: absolute;
    content: '';
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgba(1, 1, 1, .4)
}

.area-views a {
    border-color: #735954;
    font-weight: 700
}

.area-views .button-filters,
.area-views .button-view-filters {
    margin: 10px 0 0
}

#navigation li ul.sub-menu {
    width: 250px
}

.neighborhood-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 15px 0 20px !important;
}

.neighborhood-header h1{ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin: 0 !important;} 
.neighborhood-header .heart-btn button.save-neighborhood { background-color: #9f0a19; color: #fff; border: none; font-size: 17px !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.neighborhood-header .heart-btn button.save-neighborhood:hover { background-color: #5a0008 !important; border-color: #650009 !important; }
.neighborhood-header .heart-btn button.save-neighborhood span.glyphicon{ margin-right: 8px; }


#mention-map-wrapper h2 {padding-top: 10px; margin: 20px 0;}
#mention-map-wrapper #mention-map {height: 500px; width: 100%}


#neighborhood-listings #myTabContent {overflow-x: hidden; overflow-y: auto; max-height: 820px;}

#sales-information {margin: 20px auto;}
#sales-information h3{margin-bottom: 14px;}
#sales-information table td {color: #735954; font-size: 18px;}



@media (max-width:991px) {
    .cta-wrapper .home-cta a.btn-link {
        max-width: 75%;
        width: 75%
    }
    .cta-wrapper .home-cta {
        padding: 10px 15px
    }
    .area-views .button-filters {
        text-align: center;
        margin: 10px auto
    }
    .area-views .button-view-filters {
        text-align: center;
        margin: 10px auto 0;
        float: none!important
    }
}

@media(max-width:768px) {
    .cta-wrapper {
        margin: 0 auto 40px
    }
    .property-info-header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column
    }
    .area-views .button-filters {
        display: block;
        width: 100%
    }
    .area-views .button-filters a {
        display: block;
        width: 100%;
        border-radius: 0;
        margin: 4px auto
    }
    .area-views .button-view-filters {
        margin-top: 20px;
        width: 100%
    }
    .area-views .button-view-filters a {
        display: inline-block;
        width: 50%;
        text-align: center;
        border-radius: 0
    }
    .neighborhood-header {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: baseline;-ms-flex-align: baseline;align-items: baseline;}
    .neighborhood-header h1{ margin-bottom: 15px; }
    #neighborhood-listings #myTabContent { max-height: none;}

}

@media(max-width:450px) {
    .cta-wrapper .home-cta a.btn-link {
        max-width: 100%;
        width: 100%
    }
    .col-xxs-12 {
        max-width: 100%!important;
        width: 100%!important;
        min-width: 100%!important;
        -ms-flex-preferred-size: 100%!important;
            flex-basis: 100%!important
    }
}



.gform_wrapper, .gform_confirmation_wrapper {
    margin: 20px 0;
    background: #e3dedd;
    padding: 20px;
  }
  
  .gform_wrapper .gform_title {
    color: #9f0a19;
    font-size: 30px;
    font-weight: 300;
    margin-top: 0;
  }
  
  .gform_wrapper legend,
  .gform_wrapper label,
  .gform_wrapper .gfield_label {
    color: #735954;
    font-size: 16px;
    margin-bottom: 3px;
  }
  
  .gform_wrapper textarea {
    min-width: 100%;
    max-width: 100%;
    min-height: 100px;
    max-height: 250px;
  }
  
  .gform_wrapper .gform_button {
    font-weight: 600;
    transtion: all 150ms ease-out;
    margin-top: 10px;
    float: right;
    color: #fff;
    background: #b34953;
    border: 1px solid #9f0a19;
    text-transform: uppercase;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
  }
  
  
  .gform_wrapper .gform_button:hover {
    background: #fff;
    color: #9f0a19;
  }
  
  .gform_wrapper .gfield_description a {
    font-weight: bold;
  }

.ginput_container_checkbox label {font-weight: 400}