.elementor-7304 .elementor-element.elementor-element-60f16e8{--display:flex;--min-height:160px;--justify-content:center;}.elementor-7304 .elementor-element.elementor-element-60f16e8:not(.elementor-motion-effects-element-type-background), .elementor-7304 .elementor-element.elementor-element-60f16e8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-2c74476 );}.elementor-7304 .elementor-element.elementor-element-eb20065{text-align:center;}.elementor-7304 .elementor-element.elementor-element-eb20065 .elementor-heading-title{font-family:var( --e-global-typography-5f7cf7e-font-family ), Helvetica, Arial, Lucida, sans-serif;font-size:var( --e-global-typography-5f7cf7e-font-size );font-weight:var( --e-global-typography-5f7cf7e-font-weight );}.elementor-7304 .elementor-element.elementor-element-c8ea2e4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--margin-top:80px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7304 .elementor-element.elementor-element-86282b9{--grid-columns:4;--grid-row-gap:60px;--grid-column-gap:60px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-7304 .elementor-element.elementor-element-c8ea2e4{--content-width:1080px;}}@media(max-width:1024px){.elementor-7304 .elementor-element.elementor-element-eb20065 .elementor-heading-title{font-size:var( --e-global-typography-5f7cf7e-font-size );}.elementor-7304 .elementor-element.elementor-element-86282b9{--grid-columns:2;}}@media(max-width:767px){.elementor-7304 .elementor-element.elementor-element-eb20065 .elementor-heading-title{font-size:var( --e-global-typography-5f7cf7e-font-size );}.elementor-7304 .elementor-element.elementor-element-86282b9{--grid-columns:1;}}/* Start custom CSS for html, class: .elementor-element-18144c1 *//* =========================
   TEAM MODAL SYSTEM
========================= */

.e-loop-item{
    position: relative;
}

/* HIDE OVERLAY COMPLETELY */
.bio-overlay{

    display: none !important;

    position: fixed;

    top: 50%;
    left: 50%;

    transform:
        translate(-50%, -50%)
        scale(.96);

    width: 680px;
    height: auto !important;

    overflow-y: auto;

    background: #fff !important;

    padding: 10px;

    z-index: 9999;

    box-shadow:
        0 20px 80px rgba(0,0,0,.35);
}

/* OPEN STATE */
.bio-overlay.active{

    display: flex !important;

    animation:
        bioFade .3s ease forwards;
}

/* BACKDROP */
.bio-backdrop{
    position: fixed;
    inset: 0;

    background: rgba(0,0,0,.65);

    z-index: 9998;

    opacity: 0;
    visibility: hidden;

    transition:
        opacity .3s ease,
        visibility .3s ease;
}

.bio-backdrop.active{
    opacity: 1;
    visibility: visible;
}

/* CLOSE BUTTON */
.bio-close{
    position: absolute;

    top: 16px;
    right: 16px;

    width: 40px;
    height: 40px;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 34px;
    line-height: 1;

    cursor: pointer;

    z-index: 20;
}

/* BODY LOCK */
body.bio-open{
    overflow: hidden;
}

/* ANIMATION */
@keyframes bioFade{

    from{
        opacity: 0;

        transform:
            translate(-50%, -50%)
            scale(.96);
    }

    to{
        opacity: 1;

        transform:
            translate(-50%, -50%)
            scale(1);
    }

}

/* MOBILE */
@media (max-width: 767px){

    .bio-overlay{

        width: calc(100vw - 20px);

        max-height: calc(100vh - 20px);

        padding: 20px;
    }

}/* End custom CSS */