/* ===============================================
    RESET - BASICS
    ================================================== */
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
    {
        margin: 0rem;
        padding: 0rem;
        
        font: inherit;
        vertical-align: baseline;
    }

    table
    {
        border-collapse: collapse;
        border-spacing: 0;
    }

    img
    {
        vertical-align: middle;
    }

    *, *::after, *::before
    {
        -webkit-overflow-scrolling: touch;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }


    /* ===============================================
    RESET - BODY
    ================================================== */
    html
    {
        font-size: 62.5%;
    }

    body
    {
        -webkit-font-smoothing:	antialiased;
        -moz-osx-font-smoothing: grayscale;

        -webkit-text-size-adjust: 100%;
    }


    /* ===============================================
    LINKS
    ================================================== */
    a,
    a:visited
    {
        cursor: pointer;
        outline: 0;
        
        padding-bottom: 0.3rem;
        
        text-decoration: none;
        
        background-position: 0% 100%;
        background-repeat: no-repeat;
        background-size: 0% 0.1rem;

        transition: all 0.25s ease;
    }

    a:hover
    {
        background-size: 100% 0.1rem;
    }

    a.underline,
    .underline-all a
    {
        background-size: 100% 0.1rem;
    }

    a.logo
    {
        padding: 0rem 0rem;
        
        background-image: none;
    }


    /* 
    COLOR SETTINGS
    ================================================== */
    a,
    a:visited 			    { color: var(--theme-custom-color); background-image: linear-gradient(var(--theme-custom-background-active), var(--theme-custom-background-active)); }
    a:hover                 { color: var(--theme-custom-color); }


    /* ===============================================
    TYPOGRAPHY
    ================================================== */
    h1, h2, h3, h4, h5
    {
        margin-bottom: var(--theme-lh);

        color: var(--theme-body-color-title);
        font-weight: var(--theme-fw-t-bold);
        line-height: normal;
    }

    h1 a, h2 a, h3 a, h4 a, h5 a { font-weight: inherit; }
    h1                 { font-size: 156.25%; }
    h2                 { font-size: 156.25%; }
    h3                 { font-size: 125%; }
    h4                 { font-size: 112.5%; }
    h5                 { font-size: 100%; }

    .subheader         { color: var(--theme-body-color-subtitle); }

    p                  { margin: 0rem 0rem var(--theme-lh) 0rem; }
    p img              { margin: 0rem; }

    em, i              { font-style: italic; }
    strong, b          { font-weight: var(--theme-fw-medium); }
    underline, u       { text-decoration: underline; }
    line-through, t    { text-decoration: line-through; }

    small              { font-size: 87.5%; }
    medium             { font-size: 100%; }
    big                { font-size: 112.5%; }

    .color.theme       { color: var(--theme-custom-color); }
    .color.blue        { color: var(--theme-color-blue); }
    .color.green       { color: var(--theme-color-green); }
    .color.yellow      { color: var(--theme-color-yellow); }
    .color.red         { color: var(--theme-color-red); }
    .color.grey        { color: var(--theme-color-grey); }

    hr                 { border-top: 0.2rem solid var(--theme-body-border); border-width: 0.2rem 0 0; clear: both; margin: 0rem 0rem var(--theme-lh) 0rem; height: 0rem; }


    /* ===============================================
    TABLE (ref: materializecss)
    ================================================== */
    table
    {
        display: table;
        width: 100%;
        margin: 0rem 0rem var(--theme-lh) 0rem;
    }

    table > tbody                                       { overflow: auto; }

    table > tbody > tr                                  { transition: background-color 0.25s ease; }

    table.centered      thead tr th,
    table.centered      tbody tr td                     { text-align: center; }

    td, th
    {
        padding: var(--theme-lh-x0-25) 1.5rem;

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

    th 
    {
        padding-bottom: 2.0rem;
            
        font-size: 125%;
        font-weight: var(--theme-fw-medium);
    }

    td.title
    {
        font-weight: var(--theme-fw-medium);
    }

    table > tbody::-webkit-scrollbar
    {
        width: 0.5rem;
    }

    
    /* 
    COLOR SETTINGS
    ================================================== */
    table                                                           { background-color: var(--theme-body-background-white); color: var(--theme-body-color); }

    table.box-shadow                                                { box-shadow: var(--theme-body-shadow); }

    table.bordered      > thead > tr                                { border-bottom: 0.1rem solid var(--theme-body-sub-border); }
    table.bordered      > tbody > tr                                { border-bottom: 0.1rem solid var(--theme-body-sub-border); }

    table.striped       > tbody > tr:nth-child(odd)                 { background-color: var(--theme-body-sub-background-active); }

    table.highlight     > tbody > tr:hover                          { background-color: var(--theme-body-sub-background-active); }

    th                                                              { background-color: var(--theme-body-background-white); color: var(--theme-body-color-title); }

    td.title                                                        { color: var(--theme-body-color-title); }

    table               > tbody::-webkit-scrollbar-track            { background-color: var(--theme-body-sub-background-active); }
    table               > tbody::-webkit-scrollbar-thumb            { background-color: var(--theme-custom-background); }


    /* ===============================================
    HIGHLIGHTS
    ================================================== */
    .highlights
    {
        padding: 0.3rem 0.3rem;
    }

    .highlights.dotted 		{ border-bottom: 0.1rem dotted; }
    .highlights.dashed 		{ border-bottom: 0.1rem dashed; }
    .highlights.line 		{ border-bottom: 0.1rem solid; }
    .highlights.double 		{ border-bottom: 0.3rem double; }

    
    /* 
    COLOR SETTINGS
    ================================================== */
    .highlights.theme 		{ background-color: var(--theme-custom-background); color: var(--theme-body-color-white); }
    .highlights.yellow 		{ background-color: var(--theme-highlights-yellow); }


    /* ===============================================
    LISTS
    ================================================== */
    ul, ol			{ margin: 0rem 0rem var(--theme-lh) 3.0rem; padding: 0rem; }
    ul				{ list-style: disc; }
    ol				{ list-style: decimal; }

    /* list-style */
    ul.list-style ul, ul.list-style ol,
    ol.list-style ol, ol.list-style ul	{ margin: var(--theme-lh-x0-25) 1.5rem var(--theme-lh-x0-25) 1.5rem; }

    ul.list-style li, ol.list-style li
    {
        transition: padding 0.25s ease;
    }

    ul.list-style 				        li		    { padding: 0rem 0rem 0rem 1.5rem; }
    ol.list-style 				        li		    { padding: 0rem 0rem 0rem 1.5rem; }

    ul.list-style.right-scroll 			li:hover	{ padding: 0rem 0rem 0rem 2.0rem; }

    ol.list-style.decimal				{ list-style-type: decimal; }
    ol.list-style.alphabet				{ list-style-type: upper-latin; }
    ol.list-style.roman					{ list-style-type: upper-roman; }
    ol.list-style.lower-alphabet		{ list-style-type: lower-latin; }
    ol.list-style.lower-roman			{ list-style-type: lower-roman; }

    /* list-icon */
    ul.list-icon    { list-style: none; }

    ul.list-icon li { margin-left: 1.5rem; margin-bottom: var(--theme-lh-x0-5); }

    ul.list-icon li:before
    {
        content: '\f00c';
        float: left;
        
        margin-left: -2.0em;
        
        font-family: 'Font Awesome 5 Pro';
    }

    ul.list-icon.icon-check                  li:before   { content: '\f00c'; }
    ul.list-icon.icon-dot-circle             li:before   { content: '\f192'; }
    ul.list-icon.icon-circle                 li:before   { content: '\f111'; }
    ul.list-icon.icon-flag                   li:before   { content: '\f024'; }
    ul.list-icon.icon-star                   li:before   { content: '\f005'; }
    ul.list-icon.icon-exclamation-triangle   li:before   { content: '\f071'; }
    ul.list-icon.icon-exclamation-circle     li:before   { content: '\f06a'; }
    ul.list-icon.icon-scrubber               li:before   { content: '\f2f8'; }
    ul.list-icon.icon-arrow-circle-right     li:before   { content: '\f0a9'; }
    ul.list-icon.icon-arrow-right            li:before   { content: '\f061'; }
    ul.list-icon.icon-chevron-right          li:before   { content: '\f054'; }
    ul.list-icon.icon-chevron-circle-right   li:before   { content: '\f138'; }


    /* 
    COLOR SETTINGS
    ================================================== */
    ul.list-icon li:before              { color: var(--theme-custom-color); }


    /* ===============================================
    MODAL
    ================================================== */
    body.no-scroll
    {
        position: relative;
        overflow: hidden;
        
        top: 0rem;
        
        min-height: 100%;
        
        padding-right: 1.5rem;
    }

    .modal
    {        
        position: fixed;
        display: flex;
        z-index: 100000;
        
        overflow-y: hidden;
        overflow-x: hidden;
        
        top: 0rem;
        left: 0rem;
        
        height: 100%;
        width: 100%;
        
        padding: 0rem 0rem 0rem 0rem;
        margin: 0rem 0rem 0rem 0rem;
        
        visibility: hidden;
        opacity: 0;
        
        transition: all 0.75s ease, padding 0s ease;
    }

    .modal.open
    {
        visibility: visible;
        opacity: 1;
        
        overflow-y: scroll;
        overflow-x: hidden;
    }

    .modal .modal-inner 
    {
        display: block;
        
        max-width: 90.0rem;
        width: 100%;
        
        margin: auto;
        padding: var(--theme-lh-x0-5);
        
        transform: translate(0%, -200%);
        transition: all 0.75s ease;
    }

    .modal .modal-inner.modal-mini 
    {
        max-width: 45.0rem;
    }

    .modal.open .modal-inner
    {
        transform: translate(0%, 0%);
    }

    .modal.open .modal-inner .modal-close
    {
        position: absolute;
        float: right;
        
        right: 0;
        
        margin-right: 1.5rem;
    }

    
    /* 
    COLOR SETTINGS
    ================================================== */
    .modal                                { background-color: var(--theme-mask-modal-background); }
    .modal .modal-inner                   { background: var(--theme-body-background); box-shadow: var(--theme-body-shadow); }

    
    /* 
    RESPONSIVE SETTINGS
    ================================================== */
    @media handheld, only screen and (max-width: 767px)
    {
        body.no-scroll                    { padding-right: 0rem; }
    }    

    
    /* 
    CLEARING
    ================================================== */
    .modal::after
    {
        clear: both; display: block; visibility: hidden; content: ""; font-size: 0; width: 0; height: 0; line-height: 0;
    }


    /* ===============================================
    DIR-NAV
    ================================================== */
    .dir-nav 
    {
        position: relative;
        float: left;

        z-index: 1000;

        width: 100%;
        
        margin: 0rem 0rem 0rem 0rem;
    }

    .dir-nav ul 
    {
        position: relative;
        float: left;

        margin: 0rem;
        padding: 0rem;

        list-style: none;
    }

    .dir-nav ul li 
    {
        position: relative;
        float: left;

        margin: 0rem 0rem 0rem 0rem;
        padding: 0rem;

        transition: background-color 0.25s ease;
    }

    .dir-nav > ul > li > a 
    {
        font-size: 93.75%;
    }

    .dir-nav > ul > li.home > a::before
    {
        content: '\f015';

        font-family: 'Font Awesome 5 Pro';
        font-weight: var(--theme-fw-bold);
        line-height: 1;
    }

    .dir-nav > ul > li.dir > a::before
    {
        content: '...';
    }

    .dir-nav > ul > li::after
    {
        content: '/';
        
        margin: 0rem 0.75rem;
    }

    .dir-nav > ul > li:last-child::after
    {
        content: '';
        
        margin: 0rem 0rem;
    }

    .dir-nav ul ul 
    {
        position: absolute;
        z-index: 1000;
        opacity: 0;
        visibility: hidden;

        min-width: 100%;

        top: 100%;
        left: 0;
        margin: var(--theme-lh-x0-25) 0rem 0rem 0rem;
        padding: 0rem;

        transition: all 0.25s ease;

        /*transform: translate3d(0rem, var(--theme-lh-x0-5), 0rem);*/
    }

    .dir-nav ul ul::before 
    {
        position: absolute;
        opacity: 0;
        content: "123";

        top: var(--theme-lh-x0-25-minus);
        width: 100%;
        height: 0.75rem;
    }

    .dir-nav li li 
    {
        float: none;

        width: 28.8rem;
    }

    .dir-nav li li a 
    {
        display: block;
        padding: var(--theme-lh-x0-25) 1.5rem var(--theme-lh-x0-25) 3.5rem;

        font-size: 93.75%;
        text-indent: -2.2rem;
        
        background-image: none;
    }

    .dir-nav li li a::before
    {
        content: '\f105';

        left: 1.5rem;
        padding-right: 1.5rem;

        font-family: 'Font Awesome 5 Pro';
        line-height: 1;
    }

    /*
    .dir-nav ul li a::after 
    {
        opacity: 0.5;
        content: '\f107';

        padding-left: 0.75rem;

        font-family: 'Font Awesome 5 Pro';
        line-height: 1;
    }

    .dir-nav ul li a:only-child::after 
    {
        content: '';

        padding: 0;
    }
    */

    .dir-nav ul li:hover > ul 
    {
        opacity: 1;
        visibility: visible;

        /*transform: translate3d(0, 0, 0);*/
    }

    
    /* 
    COLOR SETTINGS
    ================================================== */
    .dir-nav         li,
    .dir-nav         li a,
    .dir-nav         li a:visited                    { color: var(--theme-body-color); }
    .dir-nav         li a:hover                      { color: var(--theme-custom-color); }

    .dir-nav         ul ul                           { background-color: var(--theme-body-background-white); box-shadow: var(--theme-body-shadow); }
    .dir-nav         li li                           { border-bottom: 0.1rem solid var(--theme-body-sub-border); }

    .dir-nav         li li:hover                     { background-color: var(--theme-body-sub-background-active); }

    .dir-nav         li li a,
    .dir-nav         li li a:visited                 { color: var(--theme-body-color); }
    .dir-nav         li li a:hover                   { color: var(--theme-custom-color); }

    .dir-nav         > ul > li:hover > a             { color: var(--theme-custom-color); }

    .dir-nav         li li:last-child 
    {
        border-bottom: none;
    }

    
    /* 
    CLEARING
    ================================================== */
    .dir-nav::after
    {
        clear: both; display: block; visibility: hidden; content: ""; font-size: 0; width: 0; height: 0; line-height: 0;
    }


    /* ===============================================
    DIR-CURRENCY
    ================================================== */
    .dir-currency 
    {
        position: relative;
        float: left;

        z-index: 1000;

        width: 100%;
        margin: 0rem 0rem 0rem 0rem;
    }

    .dir-currency ul 
    {
        position: relative;
        float: left;
        
        width: 100%;

        margin: 0rem;
        padding: 0rem;

        list-style: none;
    }

    .dir-currency ul li 
    {
        position: relative;
        float: left;
        
        width: 100%;

        margin: 0rem 0rem 0rem 0rem;
        padding: 0rem;

        transition: background-color 0.25s ease;
    }

    .dir-currency > ul > li > a 
    {
        font-size: 93.75%;
    }
    
    .dir-currency > ul > li > span
    {
        position: relative;
        float: left;
    }
    
    .dir-currency > ul > li > span.icon::after
    {
        content: '';
        
        margin: 0rem 0.75rem 0rem 0rem;
    }

    .dir-currency > ul > li > span.icon::before
    {
        font-family: 'Font Awesome 5 Pro';
        font-weight: var(--theme-fw-bold);
        line-height: 1;
    }

    .dir-currency > ul > li > span.icon.icon-convert::before
    {
        content: '\f021';
    }

    .dir-currency ul ul 
    {
        position: absolute;
        z-index: 1000;
        opacity: 0;
        visibility: hidden;

        min-width: 100%;

        top: 100%;
        left: 0;
        margin: var(--theme-lh-x0-25) 0rem 0rem 0rem;
        padding: 0rem;

        transition: all 0.25s ease;

        /*transform: translate3d(0rem, var(--theme-lh-x0-5), 0rem);*/
    }

    .dir-currency ul ul::before 
    {
        position: absolute;
        opacity: 0;
        content: "123";

        top: var(--theme-lh-x0-25-minus);
        width: 100%;
        height: 0.75rem;
    }

    .dir-currency li li 
    {
        float: none;
    }

    .dir-currency li li a 
    {
        display: block;
        padding: var(--theme-lh-x0-25) 1.5rem var(--theme-lh-x0-25) 3.5rem;

        font-size: 93.75%;
        text-indent: -2.2rem;
        
        background-image: none;
    }

    .dir-currency li li a::before
    {
        content: '\f105';

        left: 1.5rem;
        padding-right: 1.5rem;

        font-family: 'Font Awesome 5 Pro';
        line-height: 1;
    }

    .dir-currency ul li:hover > ul 
    {
        opacity: 1;
        visibility: visible;

        /*transform: translate3d(0, 0, 0);*/
    }

    
    /* 
    COLOR SETTINGS
    ================================================== */
    .dir-currency         li,
    .dir-currency         li a,
    .dir-currency         li a:visited                    { color: var(--theme-body-color); }
    .dir-currency         li a:hover                      { color: var(--theme-custom-color); }

    .dir-currency         > ul > li > span.icon           { color: var(--theme-custom-color); }

    .dir-currency         ul ul                           { background-color: var(--theme-body-background-white); box-shadow: var(--theme-body-shadow); }
    .dir-currency         li li                           { border-bottom: 0.1rem solid var(--theme-body-sub-border); }

    .dir-currency         li li:hover                     { background-color: var(--theme-body-sub-background-active); }

    .dir-currency         li li a,
    .dir-currency         li li a:visited                 { color: var(--theme-body-color); }
    .dir-currency         li li a:hover                   { color: var(--theme-custom-color); }

    .dir-currency         > ul > li:hover > a             { color: var(--theme-custom-color); }

    .dir-currency         li li:last-child 
    {
        border-bottom: none;
    }

    
    /* 
    CLEARING
    ================================================== */
    .dir-currency::after
    {
        clear: both; display: block; visibility: hidden; content: ""; font-size: 0; width: 0; height: 0; line-height: 0;
    }


    /* ===============================================
    DIR-ICON
    ================================================== */
    .dir-icon
    {
        position: relative;
        float: left;

        z-index: 1000;

        margin: 0rem 0rem 0rem 0rem;
    }

    .dir-icon ul
    {
        position: relative;
        float: left;

        margin: 0rem;
        padding: 0rem;

        list-style: none;
    }

    .dir-icon ul li
    {
        position: relative;
        float: left;
        display: flex;

        margin: 0rem;
        padding: 0rem;
    }

    .dir-icon > ul > li
    {
        margin: 0rem 1.5rem 0rem 0rem;
    }

    .dir-icon.contact > ul > li
    {
        margin: 0rem 4.5rem 0rem 0rem;
    }

    .dir-icon ul li:last-child
    {
        margin: 0rem 0rem 0rem 0rem;
    }

    .dir-icon ul li .icon
    {
        flex: inherit;

        width: var(--theme-lh);
        height: var(--theme-lh);

        margin: 0rem 0rem 0rem 0rem;
        padding: 0rem 0rem 0rem 0rem;

        font-size: 93.75%;
        text-align: center;

        transition: all 0.25s ease;
    }

    .dir-icon ul li .icon::before
    {
        font-family: 'Font Awesome 5 Brands';
        line-height: inherit;
		font-size: 14px;
    }

    .dir-icon ul li .icon a
    {
        position: relative;
        display: block;
        
        top: -100%;
        
        padding: 0rem 0rem;
        
        height: 100%;
        width: 100%;
        
        background-image: none;
    }

    .dir-icon ul li:hover > .icon,
    .dir-icon ul li:hover > balloon > .icon
    {
        border-radius: 3.0rem;

        transform: rotate(360deg);
    }

    .dir-icon ul li .icon.icon-phone::before
    {
        content: '\f095';
        
        font-family: 'Font Awesome 5 Pro';
    }

    .dir-icon ul li .icon.icon-fax::before
    {
        content: '\f1ac';
        
        font-family: 'Font Awesome 5 Pro';
    }

    .dir-icon ul li .icon.icon-mobile::before
    {
        content: '\f10b';
        
        font-family: 'Font Awesome 5 Pro';
    }

    .dir-icon ul li .icon.icon-whatsapp::before
    {
        content: '\f232';
    }

    .dir-icon ul li .icon.icon-skype::before
    {
        content: '\f562';
        
        font-family: 'Font Awesome 5 Pro';
    }

    .dir-icon ul li .icon.icon-email::before
    {
        content: '\f1d8';
        
        font-family: 'Font Awesome 5 Pro';
    }

    .dir-icon ul li .icon.icon-address::before
    {
        content: '\f3c5';
        
        font-family: 'Font Awesome 5 Pro';
    }

    .dir-icon ul li .icon.icon-share::before
    {
        content: '\f1e0';
        
        font-family: 'Font Awesome 5 Pro';
    }

    .dir-icon ul li .icon.icon-print::before
    {
        content: '\f02f';
        
        font-family: 'Font Awesome 5 Pro';
    }

    .dir-icon ul li .icon.icon-print-page::before
    {
        content: '\f570';
        
        font-family: 'Font Awesome 5 Pro';
    }

    .dir-icon ul li .icon.icon-print-vertical::before
    {
        content: '\f2fb';
        
        font-family: 'Font Awesome 5 Pro';
    }

    .dir-icon ul li .icon.icon-print-horizontal::before
    {
        content: '\f2fa';
        
        font-family: 'Font Awesome 5 Pro';
    }

    .dir-icon ul li .icon.icon-facebook::before
    {
        content: '\f082';
    }

    .dir-icon ul li .icon.icon-twitter::before
    {
        content: '\f099';
    }

    .dir-icon ul li .icon.icon-pinterest::before
    {
        content: '\f231';
    }

    .dir-icon ul li .icon.icon-linkedin::before
    {
        content: '\f08c';
    }

    .dir-icon ul li .icon.icon-facebook-messenger::before
    {
        content: '\f39f';
    }

    .dir-icon ul li .icon.icon-whatsapp::before
    {
        content: '\f232';
    }

    .dir-icon ul li .icon.icon-sell-deed::before
    {
        content: '\f4d9';
        
        font-family: 'Font Awesome 5 Pro';
    }

    .dir-icon ul li .icon.icon-find-deed::before
    {
        content: '\f689';
        
        font-family: 'Font Awesome 5 Pro';
    }

    .dir-icon ul li .icon.icon-close::before
    {
        content: '\f00d';
        
        font-family: 'Font Awesome 5 Pro';
    }

    .dir-icon ul li .icon.icon-login::before
    {
        content: '\f2f6';
        
        font-family: 'Font Awesome 5 Pro';
    }

    .dir-icon ul li .icon.icon-buy::before
    {
        content: '\f107';
        
        font-family: 'Font Awesome 5 Pro';
    }

    .dir-icon ul li .icon.icon-sell::before
    {
        content: '\f106';
        
        font-family: 'Font Awesome 5 Pro';
    }

    .dir-icon ul li .icon.icon-usd::before
    {
        content: '\f155';
        
        font-family: 'Font Awesome 5 Pro';
    }

    .dir-icon ul li .icon.icon-eur::before
    {
        content: '\f153';
        
        font-family: 'Font Awesome 5 Pro';
    }

    .dir-icon ul li .icon.icon-gbp::before
    {
        content: '\f154';
        
        font-family: 'Font Awesome 5 Pro';
    }

    .dir-icon ul li .info
    {
        flex: 1;
    }

    .dir-icon ul li .info span
    {
        display: block;

        margin: 0rem 0rem 0rem 1.5rem;
        padding: 0rem 0rem 0rem 0rem;

        font-size: 93.75%;

        transition: all 0.25s ease;
    }

    .dir-icon ul li .info.title span
    {
        font-weight: var(--theme-fw-medium);
    }

    .dir-icon ul ul 
    {
        position: absolute;
        z-index: 1000;
        opacity: 0;
        visibility: hidden;

        min-width: 100%;

        top: 100%;
        left: 0;
        margin: var(--theme-lh-x0-5) 0rem 0rem 0rem;
        padding: 0rem;

        transition: all 0.25s ease;

        /*transform: translate3d(0rem, var(--theme-lh-x0-5), 0rem);*/
    }

    .dir-icon ul ul::before 
    {
        position: absolute;
        opacity: 0;
        content: "123";

        top: var(--theme-lh-x0-5-minus);
        width: 100%;
        height: 0.5rem;
    }

    .dir-icon li li 
    {
        float: none;
    }

    .dir-icon li li a 
    {
        display: block;
        padding: var(--theme-lh-x0-25) 1.5rem var(--theme-lh-x0-25) 3.5rem;

        font-size: 93.75%;
        
        background-image: none;
    }

    .dir-icon ul li:hover > ul,
    .dir-icon ul li:hover > balloon > ul
    {
        opacity: 1;
        visibility: visible;

        /*transform: translate3d(0, 0, 0);*/
    }

    
    /* 
    COLOR SETTINGS
    ================================================== */
    .dir-icon      li li                                            { border-bottom: 0.1rem solid var(--theme-body-sub-border); }
    .dir-icon      li li:last-child                                 { border-bottom: none; }

    .dir-icon      ul li         >              .icon,
    .dir-icon      ul li         > balloon >    .icon               { background-color: var(--theme-body-background-white); color: var(--theme-body-color); box-shadow: var(--theme-body-shadow); }
    .dir-icon      ul li:hover   >              .icon,
    .dir-icon      ul li:hover   > balloon >    .icon               { color: var(--theme-custom-color); }

    .dir-icon      ul li         .info 	        span                { color: var(--theme-body-color); }
    .dir-icon      ul li         .info 	        span a,
    .dir-icon      ul li         .info 	        span a:visited      { color: var(--theme-body-color); }
    .dir-icon      ul li         .info 	        span a:hover        { color: var(--theme-custom-color); }

    .dir-icon      ul li         .info.title 	span                { color: var(--theme-body-color-title); }
    .dir-icon      ul li         .info.title 	span a,
    .dir-icon      ul li         .info.title 	span a:visited      { color: var(--theme-body-color-title); }
    .dir-icon      ul li         .info.title 	span a:hover        { color: var(--theme-custom-color); }

    
    /* 
    CLEARING
    ================================================== */
    .dir-icon::after
    {
        clear: both; display: block; visibility: hidden; content: ""; font-size: 0; width: 0; height: 0; line-height: 0;
    }


    /* ===============================================
    TITLE DIVIDER
    ================================================== */
    .title-divider
    {
        display: grid;
        
        width: 100%;
        
        margin: 0rem 0rem 0rem 0rem;
    }

    .title-divider .title
    {
        display: inline-block;
        
        margin-right: 1.5rem;
        text-align: center;
    }

    .title-divider .title a
    {
        padding: 0rem 0rem;
        
        background-image: none;
    }

    .title-divider h1.title { font-size: 186.25%; margin-bottom: 2.0rem; }
    .title-divider h2.title { font-size: 186.25%; margin-bottom: 2.0rem; }
    .title-divider h3.title { font-size: 186.25%; margin-bottom: 2.0rem; }
    .title-divider h4.title { font-size: 186.25%; margin-bottom: 2.0rem; }
    .title-divider h5.title { font-size: 186.25%; margin-bottom: 2.0rem; }

    .title-divider .title span
    {
        display: inline-block;

        margin-right: 0.75rem;
    }

    .title-divider .title span.style
    {
        font-weight: var(--theme-fw-t-regular);
    }

    .title-divider .title span:last-child
    {
        margin-right: 0rem;    
    }

    .title-divider .title-label
    {
        display: inline-block;
        
        vertical-align: middle;
    }

    .title-divider .title-label span
    {
        display: inline-block;
        
        padding: var(--theme-lh-x0-33) 1.5rem;
        margin: 0rem 0.75rem var(--theme-lh-x0-25) 0rem;
        
        font-size: 90%;
        font-weight: var(--theme-fw-medium);
        line-height: var(--theme-lh-x0-33);
        text-transform: uppercase;
        letter-spacing: 0.1rem;
    }

    .title-divider .title-label span:last-child
    {
        margin-right: 0rem;
    }

    .title-divider .subtitle
    {
        position: relative;
        float: left;
        display: flex;
        z-index: 10;

        margin-top: 2.0rem;

        font-size: 90%;
        font-weight: var(--theme-fw-medium);
        text-transform: uppercase;
        letter-spacing: 0.1rem;
    }

    .title-divider .subtitle.left 	{ float: left; }
    .title-divider .subtitle.right 	{ float: right; }

    .title-divider .subtitle span
    {
        display: inline-block;
    }

    .title-divider .subtitle span::after
    {
        content: '/';
        
        margin: 0rem 0.75rem;
    }

    .title-divider .subtitle span:last-child::after
    {
        content: '';
        
        margin: 0rem 0rem;
    }

    .title-divider .subtitle span.icon
    {
        font-size: var(--theme-fs);
    }

    .title-divider .subtitle span.icon::after
    {
        content: '';
        
        margin: 0rem 0.75rem 0rem 0rem;
    }

    .title-divider .subtitle span.icon::before
    {
        font-family: 'Font Awesome 5 Pro';
        font-weight: var(--theme-fw-bold);
        line-height: inherit;   
    }

    .title-divider .subtitle span.icon.icon-map-pin::before
    {
        content: '\f3c5';  
    }

    .title-divider .subtitle span i
    {
        margin-right: 0.75rem;
    }

    .title-divider .subtitle a.top i.fa
    {
        margin-left: 0.75rem;
    }

    .title-divider .line
    {
        position: relative;

        width: 100%;
        height: 0;
    }

    
    /* 
    COLOR SETTINGS
    ================================================== */
    .title-divider				.title                        { color: var(--theme-body-color-title); }

    .title-divider 				.title          a,
    .title-divider 				.title          a:visited     { color: var(--theme-body-color-title); }
    .title-divider 				.title          a:hover       { color: var(--theme-custom-color); }

    .title-divider 				.title          span.style    { opacity: 0.5; }

    .title-divider              .title-label    span,
    .title-divider              .title-label    span.theme    { background-color: var(--theme-custom-background); color: var(--theme-body-color-white); box-shadow: var(--theme-body-shadow); }
    .title-divider              .title-label    span.blue     { background-color: var(--theme-color-blue); }
    .title-divider              .title-label    span.green    { background-color: var(--theme-color-green); }
    .title-divider              .title-label    span.yellow   { background-color: var(--theme-color-yellow); }
    .title-divider              .title-label    span.red      { background-color: var(--theme-color-red); }
    .title-divider              .title-label    span.grey     { background-color: var(--theme-color-grey); }
    .title-divider              .title-label    span.soft     { background-color: var(--theme-body-background-white); color: var(--theme-body-color); }

    .title-divider				.subtitle                     { color: var(--theme-body-color-subtitle); }

    .title-divider 				.subtitle 	    a,
    .title-divider 				.subtitle 	    a:visited     { color: var(--theme-body-color-subtitle); }
    .title-divider 				.subtitle 	    a:hover       { color: var(--theme-custom-color); }

    .title-divider              .subtitle       span.icon     { color: var(--theme-custom-color); }

    .title-divider 				.line                         { border-top: 0rem solid var(--theme-body-border); }

    
    /* 
    RESPONSIVE SETTINGS
    ================================================== */
    @media handheld, only screen and (max-width: 767px)
    {
        .title-divider h1.title { font-size: 156.25%; margin-bottom: 2.0rem; }
        .title-divider h2.title { font-size: 156.25%; margin-bottom: 2.0rem; }
        .title-divider h3.title { font-size: 156.25%; margin-bottom: 2.0rem; }
        .title-divider h4.title { font-size: 156.25%; margin-bottom: 2.0rem; }
        .title-divider h5.title { font-size: 156.25%; margin-bottom: 2.0rem; }
    }

    
    /* 
    CLEARING
    ================================================== */
    .title-divider::after
    {
        clear: both; display: block; visibility: hidden; content: ""; font-size: 0; width: 0; height: 0; line-height: 0;
    }


    /* ===============================================
    FORMS
    ================================================== */
    input[type="text"],
    input[type="number"],
    input[type="password"],
    input[type="email"],
    textarea,
    select
    {
        position: relative;
        display: inline-block;
        outline: none;

        max-width: 100%;
        height: var(--theme-lh-x1-5);

        padding: 0rem 1.5rem;
        margin: 0rem;

        font-family: 'Poppins', Arial, sans-serif;
        font-size: 93.75%;

        border-radius: 0rem;

        transition: all 0.25s ease;

        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    select
    {
        padding: 0rem 4.5rem 0rem 1.5rem;

        background-position:
        calc(100% - 1.5rem) center,
        calc(100% - 1.0rem) center,
        calc(100% - 3.0rem) center;

        background-size:
        0.5rem 0.6rem,
        0.5rem 0.6rem,
        0.1rem var(--theme-lh);

        background-repeat: no-repeat;
    }

    textarea
    {
        min-height: 8.0rem;

        padding: var(--theme-lh-x0-5) 1.5rem;

        line-height: inherit;        
    }

    input[type="checkbox"],
    input[type="radio"]
    {
        position: relative;
        display: inline-block;
        outline: none;

        min-width: 1.2rem;
        width: 1.2rem;
        height: 1.2rem;

        margin: 0rem 1.5rem 0rem 0rem;

        border-radius: 0rem;

        transition: all 0.25s ease;

        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    input[type="radio"]
    {
        border-radius: 3.0rem;
    }


    /* 
    SIZE SETTINGS
    ================================================== */
    input[type="text"].small,
    input[type="number"].small,
    input[type="password"].small,
    input[type="email"].small,
    textarea.small,
    select.small		{ height: var(--theme-lh); }

    textarea.small
    {
        padding: var(--theme-lh-x0-5) 1.5rem;
        min-height: 6.0rem;
    }

    select.small 
    { 
        padding: 0rem 4.5rem 0rem 1.5rem;

        background-position:
        calc(100% - 1.5rem) center,
        calc(100% - 1.0rem) center,
        calc(100% - 3.0rem) center;

        background-size:
        0.5rem 0.6rem,
        0.5rem 0.6rem,
        0.1rem var(--theme-lh-x0-5);
    }

    input[type="text"].medium,
    input[type="number"].medium,
    input[type="password"].medium,
    input[type="email"].medium,
    textarea.medium,
    select.medium		{ height: var(--theme-lh-x1-5); }

    textarea.medium
    {
        padding: var(--theme-lh-x0-5) 1.5rem;
        min-height: 8.0rem;
    }

    select.medium 
    { 
        padding: 0rem 4.5rem 0rem 1.5rem;

        background-position:
        calc(100% - 1.5rem) center,
        calc(100% - 1.0rem) center,
        calc(100% - 3.0rem) center;

        background-size:
        0.5rem 0.6rem,
        0.5rem 0.6rem,
        0.1rem var(--theme-lh);
    }

    input[type="text"].big,
    input[type="number"].big,
    input[type="password"].big,
    input[type="email"].big,
    textarea.big,
    select.big		    { height: var(--theme-lh-x2); font-size: 100%; }

    textarea.big
    {
        padding: var(--theme-lh-x0-5) 2.0rem;
        min-height: 12.0rem;
    }

    select.big 
    { 
        padding: 0rem 5.0rem 0rem 2.0rem;

        background-position:
        calc(100% - 1.5rem) center,
        calc(100% - 1.0rem) center,
        calc(100% - 3.0rem) center;

        background-size:
        0.5rem 0.6rem,
        0.5rem 0.6rem,
        0.1rem var(--theme-lh-x1-5);
    }

    
    /* 
    COLOR SETTINGS
    ================================================== */
    input[type="text"],
    input[type="number"],
    input[type="password"],
    input[type="email"],
    textarea
    {
        color: var(--theme-body-color);
        background-color: var(--theme-body-background-white);
        border: 0.1rem solid var(--theme-body-form-border);
    }

    input[type="text"]:focus,  input[type="number"]:focus,     input[type="password"]:focus,   input[type="email"]:focus,  textarea:focus
    {
        color: var(--theme-custom-color);
        border: 0.1rem solid var(--theme-custom-color);
    }

    input::placeholder,
    textarea::placeholder
    {
        color: var(--theme-body-form-placeholder);
    }

    select
    {
        color: var(--theme-body-color);
        background-color: var(--theme-body-background-white);
        background-image:
        linear-gradient(45deg, transparent 50%, var(--theme-body-form-icon) 50%),
        linear-gradient(135deg, var(--theme-body-form-icon) 50%, transparent 50%),
        linear-gradient(to right, var(--theme-body-form-icon), var(--theme-body-form-icon));
        border: 0.1rem solid var(--theme-body-form-border);
    }

    select:focus
    { 
        color: var(--theme-custom-color);
        background-image:
        linear-gradient(45deg, transparent 50%, var(--theme-custom-color) 50%),
        linear-gradient(135deg, var(--theme-custom-color) 50%, transparent 50%),
        linear-gradient(to right, var(--theme-custom-color), var(--theme-custom-color));
        border: 0.1rem solid var(--theme-custom-color);
    }

    select::placeholder
    {
        color: var(--theme-body-form-placeholder);
    }

    select option
    {
        color: var(--theme-body-color);
        background-color: var(--theme-body-background-white);
    }

    select:focus option   
    { 
        color: var(--theme-custom-color);
    }

    input[type="checkbox"],
    input[type="radio"]
    {
        color: var(--theme-body-color);
        background-color: var(--theme-body-background-white);
        border: 0.1rem solid var(--theme-body-form-border);
    }

    input[type="checkbox"]:checked,
    input[type="radio"]:checked
    {
        color: var(--theme-custom-color);
        background-color: var(--theme-custom-background);
        border: 0.1rem solid var(--theme-custom-color);
    }


    /* ===============================================
    BUTTON
    ================================================== */
    a.button
    {
        background-image: none;
    }

    .button
    {
        display: inline-block;
        cursor: pointer;

        padding: var(--theme-lh-x0-25) 3.0rem;
        margin: 0rem 0rem 0rem 0rem;
        
        font-size: 90%;
        font-weight: var(--theme-fw-medium);
        text-transform: uppercase;
        letter-spacing: 0.1rem;
        text-align: center;
        vertical-align: middle;
    }

    .button.icon::before
    {
        margin-right: 0.75rem;
        
        font-family: 'Font Awesome 5 Pro';
        font-weight: var(--theme-fw-bold);
        line-height: 1; 
    }

    .button.icon.icon-search::before
    {
        content: '\f002';
    }

    .button.icon.icon-reset::before
    {
        content: '\f2ed';
    }

    .button.icon.icon-send::before
    {
        content: '\f1d8';
    }

    .button.icon.icon-page-read::before
    {
        content: '\f518';
    }

    .button.icon.icon-property-list::before
    {
        content: '\f90e';
    }

    .button.icon.icon-property-filter::before
    {
        content: '\f0b0';
    }

    .button.icon.icon-property-detail::before
    {
        content: '\f1e5';
    }

    .button.icon.icon-property-message::before
    {
        content: '\f658';
    }

    .button.icon.icon-property-print::before
    {
        content: '\f02f';
    }

    .button.icon.icon-property-offer::before
    {
        content: '\f4c0';
    }

    .button.icon.icon-property-call::before
    {
        content: '\f879';
    }

    .button.icon.icon-property-video::before
    {
        content: '\f04b';
    }

    .button.icon.icon-property-map::before
    {
        content: '\f3c5';
    }

    .button.icon.icon-sell-deed::before
    {
        content: '\f4d9';
    }

    .button.icon.icon-find-deed::before
    {
        content: '\f689';
    }

    .button.icon.icon-modal-open::before
    {
        content: '\f658';
    }

    .button.full-width
    {
        width: 100%;    
    }

    .button.disabled
    {
        pointer-events: none;
        cursor: default;
        
        opacity: 0.3;
        
        transition: opacity 0.25s ease;
    }

    
    /* 
    COLOR SETTINGS
    ================================================== */
    .button,
    .button:visited         { color: var(--theme-body-color-white); box-shadow: var(--theme-body-shadow); }
    .button:hover           { color: var(--theme-body-color-white); }

    .button                 { background-color: var(--theme-custom-background); }
    .button:hover           { background-color: var(--theme-custom-background-hover); }
    .button:active          { background-color: var(--theme-custom-background-active); }

    .button.soft            { color: var(--theme-body-color); background-color: var(--theme-body-sub-background); }
    .button.soft:hover      { color: var(--theme-body-color-white); background-color: var(--theme-custom-background-hover); }
    .button.soft:active     { color: var(--theme-body-color-white); background-color: var(--theme-custom-background-active); }

    .button.blue            { background-color: var(--theme-color-blue); }
    .button.blue:hover      { background-color: var(--theme-color-blue-hover); }
    .button.blue:active     { background-color: var(--theme-color-blue-active); }

    .button.green           { background-color: var(--theme-color-green); }
    .button.green:hover     { background-color: var(--theme-color-green-hover); }
    .button.green:active    { background-color: var(--theme-color-green-active); }

    .button.yellow          { background-color: var(--theme-color-yellow); }
    .button.yellow:hover    { background-color: var(--theme-color-yellow-hover); }
    .button.yellow:active   { background-color: var(--theme-color-yellow-active); }

    .button.red             { background-color: var(--theme-color-red); }
    .button.red:hover       { background-color: var(--theme-color-red-hover); }
    .button.red:active      { background-color: var(--theme-color-red-active); }

    .button.grey            { background-color: var(--theme-color-grey); }
    .button.grey:hover      { background-color: var(--theme-color-grey-hover); }
    .button.grey:active     { background-color: var(--theme-color-grey-active); }                         

    
    /* 
    SIZE SETTINGS
    ================================================== */
    .button.small 			{ padding: 0rem 1.5rem; }
    .button.medium			{ padding: var(--theme-lh-x0-25) 3.0rem; }
    .button.big 			{ padding: var(--theme-lh-x0-5) 4.5rem; }


    /* ===============================================
    PAGE NUMBER
    ================================================== */
    .pages 
    {
        width: 100%;

        text-align: center;
    }

    .pages .info
    {
        margin: 0rem 0rem var(--theme-lh) 0rem;

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

    .pages a
    {
        position: relative;
        display: inline-block;

        min-width: var(--theme-lh-x1-5);

        padding: var(--theme-lh-x0-25) 0rem;
        margin: 0rem 0.375rem var(--theme-lh) 0.375rem;

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

    .pages a.current
    {
        cursor: not-allowed;    
    }

    .pages a:first-child
    {
        margin-left: 0rem;
    }

    .pages a:last-child
    {
        margin-right: 0rem;
    }

    .pages a.icon::before
    {
        font-family: 'Font Awesome 5 Pro';
        font-weight: var(--theme-fw-bold);
        line-height: 1;   
    }

    .pages a.icon.icon-back::before
    {
        content: '\f0a8';  
    }

    .pages a.icon.icon-next::before
    {
        content: '\f0a9';  
    }

    .pages a.icon.icon-dots::before
    {
        content: '\f141';
        
        font-weight: var(--theme-fw-regular);
    }

    .pages a.icon.icon-dots
    {
        cursor: default;
    }

    .pages a balloon
    {
        position: absolute;
        float: left;
        
        top: 0rem;
        left: 0rem;
        
        width: 100%;
        height: 100%;
    }

    
    /* 
    COLOR SETTINGS
    ================================================== */
    .pages .info             { color: var(--theme-body-color-subtitle); }
    .pages a,
    .pages a:visited         { background-color: var(--theme-body-sub-background-active); color: var(--theme-body-color); box-shadow: var(--theme-body-shadow); }
    .pages a:hover           { background-color: var(--theme-custom-background-hover); color: var(--theme-body-color-white); }
    .pages a:active          { background-color: var(--theme-custom-background-active); }

    .pages a.dots            { background-color: var(--theme-body-sub-background-active); color: var(--theme-body-color); }

    .pages a.current,
    .pages a.current:hover,
    .pages a.current:active  { background-color: var(--theme-custom-background); color: var(--theme-body-color-white); }


    /* ===============================================
    DIVIDER
    ================================================== */
    .divider
    {
        position: relative;

        width: 100%;
        margin: 0rem 0rem var(--theme-lh) 0rem;
    }

    /* font awesome - <div class="divider color dotted fa fa-angle-double-down style"></div> */
    .divider.style
    {
        top: var(--theme-lh-x0-25);

        text-align: center;
    }

    .divider.style::before
    {
        position: relative;
        top: var(--theme-lh-x0-25-minus);

        padding: 0rem 1.5rem;

        font-family: 'Font Awesome 5 Pro';
        font-weight: var(--theme-fw-bold);
        line-height: 1;
    }

    
    /* 
    COLOR SETTINGS
    ================================================== */
    .divider				{ border-top: 0.1rem solid var(--theme-body-border); color: var(--theme-body-border); }
    .divider.style::before  { background-color: var(--theme-body-background-white); }
    .divider.double			{ border-top-width: 0.2rem; }
    .divider.space			{ border: 0rem; }

    .divider.theme			{ border-color: var(--theme-custom-color); color: var(--theme-custom-color); }

    .divider.solid			{ border-top-style: solid; }
    .divider.dotted			{ border-top-style: dotted; }
    .divider.dashed			{ border-top-style: dashed; }

    
    /* 
    CLEARING
    ================================================== */
    .divider::after
    {
        clear: both; display: block; visibility: hidden; content: ""; font-size: 0; width: 0; height: 0; line-height: 0;
    }


    /* ===============================================
    IMAGES
    ================================================== */
    img.responsive
    {
        max-width: 100%;
        height: auto;
    }

    img.left
    {
        float: left;
        max-width: 100%;
        margin: var(--theme-lh-x0-25) 1.5rem var(--theme-lh-x0-25) 0rem;
    }

    img.right
    {
        float: right;
        max-width: 100%;
        margin: var(--theme-lh-x0-25) 0rem var(--theme-lh-x0-25) 1.5rem;
    }

    img.responsive.left
    {
        max-width: 40%;
    }

    img.responsive.right
    {
        max-width: 40%;
    }


    /* ===============================================
    BACK TO TOP (activate in executor.js)
    ================================================== */
    .back-top
    {
        position: fixed;
        z-index: 10000;

        bottom: 3.0rem;
        right: 1.5rem;
    }

    .back-top a
    {
        display: inline-block;

        width: var(--theme-lh-x1-5);
        
        padding: var(--theme-lh-x0-25) 0rem;
        
        text-align: center;
    }

    .back-top a::before
    {
        content: '\f0aa';
        
        font-family: 'Font Awesome 5 Pro';
        font-weight: var(--theme-fw-bold);
        line-height: 1;   
    }


    /* 
    COLOR SETTINGS
    ================================================== */
    .back-top 			a,
    .back-top           a:visited  { background-color: var(--theme-custom-background); color: var(--theme-body-color-white); box-shadow: var(--theme-body-shadow); }
    .back-top           a:hover    { background-color: var(--theme-custom-background-hover); }
    .back-top           a:active   { background-color: var(--theme-custom-background-active); }


    /* ===============================================
    BLOCKQUOTES
    ================================================== */
    blockquote
    {
        margin: 0rem 0rem var(--theme-lh) 0rem;
        padding: 0rem;
    }

    blockquote, blockquote p
    {
        font-style: italic;
    }

    blockquote cite
    {
        display: block;
        margin: var(--theme-lh-x0-5) 0rem 0rem 0rem;

        font-weight: var(--theme-fw-medium);
    }

    blockquote cite span
    {
        font-weight: var(--theme-fw-regular);
    }

    blockquote cite::before
    {
        content: "\2014 \0020";
    }

    
    /* 
    COLOR SETTINGS
    ================================================== */
    blockquote		 		                    { color: var(--theme-body-color-title); }

    blockquote				a,
    blockquote				a:visited           { color: var(--theme-custom-color); }
    blockquote 				a:hover             { color: var(--theme-custom-color); }

    blockquote 				cite				{ color: var(--theme-body-color-title); }

    blockquote 				cite a,
    blockquote 				cite a:visited      { color: var(--theme-custom-color); }
    blockquote 				cite a:hover        { color: var(--theme-custom-color); }

    blockquote 				cite span			{ color: var(--theme-body-color-subtitle); }

    blockquote 				cite span a,
    blockquote 				cite span a:visited { color: var(--theme-custom-color); }
    blockquote 				cite span a:hover   { color: var(--theme-custom-color); }

    
    /* 
    CLEARING
    ================================================== */
    blockquote::after
    {
        clear: both; display: block; visibility: hidden; content: ""; font-size: 0; width: 0; height: 0; line-height: 0;
    }


    /* ===============================================
    PULLQUOTES
    ================================================== */
    .pullquote
    {
        float: left;

        width: 60%;
        
        margin: var(--theme-lh-x0-5) 1.5rem;
        padding: var(--theme-lh-x0-5) 1.5rem;

        font-style: italic;
    }

    .pullquote.right
    {
        float: right;
    }

    
    /* 
    COLOR SETTINGS
    ================================================== */
    .pullquote		 			{ color: var(--theme-body-color-title); box-shadow: var(--theme-body-shadow); }

    .pullquote		a,
    .pullquote		a:visited   { color: var(--theme-custom-color); }
    .pullquote		a:hover     { color: var(--theme-custom-color); }


    /* 
    CLEARING
    ================================================== */
    .pullquote::after
    {
        clear: both; display: block; visibility: hidden; content: ""; font-size: 0; width: 0; height: 0; line-height: 0;
    }


    /* ===============================================
    DROPCAPS
    ================================================== */
    .dropcaps
    {
        display: block;
        float: left;

        width: var(--theme-lh-x1-5);

        padding: var(--theme-lh-x0-25) 0rem;
        margin: 0rem 1.5rem 0rem 0rem;

        text-align: center;
    }

    
    /* 
    COLOR SETTINGS
    ================================================== */
    .dropcaps		 	{ background-color: var(--theme-custom-background); color: var(--theme-body-color-white); box-shadow: var(--theme-body-shadow); }


    /* ===============================================
    TABS (activate in executor.js)
    ================================================== */
    .tabs
    {        
        width: 100%;
        margin: 0rem 0rem var(--theme-lh) 0rem;
    }

    .tabs > ul
    {
        position: relative;
        float: left;
        
        display: block;
        list-style: none;

        width: 100%;

        padding: 0rem;
        margin: 0rem;
    }

    .tabs > ul > li
    {
        position: relative;
        float: left;
        
        display: inline-block;

        margin: 0rem 1.5rem var(--theme-lh-x0-5) 0rem;
        
        transition: border 0.25s ease;
    }

    .tabs > ul > li:last-child
    {
        margin: 0rem 0rem var(--theme-lh-x0-5) 0rem;
    }

    .tabs > ul > li > a
    {
        display: block;

        padding: var(--theme-lh-x0-25) 1.5rem;

        font-weight: var(--theme-fw-medium);
        vertical-align: middle;
    }

    .tabs > ul > li > a > span
    {
        margin-right: 0.75rem;
    }

    .tabs > ul > li.active > a
    {
        background-size: 100% 0.1rem;
    }

    .tabs > ul > li > a::before
    {
        padding-right: 1.5rem;

        font-family: 'Font Awesome 5 Pro';
        line-height: 1;
    }

    .tabs > ul > li > a::before            { content: "\f13a"; }
    .tabs > ul > li > a:hover::before      { content: "\f13a"; }
    .tabs > ul > li.active > a::before     { content: "\f056"; }

    .tabs > div
    {
        position: relative;
        float: left;
        
        width: 100%;
    }

    .tabs > div > div
    {
        width: 100%;
        
        padding: var(--theme-lh) 1.5rem;
        
        transition: border 0.25s ease;
    }

    
    /* 
    COLOR SETTINGS
    ================================================== */
    .tabs               > ul > li                       { background-color: var(--theme-body-sub-background-active); border: 0.1rem solid var(--theme-body-sub-border); }
    .tabs               > ul > li.active                { /* border-bottom: 0.1rem solid var(--theme-custom-color); */ }

    .tabs 				> ul > li > a,
    .tabs 				> ul > li > a:visited           { color: var(--theme-body-color-title); }
    .tabs 				> ul > li > a:hover             { color: var(--theme-custom-color); }
    .tabs 			    > ul > li.active > a            { color: var(--theme-custom-color); }

    .tabs               > div > div                     { background-color: var(--theme-body-sub-background-active); border: 0.1rem solid var(--theme-body-sub-border); }
    .tabs               > div > div.active              { /* border-top: 0.1rem solid var(--theme-custom-color); border-bottom: 0.1rem solid var(--theme-custom-color); */ }

    
    /* 
    RESPONSIVE SETTINGS
    ================================================== */
    @media handheld, only screen and (max-width: 767px)
    {
        .tabs           > ul > li           { display: block; width: 100%; margin: 0rem 0rem 1.5rem 0rem; }
    }


    /* 
    CLEARING
    ================================================== */
    .tabs::after
    {
        clear: both; display: block; visibility: hidden; content: ""; font-size: 0; width: 0; height: 0; line-height: 0;
    }


    /* ===============================================
    TOGGLE (activate in executor.js)
    ================================================== */
    .toggle
    {
        width: 100%;
        margin: 0rem 0rem var(--theme-lh) 0rem;
    }

    .toggle > ul
    {
        display: block;
        list-style: none;

        padding: 0rem;
        margin: 0rem;
    }

    .toggle > ul > li
    {
        margin: 0rem 0rem var(--theme-lh-x0-5) 0rem;
        
        transition: border 0.25s ease;
    }

    .toggle > ul > li:last-child
    {
        margin: 0rem 0rem 0rem 0rem;
    }

    .toggle > ul > li > a
    {
        display: block;

        padding: var(--theme-lh-x0-25) 1.5rem var(--theme-lh-x0-25) 4.5rem;
        
        text-indent: -3.0rem;

        font-weight: var(--theme-fw-medium);
        vertical-align: middle;
    }

    .toggle > ul > li.active > a
    {
        background-size: 100% 0.1rem;
    }

    .toggle > ul > li > a::before
    {
        padding-right: 1.5rem;

        font-family: 'Font Awesome 5 Pro';
        line-height: 1;
    }

    .toggle > ul > li >         a::before               { content: "\f13a"; }
    .toggle > ul > li >         a:hover::before         { content: "\f13a"; }
    .toggle > ul > li.active >  a::before               { content: "\f056"; }
    
    .toggle > ul > li > div
    {
        /* overflow: auto; */

        margin: 0rem 0rem 0rem 0rem;
        padding: var(--theme-lh) 4.5rem var(--theme-lh) 4.5rem;

        /* max-height: 55.0rem; */
    }

    .toggle > ul > li > div p:last-child
    {
        margin: 0rem 0rem 0rem 0rem;
    }

    .toggle > ul > li > div::-webkit-scrollbar
    {
        width: 0.5rem;
    }

    
    /* 
    COLOR SETTINGS
    ================================================== */
    .toggle > ul > li                                             { background-color: var(--theme-body-background-white); border: 0.1rem solid var(--theme-body-sub-border); }
    .toggle > ul > li.active                                      { /* border-bottom: 0.1rem solid var(--theme-custom-color); */ }

    .toggle	> ul > li           > a,
    .toggle	> ul > li           > a:visited                       { color: var(--theme-body-color-title); }
    .toggle	> ul > li           > a:hover                         { color: var(--theme-custom-color); }
    .toggle	> ul > li.active    > a                               { color: var(--theme-custom-color); }

    .toggle > ul > li > div                                       {  }

    .toggle > ul > li > div::-webkit-scrollbar-track              { background-color: var(--theme-body-sub-background-active); }
    .toggle > ul > li > div::-webkit-scrollbar-thumb              { background-color: var(--theme-custom-background); }

    
    /* 
    CLEARING
    ================================================== */
    .toggle::after
    {
        clear: both; display: block; visibility: hidden; content: ""; font-size: 0; width: 0; height: 0; line-height: 0;
    }


    /* ===============================================
    MESSAGE-BOX (activate in executor.js)
    ================================================== */
    .message-box
    {
        position: relative;
        float: left;

        width: 100%;

        padding: var(--theme-lh-x0-5) 3.0rem var(--theme-lh-x0-5) 1.5rem;
        margin: 0rem 0rem var(--theme-lh) 0rem;
    }

    .message-box strong
    {
        padding: 0rem 0.75rem 0rem 0rem;

        text-transform: uppercase;
    }

    .message-box strong::before
    {
        display: inline-block;
        
        width: 3.0rem;
        
        padding-right: 1.5rem;

        font-family: 'Font Awesome 5 Pro';
        line-height: 1;
    }

    .message-box div
    {
        padding: var(--theme-lh-x0-5) 0rem 0rem var(--theme-lh);
    }

    .message-box div ul li
    {
        font-size: 93.75%;
    }

    .message-box            strong::before { content: "\f249"; }
    .message-box.soft       strong::before { content: "\f4aa"; }
    .message-box.info       strong::before { content: "\f05a"; }
    .message-box.note       strong::before { content: "\f4aa"; }
    .message-box.confirm    strong::before { content: "\f058"; }
    .message-box.error      strong::before { content: "\f06a"; }

    .message-box .closemsg
    {
        position: absolute;
        cursor: pointer;

        right: 1.5rem;
        top: var(--theme-lh-x0-5);

        transition: opacity 0.25s ease;
    }

    .message-box .closemsg::before
    {
        content: "\f00d";
        
        font-family: 'Font Awesome 5 Pro';
        line-height: 1;
    }

    .message-box .closemsg		   { opacity: 0.3; }
    .message-box .closemsg:hover   { opacity: 1; }


    /* 
    COLOR SETTINGS
    ================================================== */
    .message-box.soft
    {
        background-color: var(--theme-message-box-soft-background);
        color: var(--theme-message-box-soft-color);
        border: 0.1rem solid var(--theme-message-box-soft-border);
    }

    .message-box.soft		a,
    .message-box.soft		a:visited       { color: var(--theme-body-color); }
    .message-box.soft		a:hover         { color: var(--theme-message-box-soft-color-hover); }

    .message-box.info
    {
        background-color: var(--theme-message-box-info-background);
        color: var(--theme-message-box-info-color);
        border: 0.1rem solid var(--theme-message-box-info-border);
    }

    .message-box.info		a,
    .message-box.info		a:visited       { color: var(--theme-body-color); }
    .message-box.info		a:hover         { color: var(--theme-message-box-info-color-hover); }

    .message-box.note
    {
        background-color: var(--theme-message-box-note-background);
        color: var(--theme-message-box-note-color);
        border: 0.1rem solid var(--theme-message-box-note-border);
    }

    .message-box.note		a,
    .message-box.note		a:visited       { color: var(--theme-body-color); }
    .message-box.note		a:hover         { color: var(--theme-message-box-note-color-hover); }

    .message-box.confirm
    {
        background-color: var(--theme-message-box-confirm-background);
        color: var(--theme-message-box-confirm-color);
        border: 0.1rem solid var(--theme-message-box-confirm-border);
    }

    .message-box.confirm	a,
    .message-box.confirm	a:visited       { color: var(--theme-body-color); }
    .message-box.confirm	a:hover         { color: var(--theme-message-box-confirm-color-hover); }

    .message-box.error
    {
        background-color: var(--theme-message-box-error-background);
        color: var(--theme-message-box-error-color);
        border: 0.1rem solid var(--theme-message-box-error-border);
    }

    .message-box.error		a,
    .message-box.error		a:visited       { color: var(--theme-body-color); }
    .message-box.error		a:hover         { color: var(--theme-message-box-error-color-hover); }


    /* 
    CLEARING
    ================================================== */
    .message-box::after
    {
        clear: both; display: block; visibility: hidden; content: ""; font-size: 0; width: 0; height: 0; line-height: 0;
    }


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

        margin: 0rem 0rem var(--theme-lh) 0rem;
    }

    .footer-contact ul
    {
        position: relative;
        float: left;

        width: 100%;

        margin: 0rem;
        padding: 0rem;

        list-style: none;
    }

    .footer-contact ul li
    {
        position: relative;
        float: left;
        display: flex;

        width: 100%;

        margin: 0rem;
        padding: 0rem;
    }

    .footer-contact ul li .icon
    {
        flex: inherit;

        width: var(--theme-lh);
        height: var(--theme-lh);

        margin: 0rem 0rem 0rem 0rem;
        padding: 0rem 0rem 0rem 0rem;

        font-size: 93.75%;
        text-align: center;

        transition: all 0.25s ease;
    }

    .footer-contact ul li .icon::before
    {
        font-family: 'Font Awesome 5 Pro';
        line-height: 1;
    }

    .footer-contact ul li:hover .icon
    {
        border-radius: 3.0rem;

        transform: rotate(360deg);
    }

    .footer-contact ul li .icon.icon-phone::before
    {
        content: '\f095';
    }

    .footer-contact ul li .icon.icon-fax::before
    {
        content: '\f1ac';
    }

    .footer-contact ul li .icon.icon-mobile::before
    {
        content: '\f10b';
    }

    .footer-contact ul li .icon.icon-whatsapp::before
    {
        content: '\f232';
        
        font-family: 'Font Awesome 5 Brands';
    }

    .footer-contact ul li .icon.icon-skype::before
    {
        content: '\f17e';
        
        font-family: 'Font Awesome 5 Brands';
    }

    .footer-contact ul li .icon.icon-email::before
    {
        content: '\f1d8';
    }

    .footer-contact ul li .icon.icon-address::before
    {
        content: '\f3c5';
    }

    .footer-contact ul li .info
    {
        flex: 1;
    }

    .footer-contact ul li .info span
    {
        display: inline-block;

        margin: 0rem 0rem 0rem 1.5rem;
        padding: 0rem 0rem 0rem 0rem;
        
        font-size: 93.75%;

        transition: all 0.25s ease;
    }

    .footer-contact ul li .info.title span
    {
        font-weight: var(--theme-fw-medium);
    }


    /* 
    COLOR SETTINGS
    ================================================== */
    .footer-contact      ul li:first-child                               { border-top: 0.1rem solid var(--theme-body-border-white); }
    .footer-contact      ul li                                           { border-bottom: 0.1rem solid var(--theme-body-border-white); }

    .footer-contact      ul li         .icon                             { background-color: var(--theme-body-background-white); color: var(--theme-body-color); box-shadow: var(--theme-body-shadow); }
    .footer-contact      ul li:hover   .icon                             { color: var(--theme-custom-color); }

    .footer-contact      ul li         .info 	      span               { color: var(--theme-body-color); }
    .footer-contact      ul li         .info 	      span a,
    .footer-contact      ul li         .info 	      span a:visited     { color: var(--theme-body-color); }
    .footer-contact      ul li         .info 	      span a:hover       { color: var(--theme-custom-color); }

    .footer-contact      ul li         .info.title 	  span               { color: var(--theme-body-color-title); }
    .footer-contact      ul li         .info.title 	  span a,
    .footer-contact      ul li         .info.title 	  span a:visited     { color: var(--theme-body-color-title); }
    .footer-contact      ul li         .info.title 	  span a:hover       { color: var(--theme-custom-color); }


    /* 
    CLEARING
    ================================================== */
    .footer-contact::after
    {
        clear: both; display: block; visibility: hidden; content: ""; font-size: 0; width: 0; height: 0; line-height: 0;
    }


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

        margin: 0rem 0rem var(--theme-lh) 0rem;
    }

    .footer-menu ul
    {
        position: relative;
        float: left;

        width: 100%;

        margin: 0rem;
        padding: 0rem;

        list-style: none;
    }

    .footer-menu ul li
    {
        position: relative;
        float: left;
        display: flex;

        width: 100%;

        margin: 0rem;
        padding: 0rem;
    }

    .footer-menu ul li .icon
    {
        flex: inherit;

        margin: 0rem 0rem 0rem 0rem;
        padding: 0rem 0rem 0rem 0rem;

        font-size: 93.75%;

        transition: all 0.25s ease;
    }

    .footer-menu ul li .icon::before
    {
        font-family: 'Font Awesome 5 Pro';
        line-height: 1;
    }

    .footer-menu ul li .icon.icon-arrow::before
    {
        content: '\f178';
    }

    .footer-menu ul li .info
    {
        flex: 1;
    }

    .footer-menu ul li .info span
    {
        display: block;

        margin: 0rem 0rem 0rem 1.5rem;
        padding: 0rem 0rem 0rem 0rem;
    }

    .footer-menu ul li .info span h1,
    .footer-menu ul li .info span h2,
    .footer-menu ul li .info span h3,
    .footer-menu ul li .info span h4,
    .footer-menu ul li .info span h5
    {
        margin-bottom: 0rem;

        font-size: 93.75%;
        font-weight: var(--theme-fw-regular);
        line-height: inherit;
    }

    .footer-menu ul li .info.title span
    {
        font-weight: var(--theme-fw-medium);
    }


    /* 
    COLOR SETTINGS
    ================================================== */
    .footer-menu    ul li           .icon                               { color: var(--theme-body-color); }
    .footer-menu    ul li:hover     .icon                               { color: var(--theme-custom-color); }

    .footer-menu    ul li           .info           span h1,
    .footer-menu    ul li           .info           span h2,
    .footer-menu    ul li           .info           span h3,
    .footer-menu    ul li           .info           span h4,
    .footer-menu    ul li           .info           span h5             { color: var(--theme-body-color); }

    .footer-menu    ul li           .info 	        span                { color: var(--theme-body-color); }
    .footer-menu    ul li           .info 	        span a,
    .footer-menu    ul li           .info 	        span a:visited      { color: var(--theme-body-color); }
    .footer-menu    ul li           .info 	        span a:hover        { color: var(--theme-custom-color); }

    .footer-menu    ul li           .info.title 	span                { color: var(--theme-body-color-title); }
    .footer-menu    ul li           .info.title 	span a,
    .footer-menu    ul li           .info.title 	span a:visited      { color: var(--theme-body-color-title); }
    .footer-menu    ul li           .info.title 	span a:hover        { color: var(--theme-custom-color); }


    /* 
    CLEARING
    ================================================== */
    .footer-menu::after
    {
        clear: both; display: block; visibility: hidden; content: ""; font-size: 0; width: 0; height: 0; line-height: 0;
    }


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

        margin: 0rem 0rem var(--theme-lh-x0-5) 0rem;
    }

    .footer-social ul
    {
        position: relative;
        float: left;
        
        width: 100%;

        margin: 0rem;
        padding: 0rem;

        list-style: none;
    }

    .footer-social ul li
    {
        position: relative;
        float: left;
        display: flex;

        margin: 0rem 1.5rem var(--theme-lh-x0-5) 0rem;
        padding: 0rem;
    }

    .footer-social ul li:last-child
    {
        margin: 0rem 0rem var(--theme-lh-x0-5) 0rem;
    }

    .footer-social ul li .icon
    {
        flex: inherit;

        width: var(--theme-lh-x1-5);
        height: var(--theme-lh-x1-5);

        margin: 0rem 0rem 0rem 0rem;
        padding: var(--theme-lh-x0-25) 0rem;

        font-size: 93.75%;
        text-align: center;

        transition: all 0.25s ease;
    }

    .footer-social ul li .icon::before
    {
        font-family: 'Font Awesome 5 Brands';
        line-height: 1;
    }

    .footer-social ul li .icon a
    {
        position: relative;
        display: block;
        
        top: -100%;
        
        padding: 0rem 0rem;
        
        height: 100%;
        width: 100%;
        
        background-image: none;
    }

    .footer-social ul li:hover .icon
    {
        border-radius: 3.0rem;

        transform: rotate(360deg);
    }

    .footer-social ul li .icon.icon-facebook::before
    {
        content: '\f082';
    }

    .footer-social ul li .icon.icon-instagram::before
    {
        content: '\f16d';
    }

    .footer-social ul li .icon.icon-twitter::before
    {
        content: '\f082';
    }

    .footer-social ul li .icon.icon-youtube::before
    {
        content: '\f167';
    }

    .footer-social ul li .icon.icon-pinterest::before
    {
        content: '\f231';
    }

    .footer-social ul li .info
    {
        flex: 1;
    }

    .footer-social ul li .info span
    {
        display: block;

        margin: 0rem 0rem 0rem 1.5rem;
        padding: 0rem 0rem 0rem 0rem;

        font-size: 93.75%;
        line-height: var(--theme-lh-x1-5);

        transition: all 0.25s ease;
    }

    .footer-social ul li .info.title span
    {
        font-weight: var(--theme-fw-medium);
    }


    /* 
    COLOR SETTINGS
    ================================================== */
    .footer-social      ul li         .icon                             { background-color: var(--theme-body-background-white); color: var(--theme-body-color); box-shadow: var(--theme-body-shadow); }
    .footer-social      ul li:hover   .icon                             { color: var(--theme-custom-color); }

    .footer-social      ul li         .info 	    span                { color: var(--theme-body-color); }
    .footer-social      ul li         .info 	    span a,
    .footer-social      ul li         .info 	    span a:visited      { color: var(--theme-body-color); }
    .footer-social      ul li         .info 	    span a:hover        { color: var(--theme-custom-color); }

    .footer-social      ul li         .info.title 	span                { color: var(--theme-body-color-title); }
    .footer-social      ul li         .info.title 	span a,
    .footer-social      ul li         .info.title 	span a:visited      { color: var(--theme-body-color-title); }
    .footer-social      ul li         .info.title 	span a:hover        { color: var(--theme-custom-color); }


    /* 
    CLEARING
    ================================================== */
    .footer-social::after
    {
        clear: both; display: block; visibility: hidden; content: ""; font-size: 0; width: 0; height: 0; line-height: 0;
    }


    /* ===============================================
    FOOTER-STATS-VISITOR
    ================================================== */
    .footer-stats-visitor
    {
        width: 100%;

        margin: 0rem 0rem var(--theme-lh) 0rem;

        font-size: 93.75%;
    }

    .footer-stats-visitor div
    {
        display: inline-block;
    }

    .footer-stats-visitor div span
    {
        padding: 0rem 1.5rem 0rem 0.75rem;
        
        font-weight: var(--theme-fw-medium);
    }

    .footer-stats-visitor div:last-child span
    {
        padding-right: 0rem;
    }


    /* 
    COLOR SETTINGS
    ================================================== */
    .footer-stats-visitor div span                 { color: var(--theme-custom-color); }


    /* 
    RESPONSIVE SETTINGS
    ================================================== */
    @media handheld, only screen and (max-width: 767px)
    {
        .footer-stats-visitor div                  { display: block; }
    }


    /* ===============================================
    NAVIGATION
    ================================================== */
    .navigation 
    {
        position: relative;
        float: left;

        z-index: 2000;

        margin: 1.0rem 0rem 0px 0rem;
    }

    .navigation ul 
    {
        position: relative;
        float: left;

        margin: 0rem;
        padding: 0rem;

        list-style: none;
    }

    .navigation ul li 
    {
        position: relative;
        float: left;

        margin: 0rem;
        padding: 0rem;

        transition: background-color 0.25s ease;
    }

    .navigation > ul > li
    {
        margin-right: 0.75rem;
        border-radius: 0px;
    /* border: 1px solid red; */
    }

    .navigation > ul > li:last-child
    {
        margin-right: 0rem;
    }

    .navigation ul ul 
    {
        position: absolute;
		overflow: hidden;
		visibility: hidden;

        opacity: 0;

        top: 100%;
        left: 0;
		
		border-radius: 15px;

        margin: var(--theme-lh-x0-25) 0rem 0rem 0rem;

        transition: all 0.25s ease;

        /*transform: translate3d(0rem, var(--theme-lh-x0-5), 0rem);*/
    }

    .navigation ul li:hover > ul 
    {
        visibility: visible;
        opacity: 1;

        /*transform: translate3d(0, 0, 0);*/
    }

    .navigation ul ul::before 
    {
        position: absolute;

        opacity: 0;
        content: "123";

        top: var(--theme-lh-x0-25-minus);

        width: 100%;
        height: var(--theme-lh-x0-25);
    }

    .navigation li li 
    {
        float: none;

        width: 28.8rem;
    }

    .navigation li li ul 
    {
        top: 0;
        left: 100%;

        margin: 0rem 0rem 0rem 0.75rem;
    }

    .navigation li li ul::after 
    {
        position: absolute;

        opacity: 0;
        content: "";

        left: -0.75rem;
        top: 0;

        width: var(--theme-lh-x0-25);
        height: 100%;
    }

    .navigation li li li ul 
    {
        overflow-y: auto;
        overflow-x: hidden;
        
        max-height: 48.30rem;
    }

    .navigation li li li ul::-webkit-scrollbar
    {
        width: 0.5rem;
    }

    .navigation > ul > li > a 
    {
        display: block;

        padding: 10px 1.5rem;

        font-weight: var(--theme-fw-medium);
        text-transform: uppercase;
        
        background-image: none;
        
    }

    .navigation > ul > li > a::after 
    {
        opacity: 0.5;
    }

    .navigation ul li > a::after 
    {
        content: '\f107';

        padding-left: 0.75rem;

        font-family: 'Font Awesome 5 Pro';
        line-height: 1;
    }

    .navigation ul li > a:only-child::after 
    {
        content: '';

        padding: 0;
    }

    .navigation li li > a 
    {
        display: block;

        padding: var(--theme-lh-x0-25) 3.0rem var(--theme-lh-x0-25) 1.5rem;

        font-size: 83.75%;
        
        background-image: none;
    }

    .navigation li li > a::after 
    {
        position: absolute;

        content: '\f105';

        right: 1.5rem;
        
        margin: 0rem;
        
        line-height: inherit;
    }

    .navigation li i.total
    {
        margin: 0rem 0rem 0rem 0.75rem;
        padding: 0rem 0.75rem 0rem 0.75rem;

        font-size: 87.5%;
        line-height:1;
        font-style: normal;
    }

    .navigation i.flag-icon
    {
        margin-right: 0.75rem;
    }


    /* 
    COLOR SETTINGS
    ================================================== */
    .navigation         ul > li > a,
    .navigation         ul > li > a:visited         { color: var(--theme-body-color-title); }
    .navigation         ul ul                       { background-color: var(--theme-body-background-white); box-shadow: var(--theme-body-shadow); }
    .navigation         li li                       { border-bottom: 0.1rem solid var(--theme-body-sub-border); }
    .navigation         li li > a,
    .navigation         li li > a:visited           { color: var(--theme-body-color); }
    .navigation         li li:hover                 { background-color: var(--theme-body-sub-background-active); color: var(--theme-custom-color); }
    .navigation         li li:hover > a             { color: var(--theme-custom-color); }
    .navigation         > ul > li:hover             { color: var(--theme-custom-background-hover); }
    .navigation         > ul > li:hover > a         { color: var(--theme-custom-background-hover); }

    .navigation         li i.total                  { background-color: var(--theme-body-sub-background); color: var(--theme-custom-color); border-radius: 1.0rem; }

    .navigation         li li:last-child 
    {
        border-bottom: none;
    }

    .navigation         li li li ul::-webkit-scrollbar-track          { background-color: var(--theme-body-sub-background-active); }
    .navigation         li li li ul::-webkit-scrollbar-thumb          { background-color: var(--theme-custom-background); }


    /* 
    CLEARING
    ================================================== */
    .navigation::after
    {
        clear: both; display: block; visibility: hidden; content: ""; font-size: 0; width: 0; height: 0; line-height: 0;
    }


    /* ===============================================
    NAVIGATION-BUTTON
    ================================================== */
    .navigation-button 
    {
        position: relative;
        float: right;
        
        margin: var(--theme-lh-x0-25) 0rem var(--theme-lh-x0-25) 0rem;
    }

    .navigation-button ul 
    {
        display: block;

        margin: 0rem;
        padding: 0rem;

        list-style: none;
    }

    .navigation-button ul li 
    {
        margin: 0rem;
        padding: 0rem;
    }

    .navigation-button ul li a
    {
        display: block;

        padding: var(--theme-lh-x0-25) 0rem;

        font-weight: var(--theme-fw-medium);
        
        background-image: none;
    }

    .navigation-button ul li a::before
    {
        content: '\f0c9';

        padding-right: 1.5rem;

        font-family: 'Font Awesome 5 Pro';
        line-height: 1;
    }

    .navigation-button ul li a.open::before 
    {
        content: '\f0c9';
    }

    .navigation-button ul li a.close::before 
    {
        content: '\f057';
    }


    /* 
    COLOR SETTINGS
    ================================================== */
    .navigation-button         ul li a,
    .navigation-button         ul li a:visited      { color: var(--theme-custom-color); }
    .navigation-button.active  ul li a,
    .navigation-button         ul li a:hover        { color: var(--theme-custom-color); }
    .navigation-button         ul li a:active       { color: var(--theme-custom-color); }


    /* 
    CLEARING
    ================================================== */
    .navigation-button::after
    {
        clear: both; display: block; visibility: hidden; content: ""; font-size: 0; width: 0; height: 0; line-height: 0;
    }


    /* ===============================================
    NAVIGATION-MOBILE
    ================================================== */
    .navigation-mobile
    {
        z-index: 2000;

        width: 100%;

        margin: 0rem 0rem 0rem 0rem;
    }

    .navigation-mobile ul 
    {
        position: relative;
        float: left;

        width: 100%;

        margin: 0rem;
        padding: 0rem;

        list-style: none;
    }

    .navigation-mobile ul li
    {
        position: relative;
        float: left;

        width: 100%;

        margin: 0rem;
        padding: 0rem;
    }

    .navigation-mobile > ul > li
    {
        /* margin: var(--theme-lh-x0-25) 0rem; */
    }

    .navigation-mobile > ul > li:first-child
    {
        margin-top: var(--theme-lh-x0-5);
    }

    .navigation-mobile > ul > li:last-child
    {
        margin-bottom: var(--theme-lh-x0-5);
    }

    .navigation-mobile li li
    {
        margin: 0rem 0rem 0rem 0rem;
    }

    .navigation-mobile li li li ul 
    {
        overflow: auto;
        
        max-height: 30.0rem;
        
        margin: var(--theme-lh-x0-5) 0rem;
    }

    .navigation-mobile li li li ul::-webkit-scrollbar
    {
        width: 0.5rem;
    }

    .navigation-mobile > ul > li > a
    {
        display: block;

        padding: var(--theme-lh-x0-25) 4.5rem var(--theme-lh-x0-25) 1.5rem;
        
        font-size: 93.75%;
        font-weight: var(--theme-fw-medium);
        /* text-transform: uppercase; */
        
        background-image: none;
    }

    .navigation-mobile li li > a
    {
        display: block;

        margin: 0rem;
        padding: var(--theme-lh-x0-25) 4.5rem var(--theme-lh-x0-25) 1.5rem;

        font-size: 93.75%;
        
        background-image: none;
    }

    .navigation-mobile ul li > a::before
    {
        padding-right: 1.5rem;

        font-family: 'Font Awesome 5 Pro';
        line-height: 1;
    }

    .navigation-mobile li li li li > a
    {
        padding-top: 0rem;
        padding-bottom: 0rem;
        
        font-size: 80.0%;
    }

    .navigation-mobile > ul > li > a::before 
    {
        content: '\f0c9';
    }

    .navigation-mobile li li > a::before 
    {
        content: '\f0da';
    }

    .navigation-mobile li li li > a::before
    {
        content: '\f105';
    }

    .navigation-mobile li i.total
    {
        margin: 0rem 0rem 0rem 0.75rem;
        padding: 0rem 0.75rem 0rem 0.75rem;

        font-size: 87.5%;
        line-height:1;
        font-style: normal;
    }

    .navigation-mobile ul li > span
    {
        position: absolute;
        display: block;

        top: 0rem;
        right: 0rem;

        margin: 0rem;
        padding: 0rem;
    }

    .navigation-mobile ul li > span a
    {
        display: block;

        min-width: var(--theme-lh-x1-5);

        padding: var(--theme-lh-x0-25) var(--theme-lh-x0-5);
        margin: 0rem 0rem;

        text-align: center;
        vertical-align: middle;
        
        background-image: none;
    }

    .navigation-mobile > ul > li > span a
    {
        padding: var(--theme-lh-x0-25) var(--theme-lh-x0-5);
    }

    .navigation-mobile ul li > span a::before
    {
        content: '\f13a';
        
        font-family: 'Font Awesome 5 Pro';
        line-height: 1;
    }

    .navigation-mobile ul li > span.plus a::before 
    {
        content: '\f13a';
    }

    .navigation-mobile ul li > span.minus a::before 
    {
        content: '\f056';
    }

    .navigation-mobile i.flag-icon
    {
        margin-right: 0.75rem;
    }

    .navigation-mobile ul li > a              { padding-left: 4.5rem;  text-indent: -2.8rem; font-weight: var(--theme-fw-medium); }
    .navigation-mobile li li > a              { padding-left: 7.0rem;  text-indent: -2.05rem; }
    .navigation-mobile li li li > a           { padding-left: 9.5rem;  text-indent: -2.1rem; }
    .navigation-mobile li li li li > a        { padding-left: 12.0rem; text-indent: -2.07rem; font-weight: var(--theme-fw-regular); }
    .navigation-mobile li li li li li > a     { padding-left: 14.5rem; text-indent: -2.07rem; }
    .navigation-mobile li li li li li li > a  { padding-left: 17.0rem; text-indent: -2.07rem; }


    /* 
    COLOR SETTINGS
    ================================================== */
    .navigation-mobile         > ul > li >                a,
    .navigation-mobile         > ul > li >                a:visited       { background-color: var(--theme-body-sub-background); color: var(--theme-body-color-title); }
    .navigation-mobile         > ul > li:hover >          a,
    .navigation-mobile         > ul > li.active >         a               { background-color: var(--theme-custom-background); color: var(--theme-body-color-white); }

    .navigation-mobile         ul ul                                      { background-color: var(--theme-body-sub-background-active); }

    .navigation-mobile         li                                         { border-bottom: 0.1rem solid var(--theme-body-border-white); }
    .navigation-mobile         li:last-child                              { border-bottom: 0rem solid var(--theme-body-border-white); }

    .navigation-mobile         li li >                    a,
    .navigation-mobile         li li >                    a:visited       { background-color: var(--theme-body-sub-background-active); color: var(--theme-body-color); }
    .navigation-mobile         li li:hover >              a,
    .navigation-mobile         li li.active >             a               { background-color: var(--theme-body-sub-background); }

    .navigation-mobile         li i.total                                 { background-color: var(--theme-body-sub-background); color: var(--theme-custom-color); border-radius: 1.0rem; }

    .navigation-mobile         > ul > li >        span    a,
    .navigation-mobile         > ul > li >        span    a:visited       { background-color: var(--theme-body-sub-background); color: var(--theme-body-color-title); border-left: 0.1rem solid var(--theme-body-border-white); }
    .navigation-mobile         > ul > li:hover >  span    a,
    .navigation-mobile         > ul > li.active > span    a               { background-color: var(--theme-custom-background); color: var(--theme-body-color-white); }
    .navigation-mobile         > ul > li >        span    a:hover         { background-color: var(--theme-custom-background-hover); color: var(--theme-body-color-white); }
    .navigation-mobile         > ul > li >        span    a:active        { background-color: var(--theme-custom-background-active); color: var(--theme-body-color-white); }

    .navigation-mobile         li li >            span    a,
    .navigation-mobile         li li >            span    a:visited       { background-color: var(--theme-body-sub-background-active); color: var(--theme-body-color); border-left: 0.1rem solid var(--theme-body-border-white); }
    .navigation-mobile         li li:hover >      span    a,
    .navigation-mobile         li li.active >     span    a               { background-color: var(--theme-body-sub-background); color: var(--theme-body-color); }
    .navigation-mobile         li li >            span    a:hover         { background-color: var(--theme-body-sub-background-hover); color: var(--theme-body-color); }
    .navigation-mobile         li li >            span    a:active        { background-color: var(--theme-body-sub-background-active); color: var(--theme-body-color); }

    .navigation-mobile         li li li ul::-webkit-scrollbar-track       { background-color: var(--theme-body-sub-background-active); }
    .navigation-mobile         li li li ul::-webkit-scrollbar-thumb       { background-color: var(--theme-custom-background); }


    /* ===============================================
    NAVIGATION SIDE
    ================================================== */
    .navigation-side
    {
        position: relative;
        float: left;

        width: 100%;

        margin: 0rem 0rem var(--theme-lh) 0rem;
    }

    .navigation-side ul 
    {
        position: relative;
        float: left;

        width: 100%;

        margin: 0rem;
        padding: 0rem;

        list-style: none;
    }

    .navigation-side ul ul ul
    {
        overflow: auto;
        
        max-height: 30.0rem;
    }

    .navigation-side ul ul ul::-webkit-scrollbar
    {
        width: 0.5rem;
    }

    .navigation-side ul li
    {
        position: relative;
        float: left;

        width: 100%;

        margin: 0rem;
        padding: 0rem;
    }

    .navigation-side > ul > li
    {
        margin: var(--theme-lh-x0-25) 0rem;
    }

    .navigation-side > ul > li:first-child
    {
        margin-top: 0rem;
    }

    .navigation-side > ul > li:last-child
    {
        margin-bottom: 0rem;
    }

    .navigation-side li li
    {
        margin: 0rem 0rem 0rem 0rem;
    }

    .navigation-side > ul > li > a
    {
        display: block;

        margin: 0rem;
        padding: var(--theme-lh-x0-5) 4.5rem var(--theme-lh-x0-5) 1.5rem;
        
        background-image: none;
    }

    .navigation-side li li > a
    {
        display: block;

        margin: 0rem;
        padding: var(--theme-lh-x0-25) 4.5rem var(--theme-lh-x0-25) 1.5rem;

        font-size: 93.75%;
        
        background-image: none;
    }

    .navigation-side li li li > a
    {
        font-size: 80.00%;
    }

    .navigation-side ul li > a::before
    {
        padding-right: 1.5rem;

        font-family: 'Font Awesome 5 Pro';
        line-height: 1;
    }

    .navigation-side > ul > li > a::before 
    {
        content: '\f0c9';
    }

    .navigation-side li li > a::before 
    {
        content: '\f0da';
    }

    .navigation-side li li li > a::before
    {
        content: '\f105';
    }

    .navigation-side ul li > span
    {
        position: absolute;
        display: block;

        top: 0rem;
        right: 0rem;

        margin: 0rem;
        padding: 0rem;
    }

    .navigation-side ul li > span a
    {
        display: block;

        min-width: var(--theme-lh-x1-5);

        padding: var(--theme-lh-x0-25) var(--theme-lh-x0-5);
        margin: 0rem 0rem;

        text-align: center;
        vertical-align: middle;
        
        background-image: none;
    }

    .navigation-side > ul > li > span > a
    {
        padding: var(--theme-lh-x0-5) var(--theme-lh-x0-5);
    }

    .navigation-side ul li > span a::before
    {
        content: '\f13a';
        
        font-family: 'Font Awesome 5 Pro';
        line-height: 1;
    }

    .navigation-side ul li > span.plus a::before 
    {
        content: '\f13a';
    }

    .navigation-side ul li > span.minus a::before 
    {
        content: '\f056';
    }

    .navigation-side ul li > a              { padding-left: 4.5rem;  text-indent: -2.8rem;  font-weight: var(--theme-fw-medium); }
    .navigation-side li li > a              { padding-left: 7.0rem;  text-indent: -2.3rem; }
    .navigation-side li li li > a           { padding-left: 9.5rem;  text-indent: -2.1rem;  font-weight: var(--theme-fw-regular); }
    .navigation-side li li li li > a        { padding-left: 12.0rem; text-indent: -2.07rem; }
    .navigation-side li li li li li > a     { padding-left: 14.5rem; text-indent: -2.07rem; }
    .navigation-side li li li li li li > a  { padding-left: 17.0rem; text-indent: -2.07rem; }


    /* 
    COLOR SETTINGS
    ================================================== */
    .navigation-side         > ul > li >                a,
    .navigation-side         > ul > li >                a:visited       { background-color: var(--theme-body-sub-background-active); color: var(--theme-body-color-title); }
    .navigation-side         > ul > li:hover >          a,
    .navigation-side         > ul > li.active >         a               { background-color: var(--theme-body-sub-background); }

    .navigation-side         ul li >                    a               { border-bottom: 0.1rem solid var(--theme-body-border-white); }

    .navigation-side:hover   li li.active >             a               { background-color: var(--theme-body-sub-background-active); color: var(--theme-body-color); }
    .navigation-side         li li >                    a,
    .navigation-side         li li >                    a:visited       { background-color: var(--theme-body-sub-background-active); color: var(--theme-body-color); }
    .navigation-side         li li:hover >              a,
    .navigation-side         li li.active:hover >       a,
    .navigation-side         li li.active >             a               { background-color: var(--theme-body-sub-background); color: var(--theme-body-color); }

    .navigation-side         > ul > li >                span    a,
    .navigation-side         > ul > li >                span    a:visited       { background-color: var(--theme-body-sub-background-active); color: var(--theme-body-color-title); border-left: 0.1rem solid var(--theme-body-border-white); }
    .navigation-side         > ul > li:hover >          span    a,
    .navigation-side         > ul > li.active >         span    a               { background-color: var(--theme-body-sub-background); }
    .navigation-side         > ul > li >                span    a:hover         { background-color: var(--theme-body-sub-background-hover); }
    .navigation-side         > ul > li >                span    a:active        { background-color: var(--theme-body-sub-background-active); }

    .navigation-side:hover   li li.active >             span    a               { background-color: var(--theme-body-sub-background-active); color: var(--theme-body-color); }
    .navigation-side         li li >                    span    a,
    .navigation-side         li li >                    span    a:visited       { background-color: var(--theme-body-sub-background-active); color: var(--theme-body-color); border-left: 0.1rem solid var(--theme-body-border-white); }
    .navigation-side         li li:hover >              span    a,
    .navigation-side         li li.active:hover >       span    a,
    .navigation-side         li li.active >             span    a               { background-color: var(--theme-body-sub-background); color: var(--theme-body-color); }

    .navigation-side         li li.active >             span    a:hover,
    .navigation-side         li li >                    span    a:hover         { background-color: var(--theme-body-sub-background-hover); }
    .navigation-side         li li.active >             span    a:active,
    .navigation-side         li li >                    span    a:active        { background-color: var(--theme-body-sub-background-active); }

    .navigation-side         ul ul ul::-webkit-scrollbar-track          { background-color: var(--theme-body-sub-background-active); }
    .navigation-side         ul ul ul::-webkit-scrollbar-thumb          { background-color: var(--theme-custom-background); }


    /* ===============================================
    INDEX MENU
    ================================================== */
    .index-menu
    {
        position: relative;
        float: left;

        width: 100%;

        margin: var(--theme-lh-x0-5) 0rem;
    }

    .index-menu ul 
    {
        position: relative;
        float: left;

        width: 100%;

        margin: 0rem;
        padding: 0rem;

        list-style: none;
    }

    .index-menu ul li
    {
        position: relative;
        float: left;

        width: 100%;

        margin: 0rem;
        padding: 0rem;
    }

    .index-menu > ul > li
    {
        margin: 0rem 0rem var(--theme-lh-x0-5) 0rem;
    }

    .index-menu > ul > li > a
    {
        display: block;

        margin: 0rem;
        padding: var(--theme-lh-x0-25) 4.5rem var(--theme-lh-x0-25) 1.5rem;
        
        background-image: none;
    }

    .index-menu ul li > a::before
    {
        padding-right: 1.5rem;

        font-family: 'Font Awesome 5 Pro';
        line-height: 1;
    }

    .index-menu > ul > li > a::before 
    {
        content: '\f0c9';
    }

    .index-menu ul li > a              { padding-left: 4.5rem;  text-indent: -2.8rem;  font-weight: var(--theme-fw-medium); }


    /* 
    COLOR SETTINGS
    ================================================== */
    .index-menu         > ul > li >                a,
    .index-menu         > ul > li >                a:visited       { background-color: var(--theme-body-sub-background-active); color: var(--theme-body-color-title); }
    .index-menu         > ul > li:hover >          a               { background-color: var(--theme-body-sub-background); }


    /* ===============================================
    CONTACT-MESSAGE
    ================================================== */
    .contact-message
    {
        width: 100%;

        margin: 0rem 0rem var(--theme-lh) 0rem;
        padding: 1.5rem;

        border-radius: 15px;
    /* border: 1px solid red; */
    overflow: hidden;
    }

    .contact-message .results
    {
        position: relative;
        float: left;

        width: 100%;
    }

    .contact-message .results .message-box
    {
        margin: 0rem 0rem var(--theme-lh-x0-5) 0rem;
    }

    .contact-message .content
    {
        width: 100%;

        margin: 0rem 0rem var(--theme-lh-x0-5) 0rem;
    }

    .contact-message .content.half-left
    {
        position: relative;
        float: left;
        
        width: 50%;
        
        padding: 0rem 0.75rem 0rem 0rem;
    }

    .contact-message .content.half-right
    {
        position: relative;
        float: left;
        
        width: 50%;
        
        padding: 0rem 0rem 0rem 0.75rem;
    }

    .contact-message .content.human
    {
        display: none;
    }

    .contact-message label
    {
        display: block;
        
        width: 100%;

        margin: 0rem 0rem var(--theme-lh-x0-25) 0rem;
        
        font-weight: var(--theme-fw-medium);
    }

    .contact-message .content input[type="text"],
    .contact-message .content input[type="number"],
    .contact-message .content textarea,
    .contact-message .content select
    {
        display: block;

        width: 100%;
    }

    .contact-message .content textarea
    {
        height: 15.0rem;
    }

    .contact-message .message-button
    {
        width: 100%;

        margin: 0rem 0rem 0rem 0rem;
    }


    /* 
    COLOR SETTINGS
    ================================================== */
    .contact-message                        { background-color: var(--theme-body-background-white); box-shadow: var(--theme-body-shadow); }
    .contact-message label                  { color: var(--theme-body-color-title); }


    /* 
    CLEARING
    ================================================== */
    .contact-message::after
    {
        clear: both; display: block; visibility: hidden; content: ""; font-size: 0; width: 0; height: 0; line-height: 0;
    }


    /* ===============================================
    INFORMATION-PROPERTY
    ================================================== */
    .information-property
    {
        position: relative;
        float: left;

        width: 100%;

        margin: 0rem 0rem var(--theme-lh) 0rem;
        padding: 0rem 0rem;
    }

    .information-property > ul
    {
        position: relative;
        float: left;

        width: 100%;

        margin: 0rem;
        padding: 0rem;

        list-style: none;
    }

    .information-property > ul > li
    {
        position: relative;
        float: left;

        width: 100%;

        margin: 0rem;
        padding: 0rem;
        
        transition: all 0.25s ease;
    }

    .information-property > ul > li > .area
    {
        position: relative;
        float: left;

        width: 50%;

        margin: 0rem 0rem 0rem 0rem;
        padding: 0rem 0rem 0rem 0rem;

        font-size: 93.75%;
        font-weight: var(--theme-fw-medium);
        text-transform: uppercase;
        letter-spacing: 0.1rem;
    }

    .information-property > ul > li > .area > span
    {
        position: relative;
        float: left;
    }

    .information-property > ul > li > .area > span::after
    {
        content: '/';
        
        margin: 0rem 0.75rem;
    }

    .information-property > ul > li > .area > span:last-child::after
    {
        content: '';
        
        margin: 0rem 0rem;
    }

    .information-property > ul > li > .area > span.icon
    {
        font-size: var(--theme-fs);
    }

    .information-property > ul > li > .area > span.icon::after
    {
        content: '';
        
        margin: 0rem 0.75rem 0rem 0rem;
    }

    .information-property > ul > li > .area > span.icon::before
    {
        font-family: 'Font Awesome 5 Pro';
        font-weight: var(--theme-fw-bold);
        line-height: inherit;   
    }

    .information-property > ul > li > .area > span.icon.icon-map-pin::before
    {
        content: '\f3c5';  
    }

    .information-property > ul > li > .title
    {
        position: relative;
        float: left;

        width: 50%;

        margin: 0rem 0rem 0rem 0rem;
        padding: 0rem 1.5rem 0rem 0rem;

        font-size: 93.75%;
        font-weight: var(--theme-fw-medium);
    }

    .information-property > ul > li > .title::before
    {
        position: relative;
        float: right;
        
        content: ':';
    }

    .information-property > ul > li > .info
    {
        position: relative;
        float: left;

        width: 50%;

        margin: 0rem 0rem 0rem 0rem;
        padding: 0rem 0rem 0rem 0rem;

        font-size: 93.75%;
    }

    .information-property > ul > li > .info > span
    {
        display: block;
    }

    .information-property > ul > li > .info > span.id
    {
        font-weight: var(--theme-fw-medium);
    }

    .information-property > ul > li > .info > span.date-edit
    {
        
    }


    /* 
    COLOR SETTINGS
    ================================================== */
    .information-property                                        { background-color: var(--theme-body-background-white); }
    .information-property      > ul > li:hover                   { background-color: var(--theme-body-sub-background-active); }
    .information-property      > ul > li > .area                 { color: var(--theme-body-color); }

    .information-property      > ul > li > .area 	a,
    .information-property      > ul > li > .area 	a:visited    { color: var(--theme-body-color); }
    .information-property      > ul > li > .area 	a:hover      { color: var(--theme-custom-color); }
    .information-property      > ul > li > .area  > span.icon    { color: var(--theme-custom-color); }

    .information-property      > ul > li:first-child             { border-top: 0.1rem solid var(--theme-body-sub-border); }
    .information-property      > ul > li                         { border-bottom: 0.1rem solid var(--theme-body-sub-border); }
    .information-property      > ul > li > .title                { color: var(--theme-body-color-title); }
    .information-property      > ul > li > .title.id             { color: var(--theme-color-red); }
    .information-property      > ul > li > .info  > span.id      { color: var(--theme-color-red); }


    /* 
    CLEARING
    ================================================== */
    .information-property::after
    {
        clear: both; display: block; visibility: hidden; content: ""; font-size: 0; width: 0; height: 0; line-height: 0;
    }


    /* ===============================================
    INFORMATION-FEATURE
    ================================================== */
    .information-feature
    {
        display: flex;
        overflow: hidden;
        
        width: 100%;
        height: var(--theme-lh);

        margin: 0rem 0rem 0rem 0rem;
    }

    .information-feature .icon
    {
        position: relative;
        float: left;

        max-width: 3.0rem;

        margin: 0rem;
        padding: 0rem;
    }

    .information-feature .info
    {
        position: relative;
        float: left;
    }


    /* 
    CLEARING
    ================================================== */
    .information-feature::after
    {
        clear: both; display: block; visibility: hidden; content: ""; font-size: 0; width: 0; height: 0; line-height: 0;
    }


    /* ===============================================
    INFORMATION-ACCOUNT
    ================================================== */
    .information-account
    {
        width: 100%;

        margin: 0rem 0rem 0rem 0rem;
    }

    .information-account ul
    {
        position: relative;
        float: left;

        width: 100%;

        margin: 0rem;
        padding: 0rem;

        list-style: none;
    }

    .information-account ul li
    {
        position: relative;
        float: left;
        display: flex;

        width: 100%;

        margin: 0rem;
        padding: 0rem;
    }

    .information-account ul li .icon
    {
        flex: inherit;

        width: var(--theme-lh);
        height: var(--theme-lh);

        margin: 0rem 0rem 0rem 0rem;
        padding: 0rem 0rem 0rem 0rem;

        text-align: center;

        transition: all 0.25s ease;
    }

    .information-account ul li .icon::before
    {
        font-family: 'Font Awesome 5 Pro';
        line-height: 1;
    }

    .information-account ul li:hover .icon
    {
        border-radius: 3.0rem;

        transform: rotate(360deg);
    }

    .information-account ul li .icon.icon-phone::before
    {
        content: '\f095';
    }

    .information-account ul li .icon.icon-fax::before
    {
        content: '\f1ac';
    }

    .information-account ul li .icon.icon-mobile::before
    {
        content: '\f10b';
    }

    .information-account ul li .icon.icon-whatsapp::before
    {
        content: '\f232';
        
        font-family: 'Font Awesome 5 Brands';
    }

    .information-account ul li .icon.icon-skype::before
    {
        content: '\f17e';
        
        font-family: 'Font Awesome 5 Brands';
    }

    .information-account ul li .icon.icon-email::before
    {
        content: '\f1d8';
    }

    .information-account ul li .icon.icon-address::before
    {
        content: '\f3c5';
    }

    .information-account ul li .info
    {
        flex: 1;
    }

    .information-account ul li .info span
    {
        display: inline-block;

        margin: 0rem 0rem 0rem 1.5rem;
        padding: 0rem 0rem 0rem 0rem;

        transition: all 0.25s ease;
    }

    .information-account ul li .info.title span
    {
        font-weight: var(--theme-fw-medium);
    }


    /* 
    COLOR SETTINGS
    ================================================== */
    .information-account         li:first-child                                  { border-top: 0.1rem solid var(--theme-body-sub-border); }
    .information-account         li                                              { border-bottom: 0.1rem solid var(--theme-body-sub-border); }

    .information-account      ul li         .icon                                { background-color: var(--theme-body-sub-background-active); color: var(--theme-body-color); box-shadow: var(--theme-body-shadow); }
    .information-account      ul li:hover   .icon                                { color: var(--theme-custom-color); }

    .information-account      ul li         .info 	         span                { color: var(--theme-body-color); }
    .information-account      ul li         .info 	         span a,
    .information-account      ul li         .info 	         span a:visited      { color: var(--theme-body-color); }
    .information-account      ul li         .info 	         span a:hover        { color: var(--theme-custom-color); }

    .information-account      ul li         .info.title 	 span                { color: var(--theme-body-color-title); }
    .information-account      ul li         .info.title 	 span a,
    .information-account      ul li         .info.title 	 span a:visited      { color: var(--theme-body-color-title); }
    .information-account      ul li         .info.title 	 span a:hover        { color: var(--theme-custom-color); }


    /* 
    CLEARING
    ================================================== */
    .information-account::after
    {
        clear: both; display: block; visibility: hidden; content: ""; font-size: 0; width: 0; height: 0; line-height: 0;
    }


    /* ===============================================
    INFORMATION-EXCHANGE
    ================================================== */
    .information-exchange
    {
        width: 100%;

        margin: 0rem 0rem 0rem 0rem;
    }

    .information-exchange ul
    {
        position: relative;
        float: left;

        width: 100%;

        margin: 0rem;
        padding: 0rem;

        list-style: none;
    }

    .information-exchange ul li
    {
        position: relative;
        float: left;
        display: flex;

        width: 50%;

        margin: 0rem;
        padding: 0rem;
    }

    .information-exchange ul li .icon
    {
        flex: inherit;

        width: var(--theme-lh);
        height: var(--theme-lh);

        margin: 0rem 0rem 0rem 0rem;
        padding: 0rem 0rem 0rem 0rem;

        text-align: center;

        transition: all 0.25s ease;
    }

    .information-exchange ul li .icon::before
    {
        font-family: 'Font Awesome 5 Pro';
        line-height: 1;
    }

    .information-exchange ul li:hover .icon
    {
        border-radius: 3.0rem;

        transform: rotate(360deg);
    }

    .information-exchange ul li .icon.icon-buy::before
    {
        content: '\f107';
    }

    .information-exchange ul li .icon.icon-sell::before
    {
        content: '\f106';
    }

    .information-exchange ul li .icon.icon-usd::before
    {
        content: '\f155';
    }

    .information-exchange ul li .icon.icon-eur::before
    {
        content: '\f153';
    }

    .information-exchange ul li .icon.icon-gbp::before
    {
        content: '\f154';
    }

    .information-exchange ul li .info
    {
        flex: 1;
    }

    .information-exchange ul li .info span
    {
        display: block;

        margin: 0rem 0rem 0rem 1.5rem;
        padding: 0rem 0rem 0rem 0rem;

        transition: all 0.25s ease;
    }

    .information-exchange ul li .info.title span
    {
        font-weight: var(--theme-fw-medium);
    }


    /* 
    COLOR SETTINGS
    ================================================== */
    .information-exchange         li:first-child                                 { border-top: 0.1rem solid var(--theme-body-sub-border); }
    .information-exchange         li:nth-child(2)                                { border-top: 0.1rem solid var(--theme-body-sub-border); }
    .information-exchange         li                                             { border-bottom: 0.1rem solid var(--theme-body-sub-border); }

    .information-exchange      ul li         .icon                               { background-color: var(--theme-body-sub-background-active); color: var(--theme-body-color); box-shadow: var(--theme-body-shadow); }
    .information-exchange      ul li:hover   .icon                               { color: var(--theme-custom-color); }

    .information-exchange      ul li         .info 	        span                 { color: var(--theme-body-color); }
    .information-exchange      ul li         .info 	        span a,
    .information-exchange      ul li         .info 	        span a:visited       { color: var(--theme-body-color); }
    .information-exchange      ul li         .info 	        span a:hover         { color: var(--theme-custom-color); }

    .information-exchange      ul li         .info.title 	span                 { color: var(--theme-body-color-title); }
    .information-exchange      ul li         .info.title 	span a,
    .information-exchange      ul li         .info.title 	span a:visited       { color: var(--theme-body-color-title); }
    .information-exchange      ul li         .info.title 	span a:hover         { color: var(--theme-custom-color); }


    /* 
    CLEARING
    ================================================== */
    .information-exchange::after
    {
        clear: both; display: block; visibility: hidden; content: ""; font-size: 0; width: 0; height: 0; line-height: 0;
    }


    /* ===============================================
    LIST-FILTER
    ================================================== */
    .list-filter
    {
        position: relative;
        float: left;

        width: 100%;

        margin: 0rem 0rem var(--theme-lh) 0rem;
    }

    .list-filter .filter-section
    {
        position: relative;
        float: left;

        width: 100%;

        margin: 0.1rem 0rem 0rem 0rem;
        padding: 0rem;
    }

    .list-filter .filter-section:first-child
    {
        margin: 0rem;
    }

    .list-filter .filter-section .section
    {
        position: relative;
        float: left;

        width: 100%;

        margin: 0rem;
        padding: 0rem;
    }

    .list-filter .filter-section .section > a
    {
        display: block;

        cursor: auto;

        margin: 0rem;
        padding: var(--theme-lh-x0-5) 4.5rem var(--theme-lh-x0-5) 1.5rem;
        
        font-weight: var(--theme-fw-medium);
        
        background-image: none;
    }

    .list-filter .filter-section .section span
    {
        position: absolute;
        display: block;

        top: 0rem;
        right: 0rem;

        margin: 0rem;
        padding: 0rem;
    }

    .list-filter .filter-section .section > span a
    {
        display: block;

        visibility: hidden;
        opacity: 0;

        min-width: var(--theme-lh-x1-5);

        padding: var(--theme-lh-x0-5) 1.5rem;
        margin: 0rem 0rem;
        
        text-align: center;
        vertical-align: middle;
        
        background-image: none;
    }

    .list-filter .filter-section:hover .section > span a
    {
        visibility: visible;
        opacity: 1;
    }

    .list-filter .filter-section .section > span a::before
    {
        content: '\f13a';
        
        font-family: 'Font Awesome 5 Pro';
        line-height: 1;
    }

    .list-filter .filter-section .section > span.plus a::before 
    {
        content: '\f13a';
    }

    .list-filter .filter-section .section > span.minus a::before 
    {
        content: '\f056';
    }

    .list-filter .filter-section .option
    {
        position: relative;
        float: left;

        overflow: hidden;

        width: 100%;

        margin: var(--theme-lh-x0-25) 0rem;
        padding: 0rem;
    }

    .list-filter .filter-section .option .content
    {
        display: inline-grid;
        overflow: auto;

        width: 100%;
        max-height: 30.0rem;

        margin: var(--theme-lh-x0-25) 0rem;
        padding: 0rem 1.5rem;
    }

    .list-filter .filter-section .option .content::-webkit-scrollbar
    {
        width: 0.5rem;
    }

    .list-filter .filter-section .option .content input[type="text"],
    .list-filter .filter-section .option .content input[type="number"],
    .list-filter .filter-section .option .content select
    {
        display: block;

        width: 100%;
    }    

    .list-filter .filter-section .option .content label
    {
        display: flex;
        align-items: baseline;

        width: 100%;
        
        font-size: 80.00%;
    }  

    .list-filter .filter-section .area-district
    {
        position: relative;
        float: left;
        
        width: 100%;
        min-height: 20.0rem;
    }

    .list-filter .filter-section .nav ul
    {
        position: relative;
        float: left;

        width: 100%;

        margin: 0rem;
        padding: 0rem;

        list-style: none;
    }

    .list-filter .filter-section .nav ul ul ul
    {
        overflow: auto;
        
        max-height: 30.0rem;
        
        margin: var(--theme-lh-x0-5) 0rem;
    }

    .list-filter .filter-section .nav ul ul ul::-webkit-scrollbar
    {
        width: 0.5rem;
    }

    .list-filter .filter-section .nav ul li
    {
        position: relative;
        float: left;

        width: 100%;

        margin: 0rem;
        padding: 0rem;    
    }

    .list-filter .filter-section .nav li > a
    {
        display: block;

        margin: 0rem;
        padding: var(--theme-lh-x0-25) 4.5rem var(--theme-lh-x0-25) 1.5rem;

        font-size: 93.75%;

        background-image: none;
    }

    .list-filter .filter-section .nav li li li > a
    {
        padding-top: 0rem;
        padding-bottom: 0rem;
        
        font-size: 80.0%;
    }

    .list-filter .filter-section .nav li > a::before
    {
        padding-right: 1.5rem;

        font-family: 'Font Awesome 5 Pro';
        line-height: 1;
    }

    .list-filter .filter-section .nav li > a::before 
    {
        content: '\f0c9';
    }

    .list-filter .filter-section .nav li li > a::before
    {
        content: '\f0da';
    }

    .list-filter .filter-section .nav li li li > a::before
    {
        content: '\f105';
    }

    .list-filter .filter-section .nav li i.total
    {
        margin: 0rem 0rem 0rem 0.75rem;
        padding: 0rem 0.75rem 0rem 0.75rem;

        font-size: 87.5%;
        line-height:1;
        font-style: normal;
    }

    .list-filter .filter-section .nav ul li > span
    {
        position: absolute;
        display: block;

        top: 0rem;
        right: 0rem;

        margin: 0rem;
        padding: 0rem;
    }

    .list-filter .filter-section .nav ul li > span a
    {
        display: block;

        min-width: var(--theme-lh-x1-5);

        padding: var(--theme-lh-x0-25) var(--theme-lh-x0-5);
        margin: 0rem 0rem;

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

        background-image: none;
    }

    .list-filter .filter-section .nav ul li > span a::before
    {
        content: '\f13a';

        font-family: 'Font Awesome 5 Pro';
        line-height: 1;
    }

    .list-filter .filter-section .nav ul li > span.plus a::before 
    {
        content: '\f13a';
    }

    .list-filter .filter-section .nav ul li > span.minus a::before 
    {
        content: '\f056';
    }

    .list-filter .filter-section .nav ul li > a              { padding-left: 4.5rem;  text-indent: -2.8rem;  font-weight: var(--theme-fw-medium); }
    .list-filter .filter-section .nav li li > a              { padding-left: 7.0rem;  text-indent: -2.3rem;  font-weight: var(--theme-fw-medium); }
    .list-filter .filter-section .nav li li li > a           { padding-left: 9.5rem;  text-indent: -2.1rem;  font-weight: var(--theme-fw-regular); }

    .list-filter .filter-button
    {
        position: relative;
        float: left;

        width: 100%;

        margin: var(--theme-lh-x0-5) 0rem 0rem 0rem;
        padding: var(--theme-lh-x0-5) 1.5rem;
    }


    /* 
    COLOR SETTINGS
    ================================================== */
    .list-filter    .filter-section                                                                    { background-color: var(--theme-body-sub-background-active); }
    .list-filter    .filter-section       .section >                    a,
    .list-filter    .filter-section       .section >                    a:visited                      { background-color: var(--theme-body-sub-background-active); color: var(--theme-body-color-title); }
    .list-filter    .filter-section:hover .section >                    a,
    .list-filter    .filter-section       .section:hover >              a                              { background-color: var(--theme-body-sub-background); color: var(--theme-body-color-title); }

    .list-filter    .filter-section       .section >              span  a,
    .list-filter    .filter-section       .section >              span  a:visited                      { background-color: var(--theme-body-sub-background-active); color: var(--theme-body-color-title); border-left: 0.1rem solid var(--theme-body-border-white); }
    .list-filter    .filter-section:hover .section >              span  a                              { background-color: var(--theme-body-sub-background); }
    .list-filter    .filter-section       .section >              span  a:hover                        { background-color: var(--theme-body-sub-background-hover); }
    .list-filter    .filter-section       .section >              span  a:active                       { background-color: var(--theme-body-sub-background-active); }

    .list-filter    .filter-section       .option .content label                                       { color: var(--theme-body-color); border-bottom: 0.1rem solid var(--theme-body-border-white); }
    .list-filter    .filter-section       .option .content label:hover                                 { color: var(--theme-custom-color); background-color: var(--theme-body-background-white); }
    .list-filter    .filter-section       .option .content label:last-child                            { border-bottom: none; }

    .list-filter    .filter-section       .option .content::-webkit-scrollbar-track                    { background-color: var(--theme-body-sub-background-active); }
    .list-filter    .filter-section       .option .content::-webkit-scrollbar-thumb                    { background-color: var(--theme-custom-background); }

    .list-filter    .filter-section       .nav         ul li                                           { border-bottom: 0.1rem solid var(--theme-body-border-white); }
    .list-filter    .filter-section       .nav         ul li:last-child                                { border-bottom: 0rem solid var(--theme-body-border-white); }

    .list-filter    .filter-section       .nav:hover   li.active >             a                       { background-color: var(--theme-body-sub-background-active); color: var(--theme-body-color); }
    .list-filter    .filter-section       .nav         li >                    a,
    .list-filter    .filter-section       .nav         li >                    a:visited               { background-color: var(--theme-body-sub-background-active); color: var(--theme-body-color); }
    .list-filter    .filter-section       .nav         li:hover >              a,
    .list-filter    .filter-section       .nav         li.active:hover >       a,
    .list-filter    .filter-section       .nav         li.active >             a                       { background-color: var(--theme-body-sub-background); color: var(--theme-body-color); }

    .list-filter    .filter-section       .nav         li                      i.total                 { background-color: var(--theme-body-sub-background); color: var(--theme-custom-color); border-radius: 1.0rem; }

    .list-filter    .filter-section       .nav:hover   li.active >             span    a               { background-color: var(--theme-body-sub-background-active); color: var(--theme-body-color); }
    .list-filter    .filter-section       .nav         li >                    span    a,
    .list-filter    .filter-section       .nav         li >                    span    a:visited       { background-color: var(--theme-body-sub-background-active); color: var(--theme-body-color); border-left: 0.1rem solid var(--theme-body-border-white); }
    .list-filter    .filter-section       .nav         li:hover >              span    a,
    .list-filter    .filter-section       .nav         li.active:hover >       span    a,
    .list-filter    .filter-section       .nav         li.active >             span    a               { background-color: var(--theme-body-sub-background); color: var(--theme-body-color); }

    .list-filter    .filter-section       .nav         li.active >             span    a:hover,
    .list-filter    .filter-section       .nav         li >                    span    a:hover         { background-color: var(--theme-body-sub-background-hover); }
    .list-filter    .filter-section       .nav         li.active >             span    a:active,
    .list-filter    .filter-section       .nav         li >                    span    a:active        { background-color: var(--theme-body-sub-background-active); }

    .list-filter    .filter-section       .nav         ul ul ul::-webkit-scrollbar-track               { background-color: var(--theme-body-sub-background-active); }
    .list-filter    .filter-section       .nav         ul ul ul::-webkit-scrollbar-thumb               { background-color: var(--theme-custom-background); }

    .list-filter    .filter-button                                                                     { background-color: var(--theme-body-sub-background-active); }


    /* ===============================================
    CARD
    ================================================== */
    .card 
    {
        position: relative;
        float: left;
        
        display: flex;
        flex-direction: column;

        width: 100%;

        margin: 0rem 0rem var(--theme-lh) 0rem;
        padding: var(--theme-lh-x0-5) 0rem;
        
        text-align: center;
        
        transition: transform 0.25s ease;
    }

    .card:hover
    {
        transform: translateY(var(--theme-lh-x0-5-minus));
    }

    .card .card-image
    {
        position: relative;
        
        display: inline-block;
        
        /*width: 6.5rem;*/
        height: 6.5rem;
        
        margin: var(--theme-lh) 1.5rem var(--theme-lh-x0-5) 1.5rem;
        
        text-align: center;
    }

    .card .card-image img
    {
        position: relative;
        
        z-index: 2;
        
        width: auto;
        height: 6.5rem;
    }

    .card .card-image:before
    {
        content: "";
        position: absolute;

        top: 0; left: 0; bottom: 0; right: 0;
        
        margin: auto;
        
        z-index: 1;
        
        width: 8.0rem;
        height: 8.0rem;
        
        border-radius: 1.0rem;
        
        transition: all 0.25s ease;
    }

    .card:hover .card-image:before
    {        
        width: 10.0rem;
        height: 10.0rem;
        
        border-radius: 10.0rem;
        
        transform: rotate(360deg);
    }

    .card .card-image.remove-box:before
    {
        content: none;
    }

    .card .card-content 
    {
        display: grid;
    }

    .card .card-title 
    {
        display: block;
        
        margin: var(--theme-lh-x0-5) 1.5rem;

        max-width: 100%;
    }

    .card .card-title h1,
    .card .card-title h2,
    .card .card-title h3,
    .card .card-title h4,
    .card .card-title h5
    {
        margin-bottom: 0rem;
        
        font-size: 137.5%;
    }

    .card .card-desc 
    {
        display: block;
        overflow: hidden;
        
        margin: var(--theme-lh-x0-5) 1.5rem;

        max-width: 100%;
        /*min-height: var(--theme-lh-x4);*/
        max-height: var(--theme-lh-x4);
    }

    .card .card-desc p:last-child
    {
        margin-bottom: 0rem;
    }

    .card .card-desc.one-line 
    {
        min-height: var(--theme-lh);
        max-height: var(--theme-lh);
    }

    .card .card-link
    {
        display: block; 
        
        margin: var(--theme-lh-x0-5) 1.5rem var(--theme-lh-x0-5) 1.5rem;

        max-width: 100%;
    }

    .card .card-link span
    {        
        margin-right: 1.5rem;
        
        transition: all 0.25s ease;
    }

    .card .card-link span:last-child
    {
        margin-right: 0rem;
    }

    .card .card-link span.icon::before
    {
        margin-right: 0.75rem;

        font-family: 'Font Awesome 5 Pro';
        line-height: 1;
    }

    .card .card-link span.icon.icon-arrow::before
    {
        content: '\f178';
    }

    .card .card-link span i
    {
        margin-right: 0.75rem;
    }

    .card .card-button
    {
        display: block;
        
        margin: var(--theme-lh-x0-5) 1.5rem 0rem 1.5rem;

        max-width: 100%;
    }

    .card .card-button a
    {
        margin-right: 1.5rem;
        margin-bottom: var(--theme-lh-x0-5);
    }

    .card .card-button a:last-child
    {
        margin-right: 0rem;
    }


    /* 
    COLOR SETTINGS
    ================================================== */
    .card                                                       { background-color: var(--theme-body-background-white); box-shadow: var(--theme-body-shadow); }

    .card                 .card-image:before                    { background-color: var(--theme-body-background-white); box-shadow: var(--theme-body-shadow); }

    .card                 .card-title h1,
    .card                 .card-title h2,
    .card                 .card-title h3,
    .card                 .card-title h4,
    .card                 .card-title h5                        { color: var(--theme-body-color-title); }

    .card                 .card-title a,
    .card                 .card-title a:visited                 { color: var(--theme-body-color-title); }
    .card                 .card-title a:hover                   { color: var(--theme-custom-color); }
    
    .card                 .card-desc                            { color: var(--theme-body-color); }

    .card                 .card-link span::before               { color: var(--theme-custom-color); }

    .card                 .card-link                            { color: var(--theme-body-color); }
    .card                 .card-link a,
    .card                 .card-link a:visited                  { color: var(--theme-body-color); }
    .card                 .card-link a:hover                    { color: var(--theme-custom-color); }


    /* ===============================================
    CARD-3
    ================================================== */
    .card-3 
    {
        position: relative;
        float: left;
        
        display: flex;
        flex-direction: column;

        width: 100%;

        margin: 0rem 0rem var(--theme-lh) 0rem;
        
        text-align: center;
        
        transition: transform 0.25s ease;
    }

    .card-3:hover
    {
        transform: translateY(var(--theme-lh-x0-5-minus));
    }

    .card-3 .card-image
    {
        position: relative;
        
        display: inline-block;
        
        /*width: 6.5rem;*/
        height: 6.5rem;
        
        margin: var(--theme-lh) 1.5rem var(--theme-lh-x0-5) 1.5rem;
        
        text-align: center;
    }

    .card-3 .card-image img
    {
        position: relative;
        
        z-index: 2;
        
        width: auto;
        height: 6.5rem;
    }

    .card-3 .card-image:before
    {
        content: "";
        position: absolute;

        top: 0; left: 0; bottom: 0; right: 0;
        
        margin: auto;
        
        z-index: 1;
        
        width: 8.0rem;
        height: 8.0rem;
        
        border-radius: 1.0rem;
        
        transition: all 0.25s ease;
    }

    .card-3:hover .card-image:before
    {        
        width: 10.0rem;
        height: 10.0rem;
        
        border-radius: 10.0rem;
        
        transform: rotate(360deg);
    }

    .card-3 .card-image.remove-box:before
    {
        content: none;
    }

    .card-3 .card-title 
    {
        display: block;
        
        margin: var(--theme-lh-x0-5) 1.5rem;

        max-width: 100%;
    }

    .card-3 .card-title h1,
    .card-3 .card-title h2,
    .card-3 .card-title h3,
    .card-3 .card-title h4,
    .card-3 .card-title h5
    {
        margin-bottom: 0rem;
        
        font-size: 137.5%;
    }

    .card-3 .card-title.font-size-normal h1,
    .card-3 .card-title.font-size-normal h2,
    .card-3 .card-title.font-size-normal h3,
    .card-3 .card-title.font-size-normal h4,
    .card-3 .card-title.font-size-normal h5
    {        
        font-size: 100%;
    }

    .card-3 .card-desc 
    {
        display: block;
        overflow: hidden;
        
        margin: var(--theme-lh-x0-5) 1.5rem;

        max-width: 100%;
        /*min-height: var(--theme-lh-x4);*/
        /*max-height: var(--theme-lh-x4);*/
    }

    .card-3 .card-desc p:last-child
    {
        margin-bottom: 0rem;
    }

    .card-3 .card-desc.one-line 
    {
        min-height: var(--theme-lh);
        max-height: var(--theme-lh);
    }

    .card-3 .card-link
    {
        display: block; 
        
        margin: var(--theme-lh-x0-5) 1.5rem var(--theme-lh-x0-5) 1.5rem;

        max-width: 100%;
    }

    .card-3 .card-link span
    {        
        margin-right: 1.5rem;
        
        transition: all 0.25s ease;
    }

    .card-3 .card-link span:last-child
    {
        margin-right: 0rem;
    }

    .card-3 .card-link span.icon::before
    {
        margin-right: 1.5rem;

        font-family: 'Font Awesome 5 Pro';
        line-height: 1;
    }

    .card-3 .card-link span.icon.page-read::before
    {
        content: '\f4d5';
        
        font-family: 'Font Awesome 5 Brands';
    }

    .card-3 .card-link span.icon.page-child::before
    {
        content: '\f03a';
    }

    .card-3 .card-link span.icon.page-detail::before
    {
        content: '\f061';
    }

    .card-3 .card-link span.icon.property-account-portfolio::before
    {
        content: '\f4d9';
    }

    .card-3 .card-link span.icon.property-exchange-bank::before
    {
        content: '\f19c';
    }

    .card-3 .card-link span i
    {
        margin-right: 0.75rem;
    }

    .card-3 .card-button
    {
        display: block;
        
        margin: var(--theme-lh-x0-5) 1.5rem;

        max-width: 100%;
    }

    .card-3 .card-button a
    {
        margin-right: 1.5rem;
        margin-bottom: 0rem;
    }

    .card-3 .card-button a:last-child
    {
        margin-right: 0rem;
    }


    /* 
    COLOR SETTINGS
    ================================================== */
    .card-3                                                       { background-color: var(--theme-body-background-white); }

    .card-3                 .card-image:before                    { background-color: var(--theme-body-background-white); box-shadow: var(--theme-body-shadow); }

    .card-3                 .card-title h1,
    .card-3                 .card-title h2,
    .card-3                 .card-title h3,
    .card-3                 .card-title h4,
    .card-3                 .card-title h5                        { color: var(--theme-body-color-title); }

    .card-3                 .card-title a,
    .card-3                 .card-title a:visited                 { color: var(--theme-body-color-title); }
    .card-3                 .card-title a:hover                   { color: var(--theme-custom-color); }
    
    .card-3                 .card-desc                            { color: var(--theme-body-color); }

    .card-3                 .card-link span::before               { color: var(--theme-custom-color); }

    .card-3                 .card-link                            { color: var(--theme-body-color); }
    .card-3                 .card-link a,
    .card-3                 .card-link a:visited                  { color: var(--theme-body-color); }
    .card-3                 .card-link a:hover                    { color: var(--theme-custom-color); }


    /* ===============================================
    CONTENT-BOX
    ================================================== */
    .content-box 
    {
        position: relative;
        float: left;

        display: flex;
        flex-wrap: wrap;

        width: 100%;

        margin: 0rem 0rem var(--theme-lh-x2) 0rem;
        padding: 0rem;

        border-radius: 15px;
    overflow: hidden;
    }

    .content-box.no-flex
    {
        display: block;
    }

    .content-box .no-record-found
    {
        width: 100%;

        padding: var(--theme-lh-x2) 1.5rem;

        text-align: center;
    }

    .content-box .box-left
    {
        position: relative;
        float: left;

        width: 100%;
    }

    .content-box .box-right
    {
        position: relative;
        float: left;
        
        display: flex;
        flex-direction: column;

        width: 100%;
    }

    .content-box .box-image
    {
        position: relative;
        display: block;
        overflow: hidden;

        width: 100%;
        height: 100%;
    }

    .content-box.property-fav-area .box-image
    {
        max-height: 25.0rem;
    }

    .content-box.property-fav-area .box-image-caption::after
    {
        position: absolute;
        display: block;
        content: '';
        
        top: 0rem;
        left: 0rem;

        width: 100%;
        height: 100%;
        
        transition: all 0.25s ease;
    }

    .content-box.property-fav-area:hover .box-image-caption::after
    {
        top: 100%;
    }

    .content-box .box-image-caption
    {
        position: relative;
        display: block;
        overflow: hidden;

        width: 100%;
        height: 100%;

        /*transform: translate3d(0, 0, 0);*/
    }

    .content-box .box-image-info
    {
        position: absolute;
        display: block;
        overflow: hidden;
        
        bottom: 0rem;
        left: 0rem;
        
        padding: var(--theme-lh-x0-5) 1.5rem var(--theme-lh-x0-5) 1.5rem;

        width: 100%;
        height: 50%;
        
        text-align: center;
    }

    .content-box .box-image-info h1,
    .content-box .box-image-info h2,
    .content-box .box-image-info h3,
    .content-box .box-image-info h4,
    .content-box .box-image-info h5
    {
        margin-bottom: var(--theme-lh-x0-5);
        
        font-size: 125%;
        line-height: inherit;
    }

    .content-box .box-image-info p
    {
        margin-bottom: 0rem;
        
        font-size: 90%;
        font-weight: var(--theme-fw-medium);
        text-transform: uppercase;
        letter-spacing: 0.1rem;
    }

    .content-box .box-image-info a
    {
        display: block;
    }

    .content-box .box-image a
    {
        padding: 0rem 0rem;
        
        background-image: none;
    }

    .content-box .box-image img
    {
        display: block;
        margin: auto;

        width: 100%;
        height: 100%;

        object-fit: cover;

        filter: brightness(100%);

        /*transform: scale(1.0);*/

        transition: filter 0.25s ease, transform 0.25s linear;
    }

    .content-box:hover .box-image img
    {
        filter: brightness(120%);

        /*transform: scale(1.2);*/
    }

    .content-box .box-image .box-label
    {
        position: absolute;
        display: flex;

        vertical-align: middle;
    }

    .content-box .box-image .box-label.auto-hide
    {
        visibility: hidden;
        opacity: 0;

        transition: opacity 0.25s ease;
    }

    .content-box:hover .box-image .box-label.auto-hide
    {
        visibility: visible;
        opacity: 1;
    }

    .content-box .box-image .box-label.hover-hide
    {
        visibility: visible;
        opacity: 1;

        transition: opacity 0.25s ease;
    }

    .content-box:hover .box-image .box-label.hover-hide
    {
        visibility: hidden;
        opacity: 0;
    }

    .content-box .box-image .box-label.top-left       { top: 1.5rem;      left: 1.5rem; }
    .content-box .box-image .box-label.top-right      { top: 1.5rem;      right: 1.5rem; }
    .content-box .box-image .box-label.bottom-left    { bottom: 1.5rem;   left: 1.5rem; }
    .content-box .box-image .box-label.bottom-right   { bottom: 1.5rem;   right: 1.5rem; }

    .content-box .box-image .box-label span 
    {
        display: inline-block;
        overflow: hidden;

        padding: 0rem 1.5rem;
        margin: 0rem 0.75rem 0rem 0rem;
        
        max-height: var(--theme-lh);
        
        font-size: 90%;
        font-weight: var(--theme-fw-medium);
        line-height: var(--theme-lh);
        text-transform: uppercase;
        letter-spacing: 0.1rem;
    }

    .content-box .box-image .box-label.top-left
    {        
        top: 35px;
        left: -50px;
        
        width: 20rem;
        
        text-align: center;
        
        transform: rotate(-45deg);
    }

    .content-box .box-image .box-label.top-left span
    {
        position: relative;
        float: left;
        
        width: 20rem;
        
        text-align: center;
    }

    .content-box .box-image .box-label span:last-child 
    {
        margin-right: 0rem;
    }

    .content-box .box-map
    {
        display: block;

        width: 100%;
        height: auto;
    }

    .content-box .box-video
    {
        display: block;

        width: 100%;
        height: auto;
    }

    .content-box .box-title 
    {
        display: block;
        
        margin: var(--theme-lh) 1.5rem 0rem 1.5rem;

        max-width: 100%;
    }

    .content-box .box-title h1,
    .content-box .box-title h2,
    .content-box .box-title h3,
    .content-box .box-title h4,
    .content-box .box-title h5
    {
        margin-bottom: 0rem;
        
        font-size: 112.5%;    
        line-height: inherit;
        text-align: center;
    }

    .content-box .box-title .subtitle 
    {
        display: block;
        
        margin-top: var(--theme-lh-x0-5);

        max-width: 100%;
        
        font-size: 90%;
        font-weight: var(--theme-fw-medium);
        text-transform: uppercase;
        letter-spacing: 0.1rem;
    }

    .content-box .box-title .subtitle span 
    {
        display: inline-block;
        
        margin-right: 1.5rem;
        
        transition: all 0.25s ease;
    }

    .content-box .box-title .subtitle span:last-child 
    {
        margin-right: 0rem;
    }

    .content-box .box-title .subtitle a
    {
        font-weight: var(--theme-fw-medium);
    }

    .content-box .box-title .subtitle span::after
    {
        content: '/';
        
        margin: 0rem 0.75rem;
    }

    .content-box .box-title .subtitle span:last-child::after
    {
        content: '';
        
        margin: 0rem 0rem;
    }

    .content-box .box-title .subtitle span.icon 
    {
        font-size: var(--theme-fs);
    }

    .content-box .box-title .subtitle span.icon::after
    {
        content: '';
        
        margin: 0rem 0rem 0rem 0rem;
    }

    .content-box .box-title .subtitle span.icon::before
    {
        display: inline-block;
        
        margin-right: 0.75rem;
        
        width: 3.0rem;
        
        font-family: 'Font Awesome 5 Pro';
        font-weight: var(--theme-fw-bold);
        line-height: inherit;
        text-align: center;
    }

    .content-box .box-title .subtitle span.icon.icon-map-pin::before
    {
        content: '\f3c5';  
    }

    .content-box .box-title .subtitle span.icon.icon-blog-calendar::before 
    {
        content: '\f073';
    }

    .content-box .box-title .subtitle span i
    {
        margin-right: 0.75rem;
    }

    .content-box .box-desc 
    {
        display: block;
        
        margin: var(--theme-lh-x0-5) 1.5rem var(--theme-lh-x0-5) 1.5rem;

        max-width: 100%;
        text-align: center;
    }

    .content-box .box-desc p:last-child
    {
        margin-bottom: 0rem;
    }

    .content-box .box-link
    {
        display: flex; 
        flex: auto;
        
        margin: var(--theme-lh-x0-5) 1.5rem var(--theme-lh-x0-5) 1.5rem;

        max-width: 100%;
    }

    .content-box .box-link span
    {
        align-self: flex-end;
        
        margin-right: 1.5rem;
        
        transition: all 0.25s ease;
    }

    .content-box .box-link span:last-child
    {
        margin-right: 0rem;
    }

    .content-box .box-link span.icon::before
    {
        margin-right: 0.75rem;

        font-family: 'Font Awesome 5 Pro';
        font-weight: var(--theme-fw-bold);
        line-height: 1;
    }

    .content-box .box-link span.icon.icon-page-read::before
    {
        content: '\f518';
    }

    .content-box .box-link span.icon.icon-page-child::before
    {
        content: '\f03a';
    }

    .content-box .box-link span.icon.icon-property-account-portfolio::before
    {
        content: '\f4d9';
    }

    .content-box .box-link span.icon.icon-property-exchange-bank::before
    {
        content: '\f19c';
    }

    .content-box .box-link span i
    {
        margin-right: 0.75rem;
    }

    .content-box .box-info
    {
        display: block;
        
        margin: var(--theme-lh-x0-5) 1.5rem var(--theme-lh-x0-5) 1.5rem;

        max-width: 100%;
    }

    .content-box .box-info span
    {
        display: inline-block;
        
        margin-right: 1.5rem;
        
        transition: all 0.25s ease;
    }

    .content-box .box-info span.icon::before
    {
        display: inline-block;
        
        margin-right: 0.75rem;
        
        width: 3.0rem;
        
        font-family: 'Font Awesome 5 Pro';
        font-weight: var(--theme-fw-bold);
        line-height: inherit;
        text-align: center;
    }

    .content-box .box-info span.icon.icon-property-m2::before 
    {
        content: '\f61c';
    }

    .content-box .box-info span.icon.icon-property-bed::before 
    {
        content: '\f8f7';
    }

    .content-box .box-info span.icon.icon-property-bath::before 
    {
        content: '\f2cd';
    }

    .content-box .box-info span.icon.icon-property-deed::before 
    {
        content: '\f15c';
    }

    .content-box .box-info span.icon.icon-property-star::before 
    {
        content: '\f005';
    }

    .content-box .box-info span.icon.icon-property-hotel-room::before 
    {
        content: '\f594';
    }

    .content-box .box-info span:last-child
    {
        margin-right: 0rem;
    }

    .content-box .box-info span i
    {
        margin-right: 0.75rem;
    }

    .content-box .box-line
    {
        display: flex;

        width: 100%;
        height: 0rem;
    }

    .content-box .box-account
    {
        display: flex;
        
        margin: var(--theme-lh-x0-5) 1.5rem var(--theme-lh-x0-5) 1.5rem;

        max-width: 100%;
    }

    .content-box .box-account .box-account-image
    {
        flex: 0 0 var(--theme-lh-x2);
        overflow: hidden;

        width: var(--theme-lh-x2) !important;
        height: var(--theme-lh-x2) !important;
        
        border-radius: 5.0rem
    }

    .content-box .box-account .box-account-image a
    {
        padding: 0rem 0rem;
        
        background-image: none;
    }

    .content-box .box-account .box-account-image img
    {
        display: block;
        
        margin: auto;

        width: 100%;
        height: 100%;

        object-fit: cover;

        filter: brightness(100%);

        /*transform: scale(1.0);*/

        transition: filter 0.25s ease, transform 0.25s linear;
    }

    .content-box .box-account:hover .box-account-image img
    {
        filter: brightness(120%);

        /*transform: scale(1.2);*/
    }

    .content-box .box-account .box-account-info 
    {
        display: block;
        
        margin: 0rem 1.5rem;

        max-width: 100%;
        
        font-weight: var(--theme-fw-medium);
    }

    .content-box .box-account .box-account-info span 
    {
        display: block;
        overflow: hidden;

        max-width: 100%;
        max-height: var(--theme-lh);
    }

    .content-box .box-account .box-account-info span.title 
    {
        font-weight: var(--theme-fw-medium);
    }

    .content-box .box-account .box-account-info span.subtitle 
    {
        font-size: 90%;
        font-weight: var(--theme-fw-medium);
        text-transform: uppercase;
        letter-spacing: 0.1rem;
    }

    .content-box .box-button
    {
        display: block;
        
        margin: var(--theme-lh-x0-5) 1.5rem 0rem 1.5rem;

        max-width: 100%;
    }

    .content-box .box-button a
    {
        margin-right: 1.5rem;
        margin-bottom: var(--theme-lh-x0-5);
    }

    .content-box .box-button a:last-child
    {
        margin-right: 0rem;
    }

    .content-box .box-button-details
    {
        position: absolute;
        float: left;
        
        left: var(--theme-lh-x0-5);
        bottom: 2.25rem;
    }

    .content-box .box-button-details a
    {
        margin-right: 1.5rem;
    }

    .content-box .box-button-details a:last-child
    {
        margin-right: 0rem;
    }

    .content-box.details  .box-left                  { width: 40%; }
    .content-box.details  .box-right                 { width: 60%; }


    /* 
    COLOR SETTINGS
    ================================================== */
    .content-box                                                               { background-color: var(--theme-body-background-white); border-bottom: 0.1rem solid var(--theme-body-border); }

    .content-box.details            .box-left                                  { border-right: 0.1rem solid var(--theme-body-sub-border); }

    .content-box.property-fav-area  .box-image-caption::after                  { background: var(--theme-mask-linear-gradient-background); }

    .content-box                    .box-image-info h1,
    .content-box                    .box-image-info h2,
    .content-box                    .box-image-info h3,
    .content-box                    .box-image-info h4,
    .content-box                    .box-image-info h5                         { color: var(--theme-body-color-white); }

    .content-box                    .box-image-info p                          { color: var(--theme-body-color-white); }

    .content-box                    .box-image-info a,
    .content-box                    .box-image-info a:visited,
    .content-box                    .box-image-info a:hover                    { color: var(--theme-body-color-white); }

    .content-box                    .box-image .box-label        span,
    .content-box                    .box-image .box-label        span.theme    { background-color: var(--theme-custom-background); color: var(--theme-body-color-white); box-shadow: var(--theme-body-shadow); }
    .content-box                    .box-image .box-label        span.blue     { background-color: var(--theme-color-blue); }
    .content-box                    .box-image .box-label        span.green    { background-color: var(--theme-color-green); }
    .content-box                    .box-image .box-label        span.yellow   { background-color: var(--theme-color-yellow); }
    .content-box                    .box-image .box-label        span.red      { background-color: var(--theme-color-red); }
    .content-box                    .box-image .box-label        span.grey     { background-color: var(--theme-color-grey); }
    .content-box                    .box-image .box-label        span.soft     { background-color: var(--theme-body-background-white); color: var(--theme-body-color); }

    .content-box                    .box-title h1,
    .content-box                    .box-title h2,
    .content-box                    .box-title h3,
    .content-box                    .box-title h4,
    .content-box                    .box-title h5                              { color: var(--theme-body-color-title); }

    .content-box                    .box-title a,
    .content-box                    .box-title a:visited                       { color: var(--theme-body-color-title); }
    .content-box                    .box-title a:hover                         { color: var(--theme-custom-color); }

    .content-box                    .box-title .subtitle                       { color: var(--theme-body-color-subtitle); }
    .content-box                    .box-title .subtitle a,
    .content-box                    .box-title .subtitle a:visited             { color: var(--theme-body-color-subtitle); }
    .content-box                    .box-title .subtitle a:hover               { color: var(--theme-custom-color); }

    .content-box                    .box-title .subtitle span::before          { background-color: var(--theme-body-sub-background-active); color: var(--theme-custom-color); }

    .content-box                    .box-title .subtitle span.icon             { color: var(--theme-custom-color); }

    .content-box                    .box-link span::before                     { color: var(--theme-custom-color); }

    .content-box                    .box-link                                  { color: var(--theme-body-color-subtitle); }
    .content-box                    .box-link a,
    .content-box                    .box-link a:visited                        { color: var(--theme-body-color-subtitle); }
    .content-box                    .box-link a:hover                          { color: var(--theme-custom-color); }

    .content-box                    .box-info                                  { color: var(--theme-body-color); }

    .content-box                    .box-info span::before                     { background-color: var(--theme-body-sub-background-active); color: var(--theme-custom-color); }

    .content-box                    .box-line                                  { border-top: 0.1rem solid var(--theme-body-sub-border); }

    .content-box                    .box-account-image                         { box-shadow: var(--theme-body-shadow); }
    .content-box                    .box-account-info span.title               { color: var(--theme-body-color-title); }
    .content-box                    .box-account-info span.subtitle            { color: var(--theme-body-color-subtitle); }


    /* 
    RESPONSIVE SETTINGS
    ================================================== */
    @media handheld, only screen and (max-width: 767px)
    {
        .content-box.details  .box-left                                     { width: 100%; border-right: none; }
        .content-box.details  .box-right                                    { width: 100%; }
        .content-box.details  .box-right .box-info                          { margin: var(--theme-lh-x0-5) 1.5rem var(--theme-lh-x0-5) 1.5rem; }
    }


    /* 
    CLEARING
    ================================================== */
    .content-box::after
    {
        clear: both; display: block; visibility: hidden; content: ""; font-size: 0; width: 0; height: 0; line-height: 0;
    }


    /* ===============================================
    YANDEX-MAP PIN ANIMATION
    ================================================== */
    .map ymaps.ymaps-2-1-78-image::before
    {
        content: '';
        position: absolute;
        display: block;
        
        opacity: 1;        
        
        top: 100%;
        left: 0rem;
        
        margin-top: -1.8rem;
        
        width: 100%;
        height: 3.5rem;
        
        border-radius: 5.0rem;
        
        transform: rotateX(-60deg) scale(0);
        animation: scale_map_pin 1.5s ease-in-out 0s infinite normal;
    }


    /* 
    COLOR SETTINGS
    ================================================== */
    .map ymaps.ymaps-2-1-78-image::before                { background-color: var(--theme-color-red-active); }


    /* ===============================================
    ANIMATIONS
    ================================================== */
    @keyframes scale_map_pin
    {
        form
        {
            opacity: 1;
            transform: rotateX(-60deg) scale(0);
            filter: alpha(opacity=100);
        }
        to
        {
            opacity: 0;
            transform: rotateX(-60deg) scale(1.2);
            filter: alpha(opacity=0);
        }
    }


    /* ===============================================
    LATEST
    ================================================== */
    .latest
    {
        width: 100%;

        margin: 0rem 0rem 0rem 0rem;
    }

    .latest ul
    {
        position: relative;
        
        display: flex;
        flex-wrap: wrap;

        list-style: none;

        padding: 0rem;
        margin: 0rem;
    }

    .latest ul li
    {
        position: relative;
        float: left;
        
        flex: initial;

        width: 100%;

        margin: 0rem 0rem var(--theme-lh) 0rem;
    }

    .latest li .latest-image
    {
        position: relative;
        float: left;
        display: block;
        overflow: hidden;

        width: 14rem;
        height: auto;

        margin: 0rem 1.5rem 0rem 0rem;

        /*transform: translate3d(0, 0, 0);*/
    }

    .latest li .latest-image a
    {
        padding: 0rem 0rem;
        
        background-image: none;
    }

    .latest li .latest-image img
    {
        display: block;
        margin: auto;

        width: 100%;
        height: 100%;

        object-fit: cover;

        filter: brightness(100%);

        /*transform: scale(1.0);*/

        transition: filter 0.25s ease, transform 0.25s linear;
    }

    .latest li:hover .latest-image img
    {
        filter: brightness(120%);

        /*transform: scale(1.2);*/
    }

    .latest li .latest-content
    {
        display: block;
        overflow: hidden;
    }

    .latest li .latest-content h1,
    .latest li .latest-content h2,
    .latest li .latest-content h3,
    .latest li .latest-content h4,
    .latest li .latest-content h5
    {
        display: block;
        
        max-height: 6.0rem;
        
        margin-bottom: 0rem;

        font-size: 100%;
        line-height: inherit;
    }

    .latest li .latest-content .box-price
    {
        display: block;

        font-size: 90%;
        font-weight: var(--theme-fw-medium);
        text-transform: uppercase;
        line-height: var(--theme-lh);
        letter-spacing: 0.1rem;
    }


    /* 
    COLOR SETTINGS
    ================================================== */
    .latest         li      .latest-image                       { background-color: var(--theme-body-background-white); box-shadow: var(--theme-body-shadow); }

    .latest         li      .latest-content .box-price          { color: var(--theme-color-red); }

    .latest         li      .latest-content h1,
    .latest         li      .latest-content h2,
    .latest         li      .latest-content h3,
    .latest         li      .latest-content h4,
    .latest         li      .latest-content h5                  { color: var(--theme-body-color-title); }

    .latest         li      .latest-content a,
    .latest         li      .latest-content a:visited           { color: var(--theme-body-color-title); }
    .latest         li      .latest-content a:hover             { color: var(--theme-custom-color); }


    /* 
    CLEARING
    ================================================== */
    .latest::after
    {
        clear: both; display: block; visibility: hidden; content: ""; font-size: 0; width: 0; height: 0; line-height: 0;
    }


    /* ===============================================
    MASK (Image Hover Mask Effects)
    ================================================== */
    .mask
    {
        position: absolute;
        overflow: hidden;

        width: 100%;
        height: 100%;

        top: 0rem;

        margin: 0rem;
        padding: 0rem;
    }

    .mask .mask-background
    {
        position: absolute;

        width: 100%;
        height: 100%;

        top: -100%;
        left: 0rem;

        margin: 0rem;
        padding: 0rem;

        transition: top 0.25s ease;
    }

    .mask:hover .mask-background
    {
        top: 0rem;
    }

    .mask .mask-button
    {
        position: absolute;

        width: 100%;
        height: 100%;

        top: -100%;
        left: 0rem;

        margin-top: var(--theme-lh-x0-75-minus);

        text-align: center;

        transition: top 0.25s ease;
    }

    .mask:hover .mask-button
    {
        top: 50%;
    }

    .mask .mask-button a
    {
        display: inline-block;
        position: relative;

        width: var(--theme-lh-x1-5);
        height: var(--theme-lh-x1-5);

        margin: 0rem 0.375rem;
        padding: var(--theme-lh-x0-25) 0rem;

        text-align: center;
    }

    .mask .mask-button a::before
    {
        font-family: 'Font Awesome 5 Pro';
        line-height: 1;   
    }

    .mask .mask-button a.view::before
    {
        content: '\f00e';
    }

    .mask .mask-button a balloon
    {
        position: absolute;
        float: left;
        
        top: 0rem;
        left: 0rem;
        
        width: 100%;
        height: 100%;
    }


    /* 
    COLOR SETTINGS
    ================================================== */
    .mask 				    .mask-background          { background-color: var(--theme-mask-background); }
    .mask 					.mask-button a,
    .mask 					.mask-button a:visited    { background-color: var(--theme-mask-button-background); color: var(--theme-body-color-white); box-shadow: var(--theme-body-shadow); }

    .mask 					.mask-button a:hover      { background-color: var(--theme-custom-background-hover); }
    .mask 					.mask-button a:active     { background-color: var(--theme-custom-background-active); }


    /* ===============================================
    PRINT-BOX-INFO
    ================================================== */
    .print-box-info
    {
        width: 100%;
        
        margin: 0rem 0rem 0rem 0rem;
    }

    .print-box-info span
    {
        display: inline-block;
        
        margin-right: 5.0rem;
        
        font-size: 200%;
        line-height: initial;
    }

    .print-box-info span:last-child
    {        
        margin-right: 0rem;
    }

    .print-box-info span.icon
    {
        
    }    

    .print-box-info span.icon::before 
    {
        margin-right: 2.0rem;
        
        font-family: 'Font Awesome 5 Pro';
        line-height: 1;
    }

    .print-box-info span.icon.icon-property-m2::before 
    {
        content: '\f61c';
    }

    .print-box-info span.icon.icon-property-bed::before 
    {
        content: '\f8f7';
    }

    .print-box-info span.icon.icon-property-bath::before 
    {
        content: '\f2cd';
    }

    .print-box-info span.icon.icon-property-deed::before 
    {
        content: '\f15c';
    }

    .print-box-info span.icon.icon-property-star::before 
    {
        content: '\f005';
    }

    .print-box-info span.icon.icon-property-hotel-room::before 
    {
        content: '\f594';
    }

    
    /* 
    COLOR SETTINGS
    ================================================== */
    .print-box-info                             { color: var(--theme-body-color-title); }

    .print-box-info       span.icon::before     { color: var(--theme-custom-color); }

    
    /* 
    CLEARING
    ================================================== */
    .print-box-info::after
    {
        clear: both; display: block; visibility: hidden; content: ""; font-size: 0; width: 0; height: 0; line-height: 0;
    }


    /* ===============================================
    PRINT-BOX-PRICE
    ================================================== */
    .print-box-price
    {
        width: 100%;
        
        margin: 0rem 0rem 0rem 0rem;
    }

    .print-box-price span
    {
        display: inline-block;
        
        padding: var(--theme-lh-x0-25) 3.0rem;
        
        font-size: 220%;
        line-height: 4.0rem;
        font-weight: var(--theme-fw-medium);
        
        border-radius: 1.0rem;
    }

    
    /* 
    COLOR SETTINGS
    ================================================== */
    .print-box-price span                       { background-color: var(--theme-color-red); color: var(--theme-body-color-white); }

    
    /* 
    CLEARING
    ================================================== */
    .print-box-price::after
    {
        clear: both; display: block; visibility: hidden; content: ""; font-size: 0; width: 0; height: 0; line-height: 0;
    }


    /* ===============================================
    ANIMATIONS
    ================================================== */
    @keyframes rotation
    {
        from
        {
            transform: rotate(0deg);
        }
        to
        {
            transform: rotate(360deg);
        }
    }