.container {
width: 100%;
max-width: 1140px;
margin: 0 auto;
}
.admin-bar {
margin-top: 32px;
}
.ui-selectmenu-open {
z-index: 9999 !important;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:disabled {
background-color: #cd2211 !important;
border-color: #cd2211 !important;
}
.grecaptcha-badge {
margin-right: -200px;
}
@media only screen and (max-width: 990px) {
.menu-area {
z-index: 99999;
position: relative;
}
}
.ui-menu {
max-height: 400px;
}
.back-karta {
position: absolute;
right: 0;
top: 0;
width: 100px;
}
#idsearchform .idsearchsubmit {
color: #fff;
background-color: #e52613;
border-color: #e52613;
border-radius: 0;
line-height: 18px;
margin-top: -3px;
}
#idsearchform .idsearchsubmit:hover {
background-color: #cd2211;
border-color: #cd2211;
}
#footer.sticky-footer {
position: relative;
z-index: 9999 !important;
}
.offcanvas.bg-dark .dropdown-menu {
z-index: 99999999;
}
.ring-container {
position: relative;
padding-right: 0 !important;
margin-right: 35px !important;
}
.circle {
width: 15px;
height: 15px;
background-color: #74FA44;
border-radius: 50%;
position: absolute;
top: 8px;
left: 8px;
padding-right: 0 !important;
}
.ringring {
border: 3px solid #74FA44;
-webkit-border-radius: 30px;
height: 25px;
width: 25px;
position: absolute;
left: 2px;
top: 2px;
-webkit-animation: pulsate 1s ease-out;
-webkit-animation-iteration-count: infinite;
opacity: 0;
padding-right: 0 !important;
}
@-webkit-keyframes pulsate {
0% {
-webkit-transform: scale(0.1, 0.1);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
-webkit-transform: scale(1.2, 1.2);
opacity: 0;
}
}
::-moz-selection { color: #FFF;
background: #e52613;
}
::selection {
color: #FFF;
background: #e52613;
}
#properties,
.properties,
.resales-detail {
position: relative;
margin-bottom: 50px; }
#properties .nad-h1,
.properties .nad-h1,
.resales-detail .nad-h1 {
font-size: 20px;
font-weight: 600;
}
@media only screen and (max-width: 767px) {
#properties .nad-h1,
.properties .nad-h1,
.resales-detail .nad-h1 {
font-size: 17px;
}
}
#properties .idsearch,
.properties .idsearch,
.resales-detail .idsearch {
margin-bottom: 30px;
}
#properties .btn.disabled,
.properties .btn.disabled,
.resales-detail .btn.disabled {
background: #606060;
border-color: #606060;
}
#properties .ui-button,
.properties .ui-button,
.resales-detail .ui-button {
padding: 0;
background: #FFF;
border-radius: 0;
width: 376px;
max-width: 100%;
}
#properties .ui-button .ui-icon,
.properties .ui-button .ui-icon,
.resales-detail .ui-button .ui-icon {
background-color: #EBEBEB;
background-image: url(//zahranicni.realityspolu.cz/wp-content/themes/webite_spanelsko/resales-online/assets/images/ionic-ios-arrow-down.svg);
background-size: 18.805px;
background-position: center center;
width: 52px;
height: 52px;
}
#properties .ui-button .ui-selectmenu-text,
.properties .ui-button .ui-selectmenu-text,
.resales-detail .ui-button .ui-selectmenu-text {
color: #2B2B2B;
font-size: 1.125rem;
font-style: normal;
font-weight: 400;
line-height: 52px;
padding-left: 15px;
}
#properties .form-check,
.properties .form-check,
.resales-detail .form-check {
text-align: left;
}
#properties .form-check-label,
.properties .form-check-label,
.resales-detail .form-check-label {
color: #2B2B2B;
font-size: 1.125rem;
font-style: normal;
font-weight: 400;
line-height: normal;
text-align: left;
cursor: pointer;
}
#properties .form-check-input,
.properties .form-check-input,
.resales-detail .form-check-input {
border-color: #707070;
border-radius: 0px;
height: 28px;
width: 28px;
display: inline-block;
float: none;
margin-top: 0;
margin-right: 18px;
}
#properties .form-check-input:checked,
.properties .form-check-input:checked,
.resales-detail .form-check-input:checked {
background-color: #E52613;
}
#properties .ui-slider-horizontal,
.properties .ui-slider-horizontal,
.resales-detail .ui-slider-horizontal {
height: 5px;
border-radius: 0;
background: #EBEBEB;
border: 0px;
max-width: 90%;
margin: 0 auto;
width: 821px;
}
@media only screen and (max-width: 554px) {
#properties .ui-slider-horizontal,
.properties .ui-slider-horizontal,
.resales-detail .ui-slider-horizontal {
margin-bottom: 30px;
}
}
#properties .ui-widget-header,
.properties .ui-widget-header,
.resales-detail .ui-widget-header {
background: #E52613 50% 50% repeat-x;
}
#properties .ui-slider-handle,
.properties .ui-slider-handle,
.resales-detail .ui-slider-handle {
background: #E52613 50% 50% repeat-x;
border-radius: 50px;
height: 28px;
width: 28px;
margin-top: -7px;
}
#properties .ui-slider-range,
.properties .ui-slider-range,
.resales-detail .ui-slider-range {
background: #E52613;
}
#properties .price-input,
.properties .price-input,
.resales-detail .price-input,
#properties .beds-input,
.properties .beds-input,
.resales-detail .beds-input,
#properties .baths-input,
.properties .baths-input,
.resales-detail .baths-input {
display: inline-block;
padding: 10px;
color: #2B2B2B;
font-size: 1.125rem;
font-style: normal;
font-weight: 400;
line-height: normal;
margin: 25px;
}
@media only screen and (max-width: 554px) {
#properties .price-input,
.properties .price-input,
.resales-detail .price-input,
#properties .beds-input,
.properties .beds-input,
.resales-detail .beds-input,
#properties .baths-input,
.properties .baths-input,
.resales-detail .baths-input {
margin: 0px;
}
}
#properties .price-input input,
.properties .price-input input,
.resales-detail .price-input input,
#properties .beds-input input,
.properties .beds-input input,
.resales-detail .beds-input input,
#properties .baths-input input,
.properties .baths-input input,
.resales-detail .baths-input input {
border: 1px solid #D9D9D9;
line-height: 52px;
padding-left: 10px;
color: #2B2B2B;
font-size: 1.125rem;
font-style: normal;
font-weight: 400;
margin-left: 10px;
margin-right: 10px;
}
#properties .search-modify-link,
.properties .search-modify-link,
.resales-detail .search-modify-link {
display: block;
}
#properties .search-modify-link.bottom,
.properties .search-modify-link.bottom,
.resales-detail .search-modify-link.bottom {
margin: 0 auto;
}
#properties .notice,
.properties .notice,
.resales-detail .notice {
padding-top: 15px;
}
#properties #property-filters-full,
.properties #property-filters-full,
.resales-detail #property-filters-full {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #FFF;
z-index: 9999;
min-height: 1600px;
}
#properties #property-filters-full h2,
.properties #property-filters-full h2,
.resales-detail #property-filters-full h2 {
color: #2B2B2B;
text-align: center;
font-size: 2.0625rem;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 45px;
}
#properties #property-filters-full h3,
.properties #property-filters-full h3,
.resales-detail #property-filters-full h3 {
color: #2B2B2B;
text-align: center;
font-size: 1.5625rem;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
#properties #property-filters-full h3,
.properties #property-filters-full h3,
.resales-detail #property-filters-full h3 {
margin-top: 25px;
}
}
#properties #property-filters-full .type label,
.properties #property-filters-full .type label,
.resales-detail #property-filters-full .type label {
position: relative;
display: inline-block;
color: #2B2B2B;
font-size: 1.75rem;
font-style: normal;
font-weight: 700;
line-height: normal;
padding: 40px 100px 40px;
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16078431);
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16078431);
border: 2px solid #FFF;
margin: 12px;
cursor: pointer;
width: 285px;
}
@media only screen and (max-width: 650px) {
#properties #property-filters-full .type label,
.properties #property-filters-full .type label,
.resales-detail #property-filters-full .type label {
padding: 20px 50px 16px;
width: 200px;
}
}
@media only screen and (max-width: 500px) {
#properties #property-filters-full .type label,
.properties #property-filters-full .type label,
.resales-detail #property-filters-full .type label {
padding: 20px 25px 16px;
width: 150px;
}
}
@media only screen and (max-width: 400px) {
#properties #property-filters-full .type label,
.properties #property-filters-full .type label,
.resales-detail #property-filters-full .type label {
padding: 20px 25px 16px;
width: 140px;
}
}
@media only screen and (max-width: 360px) {
#properties #property-filters-full .type label,
.properties #property-filters-full .type label,
.resales-detail #property-filters-full .type label {
padding: 20px 25px 16px;
width: 125px;
}
}
#properties #property-filters-full .type input,
.properties #property-filters-full .type input,
.resales-detail #property-filters-full .type input {
display: none;
}
#properties #property-filters-full .type input:checked + label,
.properties #property-filters-full .type input:checked + label,
.resales-detail #property-filters-full .type input:checked + label {
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16078431);
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16078431);
border-color: #E52613;
background: url(//zahranicni.realityspolu.cz/wp-content/themes/webite_spanelsko/resales-online/assets/images/awesome-check-circle.svg) no-repeat 14px 14px;
}
@media only screen and (max-width: 400px) {
#properties #property-filters-full .type input:checked + label,
.properties #property-filters-full .type input:checked + label,
.resales-detail #property-filters-full .type input:checked + label {
background: url(//zahranicni.realityspolu.cz/wp-content/themes/webite_spanelsko/resales-online/assets/images/awesome-check-circle.svg) no-repeat 7px 7px;
}
}
#properties #property-filters-full .divider,
.properties #property-filters-full .divider,
.resales-detail #property-filters-full .divider {
width: 100%;
height: 1px;
background: #D9D9D9;
margin: 66px 0 45px;
}
#properties #property-filters-full .filter-properties-link,
.properties #property-filters-full .filter-properties-link,
.resales-detail #property-filters-full .filter-properties-link {
margin-top: 30px;
}
#properties #property-filters > div,
.properties #property-filters > div,
.resales-detail #property-filters > div {
display: inline-block;
padding: 3px 10px;
}
#properties #property-ordering,
.properties #property-ordering,
.resales-detail #property-ordering {
color: #2B2B2B;
font-size: 1.125rem;
text-align: right;
}
#properties #property-ordering > span,
.properties #property-ordering > span,
.resales-detail #property-ordering > span {
padding-right: 20px;
}
#properties #property-ordering > select,
.properties #property-ordering > select,
.resales-detail #property-ordering > select {
padding: 0.5rem 2.25rem 0.5rem 0.75rem;
-moz-padding-start: calc(-2.25rem);
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 0.75rem center;
background-size: 16px 12px;
border: 1px solid #ced4da;
border-radius: 0;
-webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
-o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
#properties .search-modify-link,
.properties .search-modify-link,
.resales-detail .search-modify-link {
color: #2B2B2B;
font-size: 1.25rem;
font-style: normal;
font-weight: 700;
line-height: normal;
text-decoration: none;
}
#properties .search-modify-link img,
.properties .search-modify-link img,
.resales-detail .search-modify-link img {
margin-right: 14.5px;
}
#properties .show-map-link,
.properties .show-map-link,
.resales-detail .show-map-link {
color: #E52613;
font-size: 1.25rem;
font-style: normal;
font-weight: 700;
line-height: normal;
text-decoration: none;
text-align: center;
margin-bottom: 20px;
display: block;
padding: 8px;
}
#properties .show-map-link img,
.properties .show-map-link img,
.resales-detail .show-map-link img {
margin-right: 16px;
margin-top: -2px;
}
#properties .close-map-link,
.properties .close-map-link,
.resales-detail .close-map-link {
color: #E52613;
position: absolute;
bottom: 28px;
z-index: 3;
right: 15px;
background-color: white;
border: 1px solid lightgray;
padding: 12px;
font-weight: 700;
text-decoration: none;
display: none;
z-index: 999;
}
#properties .all-images-link,
.properties .all-images-link,
.resales-detail .all-images-link {
color: #E52613;
position: absolute;
bottom: 30px;
z-index: 3;
left: 30px;
background-color: white;
border: 1px solid lightgray;
padding: 12px;
font-weight: 700;
text-decoration: none;
}
#properties .all-images-link img,
.properties .all-images-link img,
.resales-detail .all-images-link img {
margin-right: 10px;
margin-top: -4px;
}
#properties .share-dropdown,
.properties .share-dropdown,
.resales-detail .share-dropdown {
position: relative;
display: inline-block;
}
#properties .share-button,
.properties .share-button,
.resales-detail .share-button {
background-color: #FFF;
color: white;
padding: 10px 0px;
font-size: 16px;
border: none;
cursor: pointer;
color: #707070;
font-size: 1.25rem;
font-style: normal;
font-weight: 700;
line-height: normal;
}
#properties .share-button img,
.properties .share-button img,
.resales-detail .share-button img {
margin-right: 17px;
}
#properties .dropdown-content,
.properties .dropdown-content,
.resales-detail .dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
z-index: 1;
margin-left: -52px;
}
#properties .dropdown-content img,
.properties .dropdown-content img,
.resales-detail .dropdown-content img {
width: 25px;
margin-right: 10px;
}
#properties .dropdown-content a,
.properties .dropdown-content a,
.resales-detail .dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}
#properties .dropdown-content a:hover,
.properties .dropdown-content a:hover,
.resales-detail .dropdown-content a:hover {
background-color: #ddd;
}
#properties .share-dropdown:hover .dropdown-content,
.properties .share-dropdown:hover .dropdown-content,
.resales-detail .share-dropdown:hover .dropdown-content {
display: block;
}
#properties .two-photos,
.properties .two-photos,
.resales-detail .two-photos {
position: relative;
}
@media only screen and (max-width: 768px) {
#properties .two-photos,
.properties .two-photos,
.resales-detail .two-photos {
display: none;
}
}
#properties .two-photos .bigger,
.properties .two-photos .bigger,
.resales-detail .two-photos .bigger {
margin-bottom: 130px;
width: 75%;
}
@media only screen and (max-width: 1199px) {
#properties .two-photos .bigger,
.properties .two-photos .bigger,
.resales-detail .two-photos .bigger {
width: 85%;
}
}
#properties .two-photos .smaller,
.properties .two-photos .smaller,
.resales-detail .two-photos .smaller {
position: absolute;
right: 1rem;
bottom: 0;
width: 58%;
}
@media only screen and (max-width: 1199px) {
#properties .two-photos .smaller,
.properties .two-photos .smaller,
.resales-detail .two-photos .smaller {
width: 68%;
}
}
#properties .plochy,
.properties .plochy,
.resales-detail .plochy {
width: 100%;
}
#properties .plochy p,
.properties .plochy p,
.resales-detail .plochy p {
padding-left: 100px;
color: #2B2B2B;
width: 100%;
margin: 20px 0 10px;
}
#properties .plochy p.zastavena,
.properties .plochy p.zastavena,
.resales-detail .plochy p.zastavena {
background: url(//zahranicni.realityspolu.cz/wp-content/themes/webite_spanelsko/resales-online/assets/images/ico-dispozice.svg) no-repeat 14px 6px;
}
#properties .plochy p.uzitna,
.properties .plochy p.uzitna,
.resales-detail .plochy p.uzitna {
background: url(//zahranicni.realityspolu.cz/wp-content/themes/webite_spanelsko/resales-online/assets/images/ico-uzitna-plocha.svg) no-repeat 14px 6px;
}
#properties .plochy p.pozemek,
.properties .plochy p.pozemek,
.resales-detail .plochy p.pozemek {
background: url(//zahranicni.realityspolu.cz/wp-content/themes/webite_spanelsko/resales-online/assets/images/ikona_plocha_pozemku.svg) no-repeat 14px 6px;
}
#properties .plochy p.terasa,
.properties .plochy p.terasa,
.resales-detail .plochy p.terasa {
background: url(//zahranicni.realityspolu.cz/wp-content/themes/webite_spanelsko/resales-online/assets/images/ico-terasa.svg) no-repeat 14px 6px;
}
#properties .plochy p.stav,
.properties .plochy p.stav,
.resales-detail .plochy p.stav {
background: url(//zahranicni.realityspolu.cz/wp-content/themes/webite_spanelsko/resales-online/assets/images/ico-stav-objektu.svg) no-repeat 14px 6px;
}
#properties .plochy p span,
.properties .plochy p span,
.resales-detail .plochy p span {
display: block;
font-size: 1.125rem;
font-style: normal;
font-weight: 400;
line-height: normal;
}
#properties .plochy p strong,
.properties .plochy p strong,
.resales-detail .plochy p strong {
display: block;
font-size: 2.0625rem;
font-style: normal;
font-weight: 700;
line-height: normal;
border-bottom: 1px solid #D9D9D9;
padding-bottom: 20px;
}
#properties .divider,
.properties .divider,
.resales-detail .divider {
width: 100%;
height: 1px;
background: #D9D9D9;
margin: 66px 0 45px;
}
@media only screen and (max-width: 500px) {
#properties .resales-characteristics .row > [class*='col-'],
.properties .resales-characteristics .row > [class*='col-'],
.resales-detail .resales-characteristics .row > [class*='col-'] {
width: 100%;
}
}
#properties .resales-characteristics p,
.properties .resales-characteristics p,
.resales-detail .resales-characteristics p {
padding: 0;
margin: 0;
display: flex;
}
#properties #map-container,
.properties #map-container,
.resales-detail #map-container {
position: relative;
}
#properties #map-container #map,
.properties #map-container #map,
.resales-detail #map-container #map {
display: none;
}
#properties #map-container.active #map,
.properties #map-container.active #map,
.resales-detail #map-container.active #map {
display: block;
min-height: 500px;
}
#properties #properties-list,
.properties #properties-list,
.resales-detail #properties-list,
#properties .properties-similar,
.properties .properties-similar,
.resales-detail .properties-similar {
display: flex;
flex-wrap: wrap;
margin-top: 70px;
margin-left: -12.5px;
margin-right: -12.5px;
}
#properties #properties-list > p,
.properties #properties-list > p,
.resales-detail #properties-list > p,
#properties .properties-similar > p,
.properties .properties-similar > p,
.resales-detail .properties-similar > p {
color: #2B2B2B;
font-size: 1.75rem;
font-style: normal;
font-weight: 700;
line-height: normal;
text-align: center;
margin: 0 auto 50px;
}
#properties #properties-list .resales-slider,
.properties #properties-list .resales-slider,
.resales-detail #properties-list .resales-slider,
#properties .properties-similar .resales-slider,
.properties .properties-similar .resales-slider,
.resales-detail .properties-similar .resales-slider {
height: 100%;
}
#properties #properties-list .resales-slider .slick-slide,
.properties #properties-list .resales-slider .slick-slide,
.resales-detail #properties-list .resales-slider .slick-slide,
#properties .properties-similar .resales-slider .slick-slide,
.properties .properties-similar .resales-slider .slick-slide,
.resales-detail .properties-similar .resales-slider .slick-slide {
height: inherit !important;
min-height: 100% !important;
}
#properties #properties-list .resales-slider .slick-slide img,
.properties #properties-list .resales-slider .slick-slide img,
.resales-detail #properties-list .resales-slider .slick-slide img,
#properties .properties-similar .resales-slider .slick-slide img,
.properties .properties-similar .resales-slider .slick-slide img,
.resales-detail .properties-similar .resales-slider .slick-slide img {
height: 100% !important;
}
#properties #properties-list .resales-slider .slick-track,
.properties #properties-list .resales-slider .slick-track,
.resales-detail #properties-list .resales-slider .slick-track,
#properties .properties-similar .resales-slider .slick-track,
.properties .properties-similar .resales-slider .slick-track,
.resales-detail .properties-similar .resales-slider .slick-track {
display: flex !important;
min-height: 100% !important;
}
#properties #properties-list .resales-slider .slick-list,
.properties #properties-list .resales-slider .slick-list,
.resales-detail #properties-list .resales-slider .slick-list,
#properties .properties-similar .resales-slider .slick-list,
.properties .properties-similar .resales-slider .slick-list,
.resales-detail .properties-similar .resales-slider .slick-list {
height: 100% !important;
}
#properties #properties-list .property,
.properties #properties-list .property,
.resales-detail #properties-list .property,
#properties .properties-similar .property,
.properties .properties-similar .property,
.resales-detail .properties-similar .property {
flex: 50%;
padding: 12.5px;
padding-bottom: 37.5px;
max-width: 50%;
}
@media only screen and (max-width: 768px) {
#properties #properties-list .property,
.properties #properties-list .property,
.resales-detail #properties-list .property,
#properties .properties-similar .property,
.properties .properties-similar .property,
.resales-detail .properties-similar .property {
flex: 100%;
max-width: 100%;
}
}
#properties #properties-list .property .row,
.properties #properties-list .property .row,
.resales-detail #properties-list .property .row,
#properties .properties-similar .property .row,
.properties .properties-similar .property .row,
.resales-detail .properties-similar .property .row {
background: #F7F8FA;
margin: 0;
padding: 30px;
}
@media only screen and (max-width: 500px) {
#properties #properties-list .property .row,
.properties #properties-list .property .row,
.resales-detail #properties-list .property .row,
#properties .properties-similar .property .row,
.properties .properties-similar .property .row,
.resales-detail .properties-similar .property .row {
padding-left: 10px;
padding-right: 10px;
}
}
#properties #properties-list .property a,
.properties #properties-list .property a,
.resales-detail #properties-list .property a,
#properties .properties-similar .property a,
.properties .properties-similar .property a,
.resales-detail .properties-similar .property a {
text-decoration: none;
}
#properties #properties-list .property h2,
.properties #properties-list .property h2,
.resales-detail #properties-list .property h2,
#properties .properties-similar .property h2,
.properties .properties-similar .property h2,
.resales-detail .properties-similar .property h2 {
color: #2B2B2B;
font-size: 1.125rem;
font-style: normal;
font-weight: 400;
line-height: normal;
}
#properties #properties-list .property .price,
.properties #properties-list .property .price,
.resales-detail #properties-list .property .price,
#properties .properties-similar .property .price,
.properties .properties-similar .property .price,
.resales-detail .properties-similar .property .price {
color: #2B2B2B;
font-size: 1.75rem;
font-style: normal;
font-weight: 700;
line-height: normal;
text-align: left;
}
#properties #properties-list .property .beds,
.properties #properties-list .property .beds,
.resales-detail #properties-list .property .beds,
#properties .properties-similar .property .beds,
.properties .properties-similar .property .beds,
.resales-detail .properties-similar .property .beds,
#properties #properties-list .property .baths,
.properties #properties-list .property .baths,
.resales-detail #properties-list .property .baths,
#properties .properties-similar .property .baths,
.properties .properties-similar .property .baths,
.resales-detail .properties-similar .property .baths,
#properties #properties-list .property .size,
.properties #properties-list .property .size,
.resales-detail #properties-list .property .size,
#properties .properties-similar .property .size,
.properties .properties-similar .property .size,
.resales-detail .properties-similar .property .size {
display: inline-block;
margin-top: 25px;
color: #2B2B2B;
font-size: 1.25rem;
font-style: normal;
font-weight: 600;
line-height: normal;
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
#properties #properties-list .property .beds,
.properties #properties-list .property .beds,
.resales-detail #properties-list .property .beds,
#properties .properties-similar .property .beds,
.properties .properties-similar .property .beds,
.resales-detail .properties-similar .property .beds,
#properties #properties-list .property .baths,
.properties #properties-list .property .baths,
.resales-detail #properties-list .property .baths,
#properties .properties-similar .property .baths,
.properties .properties-similar .property .baths,
.resales-detail .properties-similar .property .baths,
#properties #properties-list .property .size,
.properties #properties-list .property .size,
.resales-detail #properties-list .property .size,
#properties .properties-similar .property .size,
.properties .properties-similar .property .size,
.resales-detail .properties-similar .property .size {
font-size: 1rem;
}
}
@media only screen and (max-width: 500px) {
#properties #properties-list .property .beds,
.properties #properties-list .property .beds,
.resales-detail #properties-list .property .beds,
#properties .properties-similar .property .beds,
.properties .properties-similar .property .beds,
.resales-detail .properties-similar .property .beds,
#properties #properties-list .property .baths,
.properties #properties-list .property .baths,
.resales-detail #properties-list .property .baths,
#properties .properties-similar .property .baths,
.properties .properties-similar .property .baths,
.resales-detail .properties-similar .property .baths,
#properties #properties-list .property .size,
.properties #properties-list .property .size,
.resales-detail #properties-list .property .size,
#properties .properties-similar .property .size,
.properties .properties-similar .property .size,
.resales-detail .properties-similar .property .size {
font-size: 1rem;
}
}
#properties #properties-list .property .beds,
.properties #properties-list .property .beds,
.resales-detail #properties-list .property .beds,
#properties .properties-similar .property .beds,
.properties .properties-similar .property .beds,
.resales-detail .properties-similar .property .beds,
#properties #properties-list .property .baths,
.properties #properties-list .property .baths,
.resales-detail #properties-list .property .baths,
#properties .properties-similar .property .baths,
.properties .properties-similar .property .baths,
.resales-detail .properties-similar .property .baths {
padding-right: 20px;
margin-right: 20px;
border-right: 1px solid #D9D9D9;
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
#properties #properties-list .property .beds,
.properties #properties-list .property .beds,
.resales-detail #properties-list .property .beds,
#properties .properties-similar .property .beds,
.properties .properties-similar .property .beds,
.resales-detail .properties-similar .property .beds,
#properties #properties-list .property .baths,
.properties #properties-list .property .baths,
.resales-detail #properties-list .property .baths,
#properties .properties-similar .property .baths,
.properties .properties-similar .property .baths,
.resales-detail .properties-similar .property .baths {
padding-right: 10px;
margin-right: 10px;
}
}
@media only screen and (max-width: 500px) {
#properties #properties-list .property .beds,
.properties #properties-list .property .beds,
.resales-detail #properties-list .property .beds,
#properties .properties-similar .property .beds,
.properties .properties-similar .property .beds,
.resales-detail .properties-similar .property .beds,
#properties #properties-list .property .baths,
.properties #properties-list .property .baths,
.resales-detail #properties-list .property .baths,
#properties .properties-similar .property .baths,
.properties .properties-similar .property .baths,
.resales-detail .properties-similar .property .baths {
padding-right: 10px;
margin-right: 10px;
}
}
#properties #properties-list .property h3,
.properties #properties-list .property h3,
.resales-detail #properties-list .property h3,
#properties .properties-similar .property h3,
.properties .properties-similar .property h3,
.resales-detail .properties-similar .property h3 {
font-size: 18px;
margin-top: 0;
}
#properties #properties-list .property .resales-img,
.properties #properties-list .property .resales-img,
.resales-detail #properties-list .property .resales-img,
#properties .properties-similar .property .resales-img,
.properties .properties-similar .property .resales-img,
.resales-detail .properties-similar .property .resales-img {
width: 100%;
height: 375px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
overflow: hidden;
}
@media only screen and (max-width: 1200px) {
#properties #properties-list .property .resales-img,
.properties #properties-list .property .resales-img,
.resales-detail #properties-list .property .resales-img,
#properties .properties-similar .property .resales-img,
.properties .properties-similar .property .resales-img,
.resales-detail .properties-similar .property .resales-img {
height: 320px;
}
}
@media only screen and (max-width: 991px) {
#properties #properties-list .property .resales-img,
.properties #properties-list .property .resales-img,
.resales-detail #properties-list .property .resales-img,
#properties .properties-similar .property .resales-img,
.properties .properties-similar .property .resales-img,
.resales-detail .properties-similar .property .resales-img {
height: 300px;
}
}
@media only screen and (max-width: 850px) {
#properties #properties-list .property .resales-img,
.properties #properties-list .property .resales-img,
.resales-detail #properties-list .property .resales-img,
#properties .properties-similar .property .resales-img,
.properties .properties-similar .property .resales-img,
.resales-detail .properties-similar .property .resales-img {
height: 250px;
}
}
@media only screen and (max-width: 767px) {
#properties #properties-list .property .resales-img,
.properties #properties-list .property .resales-img,
.resales-detail #properties-list .property .resales-img,
#properties .properties-similar .property .resales-img,
.properties .properties-similar .property .resales-img,
.resales-detail .properties-similar .property .resales-img {
height: 375px;
}
}
@media only screen and (max-width: 575px) {
#properties #properties-list .property .resales-img,
.properties #properties-list .property .resales-img,
.resales-detail #properties-list .property .resales-img,
#properties .properties-similar .property .resales-img,
.properties .properties-similar .property .resales-img,
.resales-detail .properties-similar .property .resales-img {
height: 330px;
}
}
@media only screen and (max-width: 550px) {
#properties #properties-list .property .resales-img,
.properties #properties-list .property .resales-img,
.resales-detail #properties-list .property .resales-img,
#properties .properties-similar .property .resales-img,
.properties .properties-similar .property .resales-img,
.resales-detail .properties-similar .property .resales-img {
height: 320px;
}
}
@media only screen and (max-width: 500px) {
#properties #properties-list .property .resales-img,
.properties #properties-list .property .resales-img,
.resales-detail #properties-list .property .resales-img,
#properties .properties-similar .property .resales-img,
.properties .properties-similar .property .resales-img,
.resales-detail .properties-similar .property .resales-img {
height: 300px;
}
}
@media only screen and (max-width: 470px) {
#properties #properties-list .property .resales-img,
.properties #properties-list .property .resales-img,
.resales-detail #properties-list .property .resales-img,
#properties .properties-similar .property .resales-img,
.properties .properties-similar .property .resales-img,
.resales-detail .properties-similar .property .resales-img {
height: 250px;
}
}
@media only screen and (max-width: 400px) {
#properties #properties-list .property .resales-img,
.properties #properties-list .property .resales-img,
.resales-detail #properties-list .property .resales-img,
#properties .properties-similar .property .resales-img,
.properties .properties-similar .property .resales-img,
.resales-detail .properties-similar .property .resales-img {
height: 220px;
}
}
@media only screen and (max-width: 350px) {
#properties #properties-list .property .resales-img,
.properties #properties-list .property .resales-img,
.resales-detail #properties-list .property .resales-img,
#properties .properties-similar .property .resales-img,
.properties .properties-similar .property .resales-img,
.resales-detail .properties-similar .property .resales-img {
height: 200px;
}
}
#properties #properties-list .property.empty,
.properties #properties-list .property.empty,
.resales-detail #properties-list .property.empty,
#properties .properties-similar .property.empty,
.properties .properties-similar .property.empty,
.resales-detail .properties-similar .property.empty {
position: relative;
overflow: hidden;
}
#properties #properties-list .property.empty h2,
.properties #properties-list .property.empty h2,
.resales-detail #properties-list .property.empty h2,
#properties .properties-similar .property.empty h2,
.properties .properties-similar .property.empty h2,
.resales-detail .properties-similar .property.empty h2 {
width: 50%;
background-color: #e0e0e0;
}
#properties #properties-list .property.empty h2::before,
.properties #properties-list .property.empty h2::before,
.resales-detail #properties-list .property.empty h2::before,
#properties .properties-similar .property.empty h2::before,
.properties .properties-similar .property.empty h2::before,
.resales-detail .properties-similar .property.empty h2::before {
content: '';
position: absolute;
top: 0;
left: -150%;
height: 100%;
width: 150%;
background-image: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
animation: shimmer 1.5s infinite;
}
#properties #properties-list .property.empty .price,
.properties #properties-list .property.empty .price,
.resales-detail #properties-list .property.empty .price,
#properties .properties-similar .property.empty .price,
.properties .properties-similar .property.empty .price,
.resales-detail .properties-similar .property.empty .price {
width: 35%;
background-color: #e3e3e3;
}
#properties #properties-list .property.empty .price::before,
.properties #properties-list .property.empty .price::before,
.resales-detail #properties-list .property.empty .price::before,
#properties .properties-similar .property.empty .price::before,
.properties .properties-similar .property.empty .price::before,
.resales-detail .properties-similar .property.empty .price::before {
content: '';
position: absolute;
top: 0;
left: -150%;
height: 100%;
width: 150%;
background-image: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
animation: shimmer 1.5s infinite;
}
#properties #properties-list .property.empty .beds,
.properties #properties-list .property.empty .beds,
.resales-detail #properties-list .property.empty .beds,
#properties .properties-similar .property.empty .beds,
.properties .properties-similar .property.empty .beds,
.resales-detail .properties-similar .property.empty .beds,
#properties #properties-list .property.empty .baths,
.properties #properties-list .property.empty .baths,
.resales-detail #properties-list .property.empty .baths,
#properties .properties-similar .property.empty .baths,
.properties .properties-similar .property.empty .baths,
.resales-detail .properties-similar .property.empty .baths,
#properties #properties-list .property.empty .size,
.properties #properties-list .property.empty .size,
.resales-detail #properties-list .property.empty .size,
#properties .properties-similar .property.empty .size,
.properties .properties-similar .property.empty .size,
.resales-detail .properties-similar .property.empty .size {
width: 20%;
background-color: #e9e9e9;
}
#properties #properties-list .property.empty .beds::before,
.properties #properties-list .property.empty .beds::before,
.resales-detail #properties-list .property.empty .beds::before,
#properties .properties-similar .property.empty .beds::before,
.properties .properties-similar .property.empty .beds::before,
.resales-detail .properties-similar .property.empty .beds::before,
#properties #properties-list .property.empty .baths::before,
.properties #properties-list .property.empty .baths::before,
.resales-detail #properties-list .property.empty .baths::before,
#properties .properties-similar .property.empty .baths::before,
.properties .properties-similar .property.empty .baths::before,
.resales-detail .properties-similar .property.empty .baths::before,
#properties #properties-list .property.empty .size::before,
.properties #properties-list .property.empty .size::before,
.resales-detail #properties-list .property.empty .size::before,
#properties .properties-similar .property.empty .size::before,
.properties .properties-similar .property.empty .size::before,
.resales-detail .properties-similar .property.empty .size::before {
content: '';
position: absolute;
top: 0;
left: -150%;
height: 100%;
width: 150%;
background-image: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
animation: shimmer 1.5s infinite;
}
#properties #properties-list .property.empty .resales-img,
.properties #properties-list .property.empty .resales-img,
.resales-detail #properties-list .property.empty .resales-img,
#properties .properties-similar .property.empty .resales-img,
.properties .properties-similar .property.empty .resales-img,
.resales-detail .properties-similar .property.empty .resales-img {
width: 100%;
background-color: #f0f0f0;
}
#properties #properties-list .property.empty .resales-img::before,
.properties #properties-list .property.empty .resales-img::before,
.resales-detail #properties-list .property.empty .resales-img::before,
#properties .properties-similar .property.empty .resales-img::before,
.properties .properties-similar .property.empty .resales-img::before,
.resales-detail .properties-similar .property.empty .resales-img::before {
content: '';
position: absolute;
top: 0;
left: -150%;
height: 100%;
width: 150%;
background-image: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
animation: shimmer 1.5s infinite;
}
#properties #properties-list .pagination,
.properties #properties-list .pagination,
.resales-detail #properties-list .pagination,
#properties .properties-similar .pagination,
.properties .properties-similar .pagination,
.resales-detail .properties-similar .pagination {
display: block;
width: 100%;
}
#properties #properties-list .pagination .progress-bar,
.properties #properties-list .pagination .progress-bar,
.resales-detail #properties-list .pagination .progress-bar,
#properties .properties-similar .pagination .progress-bar,
.properties .properties-similar .pagination .progress-bar,
.resales-detail .properties-similar .pagination .progress-bar {
width: 350px;
max-width: 100%;
background: #EBEBEB;
height: 5px;
margin: 0 auto 10px;
}
#properties #properties-list .pagination .progress-bar > div,
.properties #properties-list .pagination .progress-bar > div,
.resales-detail #properties-list .pagination .progress-bar > div,
#properties .properties-similar .pagination .progress-bar > div,
.properties .properties-similar .pagination .progress-bar > div,
.resales-detail .properties-similar .pagination .progress-bar > div {
background: #E52613;
height: 100%;
}
#properties #properties-list .pagination .page-numbers,
.properties #properties-list .pagination .page-numbers,
.resales-detail #properties-list .pagination .page-numbers,
#properties .properties-similar .pagination .page-numbers,
.properties .properties-similar .pagination .page-numbers,
.resales-detail .properties-similar .pagination .page-numbers {
list-style: none;
text-align: center;
}
#properties #properties-list .pagination .page-numbers > li,
.properties #properties-list .pagination .page-numbers > li,
.resales-detail #properties-list .pagination .page-numbers > li,
#properties .properties-similar .pagination .page-numbers > li,
.properties .properties-similar .pagination .page-numbers > li,
.resales-detail .properties-similar .pagination .page-numbers > li {
display: none;
}
#properties #properties-list .pagination .page-numbers > li:last-child,
.properties #properties-list .pagination .page-numbers > li:last-child,
.resales-detail #properties-list .pagination .page-numbers > li:last-child,
#properties .properties-similar .pagination .page-numbers > li:last-child,
.properties .properties-similar .pagination .page-numbers > li:last-child,
.resales-detail .properties-similar .pagination .page-numbers > li:last-child {
display: block;
}
#properties #properties-list .pagination .page-numbers > li:last-child span,
.properties #properties-list .pagination .page-numbers > li:last-child span,
.resales-detail #properties-list .pagination .page-numbers > li:last-child span,
#properties .properties-similar .pagination .page-numbers > li:last-child span,
.properties .properties-similar .pagination .page-numbers > li:last-child span,
.resales-detail .properties-similar .pagination .page-numbers > li:last-child span {
display: none;
}
#properties #properties-list .pagination .page-numbers > li:last-child a,
.properties #properties-list .pagination .page-numbers > li:last-child a,
.resales-detail #properties-list .pagination .page-numbers > li:last-child a,
#properties .properties-similar .pagination .page-numbers > li:last-child a,
.properties .properties-similar .pagination .page-numbers > li:last-child a,
.resales-detail .properties-similar .pagination .page-numbers > li:last-child a {
display: block;
background: #E52613;
width: 350px;
padding: 10px 30px 14px 30px;
text-align: center;
line-height: 35px;
font-size: 1.25rem;
font-weight: 700;
max-width: 100%;
color: #FFF;
margin: 0 auto 0px;
text-decoration: none;
transition: 0.5s;
}
#properties #properties-list .pagination .page-numbers > li:last-child a:hover,
.properties #properties-list .pagination .page-numbers > li:last-child a:hover,
.resales-detail #properties-list .pagination .page-numbers > li:last-child a:hover,
#properties .properties-similar .pagination .page-numbers > li:last-child a:hover,
.properties .properties-similar .pagination .page-numbers > li:last-child a:hover,
.resales-detail .properties-similar .pagination .page-numbers > li:last-child a:hover {
background: #cd2211;
}
@keyframes shimmer {
from {
left: -150%;
}
to {
left: 150%;
}
}
.resales-detail {
margin-bottom: 100px;
padding-top: 80px;
}
@media only screen and (max-width: 375px) {
.resales-detail {
padding-top: 40px;
}
}
.resales-detail h1 {
color: #2B2B2B;
font-size: 3rem;
font-style: normal;
font-weight: 700;
line-height: normal;
}
@media only screen and (max-width: 1200px) {
.resales-detail h1 {
font-size: 2.6rem;
}
}
@media only screen and (max-width: 991px) {
.resales-detail h1 {
font-size: 2.8rem;
}
}
@media only screen and (max-width: 768px) {
.resales-detail h1 {
font-size: 2.5rem;
}
}
@media only screen and (max-width: 375px) {
.resales-detail h1 {
font-size: 2rem;
}
}
.resales-detail .price {
color: #E52613;
font-size: 3rem;
font-style: normal;
font-weight: 700;
line-height: normal;
text-align: right;
}
@media only screen and (max-width: 1200px) {
.resales-detail .price {
font-size: 2.6rem;
}
}
@media only screen and (max-width: 991px) {
.resales-detail .price {
font-size: 2.8rem;
text-align: left;
}
}
@media only screen and (max-width: 768px) {
.resales-detail .price {
font-size: 2.5rem;
}
}
.resales-detail #map {
margin-bottom: 30px;
}
.resales-detail h2 {
color: #2B2B2B;
font-size: 2.55rem;
font-style: normal;
font-weight: 600;
line-height: normal;
}
@media only screen and (max-width: 768px) {
.resales-detail h2 {
font-size: 2.2rem;
}
}
.resales-detail h3 {
color: #2B2B2B;
font-size: 1.5625rem;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 40px;
}
.resales-detail h4 {
color: #2B2B2B;
font-size: 1.1625rem;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-bottom: 10px;
}
.resales-detail .description {
color: #2B2B2B;
font-size: 1.125rem;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.resales-detail .description .fst-italic {
color: #9A9A9A;
font-weight: 300;
}
.resales-detail .property_id {
color: #2B2B2B;
font-size: 1.125rem;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.resales-detail .location {
color: #2B2B2B;
font-size: 1.25rem;
font-style: normal;
line-height: normal;
}
.resales-detail .location span:not(.active_town) {
padding-right: 30px;
}
.resales-detail .location img {
margin-right: 10px;
}
.resales-detail .subinfo {
color: #2B2B2B;
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.resales-detail .resales-images {
margin-bottom: 66px;
}
.resales-detail .resales-characteristics p {
color: #2B2B2B;
font-size: 1.125rem;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-bottom: 5px;
}
.resales-detail .resales-characteristics p img {
margin-right: 10px;
}
.resales-detail .properties-similar {
margin-top: 45px;
}
.resales-detail .link-all {
float: right;
display: block;
color: #E52613;
text-align: center;
font-size: 1.25rem;
font-style: normal;
font-weight: 700;
line-height: normal;
padding: 10px 30px;
text-decoration: none;
border: 1px solid #D9D9D9;
-webkit-transition: all 150ms linear;
-ms-transition: all 150ms linear;
transition: all 150ms linear;
}
.resales-detail .link-all:hover {
color: #FFF;
background: #E52613;
-webkit-transition: all 150ms linear;
-ms-transition: all 150ms linear;
transition: all 150ms linear;
}
@media only screen and (max-width: 768px) {
.resales-detail .link-all {
display: none;
}
}