/* DO NOT ADD YOUR CSS HERE... */

:root {
    --bglight       : rgba(255,255,255,0.5);
    --bgdark        : rgba(0,0,0,0.5);

    --darktitle     :   white;
    --darktext      :   rgba(255,255,255,0.75);

    --lighttitle    :   black;
    --lighttext     :   rgba(0,0,0,0.75);
}


/* 
    #MARK: → GENERAL 
*/
/* ----------------------------------------------------- */ 
/* ----------------------------------------------------- */ 

/* #region */

.iwrap {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 100%;
}

.iposter {
    width: 100%;
    display: flex;
}

.iwrap.demo {
    height: 400px;
}

.d-icon {
    width: 40px;
    height: auto;
}

.div-icon, 
.div-glyph {
    width: auto;
    height: 40px;
    flex: 0 0 auto;
    display: inline-block;        
}

    .div-icon .d-icon,
    .div-glyph .d-glyph {
        width: 100%;
        object-fit: contain;
        height: 100%;            
    }



.div-logo {
    width: 150px;
    flex: 0 0 150px;
    display: inline-block;    
}

    .div-logo .d-logo {
        width: 100%;
    }

.count-up {
    display: inline-flex;
    align-items: center;
}

a.flex-item {
    display: block;
}

.flex-1 {
    flex: 1;
    width: 100%;
}

.dmedia, 
.dobject { 
    position: relative; 
}

.dobject {  width: 100%; }

.dwrap { position: relative; height: 100%; display: flex; }

.open-tooltip { display: inline-block; }

.hidefield { display: none !important; }

.section-cluster > .wrap {
    position: relative;
}


/* #endregion */ 


/* #region */

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

}

/* #endregion */ 



/* #MARK: → POP MEDIA
/* ----------------------------------------------------- */ 
/* ----------------------------------------------------- */ 
/* #region */

    .dmedia[style] .d-popmedia,
    .dmedia[style] .d-img,
    .dmedia[style] .d-vid {
        height: 100%;
        object-fit: cover;
    }

    .dmedia[style*="height"] .pop-video,
    .dmedia[style*="height"] .pop-video .d-vid {
        min-height: unset;
        height: 100%;
        position: relative;
    }
    .dmedia[style*="height"] .pop-link {
        height: 100%;
    }

    .dmedia[style*="height"] .icon-pop {
        height: 40px;
    }


    .dmedia[style*="height"] .d-object {

    }

/* #endregion */    



/* #MARK: → SCH SHOW
/* ----------------------------------------------------- */ 
/* ----------------------------------------------------- */ 
/* #region */

    


/* #endregion */




/* #MARK: → SCH SIZE
/* Row Media or similar using Flexible options
/* ----------------------------------------------------- */ 
/* ----------------------------------------------------- */ 
/* #region */

    /* [Media Size] */

    [data-schema-media-width="25"] .info-object,
    [data-schema-media-width="25"] .info-media,
    [data-schema-width="25"] .var-width {
        flex: 0 0 25%;
        max-width: 25%;
    }

    [data-schema-media-width="33"] .info-object,
    [data-schema-media-width="33"] .info-media,
    [data-schema-width="33"] .var-width {
        flex: 0 0 33%;
        max-width: 33%;
    }

    [data-schema-media-width="41"] .info-object,
    [data-schema-media-width="41"] .info-media,
    [data-schema-width="41"] .var-width {
        flex: 0 0 41%;
        max-width: 41%;
    }

    [data-schema-media-width="50"] .info-object,
    [data-schema-media-width="50"] .info-media,
    [data-schema-width="50"] .var-width {
        flex: 0 0 50%;
        max-width: 50%;
    }

    [data-schema-media-width="58"] .info-object,    
    [data-schema-media-width="58"] .info-media,
    [data-schema-width="58"] .var-width {
        flex: 0 0 58.5%;
        max-width: 58.5%;
    }

    [data-schema-media-width="66"] .info-object,    
    [data-schema-media-width="66"] .info-media,
    [data-schema-width="66"] .var-width {
        flex: 0 0 63.06%;
        max-width: 63.06%;
    }

    [data-schema-media-width="75"] .info-object,    
    [data-schema-media-width="75"] .info-media,
    [data-schema-width="75"] .var-width {
        flex: 0 0 75%;
        max-width: 75%;
    }

    [data-schema-media-width="84"] .info-object,    
    [data-schema-media-width="84"] .info-media,
    [data-schema-width="84"] .var-width {
        flex: 0 0 84%;
        max-width: 84%;
    }

    [data-schema-media-width="92"] .info-object,    
    [data-schema-media-width="92"] .info-media,
    [data-schema-width="92"] .var-width {
        flex: 0 0 92%;
        max-width: 92%;
    } 

    [data-schema-media-width="100"] .info-object,    
    [data-schema-media-width="100"] .info-media,
    [data-schema-width="100"] .var-width {
        flex: 0 0 100%;
        max-width: 100%;
    } 

    .info-column, .info-row { flex: 1; }

/* #endregion */    




/* #MARK: → SCH FLEX
/* Row Media or similar
/* ----------------------------------------------------- */ 
/* ----------------------------------------------------- */ 
/* #region */

    /* 
        #MARK: * WRAPS
    */

    .wrap[data-schema-flex] {
        display: flex;
        align-items: center;
    }

    /* 
        #MARK: * ROW
    */

    [data-schema-flex*="flex-start"],
    [data-schema-flex*="flex-start"] .row,
    [data-schema-flex*="flex-start"] .flexic {
        align-items: flex-start;
    }

    [data-schema-flex*="flex-top"],
    [data-schema-flex*="flex-top"] .row,
    [data-schema-flex*="flex-top"] .flexic {
        align-items: flex-start;
    }    

    [data-schema-flex*="flex-stretch"] .row,
    [data-schema-flex*="flex-stretch"] .flexic {
        align-items: stretch;
    }

    [data-schema-flex*="flex-middle"],
    [data-schema-flex*="flex-middle"] .row,
    [data-schema-flex*="flex-middle"] .flexic {
        align-items: center;
    }

    [data-schema-flex*="flex-bottom"],
    [data-schema-flex*="flex-bottom"] .row,
    [data-schema-flex*="flex-bottom"] .flexic {
        align-items: flex-end;
    }

    [data-schema-flex*="flex-left"] .row,
    [data-schema-flex*="flex-left"] .flexic {
        justify-content: flex-start;
    }

    [data-schema-flex*="flex-right"] .row,
    [data-schema-flex*="flex-right"] .flexic {
        justify-content: flex-end;
    }

    [data-schema-flex*="flex-center"] .row,
    [data-schema-flex*="flex-center"] .flexic {
        justify-content: center;
    }

    /* 
        #MARK: * MEDIA
    */

    [data-schema-flex*="flex-stretch"] .dobject,
    [data-schema-flex*="flex-stretch"] .dmedia {
        height: 100%;
    }

    [data-schema-flex*="flex-stretch"] .dmedia .d-popmedia {
        height: 100%;
        object-fit: cover;
    }

    /* 
        #MARK: * TEXT
    */

    [data-schema-flex*="text-left"] {
        text-align: left;
    }

    [data-schema-flex*="text-center"] {
        text-align: center;
    }

    [data-schema-flex*="text-right"] {
        text-align: right;
    }

    [data-schema-flex*="text-justify"] {
        text-align: justify;
    }

    /* #MARK: * WIDTH
    */

    [data-schema-flex*="flex-left"] .var-width {
        margin-right: auto;
    }

    [data-schema-flex*="flex-right"] .var-width{
        margin-left: auto;
    }

    [data-schema-flex*="flex-center"] .var-width {
        margin: 0 auto;
    }   

    [data-schema-flex*="bg-bottom"] .d-popmedia img {
        object-position: center bottom;
    }

    /* #MARK: * RTL
    */
    [data-rtl="0"] .flexic:first-child { 
        flex-direction: row; 
    }    

    [data-rtl="1"] .row:first-child,
    [data-rtl="1"] .flexic:first-child,
    [data-rtl="1"] .flexic { 
        flex-direction: row-reverse; 
    }

    [data-rtl="1"] .overlay-bg {
        left: unset;
        right: 0;
    }

    /* 
        #MARK: * UTD
    */

    [data-utd="0"] .flexic:first-child {
        flex-direction: column;
    }
    
    [data-utd="1"] .flexic:first-child { 
        flex-direction: column-reverse; 
    }

    /* 
        #MARK: * COL
    */

    [data-utd] .info-media, 
    [data-utd] .info-object {
        display: flex;  
    }

    [data-utd][data-schema-flex*="flex"] .var-width {
        margin: unset;
    }

    [data-utd][data-schema-flex*="flex-center"] .var-width {
        align-self: center;
    }   

    [data-utd][data-schema-flex*="flex-left"] .var-width {
        align-self: flex-start;
    }

    [data-utd][data-schema-flex*="flex-right"] .var-width {
        align-self: flex-end;
    }       
    
    [data-utd][data-schema-flex*="flex-center"] .info-media,
    [data-utd][data-schema-flex*="flex-center"] .info-object {
        justify-content: center;
    }  

    [data-utd][data-schema-flex*="flex-left"] .info-media,
    [data-utd][data-schema-flex*="flex-left"] .info-object {
        justify-content: flex-start;
    }

    [data-utd][data-schema-flex*="flex-right"] .info-media,
    [data-utd][data-schema-flex*="flex-right"] .info-object {
        justify-content: flex-end;
    }  
  
/* #endregion */ 

/* #MARK: → SCH ITEMS
/* ----------------------------------------------------- */ 
/* ----------------------------------------------------- */ 
/* #region */

    /*
        #MARK: *COUNT
    */


    .flexic[data-schema-item-count] {
        flex-direction: row !important;
    }

    [data-schema-item-count="2"] .flex-item {
        flex: 0 0 50%;
        max-width: 50%;
    }

    [data-schema-item-count="3"] .flex-item {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }

    [data-schema-item-count="4"] .flex-item {
        flex: 0 0 25%;
        max-width: 25%;
    }    

    [data-schema-item-count="5"] .flex-item {
        flex: 0 0 20%;
        max-width: 20%;
    }    

    [data-schema-item-count="6"] .flex-item {
        flex: 0 0 16.66%;
        max-width: 16.66%;
    }    
    
    /*
        #MARK: *DIRECTION
    */

    /*
    [data-schema-items*="flex-center"] .can-flex {
        align-items: center;
        text-align: center;
    }

    [data-schema-items*="flex-left"] .can-flex {
        align-items: flex-start;
        text-align: left;
    }    
    */        


    [data-schema-item-direction="col"] .can-flex,
    [data-schema-item-direction="row"] .can-flex {
        display: flex;
    }

    [data-schema-item-direction="col"] .can-flex {
        flex-direction: column;
    }

    /*
        #MARK: *ALIGNMENT
    */    

    [data-schema-items*="text-left"] {
        text-align: left;
    }

    [data-schema-items*="text-center"] {
        text-align: center;
    }

    [data-schema-items*="text-right"] {
        text-align: right;
    }

    [data-schema-items*="text-justify"] {
        text-align: justify;
    }

    [data-schema-items*="text-left"] .div-icon {
        align-self: flex-start;
    }

    [data-schema-items*="text-center"] .div-icon {
        align-self: center;
    }

    [data-schema-items*="text-right"] .div-icon {
        align-self: flex-end;
    }

    [data-schema-item-direction="row"][data-schema-items*="text-center"] .div-icon,
    [data-schema-item-direction="row"][data-schema-items*="text-right"] .div-icon {
        align-self: flex-start;
    }



/* #endregion */ 

/* #MARK: * ADDON
/* Row Media or similar using Flexible options
/* ----------------------------------------------------- */ 
/* ----------------------------------------------------- */ 


    [data-version="row-dinfo"] .dinfo,
    [data-version="row-dinfo"] .can-flex {
        display: flex;
        gap: 30px;
    }

    [data-version="col-dinfo"] .dinfo,
    [data-version="col-dinfo"] .can-flex {
        /*
            display: flex;
            flex-direction: column;
            gap: 20px;
        */
    }

    .pop-link { display: inline-block; width: 100%; }



/* #MARK: * PRELOADER
/* ----------------------------------------------------- */ 
/* ----------------------------------------------------- */ 

    #_bdpreloader {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #ffffff; /* Change to match your background */
        z-index: 9999;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: opacity 0.5s ease, visibility 0.5s ease;
    }

    #_bdpreloader .spinner {
        width: 40px;
        height: 40px;
        border: 4px solid #ccc;
        border-top: 4px solid #000;
        border-radius: 50%;
        animation: prelaod_spin 1s linear infinite;
    }

    /* Spinner animation */
    @keyframes prelaod_spin {
        to {
            transform: rotate(360deg);
        }
    }

/* Hide preloader */
#_bdpreloader.fade-out {
    opacity: 0;
    visibility: hidden;
} 

/* #MARK: * OPENING DETAILS
/* ----------------------------------------------------- */ 
/* ----------------------------------------------------- */ 

    .od-info {
        display: flex;
        align-items: center;
        text-align: left;
        height: 100%;
    }

    .od-atitle, 
    .od-btitle, 
    .od-mtitle {
        line-height: 100%;
        margin-bottom: 0;
        display: inline-block;
        width: 100%;
    }

    .w-itext-part {
        display: inline-block;
        opacity: 0;
        transform: translateY(10px);
        transition: opacity 0.3s ease, transform 0.3s ease;
    }

    .w-itext-part.animate {
        opacity: 1;
        transform: translateY(0);
    }

/* #MARK: * 1-COL 
/* Single Column : Hero, CTA, Title etc.
/* ----------------------------------------------------- */ 
/* ----------------------------------------------------- */ 

    /* #MARK: [OR] POST
    #region *NOTE - POST */

    [data-unshow*="av"] .avatar,
    [data-unshow*="av"] .davatar {
        display: none !important;
    }

    [data-unshow*="qq"] .dtext,
    [data-unshow*="qq"] .itext {
        display: none !important;
    }

    [data-unshow*="nm"] .name,
    [data-unshow*="nm"] .client-name {
        display: none !important;
    }

    [data-unshow*="pn"] .position,
    [data-unshow*="pn"] .client-position {
        display: none !important;
    }

    [data-unshow*="p_f"] .img-featured,
    [data-unshow*="p_f"] .cpt-thumbnail,    
    [data-unshow*="p_f"] .post-thumbnail {
        display: none !important;
    }   

    [data-unshow*="p_t"] .cpt-title,
    [data-unshow*="p_t"] .post-title {
        display: none !important;
    }   

    [data-unshow*="p_e"] .post-excerpt {
        display: none !important;
    }      

    [data-unshow*="p_d"] .post-date {
        display: none !important;
    }      

    [data-unshow*="p_a"] .post-author {
        display: none !important;
    }    

    [data-unshow*="p_c"] .post-category {
        display: none !important;
    }  

    [data-unshow*="p_m"] .meta {
        display: none !important;
    }


/* #MARK: * 1-COL +ALIGN
/* Group Options ~ added in wrap
/* ----------------------------------------------------- */ 
/* ----------------------------------------------------- */ 

    [data-row] {
        display: flex;
        flex-wrap: wrap;
    }

    /* [TEXT] */
    [data-row*="text-left"] {
        text-align: left;
    }

    [data-row*="text-center"] {
        text-align: center;
    }

    [data-row*="text-right"] {
        text-align: right;
    }          

    [data-row*="text-justify"] {
        text-align: justify;
    }        

    /* [BUTTON] */
    [data-row*="text-right"] .btn-loop {
        justify-content: flex-start;
    }

    [data-row*="text-center"] .btn-loop {
        justify-content: center;
    }

    [data-row*="text-right"] .btn-loop {
        justify-content: flex-end;
    }  


/* Preloader styles */

    [data-schema-mod="button"] {
        display: grid;
    }

    [data-rtl="0"] [data-schema-mod="button"] .btn-loop {
        justify-self: flex-end;
    }

    .element hr.separator {
        margin: 0 auto;
    }



/* #MARK: → POSTER
/* Row Media or similar using Flexible options
/* ----------------------------------------------------- */ 
/* ----------------------------------------------------- */ 
/* #region */

    [data-schema-width="25"] { --content-width: 50%; --poster-adjust: 292px;  --oposter-adjust: -292px; }
    [data-schema-width="33"] { --content-width: 50%; --poster-adjust: 198px;  --oposter-adjust: -198px; }
    [data-schema-width="41"] { --content-width: 50%; --poster-adjust: 105px;  --oposter-adjust: -105px; }
    [data-schema-width="50"] { --content-width: 50%; --poster-adjust: 0px;    --oposter-adjust: 0px; }
    [data-schema-width="58"] { --content-width: 50%; --poster-adjust: -99px;  --oposter-adjust: 99px; }
    [data-schema-width="66"] { --content-width: 50%; --poster-adjust: -152px; --oposter-adjust: 152px; }
    [data-schema-width="75"] { --content-width: 50%; --poster-adjust: -293px; --oposter-adjust: 293px; }
    [data-schema-width="100"] { --content-width: 100%; --poster-adjust: 0px;  --oposter-adjust: 0px; }

    [data-schema-width] .d-poster {
        width: calc(var(--content-width) + var(--poster-adjust));
        right: 0;
        left: unset;
    }

    [data-rtl="1"] .d-poster {
        right: unset;
    }

    [data-schema-width] .overlay.poster {
        width: calc(var(--content-width) + var(--oposter-adjust));
        left: 0;
        left: unset;
    }

    [data-rtl="1"] .overlay.poster {
        left: unset;
        right: 0;
    }

    .overlay-edge .overlay.poster {
        background-color: rgba(0,0,0,0.75);
    }

    .overlay-boxed .overlay.poster {
        display: none;
    }

    .overlay-boxed .flex-col {
        background-color: rgba(0,0,0,0.75);
    }


/* #endregion */

.rotating-text span {
    line-height: 1;
}
.rotating-text + span {
    margin-left: 8px;
}

.jarallax {
    height: 100%;
}

.modal .modal-header {
    align-items: center;
}

.modal .modal-close {
    position: absolute;
    right: 0;
    top: -36px;
    border: 1px solid rgba(255,255,255,0.5);
    line-height: 1;
    width: 30px;
    height: 29px;
    border-radius: 100%;
}

.element .modal-body {
    padding: 30px;
}

.modal-dialog .modal-close span {
    filter: brightness(0) invert(1);
    top: calc(50% - 1px);
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    position: absolute;
}

form[role="search"] .f-icon svg {
    width: 20px;
}

.ogm.grid {
    grid-auto-rows: auto;
    grid-auto-flow: dense;
}

/* grid gallery 01 */
.ogm.gallery-1 {
    grid-template-columns: repeat(2, 1fr);
}

.ogm.gallery-1 .mgg:nth-child(1) {
    grid-row: span 2 / auto;
}

/* grid gallery 02 */
.ogm.gallery-2 {
    grid-template-columns: repeat(2, 1fr);
}

.ogm.gallery-2 .mgg:nth-child(2) {
    grid-row: span 2;
}

/* grid gallery 03 */
.ogm.gallery-3 {
    grid-template-columns: repeat(2, 1fr);
}

.ogm.gallery-3 .mgg {

}

/* grid gallery 04 */

.ogm.gallery-4 {
    grid-template-columns: repeat(4, 1fr);
}

.ogm.gallery-4 .mgg:nth-child(1) {
    grid-row: span 2 / auto;
    grid-column: span 2 / auto;
}

.ogm.gallery-4 .mgg:nth-child(4),
.ogm.gallery-4 .mgg:nth-child(6) {
    grid-column: span 2 / auto;
}



































































/* #MARK: * 2-COL +OPT
/* Row Media or similar using Flexible options
/* ----------------------------------------------------- */ 
/* ----------------------------------------------------- */ 

/* [RTL] */



/* [V CENTER] */

[data-custom*="v-align"] .row,
[data-custom*="v-align"] .flexic {
    align-items: center;
}


/* [STRETCH] */

[data-stretch="1"] .row,
[data-stretch="1"] .flexic {
    align-items: stretch;
}   

[data-stretch="1"] .dmedia,
[data-stretch="1"] .dobject {
    height: 100%;
}

[data-stretch="1"] .cc .d-popmedia,
[data-stretch="1"] .dmedia .d-popmedia {
    height: 100%;
    object-fit: cover;
}    


/* ----------------------------------------------------- */   
/* #MARK: THEME OPTS
SECTION - THEME OPTIONS */




    /* 
    #region *NOTE - CONTAINER */

    [data-container="bs"] .container,
    [data-container="bs"] .container-xl {
        max-width: 1200px;
    }

    [data-container="auto"] .container,
    [data-container="auto"] .container-xl {
        max-width: unset;
    }    

    [data-container="100"] .container,
    [data-container="100"] .container-xl {
        max-width: 100%;
    }

    [data-container="87"] .container,
    [data-container="87"] .container-xl {
        max-width: 87%;
    }

    [data-container="75"] .container,
    [data-container="75"] .container-xl {
        max-width: 75%;
    }

    [data-container="62"] .container,
    [data-container="62"] .container-xl {
        max-width: 62%;
    }

    [data-container="50"] .container,
    [data-container="50"] .container-xl {
        max-width: 50%;
    }

    [data-container="37"] .container,
    [data-container="37"] .container-xl {
        max-width: 37%;
    }            

    [data-container="25"] .container,
    [data-container="25"] .container-xl {
        max-width: 25%;
    } 
    /* #endregion */

    /* #MARK: [TO] VERTICAL
    #region *NOTE - VERTICAL ALIGNMENT */

    [data-vflex="default"],
    [data-vflex="default"] .iwrap,
    [data-vflex="default"] .dwrap {
        align-items: center;
    }

    [data-vflex="center"],
    [data-vflex="center"] .iwrap,
    [data-vflex="center"] .dwrap {  
        align-items: center;
    }

    [data-vflex="top"],
    [data-vflex="top"] .iwrap,
    [data-vflex="top"] .dwrap {  
        align-items: flex-start;
    }

    [data-vflex="bottom"],
    [data-vflex="bottom"] .iwrap,
    [data-vflex="bottom"] .dwrap {  
        align-items: flex-end;
    }    

    [data-opt_vflex="center"] {  
        align-items: center;
    }

    [data-opt_vflex="top"] {  
        align-items: flex-start;
    }

    [data-opt_vflex="bottom"] {  
        align-items: flex-end;
    }  

    /* #endregion */

    /* #MARK: [TO] HORIZONTAL
    #region *NOTE - HORIZONTAL ALIGNMENT */

    [data-hflex="center"] .container-xl,
    [data-hflex="left"] .container-xl,
    [data-hflex="right"] .container-xl { 
        margin-left: 0;
        margin-right: 0;
    }

    [data-hflex="center"],
    [data-hflex="center"] .iwrap,
    [data-hflex="center"] .dwrap {
        justify-content: center;
    }

    [data-hflex="left"],
    [data-hflex="left"] .iwrap,
    [data-hflex="left"] .dwrap {
        justify-content: flex-start;
    }

    [data-hflex="right"],
    [data-hflex="right"] .iwrap,
    [data-hflex="right"] .dwrap {
        justify-content: flex-end;
    }
    
    /* #endregion */

    /* #MARK: [TO] THEME
    #region *NOTE - THEME : DARK / LIGHT */

    [data-theme="dark"] {
        /* background-color: var(--bgdark); */
    }
    
    [data-theme="dark"] .btitle,
    [data-theme="dark"] .atitle,
    [data-theme="dark"] .dtext,
    [data-theme="dark"] .ptext,
    [data-theme="dark"] .itext {
        color: var(--darktext);
    }
    
    [data-theme="dark"] .mtitle,
    [data-theme="dark"] .ititle {
        color: var(--darktitle);
    }
    
    [data-theme="light"] {
        background-color: var(--bglight);
    }
    
    [data-theme="light"] .btitle,
    [data-theme="light"] .atitle,
    [data-theme="light"] .dtext,
    [data-theme="light"] .ptext,
    [data-theme="light"] .itext {
        color: var(--lighttext);
    }
    
    [data-theme="light"] .mtitle,
    [data-theme="light"] .ititle {
        color: var(--lighttitle);
    }  

    /* #endregion */
    
    /* #MARK: [TO] OVERLAY
    #region *NOTE - OVERLAY */

    [data-overlay*="preset"] .overlay-bg,
    [data-overlay*="custom"] .overlay-bg {
        z-index: 1;
    }

    [data-overlay*="preset"] .overlay.pre-color,
    [data-overlay*="custom"] .overlay.set-color {
        z-index: 2;
    }

    [data-overlay*="preset"] .overlay.color,
    [data-overlay*="custom"] .overlay.color {
        display: none;
    }    

    [data-overlay*="preset"] .container-xl,
    [data-overlay*="custom"] .container-xl {
        z-index: 4;
    }
    
    /* #endregion */

/* ----------------------------------------------------- */    


/* ----------------------------------------------------- */   
/* #MARK: OR
SECTION - OVERRIDER */

    /* #region *NOTE - OVERWRITE */

    [data-theme="override"] [data-theme="dark"],
    [data-theme="override"] [data-theme="light"],
    [data-bgcolor="override"] section {
        background-color: transparent;
    }

    [data-bgoverlay="override"] .overlay.color:not(.container-xl .overlay.color) {
        display: none;
    }    

    /* #endregion */  

/* ----------------------------------------------------- */  


/* ----------------------------------------------------- */   
/* SECTION - DISPLAY FIELDS */    

    /* #MARK: [OR] COMMON
    #region *NOTE - COMMON */

 

    /* #endregion */  

    /* #MARK: [OR] FORCE
    #region *NOTE - BY PASS */



    /* #endregion */  

/* ----------------------------------------------------- */     


/* ----------------------------------------------------- */   
/* SECTION - PLACEHOLDER */

    /* #MARK: HOLDER
    #region *NOTE -  */

    div[data-image="image-opt"],
    div[data-image="image-none"],
    div[data-image="image-thumb"] { 
        min-height: 200px; 
    }

    div[data-image="image-none"] { 
        background-size: 60%;
        background-color: #eee; 
        opacity: 0.5;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    div[data-image="image-none"] img {
        max-width: 80%;
    }   

    /* #endregion */    

/* ----------------------------------------------------- */     


/* ----------------------------------------------------- */   
/* SECTION - ROW */

    /* #MARK: [R] HEIGHT
    #region *NOTE - Height */ 

        [data-custom*="height"] .dobject,
        [data-custom*="height"] .dmedia {
            position: relative;
        }

        [data-custom*="height"] .dobject iframe,
        [data-custom*="height"] .dmedia iframe,
        [data-custom*="height"] .dmedia video,
        [data-custom*="height"] .dmedia img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }    

    /* #endregion */  

    /* #MARK: [R] BORDER
    #region *NOTE - Border */ 

        [data-custom*="border"] .dmedia {
            border: 1px solid rgba(0, 0, 0, 0.1);
        }

    /* #endregion */ 

    /* #MARK: [R] PADDING
    #region *NOTE - Padding */ 

        [data-custom*="padding"] .dmedia {
            padding: 10px;
        }    

    /* #endregion */ 

    /* #MARK: [R] V ALIGN
    #region *NOTE - Vertical Align */ 

        [data-valign*="center"] .row {
            align-items: center;
        }

    /* #endregion */   

    /* #MARK: [R] POSTER
    #region *NOTE - Poster */ 

        [data-design*="poster"][data-col="3-9"] .overlay-bg {
            max-width: calc(50% - 300px);
        }

        [data-design*="poster"][data-col="4-8"] .overlay-bg {
            max-width: calc(50% - 200px);
        }

        [data-design*="poster"][data-col="5-7"] .overlay-bg {
            max-width: calc(50% - 100px);
        }

        [data-design*="poster"][data-col="6-6"] .overlay-bg {
            max-width: 50%;
        }

        [data-design*="poster"][data-col="7-5"] .overlay-bg {
            max-width: calc(50% + 100px);
        }

        [data-design*="poster"][data-col="8-4"] .overlay-bg {
            max-width: calc(50% + 200px);
        }

        [data-design*="poster"][data-col="9-3"] .overlay-bg {
            max-width: calc(50% + 300px);
        }

    /* #endregion */ 

    /* #MARK: [R] GALLERY
    #region *NOTE - Grid Gallery */ 

        [data-gg="3R"] .item:nth-child(2) { 
            grid-row-end: span 2;
        }
        
        [data-gg="3L"] .item:nth-child(1) { 
            grid-row-end: span 2;
        }

    /* #endregion */  

    /* #MARK: [R] REVERSE
    #region *NOTE - Reverser */ 

        [data-rtl="1"] .box-row {
            flex-direction: row-reverse;
        }      

    /* #endregion */ 

    /* #MARK: [R] COL
    #region *NOTE - Row Adv (fake) col */ 

        [data-col="9-3"] .col1 {
            flex: 0 0 72%;
            max-width: 72%;
        }
        [data-col="9-3"] .col2 {

            flex: 0 0 28%;
            max-width: 28%;
        }

        [data-col="8-4"] .col1 {
            flex: 0 0 66.66%;
            max-width: 66.66%;
        }
        [data-col="8-4"] .col2 {

            flex: 0 0 33.33%;
            max-width: 33.33%;
        }        
        
        [data-col="7-5"] .col1 {
            flex: 0 0 61%;
            max-width: 61%;
        }
        [data-col="7-5"] .col2 {
            flex: 0 0 39%;
            max-width: 39%;
        }
        
        [data-col="6-6"] .col1 { 
            flex: 0 0 50%;
            max-width: 50%;
        }
        [data-col="6-6"] .col2 {
            flex: 0 0 50%;
            max-width: 50%;
        }
        
        [data-col="5-7"] .col1 {
            flex: 0 0 39%;
            max-width: 39%;
        }
        [data-col="5-7"] .col2 {
            flex: 0 0 61%;
            max-width: 61%;
        }

        [data-col="4-8"] .col1 {
            flex: 0 0 33.33%;
            max-width: 33.33%;
        }
        [data-col="4-8"] .col2 {
            flex: 0 0 66.66%;
            max-width: 66.66%;
        }                
        
        [data-col="3-9"] .col1 {
            flex: 0 0 28%;
            max-width: 28%;
        }
        
        [data-col="3-9"] .col2 {
            flex: 0 0 72%;
            max-width: 72%;
        }

        @media only screen and (max-width : 1024px) {
            .col1.lg, .col2.lg { flex: 0 0 100%; max-width: 100%; }
        }

        @media only screen and (max-width : 800px) {
            .col1.md, .col2.md { flex: 0 0 100%; max-width: 100%; }
        }

        @media only screen and (max-width : 480px) {
            .col1.sm, .col2.sm { flex: 0 0 100%; max-width: 100%; }
        }

    /* #endregion */  

    /* #MARK: [R] RIR
    #region *NOTE - ROW INSIDE ROW */ 

    .ez-row[data-rtl="0"] .row {
        flex-direction: row;
    }

    .ez-row[data-rtl="1"] .row {
        flex-direction: row-reverse;
    }

    .ez-row[data-custom="v-align"] .row {
        align-items: center;
    }

    /* #endregion */  

    /* #MARK: [R] BOX
    #region *NOTE - Row Adv (fake) box */ 

        [data-custom*="box-border"] .flexic {
            border: 1px solid rgba(0, 0, 0, 0.1);
        }

        [data-custom*="box-padding"] .flexic {
            padding: 30px 15px;
        }    

    /* #endregion */  

/* ----------------------------------------------------- */  


/* ----------------------------------------------------- */   
/* SECTION - MEDIA ~ HEIGHT */

    /* #MARK: [M] HEIGHT
    #region *NOTE - custom height */

    /* custom-h, h */

    .custom-h[style*="height"] iframe,
    .custom-h[style*="height"] video,
    .custom-h[style*="height"] img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    /* #endregion */  

/* ----------------------------------------------------- */ 


/* ----------------------------------------------------- */ 
/* #MARK: COLUMN



    SECTION - COLUMN */    



    /* #endregion */ 

    /* #MARK: [C] POSTER
    #region *NOTE - poster */

    [data-rtl="1"] .overlay.opt {
        left: unset;
        right: 0;
    }

    [data-colwidth="4"] .overlay.opt {
        max-width: calc(50% - 200px);
    }    

    [data-colwidth="5"] .overlay.opt {
        max-width: calc(50% - 100px);
    }

    [data-colwidth="6"] .overlay.opt {
        max-width: calc(50% + 0px);
    }

    [data-colwidth="7"] .overlay.opt {
        max-width:  calc(50% + 100px);
    }    

    [data-colwidth="8"] .overlay.opt {
        max-width: calc(50% + 200px);
    }      

    [data-colwidth="9"] .overlay.opt {
        max-width: calc(50% + 300px);
    }      

    [data-colwidth="10"] .overlay.opt {
        max-width: calc(50% + 420px);
    }       
    
    [data-colwidth="12"] .overlay.opt {
        max-width: calc(50% + 600px);
    } 




/* ----------------------------------------------------- */ 
/* #MARK: JS
SECTION - JS */ 



    /* #MARK: [JS] ACCORDION
    #region *NOTE - ACCORDION */



    /* #endregion */   

    /* #MARK: [JS] SLIDER
    #region *NOTE - SLIDER */

    .slide-bg { 
        position: relative; 
        width: 100%;
    }

    .slide-bg.overlay {
        position: absolute;
    }

    .overlay.dinfo {
        z-index: 3;
        display: flex;
        align-items: center;
        max-width: 1170px;
        transform: translateX(-50%) translateY(-50%);
        left: 50%;
        top: 50%;
        max-height: 80%;
    }    

    /* #endregion */   

    /* #MARK: [JS] FANCY
    #region *NOTE - FANCYBOX */

    .fancy-modal {
        display: none;
    }

    /* #endregion */      

/* ----------------------------------------------------- */ 


/* ----------------------------------------------------- */ 
/* #MARK: ELEMENTS
SECTION - ELEMENTS */

    .auto-height { height: auto !important; }

    /* #MARK: [E] ROW
    #region ## STUB - Row Media */ 

    [data-design*="row"] iframe {
        min-height: 320px;
    }

    /* #endregion */ 

    /* #MARK: [E] FIRE
    #region ## STUB - Fire Element */ 

    .fire-element {
        overflow: hidden;
        position: relative;
    }

    /* #endregion */ 

    /* #MARK: [E] COLUMNS
    #region ## STUB - Columns */ 

    section .col-info :only-child { 
        margin-bottom: 0;
    }

    .col-info {
        position: relative;
        width: 100%;
    }   

    .single-col {
        position: relative;        
    }

    .col-info .dinfo,
    .single-col .dinfo {
        position: relative;
        z-index: 2;
    }

    /* #endregion */    

    /* #MARK: [E] FULL W
    #region ## STUB - Full Width */ 


    /* #endregion */    

    /* #MARK: [E] STACK
    #region ## STUB - Stack */ 

    .dflexcontent {
        display: inline-block;
    }

    .ff-info .ff .ff-logo { 
        width: auto; 
        height: auto; 
        max-height: 70px; 
    }

    /* #endregion */ 

    /* #MARK: [E] CPT
    #region ## STUB - CPT */ 

    a.post-item {
        display: block;
        position: relative;
    }

    /* #endregion */ 

    /* #MARK: [E] SLIDER
    #region ## STUB - Slider JS */  

    [data-design*="slider-single"] .slide-bg {
        position: absolute;
    }

    [data-design*="slider-single"] .dinfo {
        z-index: 1;
    }

    /* #endregion */ 

    /* #MARK: [E] JARALLAX
    #region ## STUB - Jarallax */  

    .custom-h.jar {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
    }

    .custom-h .jarallax {
        height: 100%;
    }    

    .jarallax {
        width: 100%;
    }

    /* #endregion */ 

    /* #MARK: [E] OVERLAY
    #region ## STUB - Overlay Opt */  
    /* inital */

    .overlay.opt {
        background-color: rgba(0, 0, 0, 0.3);
    }

    /* #endregion */ 

    /* #MARK: [E] GRID GAL
    #region ## STUB - Grid Gallery */  

    .grid-gallery { 
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        /* grid-template-rows: repeat(2, 1fr); */
        gap: 10px;
    }
    
    .grid-gallery .item {
        position: relative;
        min-height: 100px;
        background-color: rgba(0, 0, 0, 0.1);
        grid-column-end: span 1;
        grid-row-end: span 1;
    }

    /* #endregion */ 

    /* #MARK: [E] DEMO
    #region ## STUB - DEMO BOX */

    .demo-box {
        padding: 0px 10px;
        flex: 0 0 25%;
    }
    
    .demo-box .pad { 
        border: 1px solid rgba(0, 0, 0, 0.1);
        text-align: center;
        padding: 20px;
    }

    /* #endregion */ 

    /* #region ## STUB - DEMO BOX */

    .cta-gmap {
        width: 100%;
        position: absolute;
        height: 100%;
    }

    /* #endregion */ 

/* ----------------------------------------------------- */