/* ===============================================
MAIN
================================================== */
.body-root
{
    position: relative;
    overflow-x: clip;
    
    min-height: 100vh;
}


/* ===============================================
SECTION
================================================== */
section.section
{
    padding: 0rem 0rem 0rem 0rem;
    margin: 0rem 0rem 0rem 0rem;
}

section.section-main
{
    padding: var(--size-x0-5) 0rem;
    margin: 0rem 0rem 0rem 0rem;
}


/* 
LAYOUT FOR TABLET
================================================== */
@media only screen and (max-width: 1224px)
{
    section.section-main
    {
        padding: var(--size-x0-25) 0rem;
    }
}


/* ===============================================
HEADER
================================================== */
.header
{
    width: 100%;

    padding: 0rem 0rem 0rem 0rem;
}

.header > .container > .row
{
    margin-bottom: 0rem;
}

section.section.header-top-bar
{
    position: relative;
}

.header-top-bar .header-bar
{
    margin: 0rem;
}

.header-top-bar .header-bar .navigation-mini
{        
    float: right;
}

.header-desktop .header
{
    width: 100%;

    padding: 0rem 0rem 0rem 0rem;
}

.header-desktop > .header > .container > .row
{
    display: flex;

    align-items: center;

    margin-bottom: 0rem;
}

.header-desktop .header-logo
{
    display: flex;
    justify-content: flex-start;
    align-items: center;

    margin: var(--size-x0-5) 0rem;

    height: 10.0rem;
}

.header-desktop .header-logo img
{
    object-fit: contain;
    object-position: left;

    margin: 0rem;
    padding: 0rem;

    max-width: 30.0rem;
    max-height: 10.0rem;
}

.header-desktop .header-navigation
{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.header-desktop .header-navigation .navigation li.home,
.header-desktop .header-navigation .navigation li.property-main,
.header-desktop .header-navigation .navigation li.corporate,
.header-desktop .header-navigation .navigation li.blog,
.header-desktop .header-navigation .navigation li.blog-estate
{
    display: none;
}

.header-desktop .header-navigation .navigation > ul > li > a > i.total
{
    display: none;
}

.header-mobile
{
    position: sticky;
    top: 0rem;
    z-index: 90000;
}

.header-mobile .header
{
    width: 100%;

    padding: 0rem 0rem 0rem 0rem;
}

.header-mobile .header > .container > .row
{
    display: flex;
    flex-wrap: wrap;
    
    align-items: center;

    margin-bottom: 0rem;
}

.header-mobile .header-logo
{
    margin: var(--size-x0-25) 0rem var(--size-x0-25) 0rem;
}

.header-mobile .header-logo img
{
    object-fit: contain;
    object-position: left;

    margin: 0rem;
    padding: 0rem;

    max-width: 25.0rem;
    max-height: 4.5rem;
}

.header-mobile .navigation-mini
{
    float: right;
}

.header-search
{
    overflow: hidden;

    margin: 0rem var(--size-x0-4) var(--size-x1-5) var(--size-x0-4) !important;
}

.header-search .header
{
    width: 100%;

    padding: 0rem 0rem 0rem 0rem;
}

.header-search .header.image-load
{
    position: relative;
    overflow: hidden;
    
    padding: var(--size-x5) 0rem;
}

.header-search .header.image-load .image-banner
{
    position: absolute;

    top: 0rem;
    left: 0rem;

    width: 110%;
    height: 110%;

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    animation: cinematicZoom 15s ease-in-out infinite alternate;
}

.header-search .header.image-load .search-mask
{
    position: absolute;
    opacity: 0.4;
    
    top: 0rem;
    left: 0rem;
    
    width: 100%;
    height: 100%;
}

.header-search .header > .container > .row
{
    display: flex;
    flex-wrap: wrap;

    margin-bottom: 0rem;
}

.header-search .search-main
{
    position: relative;
    display: grid;
    align-items: center;
}

.header-search .search-main .search-title
{
    position: relative;
    float: left;

    margin-top: var(--size-x1);
    margin-bottom: var(--size-x1);
}

.header-search .search-main .search-title .content
{
    margin-bottom: var(--size-x2);
}

.header-search .search-main .search-title h1
{
    font-size: 280%;
    line-height: var(--size-x2);
}

.header-search .search-main .search-title span
{
    position: relative;
    float: left;
    
    margin: 0rem var(--size-x0-5) var(--size-x0-5) 0rem;
}

.header-search .search-side
{
    position: relative;
}

.header-search .search-side input[type="submit"]
{
    position: absolute;
    visibility: hidden;
}

.header-search .search-side .search-form
{
    margin-top: var(--size-x2);
    margin-bottom: var(--size-x2);

    padding: var(--size-x1) var(--size-x0-5);
}

.header-search .search-side .search-form > select,
.header-search .search-side .search-form > select + .selectize-control,
.header-search .search-side .search-form > input[type="text"]
{
    width: 100%;

    margin-bottom: var(--size-x0-5);
}

.header-slayt
{
    overflow: hidden;

    margin: 0rem var(--size-x0-4) !important;
}

.header-slayt .header
{
    width: 100%;

    padding: 0rem 0rem 0rem 0rem;
}

.header-slayt .header.image-load
{
    position: relative;
    overflow: hidden;
    
    padding: 35.0rem 0rem;
}

.header-slayt .header.image-load .image-banner
{
    position: absolute;

    top: 0rem;
    left: 0rem;

    width: 110%;
    height: 110%;

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    animation: cinematicZoom 15s ease-in-out infinite alternate;
}

.header-slayt .header.image-load .slayt-mask
{
    position: absolute;
    opacity: 0.4;
    
    top: 0rem;
    left: 0rem;
    
    width: 100%;
    height: 100%;
}

.header-map
{
    overflow: hidden;

    margin: 0rem var(--size-x0-4) !important;
}

.header-map .header
{
    width: 100%;

    padding: 0rem 0rem 0rem 0rem;
}

.header-map .box-map
{
    position: relative;
    overflow: hidden;
    
    height: 0rem;
    
    padding: 35rem 0rem;
}

.header-map .box-map .map
{
    position: absolute;
    
    top: 0rem;
    left: 0rem;
    
    width: 100%;
    height: 100%;
}

section.section.header-dir
{
    padding: var(--size-x0-125) 0rem 0rem 0rem;
    margin: 0rem 0rem 0rem 0rem;
}

.header-dir .header
{
    width: 100%;

    padding: 0rem 0rem 0rem 0rem;
}

.header-dir .dir-main .dir-icon
{
    float: right;
}
  
@keyframes cinematicZoom
{
0%      { transform: scale(1) translate(0, 0); }
50%     { transform: scale(1.08) translate(-5px, -5px); }
100%    { transform: scale(1.15) translate(-10px, -10px); }
}


/* 
COLOR SETTINGS
================================================== */
section.section.header-top-bar                      { background-color: var(--body-background-white); border-bottom: var(--border-regular) solid var(--body-sub-border); }
section.section.header-desktop                      { background-color: var(--body-background-white); }
section.section.header-mobile                       { background-color: var(--body-background-blur); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
section.section.header-search                       { background-color: var(--body-background-white); border-radius: var(--border-radius); }
section.section.header-slayt                        { background-color: var(--body-background-white); border-radius: var(--border-radius); }
section.section.header-map                          { background-color: var(--body-background-white); border-radius: var(--border-radius); }

.header-search .header.image-load .search-mask
{
    background-color: var(--mask-background);
}

.header-search .search-main .search-title h1,
.header-search .search-main .search-title h2,
.header-search .search-main .search-title h3,
.header-search .search-main .search-title h4,
.header-search .search-main .search-title h5
{
    color: var(--body-color-white);
}

.header-search .search-side .search-form
{
    background-color: var(--mask-background);
    
    box-shadow: var(--body-shadow);

    border-radius: var(--border-radius);
}

.header-slayt .header.image-load .slayt-mask
{
    background-color: var(--mask-background);
}


/* 
LAYOUT FOR LARGE
================================================== */
@media only screen and (max-width: 1399px)
{
    .header-search .header.image-load
    {
        padding: var(--size-x3) 0rem;
    }
    
    .header-search .search-main .search-title h1
    {
        font-size: 240%;
        line-height: var(--size-x1-5);
    }

    .header-slayt .header.image-load
    {
        padding: 30.0rem 0rem;
    }

    .header-map .box-map
    {
        padding: 32.5rem 0rem;
    }
}


/* 
LAYOUT FOR TABLET
================================================== */
@media only screen and (max-width: 1224px)
{
    .header-search .search-main .search-title h1
    {
        font-size: 220%;
        line-height: var(--size-x1-5);
    }

    .header-slayt .header.image-load
    {
        padding: 25.0rem 0rem;
    }

    .header-map .box-map
    {
        padding: 30.0rem 0rem;
    }
}


/* 
LAYOUT FOR TABLET
================================================== */
@media only screen and (max-width: 1023px)
{
    .header-search .search-main .search-title h1
    {
        font-size: 200%;
        line-height: var(--size-x1-5);
    }

    .header-slayt .header.image-load
    {
        padding: 20.0rem 0rem;
    }

    .header-map .box-map
    {
        padding: 25.0rem 0rem;
    }
}


/* 
LAYOUT FOR TABLET
================================================== */
@media only screen and (max-width: 799px)
{
    .header-search .search-main .search-title h1
    {
        font-size: 180%;
        line-height: var(--size-x1-5);
    }

    .header-slayt .header.image-load
    {
        padding: 15.0rem 0rem;
    }

    .header-map .box-map
    {
        padding: 20.0rem 0rem;
    }
}


/* 
LAYOUT FOR MOBILE
================================================== */
@media handheld, only screen and (max-width: 640px)
{
    .header-search .header.image-load .image-banner
    {
        animation: cinematicZoom 10s ease-in-out infinite alternate;
    }

    .header-search .header .search-main .search-title .content
    {
        display: none;
        
        margin-bottom: 0rem;
    }

    .header-search .search-main .search-title h1
    {
        font-size: 140%;
        line-height: var(--size-x1-5);
    }

    .header-search .search-main .search-title span
    {
        display: block;

        width: 100%;

        margin-right: 0rem;
    }

    .header-search .search-main .search-title a.button
    {
        width: 100%;
    }

    .header-search .search-side .search-form
    {
        margin-top: 0rem;
        margin-bottom: var(--size-x1);
    }

    .header-slayt .header.image-load
    {
        padding: 12.0rem 0rem;
    }

    .header-map .box-map
    {
        padding: 15.0rem 0rem;
    }
}


/* ===============================================
FOOTER
================================================== */
.footer
{
    width: 100%;

    padding: 0rem 0rem 0rem 0rem;
}

.footer > .container > .row
{
    margin-bottom: 0rem;
}

section.section.footer-top-bar
{
    margin-top: var(--size-x4);
}

.footer-top-bar .footer-exchange
{
    margin: var(--size-x0-25) 0rem;
}

.footer-top-bar .footer-lang
{
    margin: var(--size-x0-25) 0rem;
}

.footer-top-bar .footer-lang .navigation-mini
{
    float: right;
}

section.section.footer-main
{
    padding: var(--size-x2) 0rem 0rem 0rem;
}

.footer-main .footer-logo .logo-img
{
    margin: 0rem 0rem var(--size-x2) 0rem;
}

.footer-main .footer-logo .logo-img img
{
    max-width: 25.0rem;
    max-height: 10.0rem;
}

.footer-main .footer-logo .logo-content
{
    margin-bottom: var(--size-x1);
    padding-right: var(--size-x2);

    font-size: var(--f6);
}

.footer-main .footer-logo .logo-content h1,
.footer-main .footer-logo .logo-content h2,
.footer-main .footer-logo .logo-content h3,
.footer-main .footer-logo .logo-content h4,
.footer-main .footer-logo .logo-content h5,
.footer-main .footer-logo .logo-content h6
{
    font-size: var(--f3);
}

.footer-main .footer-logo .logo-social
{
    margin-bottom: var(--size-x1);
}

.footer-main .footer-logo .logo-social .dir-icon
{
    width: 100%;

    margin-bottom: var(--size-x0-5);
}

.footer-main .footer-logo .logo-social .dir-icon ul li
{
    margin-bottom: var(--size-x0-5);
}

.footer-main .footer-links .row
{
    display: flex;
    flex-wrap: wrap;
}

.footer-main .footer-link
{
    display: initial;
}

.footer-main .footer-link .title-divider
{
    margin-bottom: var(--size-x0-25);
}

.footer-main .footer-link h3
{
    font-size: var(--f3);
}

.footer-main .footer-space
{
    margin-top: var(--size-x1);
    margin-bottom: 0rem;
}

.footer-main .footer-login
{
    display: flex;
    justify-content: flex-end;

    margin: 0rem 0rem var(--size-x1) 0rem;
}

.footer-main .footer-login .footer-login-link
{
    text-transform: uppercase;
}

section.section.footer-copyright
{
    padding: var(--size-x1) 0rem var(--size-x4) 0rem;
    
    font-size: var(--f6);
    text-align: center;
}


/* 
COLOR SETTINGS
================================================== */
section.section.footer-top-bar                          { background-color: var(--body-background-white); border-top: var(--border-regular) solid var(--body-sub-border); }
section.section.footer-main                             { background-color: var(--body-section-background); }
section.section.footer-copyright a,
section.section.footer-copyright a:visited              { color: var(--body-color); }


/* 
LAYOUT FOR LARGE
================================================== */
@media only screen and (max-width: 1399px)
{
    
}


/* 
LAYOUT FOR SCREEN
================================================== */
@media only screen and (max-width: 1224px)
{
    
}


/* 
LAYOUT FOR TABLET
================================================== */
@media only screen and (max-width: 1023px)
{
    section.section.footer-main
    {
        padding: var(--size-x1) 0rem 0rem 0rem;
    }

    .footer-main .footer-logo .logo-img
    {
        margin-bottom: var(--size-x1);
    }

    .footer-main .footer-links
    {
        display: none;
    }

    .footer-main .footer-space
    {
        margin-top: 0rem;
    }

    .footer-main .footer-login
    {
        justify-content: flex-start;
    }
}


/* 
LAYOUT FOR MOBILE
================================================== */
@media handheld, only screen and (max-width: 640px)
{
    .footer-top-bar .footer-exchange
    {
        display: none;
    }

    section.section.footer-main
    {
        padding: var(--size-x1) 0rem 0rem 0rem;
    }

    .footer-main .footer-logo .logo-img
    {
        margin-bottom: var(--size-x1);
    }

    .footer-main .footer-links
    {
        display: none;
    }

    .footer-main .footer-space
    {
        margin-top: 0rem;
    }

    .footer-main .footer-login
    {
        justify-content: flex-start;
    }
}


/* ===============================================
MODAL
================================================== */
.modal .modal-inner > .container
{
    width: 100%;
}

.modal .modal-inner > .container > .row
{
    display: flex;

    margin-bottom: 0rem;
}

.modal .modal-inner .modal-inner-image img
{
    display: block;
    
    margin: auto;
    
    width: 100%;
    height: 100%;
    
    object-fit: cover;

    border-radius: var(--border-radius);
}

.modal .modal-inner .modal-inner-main .content-box
{
    overflow: hidden;
    
    margin-bottom: 0rem;
}

.modal .modal-inner .modal-inner-main .content-box .box-video
{
    position: relative;
    overflow: hidden;

    height: 0rem;

    padding-bottom: 63%;
    padding-top: var(--size-x1);
}

.modal .modal-inner .modal-inner-main .content-box .box-video iframe
{
    position: absolute;
    
    top: 0rem;
    left: 0rem;
    
    width: 100%;
    height: 100%;
    
    border: 0rem;
}

.modal .modal-inner .modal-inner-main .content-box .box-map
{
    position: relative;
    overflow: hidden;

    height: 60vh;
}

.modal .modal-inner .modal-inner-main .content-box .box-map.small-map
{
    height: 60vh;
}

.modal .modal-inner .modal-inner-main .content-box .box-map.large-map
{
    height: 80vh;
}

.modal .modal-inner .modal-inner-main .content-box .box-map .map
{
    position: absolute;
    
    top: 0rem;
    left: 0rem;
    
    width: 100%;
    height: 100%;
}

.modal .modal-inner .modal-inner-main .modal-footer
{
    margin-top: var(--size-x0-5);
    margin-bottom: 0rem;
}


/* 
LAYOUT FOR LARGE
================================================== */
@media only screen and (max-width: 1399px)
{
    
}


/* 
LAYOUT FOR SCREEN
================================================== */
@media only screen and (max-width: 1224px)
{
    
}


/* 
LAYOUT FOR TABLET
================================================== */
@media handheld, only screen and (max-width: 1023px)
{
    
}


/* 
LAYOUT FOR MOBILE
================================================== */
@media handheld, only screen and (max-width: 640px)
{
    .modal .modal-inner .modal-inner-image
    {
        display: none;
    }
}


/* ===============================================
INDEX - HOMEPAGE
================================================== */
.index-homepage
{
    display: block; 

    width: 100%;
}

.index-homepage > .container > .row
{
    margin-bottom: 0rem;
}

.index-homepage .homepage-main > div::-webkit-scrollbar
{
    width: 0.5rem;
    height: 0.5rem;
}

section.section-main.fav-area-main
{
    margin: 0rem 0rem;
    padding: var(--size-x0-5) 0rem;
}

section.section-main.cards-main
{
    margin: var(--size-x1-5) 0rem;
    padding: var(--size-x2) 0rem;
}

.index-homepage .info-cards-content
{
    margin-top: var(--size-x1);
}

.index-homepage .homepage-main .homepage-photos-content
{
    margin-top: var(--size-x1);
    margin-bottom: var(--size-x0-5);
}

.index-homepage .homepage-main .row.latest
{
    margin-bottom: 0rem;
}


/* 
COLOR SETTINGS
================================================== */
section.section-main.cards-main                                 { background-color: var(--body-section-background); }

.index-homepage .homepage-main div::-webkit-scrollbar-track     { background-color: var(--body-scrollbar-background); }
.index-homepage .homepage-main div::-webkit-scrollbar-thumb     { background-color: var(--custom-background); }


/* 
LAYOUT FOR LARGE
================================================== */
@media only screen and (max-width: 1399px)
{
    
}


/* 
LAYOUT FOR TABLET
================================================== */
@media only screen and (max-width: 1224px)
{
    
}


/* 
LAYOUT FOR TABLET
================================================== */
@media handheld, only screen and (max-width: 1023px)
{
    .index-homepage .homepage-main .menu-button
    {
        display: none;
    }
}


/* 
LAYOUT FOR MOBILE
================================================== */
@media handheld, only screen and (max-width: 640px)
{

}


/* ===============================================
index-carousel
================================================== */
.index-carousel
{
    display: block;

    width: 100%;
}

.index-carousel::before
{
    clear: both; display: block; visibility: hidden; content: ''; font-size: 0; width: 0; height: 0; line-height: 0;
}

.index-carousel .owl-carousel
{
    overflow: hidden;
}

.index-carousel > .container
{
    position: relative;
}

.index-carousel > .container > .row
{
    margin-bottom: 0rem;
}

.index-carousel .content-box
{
    margin-bottom: 0rem;
}

.index-carousel .content-box .box-title.property h1,
.index-carousel .content-box .box-title.property h2,
.index-carousel .content-box .box-title.property h3,
.index-carousel .content-box .box-title.property h4,
.index-carousel .content-box .box-title.property h5
{
    overflow: hidden;

    max-height: var(--size-x2);
}

.index-carousel .content-box .box-title.account h1,
.index-carousel .content-box .box-title.account h2,
.index-carousel .content-box .box-title.account h3,
.index-carousel .content-box .box-title.account h4,
.index-carousel .content-box .box-title.account h5
{
    min-height: unset;
}

.index-carousel .content-box .box-title .subtitle
{
    overflow: hidden;

    max-height: var(--size-x2);
}


/* 
LAYOUT FOR LARGE
================================================== */
@media only screen and (max-width: 1399px)
{
    
}


/* 
LAYOUT FOR TABLET
================================================== */
@media only screen and (max-width: 1224px)
{
    
}


/* 
LAYOUT FOR MOBILE
================================================== */
@media handheld, only screen and (max-width: 640px)
{
    
}


/* ===============================================
PAGE
================================================== */
.page-info
{
    display: block; 

    width: 100%;
}

.page-info > .container > .row
{
    margin-bottom: 0rem;
}

.page-info .page-404 .page-404-content
{
    margin-bottom: 0rem;
}

.page-info .page-404 .page-404-content .content-main
{
    margin-bottom: var(--size-x1);
}

.page-info .page-404 .page-404-content .content-main h2
{
    font-weight: var(--fw-t-bold);
}

.page-info .page-404 .page-404-content .content-image
{
    margin-bottom: var(--size-x1);

    text-align: right;
}

.page-info .page-main .page-content
{
    display: inline-block;
        
    margin-bottom: var(--size-x2);
}

.page-info .page-main .page-contact-content
{    
    margin-bottom: var(--size-x2);
}

.page-info .page-main .page-map-content
{
    display: grid;

    margin-bottom: var(--size-x2);
}

.page-info .page-main .page-map-content .content-box .box-map
{
    position: relative;
    overflow: hidden;

    height: 0rem;

    padding-bottom: 50%;
    padding-top: var(--size-x1);
}

.page-info .page-main .page-map-content .content-box .box-map .map
{
    position: absolute;
    
    top: 0rem;
    left: 0rem;
    
    width: 100%;
    height: 100%;
}

.page-info .page-main .page-photos-content
{
    margin-bottom: var(--size-x2);
}

.page-info .page-main .page-stats
{
    display: grid;
    
    margin-top: var(--size-x1);

    text-align: center;
}

.page-info .page-main .page-stats .stats-read
{
    margin: 0rem 0rem var(--size-x1) 0rem;

    text-align: center;
    vertical-align: middle;
}

/****/

.page-info .page-side .modal-close
{
    display: none;
}

.page-info .page-side .side-menu-title
{
    margin-top: var(--size-x1);
}

.page-info .page-side .side-menu-content
{
    margin-bottom: 0rem;
}

/****/

.page-list .page-list-sort 
{
    float: left;
    display: flex;
    place-content: space-between;

    width: 100%;

    margin-bottom: var(--size-x0-5);
}

.page-list .page-list-sort .sort-info 
{
    position: relative;
    float: left;
    display: inline-flex;
    
    width: 50%;
    max-height: var(--size-x2);

    padding: var(--size-x0-125) 0rem;
}

.page-list .page-list-sort .sort-select 
{
    position: relative;
    float: right;
    display: inline-flex;
    
    width: 50%;
    max-height: var(--size-x2);

    justify-content: right;
}

.page-list .page-list-sort .sort-select .selectize-control
{
    width: 200px;
}

.page-list .page-list-sort .sort-select label
{
    display: inline-block;

    margin-right: var(--size-x0-5);

    padding: var(--size-x0-125) 0rem;
}

.page-list .page-list-content
{
    position: relative;
    float: left;

    display: flex;
    flex-wrap: wrap;

    width: 100%;

    margin-bottom: var(--size-x1);
}

.page-list .page-list-content .content-box .box-title h1,
.page-list .page-list-content .content-box .box-title h2,
.page-list .page-list-content .content-box .box-title h3,
.page-list .page-list-content .content-box .box-title h4,
.page-list .page-list-content .content-box .box-title h5
{
    overflow: hidden;

    max-height: var(--size-x2);
}

.page-list .page-list-content .content-box.details .box-title h1,
.page-list .page-list-content .content-box.details .box-title h2,
.page-list .page-list-content .content-box.details .box-title h3,
.page-list .page-list-content .content-box.details .box-title h4,
.page-list .page-list-content .content-box.details .box-title h5
{
    max-height: var(--size-x1);
}

.page-list .page-list-content .content-box          .box-title .subtitle span,
.page-list .page-list-content .content-box.details  .box-title .subtitle span
{
    margin-right: 0rem;
}

.page-list .page-list-content .content-box .box-desc
{
    overflow: hidden;

    max-height: var(--size-x3);
}

.page-list .page-list-pages
{
    margin-top: var(--size-x1);
    margin-bottom: var(--size-x2);
}    


/* 
COLOR SETTINGS
================================================== */
.page-info .page-main .page-contact-content table a,
.page-info .page-main .page-contact-content table a:visited                             { color: var(--body-color); }
.page-info .page-main .page-contact-content table a:hover                               { color: var(--custom-color); }

.page-info .page-main .page-stats .stats-read                                           { color: var(--body-color-subtitle); }

.page-list .page-list-sort .sort-info                                                   { color: var(--body-color-subtitle); }
.page-list .page-list-sort .sort-select label                                           { color: var(--body-color-subtitle); }
.page-list .page-list-content .content-box:hover .box-link span:first-child::before,
.page-list .page-list-content .content-box:hover .box-link span:first-child a           { color: var(--custom-color); }


/* 
LAYOUT FOR LARGE
================================================== */
@media only screen and (max-width: 1399px)
{
    
}


/* 
LAYOUT FOR TABLET
================================================== */
@media only screen and (max-width: 1224px)
{        
    .page-info .page-side .modal-close
    {
        display: block;
    }

    .page-info .page-side .side-menu-title
    {
        margin-top: 0rem;
    }
}


/* 
LAYOUT FOR MOBILE
================================================== */
@media handheld, only screen and (max-width: 640px)
{
    .page-info .page-main .page-map-content .content-box .box-map
    {
        padding-bottom: 63%;
    }

    .page-info .page-main > .title-divider
    {
        margin-top: 0rem;
    }

    .page-list .page-list-sort .sort-select label
    {
        display: none;
    }

    .page-list .page-list-content .content-box.details .box-title h1,
    .page-list .page-list-content .content-box.details .box-title h2,
    .page-list .page-list-content .content-box.details .box-title h3,
    .page-list .page-list-content .content-box.details .box-title h4,
    .page-list .page-list-content .content-box.details .box-title h5
    {
        max-height: var(--size-x2);
    }

    .page-list .page-list-content .content-box.details .box-desc
    {
        max-height: var(--size-x3);
    }

    .page-list .page-list-content .content-box.blog .box-desc
    {
        max-height: var(--size-x3);
    }
}


/* ===============================================
PROPERTY - INFO
================================================== */
.property-info
{
    display: block; 

    width: 100%;
}

.property-info > .container > .row
{
    margin-bottom: 0rem;
}

.property-info .property-404 .property-404-title
{
    margin-top: var(--size-x1);
}

.property-info .property-404 .property-404-content
{
    margin-bottom: 0rem;
}

.property-info .property-404 .property-404-content .content-main
{
    margin-bottom: var(--size-x1);
}

.property-info .property-404 .property-404-content .content-main h2
{
    font-weight: var(--fw-t-bold);
}

.property-info .property-404 .property-404-content .content-image
{
    margin-bottom: var(--size-x1);

    text-align: right;
}

.property-info .sticky-main
{
    display: inline-block;

    width: 100%;
}

.property-info .sticky-content
{
    position: sticky;
    top: var(--size-x1);
}

.property-info .property-main.property-title-bottom
{
    display: none;
}

.property-info .property-main .property-title
{
    margin-top: var(--size-x1);
}

.property-info .property-main .property-image
{
    margin-bottom: var(--size-x0-25);
}

.property-info .property-main .property-imagelist
{
    position: relative;
    float: left;

    width: 100%;

    margin: var(--size-x0-25) 0rem;
}

.property-info .property-main .property-links
{
    position: relative;
    float: left;
    
    width: 100%;
    
    margin: var(--size-x0-25) 0rem 0rem 0rem;
}

.property-info .property-main .property-account-content
{
    margin-bottom: 0rem;
}

.property-info .property-main .property-content
{
    margin-bottom: var(--size-x2);
}

.property-info .property-main .property-feature-content
{
    display: grid;
}

.property-info .property-main .property-feature-content .toggle > ul > li > div
{
    overflow: auto;
    
    max-height: 55.0rem;
}

.property-info .property-main .property-feature-content .toggle .row
{
    margin-bottom: 0rem;
}

.property-info .property-main .property-feature-content .toggle .row .information-feature .info
{
    font-size: var(--f6);
}

.property-info .property-main .property-feature-content .toggle .row .information-feature .notice
{
    font-size: var(--f6);
}

.property-info .property-main .property-feature-content .toggle input[type="checkbox"]
{
    pointer-events: none;
}

.property-info .property-main .property-feature-content .toggle .not-select
{
    display: none;
}

.property-info .property-main .property-stats
{
    display: grid;    

    margin-top: var(--size-x2);
    margin-bottom: 0rem;
}

.property-info .property-main .property-stats
{
    text-align: center;
}

.property-info .property-main .property-stats .stats-read
{
    margin: 0rem 0rem var(--size-x1) 0rem;

    text-align: center;
    vertical-align: middle;
}

/****/

.property-info .property-side > .row:first-child
{
    margin-top: var(--size-x1);
}

.property-info .property-side .side-video-title
{
    margin-top: var(--size-x1);
}

.property-info .property-side .side-video-content
{
    margin-bottom: var(--size-x2);
}

.property-info .property-side .side-map-title
{
    margin-top: var(--size-x1);
}

.property-info .property-side .side-map-content
{
    margin-bottom: var(--size-x2);
}

.property-info .property-side .side-map-content .content-box .box-map
{
    position: relative;
    overflow: hidden;

    height: 0rem;

    padding-bottom: 63%;
    padding-top: var(--size-x1);
}

.property-info .property-side .side-map-content .content-box .box-map.small-map
{
    padding-bottom: 63%;
}

.property-info .property-side .side-map-content .content-box .box-map.large-map
{
    padding-bottom: 126%;
}

.property-info .property-side .side-map-content .content-box .box-map .map
{
    position: absolute;
    
    top: 0rem;
    left: 0rem;
    
    width: 100%;
    height: 100%;
}


/* 
COLOR SETTINGS
================================================== */    
.property-info .property-main .property-stats .stats-read        { color: var(--body-color-subtitle); }


/* 
LAYOUT FOR LARGE
================================================== */
@media only screen and (max-width: 1399px)
{

}


/* 
LAYOUT FOR TABLET
================================================== */
@media only screen and (max-width: 1224px)
{
    .property-info .property-main .property-account-content
    {        
        display: none;
    }

    .property-info .property-side > .row:first-child
    {
        margin-top: 0rem;
    }
}


/*
================================================== */
@media handheld, only screen and (max-width: 799px)
{
    .property-info .property-main.property-title-top
    {
        display: none;
    }

    .property-info .property-main.property-title-bottom
    {
        display: block;
    }

    .property-info .property-main.property-title-bottom > .title-divider
    {
        margin: var(--size-x0-5) 0rem;
    }

    .property-info .property-main .property-title .title-label,
    .property-info .property-main .property-title .subtitle
    {
        display: none;
    }

    .property-info .property-main .property-imagelist
    {
        display: none;
    }

    .property-info .property-main .property-feature-content .toggle .passive
    {
        display: none;
    }

    .property-info .property-main .property-feature-content .toggle .not-select
    {
        display: block;
    }
}


/* ===============================================
PROPERTY-LIST
================================================== */
.property-list
{
    display: block; 

    width: 100%;
}

.property-list > .container > .row
{
    margin-bottom: 0rem;
}

.property-list .property-main .property-list-sort 
{
    float: left;
    display: flex;
    place-content: space-between;

    width: 100%;

    margin-bottom: var(--size-x0-5);
}

.property-list .property-main .property-list-sort .sort-info 
{
    position: relative;
    float: left;
    display: inline-flex;
    
    width: 50%;
    max-height: var(--size-x2);

    padding: var(--size-x0-125) 0rem;
}

.property-list .property-main .property-list-sort .sort-select 
{
    position: relative;
    float: right;
    display: inline-flex;
    
    width: 50%;
    max-height: var(--size-x2);

    justify-content: right;
}

.property-list .property-main .property-list-sort .sort-select .selectize-control
{
    width: 200px;
}

.property-list .property-main .property-list-sort .sort-select label
{
    display: inline-block;

    margin-right: var(--size-x0-5);

    padding: var(--size-x0-125) 0rem;
}

.property-list .property-main .property-list-content
{
    position: relative;
    float: left;

    width: 100%;

    margin-bottom: var(--size-x1);
}

.property-list .property-main .property-list-content .content-box .box-title h1,
.property-list .property-main .property-list-content .content-box .box-title h2,
.property-list .property-main .property-list-content .content-box .box-title h3,
.property-list .property-main .property-list-content .content-box .box-title h4,
.property-list .property-main .property-list-content .content-box .box-title h5
{
    overflow: hidden;

    max-height: var(--size-x2);
}

.property-list .property-main .property-list-content .content-box.details .box-title h1,
.property-list .property-main .property-list-content .content-box.details .box-title h2,
.property-list .property-main .property-list-content .content-box.details .box-title h3,
.property-list .property-main .property-list-content .content-box.details .box-title h4,
.property-list .property-main .property-list-content .content-box.details .box-title h5
{
    min-height: var(--size-x2);
    max-height: var(--size-x2);
}

.property-list .property-main .property-list-content .content-box .box-title .subtitle span
{
    margin-right: 0rem;
}

.property-list .property-main .property-list-content .content-box .box-desc
{
    overflow: hidden;

    min-height: var(--size-x2);
    max-height: var(--size-x2);
}

.property-list .property-main .property-list-content .content-box.details .box-price
{
    display: none;
}

.property-list .property-main .property-list-content .content-box.details .box-desc
{
    min-height: var(--size-x1);
    max-height: var(--size-x1);
}

.property-list .property-main .property-list-content .no-record span.buttons
{
    display: none;
}

.property-list .property-main .property-list-pages
{
    margin-top: var(--size-x1);
    margin-bottom: 0rem;
}

/****/

.property-list .property-side .modal-inner > .row
{
    margin-bottom: 0rem;
}

.property-list .property-side .modal-close
{
    display: none;
}

.property-list .property-side .side-filter
{
    float: left;

    margin-bottom: var(--size-x2);
}

.property-list .property-side .side-filter .list-filter-content
{
    float: left;
}

.property-list .property-side .side-filter input[type="submit"]
{
    position: absolute;
    visibility: hidden;
}

.property-list .property-side .side-filter .col .col
{
    padding: 0rem;
}

.modal .side-filter .title-divider
{
    margin-top: 0rem;
}

.modal .side-filter input[type="submit"]
{
    position: absolute;
    visibility: hidden;
}

.modal .side-filter .col .col
{
    padding: 0rem;
}

.property-list .property-side .side-exchange
{
    float: left;
    
    margin-bottom: var(--size-x2);
}

.property-list .property-main .info-cards-content
{
    margin-top: var(--size-x1);
    margin-bottom: 0rem;
}


/* 
COLOR SETTINGS
================================================== */
.property-list .property-main .property-list-sort .sort-info            { color: var(--body-color-subtitle); }
.property-list .property-main .property-list-sort .sort-select label    { color: var(--body-color-subtitle); }


/* 
LAYOUT FOR LARGE
================================================== */
@media only screen and (max-width: 1399px)
{
      
}


/* 
LAYOUT FOR TABLET
================================================== */
@media only screen and (max-width: 1224px)
{
    .property-list .property-main .property-list-sort 
    {
        display: none;
    }

    .property-list .property-main .property-list-content .no-record span.buttons
    {
        display: block;
    }
    
    .property-list .property-side .side-filter-title
    {
        margin-top: 0rem;
    }
    
    .property-list .property-side .modal-close
    {
        display: block;
    }

    .property-list .property-side .side-exchange
    {
        display: none;
    }
}


/* 
LAYOUT FOR MOBILE
================================================== */
@media handheld, only screen and (max-width: 640px)
{
    .property-list .property-main > .title-divider
    {
        margin-top: 0rem;
    }

    .property-list .property-main .property-list-content .content-box.details .box-title h1,
    .property-list .property-main .property-list-content .content-box.details .box-title h2,
    .property-list .property-main .property-list-content .content-box.details .box-title h3,
    .property-list .property-main .property-list-content .content-box.details .box-title h4,
    .property-list .property-main .property-list-content .content-box.details .box-title h5
    { 
        min-height: auto;
        max-height: var(--size-x2);
    }

    .property-list .property-main .property-list-content .content-box.details .box-price
    {
        display: block;
    }

    .property-list .property-main .property-list-content .content-box.details .box-desc
    {
        display: none;
    }
}