/* ******************************************************************************************************************************** */
    /* -------------------------------------------Custom.css--------------------------------------------------------------------------- */
    /* ******************************************************************************************************************************** */
    /* 
    ** Ce fichier contient tout le CSS custom du site. 
    ** Le fichier est prévu pour être découpé en plusieurs fichiers et inclus de façon plus optimale.
    */
    /* -------------------------------------------IRIUM VARIABLES-----------------------------------------------------------------------*/
    
     :root {
        /* -------------------------------------------IRIUM COLORS ---------------------------------------------------------------------*/
        --IRIUM-white: #ffffff;
        --IRIUM-light-gray: #f7f8f8;
        --IRIUM-oil-green: #054a54;
        --IRIUM-dark-green: #073637;
        --IRIUM-dark: #1a1a1a;
        --IRIUM-clear-green: #3d9481;
        --IRIUM-light-green: #56b9a3;
        --IRIUM-pale-green: #70bf9b;
        --IRIUM-club-red: #f27777;
        --IRIUM-sat-red: #fb4a54;
        /* ------------------------------------------IRIUM GRADIENTS--------------------------------------------------------------------- */
        --IRIUM-centered-gradient: linear-gradient(90deg, var(--IRIUM-oil-green) 0%, var(--IRIUM-light-green) 30%, var(--IRIUM-light-green) 70%, var(--IRIUM-oil-green) 100%);
        --IRIUM-to-right-gradient: linear-gradient(45deg, var(--IRIUM-oil-green) 0%, var(--IRIUM-pale-green) 100%);
        /* ------------------------------------------IRIUM SHADOWS----------------------------------------------------------------------- */
        --IRIUM-card-shadow: 0 2px 4px rgb(0 0 0 / 10%);
        --IRIUM-perspective-shadow: 0 20px 40px -10px rgb(0 0 0 / 30%);
        /* -----------------------------------------IRIUM FONTS-------------------------------------------------------------------------- */
        --IRIUM-poppins: 'Poppins', sans-serif;
        --IRIUM-playfair: 'Playfair Display', serif;
        /* -----------------------------------------IRIUM border radius------------------------------------------------------------------ */
        --IRIUM-radius-sm: 0px;
        --IRIUM-radius-lg: 0px;
        --IRIUM-styled-radius: 20px 0;
        /* ----------------------------------------RESPONSIVE FONT SIZE-------------------------------------------------------------------*/
        --IRIUM-size-h1: 28px;
        --IRIUM-size-h2: 22px;
        --IRIUM-size-h3: 18px;
        --IRIUM-size-h4: 16px;
        --IRIUM-size-h5: 14px;
        --IRIUM-size-root: 12px;
        --IRIUM-size-sm: 10px;
    }
    
    @media (min-width: 768px) {
         :root {
            --IRIUM-size-h1: 29px;
            --IRIUM-size-h2: 23px;
            --IRIUM-size-h3: 19px;
            --IRIUM-size-h4: 17px;
            --IRIUM-size-h5: 15px;
            --IRIUM-size-root: 13px;
            --IRIUM-size-sm: 11px;
        }
    }
    
    @media (min-width: 1200px) {
         :root {
            --IRIUM-size-h1: 30px;
            --IRIUM-size-h2: 24px;
            --IRIUM-size-h3: 20px;
            --IRIUM-size-h4: 18px;
            --IRIUM-size-h5: 16px;
            --IRIUM-size-root: 14px;
            --IRIUM-size-sm: 12px;
        }
    }
    
    *::selection {
        background: var(--IRIUM-club-red);
        color: var(--IRIUM-white);
        text-shadow: none;
    }
    /* ----------------------------------------------T3 overrides------------------------------------------------------------------------ */
    
    body.t3-has-navbar {
        background-color: var(--IRIUM-white);
        font-family: var(--IRIUM-poppins) !important;
        padding-top: 0;
    }
    
    @media (max-width: 992px) {
        #t3-mainbody {
            width: 100%;
        }
    }
    
    @media (min-width: 1200px) {
        #t3-mainbody {
            width: 80%;
            padding-top: 0;
        }
    }
    
    html.com_blank #t3-mainbody {
        display: none;
    }
    
    #t3-mainbody div.t3-content-block {
        background-color: transparent;
    }
    
    @media (max-width: 768px) {
        div.t3-content-block {
            padding: 0;
        }
    }
    
    .t3-top {
        padding-bottom: 20px;
        padding-top: 20px;
    }
    
    #t3-header>.container>.row {
        display: flex;
        align-items: center;
    }
    
    .t3-home-wide {
        background-color: var(--IRIUM-white);
    }
    
    @media (max-width: 1200px) and (min-width: 768px) {
        .t3-home-wide .logo-image {
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            margin: auto 0;
        }
    }
    
    nav.t3-navhelper {
        background-color: var(--IRIUM-white);
        padding: 60px 0;
    }
    
    .t3-footer {
        background-color: var(--IRIUM-oil-green) !important;
        font-family: var(--IRIUM-poppins)
    }
    
    .t3-footer .t3-footnav p {
        text-align: left;
    }
    
    @media (max-width: 768px) {
        .t3-footer .t3-footnav p {
            padding-left: 30px;
        }
    }
    
    .t3-footer .t3-footnav a {
        color: var(--IRIUM-white) !important;
        text-align: center;
        transition-property: color, text-shadow, background-color, border-color, box-shadow, opacity;
        transition-duration: 0.4s, 0.4s, 0.4s, 0.4s, 0.4s, 0.4s;
        transition-timing-function: ease, ease, ease, ease, ease, ease;
        transition-delay: 0s, 0s, 0s, 0s, 0s, 0s;
    }
    
    .t3-footer .t3-footnav a:hover {
        text-decoration: none !important;
        color: var(--IRIUM-light-green) !important;
    }
    
    .t3-copyright {
        background-color: var(--IRIUM-dark-green) !important;
        color: var(--IRIUM-white) !important;
        text-align: center;
        border-top: none;
    }
    
    #t3-community-toolbar {
        margin: 0;
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
    }
    
    .t3-community-toolbar .nav-pills li>a:hover,
    .t3-community-toolbar .nav-pills li>a:focus,
    .t3-community-toolbar .nav-pills li>a:focus-visible {
        border: none;
        background-color: transparent;
    }
    
    @media (max-width: 992px) {
        #t3-community-toolbar {
            flex-direction: row-reverse;
            justify-content: flex-start;
        }
    }
    
    .t3-header,
    .t3-community-toolbar {
        background-color: var(--IRIUM-white);
    }
    
    .t3-bottom {
        background-color: var(--IRIUM-light-gray);
        font-family: 'Poppins', sans-serif;
    }
    
    .t3-navhelper h3 {
        color: var(--IRIUM-oil-green);
        text-align: center;
        margin-bottom: 7vh;
        font-family: 'Playfair Display', serif;
    }
    
    .t3-module {
        background: var(--IRIUM-light-gray);
        box-shadow: 0 2px 4px rgb(0 0 0 / 10%);
    }
    
    .t3-module a {
        color: var(--IRIUM-oil-green);
    }
    
    .module-ct {
        word-wrap: break-word;
        background-color: var(--IRIUM-light-gray);
        padding: 0;
        color: var(--IRIUM-oil-green);
        font-size: var(--IRIUM-size-root);
    }
    
    div.t3-sidebar-left div.t3-module .module-ct .o-box,
    div.t3-sidebar-left div.t3-module .module-ct .mod-card,
    div.t3-sidebar-left div.t3-module .module-ct .mod-card__cover-wrap {
        border-radius: var(--IRIUM-radius-sm) !important;
    }
    
    .t3-top h2 {
        text-align: center;
        color: var(--IRIUM-oil-green);
        font-family: var(--IRIUM-playfair);
        font-weight: bold;
        letter-spacing: 2px;
        line-height: 1.3;
        padding-right: 30px;
        padding-left: 30px;
    }
    /* -------------------------------------------About and Help pages styling--------------------------------------------------------- */
    
    @media (min-width: 1200px) {
        .help-me .t3-top>.container,
        .about-club .t3-sl-2>.container {
            width: 80%;
        }
    }
    
    .about-club .t3-sl-2 {
        background-color: var(--IRIUM-oil-green);
    }
    
    .about-club #t3-mainbody,
    .about-club #t3-mainbody .t3-content,
    .about-club #t3-mainbody .t3-content-block {
        padding: 0;
    }
    
    .about-club .t3-top,
    .help-me .t3-top {
        padding: 0;
    }
    
    .about-club nav.t3-navhelper {
        background-color: var(--IRIUM-light-gray);
    }
    
    .about-club .t3-bottom {
        background-color: var(--IRIUM-white);
    }
    
    .help-me .t3-top .col-lg-12.col-md-12.col-sm-12.col-xs-12 {
        padding-left: 0;
        padding-right: 0;
    }
    /* -----------------------------------------------Bottom Form---------------------------------------------------------------------- */
    
    .bottom-clubad {
        display: grid;
        grid-template-columns: 100%;
        justify-content: space-between;
    }
    
    @media (min-width: 768px) {
        .bottom-clubad {
            display: grid;
            grid-template-columns: 45% 45%;
        }
    }
    
    .bottom-clubad>p {
        padding: 0 2vw;
        text-align: center;
        margin-bottom: 5vh;
    }
    
    .bottom-clubform>h5 {
        font-weight: bold;
        font-size: var(--IRIUM-size-h5);
        color: var(--IRIUM-oil-green);
        text-align: center;
    }
    
    @media (min-width: 768px) {
        .bottom-clubad>p,
        .bottom-clubform>h5 {
            text-align: justify;
        }
    }
    
    .bottom-clubform form.WebToLeadForm {
        width: 100%;
        border-radius: var(--IRIUM-radius-sm);
        background-color: var(--IRIUM-white) !important;
        border: 1px solid lightgray;
        padding: 34px 20px;
        color: var(--IRIUM-dark);
        font-size: var(--IRIUM-size-sm);
        box-shadow: none;
        margin: 0;
    }
    /* -----------------------------------------------Breadcrumb----------------------------------------------------------------------- */
    /* That is the breadcrumb container */
    
    div.t3-navhelper {
        background: var(--IRIUM-club-red);
    }
    
    ol.breadcrumb,
    ol.breadcrumb a,
    .breadcrumb>.active {
        color: var(--IRIUM-white) !important;
    }
    
    ol.breadcrumb li::before {
        display: none !important;
    }
    
    ol.breadcrumb li .divider {
        display: inline-block;
        margin: 0 7px;
    }
    /* -----------------------------------------------back to top---------------------------------------------------------------------- */
    
    .back-to-top {
        background-color: var(--IRIUM-light-green);
        box-shadow: 0 2px 4px rgb(0 0 0 / 10%);
        border-radius: var(--IRIUM-radius-lg);
    }
    
    .back-to-top:hover {
        background-color: var(--IRIUM-light-green);
    }
    /* ******************************************************************************************************************************** */
    /* ---------------------------------------------MODULES AND COMPONENTS STYLING----------------------------------------------------- */
    /* ******************************************************************************************************************************** */
    /* 
    **
    **
    */
    /* ---------------------------------------------Accordeon FAQ---------------------------------------------------------------------- */
    
    .club-faq .faq-accordion .module-title--simple {
        color: var(--IRIUM-oil-green);
    }
    
    .club-faq .faq-accordion .module-title--simple::before {
        font-family: "Font Awesome 5 Free";
        content: "\f2bb";
        left: 0;
        margin-right: 10px;
        font-size: var(--IRIUM-size-h2);
    }
    
    .club-faq .faq-accordion .panel {
        border-radius: var(--IRIUM-radius-sm);
        border: 1px solid lightgray;
        background-color: var(--IRIUM-light-gray);
        color: var(--IRIUM-club-red);
        box-shadow: var(--IRIUM-card-shadow);
    }
    
    .club-faq .faq-accordion .panel-heading {
        border-radius: var(--IRIUM-radius-sm);
        color: var(--IRIUM-oil-green);
        background-color: var(--IRIUM-white);
    }
    
    .club-faq .faq-accordion .panel-title>a {
        color: var(--IRIUM-oil-green) !important;
    }
    
    .club-faq .faq-accordion .panel-title>a:hover,
    .club-faq .faq-accordion .panel-title>a:focus {
        text-decoration: none;
        color: var(--IRIUM-light-green) !important;
    }
    /* ------------------------------------------------Advanced cookies component------------------------------------------------------------ */
    
    #setting {
        z-index: 2;
    }
    
    #setting_btn {
        border-radius: var(--IRIUM-radius-lg);
    }
    
    .button_custom {
        font-family: var(--IRIUM-poppins);
    }
    
    .accepter_tous {
        color: var(--IRIUM-white) !important;
        background-color: var(--IRIUM-light-green) !important;
        border: 2px solid var(--IRIUM-light-green) !important;
        border-radius: var(--IRIUM-radius-sm);
    }
    
    .accepter_tous:hover,
    .accepter_tous:focus {
        background-color: var(--IRIUM-clear-green) !important;
        border-color: var(--IRIUM-clear-green) !important;
    }
    
    .refuse_tous {
        background-color: var(--IRIUM-club-red) !important;
        border: 2px solid var(--IRIUM-club-red) !important;
        color: var(--IRIUM-white) !important;
        border-radius: var(--IRIUM-radius-sm);
    }
    
    .refuse_tous:hover,
    .refuse_tous:focus {
        border-color: var(--IRIUM-sat-red) !important;
        background-color: var(--IRIUM-sat-red) !important;
    }
    
    .valider {
        background-color: unset !important;
        background: var(--IRIUM-to-right-gradient);
        border: none !important;
        border-radius: var(--IRIUM-styled-radius);
        padding: 8px 16px !important;
        text-transform: uppercase;
        font-weight: bold;
        transition: all .4s ease-in-out;
    }
    
    .valider:hover {
        color: var(--IRIUM-white) !important;
        transform: scale(1.1);
    }
    
    .tabcontent p,
    .tab button,
    .tabcontent h3,
    .tabcontent ul li {
        color: var(--IRIUM-dark) !important;
    }
    
    input:checked+.hob_modal_slider {
        background-color: var(--IRIUM-light-green) !important;
    }
    
    .switch {
        display: table-cell;
    }
    
    .hob_modal .switch {
        display: inline-block;
    }
    /* ---------------------------------------------Joomla! language switcher module------------------------------------------------------ */
    
    div.mod-languages a.dropdown-toggle {
        font-size: var(--IRIUM-size-h4);
        color: var(--IRIUM-oil-green) !important;
    }
    
    .btn-group.open .dropdown-toggle {
        box-shadow: none;
    }
    
    div.mod-languages ul.dropdown-menu {
        top: 110%;
        font-size: var(--IRIUM-size-sm);
        margin-left: 14px;
        transform: translateX(-50%);
        padding: 0;
        border-radius: var(--IRIUM-radius-sm);
        background-color: var(--IRIUM-oil-green);
        box-shadow: none;
        border: none;
    }
    
    div.mod-languages ul.dropdown-menu li:first-child a::before {
        content: '';
        display: block;
        border-color: transparent transparent var(--IRIUM-oil-green) transparent;
        border-style: solid;
        border-width: 7px;
        /* The border on the drop down box  */
        position: absolute;
        bottom: 100%;
        left: 50%;
        margin-left: -7px;
        transition: all .4s ease;
    }
    
    div.mod-languages ul.dropdown-menu>li {
        word-wrap: break-word;
        margin: 0;
    }
    
    div.mod-languages ul.dropdown-menu>li>a {
        text-align: left;
        white-space: unset;
        word-wrap: break-word;
        padding: 8px 12px;
        color: var(--IRIUM-white);
        display: grid;
        grid-template-columns: auto auto;
        grid-column-gap: 7px;
        transition: all .4s ease;
    }
    
    div.mod-languages ul.dropdown-menu>li>a:hover {
        background-color: var(--IRIUM-light-green);
    }
    
    div.mod-languages ul.dropdown-menu>li>a:hover::before {
        border-color: transparent transparent var(--IRIUM-light-green) transparent;
    }
    
    div.mod-languages ul.dropdown-menu>li>a>img {
        margin: auto 0;
    }
    
    .highlighted {
        background: none !important;
    }
    /* --------------------------------------------Slideshow CK custom style------------------------------------------------------------ */
    
    .slideshowck .camera_caption {
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 100%;
        width: 100%;
        padding: 0 5vw;
    }
    
    .slideshowck .camera_caption .camera_caption_title {
        line-height: 1.3;
        font-size: 35px;
        font-family: var(--IRIUM-playfair);
        letter-spacing: 1.5px;
        margin-bottom: 30px;
    }
    
    .slideshowck .camera_caption .camera_caption_desc {
        line-height: 1.7;
        font-size: var(--IRIUM-size-h3);
        font-family: var(--IRIUM-poppins);
        font-weight: normal;
    }
    
    .slideshowck .camera_bar_cont {
        background-color: var(--IRIUM-club-red) !important;
    }
    
    .slideshowck .camera_bar_cont>span {
        background-color: var(--IRIUM-oil-green) !important;
        top: 0 !important;
        height: 100%;
    }
    
    .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent>span {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: var(--IRIUM-white);
        border-radius: 100%;
    }
    
    .slideshowck .irium-styled-link {
        margin: 20px 0 0 0;
    }
    
    .slideshowck .irium-styled-link:hover {
        margin: 20px 0 0 0;
        padding: 6px 18px;
    }
    
    .slideshowck .cameraSlide {
        filter: brightness(0.5) grayscale(50%);
    }
    
    .slideshowck .camera_overlayer {
        background-color: rgba(86, 185, 163, 0.3);
    }
    
    .camera_prevThumbs,
    .camera_nextThumbs,
    .camera_prev,
    .camera_next,
    .camera_commands,
    .camera_thumbs_cont {
        background: var(--IRIUM-club-red);
    }
    
    .slideshowck .camera_pag {
        position: absolute;
        bottom: 0;
        width: 100%;
        display: flex;
        justify-content: center;
    }
    
    @media (min-width: 992px) {
        .slideshowck .camera_caption {
            padding: 0 25vw;
        }
    }
    
    @media(max-width: 600px) {
        .slideshowck,
        .cameraSlide>img {
            height: 100vh !important;
            margin-top: 0 !important;
            width: auto !important;
        }
    }
    
    @media (min-width:600px) and (max-width:992px) {
        .slideshowck,
        .cameraSlide>img {
            height: 80vh !important;
            margin-top: 0 !important;
            width: auto !important;
        }
    }
    /* -------------------------------------------Slider CK----------------------------------------------------------------------------- */
    
    .swiper-container {
        padding-bottom: 50px;
        padding-right: 50px;
        padding-left: 50px;
    }
    
    .swiper-pagination {
        bottom: 0px !important;
    }
    
    .swiper-pagination-bullet {
        width: 15px;
        height: 15px;
    }
    
    .swiper-button-next {
        right: 5px !important;
    }
    
    .swiper-button-prev {
        left: 5px !important;
    }
    
    .swiper-button-prev,
    .swiper-button-next {
        top: calc((100% - 50px)*0.5);
    }
    
    .swiper-img-cont {
        width: fit-content;
        margin: 0 auto;
        border-radius: 100%;
    }   

    .carrousel-fonction .swiper-img-cont {
        width: fit-content;
        margin: 0 auto;
        border-radius: 0 !important;
        width: 100%;
        background-size: cover !important;
    }
    .carrousel-fonction {
        display: flex;
        flex-direction: row-reverse;
    }

    .carrousel-fonction .swiper-slide .swiper-caption {
        position: absolute;
        top: inherit !important;
        bottom: 50px !important;
        height: auto;
        background: #054A54;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        padding: 15px;
        width: auto;
        max-width: 90%;
    }    
    
    .carrousel-fonction .swiper-slide .swiper-caption .swiper-title {
        padding-top: 0;
    }

    .carrousel-fonction .gallery-thumbs {
        width: 400px        
    }  

    .carrousel-fonction .gallery-thumbs .swiper-wrapper {
        transition-duration: 0ms;
        transform: none !important;
        display: flex;
        flex-direction: column;
    }
    .carrousel-fonction .gallery-thumbs .swiper-wrapper .swiper-slide {
        width: 100% !important;
        height: 100px !important;
        font-size: 1.4em;
        font-weight: bold;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--IRIUM-oil-green);
        background-color: var(--IRIUM-white);
        background-image: linear-gradient(to right,var(--IRIUM-club-red) 50%,var(--IRIUM-white) 50%);
        background-position: right bottom;
        background-size: 200% 100%;
        transition: all .4s ease-out,border 0s;
        cursor: pointer;
        opacity: 1;
        margin-bottom: 30px;
    }

    .carrousel-fonction .gallery-thumbs .swiper-wrapper .swiper-slide:hover,
    .carrousel-fonction .gallery-thumbs .swiper-wrapper .swiper-slide-active {
        background-position: left bottom;
        border: 5px solid var(--IRIUM-white);
        color: var(--IRIUM-white);
    }

    .carrousel-fonction .siwper-container-big  {
        width: calc(100% - 400px);
    }

    @media (max-width: 680px) {
        .swiper-container-multirow {
            height: calc(200px*2 + 50px) !important;
        }
        .swiper-slide {
            margin-right: 50px;
        }
    }
    
    .company-carousel h3 {
        font-family: var(--IRIUM-playfair);
        letter-spacing: 1.5px;
        margin-bottom: 70px;
    }
    /* ---------------------------------------------Playlist CK------------------------------------------------------------------------- */
    
    .playlistck_wrap_cont {
        background-color: transparent;
    }
    
    .playlistck_thumbs_cont {
        height: auto;
    }
    
    .playlistck_thumbs_cont .playlistck_thumbs_ul {
        top: 0 !important;
    }
    
    .playlistck_thumbs_cont .playlistck_thumbs_li {
        height: 120px !important;
        margin-bottom: 20px;
    }
    
    .playlistck_thumbs_cont .playlistck_thumbs_li>div {
        margin: 0;
    }
    
    @media (min-width: 768px) {
        .playlistck_thumbs_cont .playlistck_thumbs_li>div {
            margin: 0 5% 0 0;
        }
    }
    
    .playlistck_thumbs_caption {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--IRIUM-oil-green);
        background-color: var(--IRIUM-white);
        box-shadow: var(--IRIUM-card-shadow);
        background-image: linear-gradient(to right, var(--IRIUM-club-red) 50%, var(--IRIUM-white) 50%);
        background-position: right bottom;
        background-size: 200% 100%;
        transition: all .4s ease-out, border 0s;
        cursor: pointer;
    }
    
    .playlistck_thumbs_caption:hover,
    .playlistck_thumbs_li.playlistckcurrent .playlistck_thumbs_caption {
        background-position: left bottom;
        border: 5px solid var(--IRIUM-white);
        color: var(--IRIUM-white);
    }
    
    .playlistck_thumbs_caption_title {
        font-size: var(--IRIUM-size-h2);
        font-family: var(--IRIUM-poppins);
        font-weight: bold;
        text-shadow: none;
    }
    
    .playlistck_thumbs_slider {
        display: none;
    }
    
    @media (max-width: 768px) {
        .playlistck_thumbs_ul {
            display: flex;
            flex-direction: column;
        }
        .playlistck_fakehover {
            transition: all .4s ease;
        }
        .playlistck_wrap img {
            height: 100% !important;
            width: 100% !important;
            margin-right: 0 !important;
            margin-left: 0 !important;
        }
        .playlistck_thumbs_cont .playlistck_thumbs_li.playlistckcurrent {
            margin-bottom: 0;
        }
    }
    /* ************************************************************************************************************************************ */
    /* -----------------------------------------Easy Social overrides---------------------------------------------------------------------- */
    /* ************************************************************************************************************************************ */
    /* 
    **
    **
    */
    
    .es-toolbar {
        margin-bottom: 0 !important;
        border: none !important;
        width: 100% !important;
        background-color: transparent;
        align-items: center;
    }
    
    #es .es-toolbar__avatar .o-avatar-v2--toolbar {
        border: 2px solid var(--IRIUM-light-green);
    }
    
    #es .es-toolbar__item--action .es-toolbar__link:hover {
        background: var(--IRIUM-white) !important;
        border: 2px solid var(--IRIUM-white) !important;
    }
    
    #es .es-container__sidebar,
    #es .es-container .es-content {
        width: 100%;
        flex: unset;
        -webkit-flex: unset;
        margin: 0 auto;
    }
    
    @media (min-width: 768px) {
        #es .es-container__sidebar {
            width: 33.33333333%;
        }
        #es .es-container .es-content {
            width: 66.66666667%;
        }
    }
    
    @media (min-width: 992px) {
        #es .es-container__sidebar {
            width: 25%;
        }
        #es .es-container .es-content {
            width: 75%;
            padding-left: 20px;
        }
    }
    
    #es .es-toolbar__item--search {
        top: unset;
        left: unset;
        right: 0;
        background-color: var(--IRIUM-oil-green);
    }
    
    #es.is-mobile .es-toolbar__item--search {
        width: 100%;
    }
    
    @media (min-width: 768px) {
        #es .es-toolbar__item--search {
            width: 750px;
        }
    }
    
    @media (min-width: 992px) {
        #es .es-toolbar__item--search {
            width: 970px;
        }
    }
    
    @media (min-width: 1200px) {
        #es .es-toolbar__item--search {
            padding: 24px;
            width: 1170px;
        }
    }
    
    #es,
    #es input,
    #es button,
    #es select,
    #es textarea {
        font-family: 'Poppins', sans-serif !important;
    }
    
    .es-toolbar__search-input {
        background-color: var(--IRIUM-white) !important;
        color: var(--IRIUM-oil-green) !important;
        border-bottom: 2px solid var(--IRIUM-oil-green) !important;
    }
    
    #es .es-toolbar__search-close-btn>a,
    #es .es-toolbar__search .btn-toolbar-search,
    #es .es-toolbar__search-filter a {
        background-color: var(--IRIUM-white);
        color: var(--IRIUM-oil-green);
        border: none;
    }
    
    #es .es-toolbar__search-input {
        background-color: var(--IRIUM-oil-green) !important;
        border: none;
        border-bottom: 2px solid var(--IRIUM-white) !important;
        color: var(--IRIUM-white) !important;
    }
    
    #es .es-toolbar__search-input::placeholder {
        color: var(--IRIUM-white);
    }
    
    #es .es-toolbar-profile-cover {
        border-radius: var(--IRIUM-radius-sm);
    }
    
    #es .o-onoffswitch__checkbox:checked+.o-onoffswitch__label {
        background-color: var(--IRIUM-light-green);
    }
    
    #es .o-onoffswitch__checkbox:checked+.o-onoffswitch__label,
    #es .o-onoffswitch__checkbox:checked+.o-onoffswitch__label,
    #es .o-onoffswitch__checkbox:checked+.o-onoffswitch__label:before {
        border-color: var(--IRIUM-light-green);
    }
    
    #es .es-dialog {
        z-index: 2000 !important;
    }
    
    #es .es-login-box {
        padding: 0;
        border-radius: var(--IRIUM-radius-sm);
        box-shadow: 0px 0px 5px gray;
    }
    
    #es .es-login-box__form {
        box-shadow: 0px 0px 5px gray;
        border-radius: var(--IRIUM-radius-sm);
    }
    
    @media (max-width: 360px) {
        #es .es-login-box__form-wrap {
            max-width: 300px;
        }
    }
    
    #es .o-form-control {
        border-radius: var(--IRIUM-radius-sm);
    }
    
    #es .o-control-label span:first-child {
        color: var(--IRIUM-club-red);
    }
    
    #es .es-login-box__msg-title {
        font-size: var(--IRIUM-size-h3);
    }
    
    #es .es-login-box__msg-desc {
        font-size: var(--IRIUM-size-h4);
    }
    
    #es .o-checkbox input[type="checkbox"]:checked+label:before {
        background-color: var(--IRIUM-light-green);
        border-color: var(--IRIUM-light-green);
    }
    
    #es .btn-es-primary-o {
        background-color: var(--IRIUM-light-green) !important;
        font-size: var(--IRIUM-size-root);
        border-radius: var(--IRIUM-radius-sm);
        border: none !important;
        color: var(--IRIUM-white) !important;
        transition: all .4s ease;
    }
    
    #es .btn-es-primary-o:hover {
        color: var(--IRIUM-white) !important;
        background-color: var(--IRIUM-clear-green) !important;
    }
    
    #es .btn-es-primary-o:active,
    #es .btn-es-primary-o.active,
    .open>.dropdown-toggle#es .btn-es-primary-o {
        background-color: var(--IRIUM-light-green) !important;
        color: var(--IRIUM-white) !important;
    }
    
    #es .btn-es-primary-o:focus,
    #es .btn-es-primary-o.focus {
        color: var(--IRIUM-white) !important;
    }
    
    #es .es-mobile-filter-slider__btn,
    #es .btn-es-default {
        border: none !important;
    }
    
    #es .btn-es-default-o:hover,
    #es .btn-es-default:hover {
        color: var(--IRIUM-white) !important;
        background: var(--IRIUM-clear-green)!important;
        border: none;
    }
    
    #es .btn-es-default-o:active:hover,
    #es .btn-es-default-o:active:focus,
    #es .btn-es-default-o:active.focus,
    #es .btn-es-default-o.active:hover,
    #es .btn-es-default-o.active:focus,
    #es .btn-es-default-o.active.focus,
    .open>.dropdown-toggle#es .btn-es-default-o:hover,
    .open>.dropdown-toggle#es .btn-es-default-o:focus,
    .open>.dropdown-toggle#es .btn-es-default-o.focus {
        color: var(--IRIUM-white) !important;
    }
    
    #es .es-login-box__msg {
        text-shadow: 0px 0px 5px gray;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: rgba(0, 0, 0, 0.4);
        padding-bottom: 32px;
    }
    
    div.es-login-box__msg div.register-wrap a.btn-es-primary {
        width: fit-content !important;
        border: none !important;
        border-radius: var(--IRIUM-styled-radius) !important;
        padding: 6px 18px !important;
        line-height: 25px !important;
        margin: 0 auto!important;
        transition: all .4s ease !important;
    }
    
    #es .es-login-box .btn-es-primary,
    #es .es-login-box .btn-es-primary:hover {
        background: var(--IRIUM-to-right-gradient) !important;
    }
    
    div.es-login-box__msg div.register-wrap a.btn-es-primary:hover {
        background: var(--IRIUM-to-right-gradient);
        transform: scale(1.1);
    }
    
    #es .es-toolbar__link.has-new .es-toolbar__link-bubble {
        line-height: 14px !important;
        font-size: var(--IRIUM-size-sm) !important;
    }
    
    #es .btn-es-default-o,
    #es .btn-es-default-o:active,
    #es .btn-es-default-o:focus,
    #es .btn-es-primary,
    #es .btn-popdown,
    #es .btn-sm {
        font-weight: bold;
        font-size: var(--IRIUM-size-root) !important;
        padding: 6px 18px;
        background: var(--IRIUM-light-green) !important;
        color: var(--IRIUM-white) !important;
        border: none !important;
        border-radius: var(--IRIUM-radius-sm);
        transition: all .4s ease-in-out;
    }
    
    #es .es-stream-filter-bar .o-btn-group.open .dropdown-toggle_ {
        background: var(--IRIUM-light-green) !important;
        color: var(--IRIUM-white) !important;
    }
    
    #es .es-snackbar2 {
        flex-direction: column-reverse;
        align-items: flex-end;
        background-color: transparent;
        border-radius: var(--IRIUM-radius-sm);
        /* padding: 8px 0px 8px 16px; */
        padding: 8px 0;
    }
    
    #es .es-snackbar2__context {
        box-shadow: 0 2px 4px rgb(0 0 0 / 10%);
        background: var(--IRIUM-light-gray);
        padding: 8px 16px;
        text-align: left;
        width: 100%;
    }
    
    #es .es-snackbar2__actions {
        margin-bottom: 16px;
    }
    
    #es .es-snackbar2__title {
        font-weight: bold;
    }
    
    #es .es-cards--2 {
        padding: 0 16px;
    }
    
    @media (min-width: 768px) {
        #es .es-cards--2 {
            /* padding: 0 0 0 16px; */
            padding: 0;
        }
    }
    
    #es .es-card {
        box-shadow: var(--IRIUM-card-shadow);
        border: none;
        border-radius: var(--IRIUM-radius-sm);
        background: var(--IRIUM-light-gray);
    }
    
    #es .es-card__meta {
        color: var(--IRIUM-oil-green);
    }
    
    #es .es-card--border {
        border-top: 1px solid var(--IRIUM-light-gray);
        background: var(--IRIUM-light-gray);
    }
    
    #es .es-card__bd {
        padding: 50px 30px 22px !important;
    }
    
    #es .es-card__meta a {
        color: var(--IRIUM-dark);
    }
    
    div#es .es-card__avatar,
    #es .es-card__calendar-date {
        left: 30px !important;
        height: 60px !important;
        width: 60px !important;
    }
    
    #es .es-card__avatar .o-avatar-v2 {
        width: 60px;
        height: 60px;
    }
    
    #es .es-card__ft {
        padding: 15px 30px;
        background-color: transparent;
    }
    
    #es .es-card .embed-responsive-item,
    #es .es-card__cover {
        border-radius: var(--IRIUM-radius-sm);
    }
    
    #es .es-side-widget {
        background-color: var(--IRIUM-light-gray);
        padding: 20px;
        box-shadow: var(--IRIUM-card-shadow);
        border-radius: var(--IRIUM-radius-sm);
    }
    
    #es .es-hr {
        margin: 10px 0;
        visibility: hidden;
    }
    
    #es .es-side-widget__title {
        text-align: center;
        padding-bottom: 5px;
        border-bottom: 1px solid var(--IRIUM-light-gray);
        font-weight: bold;
        font-size: var(--IRIUM-size-h5);
        color: var(--IRIUM-oil-green);
    }
    
    #es .t-text--muted,
    #es .es-stream-embed__meta {
        color: var(--IRIUM-dark) !important;
    }
    
    #es .is-ads .t-text--muted {
        color: var(--IRIUM-dark) !important;
        padding: 0 20px;
    }
    
    #es .o-tabs--stacked .o-tabs__item.active>.o-tabs__link,
    #es .o-tabs--stacked .o-tabs__item>.o-tabs__link {
        border: none;
        background-color: transparent;
    }
    
    #es .o-tabs--stacked .o-tabs__item>.o-tabs__link:hover {
        color: var(--IRIUM-light-green);
        background-color: transparent;
    }
    
    #es .o-tabs--stacked .o-tabs__item.active>.o-tabs__bubble {
        background-color: var(--IRIUM-light-green);
        color: var(--IRIUM-white);
    }
    
    #es .es-side-widget .o-tabs__link {
        color: var(--IRIUM-dark);
    }
    
    #es .es-stream-list>li {
        background-color: var(--IRIUM-light-gray);
        padding: 30px;
        box-shadow: var(--IRIUM-card-shadow);
        border-radius: var(--IRIUM-radius-sm);
    }
    
    #es .es-stream-list>li+li {
        border: none;
    }
    
    #es .es-stream-embed {
        border-radius: var(--IRIUM-radius-sm);
        border: 1px solid lightgray;
        box-shadow: var(--IRIUM-card-shadow);
    }
    
    #es .es-stream-embed__player {
        border-radius: 0;
    }
    
    #es .o-box {
        border: none;
    }
    
    #es .o-box--border {
        border: 1px solid lightgray;
        background: white;
        border-radius: var(--IRIUM-radius-sm);
    }
    
    .view-registration body,
    .layout-steps body,
    .layout-create body,
    .view-conversations body {
        background-color: var(--IRIUM-light-gray);
    }
    
    #es .es-noti__item {
        background-color: var(--IRIUM-light-gray);
        border: none;
        box-shadow: var(--IRIUM-card-shadow);
    }
    
    #es .es-noti__item+.es-noti__item {
        margin-top: 20px;
    }
    
    #es .es-noti__date {
        color: var(--IRIUM-dark);
    }
    
    #es.view-notifications .es-snackbar2 {
        padding: 8px 0;
    }
    
    #es .es-convo-sidebar-tab>li.active>a {
        color: var(--IRIUM-light-green);
    }
    
    #es.view-registration .es-content,
    #es.layout-create .es-content,
    #es.layout-steps .es-content,
    #es.view-apps .es-content,
    #es.layout-form .es-content,
    #es.view-videos.layout-item .es-content,
    #es.view-badges .es-content,
    #es.view-points .es-content {
        width: 100%;
        padding-left: 0;
    }
    
    #es.view-registration .es-snackbar2,
    #es.layout-create .es-snackbar2,
    #es.layout-steps .es-snackbar2 {
        padding: 0;
    }
    
    #es.view-registration .es-snackbar2__context,
    #es.layout-create .es-snackbar2__context,
    #es.layout-steps .es-snackbar2__context {
        position: relative;
        box-shadow: none;
        background-color: transparent;
    }
    
    #es.view-registration .es-snackbar2__title,
    #es.layout-create .es-snackbar2__title,
    #es.layout-steps .es-snackbar2__title {
        font-size: var(--IRIUM-size-h4);
        color: var(--IRIUM-oil-green);
        position: relative;
        padding: 0 10px;
    }
    
    #es.layout-steps .es-snackbar2__context::before,
    #es.layout-create .es-snackbar2__context::before {
        content: "";
        background-color: var(--IRIUM-light-green);
        height: 2px;
        width: calc(100% - 16px - 18px);
        position: absolute;
        bottom: 0;
        left: 18px;
        opacity: .3;
    }
    
    #es.layout-steps .es-snackbar2__context::after,
    #es.layout-create .es-snackbar2__context::after {
        content: "";
        background: var(--IRIUM-light-green);
        height: 100%;
        width: 2px;
        position: absolute;
        top: 0;
        left: 16px;
        opacity: .3;
    }
    
    #es.view-videos .es-comments-wrap,
    #es.view-albums .es-comments-wrap {
        box-shadow: var(--IRIUM-card-shadow);
    }
    
    #es .g-list-flex>li>div,
    #es .g-list-flex>li>a {
        color: var(--IRIUM-dark);
    }
    
    #es .es-explorer {
        box-shadow: var(--IRIUM-card-shadow);
    }
    
    #es .es-snackbar2+p {
        padding: 0 16px;
    }
    
    #es .list-profiles-type .o-box {
        background-color: var(--IRIUM-white);
        border-radius: var(--IRIUM-radius-sm);
        border: 1px solid lightgray;
    }
    
    #es .list-profiles-type .o-box .o-box--border {
        border-radius: 0 0 8px 8px;
        border: none;
        border-top: 1px solid lightgray;
    }
    
    #es .es-forms,
    #es .mod-es-dating-search-form {
        background-color: var(--IRIUM-white);
        border-radius: var(--IRIUM-radius-sm);
    }
    
    #es .es-forms {
        border: 1px solid lightgray;
    }
    
    #es:not(.is-mobile) .es-forms {
        padding: 34px 20px;
    }
    
    #es.is-mobile .es-forms {
        padding: 10px;
    }
    
    #es.layout-editNotifications .es-forms__content {
        padding: 0 16px;
    }
    
    #es:not(.is-mobile) .es-forms .o-form-group {
        padding: 0 16px;
    }
    
    #es .o-form-horizontal .radio,
    #es .o-form-horizontal .checkbox {
        margin-left: 20px;
    }
    
    #es .es-forms .o-form-control,
    #es .mod-es-dating-search-form .o-form-control {
        border: none;
        background-color: var(--IRIUM-light-gray);
        box-shadow: none;
        -webkit-box-shadow: none;
        color: var(--IRIUM-dark);
    }
    
    #es .es-forms .o-form-control::placeholder,
    #es .mod-es-dating-search-form .o-form-control::placeholder {
        color: var(--IRIUM-dark);
    }
    
    #es .o-select-group__drop {
        color: var(--IRIUM-dark);
        z-index: 2;
    }
    
    #es .o-radio input[type="radio"]:checked+label:before {
        background-color: var(--IRIUM-light-green);
        border-color: var(--IRIUM-light-green);
    }
    
    #es .o-checkbox label::before {
        border-color: var(--IRIUM-dark);
    }
    
    #es .o-form-actions {
        border: none;
        background-color: transparent;
    }
    
    #es button .dropdown-menu--popdown__desp {
        color: var(--IRIUM-white);
    }
    
    #es .o-input-group__addon {
        color: var(--IRIUM-white);
        border: none;
        border-radius: var(--IRIUM-radius-sm);
        background-color: var(--IRIUM-light-green);
    }
    
    #es .data-field-textarea textarea {
        border-radius: var(--IRIUM-radius-sm);
        border: 1px solid var(--IRIUM-dark);
        box-shadow: none;
    }
    
    #es .es-stream-filter-bar {
        background: transparent;
    }
    
    #es .es-story-body {
        background-color: var(--IRIUM-light-gray) !important;
        border-radius: var(--IRIUM-radius-sm);
        border: none;
        box-shadow: var(--IRIUM-card-shadow);
    }
    
    #es .es-polls {
        background: white;
        border-radius: var(--IRIUM-radius-sm);
        border: 1px solid lightgray;
        box-shadow: var(--IRIUM-card-shadow);
    }
    
    #es.layout-create .es-polls {
        box-shadow: none;
        border: none;
    }
    
    #es .es-polls__progress .progress-bar {
        background-color: #7297a0;
    }
    
    #es .es-polls__progress {
        background: lightgray;
    }
    
    #es .mod-es-recentpolls .es-polls+.es-polls {
        border-color: lightgray;
        margin-top: 20px;
    }
    
    #es .es-polls__count {
        color: var(--IRIUM-dark);
    }
    
    #es:not(.is-mobile, .view-stream) .es-streams {
        padding: 0 16px;
    }
    
    #es .es-stream-embed__meta {
        padding: 0 20px;
        font-size: var(--IRIUM-size-root);
    }
    
    #es .es-stream-embed__title {
        padding: 20px 20px 8px 20px;
        font-size: var(--IRIUM-size-h4);
    }
    
    #es .es-stream-embed.is-video {
        background: var(--IRIUM-light-gray);
        margin: 0 -30px;
        border: none;
        box-shadow: none;
    }
    
    #es .es-stream-embed.is-video .es-stream-embed__title {
        padding: 20px 30px 8px 30px;
    }
    
    #es .es-stream-embed.is-video .es-stream-embed__meta {
        padding: 0 30px;
    }
    
    #es .g-list-inline {
        font-size: var(--IRIUM-size-root);
        color: var(--IRIUM-dark);
    }
    
    #es .g-list-inline>li {
        font-size: var(--IRIUM-size-root);
    }
    
    #es .es-actions-list a {
        color: var(--IRIUM-dark);
        font-size: var(--IRIUM-size-root);
    }
    
    #es .es-stream-content {
        padding: 0 20px !important;
    }
    
    #es {
        font-size: var(--IRIUM-size-root);
    }
    
    #es .es-stream-control>.dropdown-menu>li.divider {
        margin: 0;
    }
    
    #es .dropdown-menu {
        border: 1px solid lightgray;
        border-radius: var(--IRIUM-radius-sm);
        box-shadow: var(--IRIUM-card-shadow);
    }
    /* @keyframes moveGradient {
  50% {
    background-position: 100% 50%;
  }
} */
    
    #es.popbox--cluster {
        --border-width: 2px;
        border-radius: var(--IRIUM-radius-sm);
        z-index: 1000;
        font-size: var(--IRIUM-size-root);
        background: var(--IRIUM-white);
        box-shadow: var(--IRIUM-card-shadow);
        position: relative;
    }
    
    #es .popbox-label {
        color: var(--IRIUM-light-green);
    }
    
    #es.popbox .popbox-content {
        background: var(--IRIUM-white);
        border-radius: var(--IRIUM-radius-sm);
    }
    
    #es .popbox-label {
        background-color: var(--IRIUM-light-gray);
    }
    
    #es.popbox--cluster a,
    #es.popbox--cluster a:hover {
        color: var(--IRIUM-light-green);
    }
    
    #es .popbox-label__meta {
        color: var(--IRIUM-light-green);
    }
    
    #es.popbox--cluster .btn {
        background-color: var(--IRIUM-light-green) !important;
        color: var(--IRIUM-white) !important;
        border: none !important;
    }
    
    #es.popbox--cluster .popbox-content>*+* {
        border-top: 1px solid lightgray;
    }
    
    #es.popbox--cluster .btn-es-danger-o,
    #es .btn-es-danger-o,
    #es .btn-es-success-o {
        background-color: var(--IRIUM-light-green) !important;
        color: var(--IRIUM-white) !important;
        padding: 6px 18px;
        border: none;
        box-shadow: var(--IRIUM-card-shadow);
        font-size: var(--IRIUM-size-root);
        height: 100%;
    }
    
    #es.popbox--cluster .btn-es-danger-o:hover,
    #es .btn-es-danger-o:hover,
    #es .btn-es-success-o:hover {
        color: var(--IRIUM-white) !important;
    }
    
    #es .o-btn-group .btn+.btn,
    #es .o-btn-group .btn+.o-btn-group,
    #es .o-btn-group .o-btn-group+.btn,
    #es .o-btn-group .o-btn-group+.o-btn-group {
        margin-left: 5px;
    }
    
    #es .es-reaction-stats {
        background-color: var(--IRIUM-light-gray);
    }
    
    #es .es-comments-form .es-form {
        padding: 8px 20px;
        border-radius: var(--IRIUM-radius-sm);
        border: 1px solid lightgray;
        background: var(--IRIUM-white);
    }
    
    #es .es-comments-form__footer .btn {
        margin-top: 8px !important;
    }
    
    #es .es-comments-wrap {
        background-color: var(--IRIUM-light-gray) !important;
    }
    
    #es .es-profile-header {
        border: none;
        border-radius: var(--IRIUM-radius-sm);
        background: var(--IRIUM-light-gray);
        box-shadow: var(--IRIUM-card-shadow);
    }
    
    #es .es-streams .es-profile-header {
        border: 1px solid lightgray;
        border-radius: var(--IRIUM-radius-sm);
        background: var(--IRIUM-white);
    }
    
    #es .es-profile-header-nav {
        border: none;
        border-radius: var(--IRIUM-radius-sm);
        background: var(--IRIUM-light-gray);
    }
    
    #es .es-profile-header-nav__link {
        font-size: var(--IRIUM-size-root);
        color: var(--IRIUM-dark);
        padding-bottom: 16px;
    }
    
    @media (min-width: 768px) {
        #es .es-profile .es-streams {
            padding: 0 0 0 16px;
        }
    }
    
    #es .es-profile-header__cover {
        border-radius: var(--IRIUM-radius-sm);
    }
    
    #es .es-streams .es-profile-header__cover {
        border-radius: var(--IRIUM-radius-sm);
    }
    
    #es .es-profile-header__ft {
        border-color: lightgray;
        padding: 10px 16px;
    }
    
    #es .es-profile-header__title>a,
    #es .es-profile-header__meta a,
    #es .es-profile-header__bd-widget a {
        color: #054a54;
    }
    
    #es .es-profile-header__title>a:hover,
    #es .es-profile-header__meta a:hover,
    #es .es-profile-header__bd-widget a:hover {
        color: var(--IRIUM-clear-green);
    }
    
    #es .es-teaser-date {
        color: var(--IRIUM-dark);
    }
    
    #es .es-nav-pills .o-nav__link {
        color: var(--IRIUM-dark);
    }
    
    #es .es-reaction-stats__text>a {
        color: var(--IRIUM-dark);
    }
    
    #es .es-profile-header--mini .es-profile-header__bd {
        padding: 20px 10px;
    }
    
    #es .es-stream-embed.is-polls,
    #es .es-stream-embed.is-achievement,
    #es .es-stream-embed.is-apps {
        border-radius: var(--IRIUM-radius-sm);
        border: 1px solid lightgray;
        background: var(--IRIUM-white);
        padding: 20px;
    }
    
    #es .es-profile-header__hd,
    #es .es-profile-header__bd,
    #es .es-profile-header__ft {
        font-size: var(--IRIUM-size-root);
    }
    
    #es .es-stream-meta .es-stream-title {
        font-size: var(--IRIUM-size-root);
    }
    
    #es .es-stream-meta .es-stream-title a {
        font-size: var(--IRIUM-size-root);
        font-weight: 700;
    }
    
    #es.popbox--cluster .btn {
        transition: all .4s ease-in-out;
        background-color: var(--IRIUM-light-green);
    }
    
    #es.popbox--cluster .btn:hover {
        background-color: var(--IRIUM-clear-green) !important;
        color: var(--IRIUM-white) !important;
    }
    
    #es .es-profile-header-nav .is-active .es-profile-header-nav__link {
        color: var(--IRIUM-light-green);
        border-bottom: 2px solid var(--IRIUM-light-green);
    }
    
    #es .es-profile-header-nav__link::before {
        content: "" !important;
        display: block !important;
        width: 100% !important;
        height: 2px !important;
        position: absolute !important;
        left: 0 !important;
        bottom: 0 !important;
        z-index: 0 !important;
        background-color: var(--IRIUM-light-green);
        transition: .4s ease-in-out !important;
        visibility: hidden !important;
        transform: scaleX(0) !important;
    }
    
    #es .es-profile-header-nav__link:hover::before {
        visibility: visible !important;
        transform: scaleX(1) !important;
    }
    
    #es .o-pagination>li:first-child>a,
    #es .o-pagination>li:first-child>span,
    #es .o-pagination>li:last-child>a,
    #es .o-pagination>li:last-child>span {
        border-radius: var(--IRIUM-radius-sm);
    }
    
    #es .o-pagination>li>a,
    #es .o-pagination>li>span {
        padding: 10px 20px !important;
        margin: 5px !important;
        font-size: var(--IRIUM-size-root) !important;
        line-height: 18px !important;
        font-weight: bold !important;
        text-align: center !important;
        border: none;
    }
    
    #es .o-pagination>.active>a,
    #es .o-pagination>.active>a:hover,
    #es .o-pagination>.active>a:focus,
    #es .o-pagination>.active>span,
    #es .o-pagination>.active>span:hover,
    #es .o-pagination>.active>span:focus {
        color: var(--IRIUM-white);
        background-color: var(--IRIUM-light-green);
    }
    
    #es .o-pagination li>span {
        color: var(--IRIUM-light-green);
    }
    
    #es .o-pagination .previousItem.disabled,
    #es .o-pagination .nextItem.disabled {
        color: inherit;
        cursor: default;
        pointer-events: none;
        opacity: .4;
        background-color: transparent;
    }
    
    #es .es-list__item:not(:first-child) {
        border: none;
    }
    
    #es:not(.is-mobile) .es-profile-info {
        padding-left: 16px;
    }
    
    #es .es-profile-data-table {
        padding: 30px;
        box-shadow: var(--IRIUM-card-shadow);
        border-spacing: unset;
        border-collapse: unset;
    }
    
    #es .es-profile-data-table,
    #es .es-profile-data-table tbody {
        border: none !important;
        background: var(--IRIUM-light-gray);
    }
    
    #es .es-profile-data-table thead tr {
        background: var(--IRIUM-light-gray);
        color: var(--IRIUM-oil-green);
        font-size: var(--IRIUM-size-h5);
        border: none;
    }
    
    #es .es-profile-data-table td {
        border: none;
    }
    
    #es .es-profile-data-table .profile-data-label {
        padding-top: 20px;
        color: var(--IRIUM-dark);
    }
    
    #es .profile-data-info__data,
    #es.is-mobile .profile-data-info__data {
        border: 1px solid lightgray;
        background: var(--IRIUM-white);
        padding: 20px;
        border-radius: var(--IRIUM-radius-sm);
    }
    
    #es .es-profile-data-table tbody>tr:last-child td {
        border: none;
    }
    
    #es .es-privacy .es-privacy-toggle,
    #es .es-privacy .es-privacy-toggle.active {
        background: var(--IRIUM-light-green) !important;
        color: var(--IRIUM-white) !important;
        padding: 4px 8px;
    }
    
    #es .es-privacy .es-privacy-toggle>i {
        margin: 0 2px;
    }
    
    #es .privacy-contents__title {
        padding: 0 16px;
    }
    
    #es .o-alert--warning {
        border: none;
        border-radius: var(--IRIUM-radius-sm);
        box-shadow: var(--IRIUM-card-shadow);
    }
    
    #es .mod-card {
        background: var(--IRIUM-white);
        border-radius: var(--IRIUM-radius-sm);
        border: 1px solid lightgray;
        box-shadow: var(--IRIUM-card-shadow);
    }
    
    #es .mod-card__cover-wrap {
        border-radius: var(--IRIUM-radius-sm);
    }
    
    #es .mod-card__meta {
        color: var(--IRIUM-dark);
    }
    
    #es .mod-card__meta a {
        color: var(--IRIUM-oil-green);
    }
    
    #es .is-story-selection .es-story-avatar-popbox-toggle {
        background: var(--IRIUM-light-gray);
        border-radius: var(--IRIUM-radius-sm);
        border: none;
        box-shadow: var(--IRIUM-card-shadow);
    }
    
    #es .es-story-panel-button__label,
    #es .es-story-panel-button__label:hover {
        background: transparent;
        border-radius: var(--IRIUM-radius-sm);
    }
    
    #es .is-story-selection .es-story-avatar-popbox-toggle__icon {
        color: #1a1a1a;
    }
    
    #es .es-stream-filter-bar {
        color: var(--IRIUM-dark);
    }
    
    #es .mentions textarea,
    #es .mentions textarea::placeholder {
        color: var(--IRIUM-dark);
    }
    
    #es .btn {
        border-radius: var(--IRIUM-radius-lg);
    }
    
    #es .btn-toolbar--align-center {
        row-gap: 5px;
    }
    
    #es .btn-file {
        transition: all .4s ease;
    }
    
    #es .btn-file:before {
        color: var(--IRIUM-white);
    }
    
    #es .btn-popdown.btn-sm>div {
        padding: 0;
        font-size: var(--IRIUM-size-root);
        padding-right: 10px;
    }
    
    #es.popbox {
        border-radius: var(--IRIUM-radius-sm);
        border: 1px solid lightgray;
    }
    
    #es .es-adv-search2__options {
        background-color: var(--IRIUM-light-gray);
    }
    
    #es .es-adv-search2 {
        padding: 0 10px;
    }
    
    @media (min-width: 768px) {
        #es .es-adv-search2 {
            padding: 0;
        }
    }
    
    #es .es-profile-header-nav .is-active>.es-profile-header-nav__dropdown-link {
        border-color: var(--IRIUM-light-green);
        background: var(--IRIUM-light-gray);
    }
    
    #es .o-empty__icon {
        color: var(--IRIUM-dark);
    }
    
    #es .es-toolbar__item--action .es-toolbar__link.is-active,
    #es .es-toolbar__item--action .es-toolbar__link:hover,
    #es .es-toolbar__item--action .es-toolbar__link:focus,
    #es .es-toolbar__item--action .es-toolbar__link:active {
        background: var(--IRIUM-white);
        border-color: var(--IRIUM-white);
    }
    
    #es .es-toolbar__item--action .es-toolbar__link {
        color: var(--IRIUM-oil-green);
        background: var(--IRIUM-white);
        border: 2px solid var(--IRIUM-white);
    }
    
    #es .o-btn-group.open .dropdown-toggle_ {
        background-color: var(--IRIUM-light-green) !important;
    }
    
    #es .btn-toolbar {
        gap: 5px;
    }
    
    #es .es-dialog-footer-content .btn-es-primary,
    #es .es-dialog-footer-content .btn-es-primary:hover,
    #es .es-dialog-footer-content .btn-es-primary:focus,
    #es .es-dialog-footer-content .btn-es-primary:active,
    #es .es-dialog-footer-content .btn-es-primary-o,
    #es .es-dialog-footer-content .btn-es-primary-o:hover,
    #es .es-dialog-footer-content .btn-es-primary-o:focus,
    #es .es-dialog-footer-content .btn-es-primary-o:active {
        color: var(--IRIUM-light-green) !important;
    }
    
    #es .es-dialog-footer-content .btn,
    #es .es-dialog-footer-content .btn:hover,
    #es .es-dialog-footer-content .btn:focus,
    #es .es-dialog-footer-content .btn:active {
        color: var(--IRIUM-dark) !important;
    }
    
    #es .es-dialog-modal {
        border-radius: var(--IRIUM-radius-sm);
        box-shadow: var(--IRIUM-card-shadow);
    }
    
    #es .es-dialog-header,
    #es .es-dialog-footer,
    #es .es-dialog-footer-content {
        border-radius: var(--IRIUM-radius-sm);
        border: none;
    }
    
    #es .es-dialog-footer {
        border-top: 1px solid lightgray;
    }
    
    #es .es-dialog-header {
        background: var(--IRIUM-oil-green);
        color: var(--IRIUM-white);
        font-weight: bold;
        text-transform: uppercase;
    }
    
    #es .es-dialog-back-button,
    #es .es-dialog-close-button {
        color: var(--IRIUM-white);
    }
    
    #es .es-dialog-footer-content .btn+.btn,
    #es .es-dialog-footer-content .btn:hover+.btn,
    #es .es-dialog-footer-content .btn:focus+.btn,
    #es .es-dialog-footer-content .btn:active+.btn {
        border: none;
    }
    
    #es .es-media-delete-all-actions {
        border: none;
        background: var(--IRIUM-light-gray);
        box-shadow: var(--IRIUM-card-shadow);
        padding: 4px 16px;
    }
    
    #es .es-side-embed-lists__item {
        border-radius: var(--IRIUM-radius-sm);
    }
    
    #es .es-stream-embed__cover {
        border-radius: var(--IRIUM-radius-sm);
    }
    
    #es .es-apps-item__hd,
    #es .es-apps-item__bd,
    #es .es-apps-item__ft {
        padding: 8px 16px;
    }
    
    #es .es-apps-item__ft {
        background-color: var(--IRIUM-light-gray);
        border: none;
    }
    
    #es .es-snackbar2__actions>div,
    #es .es-snackbar2__actions>a {
        display: inline-block;
    }
    
    #es .o-checkbox input[type="checkbox"]:disabled+label:after {
        color: var(--IRIUM-white);
    }
    
    #es .es-search-mini-result-list__item>a {
        color: var(--IRIUM-dark);
    }
    
    #es .o-input-group .o-form-control:last-child,
    #es .o-input-group__addon:last-child,
    #es .o-input-group__btn:last-child>.btn,
    #es .o-input-group__btn:last-child>.o-btn-group>.btn,
    #es .o-input-group__btn:last-child>.dropdown-toggle,
    #es .o-input-group__btn:first-child>.btn:not(:first-child),
    #es .o-input-group__btn:first-child>.o-btn-group:not(:first-child)>.btn,
    #es .o-input-group__select:last-child>.o-select-group select {
        border: none;
        box-shadow: var(--IRIUM-card-shadow);
    }
    
    #es .es-side-widget .o-flag__body,
    #es .es-completeness-check-list__item.is-completed span,
    #es .es-completeness-check-list__item.is-completed a {
        color: var(--IRIUM-dark);
    }
    
    #es .es-completeness-check-list__item.is-completed .es-completeness-check-list__icon {
        color: var(--IRIUM-pale-green);
        border-color: var(--IRIUM-pale-green);
    }
    
    #es .es-completeness-check-list__icon {
        border-color: var(--IRIUM-club-red);
        color: var(--IRIUM-club-red);
    }
    
    #es .progress-bar-success {
        background-color: #7297a0;
    }
    
    #es .help-block {
        color: var(--IRIUM-dark);
    }
    
    #es .textboxlist,
    #es .es-form-hashtags-wrap {
        border: none;
        background-color: var(--IRIUM-light-gray);
        border-radius: var(--IRIUM-radius-sm);
    }
    
    #es .textboxlist-textField,
    #es .textboxlist-textField::placeholder {
        color: var(--IRIUM-dark);
    }
    
    #es .es-convo__sidebar-item {
        color: var(--IRIUM-light-green);
    }
    
    #es .es-single-composer-textarea {
        border: none;
        background-color: var(--IRIUM-light-gray);
    }
    
    #es.popbox--cluster .popbox-content__ft {
        display: flex;
        gap: 4px;
        flex-wrap: wrap;
    }
    
    #es .es-reaction-option__link.btn {
        background-color: transparent !important;
        color: var(--IRIUM-dark);
    }
    
    #es .es-reaction-option__link.btn:hover {
        color: var(--IRIUM-dark) !important;
    }
    
    #es .markItUpEditor {
        color: var(--IRIUM-dark);
    }
    
    #es.is-desktop .es-reaction-option__link~.es-reactions-pop {
        transition-delay: 0.25s;
    }
    
    #es .es-apps-entry__ft {
        box-shadow: var(--IRIUM-card-shadow);
        background-color: var(--IRIUM-light-gray);
        border: none;
    }
    
    #es .es-stage__desc {
        color: var(--IRIUM-dark);
    }
    
    #es .es-profile-header__meta,
    #es .es-profile-header__bd-widget {
        color: var(--IRIUM-dark);
    }
    
    #es .o-btn-group {
        display: flex;
        flex-direction: row;
        column-gap: 6px;
    }
    
    #es .embed-responsive .embed-responsive-item,
    #es .embed-responsive iframe,
    #es .embed-responsive embed,
    #es .embed-responsive object,
    #es .embed-responsive video {
        background-position: center center !important;
    }
    
    #es .es-video-content-body {
        border-radius: 0;
    }
    
    #es .es-toolbar__search-filter-icon {
        color: var(--IRIUM-oil-green);
    }
    /* ------------------------------------------RESPONSIVE DESIGN--------------------------------------------------------------------- */
    
    #es.is-mobile .es-container .es-content {
        padding: 8px 10px;
    }
    
    #es.is-mobile .es-stream-filter-bar {
        padding: 0;
    }
    
    #es.is-mobile .es-toolbar .es-toolbar__item--action .o-nav__item {
        padding: 20px 15px;
    }
    
    #es.is-mobile .es-stream-list>li {
        padding: 15px
    }
    
    #es.is-mobile .es-list__item {
        padding: 10px 0;
    }
    
    #es .es-mobile-info {
        padding: 0 10px;
    }
    
    #es.is-mobile .es-profile .es-streams {
        padding: 0;
    }
    
    #es.is-mobile .es-profile-data-table tbody>tr {
        border: none;
    }
    
    #es .es-mobile-filter__hd {
        padding: 8px 16px;
    }
    
    #es .es-mobile-filter__hd,
    #es .es-mobile-filter__bd {
        border-color: var(--IRIUM-light-gray);
    }
    
    #es .es-mobile-filter-slider .is-active .es-mobile-filter-slider__tab {
        border-bottom: 2px solid var(--IRIUM-light-green);
    }
    
    #es .es-profile-data-table {
        padding: 10px;
    }
    
    .mm-panel,
    .mm-listitem {
        background: var(--IRIUM-white);
        color: var(--IRIUM-oil-green);
        font-weight: bold;
        text-transform: uppercase;
    }
    
    .mm-listitem {
        border-color: var(--IRIUM-light-gray);
    }
    
    .mm-navbar,
    .mm-divider {
        background-color: var(--IRIUM-oil-green) !important;
        color: var(--IRIUM-white);
        text-transform: uppercase;
        font-weight: bold;
    }
    
    body .mm-searchfield__input input,
    body .mm-searchfield__input input:hover,
    body .mm-searchfield__input input:focus {
        background-color: var(--IRIUM-white) !important;
        color: #054a54 !important;
    }
    
    #es.is-mobile .es-list-item .dropdown-menu,
    #es.is-mobile .es-mobile-list-item__action .dropdown-menu,
    #es.is-mobile .es-mobile-filter-toggle .dropdown-menu,
    #es.is-mobile .es-stream-control .dropdown-menu,
    #es.is-mobile .es-profile-header__action-wrap .dropdown-menu,
    #es.is-mobile .es-profile-header__avatar-wrap .dropdown-menu,
    #es.is-mobile .es-comment-actions .dropdown-menu,
    #es.is-mobile .es-convo__sidebar-action .dropdown-menu,
    #es.is-mobile .es-media-item-menu .dropdown-menu,
    #es.is-mobile .es-cover-menu .dropdown-menu,
    #es.is-mobile .es-profile-header-nav__item .dropdown-menu {
        background: var(--IRIUM-white);
        border-radius: var(--IRIUM-radius-sm);
    }
    
    #es.is-mobile .es-list-item .dropdown-menu>li,
    #es.is-mobile .es-mobile-list-item__action .dropdown-menu>li,
    #es.is-mobile .es-mobile-filter-toggle .dropdown-menu>li,
    #es.is-mobile .es-stream-control .dropdown-menu>li,
    #es.is-mobile .es-profile-header__action-wrap .dropdown-menu>li,
    #es.is-mobile .es-profile-header__avatar-wrap .dropdown-menu>li,
    #es.is-mobile .es-comment-actions .dropdown-menu>li,
    #es.is-mobile .es-convo__sidebar-action .dropdown-menu>li,
    #es.is-mobile .es-media-item-menu .dropdown-menu>li,
    #es.is-mobile .es-cover-menu .dropdown-menu>li,
    #es.is-mobile .es-profile-header-nav__item .dropdown-menu>li {
        border: none;
    }
    
    #es.is-mobile .es-list-item .dropdown-menu>li>a,
    #es.is-mobile .es-mobile-list-item__action .dropdown-menu>li>a,
    #es.is-mobile .es-mobile-filter-toggle .dropdown-menu>li>a,
    #es.is-mobile .es-stream-control .dropdown-menu>li>a,
    #es.is-mobile .es-profile-header__action-wrap .dropdown-menu>li>a,
    #es.is-mobile .es-profile-header__avatar-wrap .dropdown-menu>li>a,
    #es.is-mobile .es-comment-actions .dropdown-menu>li>a,
    #es.is-mobile .es-convo__sidebar-action .dropdown-menu>li>a,
    #es.is-mobile .es-media-item-menu .dropdown-menu>li>a,
    #es.is-mobile .es-cover-menu .dropdown-menu>li>a,
    #es.is-mobile .es-profile-header-nav__item .dropdown-menu>li>a {
        background: var(--IRIUM-light-gray);
        color: var(--IRIUM-dark);
    }
    
    .view-events #es.is-mobile .es-list-item__hd {
        display: grid;
        grid-template-columns: auto auto;
        grid-template-rows: auto auto;
    }
    
    .view-events #es.is-mobile .es-list-item__hd .es-list-item__action {
        grid-column: span 2;
        margin-left: auto;
    }
    
    .view-events #es.is-mobile .es-list-item__hd .es-label-state {
        margin-left: auto;
    }
    
    #es.is-mobile .es-list-item.es-island {
        background: var(--IRIUM-light-gray);
        box-shadow: var(--IRIUM-card-shadow);
        padding: 10px;
    }
    
    #es.popbox--navbar {
        top: var(--top) !important;
    }
    
    @media (max-width: 480px) {
        #es.popbox--navbar {
            width: 100%;
            left: 50% !important;
        }
    }
    /* ******************************************************************************************************************************** */
    /* ------------------------------------------CUSTOM CLASSES------------------------------------------------------------------------ */
    /* ******************************************************************************************************************************** */
    /* 
    **
    **
    */
    /* -----------------------------------------Custom links--------------------------------------------------------------------------- */
    
    a.irium-styled-link {
        font-family: var(--IRIUM-poppins);
        color: var(--IRIUM-white) !important;
        background: var(--IRIUM-to-right-gradient) !important;
        border: none !important;
        border-radius: var(--IRIUM-styled-radius) !important;
        font-weight: bold;
        padding: 6px 18px !important;
        font-size: var(--IRIUM-size-root);
        line-height: 25px !important;
        margin-left: 1vw;
        transition: all .4s ease;
        text-decoration: none;
    }
    
    a.irium-styled-link:hover {
        transform: scale(1.1);
    }
    /* --------------------------------------------------------------------------------------------------------------------------------- */
    
    a.irium-basic-link {
        position: relative !important;
        font-family: var(--IRIUM-poppins);
        font-weight: 400;
        font-size: var(--IRIUM-size-root);
        line-height: 1.923;
        color: var(--IRIUM-oil-green) !important;
        padding: 0 !important;
        margin: 15px !important;
    }
    
    a.irium-basic-link:hover {
        background-color: transparent !important;
        color: var(--IRIUM-oil-green) !important;
    }
    
    a.irium-basic-link::before,
    .irium-legals>a::before,
    a.irium-main-link::before {
        content: "" !important;
        display: block !important;
        width: 100% !important;
        height: 2px !important;
        position: absolute !important;
        left: 0 !important;
        bottom: 0 !important;
        z-index: 0 !important;
        transition: .4s ease-in-out !important;
        visibility: hidden !important;
        transform: scaleX(0) !important;
    }
    
    a.irium-basic-link:hover::before,
    .irium-legals>a:hover::before,
    a.irium-main-link:hover::before {
        visibility: visible !important;
        transform: scaleX(1) !important;
    }
    
    a.irium-basic-link::before,
    .irium-legals>a::before {
        background-color: var(--IRIUM-light-green) !important;
    }
    /* -----------------------------------------Top menu styling------------------------------------------------------------------------- */
    
    #irium-header {
        padding-right: 0;
        background-color: transparent;
        display: flex !important;
        flex-direction: row !important;
        justify-content: flex-end !important;
        align-items: center !important;
    }
    
    #irium-header a.irium-styled-link {
        margin-right: 20px;
    }
    
    #irium-header a.irium-basic-link {
        display: none;
    }
    
    #irium-header li.active>a.irium-basic-link::before {
        visibility: visible !important;
        transform: scaleX(1) !important;
    }
    
    @media (min-width: 992px) {
        #irium-header a.irium-basic-link {
            display: block;
        }
    }
    
    @media (max-width: 992px) {
        #irium-header {
            margin-right: 10px;
            margin-left: 10px;
        }
        #irium-header a.irium-styled-link {
            display: none;
        }
    }
    /* ---------------------------------------Main menu styling---------------------------------------------------------------------------- */
    
    #t3-mainnav {
        background: var(--IRIUM-oil-green);
        position: relative;
        transition: all .4s ease, box-shadow 0s;
    }
    
    #t3-mainnav>div {
        position: relative;
    }
    
    #t3-mainnav>div>.t3-navbar {
        display: flex !important;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
    
    #t3-mainnav .logo-image {
        z-index: 1;
        position: absolute;
        margin: 0 5vw;
        height: 100%;
        align-items: center;
    }
    
    .irium-main-menu {
        display: none;
    }
    
    @media (min-width: 992px) {
        .irium-main-menu {
            display: flex;
            flex-direction: row;
            margin-right: auto;
        }
    }
    
    .irium-main-menu li.active>a,
    .irium-main-menu .nav-pills>li.active>a,
    .irium-main-menu .nav-pills>li.active>a:hover,
    .irium-main-menu .nav-pills>li.active>a:focus {
        background-position: bottom;
        color: var(--IRIUM-white) !important;
    }
    
    a.irium-main-link {
        position: relative !important;
        font-family: var(--IRIUM-poppins) !important;
        color: var(--IRIUM-white) !important;
        padding: 30px 15px !important;
        font-weight: bold;
        text-transform: uppercase;
        background-image: linear-gradient(to top, var(--IRIUM-club-red) 50%, transparent 50%);
        background-position: top;
        background-size: 100% 200%;
        transition: all .4s ease-out;
    }
    
    a.irium-main-link:hover {
        color: var(--IRIUM-white) !important;
        background-position: bottom;
    }
    
    a.irium-main-link::before {
        background-color: var(--IRIUM-club-red) !important;
        height: 5px !important;
    }
    
    .o-avatar--md {
        width: 64px !important;
        height: 64px !important;
    }
    
    .o-avatar {
        width: 64px !important;
        height: 64px !important;
    }
    /* -----------------------------------------Top menu dropdown(responsive)-------------------------------------------------------------- */
    
    .header-dropdown-toggle {
        display: block;
        background-color: transparent;
        border: none;
        color: var(--IRIUM-oil-green);
        font-size: var(--IRIUM-size-h4);
    }
    
    @media (min-width: 992px) {
        .header-dropdown-toggle {
            display: none;
        }
    }
    
    #header-dropdown-menu {
        width: 100%;
        position: relative;
        display: flex;
        flex-direction: column;
        background-color: var(--IRIUM-white);
        list-style-type: none;
        margin: 0;
        padding: 0;
        visibility: hidden;
        opacity: 0;
        height: 0;
        transition: all 0.4s ease;
    }
    
    #header-dropdown-menu>li {
        width: 100%;
        padding: 1vh 25px;
        text-align: right;
        color: var(--IRIUM-oil-green);
        font-weight: bold;
        background-color: transparent;
        cursor: pointer;
        visibility: hidden;
        opacity: 0;
        height: 0;
        transition: all 0.1s ease;
    }
    
    #header-dropdown-menu>li>a,
    #header-dropdown-menu>li>a:hover {
        text-decoration: none;
        color: var(--IRIUM-oil-green);
    }
    
    #header-dropdown-menu>li:hover,
    #header-dropdown-menu>li:focus {
        text-decoration: none;
        background-color: var(--IRIUM-white);
    }
    /* -------------------------------------------------Footer styling----------------------------------------------------------------------- */
    
    .irium-footer-links {
        font-size: var(--IRIUM-size-root) !important;
        line-height: 1.7 !important;
        font-weight: normal !important;
    }
    
    .footer-irium>p {
        line-height: 1.7;
        font-size: var(--IRIUM-size-h5) !important;
        font-weight: normal !important;
        margin-bottom: 1.8em !important;
    }
    
    .irium-medias {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    
    @media (min-width: 992px) {
        .irium-medias {
            justify-content: flex-start;
        }
    }
    
    .irium-medias .irium-media-container {
        display: inline-block;
        width: 60px;
        height: 60px;
        margin: 0 6px 6px 0;
        background-color: transparent !important;
        box-shadow: 0 0 0 2px var(--IRIUM-light-green) inset;
        color: var(--IRIUM-light-green) !important;
        text-align: center;
        transition-property: all;
        transition-duration: 0.4s;
        transition-timing-function: ease;
        transition-delay: 0s;
        font-size: var(--IRIUM-size-h3);
        line-height: 60px;
        cursor: pointer;
    }
    
    .irium-medias .irium-media-container:hover {
        background-color: var(--IRIUM-light-green) !important;
        color: var(--IRIUM-white) !important;
    }
    
    .footer-irium {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    
    @media (max-width: 768px) {
        .footer-irium img,
        .footer-irium .irium-medias {
            padding-left: 30px;
        }
    }
    
    .footer-irium>.irium-footer-logo {
        margin-bottom: 30px;
    }
    
    @media (max-width: 768px) {
        .footer-1 {
            margin-top: 5vh;
        }
        .t3-footnav>.col-xs-12 {
            margin-bottom: 5vh;
        }
    }
    
    @media (max-width: 992px) {
        .footer-4,
        .footer-5 {
            margin-top: 5vh;
        }
    }
    /* -------------------------------------------------------Copyright styling----------------------------------------------------------- */
    
    .irium-copyright {
        font-size: var(--IRIUM-size-sm);
    }
    
    .irium-legals {
        padding: 0;
        display: flex;
        justify-content: center;
        column-gap: 40px;
    }
    
    .irium-legals>a {
        color: var(--IRIUM-white) !important;
        text-decoration: none;
        font-size: var(--IRIUM-size-sm);
        line-height: 1.923;
        position: relative;
    }
    /* --------------------------------------------------About banner styling----------------------------------------------------------- */
    
    .about-banner {
        width: 100%;
        margin: 2vh 0;
    }
    
    .about-banner h1,
    .help-banner h1 {
        font-weight: bold;
        font-size: var(--IRIUM-size-h1);
        font-family: var(--IRIUM-playfair) !important;
        text-align: center;
        color: var(--IRIUM-oil-green);
        margin-top: 50px;
        letter-spacing: 1px;
    }
    /* ------------------------------------------------About top styling---------------------------------------------------------------- */
    
    .about-top {
        text-align: center;
        color: var(--IRIUM-oil-green);
        margin-bottom: 60px;
    }
    
    .about-top i {
        text-align: center;
        font-size: 3rem;
    }
    
    .about-top h3 {
        font-weight: bold;
        font-size: var(--IRIUM-size-h4);
        font-family: var(--IRIUM-poppins);
        margin: 3vh 0;
    }
    
    .about-top .about-top-p {
        color: var(--IRIUM-dark);
    }
    /* -------------------------------------------Help grid styling-------------------------------------------------------------------- */
    
    .contacts-side-grid {
        margin: 0;
        box-shadow: none;
    }
    
    .contacts-side-grid {
        background-color: var(--IRIUM-white);
    }
    /* ---------------------------------------developping animated grid -------------------------------------------------------------- */
    
    .grid-dvp {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(6, auto);
        grid-gap: 50px 50px;
        justify-content: center;
        align-content: center;
        padding: 0 30px
    }
    
    @media (min-width: 768px) {
        .grid-dvp {
            grid-template-columns: 1fr 1fr;
            grid-template-rows: auto auto auto;
        }
    }
    
    @media (min-width: 992px) {
        .grid-dvp {
            grid-template-columns: 1fr 1fr 1fr;
            grid-template-rows: auto auto;
        }
    }
    
    .grid-item {
        cursor: pointer;
        overflow: hidden;
        position: relative;
        background-color: rgba(5, 74, 84, 0.75);
        text-align: left;
        padding: 30px;
        box-shadow: var(--IRIUM-card-shadow);
        transition: background-color .4s ease;
        display: flex;
        align-items: center;
    }
    
    .grid-item>div {
        position: relative;
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: auto auto;
        justify-content: center;
        text-align: center;
        width: 100%;
    }
    
    .grid-item .fa-times {
        font-size: var(--IRIUM-size-h3);
        position: absolute;
        right: 0;
        top: 0;
        color: var(--IRIUM-white);
    }
    
    .grid-item h3 {
        color: var(--IRIUM-white);
        font-weight: bold;
        font-size: var(--IRIUM-size-h1);
        margin: 0 0 25px 0;
    }
    
    .grid-item p {
        color: var(--IRIUM-white);
        font-size: var(--IRIUM-size-sm);
        margin-bottom: 25px;
    }
    
    .grid-item:hover {
        background-color: var(--IRIUM-light-green);
    }
    
    .grid-item .read-more button {
        padding: 6px 18px;
        color: var(--IRIUM-oil-green);
        background-color: var(--IRIUM-white);
        border: none;
        transition: all .4s ease;
    }
    
    .grid-item .read-more button:hover {
        transform: scale(1.1);
        box-shadow: var(--IRIUM-perspective-shadow);
    }
    
    .grid-item .read-more {
        text-decoration: underline;
        color: var(--IRIUM-white);
    }
    
    .grid-item-icon i {
        margin-bottom: 20px;
        font-size: 40px;
        transition: all .4s ease;
    }
    
    .grid-item-text {
        padding: 0 20px;
    }
    
    .grid-dvp .grid-item .fa-question-circle {
        color: rgb(252, 252, 181);
    }
    
    .grid-dvp .grid-item .fa-ambulance {
        color: #fa8080;
    }
    
    .grid-dvp .grid-item .fa-bullhorn {
        color: rgb(206, 125, 238);
    }
    
    .grid-dvp .grid-item .fa-comments {
        color: #cffd89;
    }
    
    .grid-dvp .grid-item .fa-tools {
        color: lightgray;
    }
    
    .grid-dvp .grid-item .fa-hands-helping {
        color: lightskyblue;
    }
    /* ------------------------------------Home banner title-------------------------------------------------------------------------- */
    
    .home-banner h1 {
        color: var(--IRIUM-oil-green);
        background-color: var(--IRIUM-white);
        font-family: var(--IRIUM-playfair);
        text-align: center;
        font-weight: bold;
        margin: 0;
        padding: 4vh 0;
        line-height: 1.1;
        letter-spacing: revert;
        font-size: 3.4rem;
    }
    
    @media (max-width: 768px) {
        .home-banner h1 {
            padding-left: 30px;
            padding-right: 30px;
            font-size: var(--IRIUM-size-h1);
        }
    }
    /* ------------------------------------------WebToLead Forms------------------------------------------------------------------------ */
    
    td,
    tr td {
        border: none;
        word-wrap: break-word;
    }
    
    form.WebToLeadForm {
        background-color: var(--IRIUM-white);
        padding: 34px;
        box-shadow: var(--IRIUM-card-shadow);
        color: var(--IRIUM-dark);
    }
    
    @media (max-width: 768px) {
        form.WebToLeadForm {
            margin: 0 -45px;
        }
    }
    
    form.WebToLeadForm p {
        color: var(--IRIUM-dark);
        display: flex;
        flex-direction: row;
        margin-top: 10px;
        column-gap: 5px;
    }
    
    select,
    textarea,
    input[type="text"],
    input[type="password"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="date"],
    input[type="month"],
    input[type="time"],
    input[type="week"],
    input[type="number"],
    input[type="email"],
    input[type="url"],
    input[type="search"],
    input[type="tel"],
    input[type="color"],
    textarea.inputbox {
        border: none;
        background-color: var(--IRIUM-light-gray);
        margin: 2px;
        width: 100%;
    }
    
    form.WebToLeadForm input[name="Submit"] {
        transition: all .4s ease;
        font-weight: bold;
        font-size: var(--IRIUM-size-h5);
        border: none;
        background-color: var(--IRIUM-light-green);
        color: var(--IRIUM-white);
        border-radius: var(--IRIUM-styled-radius);
        margin: 0 auto;
        padding: 13px 23px;
        line-height: 20px;
        width: 100%;
    }
    
    form.WebToLeadForm input[name="Submit"]:hover {
        box-shadow: var(--IRIUM-perspective-shadow);
    }
    /* ------------------------------------------Breezing forms------------------------------------------------------------------------- */
    
    form.BreezingForm .control-group {
        margin: 0;
    }
    
    form.BreezingForm .form-inline>div {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    
    form.BreezingForm .form-inline>div>label {
        font-size: var(--IRIUM-size-sm);
        font-weight: normal;
        text-align: left;
        width: 30%;
    }
    
    form.BreezingForm .form-inline>div>input,
    form.BreezingForm .form-inline>div>select,
    form.BreezingForm .form-inline>div>span,
    form.BreezingForm .form-inline>div>textarea {
        font-size: var(--IRIUM-size-sm);
        font-weight: normal;
        width: 70%;
    }
    
    @media(max-width: 768px) {
        form.BreezingForm .form-inline>div>span {
            text-align: left;
            margin-left: 16px;
        }
    }
    
    form.BreezingForm .form-inline>div>span>label {
        margin: 10px;
    }
    
    form.BreezingForm .form-inline i.fa-asterisk::before {
        color: #FF0000;
        content: "*";
    }
    
    form.BreezingForm .form-actions {
        padding: 0;
        margin: 0;
        background-color: transparent;
        margin-top: 50px;
    }
    
    form.BreezingForm .form-group>div>button {
        transition: all .4s ease;
        font-weight: bold;
        font-size: var(--IRIUM-size-h5);
        border: none;
        background-color: var(--IRIUM-light-green);
        color: var(--IRIUM-white);
        border-radius: var(--IRIUM-styled-radius);
        margin: 0 auto;
        padding: 13px 23px;
        line-height: 20px;
        width: 100%;
    }
    
    form.BreezingForm .form-group>div>button:hover {
        box-shadow: var(--IRIUM-perspective-shadow);
    }
    
    div.bfClearfix>div[style="clear:both; display: block; text-align: center; margin-top: 20px;"] {
        display: none !important;
    }
    
    form.BreezingForm #bfPage1>div:nth-last-of-type(3)>.form-inline>div {
        flex-direction: row-reverse;
        margin-top: 20px;
    }
    
    form.BreezingForm #bfPage1>div:nth-last-of-type(3)>.form-inline>div>span {
        width: auto;
        margin: 0 10px 0 30%;
    }
    
    form.BreezingForm #bfPage1>div:nth-last-of-type(3)>.form-inline>div>label {
        width: auto;
    }
    /* -------------------------------------------Top banners--------------------------------------------------------------------------- */
    
    .title-banner {
        background-position: center;
        background-size: cover;
        background-attachment: fixed;
        position: relative;
        padding: 100px 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    @media (min-width: 768px) {
        .title-banner {
            padding: 150px 0;
        }
    }
    
    .title-banner h1 {
        color: var(--IRIUM-white);
        font-family: var(--IRIUM-playfair);
        font-weight: bold;
        font-size: 3rem;
        z-index: 2;
    }
    
    .title-banner::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        background-color: var(--IRIUM-light-green);
        background-image: var(--title-banner-image);
        background-position: center;
        background-size: cover;
        background-attachment: fixed;
        height: 100%;
        width: 100%;
        filter: brightness(0.5) grayscale(50%);
        background-blend-mode: soft-light;
    }
    /* ------------------------------------------Explorer search bar-------------------------------------------------------------------- */
    
    #explorer-searcher {
        background-color: var(--IRIUM-white);
        border-bottom: 2px solid var(--IRIUM-club-red);
    }
    
    #explorer-searcher:focus {
        box-shadow: none;
    }
    /* ------------------------------------------LOG OUT button------------------------------------------------------------------------- */
    
    #t3-header #login-form {
        position: relative;
        display: none;
    }
    
    @media (min-width: 992px) {
        #t3-header #login-form {
            display: block;
        }
    }
    
    .login-greeting {
        font-family: var(--IRIUM-poppins);
        color: var(--IRIUM-oil-green);
        margin: 0 10px;
    }
    
    .logout-button{
        position: relative;
    }

    .logout-button>button[type="submit"] {
        background: none;
        font-family: var(--IRIUM-poppins);
        font-weight: 400;
        font-size: var(--IRIUM-size-root);
        line-height: 1.923;
        color: var(--IRIUM-oil-green) !important;
        padding: 0 !important;
        position: absolute;
        right: 10px;
    }
    
    .logout-button>button[type="submit"]::before {
        content: "" !important;
        background-color: var(--IRIUM-light-green) !important;
        display: block !important;
        width: 100% !important;
        height: 2px !important;
        position: absolute !important;
        left: 0 !important;
        bottom: 0 !important;
        z-index: 0 !important;
        transition: .4s ease-in-out !important;
        visibility: hidden !important;
        transform: scaleX(0) !important;
    }
    
    .logout-button>button[type="submit"]:hover::before {
        visibility: visible !important;
        transform: scaleX(1) !important;
    }
    /* ------------------------------------------JQuery classes------------------------------------------------------------------------- */
    
    .sticky {
        /* class to make the menu sticky */
        z-index: 1000 !important;
        position: sticky !important;
        top: 0 !important;
        box-shadow: var(--IRIUM-perspective-shadow) !important;
    }
    
    .visible {
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
    }
    
    .invisible {
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
    }
    
    .d-i-block {
        display: inline-block !important;
        flex: none !important;
    }
    
    .d-none {
        display: none !important;
    }
    
    .padding-0 {
        padding: 0 !important;
    }
    
    .m-auto {
        margin: auto !important;
    }
    
    #fd .fd-toolbar__item--action-sticky {
        position: absolute;
        right: 0;
        padding-right: 1vw;
    }

    #fd .fd-toolbar__link:hover {
        --tw-bg-opacity: 1;
        background-color: var(--fd-gray-100-hex,rgba(var(--fd-gray-100),var(--tw-bg-opacity)));
    }

    #fd .fd-toolbar__item--action .fd-toolbar__link {
        color: var(--IRIUM-oil-green);
        background: var(--IRIUM-white);
        border: 2px solid var(--IRIUM-white);
    }

    #fd .fd-toolbar__item--action .fd-toolbar__link {
        color: var(--si-toolbar-text);
        background: var(--si-toolbar-bg);
        border: 1px solid var(--si-toolbar-border);
        border-radius: 50%;
        padding: 0;
        width: calc(var(--si-root-font-size)*2);
        height: calc(var(--si-root-font-size)*2);
        line-height: calc(var(--si-root-font-size)*2);
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }

    .fd-toolbar-divider {
        display: none;
    }

    #fd .fd-toolbar__avatar .o-avatar {
        width: calc(var(--fd-root-font-size)*2) !important;
        height: calc(var(--fd-root-font-size)*2) !important;
    }
    #fd .fd-toolbar__avatar .o-avatar-v2--toolbar {
        border: 2px solid var(--IRIUM-light-green);
    }

    #fd .fd-toolbar__item--action .fd-toolbar__o-nav>*+* {
        margin-left: 1.5rem;
    }

    #es .es-toolbar__avatar .o-avatar-v2--toolbar {
    border: 2px solid var(--IRIUM-light-green);
    }

    #fd .fd-toolbar__link-bubble {
        display: none;
        position: absolute;
        color: transparent;
        background-color: #f65b5b;
        top: 0;
        right: 0;
        width: 0.5rem;
        height: 0.5rem;
        overflow: hidden;
        text-align: center;
        font-size: 10px;
        line-height: .5rem;
        font-weight: bold;
        border-radius: 50%;
    }

    #fd .fd-toolbar__search-form {
        background-color: transparent;
    }

    #fd .fd-toolbar__search-form>*+* {
        margin-left: calc(var(--fd-spacing)*1) !important;
    }

    #fd .fd-toolbar__link {
        --tw-bg-opacity: 1;
        background-color: var(--fd-gray-100-hex,rgba(var(--fd-gray-100),var(--tw-bg-opacity)));
    }

    #fd .fd-toolbar__search-close-btn>a {
        position: relative;
        height: 38px;
        display: inline-flex;
        cursor: pointer;
        align-items: center;
        justify-content: center;
        border-radius: var(--fd-border-radius-md);
        border: 1px solid transparent;
        --tw-bg-opacity: 1;
        background-color: var(--fd-gray-100-hex,rgba(var(--fd-gray-100),var(--tw-bg-opacity)));
        padding: var(--fd-spacing-xs) var(--fd-spacing-sm);
        vertical-align: middle;
        font-size: var(--fd-font-size-sm);
        line-height: var(--fd-line-height-sm);
        text-decoration: none;
        transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
        transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
        transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
        transition-duration: .15s;
        transition-duration: .2s;
        transition-timing-function: cubic-bezier(.4,0,.2,1);
        color: var(--fd-toolbar-text);
        outline: 2px solid transparent;
        outline-offset: 2px;
    }

    #t3-mainnav.sticky {
        display: flex;        
        flex-direction: row;
        align-items: center;
    }

    #t3-mainnav.sticky .logo-image {
        z-index: 1;
        position: static;
        margin: 0;
        height: 100%;
        justify-content: center;
        width: 250px;
        text-align: center;
    }

    #t3-mainnav.sticky > .logo-image + div {
        width: calc(100% - 300px);
    }

    #es .es-container__sidebar {
        width: 25%;
        flex: 0 0 25%;
        -webkit-flex: 0 0 25%;
    }

    /*#es .es-side-widget {
        background-color: var(--IRIUM-light-gray);
        padding: 20px;
        box-shadow: var(--IRIUM-card-shadow);
        border-radius: var(--IRIUM-radius-sm);
    }

    #es .o-box--border {
        border: 1px solid lightgray;
        background: white;
        border-radius: var(--IRIUM-radius-sm);
    }

    #es .o-box {
        border: 0;
        border-radius: 0;
    }

    #es .es-side-widget__title {
        text-align: center;
        padding-bottom: 5px;
        border-bottom: 1px solid var(--IRIUM-light-gray);
        font-weight: bold;
        font-size: var(--IRIUM-size-h5);
        color: var(--IRIUM-oil-green);
    }*/

    #es .progress-bar-success {
        background-color: #7297a0;
    }

    #es .o-avatar-v2.is-online {
        background-color: #fff;
        border: 2px solid #4fc251;
    }

    #es .es-stream-meta .es-stream-title a {
        font-size: var(--IRIUM-size-root);
        font-weight: 700;
    }

    #es .es-profile-header-nav .is-active .es-profile-header-nav__link {
        color: var(--IRIUM-light-green);
        border-bottom: 2px solid var(--IRIUM-light-green);
    }

    #es .es-profile-header-nav__link::before {
        content: "" !important;
        display: block !important;
        width: 100% !important;
        height: 2px !important;
        position: absolute !important;
        left: 0 !important;
        bottom: 0 !important;
        z-index: 0 !important;
        background-color: var(--IRIUM-light-green);
        transition: .4s ease-in-out !important;
        visibility: hidden !important;
        transform: scaleX(0) !important;
    }

    #es .es-profile-header-nav__link:hover::before {
        visibility: visible !important;
        transform: scaleX(1) !important;
    }

    #es .es-explorer-browser {
        height: calc(100% - 88px);
    }

    .pagenavigation a {
        padding: 10px 20px;
        line-height: normal;
        border: 1px solid #ddd;
        border-radius: 4px;
        margin-right: 10px !important;
    }

    .pagenavigation a:hover {
        background-color: #eee;
    }

    .visually-hidden {
        display: none;
    }
    
    .pagenavigation a span {
        font-size: 1.15em;
    }
    
    .pagenavigation a .icon-chevron-left,
    .pagenavigation a .icon-chevron-right {
        font-size: 1em;
    }

    .fd-toolbar--search-on {
        width: 100%;
        position: absolute !important;
        left: 0;
        top: 0;
        height: 100%;
        background: var(--IRIUM-oil-green);
        display: flex !important;
        align-items: center;
        justify-content: flex-end;
    }

    #fd .fd-toolbar__item--search {
        top: calc(100% - 19px - 38px) !important;
    }

    #fd {
        position: inherit !important;
    }

    .fd-toolbar--search-on {
        width: 100%;
        position: absolute !important;
        left: 0;
        top: 0;
        height: 100%;
        background: var(--IRIUM-oil-green);
        display: flex !important;
        align-items: center;
        justify-content: flex-end;
    }

    #fd .fd-toolbar__item--search {
        top: calc(100% - 19px - 38px) !important;
    }

    #fd {
        position: inherit !important;
    }    

    [id^=tippy-] {
        width: auto !important;
    }

    [id^=tippy-] .tippy-box {
        max-width: 100% !important;
    }