@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:ital,wght@0,300;0,400;0,600;1,300;1,400;1,600&family=Barlow:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Montserrat:ital,wght@0,600;1,600&family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Roboto:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap');

body {
    font-family: "Barlow", serif !important;
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: initial;
    background: #f2f2f2;
    color: #192184;
    text-rendering: optimizeSpeed
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Barlow", serif;
    color: #192184;
    margin: 10px 0 10px 0;
    font-weight: 600;
}

h1 {
    font-size: 22px;
}

h2 {
    font-size: 22px;
}

h3 {
    font-size: 20px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 16px;
}

    h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {
        color: #192184;
    }

h2.section-header {
    font-size: 30px;
    font-weight: 600;
    color: #00006d;
    text-align: center;
    letter-spacing: 1px;
    margin: 20px auto 30px;
}

.article-summary h3 {
    word-wrap: break-word
}

a {
    color: #192184;
    text-decoration: none;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

    a:hover {
        color: #0d6efd;
    }

.form-label {
    color: #192184;
    font-size: 16px;
    margin-bottom: 4px
}

.alert-info {
    bottom: 0;
    position: relative;
    position: absolute;
    z-index: 9;
    width: 100%;
    border-radius: 0;
    padding: 10px;
    text-align: center
}

button.accept-policy.close {
    background: #0d6efd;
    color: #fff;
    border: none;
    padding: 5px 20px;
    border-radius: 3px
}

    button.accept-policy.close:hover {
        background: #192184;
        color: #fff;
        border: none;
        padding: 5px 20px;
        border-radius: 3px
    }

.bg-light {
    background: #F2F2F2
}

.bg-red {
    background: #E10006;
}

.bg-blue {
    background: #192184;
}

.btn-primary {
    background: #192184;
    border: 0
}

    .btn-primary:hover {
        background: #0d6efd;
        border: 0
    }

.border-secondary {
    border-color: #ccc !important;
    box-shadow: 0 0 15px rgba(0,0,0,0.05);
    border: none !important;
    border-radius: 5px
}


/********************************************
By Jorge
*********************************************/
.Thumbs2 {
    display: flex;
    flex-wrap: wrap;
    padding: 0px;
    list-style: none;
    align-items: flex-start;
    margin: 0px 0;
    justify-content: space-between
}

    .Thumbs2 li {
        width: 48.2%;
        margin-left: 0;
        padding: 10px 0;
        text-align: right;
        list-style: none
    }

        .Thumbs2 li:nth-of-type(2n+2) {
            text-align: left
        }

.spec {
    background-color: unset;
    padding: 0px 0
}

.pb-3 {
    padding-bottom: 12px !important;
}

.p-30 {
    padding: 30px;
    margin-top: 40px;
    margin-bottom: 40px
}

.article-summary a {
    text-decoration: underline
}

ul > li, ol > li {
    margin: 0 0 5px;
    font-size: 15px
}

p {
    font-size: 16px;
    line-height: 1.4em;
    font-family: "Barlow", serif !important;
}

    p span {
        font-size: 16px;
        line-height: 1.4em;
        font-family: "Barlow", serif !important;
        color: #19218b;
    }

b, strong {
    color: #19218b;
    font-weight: 600
}

.col-md-9 h1, .col-md-6 h1, .article-title {
    background: #19218b;
    color: #fff;
    padding: 10px 20px;
    margin: 0 0 20px
}

.btn {
    font-family: "Barlow", serif;
    border-radius: 3px;
    letter-spacing: 2px;
    font-weight: 500;
    font-size: 15px;
    padding: 10px 20px;
    text-transform: uppercase;
    border-width: 0px;
}

    .btn:hover {
        background: #2f5bde
    }

.btn-outline-info {
    background: #0d6efd;
    border: none
}

a.btn-outline-info {
    color: #fff
}

    a.btn-outline-info:hover {
        text-decoration: none;
        color: #fff
    }

.form-control {
    font-family: "Barlow", serif;
    font-size: 16px;
    border-color: #ccc;
    text-transform: initial;
    letter-spacing: 0.5px;
    color: #333;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    border-radius: 5px
}

.form-select {
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    border-radius: 5px;
    border-color: #ccc;
}

.control-label {
    padding: 0 0 10px 0;
}

.header + .wrapper .spec:first-child {
    padding-top: 0px
}


select.form-control:not([size]):not([multiple]) {
    height: calc(2.5rem + 2px)
}

.tab-content {
    border: 1px solid #ddd;
    background-color: #fff;
    border-top: 0;
    padding: 20px 20px;
    color: #212529
}

.nav-tabs .nav-link {
    padding: 10px 20px;
    font-size: 14px
}

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        color: #00006d !important
    }

.form-floating > .form-select ~ label,
.form-floating > input ~ label,
.form-floating > textarea ~ label {
    opacity: 1;
    transform: scale(1) translateY(-0.5rem) translateX(0.5rem)
}

.RequiredSymbol {
    color: #f00
}

td, th {
    border: 1px solid #ddd;
    padding: 10px
}

tr:nth-child(even) {
    background-color: #f5f5f5;
}

tr:hover {
    background-color: #ddd;
}

th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #000066;
    color: white
}

ul {
    margin: 20px
}

li {
    list-style: disc
}


.form-check-input {
    border-color: #999
}

.form-check-label {
    color: #212529
}


@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1200px;
    }
}

@media (min-width: 992px) {

    .inner-navigation {
        height: 42px
    }

        .inner-navigation.collapse {
            display: block !important;
        }

    h2.section-header.header-center {
        text-align: left !important;
        margin: 40px auto 40px;
        font-weight: 600;
        letter-spacing: 2px;
        padding-left: 24px;
        border-left: 3px solid #ccc;
        line-height: 1;
        width: fit-content;
    }

    .homepage .property-search {
        position: absolute;
        bottom: 20px
    }
}


/********************************************
Header
*********************************************/
.header {
    position: relative
}

    .header.header-center {
        font-family: "Barlow", serif;
        height: auto;
        padding: 0;
        border: 0
    }

.inner-header {
    display: block;
    max-width: 100%;
    transition: all 0.5s
}

.header .container, .header .container-fluid {
    display: block;
}

#header-contact {
    background: #192184;
    color: #fff;
    height: 20px;
}

#section-id-27 > div {
    width: 1200px;
    margin: auto
}

#header-contact a {
    color: #fff;
    text-decoration: none
}

    #header-contact a:hover {
        color: #5bbbff;
        text-decoration: underline
    }

#header-contact i {
    font-size: 16px;
    color: #fff;
    margin: 0 5px 0 0;
}

#section-id-27 .col-lg-6:nth-of-type(1) {
    width: 85%;
}

#section-id-27 .col-lg-6:nth-of-type(2) {
    width: 15%
}

#article-summary-63 {
    text-align: center;
    margin: 15px 0
}


/*Contact on top
******************************/
#article-summary-2 .article-intro > div > div {
    width: 24%;
    display: inline-block;
    vertical-align: top;
    padding: 9px 15px;
    letter-spacing: 0;
    font-size: 14px;
    font-weight: 500;
}

    #article-summary-2 .article-intro > div > div:nth-of-type(1) {
        width: 25%;
        background: url(/img/fire.png);
        background-size: 24px;
        background-repeat: no-repeat;
        background-position: left top 5px
    }

    #article-summary-2 .article-intro > div > div:first-child i {
        margin: 0 15px 0 0
    }

    #article-summary-2 .article-intro > div > div:nth-of-type(2) {
        width: 30%
    }

    #article-summary-2 .article-intro > div > div:nth-of-type(3) {
        width: 23%;
    }

    #article-summary-2 .article-intro > div > div:nth-of-type(4) {
        width: 20%;
    }

    #article-summary-2 .article-intro > div > div:first-child i:before {
        display: none
    }


.SubscribeToNewsletter {
    font-size: 22px;
    margin: 20px 0px;
    padding: 10px 0px;
    overflow: hidden;
}

.SubscribeToNewsletter a {
   background-color: #0080F9;
   text-decoration: none !important;
   padding: 10px 10px;
}

.header-social-icon div {
    display: inline-block;
    vertical-align: top;
}

.header-social-icon .fa-brands, .header-social-icon .fa {
    font-size: 46px;
    color: #fff;
    padding: 0px 15px 0px 10px;
}


/********************************************
Menu
*********************************************/
.inner-navigation .container {
    max-width: 100%
}

.inner-nav .sub-menu, .inner-nav .mega-menu {
    background-color: #192184;
    left: 0px;
}

ul.sub-menu {
    margin: 0 !important
}

.inner-nav .sub-menu {
    list-style: none;
    padding: 0px 0;
}

    .inner-nav .sub-menu li a {
        padding: 9px 20px;
        font-size: 14px;
        color: #fff;
    }

    .inner-nav .sub-menu li {
        list-style: none
    }

        .inner-nav .sub-menu li a:hover {
            background: #3567f3;
            color: #fff;
            text-decoration: none
        }

.inner-nav > ul > li, .extra-nav > ul > li {
    margin: 0 0px 0 0
}

.header.header-center .inner-nav > ul > li > a,
.header.header-center.header-small .inner-nav > ul > li > a {
    font-size: 14px;
    color: #192184;
    font-weight: 500;
    padding: 0 12px;
    letter-spacing: 1px
}

    .sub-menu-open > a, .header.header-center.header-small .inner-nav > ul > li > a:hover {
        color: #fff !important;
        background-color: #1E2F7F !important;
        opacity: 1 !important;
        text-decoration: none
    }

.flag {
    padding-left: 40px !important;
    background: left 8px center no-repeat;
    background-size: 24px;
}

.flag-en {
    background-image: url(/img/flag-en.png)
}

.flag-de {
    background-image: url(/img/flag-de.png)
}

.siteMap .sub-menu {
    margin-left: 20px !important;
}

/************************************************
Search on homepage
*************************************************/
.homepage .property-search {
    position: absolute;
    bottom: 20px
}

.PropertySearchBox #radioListPurpose label {
    background: #6c757d;
    border: 0;
    height: 42px;
    font-size: 16px;
    font-weight: 400;
    padding: 0 19px;
    line-height: 42px;
}

#radioListPurpose input:checked + label {
    background: #28a745;
}

.PropertySearchBoxContent {
    padding: 20px 20px 10px 20px;
    margin-bottom: 0px;
    border-radius: 5px
}

.homepage .PropertySearchBox {
    border: solid 0px #ccc
}

.homepage .PropertySearchBoxContent {
    margin-bottom: 30px;
}

.advanced-search-title {
    font-family: "Barlow", serif;
    color: #192184;
    margin: 10px 0 10px 0;
    font-weight: 600;
    font-size: 20px;
}

#AdvancedSearchBtn {
    background: #ccc;
    padding: 9.6px 10px;
    margin: 0 0 0 5px;
}

    #AdvancedSearchBtn:hover {
        background: #E10006;
    }

#ResetBtn {
    padding: 9.6px 10px;
    margin: 0 0 0 5px;
}

#PropertySearchBtn {
    padding: 9.6px 10px;
    background-color: #FF7F00;
}

.PropertySearchBoxLocations .dropdown-toggle::after {
    display: none;
}

.PropertySearchBoxLocations .dropdown-toggle {
    text-align: left;
}

.PropertySearchBoxLocations .dropdown-menu li {
    list-style: none;
}

/************************************************
standard search
*************************************************/
.property-standard-search #radioListPurpose label {
    background: #BDBEBE;
    border: 0;
    height: 42px;
    font-size: 16px;
    font-weight: 400;
    padding: 0 16px;
    line-height: 42px;
}

.property-standard-search .property-search {
    border: solid 1px #ccc;
}

/************************************************
Homepage
*************************************************/

#article-summary-67 h1 {
    font-size: 28px;
    color: #192184
}

#article-summary-67 h2 {
    font-size: 26px;
    color: #192184
}
#section-id-19 {
    padding: 20px 0;
}
.section-id-19-en {
    margin-top: 70px;
}
.section-id-19-de {
    margin-top: 100px;
}
#section-id-19 .col-lg-12 {
    margin-bottom: 20px;
}

#section-id-19 img {
   border-radius: 5px;
   transition: 0.2s;
   margin-bottom: 25px;
 }

 #section-id-19 img:hover {
      transform: scale(1.03)
 }

.home-banner-title {
    font-family: "Arial";
    font-size: 30px;
    position: absolute;
    white-space: nowrap;
    font-weight: bold;
    top: 110px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.home-banner-title-en {
    font-size: 70px; 
    padding-right: 50px;
}

.home-banner-title-de {
    font-size: 60px; 
    padding-right: 50px;
}
/************************************************
Content
*************************************************/
#article-summary-6 img {
    margin: 0 0 20px 0
}

.img-right {
    width: 48%;
    float: right;
    margin: 0 0 0 30px;
}

    .img-right img {
        margin: 0 0 30px
    }

.property-item {
    width: 100%;
    display: block;
    overflow: hidden;
    margin: 20px 0;
    background: #192184;
    display: flex;
    align-items: center
}

.property-item-thumb-image {
    width: 50%;
    float: left
}

.property-item-title {
    width: 50%;
    display: inline-block;
    text-align: center;
    overflow: hidden;
}

    .property-item-title h3 {
        background: #eee;
        padding: 20px;
        margin: 0px 50px
    }

/*Associate
*********************************/
#section-id-30 .article-intro {
    overflow: hidden;
}

#section-id-30 h3 {
    font-size: 16px;
    margin: 0 0 10px
}

#section-id-30 .article-summary {
    border: solid 1px #ddd;
    padding: 10px;
    margin: 0 0 20px
}

    #section-id-30 .article-summary p {
        margin: 0
    }

#section-id-30 .article-primary-image a {
    padding-top: 80%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

#section-id-30 .article-primary-image {
    width: 33%;
    float: left;
    margin: 0 10px 0 0;
}

/*Special offer
******************************/
.vt {
    background: #192184;
    margin: 20px 0;
    overflow: hidden
}

    .vt h2 {
        color: #fff;
        margin: 0 0 20px;
        font-size: 20px
    }

    .vt p {
        color: #fff
    }

    .vt b {
        color: #fff;
        font-size: 17px
    }

.vt-img {
    width: 50%;
    float: left
}

    .vt-img p {
        margin: 0
    }

.vt-text {
    width: 50%;
    float: left;
    overflow: hidden;
    padding: 40px 5% 0
}

.vt .btn {
    font-size: 14px;
    letter-spacing: 1px
}

/*Partner
******************************/
#article-summary-13 {
    text-align: center
}

    #article-summary-13 img {
        margin: 1% 2%;
        max-height: 70px
    }

/*Faq
******************************/
#article-details-14 img {
    float: left;
    width: 48%;
    margin: 0 4% 0 0
}

    #article-details-14 img:nth-of-type(2n+2) {
        margin: 0
    }

.card-header {
    padding: 15px 20px 15px 20px
}

    .card-header a {
        font-size: 22px;
        font-weight: 500;
        color: #192184;
        text-transform: capitalize;
        padding: 0px 20px 0px 0px
    }

.card .card-block {
    border-bottom: 1px solid #eaeaea;
    color: #192184;
    font-size: 20px;
    padding: 0 20px 20px 20px
}

.card-block p {
    font-size: 18px
}

.card-block li {
    font-size: 18px;
    list-style: disc;
    margin: 20px 40px
}

/*Latest Listings
******************************/
#property_summary_latest {
    margin: 0 0 20px 0 !important;
}

    #property_summary_latest span {
        color: #192184;
        font-weight: 500;
        font-size: 16px
    }

div#property_summary_latest {
    padding: 20px 0
}

#property_summary_latest h6.property-title-text {
    margin: 0 0 5px
}

/*******************************************
Content
********************************************/
/*Want to buy
*********************************/
.property-standard-search-header h1 {
    background: #192184;
    color: #fff;
    padding: 10px 20px
}

#article-summary-18 h3 {
    background: #192184;
    color: #fff;
    padding: 10px 20px;
    text-align: center
}

/*Want to sale
*********************************/
#article-summary-19 h3 {
    background: #192184;
    color: #fff;
    padding: 10px 20px;
    text-align: center
}

.listyourproperty-form-panel .form-title h1 {
    background: #e10006;
    color: #fff;
    padding: 10px 20px;
    text-align: center;
    margin: 0 0 20px
}

.request-section-panel {
    width: 50%;
}

.form-title h1 {
    background: #222;
    color: #fff;
    padding: 10px 20px;
    text-align: center;
    margin: 0 0 20px
}

.request-form-panel {
    width: 50%;
}

    .request-form-panel h4 {
        font-size: 24px
    }

.request-section-panel h3:nth-child(1) {
    margin: 0 0 20px;
    text-align: center
}

.request-section-panel h1 {
    color: #e10006
}

.listyourproperty-section-panel {
    width: 50%
}

.listyourproperty-form-panel {
    width: 50%;
}

    .listyourproperty-form-panel .col-6 {
        width: 100%
    }

.listyourproperty-section-panel h3:nth-child(1) {
    margin: 0 0 20px;
}

.listyourproperty-section-panel h1 {
    color: #e10006;
}

/*Testimonials
*********************************/
#article-details-62 .article-body {
    padding: 0 15%;
    text-align: center
}

#article-details-62 hr {
    margin: 2rem 0
}

#article-details-62 em {
    font-size: 18px
}


/*Contact us page
**************************************/
#article-summary-69 {
    margin: 50px 0;
    overflow: hidden
}

.contact-image {
    float: right;
    width: 50%;
    padding: 0 0 0 50px
}

.contact-text {
    width: 50%;
    padding: 0 0 0 0
}

    .contact-text h2 {
        background: #192184;
        color: #fff;
        padding: 7px 20px
    }

.contact-form {
    margin: 0 0 50px 0;
    padding: 30px;
    border: solid 1px #ccc
}

/************************************************
Footer
*************************************************/
.footer {
    background: #fff;
    color: #121B38;
    font-size: 14px;
    border-bottom: 15px solid #192184;
}

.footer-copyright {
    padding: 5% 0 0;
    font-size: 14px
}

.footer a {
    color: #121B38;
}

    .footer a:hover {
        color: #0b71d1;
        text-decoration: underline
    }

/*Info
*********************************/
.footer > div:nth-child(1) {
    padding: 4% 0;
}

.footer > div:nth-child(2) {
    background: #1e2f7f;
    padding: 4% 0;
    color: #fff
}

.footer b, .footer strong {
    color: #fff;
}

.info-footer h3 {
    color: #fff !important
}

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

    .info-footer a:hover {
        color: #4fc6ff;
        text-decoration: underline
    }

#footer-menu div.row.mb-2 {
    margin: 0 !important
}

#article-summary-12 li {
    line-height: 1.8em;
    list-style: none
}

#article-summary-12 ul {
    margin: 20px 0
}

#article-summary-54 {
    padding: 0 10% 0 0
}

.footer > div:nth-child(2) .d-flex {
    padding-top: 40px;
}

    .footer > div:nth-child(2) .d-flex > div:first-child {
        flex-basis: 300px;
        padding-right: 110px;
    }

        .footer > div:nth-child(2) .d-flex > div:first-child i {
            color: #E10006;
            padding-right: 10px;
            font-weight: 700;
        }

    .footer > div:nth-child(2) .d-flex > div:nth-child(2) {
        flex-basis: 600px;
        padding-right: 120px;
    }

    .footer > div:nth-child(2) .d-flex > div:nth-child(3) {
        flex-basis: 300px;
    }





h2.section-header.header-center {
    text-align: center;
    margin: 40px auto 40px;
    font-weight: 600;
    letter-spacing: 2px;
    padding-left: 24px;
    border-left: 3px solid #E10006;
    line-height: 1;
    width: fit-content;
}


h3.section-header.header-center {
    padding-left: 0;
    text-align: center;
    border: 0
}

.section-header.header-center {
    margin: 30px 0
}


#section-id-4 h4 {
    font-size: 24px
}


.property-units .units > div:last-child {
    margin-left: 15px
}

.property-units {
    padding-bottom: 10px;
}

.ico {
    padding-left: 25px;
    height: 22px;
    background: no-repeat left;
}

    .ico span {
        padding-top: 4px;
        display: inline-block;
        color: #242539
    }
.ico-land-area {
    background-image: url(/img/ico-area.png);
}
.ico-area {
    background-image: url(/img/ico-living-area.png);
}

.ico-bed {
    background-image: url(/img/ico-bed.png);
}

.ico-bath {
    background-image: url(/img/ico-bath.png);
}


.spec-shop-item-thumb {
    padding-top: 62.415%;
    background: #ccc;
}

    .spec-shop-item-thumb > a {
        position: absolute;
        bottom: 0;
        width: 100%
    }

/************************************************
article list
*************************************************/
.article-primary-image a {
    padding-top: 65%;
    width: 100%;
    display: block;
    background-size: cover;
}

    .article-primary-image a img {
        display: none;
    }



/************************************************
Property list
*************************************************/
.spec-shop-grid-item .spec-shop-item-title {
    font-size: 16px;
    font-weight: 500;
    min-height: 65px;
}

.property-item-price-number .property-item-price h6 {
    background: #192184;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    font-size: 16px;
    padding: 5px 10px;
    margin-left: 5px;
}

.property-item-price-number .property-item-number h6 {
    background: #192184;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    font-size: 16px;
    padding: 5px 10px;
    margin-right: 5px;
}

.property-item-latest-price-number .property-item-number h6 {
    color: #192184;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
}

.property-item-latest-price-number .property-item-price h6 {
    color: #192184;
    font-weight: 600;
    text-transform: uppercase;
    text-align: left;
    font-size: 16px;
}

.Paging {
    text-align: center;
    padding: 40px 0 20px 0
}

.PageButton {
    width: 32px;
    background: #f1f1f1;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    border-radius: 32px;
    color: #121B3A;
    margin: 0 2px
}

    .PageButton:hover {
        background: #0d6efd;
        color: #fff;
        text-decoration: none
    }

    .PageButton.PageButtonActive {
        background: #192184;
        color: #fff;
        font-weight: 600;
    }

    .PageButton.LastPage, .PageButton.FirstPage {
        width: auto;
        background: none;
        padding-left: 8px
    }

        .PageButton.LastPage:hover, .PageButton.FirstPage:hover {
            color: #0d6efd
        }


#map {
    width: 100%;
    height: 100%
}

.map-property {
    width: 50px;
    height: 50px;
    background-color: #E10006;
    position: relative;
    border-radius: 4px;
    border: 3px solid #E10006
}

    .map-property::after {
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
        border-top: 9px solid #E10006;
        content: "";
        height: 0;
        left: 50%;
        position: absolute;
        top: 95%;
        transform: translate(-50%, 0);
        transition: all 0.3s ease-out;
        width: 0;
        z-index: -1;
    }

    .map-property .image {
        width: 100%;
        height: 100%;
        background-color: #ccc;
        background-position: center center;
        background-size: cover
    }

.map-property-popup .popup-info {
    border-radius: 4px;
    color: #333;
    padding-left: 5px;
}

.map-property-popup .popup-info-title {
    font-family: "Barlow", serif;
    color: #192184 !important;
    font-weight: 600;
}

.map-property-popup .popup-info-price {
    color: #333;
    font-weight: 500;
}

.PropertySearchBoxPurpose {
    position: absolute;
    bottom: 100%;
    left: 0
}

.column-menu {
    column-count: 3;
}

.property-title-text {
    font-size: 16px;
    font-weight: 500;
    background: #192184;
    padding: 8px 15px
}

    .property-title-text a {
        color: #fff
    }


/***********************************
Map view
*************************************/
.list_view, .map_view {
    border: 1px solid #ccc;
    text-align: center;
    padding: 18px 0;
    background: #fff
}

.map-view-section .list_view, .map-view-section .map_view {
    padding: 12px 0;
}

.list_view span i, .map_view span i {
    margin: 0 10px 0 0;
}

.list-view-button .active {
    color: #fff;
    background-color: #636161;
    border-color: #777;
}

    .list-view-button .active a {
        color: #fff;
    }

.list-view-button {
    margin-left: 5px;
}

/************************************************
Property detail
*************************************************/
/*Contact popup
**********************************/
.modal-header h5 {
    font-size: 18px;
    margin: 0
}

.modal-header button {
    background: #192184;
    border: none;
    padding: 5px;
    width: 30px;
    height: 30px;
    border-radius: 3px
}

    .modal-header button:hover {
        background: #0d6efd
    }

.modal-header span {
    font-size: 30px;
    line-height: 15px;
    color: #fff
}

/*Photo gallery
**********************************/
.carousel.row {
    margin: 0;
}

#custCarousel.bg-black {
    background: #f5f5f5 !important;
    border: solid 1px #ddd
}

.carousel-control-next, .carousel-control-prev {
    width: 20%;
}

#nav-thumbs {
    background: #ccc;
    padding: 10px;
}

.carousel-indicators {
    margin: 0
}

    .carousel-indicators [data-bs-target] {
        width: 100%;
        height: auto;
        text-indent: 0;
        border: 0;
        margin: 0
    }

.carousel-control-next-icon, .carousel-control-prev-icon {
    width: 40px;
    height: 40px;
    background-size: 50% 50%;
    background-color: rgba(0,0,0,1);
    border-radius: 40px
}

#nav-prev, #nav-next {
    font-size: 0;
    cursor: pointer;
    width: 40px;
    height: 40px;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 40px;
    background: rgba(0,0,0,0.7)
}

#nav-prev {
    top: 10px
}

#nav-next {
    bottom: 10px
}

    #nav-prev:hover, #nav-next:hover {
        background: rgba(0,0,0,1)
    }

    #nav-prev:after,
    #nav-next:after {
        content: "";
        display: block;
        position: absolute;
        width: 12px;
        height: 12px;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        right: 0;
        left: 0px;
        transform: rotate(-45deg);
        margin: auto;
        top: 16px
    }

    #nav-next:after {
        top: auto;
        bottom: 15px;
        transform: rotate(135deg);
    }

/************************************
Property detail
*************************************/
#property-short-description {
    font-weight: 600
}

#property-video {
    width: 45%;
    margin: 0 0 40px
}

#property-details .property-number {
    text-align: center;
    background: #192184;
    color: #fff;
    padding: 8px 10px;
    font-size: 20px;
    font-weight: 500;
}

#property-details h1 {
    background: #192184;
    color: #fff;
    padding: 8px 10px;
    margin: 0;
    font-size: 20px;
    font-weight: 500
}

.property-price {
    background: #192184;
    color: #fff !important;
    padding: 8px 10px;
    text-align: center !important;
}

    .property-price .h2 {
        font-weight: 500;
        color: #fff !important;
        padding: 8px 10px;
        font-size: 20px
    }

.social-buttons {
    text-align: center;
    padding: 0 0 10px 0
}

    .social-buttons i {
        font-size: 28px
    }

.share-text {
    font-weight: 600;
}

/************************************
Vertical Search
*************************************/
.VerticalSearchBox #radioListPurpose label {
    background: #6c757d;
    border: 0;
    font-size: 16px;
    font-weight: 400;
    padding: 0 7%;
    line-height: 42px;
}

.vertical-search-box {
    margin-bottom: 0px;
    border-radius: 0 5px 5px
}

.search-title h3 {
    background: #555;
    color: #fff;
    padding: 13px 10px;
    font-size: 16px;
    text-align: center;
    margin: 0px;
    letter-spacing: 1px;
}
.VerticalSearchBox .search-title h3 {
    margin: 0 0 10px 0 !important;
}

.search-title-icon i {
    background: #222;
    padding: 10px 12px;
    font-size: 25px;
    color: #fff;
}

.VerticalSearchBoxContent .my-3 {
    margin-bottom: 0 !important
}

.property-featured {
    border: solid 1px #ccc;
    margin: 60px 0;
    padding: 10px
}

    .property-featured h2.section-header,
    .similar-properties h2.section-header,
    .property-project h2.section-header {
        font-size: 20px;
        letter-spacing: 1px;
        background: #192184;
        padding: 10px;
        margin: 20px 0;
        color: #fff;
        font-weight: 500;
        display: block;
        overflow: hidden
    }

.property-project h2.section-header {
    text-align: left;
}

.spec-shop-grid-item .spec-shop-item-thumb {
    margin: 0 0 10px
}

.button-group .contact-button {
    width: 50%;
    float: left;
}

.button-group .favorite-similar-buttons {
    text-align: center;
}

.property-favorite-btn {
    background: #E10006;
}

    .property-favorite-btn:hover {
        background: #ff070e;
    }

.button-group .favorite-similar-buttons .btn-primary {
    padding: 10px 20px;
}

.spec-shop-item-hidden .button-group {
    overflow: hidden;
}

.property-info.pb-3 {
    margin: 10px 0 10px 0;
}

.property-info .row div {
    padding: 7px 0px 7px 15px
}

.button-group.pb-3 {
    margin: 10px 0
}

@media only screen and (min-width: 1025px) {
    .carousel-item {
        height: 441px
    }
    .carousel-item img {
        max-height: 441px;
        display: block;
        margin: auto
    }
}

@media only screen and (max-width:1280px) {
    .PropertySearchBox #radioListPurpose label {
        padding: 0 16px !important;
    }
    .home-banner-title {
        font-family: "Arial";
        top: 75px !important;
        white-space: nowrap;
    }

    .home-banner-title-en {
        font-size: 48px !important;
        padding-right: 25px;
    }

    .home-banner-title-de {
        font-size: 40px !important;
        padding-right: 20px;
    }
}

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

    .PropertySearchBox #radioListPurpose label {
        padding: 0 9px !important;
    }
    #AdvancedSearchBtn {
        padding: 9px 5px !important;
        margin: 0 0 0 2px !important;
    }
    #ResetBtn {
        padding: 9px 5px !important;
        margin: 0 0 0 2px !important;
    }

    #PropertySearchBtn {
        padding: 9px 5px !important;
        background-color: #FF7F00;
    }
    .home-banner-title {
        font-family: "Arial";
        top: 43px !important;
        white-space: nowrap;
    }

    .home-banner-title-en {
        font-size: 28px !important;
        padding-right: 25px;
    }

    .home-banner-title-de {
        font-size: 24px !important;
        padding-right: 20px;
    }
    .section-id-19-en {
        margin-top: 100px;
    }
    .section-id-19-de {
        margin-top: 100px;
    }
}
@media only screen and (max-width:960px) {

        .carousel-item {
            height: 260px;
        }

            .carousel-item img {
                max-height: 260px;
                display: block;
                margin: auto
            }

        .homepage .property-search {
            position: static;
        }

        .home-banner-title {
            font-family: "Arial";
            top: 43px !important;
            white-space: nowrap;
        }

        .home-banner-title-en {
            font-size: 28px !important;
            padding-right: 25px;
        }

        .home-banner-title-de {
            font-size: 24px !important;
            padding-right: 20px;
        }

        /**********************************
By Jorge Tablet
***********************************/
        h2.section-header {
            font-size: 24px;
            margin: 20px 0 20px
        }

        .wrapper {
            padding-top: 0px;
        }

        .p-30 {
            padding: 20px;
            margin-top: 20px;
            margin-bottom: 20px
        }

        .my-4 {
            margin-top: 1rem !important;
            margin-bottom: 1rem !important;
        }

        /**********************************
Header Tablet
***********************************/
        #section-id-27 > div {
            width: auto
        }

        .property-contact-btn {
            background: #4070BC !important;
        }

        .header .container, .header .container-fluid {
            padding: 0 0px;
        }

        #article-summary-63 {
            margin: 5px 0;
        }

            #article-summary-63 img {
                max-height: 50px
            }

        /**********************************
Menu Tablet
***********************************/
        .nav-toggle {
            position: relative;
            top: -40px;
            right: 20px !important;
            display: block
        }

            .nav-toggle > a {
                height: 16px;
                width: 28px;
            }

        .header.header-center .inner-nav > ul > li > a, .header.header-center.header-small .inner-nav > ul > li > a {
            padding: 8px 0px;
            font-size: 16px
        }

        /**********************************
Homepage Tablet
***********************************/
        #section-id-28 h3 {
            font-size: 24px
        }

        #section-id-19 .col-lg-4 {
            width: 33%;
            padding: 0 5px
        }

        #section-id-19 {
            padding: 0px 0;
        }
        .section-id-19-en {
            margin-top: 120px;
        }

        .section-id-19-de {
            margin-top: 150px;
        }

        #section-id-28 p {
            font-size: 20px;
        }


        /**********************************
Property List Tablet
***********************************/
        .PropertySearchBoxPurpose.col-md-2 {
            flex: 0 0 auto;
            width: 28%;
        }

        .PropertySearchBoxLocations.col-md-3 {
            width: 47%
        }

        .PropertySearchBoxKeyword.col-md-2 {
            flex: 0 0 auto;
            width: 30%;
        }

        .property-list .col-md-6 {
            width: 100%
        }

        .spec-shop-grid-item .spec-shop-item-title {
            font-size: 15px;
            min-height: 60px
        }

        .property-item-price-number .property-item-price h6 {
            font-size: 14px;
            padding: 5px 5px
        }

        .property-item-price-number .property-item-number h6 {
            font-size: 14px;
            padding: 5px 5px
        }

        /**********************************
Property Detail Tablet
***********************************/
        #property-details .h3 {
            font-size: 18px
        }

        #property-details .property-number {
            padding: 8px 5px;
            font-size: 18px;
            letter-spacing: 0
        }

        .property-price .h2 {
            padding: 8px 5px;
            font-size: 18px
        }

        .share-text {
            display: block;
            margin: 0 0 10px 0
        }

        .button-group .contact-button {
            width: 100%;
            margin: 0 0 20px 0
        }

        .button-group .favorite-similar-buttons {
            text-align: center;
            width: 100%;
        }

        /**********************************
Footer Tablet
***********************************/

        /*Partner Tablet
***********************/
        #article-summary-13 img {
            margin: 10px 5px;
            max-height: 60px;
            max-width: 120px
        }
    }

    @media only screen and (max-width: 767px) {
        .carousel-item {
            height: 210px;
        }

            .carousel-item img {
                max-height: 210px;
                display: block;
                margin: auto
            }

        .home-banner-title {
            font-family: "Arial";
            top: 25px !important;
            white-space: nowrap;
        }

        .home-banner-title-en {
            font-size: 15px !important;
            padding-right: 15px;
        }

        .home-banner-title-de {
            font-size: 13px !important;
            padding-right: 10px;
        }
    }

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

        h2 .section-header.header-center, h2.section-header {
            font-size: 18px;
            text-align: center;
            margin: 20px auto 20px;
            letter-spacing: 1px;
        }

        .property-featured h2.section-header, .similar-properties h2.section-header, .property-project h2.section-header {
            font-size: 18px;
            letter-spacing: 1px;
            background: #192184;
            padding: 10px;
            margin: 20px 0;
            color: #fff;
            font-weight: 500;
            display: block;
            overflow: hidden;
        }

        /***********************************
Header Mobile
*************************************/
        /*Contact on top
******************************/
        #article-summary-2 .article-intro > div > div {
            font-size: 15px;
        }

        .header .container, .header .container-fluid {
            padding: 0 10px;
        }

        /*.header-social-icon .fa-brands, .header-social-icon .fa {
        font-size: 24px !important;
        color: #fff;
        padding: 5px 5px 10px 0
    }*/

        .header-social-icon {
            text-align: left;
        }

        #section-id-27 .col-lg-6:nth-of-type(1) {
            width: 100%
        }

        #section-id-27 .col-lg-6:nth-of-type(2) {
            width: auto !important;
            padding: 0px 20px;
        }

        #article-summary-2 .article-intro > div > div {
            padding: 6px 10px;
        }

            #article-summary-2 .article-intro > div > div:nth-of-type(1) {
                width: 100%;
            }

            #article-summary-2 .article-intro > div > div:nth-of-type(2) {
                width: 100%
            }

            #article-summary-2 .article-intro > div > div:nth-of-type(3) {
                width: 100%;
            }

            #article-summary-2 .article-intro > div > div:nth-of-type(4) {
                width: 100%;
            }

        #article-summary-64 .article-intro > div > div {
            width: 30px;
            display: inline-block;
        }

        #article-summary-64 .article-intro {
            text-align: left
        }

        #header-contact a {
            text-decoration: none
        }
        /**********************************
Menu mobile
***********************************/
        .nav-toggle {
            position: absolute;
            top: auto;
            height: auto;
            bottom: 14px;
            right: 20px !important;
            text-align: right !important;
            display: block
        }

            .nav-toggle > a {
                height: 16px;
                width: 28px;
            }

        .inner-navigation-inline {
            padding: 10px 0
        }

        .header.header-center .inner-nav > ul > li > a, .header.header-center.header-small .inner-nav > ul > li > a {
            padding: 8px 10px;
            font-size: 16px
        }

        .inner-nav .sub-menu li a {
            font-size: 16px
        }

        #header-logo img {
            width: 65%;
            background: #ccc
        }

        #section-id-3 {
            box-shadow: 20px 20px 20px rgba(0,0,0,0.2) !important;
        }

        #article-summary-63 {
            margin: 5px 0;
        }

        .inner-nav li.menu-item-has-children > a::after {
            right: 10px;
            font-size: 14px
        }

        /**********************************
By Jorge mobile
***********************************/
        .p-30 {
            padding: 20px;
            margin: 0px
        }

        .spec, .spec-sm {
            padding: 20px 0
        }

        .Thumbs2 {
            display: block;
        }

            .Thumbs2 li {
                width: 100%;
                padding: 7px 0;
            }

        /**********************************
Homepage mobile
***********************************/
        #section-id-19 .col-lg-4 {
            margin: 5px 0 !important;
            width: 100%
        }
        #section-id-19 {
            margin-top:0px;
        }

        .section-banner .container-fluid {
            padding: 0;
        }

        .section-banner .row {
            margin: 0 !important;
            display: inherit
        }

        .home-banner-title {
            font-family: "Arial";
            top: 25px !important;
            white-space: nowrap;
        }

        .home-banner-title-en {
            font-size: 14.5px !important;
            padding-right: 20px;
        }

        .home-banner-title-de {
            font-size: 12.5px !important;
            padding-right: 30px;
        }

        /************************************************
Content mobile
*************************************************/
        #article-summary-6 img {
            margin: 0 0 20px 0
        }

        .img-right {
            width: 100%;
            float: none;
            margin: 30px 0;
        }

            .img-right img {
                margin: 0 0 30px
            }

        .request-section-panel {
            width: 100%;
        }

        .request-form-panel {
            width: 100%;
        }

        .listyourproperty-section-panel {
            width: 100%
        }

        .listyourproperty-form-panel {
            width: 100%;
        }


        /*Special offer
    ******************************/
        .vt {
            margin: 20px 0;
            overflow: hidden
        }

            .vt h2 {
                margin: 0 0 20px
            }

        .vt-img {
            width: 100%;
            float: none
        }

            .vt-img p {
                margin: 0
            }

        .vt-text {
            width: 100%;
            float: none;
            padding: 30px 20px
        }


        /*Associate
*********************************/
        #section-id-30 .article-intro {
            overflow: hidden;
        }

        #section-id-30 h3 {
            font-size: 16px;
            margin: 0 0 10px
        }

        #section-id-30 img {
            float: left;
            width: 100%;
            margin: 20px 0
        }

        #section-id-30 .article-summary {
            margin: 0 0 20px
        }

        /*Contact us page mobile
**************************************/
        .property-item-title h3 {
            font-size: 18px;
            padding: 5px;
            margin: 0px 20px
        }

        /*Contact us page mobile
**************************************/
        #article-summary-69 {
            margin: 20px 0 20px;
        }

        .contact-image {
            float: none;
            width: 100%;
            padding: 0 0 0 0px
        }

        .contact-text {
            width: 100%;
            padding: 0
        }

        .contact-form {
            margin: 0 0 40px 0;
        }


        /**********************************
Property Search Mobile
***********************************/
        .PropertySearchBoxPurpose.col-md-2 {
            flex: 0 0 auto;
            width: 100%;
        }

        .PropertySearchBoxLocations.col-md-3 {
            width: 100%
        }

        .PropertySearchBoxKeyword.col-md-2 {
            width: 100%
        }

        .search-title-icon i {
            background: #222;
            padding: 11px 20px;
            font-size: 23px;
            color: #fff;
        }


        /**********************************
Property List Mobile
***********************************/
        #SortOrderType {
            margin: 20px 0 0
        }

        .list-view-button {
            margin: 0 0 20px 0
        }

        .spec-shop-grid-item .spec-shop-item-title {
            min-height: auto;
            margin: 20px 0 0
        }

        /**********************************
Property Detail Mobile
***********************************/
        #nav-thumbs, #nav-slider {
            display: none
        }

        .contact-button .btn {
            width: 100%
        }

        #map {
            width: 100%;
        }

        .property-featured {
            margin: 40px 0;
        }


        #property-video {
            width: 100%
        }

        /**********************************
Footer mobile
***********************************/
        .footer > div:nth-child(1) {
            padding: 20px
        }

        .footer > div:nth-child(2) {
            padding: 20px
        }

        .footer-menu .col {
            flex: unset
        }

        .footer-menu h4 {
            margin: 20px 0 10px 0
        }

        .footerpadding {
            padding: 0 10px 10px 10px
        }

            .footerpadding.text-end {
                text-align: left !important
            }

        .footer-copyright {
            border-top: solid 1px #ddd
        }

        /*Partner Mobile
****************************/
        #article-summary-13 img {
            margin: 8px;
            max-height: 38px
        }


        .position-absolute {
            position: relative !important
        }

        .wrapper {
            padding-top: 0px
        }

        .PropertySearchBoxContentWrapper {
            padding-top: 0px;
            margin-bottom: 0px
        }
    }



    apps-fileview.texmex_20231012.01_p0
    site.css
    Displaying site.css.