#fl-to-top {
    z-index: 9;
}

body:not(.fl-builder-edit) .updates_tab_outer {
    z-index: 9;
}

.modal-slider .fl-module-content::before {
    display: none;
}

.modal-slider .slick-slider,
.slideshow--slider.slick-slider .slick-track {
    margin: 0;
}



/*
    ========================
             SLIDERS
    ========================
*/

.modal-slider--navigation,
.exp-slider--navigation,
.docs-slider--navigation {
    display: flex;
    justify-content: flex-end;
}

.modal-slider--navigation_responsive,
.exp-slider--navigation_responsive,
.docs-slider--navigation_responsive {
    display: flex;
    justify-content: center;
    position: relative;
}

.modal-slider--navigation .slider-dots,
.modal-slider--navigation_responsive .slider-dots,
.exp-slider--navigation .slider-dots,
.exp-slider--navigation_responsive .slider-dots,
.docs-slider--navigation .slider-dots,
.docs-slider--navigation_responsive .slider-dots {
    display: flex;
    align-items: center;
}

.modal-slider--navigation ul,
.modal-slider--navigation_responsive ul,
.exp-slider--navigation ul,
.exp-slider--navigation_responsive ul,
.docs-slider--navigation ul,
.docs-slider--navigation_responsive ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0 25px 0 0;
    height: 11px;
}

.modal-slider--navigation_responsive ul,
.exp-slider--navigation_responsive ul,
.docs-slider--navigation_responsive ul {
    margin: 0;
}

.modal-slider--navigation li,
.modal-slider--navigation_responsive li,
.exp-slider--navigation li,
.exp-slider--navigation_responsive li,
.docs-slider--navigation li,
.docs-slider--navigation_responsive li {
    display: inline-flex;
}

.modal-slider--navigation li button,
.modal-slider--navigation_responsive li button,
.exp-slider--navigation li button,
.exp-slider--navigation_responsive li button,
.docs-slider--navigation li button,
.docs-slider--navigation_responsive li button {
    font-size: 0;
    line-height: 0;
    border: 0;
    background: var(--white);
    padding: 0;
    height: 11px;
    width: 11px;
    border-radius: 50px;
    opacity: .7;
    transition: transform .1s ease;
}

.modal-slider--navigation li:not(:last-of-type) button,
.modal-slider--navigation_responsive li:not(:last-of-type) button,
.exp-slider--navigation li:not(:last-of-type) button,
.exp-slider--navigation_responsive li:not(:last-of-type) button,
.docs-slider--navigation li:not(:last-of-type) button,
.docs-slider--navigation_responsive li:not(:last-of-type) button {
    margin-right: 15px;
}

.modal-slider--navigation .slick-active button,
.modal-slider--navigation li button:hover,
.modal-slider--navigation li button:focus,
.modal-slider--navigation_responsive .slick-active button,
.modal-slider--navigation_responsive li button:hover,
.modal-slider--navigation_responsive li button:focus,
.exp-slider--navigation .slick-active button,
.exp-slider--navigation li button:hover,
.exp-slider--navigation li button:focus,
.exp-slider--navigation_responsive .slick-active button,
.exp-slider--navigation_responsive li button:hover,
.exp-slider--navigation_responsive li button:focus,
.docs-slider--navigation .slick-active button,
.docs-slider--navigation li button:hover,
.docs-slider--navigation li button:focus,
.docs-slider--navigation_responsive .slick-active button,
.docs-slider--navigation_responsive li button:hover,
.docs-slider--navigation_responsive li button:focus {
    opacity: 1;
    transform: scale(1.545);
}

/* wq */
.modal-slider--navigation_responsive .slider-arrows .slick-prev,
.modal-slider--navigation_responsive .slider-arrows .slick-next {
    position: absolute;
    height: 38px;
}

.exp-slider--navigation_responsive .slider-arrows .slick-prev,
.exp-slider--navigation_responsive .slider-arrows .slick-next,
.docs-slider--navigation_responsive .slider-arrows .slick-prev,
.docs-slider--navigation_responsive .slider-arrows .slick-next {
    height: 38px;
}

.modal-slider--navigation_responsive .slider-arrows .slick-prev {
    left: 18px;
}

.modal-slider--navigation_responsive .slider-arrows .slick-next {
    right: 18px;
}

.exp-slider--navigation_responsive .slider-arrows .slick-prev,
.exp-slider--navigation_responsive .slider-arrows .slick-next,
.docs-slider--navigation_responsive .slider-arrows .slick-prev,
.docs-slider--navigation_responsive .slider-arrows .slick-next {
    position: relative;
}

.modal-slider--navigation .slider-arrows .slick-prev,
.exp-slider--navigation .slider-arrows .slick-prev,
.docs-slider--navigation .slider-arrows .slick-prev {
    margin-right: 15px;
}

.modal-slider--navigation .slider-arrows img,
.exp-slider--navigation .slider-arrows img,
.docs-slider--navigation .slider-arrows img {
    cursor: pointer;
    transition: transform .15s ease;
}

.modal-slider--navigation .slider-arrows .slick-disabled,
.exp-slider--navigation .slider-arrows .slick-disabled,
.docs-slider--navigation .slider-arrows .slick-disabled {
    opacity: .7;
    cursor: default;
}

.exp-slider--navigation .slider-arrows button,
.exp-slider--navigation_responsive .slider-arrows button,
.docs-slider--navigation .slider-arrows button,
.docs-slider--navigation_responsive .slider-arrows button {
    background: none;
    border: 0;
    padding: 0;
    margin-top: 16px;
}

.exp-slider--navigation .slider-arrows button,
.docs-slider--navigation .slider-arrows button {
    margin: 0 !important;
}

.modal-slider--navigation .slider-arrows img:not(.slick-disabled):hover,
.exp-slider--navigation .slider-arrows img:not(.slick-disabled):hover,
.docs-slider--navigation .slider-arrows img:not(.slick-disabled):hover {
    transform: scale(1.08);
}

.modal-slider .slick-list,
.slideshow--slider .slick-list {
    max-width: 1366px;
    overflow: visible;
    margin: 0 auto;
}

.modal-slider .slick-initialized,
.slideshow--slider:not(.docs) .slick-initialized {
    padding: 0 70px;
}

.modal-slider .slick-slide:not(:last-of-type),
.slideshow--slider .slick-slide:not(:last-of-type) {
    padding-right: 36px;
}

.modal-slider .uabb-photo-gallery-item {
    padding: 0;
    position: relative;
}

.modal-slider .uabb-photo-gallery-item::after {
    content: url(/wp-content/uploads/modal-expand.svg);
    position: absolute;
    bottom: 6px;
    right: 12px;
    pointer-events: none;
}

.modal-slider .uabb-photo-gallery-caption {
    display: none;
}

.modal-slider .slick-slide:nth-of-type(even),
.slideshow--slider .slick-slide:nth-of-type(even) {
    margin-top: 36px;
}

.modal-slider img {
    height: 28vw !important;
    max-height: 442.95px;
    object-fit: cover;
    border-radius: 14px;
}

/* LIGHTBOX */

.mfp-bg {
    display: none;
}

.mfp-wrap {
    margin-left: 76px;
    max-width: calc(100vw - 76px);
    background-color: rgb(39, 46, 54, .9);
}

.mfp-container {
    padding: 0;
    position: relative;
}

.mfp-wrap button.mfp-arrow {
    position: absolute;
    /* top: 40%; */
}

.mfp-wrap button.mfp-arrow::before,
.mfp-wrap button.mfp-arrow::after {
    border: 0;
}

.mfp-wrap button.mfp-arrow-right::before {
    content: url('/wp-content/uploads/arrow-circle-next.svg');
    margin: 0 !important;
}

.mfp-wrap button.mfp-arrow-left::after {
    content: url('/wp-content/uploads/arrow-circle-prev.svg');
    margin: 0 30px !important;
}

.mfp-image-holder .mfp-content {
    max-width: 80%;
    padding-bottom: 36px;
    /* vertical-align: top; */
    margin-top: 66px;
}

.mfp-figure figure {
    padding-bottom: 26px;
    cursor:initial;
}

.mfp-gallery img.mfp-img {
    padding: 0 !important;
    border-radius: 14px;
}

.mfp-figure:after {
    display: none;
}

.mfp-wrap button.mfp-close,
.mfp-wrap button.mfp-close:hover {
    background: var(--haisla) !important;
    transition: all .15s ease;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    left: calc(90% + 16px);
    top: 66px !important;
}

button.mfp-close {
    opacity: .9;
}

.mfp-title {
    font-family: var(--inter);
    /* font-weight: 700; */
    font-size: 16px;
    line-height: 28px;
    padding: 0;
}

.mfp-bottom-bar {
    display: flex;
}

.mfp-bottom-bar::before {
    content: url(/wp-content/uploads/Icon-ionic-ios-camera.svg);
    margin: 7px 36px 0 0;
}

.mfp-counter {
    display: none !important;
}



/* Docs slider */
.slideshow--slider.docs .slideshow-item {
    background: var(--white-cream);
    padding: 26px;
    border-radius: 14px;
}

.slideshow--slider.docs .slideshow-tag {
    display: flex;
    align-items: center;
    margin-bottom: 56px;
}

.slideshow--slider.docs .slideshow-tag p {
    margin: 0;
    height: min-content;
    font-family: var(--inter);
    font-weight: 500;
    font-size: 14px;
    color: var(--haisla);
    margin-left: 16px;
}

.slideshow--slider.docs .slideshow-slide--details {
    width: 90%;
}

.slideshow--slider.docs h3 {
    color: var(--shadow-inlet-dark);
    margin-bottom: 10px;
}

.slideshow--slider.docs .slideshow-slide--details p {
    color: var(--black);
}

.slideshow--slider .fl-module-button.arrowlink a.fl-button,
.fl-module-button.download a.fl-button {
    background: transparent;
    padding: 0 30px 3px 0;
    border: 0;
}

.slideshow--slider .fl-module-button.arrowlink a.fl-button span,
.fl-module-button.download a.fl-button span {
    font-family: var(--inter);
    font-weight: 600;
    font-size: 14px;
    color: var(--haisla);
}

.fl-module-button.download a.fl-button::after {
    content: url(/wp-content/uploads/arrow-red-down.svg);
    position: absolute;
    transform: translate(7px, 0px);
    transition: all .5s ease;
}

.slideshow--slider .fl-module-button.arrowlink a.fl-button::after {
    content: url(/wp-content/uploads/arrow-red.svg);
    position: absolute;
    transform: translate(7px, 1px);
    transition: all .5s ease;
}


.slideshow--slider .fl-module-button.arrowlink:hover a.fl-button::after {
    transform: translate(15px, 1px);
}

.fl-module-button.download a.fl-button:hover::after {
    animation: 1.5s download;
    animation-fill-mode: forwards;
}

@keyframes download {
    0%   { opacity:0; transform: translate(7px, 0px); }
    65%  { opacity:1; }
    100% { transform: translate(7px, 7px);}
}




.slideshow--slider.exp .slideshow-item > div {
/*     background: var(--white); */
    padding: 26px;
    border-radius: 14px;
    height: 40vw;
    max-height: 424px;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-end;
/*     border-bottom: 26px solid var(--haisla); */
    background-size: cover;
    background-position: center;
}

.slideshow--slider.exp p {
    color: var(--white);
    font-family: var(--inter);
    font-weight: 700;
    font-size: 29px;
    line-height: 38px;
}

.slideshow--slider.exp h3 {
    color: var(--white);
    opacity: .7;
    margin-bottom: 16px;
}

.slideshow--slider.exp a {
    font-family: var(--inter);
    font-weight: normal;
    font-size: 14px;
    line-height: 37px;
    color: #d6effb;
}

.slideshow--slider.exp a::after {
    position: absolute;
    width: 16.46px;
    padding-left: 12px;
    transition: all .25s ease;
    content: url(/wp-content/uploads/arrow-light-blue.svg);
}

.slideshow--slider.exp a:hover::after {
    transform: translateX(10px);
}







/* STORIES */

.stories {
    display: grid;
    row-gap: 36px;
}

.story {
    display: flex;
    justify-content: space-between;
    /* height: 670px; */
    border-radius: 14px;
    padding: 66px 53px;
    background-size: cover;
}

.story--desc {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.story--desc > div > img {
    width: 70px;
    margin-bottom: 36px;
}

.story--desc .haisla-title,
.story--desc h2 {
    color: white;
}

.story--desc .haisla-title {
    font-family: var(--inter);
    font-weight: 700;
    font-size: 38px;
    line-height: 46px;
}

.story--desc h2 {
    opacity: .7;
    margin-bottom: 36px;
}

.story--desc p {
    color: white;
    max-width: 350px;
}

.story--icons {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 14px 0;
}

.story--icons img {
    height: 152px;
    width: 152px;
    object-fit: cover;
    border-radius: 100%;
}

.story--icons > div:not(:first-child) {
    margin-top: 26px;
}

.stories-filter_item.theme {
    margin-bottom: 50px;
}

button.stories-themes_btn,
button.stories-themes_btn:focus {
    font-family: var(--inter);
    font-weight: 600;
    font-size: 15px;
    color: var(--white);
    background: transparent;
    opacity: .7;
    border: 1px solid var(--white);
    border-radius: 80px;
    padding: 15px 25px;
    margin-right: 26px;
    transition: all .25s ease;
    margin-bottom: 16px;
}

button.stories-themes_btn:hover,
button.stories-themes_btn.active {
    opacity: 1;
    background: var(--mist);
    border: 1px solid var(--mist);
    color: var(--shadow-inlet-dark);
}

a.btn-round.white {
    font-family: var(--inter);
    font-weight: 400;
    font-size: 18px;
    color: var(--white);
    padding: 25px 58px 25px 37px;
    background: transparent;
    border: 1px solid var(--white);
    width: max-content;
    border-radius: 80px;
    cursor: pointer;
    transition: all .25s ease;
    position: relative;
    margin-top: 66px;
}

a.btn-round.white:hover {
    color: var(--shadow-inlet-dark);
    background: var(--white);
}

a.btn-round.white::after {
    content: var(--arrow-white);
    position: absolute;
    padding-left: 10px;
    transition: all .25s ease;
}

a.btn-round.white:hover::after {
    transform: translateX(8px);
    content: var(--arrow-blue);
}


.row-space-between .fl-row-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.row-space-between .fl-row-content::before,
.row-space-between .fl-row-content::after {
    display: none;
}

.post-tags span {
    color: var(--white);
    border: 1px solid var(--white);
    opacity: .7;
    font-family: var(--inter);
    font-weight: 400;
    font-size: 15px;
    padding: 16px 28px;
    border-radius: 80px;
    margin-right: 16px;
}




.fl-module.experience-nav .fl-button-group-buttons {
    justify-content: space-between;
}

.fl-builder-content .fl-module.experience-nav .fl-button-group .fl-button-group-buttons .fl-button-group-button {
    flex: 1;
    padding: 0;
}

.fl-module.experience-nav .fl-button-wrap {
    width: 100%;
    height: 100%;
}

.fl-module.experience-nav .fl-button-wrap a {
    border: 0;
    border-bottom: 1px solid white;
    border-radius: 0;
    background: transparent;
    transition: all .25s ease;
}

.fl-module.experience-nav .fl-button-group-button:first-of-type .fl-button-wrap a {
    border-right: 0;
}

.fl-module.experience-nav .fl-button-group-button:last-of-type .fl-button-wrap a {
    border-left: 1px solid white;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fl-module.experience-nav .fl-button-wrap span {
    font-family: var(--inter);
    font-weight: 400;
    font-size: 18px;
    color: var(--white);
    transition: all .25s ease;
}

.fl-module.experience-nav .fl-button-wrap a:hover {
    background: var(--mist);
}

.fl-module.experience-nav .fl-button-wrap a:hover span {
    color: var(--shadow-inlet-dark);
}

.fl-module.experience-nav.end .fl-button-wrap a {
    border-bottom: 0;
    border-top: 1px solid var(--white);
}




.acknowledgement-row-auto {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    grid-column-gap: 16px;
    grid-row-gap: 36px;
}

.acknowledgement-row-auto .acknowledgement--item {}

.acknowledgement-row-auto .acknowledgement--item p,
.acknowledgement-row-auto .acknowledgement--item a {
    color: var(--white);
    font-family: var(--inter);
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    margin: 0;
}

.acknowledgement-row-auto .acknowledgement--item a {
    background-image: linear-gradient(var(--sky), var(--sky));
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 100% 1px;
    display: inline;
    /* padding-bottom: 2px; */
}

.acknowledgement-row-auto .acknowledgement--item a:hover {
    animation: 0.25s underline;
}



/*
    =================================================
                        TABLET
    =================================================
*/
@media only screen and (max-width: 992px) {

    .modal-slider .slick-initialized {
        padding: 0 50px;
    }

    .modal-slider .slick-slide:not(:last-of-type) {
        padding-right: 16px;
    }

    .modal-slider img {
        height: 32vw !important;
    }



    /* LIGHTBOX */
    .mfp-wrap {
        margin: 0 !important;
        max-width: 100vw !important;
    }

    .mfp-image-holder .mfp-content {
        padding: 0 50px 26px 50px;
        margin-top: 186px;
        max-width: 100%;
    }

    .mfp-wrap button.mfp-close,
    .mfp-wrap button.mfp-close:hover {
        left: auto;
        right: 50px;
        top: 110px !important;
    }

    .mfp-bottom-bar {
        flex-direction: column;
        padding: 0 50px;
    }

    .mfp-bottom-bar::before {
        margin: 0 0 16px;
    }
    
}




/*
    =================================================
                        MOBILE
    =================================================
*/
@media only screen and (max-width: 768px) {

    .modal-slider--navigation_responsive {
        height: 38px;
        margin-top: 16px;
    }

    .modal-slider .slick-list {
        overflow: hidden;
    }

    .modal-slider .slick-initialized {
        padding: 0 18px;
    }

    .modal-slider .slick-slide:not(:last-of-type) {
        padding-right: 0;
    }

    .modal-slider .slick-slide:nth-of-type(even) {
        margin-top: 0;
    }

    .modal-slider img {
        height: 58vw !important;
    }

    /* LIGHTBOX */
    .mfp-image-holder .mfp-content {
        padding: 0 18px 18px 18px;
        vertical-align: top;
    }

    .mfp-wrap button.mfp-close,
    .mfp-wrap button.mfp-close:hover {
        right: 18px;
    }

    .mfp-bottom-bar {
        padding: 0 18px;
    }

    .story--icons {
        display: none;
    }

    a.btn-round.white {
        font-family: var(--inter);
        font-weight: 400;
        font-size: 16px;
        padding: 16px 58px 16px 37px;
    }

    .story .heading-audio button {
        text-align: start;
    }

    .story--desc h2,
    .story--desc > div > img {
        margin-bottom: 26px;
    }

    .story {
        height: auto;
        padding: 44px 40px;
    }

    .story--desc p {
        margin-bottom: 44px;
    }

    button.stories-themes_btn,
    button.stories-themes_btn:focus {
        margin-right: 16px;
    }

    .stories-filter_item.theme {
        margin-bottom: 28px;
    }

    .post-tags span {
        padding: 12px 28px;
    }

    .post-tags {
        margin-bottom: 16px;
    }
    
}