/* seach on map */
div.search-on-map-page .header-contacts {
    display: none !important;
}
div.search-on-map-page .header-nav {
    min-height: 62px !important;
}
div.search-on-map-page .main-menu .menu {
    padding-right: 20px;
}
.grid_navbar div.grid > div > span {
    width: 10px;
    height: 10px;
}
.grid_navbar div.grid > div > span:nth-child(2n) {
    margin: 0 0 2px 2px;
}
section#listings.grid .icon {
    top: 1px!important;
}

/*** FEATURED LISTINGS BOX ***/
ul.featured > li {
    margin-bottom: 30px;
}
ul.featured:not(.row) {
    margin-left: -15px;
    margin-right: -15px;
}
section ul.featured:last-child {
    margin-bottom: -30px;
}
article .inner {
    height: 100%;
}
.featured li > .inner:hover,
article .inner:hover {
    box-shadow: 0 6px 20px -4px rgba(0,146,227,.4);
}
ul.featured > li > .picture {
    position: relative;
    width: 100%;
    padding-bottom: 66%;
    border: 1px #E8E8E8 solid;
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
}
ul.featured > li img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: url('../img/no-picture.svg') center center no-repeat #F8F8F8;
    border-radius: 3px 3px 0 0;
}
.listing-fit-contain ul.featured > li img {
    object-fit: contain !important;
}
.listing-fit-contain ul.featured > li:not(.no-picture) img {
    background: #F8F8F8 !important;
}
ul.featured > li > ul {
    position: relative;
    padding: 9px 13px;
    background: white;
    border-radius: 0 0 4px 4px;
    border: 1px #E8E8E8 solid;
    border-top: 0;
}
ul.featured > li > ul > li:not(:last-child) {
    margin-bottom: 8px;
}
ul.featured .icons {
    display: flex;
    align-self: center;
    align-items: center;
}
ul.featured .icons .icon {
    width: 18px;
    height: 18px;
    display: block;
    cursor: pointer;
    opacity: .7;
}
ul.featured .icons .icon:hover {
    opacity: 1;
}
ul.featured .icons > *:not(:last-child) {
    margin-right: 10px;
}

ul.featured.list > li {
    position: relative;
}
ul.featured.list > li:before {
    content: '';
    width: 5px;
    height: 5px;
    position: absolute;
    background: #707070;
    border-radius: 4px;
    top: 8px;
}
ul.featured.list > li {
    display: block!important;
}
ul.featured.list > li > ul > li {
    padding: 0 0 5px 15px;
    position: relative;
    white-space: normal;
}

article.item:not(.no-image) ul.ad-info > li.title,
article.item:not(.no-image) ul.ad-info:not(.with-names) > li.fields,
ul.featured.with-pictures ul.ad-info > li.title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 45px;
    font-size: 0.938em;
}
article.item:not(.no-image) ul.ad-info:not(.with-names) > li.fields {
    -webkit-line-clamp: 1;
    height: 20px;
}
article.item:not(.no-image) ul.ad-info > li.fields:empty {
    display: none;
}
ul.ad-info > li.services > span {
    display: inline-block;
    margin-right: 20px;
    color: #333333;
    font-size: 0.929em;
    position: relative;
    padding-left: 25px;
    font-size: 0.813em;
}
ul.ad-info > li.services > span:last-child {
    margin-right: 0;
}
ul.ad-info > li.services > span:before {
    content: '';
    position: absolute;
    width: 18px;
    height: 13px;
    left: 0;
    top: 1px;
    background: url('../img/gallery.png') right -299px no-repeat;
}
ul.ad-info > li.services > span.bathrooms:before {
    top: 0;
    height: 15px;
    background-position: right -283px;
}
ul.ad-info > li.services > span.square_feet:before {
    top: 2px;
    height: 15px;
    background-position: right -194px;
}
ul.ad-info > li.fields > span:not(:last-child) {
    margin-right: 5px;
}
ul.ad-info > li.fields > span:not(:last-child):after {
    content: ',';
}
ul.ad-info > li.fields {
    color: #888888;
    font-size: 0.813em;
}

/* Ben's Additions */
div.price-tag {
    background: #EEEEEE;
    padding: 12px 15px;
    font-weight: 500;
    letter-spacing: 0.75px;
    font-size: 22px;
    border-top: 5px solid #274abb;
}
div.price-tag i {
    margin-left: 10px;
    font-size: 12px;
}
section.grid > article {
    padding-right: 10px;
}
section.grid > article .main-column.relative.clearfix {
    border: 1px #ccc solid;
    margin-bottom: 10px;
    border-radius: 8px;
}
section.grid > article div.picture {
    border-radius: 8px 8px 0px 0px;
}
div.picture > div.pcategory {
    position: absolute;
    top: 10px;
    left: 15px;
}
div.picture > div.pcategory > span {
    background: #274abb;
    padding: 5px 10px;
    color: #ffffff;
    font-size: 14px;
}
form > div.search-form-cell:nth-child(even) {
    float: right;
}
.title a.link-large.text-overflow {
    color: #274abb!important;
}
/* Ben's Additions End For Now */

ul.ad-info > li.price_tag > div > span,
ul.ad-info .price-tag > span,
ul.ad-info > li.system .type {
    font-weight: 400;
    font-size: 1.125em;
}
ul.ad-info > li.price_tag {
    flex-wrap: wrap-reverse;
}
ul.ad-info > li.price_tag > *:last-child {
    min-width: unset;
    overflow: visible;
    line-height: 28px;
    white-space: nowrap;
}
ul.ad-info .converted-price {
    font-size: 1rem !important;
}
/*** FEATURED LISTINGS BOX END ***/
.relative {
    position: relative;
}

/* featured */
article.featured div.picture > span:after {
    box-shadow: 0 0 0 2px #FFF164!important;
    background-color: #FFF164!important;
    color: #3E3E3E;
}
article.featured div.picture > span {
    border-color: #FFF164 !important;
}
article.featured div.picture > div.label {
    position: absolute;
    left: 8px;
    top: 8px;
    height: 16px;
    line-height: 16px;
    padding: 0 3px;
    background: #FFF164;
    font-size: 0.688em;
    color: #3E3E3E;
    font-weight: 600;
    z-index: 1;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
}
section.my-listings article.featured div.picture > div.label {
    top: 0;
}
/* featured end */
/* grid view */
section.grid > article {
    padding-bottom: 30px;
}
section#listings.grid ul.ad-info {
    padding: 10px 15px!important;
    margin: 0px;
    border-radius: 0px 0px 8px 8px;
    background: #FFFFFF!important;
}
section#listings .fields {
    color: #888888;
    font-size: 0.813em;
}
section#listings.grid ul.ad-info > ol {
    display: none;
}
section#listings.grid > article:not(.no-image) ul.ad-info > li.title, section#listings.grid > article:not(.no-image) ul.ad-info > li.fields {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
}
section#listings.grid ul.ad-info > li:not(:last-of-type) {
    margin-bottom: 4px;
}
section#listings.grid > article div.navigation-column {
    position: absolute;
    width: auto;
    bottom: 38px;
    right: 28px;
    z-index: 1;
}
section#listings.grid > article div.navigation-column div.before-nav {
    display: none;
}
section#listings.grid ul.nav-column > li {
    display: inline-block;
    height: 18px;
    width: 18px;
    margin-left: 8px;
    position: relative;
}
section#listings.grid ul.nav-column > li:first-child {
    margin-left: 0;
}
section#listings.grid ul.nav-column > li span.icon {
    top: 0;
}
section#listings.grid ul.nav-column > li > a > span.link,
section#listings.grid ul.nav-column > li > span.link {
    display: none;
}
/* grid view end */
/* no image grid view */
section#listings.list.no-image {
    margin: 0;
    padding: 0;
}
section#listings.list.no-image > article {
    display: block;
    padding: 0 0 10px;
}
section#listings.list.no-image a.link-large {
    font-size: 1.125em!important;
}
section#listings.list.no-image ul.ad-info > li.title {
    padding-bottom: 0;
}
/* no image grid view end */

/* map view */
#listings_map,
#accounts_map {
    height: 65vh;
}
/* map view end */

.category-description {
    border: 2px #F4F9FF solid;
    padding: 14px 18px;
    margin: 0 0 20px;
}
/*** LISTINGS GRID END ***/

.modal_block div.inner div.caption,
.modal_block div.inner div.caption_padding {
    color: #2b2b2b;
    font-size: 1.143em;
    padding: 0 0 20px;
    font-weight: bold;
    margin-top: -7px;
}
.modal_block div.inner div.caption_padding {
    padding: 0 0 20px 70px;
}

/* inputs */
input[type=text],
input[type=password],
input[type=number],
textarea,
select,
div.cd-extendable > div.dropdown,
span.pills {
    height: 44px;
    background: #D5E7FC;
    border: 1px transparent solid;
    color: #004290;
    font-size: 0.875em;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;

    padding: 0 10px 3px;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;

    transition: border-color 0.3s ease;
}
.auth input[type=text],
.auth input[type=password] {
    background: #ffffff;
}

input:hover,
select:not(:disabled):hover,
div.cd-extendable > div.dropdown:hover {
    border-color: #999999;
}
input:focus {
    border-color: #222222;
}
select:focus,
div.cd-extendable.opened > div.dropdown {
    background-color: #CBE7FF;
    border-color: #8ABEE8;
}
textarea {
    line-height: normal;
    height: auto;
    padding: 8px 10px 8px;
    width: 100%;
}
select {
    background: url('../img/dropdown-arrow-grey.svg') right 18px no-repeat #D5E7FC;
    background-size: 18px 5px;
    padding-right: 28px;
}
div.cd-extendable > div.dropdown {
    background: url('../img/dropdown-arrow-grey.svg') right 18px no-repeat white;
    background-size: 18px 5px;
    padding-right: 28px;
}
select.disabled,
select[disabled=disabled],
input[disabled=disabled] {
    cursor: not-allowed;
    color: #8a8a8a;
    background-color: #e6e6e6;
    background-image: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type=number] {
    -moz-appearance: textfield;
    margin: 0;
}
option {
    padding: 2px 0;
}
input[type=submit],
input[type=button],
.file-input span,
a.button,
.btn {
    background: #274abb;
    height: 42px;
    width: 100%;
    border: 0px!important;
    padding: 0 20px;
    color: white;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    cursor: pointer;
    -webkit-appearance: none;
    border-radius: 4px;
    -webkit-font-smoothing: antialiased;
    font-weight: 500;
    transition: background 0.3s ease;
}
.side_block input[type=submit],
.side_block input[type=button],
.side_block .file-input span,
.side_block a.button,
.side_block .btn {
    background: transparent;
    border: 2px solid #AB77E0;
    color: #004290;
}
.side_block input[type=submit]:hover,
.side_block input[type=button]:hover,
.side_block .file-input span:hover,
.side_block a.button:hover,
.side_block .btn:hover {
/*    background: #AB77E0; 
background: #bda850; */
    background: #001559;
    color: white;
}
.side_block a.button.low {
    height: 31px;
}
input[type=submit]:hover,
input[type=button]:hover,
a.button:not(.disabled):hover,
.file-input span:hover,
.btn:hover {
    background: #001559;
}
a.button {
    display: inline-block;
    line-height: 44px;
}
a.button.disabled,
input[type=submit][disabled=disabled],
input[type=button][disabled=disabled],
input[type=submit].disabled,
input[type=button].disabled {
    cursor: not-allowed;
    background: #b1b1b1 !important;
    color: #e6e6e6;
    box-shadow: none;
}
input[type=submit].low,
input[type=button].low,
a.button.low {
    height: 28px;
    line-height: 28px;
    font-size: 0.750em;
    padding: 0 11px 3px;
    white-space: nowrap;
}
.button.warning:not(.disabled) {
    background: #c51c1c;
    border: none;
}
.button.warning:not(.disabled):hover {
    background: #d62c2c !important;
}

input[type=checkbox]:not(.default),
input[type=radio]:not(.default) {
    opacity: 0;
    position: absolute;
    width: 22px;
    height: 22px;
}
input[type=checkbox]:not(.default) + label,
input[type=radio]:not(.default) + label {
    max-width: 100%;
    padding-top: 1px;
    display: inline-block;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top;
    font-size: 0.938em;
}
input[type=checkbox]:not(.default) + label > span,
input[type=radio]:not(.default) + label > span {
    width: 22px;
    height: 22px;
    display: inline-block;
    background: white;
    vertical-align: top;
    margin: -1px 5px 0 0;
    border: 2px #AB77E0 solid;
    position: relative;
    border-radius: 2px;
}
input[type=radio]:not(.default) + label > span {
    border-radius: 50%;
}
input[type=checkbox]:not(.default) + label > span:before {
    content: '';
    position: absolute;
    -webkit-font-smoothing: antialiased;
    display: none;
    left: 4px;
    top: 8px;
    background: #263343;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 #263343, 4px 0 0 #263343, 4px -2px 0 #263343, 4px -4px 0 #263343, 4px -6px 0 #263343, 4px -8px 0 #263343;
    transform: rotate(45deg);
}
input[type=radio]:not(.default) + label > span:before {
    content: '';
    display: none;
    vertical-align: top;
    width: 10px;
    height: 10px;
    background: #263343;
    border-radius: 50%;
    margin: 4px 0 0 4px;
}
input[type=checkbox]:not(.default):hover + label > span,
input[type=radio]:not(.default):hover + label > span {
    border-color: #263343;
}
input[type=checkbox]:not(.default):hover + label > span:before,
input[type=radio]:not(.default):hover + label > span:before {
    display: inline-block;
}
input[type=checkbox]:not(.default):checked + label > span,
input[type=radio]:not(.default):checked + label > span {
    background-color: #263343;
    border-color: transparent;
}
input[type=radio]:not(.default):checked + label > span:before {
    display: inline-block;
    background-color: #E0CE82;
}
input[type=checkbox]:not(.default):checked + label > span:before {
    display: inline-block;
    background-color: #E0CE82;
    box-shadow: 2px 0 0 #E0CE82, 4px 0 0 #E0CE82, 4px -2px 0 #E0CE82, 4px -4px 0 #E0CE82, 4px -6px 0 #E0CE82, 4px -8px 0 #E0CE82;
}

input[type=radio].multiline + label,
input[type=checkbox].multiline + label {
    height: auto;
    text-align: left;
    color: #006EC7;
    font-size: 0.929em;
}
input[type=radio].multiline:checked + label,
input[type=checkbox].multiline:checked + label {
    color: #010101;
}
input[type=checkbox].multiline:not(.default) + label > span,
input[type=radio].multiline:not(.default) + label > span {
    display: block;
    margin: 0 auto 5px;
}
input[type=radio][disabled=disabled] + label > span {
    opacity: 0.5;
}
input[type=radio][disabled=disabled] + label {
    color: #888888;
}

input[type=checkbox].inline + label {
    display: inline;
}
input[type=checkbox].inline + label > span {
    margin: 0;
}

input.search,
input.search:hover {
    background-image: url('../img/gallery.png');
    background-position: 12px -430px;
    width: 0;
}

/* Switcher */
label.switcher input[type=checkbox] {
    display: none;
}
label.switcher > input[type=checkbox] + span:not(.status) {
    margin-top: -1px;
    display: inline-block;
    width: 34px;
    height: 18px;
    background: #969696;
    position: relative;
    cursor: pointer;
    vertical-align: middle;
    transition: background-color 0.4s, opacity 0.4s;
    opacity: 0.7;
}
label.switcher > input[type=checkbox] + span:not(.status):after {
    content: "";
    position: absolute;
    top: 2px;
    right: 2px;
    width: 14px;
    height: 14px;
    background: #fff;
    transition: transform 0.4s;
    z-index: 2;
}
label.switcher > input[type=checkbox] + span:not(.status):before {
    content: "";
    position: absolute;
    top: 5px;
    right: 5px;
    width: 8px;
    height: 8px;
    background: url(../img/gallery.png) -8px -699px no-repeat;
    transition: transform 0.4s;
    z-index: 3;
}
label.switcher:hover > input[type=checkbox] + span:not(.status) {
    opacity: 1;
}
label.switcher > input[type=checkbox]:checked + span:not(.status) {
    background: #52b600;
    transition: background-color 0.4s;
}
label.switcher > input[type=checkbox]:checked + span:not(.status):after {
    transform: translateX(-16px);
}
label.switcher > input[type=checkbox]:checked + span:not(.status):before {
    transform: translateX(-16px);
    background-position: 0 -699px;
}
label.switcher > input[type=checkbox] ~ .status {
    margin-left: 10px
}
label.switcher > input[type=checkbox] ~ .status:before {
    content: attr(data-enabled);
}
label.switcher > input[type=checkbox]:checked ~ .status:before {
    content: attr(data-disabled);
}

::-webkit-input-placeholder {
    color: #b9b9b9;
    font-weight: 300;
}
:-moz-placeholder {
    color: #b9b9b9;
    font-weight: 300;
}
::-moz-placeholder {
    color: #b9b9b9;
    font-weight: 300;
}
:-ms-input-placeholder {
    color: #b9b9b9;
    font-weight: 300;
}
*:focus {
    outline: none;
}

input[type=text].error,
input[type=password].error,
textarea.error {
    background: #fff2f4;
    color: #c92a44;
    border-color: #f79d9d;
}
div.field.error label {
    color: #c92a44;
}
select.error {
    background-color: #fff3f5;
    border-color: #ffccd4;
    color: #c92a44;
}
.image-field-preview {
    margin-bottom: 10px;
}
.image-field-preview > div.relative {
    width: 100%;
}
.file-input {
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}
.file-input input.file {
    position: absolute;
    right: 0;
    height: 40px;
    opacity: 0;
}
.file-input input.file-name {
    width: 200px;
    position: relative;
}
.file-input span {
    display: inline-block;
    vertical-align: top;
    line-height: 44px;
    margin-left: 3px;
}
.file-input + em {
    margin: 0 10px;
}

span.pills {
    white-space: nowrap;
    display: inline-block;
    vertical-align: top;
    padding: 0;
    border-radius: 4px;
}

div.search-form-cell.checkbox-field.radio span.pills > label {
    width: 24%!important;
}

span.pills > label > span {
    display: none!important;
}
span.pills > label {
    padding: 0 15px!important;
    height: 42px!important;
    line-height: 40px;
    border-right: 1px #E6E6E6 solid;
    display: inline-block;
    text-align: center;
}
span.pills > label:last-child {
    border: 0;
}
span.pills input[type=radio]:checked + label {
    background: #274abb;
    color: #ffffff;
    border-radius: 5px;
    text-decoration: none;
    cursor: default;
}
span.pills > label:not(.active) {
    cursor: pointer;
    color: #09396E;
}
span.pills > label:not(.active):hover {
    text-decoration: underline;
}
/* inputs end */

/* sidebar search block */
.search-item .field {
    font-size: 0.813rem;
}
section.side_block_search div.search-item {
    padding-bottom: 15px;
}
section.side_block_search div.search-item:last-child {
    padding-bottom: 0;
}
section.side_block_search div.field {
    padding: 0 0 4px 0;
    min-height: 8px;
}
.search-button {
    padding-top: 15px;
}
.search-button > a {
    margin-left: 10px;
    white-space: nowrap;
    font-size: 0.875em;
}
/* single */
.search-item.single-field > select,
.search-item.single-field > input[type=text],
.search-item.single-field .two-inline input[type=text] {
    width: 100%;
}
/* two */
.search-item.two-fields > select,
.search-item.two-fields > input[type=text] {
    width: 48%;
    margin-right: 4%;
}
.search-item.two-fields > select:last-child,
.search-item.two-fields > input[type=text]:last-child {
    margin-right: 0;
}
.search-item.two-fields > .custom-input,
.search-item.couple-field > .custom-input {
    width: 50%;
    display: inline-block;
}
/* three */
.search-item.three-field > select,
.search-item.three-field > span {
    width: 24%;
    margin-right: 4%;
}
.search-item.three-field > input {
    width: 34%;
    margin-right: 4%;
}
.search-item.three-field > span,
.search-form-cell.three-field > div > div > span {
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    padding-top: 9px;
    vertical-align: top;
}
.three-field > select.multicat {
    width: 31%;
    margin-right: 3.5%;
}
.search-item.three-field > *:last-child {
    margin-right: 0;
}

/* checkbox */
.search-item.checkbox-field {
    margin-bottom: -10px;
}
.search-item.checkbox-field > .custom-input {
    display: inline-block;
    width: 50%;
}
.search-item.checkbox-field > .custom-input {
    padding: 0 0 10px 0;
}
.search-item.checkbox-field > .custom-input > label {
    padding-right: 5px;
}
.search-item.checkbox-field div.field,
.search-item.couple-field div.field {
    padding-bottom: 8px;
}

.search-item span.divider {
    padding: 0 10px;
}
/* sidebar search block end */

/* search form elements */
.search-form-cell {
    display: inline-block;
    vertical-align: top;
}
.search-form-cell > div {
    margin: 10px 15px 0;
}
.search-form-cell > div > span {
    color: #555555;
    font-size: 0.929em;
    display: inline-block;
    vertical-align: top;
    padding-bottom: 6px;
    height: 24px;
    white-space: nowrap;
}
.search-form-cell.vertical-middle > div > div {
    padding-top: 8px;
}

.search-form-cell.numeric-field > div > span {
    max-width: 120px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.search-form-cell > div > div input[type=text],
.search-form-cell > div > div input[type=number],
.search-form-cell > div > div select,
.search-form-cell > div > div span.pills {
    width: 100%;
}
.search-form-cell.three-field > div > div input[type=text],
.search-form-cell.three-field > div > div input[type=number] {
    width: 33%;
    vertical-align: top;
}
.search-form-cell.three-field > div > div select {
    width: 28%;
    vertical-align: top;
}
.search-form-cell.three-field > div > div > *:not(:last-child) {
    margin-right: 3%;
}
.search-form-cell.two-fields > div > div select {
    width: 48%;
    margin-right: 3%;
}
.search-form-cell.two-fields > div > div select:last-of-type {
    margin-right: 0;
}

.search-form-cell .two-inline input.wauto {
    width: 100%!important;
}
/* search form elements end */

.field span.divider,
.search-form-cell span.divider {
    padding: 0 10px;
}


.clearfix:before,
.clearfix:after {
    display: table;
    content: " ";
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

body > div.main-wrapper {
    overflow: hidden;
    min-height: 100%;
    position: relative;
    margin: 0 auto;
    width: 100%;
}

div#wrapper {
    min-height: 100%;
    margin: 0 auto;
    overflow: hidden;
}
section#main_container {
    position: relative;
    overflow: hidden;
}
section#main_container > div.inside-container {
    margin: 0 auto;
    position: relative;
}
div.bc-exists section#main_container > div.inside-container {
    padding-top: 0;
}

header.page-header > div.point1 {
    max-width: 100%;
}

.horizontal-search input#location_header_search {
    /* background: url('../img/lens.svg') no-repeat left center #ffffff; */
	background:  #ffffff;
    padding-left: 44px;
}
.horizontal-search input#location_header_search {
  /*  background-image: url('../img/marker.svg'); */
}

section.horizontal-search h1 {
    color: #f4f4f4;
    text-shadow: 1px 1px 0 rgba(0,0,0,.4);
    margin-bottom: 25px;
}

.point1 {
    width: 100%;
    margin: 0 auto;
}

ul.featured:not(.row) {
    margin-left: -15px;
    margin-right: -15px;
}

#area_listing  div.listing-fields > div.row {
    margin-bottom: 25px;
}
div.list-table > div.row > div {
    vertical-align: top;
    padding-top: 11px;
    padding-bottom: 11px;
    color: #111111;
}
div.list-table > div.row > div > div.inline {
    display: inline;
}
div.list-table > div.row > div.text {
    padding-top: 22px;
}
div.list-table > div.row > div > table.table {
    margin-top: -5px;
}
div.list-table > div.row > div > table.table td.name {
    width: 150px;
}
.row > div.fieldset.divider {
    padding-left: 15px;
    padding-right: 15px;
    flex: 1 1 100%;
}

div.section.group form.row > div {
    text-align: center!important;
    padding-left: 44%;
    margin-top: 30px;
}

section#controller_area {
 /*   height: auto !important; */
 height: calc(100vh - 89px);
}

@media only screen and (max-width: 767px) {
section#controller_area {
 /*   height: auto !important; */
 height: calc(100vh - 80px)!important;
}
.pt-4.pb-5.mt-lg-3 > .row {
    margin-bottom: 0px!important;
    min-height: calc(100vh - 179px);
}
}

section#controller_area:empty {
    padding-bottom: 0!important;
}

#controller_area div.fieldset > header > span.arrow {
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: bottom;
    margin-right: 10px;
    cursor: pointer;
    opacity: 0.7;
    position: relative;
    background: url('../img/gallery.png') -29px -342px no-repeat;
}
#controller_area div.fieldset > header > span.arrow:hover {
    opacity: 1;
}
#controller_area div.fieldset > header > span.arrow.up {
    transform: scaleY(-1);
}
#controller_area div.fieldset > div.body > div {
    padding-top: 10px;
}

#map_listings footer {
        padding-left: 20px !important;
        padding-right: 20px !important;
        background: #dddddd !important;
    }
    #map_listings .footer-data {
        margin-top: 0 !important;
    }
    #map_listings .search-block-content form div.search-form-cell {
        width: 49%;
    }
	

@media screen and (min-width: 1200px) {
    .point1 {
        max-width: 1140px;
    }
	div.table-mode .search-form-cell {
        display: table-cell;
    }
	div.table-mode .search-form-cell.numeric-field,
    div.table-mode .search-form-cell.single-field {
        width: 10%;
    }
    div.table-mode .search-form-cell.checkbox-field {
        width: 15%;
    }
    div.table-mode .search-form-cell.submit {
        width: 8%;
    }
	div.special-block section > div.clearfix {
        height: 230px;
    }
	#search_area div.table-mode {
        display: table;
        width: 100%;
    }
    #search_area div.table-mode > form {
        display: table-row;
    }
	
	
}

@media screen and (min-width: 1440px) {
	.point1 {
        max-width: 1380px;
    }
	div.no-sidebar aside:not(.two-middle) section:not(.side_block) .featured > li {
        flex: 0 0 20%;
        max-width: 20%;
    }
    div.no-sidebar aside.two-middle .featured > li {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
	
	
}


@media screen and (min-width: 992px) and (max-width: 1199px) {
    .point1 {
        max-width: 940px;
    }
	div.special-block section > div.clearfix {
        height: 318px;
    }
}

@media screen and (max-width: 991px) {

section#main_container aside.left {
        display: block;
        width: auto;
        vertical-align: top;
        float: none;
    }
    div.view-details-page.get-details-box section#main_container section.seller-short {
        display: none;
    }
	section#controller_area:not(:empty) + aside {
        margin-top: 22px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.point1 {
        max-width: 720px;
    }
	 section#listings.grid ul.info {
        padding-top: 8px;
    }
	div.no-sidebar .advanced-search-form {
        width: 80%;
    }
	 div.row > div.form {
        margin-top: 0!important;
    }
	.horizontal-search input#location_header_search {
        width: 24%;
    }
    .horizontal-search input.tags-autocomplete {
        width: 27%;
    }
	
}

@media screen and (min-width: 992px) {
	
	div.no-sidebar .advanced-search-form {
        width: 60%;
    }
	section#controller_area {
        padding-bottom: 30px;
    }
	
     .side_block input[type=text],
    .side_block input[type=password],
    .side_block input[type=number],
    .side_block textarea,
    .side_block select,
    .side_block div.cd-extendable > div.dropdown,
    .side_block span.pills,
    #search_area select,
    #search_area input[type=text] {
        background: #ffffff;
    }
    .side_block select[disabled=disabled],
    .side_block select[disabled],
    #search_area select[disabled],
    .side_block select.disabled {
        background-color: #dae0e8;
    }

    .side_block select,
    #search_area select {
        background: url('../img/dropdown-arrow-grey.svg') right 18px no-repeat white;
        background-size: 18px 5px;
        padding-right: 28px;
    }

    .side_block .search-button input[type=submit] {
        width: 100%;
    }
    .side_block .search-button > a {
        margin: 10px 0 0;
        display: inline-block;
    }

	
	
}

@media screen and (min-width: 768px) {
    div.search-on-map-page .header-nav {
        box-shadow: none !important;
    }
    div.search-on-map-page header.page-header.fixed-menu div.top-navigation {
        height: 62px !important;
        box-shadow: none !important;
        float: none !important;
    }
    div.search-on-map-page .header-nav div.row > div:not(:first-child) {
        display: none !important;
    }
    div.search-on-map-page .main-menu span.menu-button {
        height: 62px;
    }
	div.search-on-map-page header.page-header.fixed-menu div.top-navigation {
        z-index: 100 !important;
    }
	
	.middle-boxes > div > .row > div > *:last-of-type {
        margin-bottom: 0;
    }
	.horizontal-search input#location_header_search,
    .horizontal-search input.tags-autocomplete {
        border-radius: 4px 0 0 4px;
    }
	.horizontal-search select {
        min-width: 80px;
        border-radius: 4px;
    }
	
	
}


@media screen and (max-width: 767px) {
	.point1 {
        max-width: 480px;
        min-width: 320px;
    }
	.grid_navbar.listings-area .buttons > div.grid {
        display: none;
    }
	.search-form-cell {
        width: 100%;
    }
    .search-form-cell > div {
        margin-left: 10px;
        margin-right: 10px;
    }
    .search-form-cell > div > div,
    .search-form-cell > div span.pills {
        width: 100%!important;
    }
    .search-form-cell.numeric-field {
        width: 50%;
    }
    .search-form-cell.numeric-field > div {
        margin-right: 10px;
    }
    .search-form-cell.numeric-field + .search-form-cell.numeric-field > div {
        margin-right: 0;
        margin-left: 10px;
    }
    .search-form-cell.submit > div {
        margin-top: 15px;
    }
    .search-form-cell.submit > div > span {
        display: none;
    }
    .search-form-cell.submit > div input[type=submit] {
        width: 100%;
    }

    .search-form-cell.three-field > div > div input[type=text],
    .search-form-cell.three-field > div > div input[type=number] {
        width: 33%!important;
        margin-right: 4%;
    }
    .search-form-cell.three-field > div > div select {
        width: 26%;
    }
    .search-form-cell.three-field > div > div > *:not(:last-child) {
        margin-right: 0;
    }
	.horizontal-search input#location_header_search {
        margin-bottom: 5px;
    }
	
    div.search-on-map-page header.page-header.fixed-menu {
        height: 44px !important;
        z-index: 80;
    }
    div.search-on-map-page section#main_container {
        top: 0px !important;
    }
    div.search-on-map-page .header-nav div.row > div:nth-child(2) {
        display: none !important;
    }
    div.search-on-map-page .header-nav {
        box-shadow: inset 0 -1px 0 #E6E6E6;
        padding-bottom: 8px !important;
    }
    div.search-on-map-page .search-form-cell > div {
        margin-left: 0;
        margin-right: 0;
    }
    .search-map-container div.mobile-navigation {
        background-color: white !important;
    }
	div.list-table > div.row {
        display: block;
        border-bottom: 2px #F8F8F8 solid;
        position: relative;
        padding: 13px 25px;
        margin: 0;
    }
	div.list-table > div.row > div {
        display: block;
        border: 0;
        padding: 5px 0 5px 95px!important;
        overflow: hidden;
        position: relative;
    }
    div.list-table > div.row > div:not(.no-flex):before {
        content: attr(data-caption) ":";
        width: 85px;
        display: inline-block;
        white-space: normal;
        word-wrap: break-word;
        font-size: 0.929em;
        color: #949494;
        position: absolute;
        left: 0;
        top: 5px;

        /* it is the best solution for now */
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    div.list-table > div.row > div.iteration {
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -10px;
        padding: 0!important;
    }
    div.list-table > div.row > div.action {
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: -12px;
    }
    div.list-table > div.row > div > div.inline {
        display: inline-block;
    }
    div.list-table > div.row > div.content {
        padding-top: 2px!important;
    }
	#controller_area > ul.tabs {
        margin-left: 10px;
        margin-right: 10px;
    }
	#controller_area div.fieldset.divider > header {
        margin: 0 10px;
    }
	
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
	
	#controller_area div.fieldset > header > span.arrow {
        background: url('../img/@2x/gallery2.png') -20px -77px no-repeat;
        background-size: 40px auto;
    }
	
}




/* MUST BE APPLIED */
.pt-4.pb-5.mt-lg-3 .row {
    margin-bottom: 0px!important;
}
.pt-4.pb-5.mt-lg-3 > .row {
    margin-bottom: 0px!important;
 /*   min-height: calc(100vh - 89px); */
}
.search-block-content input, .search-block-content select {
    margin: 0px!important;
}
.search-form-cell.submit > div > span {
    display: none!important;
}
.search-map-container #map_listings div.wrapper > div {
    padding: 0px 0px 0px 15px!important;
    margin: 0px!important;
}



/* Styler on Persisca ddf Map */
section.grid > article {
    padding-bottom: 0px;
}
article.item {
    padding-left: 0px;
}
section#listings.row {
    margin-right: 0px!important;
    margin-left: 0px!important;
}
#listings img {
    width: 100%!important;
}
.search-form-cell > div {
    margin: 10px 0px 0px 0px;
}
input#persiscagmappricefrom {
    width: 49%!important;
    float: left;
    margin-right: 1%!important;
}
input#persiscagmappriceto {
    width: 50%!important;
}


.listing-on-map {
    width: 100%;
    background: white;
    aspect-ratio: 100 / 29;
}

.search-form-cell.submit {
    margin-top: 4.3%;
    margin-right: 0px;
    margin-bottom: 0px;
}

div.price input#persiscagmappricefrom, div.price input#persiscagmappriceto {
    width: 49%!important;
    float: left;
}

.phlloader {
  border-top: 16px solid blue;
  border-right: 16px solid green;
  border-bottom: 16px solid red;
  border-left: 16px solid pink;
  width: 120px;
  height: 120px;
  margin-left: 35%;
  border-radius: 50%;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}