/*
*=== HEADER ===
*/
@import url("https://fonts.googleapis.com/css?family=Raleway&display=swap");
/*
*=== GENERAL STYLES ===
*/
a {
    color: #3e8fc9;
}

a:hover {
    color: #3e8fc9 !important;
}

.form-control-feedback {
    top: 2px;
}

html,
body {
    background-color: #f0f0f0;
    max-width: 100%;
}

.line {
    border-color: #9e9e9e;
    margin: 0px auto;
    width: 90%;
}

body {
    font-variant-numeric: lining-nums;
    -webkit-font-feature-settings: "lnum";
    font-feature-settings: "lnum";
}

.show-labels {
    color: #3e8fc9;
    border: none;
    background-color: transparent;
}

section {
    background-color: #f0f0f0;
    padding: 20px 3%;
}

section h2 {
    color: #000000;
    margin-right: 0 !important;
    font-weight: lighter;
}

.container-fluid {
    padding: 0;
}

.btn {
    background-color: #3e8fc9;
    border: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.btn:hover {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background-color: #23587e;
}

.building.svg {
    -webkit-filter: brightness(0) invert(100%);
    filter: brightness(0) invert(100%);
}

.padding20 {
    color: #000000;
}

/*
*=== CLOSE GENERAL STYLES ===
*/
/*
*=== HEADER ===
*/
#top {
    background-color: #000000 !important;
}

#top a {
    background-color: transparent !important;
    color: #ffffff;
}

#top a:hover {
    color: #3e8fc9;
}

#top .dropdown-menu {
    background-color: #ffffff;
}

#top .dropdown-menu a {
    color: #474747;
}

#top .dropdown-menu a:hover {
    color: #3e8fc9;
}

#top .build {
    stroke: #ffffff !important;
    fill: #ffffff !important;
}

#top header {
    border-radius: 0px;
    position: static;
    top: 0px;
    width: 100%;
    z-index: 1000;
}

#top .navbar-element {
    list-style-type: none;
    overflow: hidden;
}

#top .navbar-element li {
    float: left;
}

#top .navbar-element li a {
    display: block;
    text-align: center;
    text-decoration: none;
}

#top .navbar-contact {
    padding: 10px;
}

#top .navbar-contact a:first-child {
    margin-right: 10px;
    white-space: nowrap;
}

#top .navbar-logo img {
    max-height: 300px; 
    max-width: 100%;
}

/*
*=== Navbar ===
*/
.pgl-navbar-main {
    min-height: 0px;
    text-align: center;
}

.pgl-navbar-main .navbar-nav {
    display: inline-block;
    float: none;
    height: auto;
    margin: 0 auto;
    vertical-align: top;
}

.pgl-navbar-main .navbar-nav li.open > a {
    color: #ffffff !important;
    background-color: #000000 !important;
}

.pgl-navbar-main .navbar-nav li > a,
.pgl-navbar-main .navbar-nav .dropdown > a {
    padding: 10px 20px !important;
}

.pgl-navbar-main .navbar-nav li > a:hover,
.pgl-navbar-main .navbar-nav .dropdown > a:hover {
    color: #ffffff;
    background-color: #000000;
}

.pgl-navbar-main .navbar-nav li > a:focus,
.pgl-navbar-main .navbar-nav .dropdown > a:focus {
    color: #ffffff;
    background-color: #000000;
}

.pgl-navbar-main .dropdown-menu {
    /* background-color: transparent !important;*/
    padding: 0;
}

.pgl-navbar-main .dropdown-menu li > a {
    padding: 10px 20px !important;
    background-color: #000000;
    color: #ffffff;
}

.pgl-navbar-main .dropdown-menu li > a:hover {
    color: #3e8fc9;
}

.navbar-collapse .submenu-link:hover {
    color: #3e8fc9 !important;
}

.navbar-default .navbar-nav > li > a {
    color: #474747;
}

/*
*=== Close Navbar ===
*/
/*
*=== Slider ===
*/
.owl-pagination {
    display: none;
}

.owl-prev,
.owl-next {
    background-color: transparent !important;
}

.main-slide {
    padding: 0;
}

/*
*=== Close Slider ===
*/
/*
*=== CLOSE HEADER ===
*/
/*
*=== SEARCH FORM ===
*/
section.pgl-advanced-search {
    background-color: #ffffff;
    border-bottom: 1px solid #9e9e9e;
    height: 130px;
    padding: 20px 0px;
}

section.pgl-advanced-search .search-button {
    background-color: #3e8fc9;
    color: #ffffff;
}

section.pgl-advanced-search .search-button:hover {
    background-color: #23587e;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

section.pgl-advanced-search.search-home {
    height: 80px;
}

#dropdown-fullLocation,
#dropdown-propertyTypes {
    width: 350px !important;
    background-color: #474747;
}

.chosen-container-single .chosen-single,
.chosen-select {
    background-color: #f0f0f0;
    border: 1px solid #9e9e9e;
}

.chosen-container a {
    font-size: 1.1em;
}

.chosen-container a span {
    color: #474747;
}

.form-control {
    color: #474747;
    background-color: #f0f0f0;
    border: 1px solid #9e9e9e;
}

.form-control::-webkit-input-placeholder,
.chosen-select {
    color: #474747;
}

.form-control:-ms-input-placeholder,
.chosen-select {
    color: #474747;
}

.form-control::-ms-input-placeholder,
.chosen-select {
    color: #474747;
}

.form-control::placeholder,
.chosen-select {
    color: #474747;
}

#button-pt:after,
#button-fl:after {
    content: url(../images/chosen-sprite.png);
    height: 32px;
    overflow: hidden;
    position: absolute;
    right: 6px;
    top: 3px;
    width: 16px;
}

.form-search .form-control {
    border: 1px solid #000000;
}

/*
*=== CLOSE SEARCH FORM===
*/
/*
*=== SLIDER CARDS ===
*/
.property-thumb-info-content {
    background-color: transparent !important;
    background: rgba(0, 0, 0, 0);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(35%, rgba(0, 0, 0, 0.37)), color-stop(100%, rgba(0, 0, 0, 0.61)));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(35%, rgba(0, 0, 0, 0.37)), to(rgba(0, 0, 0, 0.61)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.37) 35%, rgba(0, 0, 0, 0.61) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
    min-height: auto;
}

.property-thumb-info-content h4.property-subtitle {
    margin-bottom: 10px;
}

.property-thumb-info-content .build {
    stroke: #ffffff;
    fill: #ffffff;
}

.slider {
    text-align: center;
}

.slider .detail-principal-feature img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.slider .slider-info {
    color: #ffffff;
    padding: 0;
    margin: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: left;
}

.slider .slider-info a {
    color: #ffffff;
    font-size: 1.2em;
    font-weight: bold;
    text-align: left;
}

.slider .slider-info .property-subtitle a {
    font-weight: 500;
    font-size: 1.3em;
}

.slider .slider-info hr.line {
    border-color: #ffffff;
}

#owl-main-slide,
#owl-main-slide * {
    max-height: 500px;
}

/*
*=== SLIDER CARDS CLOSE ===
*/
/*
*=== PROPERTIES ===
*/
.property {
    background-color: #ffffff;
    color: #474747;
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    margin-bottom: 40px;
    -webkit-transition: -webkit-box-shadow 0.3s;
    transition: -webkit-box-shadow 0.3s;
    transition: box-shadow 0.3s;
    transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
}

.property:hover {
    -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.35);
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.35);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.property:hover .property-image img {
    -webkit-filter: opacity(0.8);
    filter: opacity(0.8);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.property .property-image {
    background-color: #ffffff;
}

.property .property-image img {
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    width: 100%;
}

.property .label-tag {
    background-color: #3e8fc9;
    color: #ffffff;
    font-size: 1em;
    font-weight: 600;
    left: -15px;
    padding: 0px 10px;
    position: absolute;
    top: 10px;
}

.property .property-info .property-title {
    height: 2.8em;
    text-overflow: ellipsis;
    word-break: normal;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.property .property-info .property-title a {
    color: #000000;
    display: block;
    height: 3.2em;
    line-height: 1.1;
    padding: 20px 20px 0px 20px;
}

.property .property-traits {
    color: #474747;
    min-height: 45.2px;
    overflow: auto;
    padding: 10px 20px;
    vertical-align: middle;
}

.property .property-traits .feature {
    display: inline-block;
    font-size: 0.9em;
}

.property .property-traits .build {
    stroke: #474747;
    fill: #474747;
}

.detail-price {
    color: #3e8fc9;
    text-align: center;
    font-weight: bold;
    font-size: 1.5em;
}

/*
*=== Recent Properties ===
*/
.recent-properties .property .property-image {
    background-color: #ffffff;
}

.recent-properties .property .property-image img {
    height: 320px;
}

.recent-properties .property .property-info {
    padding: 20px;
}

.recent-properties .property .property-info .property-title {
    margin-bottom: 0px;
    text-align: center;
}

.recent-properties .property .property-info .property-title a {
    display: -webkit-block;
    height: 2.2em;
    line-height: 1.1;
    overflow: hidden;
    padding: 0px 20px;
    text-overflow: ellipsis;
    word-break: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.recent-properties .property .property-info .property-title-price {
    color: #3e8fc9;
    font-weight: 700;
    margin-bottom: 0px;
    text-align: center;
    font-size: 1.6em;
}

.recent-properties .property .property-traits {
    min-height: 45px;
    overflow: auto;
    padding: 10px 7px;
    vertical-align: middle;
}

.recent-properties .property .property-traits .feature {
    display: inline-block;
    margin: 0px 10px;
}
.recent-properties .property .label-tag {
    left:0 ;
}

/*
*=== Close Recent Properties ===
*/
/*
*=== Featured Properties ===
*/
.featured-properties .property {
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    margin-bottom: 40px;
    position: relative;
}

.featured-properties .property:hover {
    -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.35);
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.35);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.featured-properties .property:hover .property-info {
    bottom: 0px;
    height: 100px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.featured-properties .property:hover .property-info .property-title-price {
    color: #3e8fc9;
    font-size: 1.4em;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.featured-properties .property:hover .property-image img {
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.featured-properties .property .property-image {
    background-color: #ffffff;
}

.featured-properties .property .property-image img {
    background-color: #000000;
    height: 280px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.featured-properties .property .label-tag {
    background-color: #3e8fc9;
    color: #ffffff;
    font-size: 1em;
    font-weight: 600;
    left: -15px;
    padding: 0px 10px;
    position: absolute;
    top: 10px;
}

.featured-properties .property .property-info {
    background-color: #474747;
    bottom: 0px;
    height: 60px;
    opacity: 0.8;
    position: absolute;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    width: 100%;
}

.featured-properties .property .property-info .property-title {
    margin-bottom: 10px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    word-break: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.featured-properties .property .property-info .property-title a {
    color: #ffffff;
    display: block;
    height: 2.6em;
    line-height: 1.1;
    padding: 10px 10px 0px 10px;
}

.featured-properties .property .property-info .property-title a:hover {
    color: #3e8fc9;
}

.featured-properties .property .property-info .property-title-price {
    color: transparent;
    text-align: center;
}

.featured-properties .property .property-traits {
    min-height: 45px;
    overflow: auto;
    padding: 10px 7px;
    vertical-align: middle;
}

.featured-properties .property .property-traits .feature {
    display: inline-block;
    margin: 0px 10px;
}

/*
*=== Close Featured Properties ===
*/
/*
*=== Oportunities Properties ===
*/
.oportunities-properties .col-centered {
    display: inline-block;
    float: none;
    text-align: center;
    margin-right: -8px;
}

.oportunities-properties .property {
    text-align: center;
}

.oportunities-properties .property:hover {
    -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.35);
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.35);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.oportunities-properties .property:hover .property-image img {
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.oportunities-properties .property .property-image {
    background-color: #ffffff;
    height: 100%;
}

.oportunities-properties .property .property-image img {
    height: 280px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.oportunities-properties .property .label-tag {
    background-color: #3e8fc9;
    color: #ffffff;
    font-size: 1em;
    font-weight: 600;
    left: 0;
    padding: 0px 10px;
    position: absolute;
    top: 10px;
}

.oportunities-properties .property .property-info {
    background-color: #ffffff;
    padding: 20px 20px 0 0;
}

.oportunities-properties .property .property-info .property-title {
    margin-bottom: 10px;
}

.oportunities-properties .property .property-info .property-title a {
    display: block;
    height: 2.6em;
    line-height: 1.1;
    padding: 10px 10px 0px 10px;
}

.oportunities-properties .property .property-info .property-title a:hover {
    color: #3e8fc9;
}

.oportunities-properties .property .property-info .property-description {
    color: #474747;
    display: -webkit-box;
    height: 6em;
    line-height: 1.6;
    margin-bottom: 0px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    word-break: normal;
    word-wrap: none;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.oportunities-properties .property .property-info .property-title-price {
    color: #3e8fc9;
    font-weight: 700;
    margin-bottom: 0px;
    text-align: center;
    font-size: 1.6em;
}

.oportunities-properties .property .property-traits {
    min-height: 30px;
    overflow: auto;
    padding: 7px 20px 7px 0px;
    vertical-align: middle;
}

.oportunities-properties .property .property-traits .feature {
    white-space: nowrap;
}

/*
*=== Close Oportunities Properties ===
*/
/*
*=== Full Size Properties Card ===
*/
@media (min-width: 992px) {
    .full-properties .v-divider {
        border-right: 1px solid #9e9e9e;
    }
    #top .navbar.navbar-default.pgl-navbar-main a:not(.submenu-link){
        color: #ffffff;
    }
}

.full-properties .property {
    padding-left: 0;
}

.full-properties .property .property-image {
    background-color: #ffffff;
    width: calc(100% + 15px);
}

.full-properties .property .property-image img {
    height: 290px;
}

.full-properties .property .label-tag {
    position: static;
    margin-bottom: 10px;
}

.full-properties .property .property-image .label-tag {
    position: absolute;
    left:0;
    margin-bottom: 10px;
}

.full-properties .property .property-ref {
    color: #474747;
    padding-top: 20px;
    text-align: center;
}

.full-properties .property .property-info {
    background-color: #ffffff;
    padding-top: 10px;
}

.full-properties .property .property-info .property-title {
    margin-bottom: 5px;
}

.full-properties .property .property-info .property-title a {
    display: table-cell;
    font-weight: bold;
    height: 2em;
    line-height: 1.1;
    padding: 0;
    vertical-align: bottom;
}

.full-properties .property .property-info .property-title a:hover {
    color: #3e8fc9;
}

.full-properties .property .property-info .property-subtitle {
    margin-bottom: 10px;
}

.full-properties .property .property-info .property-subtitle a {
    font-weight: normal;
    line-height: 1.1;
    padding: 0;
    color: #000000;
}

.full-properties .property .property-info .property-subtitle a:hover {
    color: #3e8fc9;
}

.full-properties .property .property-info .property-description {
    color: #474747;
    display: -webkit-box;
    height: 8em;
    line-height: 1.6;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: normal;
    word-wrap: none;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}

.full-properties .property .property-info .property-title-price {
    color: #3e8fc9;
    font-size: 1.6em;
    font-weight: 700;
    margin-bottom: 10px;
}

.full-properties .property .property-traits {
    min-height: 30px;
    overflow: auto;
    overflow-x: hidden;
    padding-top: 40px;
    text-align: center;
    vertical-align: middle;
}

.full-properties .property .property-traits .feature {
    display: block;
    font-size: 1em;
    padding-bottom: 20px;
    white-space: nowrap;
}

.full-properties .property .vdivide [class*="col-"]:not(:last-child):after {
    background: #000000;
    bottom: 0;
    content: "";
    display: block;
    min-height: 70px;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
}

/*
*=== Close Full Size Properties Card ===
*/
/*
*=== Mini Size Properties Card ===
*/
.mini-properties .col-centered {
    display: inline-block;
    float: none;
    text-align: center;
    margin-right: -8px;
}

.mini-properties .property .property-image {
    background-color: #ffffff;
}

.mini-properties .property .property-image img {
    height: 100%;
}

.mini-properties .property .property-ref {
    opacity: 0.8;
    padding-top: 20px;
    text-align: center;
}

.mini-properties .property .property-info {
    background-color: #ffffff;
    padding-top: 10px;
}

.mini-properties .property .property-info .property-title {
    margin-bottom: 5px;
}

.mini-properties .property .property-info .property-title a {
    padding: 10px 20px;
}

.mini-properties .property .property-info .property-title a:hover {
    color: #3e8fc9;
}

.mini-properties .property .property-info .property-subtitle {
    margin-bottom: 10px;
}

.mini-properties .property .property-info .property-subtitle a {
    font-weight: normal;
    line-height: 1.1;
    padding: 0;
}

.mini-properties .property .property-info .property-subtitle a:hover {
    color: #3e8fc9;
}

.mini-properties .property .property-info .property-title-price {
    color: #3e8fc9;
    font-size: 1.6em;
    font-weight: 700;
    margin-bottom: 10px;
}

.mini-properties .property .property-traits {
    overflow: auto;
    text-align: center;
}

.mini-properties .property .property-traits .feature {
    display: inline-block;
    font-size: 0.9em;
    white-space: nowrap;
}

/*
*=== Close Size Properties Card ===
*/
/*
*=== FOOTER ===
*/
footer.pgl-footer {
    color: #ffffff;
    background-color: #000000;
    padding: 40px 3% 20px 3%;

}

footer.pgl-footer a {
    color: #3e8fc9 !important;
    background-color: transparent !important;
    font-weight: normal !important;
}

footer.pgl-footer a:hover {
    color: #66a6d4 !important;
}

footer.pgl-footer h2 {
    color: #ffffff;
    font-size: 1.5em;
    font-weight: lighter;
}

footer.pgl-footer .ft-col-title {
    color: #000000;
}

footer.pgl-footer .logo-footer {
    height: 150px;
    width: auto;
}

footer.pgl-footer address {
    text-align: center;
    line-height: 1.2;
}

footer.pgl-footer .list-unstyled {
    text-align: center;
}

footer.pgl-footer .pgl-copyrights {
    padding-top: 10px;
    text-align: center;
}

footer.pgl-footer .dev-by {
    float: right;
}

/*
*=== CLOSE FOOTER ===
*/
/*
*=== CONTACT PAGE===
*/
.contact-page {
    color: #474747;
}

.contact-page a {
    color: #3e8fc9;
}

.contact-page a:hover {
    color: #23587e !important;
}

.contact-page #contactBtn {
    background-color: #3e8fc9;
}

.contact-page #contactBtn:hover {
    background-color: #23587e !important;
}

.contact-page h2 {
    color: #000000;
}

.contact-page .leaflet-popup {
    opacity: 0;
    visibility: hidden;
}

.contact-page .pgl-agent-item {
    padding-left: 10px !important;
}

.contact-page .icons {
    border: none !important;
}

.contact-page #contactBtn {
    border: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.contact-page h3 {
    margin: 0;
}

.contact-page .owl-controls {
    position: static !important;
}

.contact-page .owl-controls .icons:hover {
    color: #3e8fc9 !important;
    background-color: transparent !important;
}

.contact-page .pgl-agent-item {
    border: none !important;
    margin: 0;
}

.contact-page .pgl-agent-item:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

h3.detail-title-price {
    color: #3e8fc9;
}

/*
*=== CLOSE CONTACT PAGE ===
*/
/*
*=== DETAIL PROPERTY ===
*/
.row.display-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.row.display-flex > [class*="col-"] {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.panel {
    background-color: #ffffff;
}

.panel * {
    border: #ffffff !important;
}

.page-title h1.detail-title {
    margin-bottom: 0;
    text-align: left;
    text-transform: none !important;
    font-weight: 600;
}

h3.detail-title-price {
    font-size: 2.571em;
    font-weight: 500;
    margin-bottom: 0;
    text-align: left;
}

.galleryBtn {
    top: 20px;
    right: 20px;
}

.detail-principal-feature {
    padding: 10px 30px;
    white-space: nowrap;
}

.data-team-details {
    white-space: nowrap;
}


#collapseOccupation .date-picker-wrapper .month-wrapper table .day.toMonth.valid {
    color: #474747;
}

#collapseOccupation .date-picker-wrapper .month-wrapper table .day.real-today {
    background-color: #8ebddf !important;
}

#collapseOccupation .date-picker-wrapper .month-wrapper table .day.toMonth.hovering,
#collapseOccupation .date-picker-wrapper .month-wrapper table .day.checked {
    color: #474747;
    background-color: #b6d4ea;
}

#collapseOccupation .date-picker-wrapper .first-date-selected,
#collapseOccupation .date-picker-wrapper .last-date-selected {
    background-color: #3e8fc9 !important;
    color: #ffffff !important;
}

#collapseOccupation .date-picker-wrapper .date-range-length-tip {
    background-color: #474747;
    color: #ffffff;
}

#collapseOccupation .date-picker-wrapper .date-range-length-tip::after {
    border-top-color: #474747;
}

#collapseOccupation .invalid {
    background-color: #f1f7fb;
}

.mini-properties .owl-item {
    height: 650px !important;
}

.owl-item.property {
    height: 650px !important;
}

#collapseOccupation .date-picker-wrapper * {
    font-size: 1.015em;
}

#collapseOccupation .date-picker-wrapper .month-wrapper table .day {
    padding: 3px;
}

#collapseOccupation .date-picker-wrapper .month-wrapper table .caption th:first-of-type,
#collapseOccupation .date-picker-wrapper .month-wrapper table .caption th:last-of-type {
    width: auto !important;
}

/*
*=== CLOSE DETAIL PROPERTY ===
*/
/* Navbar Menu */
.navbar-toggle {
    background-color: transparent !important;
    height: 50px;
    left: auto;
    position: fixed;
    right: 15px;
    top: 15px;
    width: 50px;
    z-index: 20;
}

.navbar-toggle span.icon-bar {
    margin: 5px auto;
    background-color: #474747 !important;
}

.navbar-collapse a:hover {
    color: #ffffff !important;
}

.navbar-collapse.collapse {
    background-color: #ffffff;
}

#navbar-search-properties {
    border: none !important;
    font-size: 1.4em;
    height: 45px;
    left: 0;
    position: fixed;
    top: 127px;
    width: 100vw;
    right: 0px;
}

.dropdown-menu > li + li {
    border: none;
}

.dropdown-menu > li > a {
    padding: 8px;
}

@media (max-width: 992px) {
    #top {
        padding-top: 7px;
        padding-bottom: 7px;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 10;
    }
    .main {
        margin-top: 140px;
    }
    #section-search-box {
        background-color: #f0f0f0;
        position: fixed;
        top: 134px;
        width: 100%;
        z-index: 30;
    }
    .navbar-collapse.collapse {
        background-color: rgba(0, 0, 0, 0.9);
        bottom: 0;
        height: 100vh;
        position: fixed;
        top: 0;
        overflow: scroll !important;
        width: 100vw;
    }
    .collapsing {
        height: 0vh;
        left: 0;
        position: fixed;
        -webkit-transition: none;
        transition: none;
        top: 0;
        visibility: hidden;
        width: 0vw;
    }
    .close-times span {
        -webkit-transition: -webkit-transform 0.2s;
        transition: -webkit-transform 0.2s;
        transition: transform 0.2s;
        transition: transform 0.2s, -webkit-transform 0.2s;
        -webkit-transition-delay: transform 0.5s;
        transition-delay: transform 0.5s;
    }
    .close-times span .first {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .close-times span .second {
        opacity: 0;
        visibility: hidden;
    }
    .close-times span .third {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .close-times .rotate {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }
    .navbar-toggle {
        -webkit-transition: -webkit-transform 0.2s;
        transition: -webkit-transform 0.2s;
        transition: transform 0.2s;
        transition: transform 0.2s, -webkit-transform 0.2s;
        -webkit-transition-delay: transform 0.5s;
        transition-delay: transform 0.5s;
    }
    .navbar-collapse {
        background-color: rgba(0, 0, 0, 0.9);
        bottom: 0px;
        left: 0;
        padding: 30px;
        position: fixed;
        right: 0;
        top: 0;
    }
    .navbar-collapse .social-mobile {
        font-size: 1.4em;
        margin-top: 50px;
    }
    .navbar-collapse .social-mobile a {
        color: #3e8fc9;
        margin: 0 10px;
    }
    .navbar-collapse ul {
        width: 100%;
    }
    .navbar-collapse ul a {
        background-color: transparent;
        border: none !important;
        font-size: 1.2em;
        margin: 20px 0;
    }
    .navbar-collapse .hide-submenu {
        display: none !important;
        -webkit-transition: max-height 0.3s;
        transition: max-height 0.3s;
    }
    .navbar-collapse .submenu a {
        background-color: #000000;
        font-weight: 500;
        padding: 10px;
        text-align: center;
        transition: all 0.3s linear 0s;
        margin: 10px auto;
        -webkit-transition: all 0.3s linear 0s;
    }
    .navbar-collapse .submenu {
        -webkit-transition: display 0.3s;
        transition: display 0.3s;
    }
    .caret-edit {
        color: #474747;
        border: none;
        font-size: 3em;
        position: absolute;
        top: -20px;
        padding: 20px;
    }
    .static-page a {
        color: #3e8fc9;
    }
    .static-page a:hover {
        color: #23587e !important;
    }
    .pgl-detail.details {
        padding: 0;
    }
    .similar-properties * {
        max-height: 450px !important;
    }
    section.pgl-advanced-search {
        height: 270px;
    }
    section.pgl-advanced-search.search-home {
        height: 180px;
    }
    .search-form {
        padding: 0 50px;
    }
    .header-company-name{
        width: 87%;
    }
    footer img {
        display: block;
        margin: auto !important;
    }
}

/* Navbar Menu Close*/
.label-tag {
    background-color: #3e8fc9;
    color: #ffffff;
    font-size: 1em;
    font-weight: 600;
    padding: 0px 10px;
    top: 10px;
}

#collapseFouth a {
    color: #3e8fc9 !important;
}

#collapseFouth a:hover {
    color: #23587e !important;
}

#collapseFouth .contactBtn {
    background-color: #3e8fc9;
    border: none;
}

#collapseFouth .contactBtn:hover {
    background-color: #23587e !important;
}

.search-button {
    background-color: #3e8fc9;
    color: #ffffff;
    border: none;
    color: #474747;
}

#acceptCookieBlock a {
    color: #3e8fc9;
}

#acceptCookieBlock a:hover {
    color: #23587e !important;
}

.flex-prev,
.flex-next,
.galleryBtn {
    color: #ffffff;
    background-color: #3e8fc9 !important;
    border: none !important;
}

.flex-prev:hover,
.flex-next:hover,
.galleryBtn:hover {
    color: #3e8fc9 !important;
    background-color: #000000 !important;
}

.flex-prev,
.flex-next {
    bottom: 20px !important;
}

.browser-bar {
    float: right;
    margin: 0;
}

.listing-header {
    background-color: #f0f0f0;
    color: #474747;
    border: none;
    margin-bottom: 0;
    padding: 15px;
    width: 100%;
}

.content {
    padding-top: 20px;
}

@media (max-width: 992px) {
    .ref-detail{
        margin-bottom: 0px;
    }
    .flexslider{
        margin-bottom: 40px;
    }
    .listing-header {
        margin: 0 !important;
    }
    #browser-title-custom{
        margin: 0 !important;
    }
    .search-filter {
        text-align: center
    }
    body {
        overflow-x: hidden;
    }
    #section-search-box {
        top: 127px;
    }
    .oportunities-properties .property .property-info {
        padding-left: 20px;
    }
    .navbar-logo img {
        float: left;
        height: 75px !important;

    }
    .dropdown-toggle.language {
        float: right;
    }
    .navbar-language .dropdown-menu {
        left: auto;
        right: 15px;
    }
    .content {
        padding: 0;
    }
    .pagination {
        padding-left: 15px;
    }
    section.pgl-advanced-search {
        height: 380px;
        padding: 20px;
    }
    section.pgl-advanced-search.search-home {
        height: 350px;
        padding: 20px;
    }
    .browser-bar {
        display: block;
        margin-top: 0px;
    }
    .dev-by {
        text-align: center;
        float: none;
        margin: auto;
    }
    .header-company-name{
        width: 70%;
    }
    .full-properties .property .property-ref{
        padding: 0;
    }
    .full-properties .property .property-traits {
        padding-top: 10px;
    }

}

a.scroll-to-top {
    color: #3e8fc9;
    border-radius: 0%;
    -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.35);
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.35);
}

a.scroll-to-top:focus, a.scroll-to-top:hover {
    background-color: #3e8fc9;
}

/*
* === POSTS ===
*/
.post-body {
    padding: 0;
}

.post-content {
    background-color: #ffffff;
    padding: 30px;
    height: 270px;
    overflow: hidden;
}

.post-content:before {
    background: linear-gradient(transparent 10px, #ffffff);
    bottom: 40px;
    content: "";
    height: 70px;
    left: 0;
    position: absolute;
    width: 100%;
}

.post-content h3 {
    font-size: 1.5em;
}

.post-content h3 a {
    color: #000000;
}

.post-content .alternative-text {
    height: auto;
    color: #474747;
    margin-bottom: 15px;
    overflow: auto;
}

.post-content-detail {
    background-color: #f0f0f0;
    overflow: hidden;
}

.post-content-detail h2 {
    color: #000000;
}

.see-more {
    background-color: #ffffff;
    padding: 10px 30px;
    text-align: right;
}

.post-img {
    height: 250px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}

.post.post-large.property:hover .post-img {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    opacity: 0.6;
}

/*
* === CLOSE POSTS ===
*/
.page-top {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 400px;
    width: 100%;
}

.page-top h2 span {
    color: #000000;
    background-color: transparent !important;
    font-weight: 600;
}

.post-title-container {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 400px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}

.side-social a {
    color: #3e8fc9;
}

.side-social a:hover {
    color: #23587e !important;
}

.aux {
    padding: 20px;
}

.aux:before {
    content: none;
}

.post-search {
    padding: 10px !important;
}

.page-top-in {
    background-color: rgba(255, 255, 255, 0.575);
}

.page-top-in small {
    color: rgba(0, 0, 0, 0.699);
}

.property .page-header {
    margin-top: 0;
    color: #000000;
    border-bottom: 1px solid #9e9e9e;
}

#captation-submit {
    background-color: #3e8fc9;
    border: none;
}

#captation-submit:hover {
    background-color: #23587e !important;
}

#legalAdvice * {
    color: #3e8fc9;
}

#legalAdvice *:hover {
    color: #23587e !important;
}

#carousel {
    padding-left: 0;
    padding-right: 0;
}

#contact-map {
    z-index: 0;
    margin: 0px;
}

.panel.panel-default.pgl-panel li {
    background-color: transparent;
}

.detail-tags .label-tag {
    position: static;
}

.detail-property {
    color: #474747;
}

.detail-property h3 {
    color: #000000;
    font-size: 1.5em;
    font-weight: 500;
    text-transform: uppercase;
}

.detail-property h4 {
    color: #000000;
}

.sidebar .block.pgl-advanced-search {
    background-color: #ffffff;
}

.list-icons a,
.list-icons button {
    color: #474747;
    background-color: #f0f0f0;
    border: 1px solid #9e9e9e;
    border: 1px solid black;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.list-icons a:hover,
.list-icons button:hover {
    background-color: #ffffff;
    color: #3e8fc9;
    border-color: transparent;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.flexslider {
    background-color: #f0f0f0;
}

#section-search-box .col-md-2,
#section-search-box .col-md-3,
#section-search-box button.form-control {
    margin-bottom: 10px;
}

.pgl-pro-detail {
    margin-bottom: 0;
}

h4.sidebar-title {
    color: #000000;
    font-size: 1.3em;
    font-weight: 800;
}

/*
* === PAGINATION ===
*/
ul.pagination li a {
    border: none;
    background-color: #ffffff;
    color: #474747 !important;
}

ul.pagination li a:hover {
    color: #ffffff !important;
    background-color: #3e8fc9;
}

ul.pagination li.active span {
    border: none;
    background-color: #474747;
}

ul.pagination li.active span:hover {
    background-color: #474747;
}

.pagination {
    padding-left: 15px;
}

/*
* === CLOSE PAGINATION ===
*/
#dropdown-fullLocation,
#dropdown-propertyTypes,
.row.avoid-click {
    background-color: #ffffff;
    color: #474747;
}

.chosen-container .chosen-results li.highlighted {
    background-color: #f0f0f0;
    color: #474747;
}

.chosen-container .chosen-drop {
    border: none;
}

.chosen-container .chosen-drop .chosen-results {
    font-size: 1.1em;
    background-color: #ffffff;
    color: #474747;
}

.active-result.result-selected {
    color: #3e8fc9 !important;
}

.adquisition-form {
    color: #474747;
}

#carousel {
    border-color: #9e9e9e;
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border: none;
}

.ref-detail {
    margin-top: 10px;
    color: #474747;
}

.politic {
    color: #474747;
}

.politic h2 {
    color: #000000;
}

.build {
    stroke: #474747;
    fill: #474747;
}

.subtitle-calendar {
    color: #474747;
    font-size: 0.8em;
    line-height: 1.5;
    margin: 20px;
}
/*# sourceMappingURL=shangai-custom.css.map */

/*
* === FOOTER ===
*/

.format-data-contact {
    margin-left: 11px;
    width: 336px;
}

.f-text-left { 
    text-align: left;
}

.f-text-center { 
    text-align: center;
}

.f-text-right { 
    text-align: right;
}

.f-logo-left{
    text-align: left;
}

.f-logo-center{
    text-align: center;
}

.f-logo-right{
    text-align: right;
}

.f-float-left { 
    float:left;
    padding: 0px 5px 0px 0px;
}

.f-float-right { 
    float:right;
    padding: 0px 0px 0px 5px;
}

.f-icon-style-left { 
    height:26px;
    width:20px;
    margin-bottom:20px;
}

.f-icon-style-right { 
    height:26px;
    width:20px;
    padding:0px 0px 0px 0px;
    margin-left: 10px;
    margin-bottom:20px;
}

.min-height-column {
    min-height: initial;
}

.social-icon {
    padding-right: 12px;
}

.div-text-footer-left,
.div-text-footer-center {
    margin-left: 20px;
    /*width: 336px;*/
}

.div-text-footer-right {
    /*width: 336px;*/
}
.categoryProperties .category-item,
.customerReviews .category-item{
    width: 25%;
}
@media only screen and (max-width: 992px) {
    .navbar-default .navbar-toggle{
        display: inline-block !important
    }
    #top .navbar-logo img {
        height:75px;
    }
    .pgl-upper-foot .row .col-md-6{
        padding-top: 30px;
    }
    .dropdown-menu.submenu {
        width: auto !important;
    }
    .f-text-left,.f-text-center,.f-text-right { 
        text-align: left;
    }

    .f-logo-left,.f-logo-center,.f-logo-right{
        text-align: center;
    }

    .f-float-left,.f-float-right { 
        float: left;
        padding: 0px 0px 0px 0px;
    }

    .f-icon-style-left,.f-icon-style-right { 
        height:26px;
        width:20px;
        margin-bottom:20px;
    }

    .min-height-column {
        min-height: 150px;
    }

    .div-text-footer-right {
        margin-left: 20px;
    }
    .col-social-icons {
        text-align: center;
    }
    .categoryProperties .category-item,
    .customerReviews .category-item{
        width: 50%;
    }
}
.static-page img{
    max-width:100%;
    object-fit: cover;
}
@media screen and (min-width: 991px){
    .f-text-right.div-text-footer-right{
        margin-right: 20px !important;
    }
}

footer  {
    text-align: left;
}
/*
* === CLOSE FOOTER ===
*/
#whatsapp-button {
    position: fixed;
    width: 50px;
    height: 50px;
    bottom: 20px;
    right: 20px;
    background-color: #25d366;
    color: #FFF;
    text-align: center;
    font-size: 30px;
    z-index: 100;
}
.whatsapp-gap{
    right: 80px !important;
}
textarea#contact_message,
textarea#bookingRemarks {
    resize: vertical;
}
.image-slider {
    height: 60vw !important;
    width:100%;
    object-position: 50% 50%; 
    object-fit: cover;
    max-height: 600px !important;
}
.owl-item {
    height: 60vw !important;
    max-height: 600px !important;
}

#carousel .flex-next,
#carousel .flex-prev {
    bottom:50% !important;
}
.flex-direction-nav a {
    z-index: auto;
}
@media screen and (max-width: 767px){
    .categoryProperties .category-item,
    .customerReviews .category-item{
        width: 100%;
    }
}

.similar-properties .property .label-tag{
    left:0;
}
.pgl-pro-slide .owl-controls .owl-buttons div .icons {
    border:none;
}
.pgl-pro-slide .owl-controls .owl-buttons div .icons:hover {
    background-color: transparent;
    color: #000;
}
img {
    max-width: 100%;
    height:auto;
}




/* Detail contact block */


.contact-fix {
    position: -webkit-sticky;
    position: sticky;
    top: 60px;
    padding-top: 0;
}

.contact-fix .property {
    padding: 25px;
}

.contact-fix .image-contact img {
    max-width: 100%;
    max-height: 150px;
    margin: auto;
    margin-bottom:25px;
}
.social-container a{
    font-size: 1.5em;
}
.social-container a:not(:last-child){
    margin-right:10px;
}

.mobile-contact,
.mobile-contact-display,
.close-mobile-contact {
    display:none;
}

.facebookShare, .twitterShare, .pinterestShare {
    padding-right: 29px;    
}

.hr-share {
    width: 200px;
    margin: 20px 0px!important;
}

@media screen and (max-width: 1200px){
    .facebookShare, .twitterShare, .pinterestShare {
        padding-right: 10px;    
    }
    
    .hr-share {
        width: 140px;
    }
}

@media screen and (max-width: 1024px){
    .hr-share {
        width: 140px;
    }
}

@media screen and (max-width: 910px){
    .hr-share {
        width: 140px;
    }
}

@media screen and (max-width: 768px){
    .facebookShare, .twitterShare, .pinterestShare {
        padding-right: 109px;        
    }
    .hr-share {
        width: 456px;
    }
}

@media screen and (max-width: 500px){
    .facebookShare, .twitterShare, .pinterestShare {
        padding-right: 76px;        
    }
    .hr-share {
        width: 371px;
    }
}

@media screen and (max-width: 400px){
    .facebookShare, .twitterShare, .pinterestShare {
        padding-right: 42px;        
    }
    .hr-share {
        width: 245px;
    }
}

@media (max-width: 992px) {
    footer { margin-bottom:63px; }
    .contact-fix {
        display:none;
    }
    .mobile-contact {
        display:flex;
        justify-content: space-between;
        position: fixed;
        bottom:0;
        left:0;
        right:0;
        padding:10px;
        z-index: 9999;
        background-color:#ffffff;
    }
    .mobile-contact-display{
        position:fixed;
        top:0;
        bottom:0;
        left:0;
        right:0;
        z-index: 9999;
        padding:20px;
        min-height: calc(100vh - 60px);
        backdrop-filter: blur(4px);
        max-height: 80vh;
        overflow-y: scroll;
        background-color:rgba(255,255,255,0.9);
        box-shadow: 0px 5px 18px 1px rgba(0,0,0,0.54);
        border-radius: 30px;
    }
    .mobile-contact-display img {
        margin: 10px auto;
        max-height: 120px;
        max-width: 100%;
    }
    .mobile-contact-display .pgl-agent-item {
        padding: 0;
        border: none;
    }
    .close-mobile-contact {
        display: block;
        position: absolute;
        right: 20px;
        top: 20px;
        font-size: 1.5em;
        border: none;
        background-color: transparent;
    }
    .date-picker-wrapper.no-shortcuts.custom-topbar.no-gap {
        z-index: 99999;
    }

    .mobile-contact-display .pgl-agent-item:hover {box-shadow: none;}

    .content .pgl-properties {
        padding-top: 30px!important;
    }
}

@media (max-width: 360px){
    .blog-posts .post-large .post-content {
        padding-left: 30px!important;
    }
}

.pgl-navbar-main .navbar-collapse { font-size: 1.1em; }

#bookingDateRangeSidebar > .date-picker-wrapper {
    top: -16px!important;
    left: 0px!important;
    z-index: 500!important;
    position: relative!important;
    float: right;
}

#gmap_default {
    z-index: 0!important;
}