/* --------------------------------------------------------------------------
 * ICE CSS
 *
 * Version          : 1.0.0
 * Last updated     : 23/04/2025
 *
 * Core theme styles for exhibition pages
 * --------------------------------------------------------------------------
 
	TABLE OF CONTENTS

    1 - Customise
        1.1 - Fonts
        1.2 - Colours
    
    2 - Layout
        2.1 - Containers
        2.2 - Grid

    3 - Content
        3.1 - Reboot
        3.2 - Typography
        3.3 - Images
        3.4 - SVG

    4 - Forms

    5 - Components
        5.1 - Alerts
        5.2 - Buttons
        5.3 - Cards
        5.4 - Carousel
        5.5 - Footer
        5.6 - Hero
        5.7 - Navbar

    6 - Helpers
        6.1 - Skip to content
        6.2 - Clearfix
        6.3 - Z-Index

    7 - Utilities
        7.1 - Maps
        7.2 - Spacing
        7.3 - Videos

    8 - Extend
        8.1 - Fancybox
        8.2 - Masonry
        8.3 - MixItUp
        8.4 - SlickNav
        8.5 - Swiper
        8.6 - Timeline

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

/* 1 - Customise

/* 1.1 - Fonts
/* ========================================================================== */
@font-face {
    font-display: swap;
    font-family: "Noto sans";
    font-style: normal;
    font-weight: 400;
    src: url("/Assets/fonts/noto-sans-v38-latin-regular.woff2") format("woff2"), url("/Assets/fonts/noto-sans-v38-latin-regular.ttf") format("truetype");
}

@font-face {
    font-display: swap;
    font-family: "Noto sans";
    font-style: normal;
    font-weight: 600;
    src: url("/Assets/fonts/noto-sans-v38-latin-600.woff2") format("woff2"), url("/Assets/fonts/noto-sans-v38-latin-600.ttf") format("truetype");
}

@font-face {
    font-display: swap;
    font-family: "Noto sans";
    font-style: normal;
    font-weight: 700;
    src: url("/Assets/fonts/noto-sans-v38-latin-700.woff2") format("woff2"), url("/Assets/fonts/noto-sans-v38-latin-700.ttf") format("truetype");
}

/* 1.2 - Colours
/* ========================================================================== */
:root {
    --font-primary: "Noto sans", sans-serif;

    --col-apple-green: #75c044;
    --col-body: #333333;
    --col-bondi-blue: #009eb3;
    --col-grey: #ebebeb;
    --col-orange: #f47929;

    --col-bg-img: #f0f0f0;
    --pad-img: 56.25%;

    --col-link: #1d70b8;
    --col-link-hover: #003078;
    --col-link-highlight: #ffbf47;
    --col-btn-highlight: #ffbf47;
}

.bg-apple-green {
    background-color: var(--col-apple-green);
}

.bg-bondi-blue {
    background-color: var(--col-bondi-blue);
}

.bg-orange {
    background-color: var(--col-orange);
}

.bg-grey {
    background-color: var(--col-grey);
}

/* 2 - Layout

/* 2.1 - Containers
/* ========================================================================== */
.container {
    padding-left: var(--bs-gutter-x, 1.25rem);
    padding-right: var(--bs-gutter-x, 1.25rem);
}

@media (min-width: 576px) {
    .container-sm,
    .container {
        max-width: 100%;
        padding-left: var(--bs-gutter-x, 1.25rem);
        padding-right: var(--bs-gutter-x, 1.25rem);
    }
}

@media (min-width: 768px) {
    .container-md,
    .container-sm,
    .container {
        max-width: 100%;
    }
}

@media (min-width: 992px) {
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 100%;
    }
}

@media (min-width: 1200px) {
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .container-xxl,
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 1320px;
    }
}

section {
    position: relative;
}

/* 2.2 - Grid
/* ========================================================================== */
.block-content-card-flex [class^="col"] {
    padding-top: calc(var(--bs-gutter-x) / 2);
    padding-bottom: calc(var(--bs-gutter-x) / 2);
}

/* 3 - Content

/* 3.1 - Reboot
/* ========================================================================== */
html {
    height: 100%;
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    position: relative;
    background: none scroll repeat #ffffff;
    font-size: 17px;
    color: var(--col-body);
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@media (min-width: 1136px) and (max-width: 1279px) {
    html,
    body {
        font-size: 16px;
    }

    body.is-iframe {
        font-size: 17px;
    }
}

@media (min-width: 960px) and (max-width: 1135px) {
    html,
    body {
        font-size: 15px;
    }

    body.is-iframe {
        font-size: 17px;
    }
}

@media (min-width: 768px) and (max-width: 959px) {
    html,
    body {
        font-size: 15px;
    }

    body.is-iframe {
        font-size: 17px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    html,
    body {
        font-size: 15px;
    }

    body.is-iframe {
        font-size: 17px;
    }
}

@media (max-width: 479px) {
    html,
    body {
        font-size: 14px;
    }

    body.is-iframe {
        font-size: 17px;
    }
}

.no-js {
    visibility: visible;
}

/* 3.2 - Typography
/* ========================================================================== */
h1, h2, h3, h4, h5 {
    font-family: var(--font-primary);
    font-weight: 700;
}

h1, h2, h3, h4 {
    letter-spacing: -0.5px;
}

.section-h2 {
    font-weight: 600;
    font-size: 2.25em;
    line-height: 1.4;
    margin-top: -0.0625rem;
}

.section-h3 {
    font-weight: 700;
    font-size: 1.75em;
    line-height: 1.4;
    margin-top: -0.0625rem;
}

section p:last-of-type {
    margin-bottom: 0;
}

/* Links */
a,
a:focus,
a:active {
    outline: 0;
}

.no-touchevents a {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

a:link {
    color: var(--col-link);
    font-weight: 600;
    text-decoration: none;
}

a:visited {
    color: var(--col-link);
    font-weight: 400;
    text-decoration: none;
}

.no-touchevents a:link,
.no-touchevents a:visited {
    border-bottom: 0.125rem solid transparent;
    text-decoration: none;
    padding-bottom: 0.125rem;
}

a:hover,
a:active {
    color: var(--col-link-hover);
}

.no-touchevents a:hover,
.no-touchevents a:active {
    border-bottom-color: var(--col-link-hover);
}

.no-touchevents a:focus,
.no-touchevents a:focus:hover {
    background-color: var(--col-link-highlight);
    border-bottom-color: #000000;
    color: #000000;
}

/* Text white link */
.text-white a:link {
    color: rgba(255, 255, 255, 0.5);
}

.text-white a:visited {
    color: rgba(255, 255, 255, 0.5);
}

.text-white a:hover,
.text-white a:active {
    color: #ffffff;
}

.no-touchevents .text-white a:hover,
.no-touchevents .text-white a:active {
    border-bottom-color: #ffffff;
}

.no-touchevents .text-white a:focus,
.no-touchevents .text-white a:focus:hover {
    border-bottom-color: #000000;
    color: #000000;
}

/* Lists - Inline */
.list-inline-item {
    margin: 0.3125rem;
}

/* Header seperator */
.heading-sep {
    position: relative;
    border-top: 0.125rem solid #61d2b4;
    width: 4.375rem;
    margin: auto;
}

[class*="bg-"] .heading-sep {
    border-top-color: #ffffff;
}

.bg-grey .heading-sep {
    border-top-color: #61d2b4;
}

/* 3.3 - Images
/* ========================================================================== */
.bg-img-fixed {
    background-attachment: fixed;
    background-position: 0 0;
    background-size: cover;
    overflow: hidden;
}

/* 3.4 - SVG
/* ========================================================================== */
.svg-border-angled {
    padding-top: 5rem;
}

.svg-border-angled svg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5rem;
}

.svg-border-rounded svg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3rem;
}

.svg-border-waves {
    padding-top: 2rem;
}

.svg-border-waves svg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3rem;
}

.svg-border-ocean {
    padding-top: 3rem;
}

/* 4 - Forms
/* ========================================================================== */

/* 5 - Components

/* 5.1 - Alerts
/* ========================================================================== */
.alert-notice {
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(220, 221, 225, 0.9);
    font-family: var(--font-primary);
    font-weight: 600;
    color: rgba(35, 35, 35, 1);
    width: 100%;
    border-radius: 0;
    box-shadow: 0 0 0.375rem rgba(0, 0, 0, 0.7);
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    z-index: 1000;
    margin-bottom: 0;
    padding: 0;
}

.alert-notice.alert-bottom {
    top: auto;
    bottom: 0;
}

.alert-notice .btn {
    position: absolute;
    top: 0.3125rem;
    right: 0;
    background-color: transparent;
    border: 0 none;
    color: #bb1919;
    line-height: 0.75rem;
    cursor: pointer;
    z-index: 3;
    /*-webkit-appearance: button;*/
    padding: 0.75rem;
}

.no-touchevents .alert-notice .btn:focus,
.no-touchevents .alert-notice .btn:active,
.no-touchevents .alert-notice .btn:active:focus {
    border: 0;
    box-shadow: 0 0 0 0.25rem var(--col-btn-highlight);
}

.alert-notice .icn-close {
    display: inline-block;
    color: #bb1919;
    width: 1.125rem;
    height: 1.125rem;
}

.no-touchevents .alert-notice .btn:hover .icn-close {
    color: #232323;
}

.alert-notice .icn-close svg {
    width: inherit;
    height: inherit;
    fill: currentColor;
}

.alert-notice .alert-heading {
    display: inline-block;
    font-size: 1.4375em;
    color: #bb1919;
}

.alert-notice.alert-danger {
    background-color: rgba(255, 0, 0, 0.9);
    border: 0 none;
}

.alert-notice.alert-danger,
.alert-notice.alert-danger .btn,
.alert-notice.alert-danger .icn-close,
.alert-notice.alert-danger .alert-heading {
    color: #ffffff
}

.alert-notice.alert-danger .btn .icn-close {
    color: rgba(255, 255, 255, 0.8);
}

.no-touchevents .alert-notice.alert-danger .btn .icn-close {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.no-touchevents .alert-notice.alert-danger .btn:hover .icn-close {
    color: #ffffff;
}

/* 5.2 - Buttons
/* ========================================================================== */
.btn {
    position: relative;
    border: 0;
    font-family: var(--font-primary);
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.4rem;
    border-radius: 0;
    outline-style: none;
    outline-width: 0;
    box-shadow: 0 0 0 0.25rem transparent;
    transition: none;
    padding: 0.765rem 1.176rem 0.765rem;
}

.no-touchevents .btn {
    -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

a.btn:link,
a.btn:visited {
    font-weight: 600;
    border-bottom: 0;
    padding-bottom: 0.765rem;
}

/* Small buttons */
.btn-sm {
    font-size: 0.9375em;
    padding: 0.4375rem 1.75rem 0.5rem;
}

/* 5.3 - Cards
/* ========================================================================== */
.card {
    border: 0;
    border-radius: 0;
}

/* Block content card */
.block-content-card {
    height: 100%;
}

.block-content-card-link {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    align-items: center;
    position: relative;
    background-color: var(--col-link);
    color: #ffffff;
    width: 100%;
    height: 100%;
}

@media (min-width: 340px) {
    .block-content-card-link {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        align-items: inherit;
    }
}

a.block-content-card-link:link {
    font-weight: 400;
}

a.block-content-card-link:link,
a.block-content-card-link:visited {
    color: #ffffff;
}

.no-touchevents a.block-content-card-link {
    /*
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    */
    transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355,1), color 0.2s ease, box-shadow 0.2s ease;
}

.no-touchevents a.block-content-card-link:link,
.no-touchevents a.block-content-card-link:visited {
    border-bottom: 0;
    padding-bottom: 0;
}

.no-touchevents a.block-content-card-link:hover,
.no-touchevents a.block-content-card-link:active {
    background-color: var(--col-link-hover);
    box-shadow: 0 1.7rem 4.1rem 0 rgba(0, 0, 0, 0.09);
    transform: scale(1.05);
}

.no-touchevents a.block-content-card-link:focus,
.no-touchevents a.block-content-card-link:focus:hover {
    background-color: var(--col-link-hover);
    color: #ffffff;
}

.block-content-card-image {
    display: block;
    position: relative;
    width: 50%;
}

@media (min-width: 340px) {
    .block-content-card-image {
        width: 100%;
    }
}

.block-content-card-image figure {
    display: block;
    position: relative;
    background-color: var(--col-bg-img);
    background-image: url("/Assets/img/bg/ice.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 30%;
    width: 100%;
    height: 0;
    overflow: hidden;
    margin: 0;
    padding-bottom: var(--pad-img);
}

.block-content-card-image img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.no-touchevents .block-content-card-image img {
    -webkit-transition: -webkit-filter 0.3s;
    transition: -webkit-filter 0.3s;
    transition: filter 0.3s;
    transition: filter 0.3s, -webkit-filter 0.3s;
    -webkit-filter: saturate(1) brightness(1);
    filter: saturate(1) brightness(1);
    object-fit: cover;
}

.no-touchevents a.block-content-card-link:hover .block-content-card-image img,
.no-touchevents a.block-content-card-link:active .block-content-card-image img {
    -webkit-filter: saturate(1.15) brightness(1.15);
    filter: saturate(1.15) brightness(1.15);
}

.block-content-card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    font-family: var(--font-primary);
    font-weight: 600;
    font-size: 0.823em;
    line-height: 1.2;
    z-index: 1;
}

.no-touchevents .block-content-card-overlay {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.no-touchevents a.block-content-card-link:hover .block-content-card-overlay,
.no-touchevents a.block-content-card-link:active .block-content-card-overlay {
    -webkit-filter: saturate(1.15) brightness(1.15);
    filter: saturate(1.15) brightness(1.15);
}

.block-content-card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    font-family: var(--font-primary);
    font-weight: 600;
    font-size: 0.823em;
    line-height: 1.2;
    z-index: 1;
}

.no-touchevents .block-content-card-overlay {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.block-content-card-overlay.s-equal > div:first-child {
    width: 4.117rem;
    height: 4.117rem;
}

@media (min-width: 992px) {
    .block-content-card-overlay.ribbon-container {
        top: -0.375rem;
        left: -0.375rem;
    }

    .block-content-card-overlay.ribbon-container-shadow {
        -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.25);
        box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.25);
    }

    .block-content-card-overlay .ribbon-bottom-left {
        position: absolute;
        top: auto;
        left: 0;
        border-color: rgba(0, 0, 0, 1) transparent transparent transparent;
        border-width: 0.6rem 0 0 0.375rem;
        border-style: solid;
        width: 0;
        height: 0;
        filter: brightness(50%);
    }

    .block-content-card-overlay.bg-apple-green .ribbon-bottom-left {
        border-top-color: var(--col-apple-green);
    }

    .block-content-card-overlay.bg-bondi-blue .ribbon-bottom-left {
        border-top-color: var(--col-bondi-blue);
    }

    .block-content-card-overlay.bg-orange .ribbon-bottom-left {
        border-top-color: var(--col-orange);
    }
}

.no-touchevents a.block-content-card-link:hover .block-content-card-overlay,
.no-touchevents a.block-content-card-link:active .block-content-card-overlay {
    -webkit-filter: saturate(1.15) brightness(1.15);
    filter: saturate(1.15) brightness(1.15);
}

.block-content-card-body {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 50%;
    word-wrap: break-word;
    padding: 1rem;
}

@media (min-width: 340px) {
    .block-content-card-body {
        width: 100%;
    }
}

@media (min-width: 576px) {
    .block-content-card-body {
        padding: 1.25rem;
    }
}

.block-content-card-title {
    font-weight: 700;
    font-size: 1.125em;
    color: #ffffff;
    line-height: 1.4;
    margin-bottom: 0;
}

@media (min-width: 340px) {
    .block-content-card-title {
        font-size: 1.25em;
        margin-bottom: 1rem;
    }
}

.no-touchevents .block-content-card .block-content-card-title > span {
    border-bottom: 2px solid transparent;
    line-height: 1.563em;
    padding-bottom: 2px;
}

.no-touchevents a.block-content-card-link:hover .block-content-card-title > span,
.no-touchevents a.block-content-card-link:active .block-content-card-title > span {
    border-bottom-color: #ffffff;
}

.no-touchevents a.block-content-card-link:focus .block-content-card-title > span,
.no-touchevents a.block-content-card-link:focus:hover .block-content-card-title > span {
    background-color: var(--col-link-highlight);
    border-bottom-color: #000000;
    color: #000000;
}

.block-content-card-summary p:last-child {
    margin-bottom: 0;
}

.block-content-card-summary {
    display: none;
}

@media (min-width: 340px) {
    .block-content-card-summary {
        display: block;
        /*margin-bottom: 1.25rem;*/
    }
}

.offscreen {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    margin: -1px;
    padding: 0;
}

.block-content-card-footer {
    padding: 0 1.25rem 1.25rem;
}

.block-content-card-footer dl,
.block-content-card-footer dd {
    margin-bottom: 0;
}

.block-content-card-footer dd::before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M11 6.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5z'/%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5M1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 16px;
    width: 16px;
    height: 16px;
}

.block-content-card-footer dd {
    position: relative;
    padding-left: 28px;
}

.block-content-card-modal {
    display: none;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    padding: 0 0 2.5rem 0;
    border-radius: 0;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

@media (min-width: 1200px) {
    .block-content-card-modal {
        max-width: 56.25%;
    }
}

.block-content-card-modal .content-header {
    padding: 1.25rem;
}

.block-content-card-modal .content-scroll {
    max-height: calc(100vh - 200px);
    overflow: auto;
    padding: 0.625rem 2.5rem 0 2.5rem;
}

.block-content-card-modal-wrapper {
    padding-left: 3rem;
    padding-bottom: 7rem;
}

.block-content-card-modal-title {
    font-weight: 700;
    font-size: 1.75em;
    line-height: 1.4;
    margin-bottom: 1.25rem;
}

.block-content-card-modal-video {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
}

.block-content-card-modal-video iframe,
.block-content-card-modal-video object,
.block-content-card-modal-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.block-content-card-modal-video-details {
    background-color: #333333;
    font-size: 0.942em;
    color: #ececec;
    padding: 1rem;
}

.block-content-card-modal-video-details p {
    margin-bottom: 0;
}

.block-content-card-stat img {
    max-width: 100%;
}

.block-content-card-stat figure {
    position: relative;
    margin-bottom: 0;
}

.block-content-card-stat figcaption {
    position: absolute;
    top: 50%;
    left: 50%;
    font-family: var(--font-primary);
    font-weight: 700;
    font-size: 1.25em;
    color: #ffffff;
    text-align: center;
    width: 100%;
    transform: translate(-50%, -50%);
    padding: 1.5rem;
}

.block-content-card-quote {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    background-position: -100px;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}

@media (min-width: 1024px) {
    .block-content-card-quote {
        background-position: unset;
    }
}

@media (min-width: 1024px) {
    .block-content-card-quote {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        align-items: center;
        background-size: 100%;
        min-height: 780px;
    }
}

.block-content-card-quote-content {
    font-family: var(--font-primary);
    font-weight: 400;
    color: #000000;
    flex: 1 0;
    padding: 3rem;
}

@media (min-width: 1024px) {
    .block-content-card-quote-content {
        padding: 5rem;
    }
}

.block-content-card-quote-image {
    text-align: center;
}

.block-content-card-quote-image img {
    max-height: 20rem;
}

.block-content-card-quote-content blockquote {
    margin-bottom: 0;
}

.block-content-card-quote-content blockquote p {
    font-size: 1.25rem;
    line-height: 1.4;
}

.block-content-card-quote-footer {
    margin: 2rem 0;
}

/* Projects listing card */
.projects-listing-card {
    padding: 0;
}

.no-touchevents a.projects-listing-link:link,
.no-touchevents a.projects-listing-link:visited {
    border-bottom: 0 none;
    transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355,1), color 0.2s ease, box-shadow 0.2s ease;
    padding-bottom: 0;
}

.no-touchevents a.projects-listing-link:hover,
.no-touchevents a.projects-listing-link:active {
    box-shadow: 0 1.7rem 4.1rem 0 rgba(0, 0, 0, 0.09);
    transform: scale(1.05);
}

.projects-listing-card figure {
    display: block;
    position: relative;
    background-color: var(--col-bg-img);
    background-image: url("/Assets/img/bg/ice.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 30%;
    width: 100%;
    height: 0;
    overflow: hidden;
    margin: 0;
    padding-bottom: 21.25rem;
}

.projects-listing-card img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.no-touchevents .projects-listing-card img {
    -webkit-transition: -webkit-filter 0.3s;
    transition: -webkit-filter 0.3s;
    transition: filter 0.3s;
    transition: filter 0.3s, -webkit-filter 0.3s;
    -webkit-filter: saturate(1) brightness(1);
    filter: saturate(1) brightness(1);
    object-fit: cover;
}

.no-touchevents .projects-listing-card:hover img {
    -webkit-filter: saturate(1.15) brightness(1.15);
    filter: saturate(1.15) brightness(1.15);
}

.projects-listing-card .card-container {
    display: flex;
    flex-direction: column;
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.85)), to(transparent));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.85), transparent);
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.85),transparent);
    width: 100%;
    padding: 5rem 5% 1.5625rem;
}

.projects-listing-card .card-body {
    padding: 0;
}

.projects-listing-card .card-details {
    display: inline-block;
    font-family: var(--font-primary);
    font-size: 0.875em;
    color: #000000;
    margin-bottom: 0;
    padding: 0;
}

.projects-listing-card .card-details {
    font-weight: 600;
}

.projects-listing-card .card-title {
    display: inline-block;
    border-bottom: 2px solid transparent;
    font-size: 1.25em;
    color: #ffffff;
    line-height: 1.4;
    margin-bottom: 0.25rem;
}

a.projects-listing-link .card-title span {
    border-bottom: 2px solid transparent;
    line-height: 1.563em;
}

a.projects-listing-link:link .card-title span,
a.projects-listing-link:visited .card-title span {
    font-weight: 700;
    color: #ffffff;
}

.no-touchevents a.projects-listing-link:hover .card-title span,
.no-touchevents a.projects-listing-link:active .card-title span {
    border-bottom-color: #ffffff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.no-touchevents a.projects-listing-link:focus .card-title span,
.no-touchevents a.projects-listing-link:focus:hover .card-title span {
    background-color: var(--col-link-highlight);
    color: #000000;
    border-bottom-color: #000000;
}

a.projects-listing-link .card-info {
    font-weight: 400;
    font-size: 0.9375em;
    color: #b2b2b2;
}

/* Profiles listing card */
.profiles-listing-card {
    padding: 0;
}

.no-touchevents a.profiles-listing-link:link,
.no-touchevents a.profiles-listing-link:visited {
    transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355,1), color 0.2s ease, box-shadow 0.2s ease;
}

.no-touchevents a.profiles-listing-link:hover,
.no-touchevents a.profiles-listing-link:active {
    border-bottom: 0 none;
    box-shadow: 0 1.7rem 4.1rem 0 rgba(0, 0, 0, 0.09);
    transform: scale(1.05);
    padding-bottom: 0;
}

.profiles-listing-card figure {
    display: block;
    position: relative;
    background-color: var(--col-bg-img);
    background-image: url("/Assets/img/bg/ice.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 30%;
    width: 100%;
    height: 0;
    overflow: hidden;
    margin: 0;
    /*padding-bottom: 86.25%;*/
    padding-bottom: 21.25rem;
}

.profiles-listing-card img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.no-touchevents .profiles-listing-card .card-image img {
    -webkit-transition: -webkit-filter 0.3s;
    transition: -webkit-filter 0.3s;
    transition: filter 0.3s;
    transition: filter 0.3s, -webkit-filter 0.3s;
    -webkit-filter: saturate(1) brightness(1);
    filter: saturate(1) brightness(1);
    object-fit: cover;
}

.no-touchevents .profiles-listing-card:hover .card-image img {
    -webkit-filter: saturate(1.15) brightness(1.15);
    filter: saturate(1.15) brightness(1.15);
}

.profiles-listing-card .card-container {
    display: flex;
    flex-direction: column;
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.85)), to(transparent));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.85), transparent);
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.85),transparent);
    width: 100%;
    padding: 2.5rem 5% 1.5625rem;
}

.profiles-listing-card .profile-image {
    width: 12rem;
    height: 12rem;
    margin: 1.125rem auto;
}

@media (min-width: 768px) {
    .profiles-listing-card .profile-image {
        width: 45%;
        height: 45%;
    }

    .grid-item-w2 .profiles-listing-card .profile-image {
        width: 24.65%;
        height: 24.65%;
    }
}

.profiles-listing-card .profile-image figure::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-shadow: 0 0 0 0.5rem rgba(0, 163, 172, 0.8);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-animation: sonarEffectIn 1s ease-out 75ms;
    -moz-animation: sonarEffectIn 1s ease-out 75ms;
    animation: sonarEffectIn 1s ease-out 75ms;
    transition-property: all;
    transition-delay: 0.25s;
}

.no-touchevents .profiles-listing-card .profiles-listing-link:hover .profile-image figure::after {
    opacity: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-animation: sonarEffectOut 1s ease-out 75ms;
    -moz-animation: sonarEffectOut 1s ease-out 75ms;
    animation: sonarEffectOut 1s ease-out 75ms;
}

@-webkit-keyframes sonarEffectOut {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 0.5rem rgba(255, 255, 255, 0.25), 0 0 0.5rem 0.5rem rgba(0, 163, 172, 0.8), 0 0 0 0.5rem rgba(255, 255, 255, 0.75);
    }

    100% {
        box-shadow: 0 0 0 0.5rem rgba(255, 255, 255, 0.25), 0 0 0.5rem 0.5rem rgba(0, 163, 172, 0.8), 0 0 0 0.5rem rgba(255, 255, 255, 0.75);
        -webkit-transform: scale(1.5);
        opacity: 0;
    }
}

@-moz-keyframes sonarEffectOut {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 0.5rem rgba(255, 255, 255, 0.25), 0 0 0.5rem 0.5rem rgba(0, 163, 172, 0.8), 0 0 0 0.5rem rgba(255, 255, 255, 0.75);
    }

    100% {
        box-shadow: 0 0 0 0.5rem rgba(255, 255, 255, 0.25), 0 0 0.5rem 0.5rem rgba(0, 163, 172, 0.8), 0 0 0 0.5rem rgba(255, 255, 255, 0.75);
        -moz-transform: scale(1.5);
        opacity: 0;
    }
}

@keyframes sonarEffectOut {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 0.5rem rgba(255, 255, 255, 0.25), 0 0 0.5rem 0.5rem rgba(0, 163, 172, 0.8), 0 0 0 0.5rem rgba(255, 255, 255, 0.75);
    }
    
    100% {
        box-shadow: 0 0 0 0.5rem rgba(255, 255, 255, 0.25), 0 0 0.5rem 0.5rem rgba(0, 163, 172, 0.8), 0 0 0 0.5rem rgba(255, 255, 255, 0.75);
        transform: scale(1.5);
        opacity: 0;
    }
}

@-webkit-keyframes sonarEffectIn {
    0% {
        transform: scale(1.5);
        opacity: 0;
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 0.5rem rgba(255, 255, 255, 0.25), 0 0 0.5rem 0.5rem rgba(0, 163, 172, 0.8), 0 0 0 0.5rem rgba(255, 255, 255, 0.75);
    }

    100% {
        box-shadow: 0 0 0 0.5rem rgba(255, 255, 255, 0.25), 0 0 0.5rem 0.5rem rgba(0, 163, 172, 0.8), 0 0 0 0.5rem rgba(255, 255, 255, 0.75);
        -webkit-transform: scale(1.5);
        opacity: 1;
    }
}

@-moz-keyframes sonarEffectIn {
    0% {
        transform: scale(1.5);
        opacity: 0;
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 0.5rem rgba(255, 255, 255, 0.25), 0 0 0.5rem 0.5rem rgba(0, 163, 172, 0.8), 0 0 0 0.5rem rgba(255, 255, 255, 0.75);
    }

    100% {
        box-shadow: 0 0 0 0.5rem rgba(255, 255, 255, 0.25), 0 0 0.5rem 0.5rem rgba(0, 163, 172, 0.8), 0 0 0 0.5rem rgba(255, 255, 255, 0.75);
        -moz-transform: scale(1);
        opacity: 1;
    }
}

@keyframes sonarEffectIn {
    0% {
        transform: scale(1.5);
        opacity: 0;
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 0.5rem rgba(255, 255, 255, 0.25), 0 0 0.5rem 0.5rem rgba(0, 163, 172, 0.8), 0 0 0 0.5rem rgba(255, 255, 255, 0.75);
    }
    
    100% {
        box-shadow: 0 0 0 0.5rem rgba(0, 163, 172, 0.25), 0 0 0.5rem 0.5rem rgba(0, 163, 172, 0.8), 0 0 0 0.5rem rgba(0, 163, 172, 0.75);
        transform: scale(1);
        opacity: 1;
    }
}

.profiles-listing-card .profile-image figure {
    background: none 0 0 scroll transparent;
    width: 100%;
    height: 100%;
    overflow: visible;
    padding-bottom: 100%;
}

.profiles-listing-card .profile-image img::before {
    content: "";
    display: block;
}

.profiles-listing-card .profile-image img {
    /*border: 0.5rem solid rgba(0, 163, 172, 0.8);*/
    border-radius: 50%;
    padding: 0.3125rem;
}

.profiles-listing-card .card-body {
    padding: 0;
}

.profiles-listing-card .card-details {
    display: inline-block;
    font-family: var(--font-primary);
    font-size: 0.875em;
    color: #000000;
    margin-bottom: 0;
    padding: 0;
}

.profiles-listing-card .card-details,
.profiles-listing-card .card-details dd {
    font-weight: 600;
}

.projects-listing-card .card-title {
    display: inline-block;
    font-size: 1.25em;
    color: #ffffff;
    line-height: 1.4;
    margin-bottom: 0.25rem;
}

a.profiles-listing-link .card-title span {
    border-bottom: 2px solid transparent;
    line-height: 1.563em;
}

a.profiles-listing-link:link .card-title span,
a.profiles-listing-link:visited .card-title span {
    font-weight: 700;
    color: #ffffff;
}

.no-touchevents a.profiles-listing-link:hover .card-title span,
.no-touchevents a.profiles-listing-link:active .card-title span {
    border-bottom-color: #ffffff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.no-touchevents a.profiles-listing-link:focus .card-title span,
.no-touchevents a.profiles-listing-link:focus:hover .card-title span {
    background-color: var(--col-link-highlight);
    color: #000000;
    border-bottom-color: #000000;
}

a.profiles-listing-link .card-info {
    font-weight: 400;
    font-size: 0.9375em;
    color: #b2b2b2;
}

/* Sponsor card */
.block-listing-sponsor {
    color: var(--col-body);
}

.block-listing-sponsor.row > * {
    padding-top: calc(var(--bs-gutter-x) / 2);
    padding-bottom: calc(var(--bs-gutter-x) / 2);
}

.block-listing-sponsor article {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    align-items: center;
    position: relative;
    border: 1px solid #dddddd;
    width: 100%;
    height: 100%;
}

@media (min-width: 480px) {
    .block-listing-sponsor article {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        align-items: normal;
    }
}

.block-listing-sponsor.grid article {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 480px) {
    .block-listing-sponsor.grid article {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        align-items: center;
    }
}

.block-listing-sponsor.drop-shadow article {
    background-color: #ffffff;
    border: 0 none;
    box-shadow: 0 4px 23px 0 rgba(219, 229, 236, 0.6);
}

.block-listing-sponsor .block-ribbon::after {
    display: none;
}

@media (min-width: 480px) {
    .block-listing-sponsor .block-ribbon::after {
        display: block;
    }

    .block-listing-sponsor.grid .block-ribbon::after {
        display: none;
    }
}

.block-listing-sponsor .block-ribbon {
    position: relative;
    right: auto;
    width: 100%;
}

@media (min-width: 480px) {
    .block-listing-sponsor .block-ribbon {
        position: absolute;
        right: 0.75rem;
        width: auto;
    }

    .block-listing-sponsor.grid .block-ribbon {
        position: relative;
        right: auto;
        width: 100%;
    }
}

.block-listing-sponsor .block-ribbon > div {
    width: 100%;
    height: auto;
    padding: 0.5rem;
}

@media (min-width: 480px) {
    .block-listing-sponsor .block-ribbon > div {
        width: 4.5rem;
        height: 4.5rem;
        padding: 0.25rem;
    }

    .block-listing-sponsor.grid .block-ribbon > div {
        width: 100%;
        height: auto;
        padding: 0.5rem;
    }

}

.block-listing-sponsor-image {
    padding: 0.625rem;
}

@media (min-width: 480px) {
    .block-listing-sponsor-image {
        padding: 1.25rem;
    }

    .block-listing-sponsor.grid .block-listing-sponsor-image {
        padding-bottom: 0.625rem;
    }
}

.block-listing-sponsor figure {
    display: block;
    position: relative;
    background-color: var(--col-light-grey);
    background-image: url("/Assets/img/bg/ice.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 30%;
    width: auto;
    height: auto;
    overflow: hidden;
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .block-listing-sponsor figure {
        width: 200px;
    }
}

.block-listing-sponsor-image img {
    max-width: 100%;
}

.block-listing-sponsor-body {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    font-size: 0.9375em;
    text-align: center;
    word-wrap: break-word;
    padding: 0.625rem;
}

@media (min-width: 480px) {
    .block-listing-sponsor-body {
        text-align: left;
        padding-top: 0;
        padding: 1.25rem;
    }

    .block-listing-sponsor.grid .block-listing-sponsor-body {
        text-align: center;
        padding: 0.625rem 1.25rem 1.25rem;
    }
}

@media (min-width: 480px) {
    .block-listing-sponsor-body > div {
        width: 75%;
    }

    .block-listing-sponsor.grid .block-listing-sponsor-body > div {
        width: 100%;
    }
}

.block-listing-sponsor-title {
    font-size: 1.125em;
    letter-spacing: normal;
    margin-top: 0.625rem;
    margin-bottom: 1.25rem;
}

@media (min-width: 480px) {
    .block-listing-sponsor-title {
        margin-top: 0;
        margin-bottom: 0.625rem;
    }
}

.block-listing-sponsor-summary p:last-child {
    margin-bottom: 0;
}

.block-listing-sponsor-action {
    display: inline-block;
    position: relative;
    margin: 1.25rem 0 0;
}

@media (min-width: 480px) {
    .block-listing-sponsor-action a::after {
        content: "";
        display: inline-block;
        position: absolute;
        top: 0;
        right: 1.5rem;
        bottom: 0;
        background-image: url("/Assets/img/icn/ext-link.svg");
        background-repeat: no-repeat;
        background-size: 100%;
        width: 1.0625rem;
        height: 1.0625rem;
        margin: auto 0;
    }
}

.block-listing-sponsor-action a {
    position: relative;
}

@media (min-width: 480px) {
    .block-listing-sponsor-action a {
        padding-right: 3rem;
    }
}

.no-touchevents .block-listing-sponsor-action a:link,
.no-touchevents .block-listing-sponsor-action a:visited {
    border-bottom: 0 none;
    padding-bottom: 0;
}

.no-touchevents .block-listing-sponsor-action a:focus,
.no-touchevents .block-listing-sponsor-action a:focus:hover {
    background-color: transparent;
}

.no-touchevents .block-listing-sponsor-action a span {
    border-bottom: 2px solid transparent;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.no-touchevents .block-listing-sponsor-action a:hover span,
.no-touchevents .block-listing-sponsor-action a:active span {
    border-bottom-color: #003078;
}

.no-touchevents .block-listing-sponsor-action a:focus span,
.no-touchevents .block-listing-sponsor-action a:focus:hover span {
    background-color: var(--col-orange-lighter);
    color: #000000;
}

/* Block content image */
.block-content-image {
    position: relative;
}

@media (min-width: 768px) {
    .block-content-image {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 450px;
    }
}

.block-content-image-bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left center;
    width: 100%;
    min-height: 240px;
}

@media (min-width: 768px) {
    .block-content-image-bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 50%;
        height: 100%;
    }
}

.block-content-image #map-canvas {
    position: relative;
    width: 100%;
    height: 450px;
    min-height: 240px;
}

@media (min-width: 768px) {
    .block-content-image #map-canvas {
        position: absolute;
        top: 0;
        right: 0;
        width: 50%;
        height: 100%;
    }
}

.block-content-image-body {
    color: #ffffff;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

@media (min-width: 768px) {
    .block-content-image-body {
        padding: 3rem 0 3rem 2rem;
    }
}

.block-content-image-title {
    display: inline-block;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.4;
    margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
    .block-content-image-title {
        font-size: 1.75rem;
        line-height: 2.25rem;
        margin-bottom: 1.5rem;
    }
}

.block-content-image-action {
    padding-top: 2.5rem;
}

/* Download card */
.block-content-download {
    position: relative;
    border: 0 solid rgba(0, 0, 0, 0.125);
    /*border-radius: 0.35rem;*/
    height: 100%;
    -webkit-box-shadow: 0 .15rem 1.75rem 0 rgba(31, 45, 65, 0.15);
    box-shadow: 0 .15rem 1.75rem 0 rgba(31, 45, 65, 0.15);
    /*overflow: hidden;*/
}

.block-content-download-link {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    align-items: center;
    position: relative;
    background-color: var(--col-bg-primary);
    width: 100%;
    height: 100%;
}

@media (min-width: 340px) {
    .block-content-download-link {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        align-items: inherit;
    }
}

a.block-content-download-link:link {
    font-weight: 400;
}

a.block-content-download-link:link,
a.block-content-download-link:visited {
    color: #ffffff;
}

.no-touchevents a.block-content-download-link {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.no-touchevents a.block-content-download-link:link,
.no-touchevents a.block-content-download-link:visited {
    border-bottom: 0;
    transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355,1), color 0.2s ease, box-shadow 0.2s ease;
    padding-bottom: 0;
}

.no-touchevents a.block-content-download-link:hover,
.no-touchevents a.block-content-download-link:active {
    background-color: var(--col-card-primary-hover);
    box-shadow: 0 1.7rem 4.1rem 0 rgba(0, 0, 0, 0.09);
    transform: scale(1.05);
}

.no-touchevents a.block-content-download-link:focus,
.no-touchevents a.block-content-download-link:focus:hover {
    background-color: var(--col-card-primary-hover);
    color: #ffffff;
}

.block-content-download-body {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 50%;
    word-wrap: break-word;
    padding: 1rem;
}

@media (min-width: 340px) {
    .block-content-download-body {
        width: 100%;
    }
}

@media (min-width: 576px) {
    .block-content-download-body {
        padding: 1.25rem;
    }
}

.block-content-download-title {
    font-weight: 700;
    font-size: 1.125em;
    color: #ffffff;
    line-height: 1.4;
    margin-bottom: 0;
}

@media (min-width: 340px) {
    .block-content-download-title {
        font-size: 1.25em;
        margin-bottom: 1rem;
    }
}

.no-touchevents .block-content-download .block-content-download-title > span {
    border-bottom: 2px solid transparent;
    line-height: 1.563em;
    padding-bottom: 2px;
}

.no-touchevents a.block-content-download-link:hover .block-content-download-title > span,
.no-touchevents a.block-content-download-link:active .block-content-download-title > span {
    border-bottom-color: #ffffff;
}

.no-touchevents a.block-content-download-link:focus .block-content-download-title > span,
.no-touchevents a.block-content-download-link:focus:hover .block-content-download-title > span {
    background-color: var(--col-link-highlight);
    border-bottom-color: #000000;
    color: #000000;
}

.block-content-download-summary p:last-child {
    margin-bottom: 0;
}

.block-content-download-summary {
    display: none;
}

@media (min-width: 340px) {
    .block-content-download-summary {
        display: block;
        margin-bottom: 3rem;
    }
}

.block-content-download-action-btn::after {
    content: url("data:image/svg+xml,<svg width='34' height='34' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M7 9.35801V1H8V9.29289L10.1464 7.14645L10.8536 7.85355L7.51386 11.1932L3.91086 7.8674L4.58914 7.1326L7 9.35801ZM2 13V7H1V14H14V7H13V13H2Z' fill='white'/></svg>");
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0.882rem;
    bottom: 0;
    line-height: 1rem;
    width: 1.5rem;
    height: 1.5rem;
    margin: auto 0;
}

.no-touchevents .block-content-download-action-btn::after {
    transition: all 0.2s ease;
}

.no-touchevents a.block-content-download-link:hover .block-content-download-action-btn::after {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
}

.block-content-download-action-btn {
    display: inline-block;
    position: relative;
    font-family: var(--font-primary);
    font-weight: 600;
    font-size: 1.125rem;
    text-align: center;
    line-height: 1.4rem;
    padding: 0.765rem 1.176rem 0.765rem 3rem;
}

/* Block content region */

/* helper class when showing content */
.noscroll {
    overflow: hidden;
}

.block-content-region {
	position: relative;
	height: 100%;
	z-index: 50;
}

.block-content-region .block-content-region-container {
    position: relative;
}

.block-content-region .block-content-region-container::after {
    content: "";
    background: rgba(202, 202, 202, 0.4);
    opacity: 0;
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.block-content-region .view-single .block-content-region-container::after {
    opacity: 1;
}

.block-content-region .block-content-region-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    color: inherit;
    min-height: 12.5rem;
    cursor: pointer;
    margin: 0.625rem;
}

.block-content-region .block-content-region-item * {
    z-index: 10;
}

.block-content-region-loader-container {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.block-content-region-item--loading .block-content-region-loader-container {
    background-color: rgba(255, 255, 255, 0.75);
    z-index: 10;
}

.block-content-region .block-content-region-loader {
    position: relative;
    width: 50%;
    height: 0.0625rem;
    margin: 1rem auto;
}

.block-content-region .block-content-region-loader::before {
    content: "";
    position: absolute;
    background: #1abc9c;
    width: 100%;
    height: 0.5rem;
    left: 0;
    top: -0.0625rem;
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
}

.block-content-region-item--loading .block-content-region-loader::before {
    -webkit-transition: -webkit-transform 1s;
    transition: transform 1s;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.block-content-region .block-content-region-loader {
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    transition: transform 0.2s, opacity 0.2s;
    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.block-content-region .block-content-region-loader {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.block-content-region-item--animate .block-content-region-loader {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    opacity: 0;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
}

.placeholder {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    background: #ffffff;
    width: calc(100% + 0.3125rem);
    height: calc(100% + 0.3125rem);
    transform: none;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    z-index: 100;
}

.placeholder.placeholder--trans-in {
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.placeholder.placeholder--trans-out {
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
}

.block-content-region .content {
    position: relative;
    background-color: #ffffff;
    text-align: left !important;
    width: 100%;
    height: 0;
    pointer-events: none;
    /* Avoid second scroll bar in Chrome! */
    visibility: hidden;
    z-index: 400;
    overflow: hidden;
    padding-left: var(--bs-gutter-x, 1.25rem);
    padding-right: var(--bs-gutter-x, 1.25rem);
}

.block-content-region table .content {
	height: auto;
	visibility: visible;
}

.block-content-region .content.content--show {
    height: 100%;
    pointer-events: auto;
    visibility: visible;
}

.block-content-region .scroll-wrap {
    width: 100%;
    height: 100%;
    z-index: 1;
}

.block-content-region .content-item {
	position: absolute;
	top: 0;
	left: 0;
    width: 100%;
    height: 0;
    opacity: 0;
    padding: 3.75rem 0 0;
	pointer-events: none;
	overflow: hidden;
}

.block-content-region .content-item.content-item--show {
	position: relative;
    height: auto;
    min-height: 100%;
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: opacity 0.6s;
    transition: opacity 0.6s;
}

.block-content-region .category-full {
    font-size: 1.25em;
    color: #81c483;
    margin-bottom: 1.25rem;
}

.block-content-region .block-content-region-title--full {
    font-size: 3.25rem;
}

.block-content-region .category-full,
.block-content-region .block-content-region-title-full {
    opacity: 0;
}

.block-content-region .content-item p {
    opacity: 0;
}

.block-content-region .category-full,
.block-content-region .block-content-region-title-full {
    -webkit-transform: translate3d(0, 2.5rem, 0);
    transform: translate3d(0, 2.5rem, 0);
}

.block-content-region .content-item--show .category-full,
.block-content-region .content-item--show .block-content-region-title-full {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.block-content-region .content-item--show .category-full,
.block-content-region .content-item--show .block-content-region-title-full {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.block-content-region .content-item--show .block-content-region-title-full {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}

.block-content-region .content-item--show.content-item p {
    opacity: 1;
    -webkit-transition: opacity 0.5s 0.25s;
    transition: opacity 0.5s 0.25s;
}

.block-content-region .content-item--show.content-item p:last-child {
	margin-bottom: 0;
}

.block-content-region .close-button {
    position: absolute;
    background: none;
    border: 0.25rem solid transparent;
    margin: 0;
    z-index: 100;
    top: 0;
	right: 0;
    cursor: pointer;
    pointer-events: none;
    padding: 0.25rem;
    opacity: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	-webkit-transition: -webkit-filter 0.5s;
    transition: -webkit-filter 0.5s;
    transition: filter 0.5s;
    transition: filter 0.5s, -webkit-filter 0.5s;
}

.no-touchevents .block-content-region .close-button:hover {
    color: #7b7b7b;
}

.no-touchevents .block-content-region .close-button:focus,
.no-touchevents .block-content-region .close-button:focus:hover {
    border-color: var(--col-link-highlight);
}

.block-content-region .close-button--show {
    opacity: 1;
    pointer-events: auto;
}

.block-content-region .close-button svg {
    width: 28px;
    height: 28px;
}

@media (min-width: 768px) {
    .block-content-region .close-button svg {
        width: 40px;
        height: 40px;
    }
}

@media (min-width: 380px) {
    .block-content-region .block-content-region-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
		flex-wrap: wrap;
    }
}

@media (min-width: 576px) {
    .block-content-region .block-content-region-item {
        width: calc(50% - 1.275rem);
    }
}

@media (min-width: 768px) {
    /* 3 cols */
    .block-content-region .block-content-region-item {
       width: calc(33.3333333333% - 1.275rem);
    }
}

/* small screen changes for sidebar (it becomes an off-canvas menu) */
@media (max-width: 599px) {
    .block-content-region .block-content-region-title-full {
        font-size: 2em;
    }

    .block-content-region .content-item {
        padding: 2.1875rem 1.25rem 2.5rem;
    }
}

.block-content-region-item.block-content-card-link {
    -webkit-flex: unset;
    -ms-flex: unset;
    flex: unset;
    height: unset;
}

.js-superheroes-list .col-6.col-md-3.col-lg-2.p-0 {
	padding-right: calc(var(--bs-gutter-x)/2) !important;
	padding-left: calc(var(--bs-gutter-x)/2) !important;
}

/* 5.4 - Carousel
/* ========================================================================== */
.carousel-control-prev,
.carousel-control-next {
    display: none;
    background-color: transparent;
    border: 0 none;
    opacity: 0.8;
}

@media (min-width: 768px) {
    .carousel-control-prev,
    .carousel-control-next {
        display: block;
    }
}

.no-touchevents .carousel-control-prev,
.no-touchevents .carousel-control-next {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
    opacity: 1;
}

.carousel-indicators {
    bottom: 0.9375rem;
}

.no-touchevents .carousel-indicators > button {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.carousel-indicators > button::after {
    content: "";
    position: absolute;
    bottom: -0.9375rem;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 0.9375rem;
}

.carousel-indicators > button::before {
    content: "";
    position: absolute;
    top: -0.9375rem;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 0.9375rem;
}

.carousel-indicators > button {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    position: relative;
    background-color: rgba(255, 255, 255, 0.6);
    border: 0 none;
    width: 0.9375rem;
    height: 0.9375rem;
    border-radius: 100%;
    outline: none;
    margin-right: 0.25rem;
    margin-left: 0.25rem;
}

.carousel-indicators > button.active {
    background-color: #ffffff;
}

.carousel-item {
    width: 100%;
    height: 50rem;
}

.carousel-item-bg {
    position: absolute;
    top: 0;
    left: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.carousel-item-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.carousel-item-container > .container {
    height: 100%;
    padding-bottom: 6rem;
}

/* 5.5 - Footer
/* ========================================================================== */
.footer-main {
    background-color: #343a40;
}

.footer-main ul {
    font-size: 0;
    margin: 0;
    padding: 0;
}

.footer-links li {
    float: left;
    list-style: none;
    font-family: var(--font-primary);
    font-weight: 400;
    font-size: 1rem;
    color: #ffffff;
}

.footer-links a:link {
    display: block;
    margin: 0.3125rem;
}

@media (min-width: 768px) {
    .footer-links a:link {
        margin-right: 1.25rem;
        margin-bottom: 0;
    }
}

.footer-main a:link {
	font-weight: 400;
}

.footer-main a:link,
.footer-main a:visited {
    color: rgba(255, 255, 255, 0.7);
}

.footer-main a:hover,
.footer-main a:active {
    color: #ffffff;
}

.no-touchevents .footer-main a:hover {
	border-bottom-color: #ffffff;
}

.no-touchevents .footer-main a:active:focus:hover,
.no-touchevents .footer-main a:focus,
.no-touchevents .footer-main a:focus:hover {
	color: #000000;
	border-bottom-color: #000000;
}

.footer-social > li {
    display: inline-block;
    margin: 0.3125rem;
}

.footer-social .icon {
    display: inline-block;
    background-repeat: no-repeat;
    outline: none;
    text-indent: -999em;
    width: 35px;
    height: 35px;
}

.no-touchevents .footer-social a.icon:link,
.no-touchevents .footer-social a.icon:visited {
	border-bottom: 0;
}

.no-touchevents .footer-social a.icon:hover {
	opacity: 0.6;
}

.no-touchevents .footer-social a.icon:focus,
.no-touchevents .footer-social a.icon:focus:hover {
	background-color: transparent;
}

.footer-social .icon.icon-facebook {
    background-image: url("/Assets/img/social/facebook-2.jpg");
    background-size: 100%;
}

.footer-social .icon.icon-linkedin {
    background-image: url("/Assets/img/social/linkedin-2.jpg");
	background-size: 100%;
}

.footer-social .icon.icon-twitter {
    background-image: url("/Assets/img/social/twitter-2.jpg");
	background-size: 100%;
}

.footer-social .icon.icon-youtube {
    background-image: url("/Assets/img/social/youtube-2.jpg");
	background-size: 100%;
}

.footer-social .icon.icon-pinterest {
    background-image: url("/Assets/img/social/pinterest-2.jpg");
	background-size: 100%;
}

.footer-social .icon.icon-instagram {
    background-image: url("/Assets/img/social/instagram-2.jpg");
	background-size: 100%;
}

.footer-copyright {
    background-color: #292f35;
    font-family: var(--font-primary);
    font-weight: 400;
    font-size: 0.9375em;
    color: #ffffff;
}

.footer-copyright p {
    line-height: 1.6;
    opacity: 0.6;
    margin-bottom: 0;
}

a.footer-logo:link {
    border-bottom: 0 none;
}

.no-touchevents a.footer-logo,
.no-touchevents a.footer-logo:hover {
    background-color: transparent;
}

/* 5.6 - Hero
/* ========================================================================== */
.header-hero {
    position: relative;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    color: #ffffff;
    overflow: hidden;
}

.header-hero-overlay {
    padding: 6.25rem 0 3.125rem;
}

@media (min-width: 768px) {
    .header-hero-overlay {
        padding: 15.625rem 0 12.5rem;
    }
}

.header-hero-overlay h1 {
    font-weight: 700;
    font-size: 3.5em;
}

.header-hero-overlay h2 {
    font-weight: 700;
    font-size: 2.5em;
    color: #ffffff;
    text-transform: none;
    margin-bottom: 1.5625rem;
}

.header-hero-overlay p {
    font-weight: 400;
    font-size: 1.875em;
    color: #ffffff;
    line-height: 1.875rem;
}

.header-hero-overlay .btn {
    margin: 1.5625rem 1.5625rem 0 0;
}

.mouse-scroll {
    display: block;
    width: 24px;
    height: 100px;
    opacity: 0.8;
    margin: 125px auto 0;
}

.mouse-scroll-arrows {
    display: block;
    width: 5px;
    height: 5px;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
    border-right: 2px solid white;
    border-bottom: 2px solid white;
    margin: 0 0 3px 4px;
    width: 16px;
    height: 16px;
}

.mouse-scroll-arrows.one {
    margin-top: 1px;
}

.mouse-scroll-arrows.one,
.mouse-scroll-arrows.two,
.mouse-scroll-arrows.three {
    -webkit-animation: mouse-scroll 1s infinite;
    -moz-animation: mouse-scroll 1s infinite;
    animation: mouse-scroll 1s infinite;
}

.mouse-scroll-arrows.one {
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    animation-delay: 0.1s;
}

.mouse-scroll-arrows.two {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -webkit-animation-direction: alternate;
    animation-delay: .2s;
    animation-direction: alternate;
    margin-top: -6px;
}

.mouse-scroll-arrows.three {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -webkit-animation-direction: alternate;
    animation-delay: .3s;
    animation-direction: alternate;
    margin-top: -6px;
}

.mouse {
    height: 42px;
    width: 24px;
    border-radius: 14px;
    transform: none;
    border: 2px solid white;
}

.wheel {
    height: 5px;
    width: 2px;
    display: block;
    margin: 5px auto;
    background: white;
    position: relative;
    height: 4px;
    width: 4px;
    border: 2px solid #fff;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.wheel {
    -webkit-animation: mouse-wheel 0.6s linear infinite;
    -moz-animation: mouse-wheel 0.6s linear infinite;
    animation: mouse-wheel 0.6s linear infinite;
}

@-webkit-keyframes mouse-wheel {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(6px);
        -ms-transform: translateY(6px);
        transform: translateY(6px);
    }
}

@-moz-keyframes mouse-wheel {
    0% {
        top: 1px;
    }

    25% {
        top: 2px;
    }

    50% {
        top: 3px;
    }

    75% {
        top: 2px;
    }

    100% {
        top: 1px;
    }
}

@-o-keyframes mouse-wheel {
    0% {
        top: 1px;
    }
    
    25% {
        top: 2px;
    }

    50% {
        top: 3px;
    }

    75% {
        top: 2px;
    }

    100% {
        top: 1px;
    }
}

@keyframes mouse-wheel {
    0% {
        top: 1px;
    }

    25% {
        top: 2px;
    }

    50% {
        top: 3px;
    }

    75% {
        top: 2px;
    }

    100% {
        top: 1px;
    }
}

@-webkit-keyframes mouse-scroll {
    0%   {
        opacity: 0;
    }

    50%  {
        opacity: 0.5;
    }
    
    100% {
        opacity: 1;
    }
}

@-moz-keyframes mouse-scroll {
    0%   {
        opacity: 0;
    }

    50%  {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes mouse-scroll {
    0%   {
        opacity: 0;
    }

    50%  {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

@keyframes mouse-scroll {
    0%   {
        opacity: 0;
    }

    50%  {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

/* 5.7 - Navbar
/* ========================================================================== */
.navbar {
    background-color: hsla(189, 100%, 28%, 0.75);
    padding-top: 0;
    padding-bottom: 0;
}

@media (min-width: 991px) {
    .navbar {
        background-color: transparent;
    }
}

.navbar.fixed-top {
    position: absolute;
}

@media (min-width: 991px) {
    .navbar.fixed-top {
        position: fixed;
    }
}

@media (max-width: 991px) {
    .navbar-header {
        width: 100%;
    }
}

.navbar-brand {
    position: relative;
    padding: 0;
}

@media (max-width: 991px) {
    .navbar-brand {
        position: absolute;
        top: 0;
    }
}

.no-touchevents a.navbar-brand:link,
.no-touchevents a.navbar-brand:visited {
    border-bottom: 0 none;
    padding-bottom: 0;
}

.no-touchevents a.navbar-brand:focus,
.no-touchevents a.navbar-brand:focus:hover {
    background-color: transparent;
}

.navbar-logo {
    display: inline-block;
    vertical-align: middle;
}

.navbar-logo-ice > img {
    width: auto;
    height: 4.25rem;
}

@media (min-width: 1200px) {
    .navbar-logo-ice > img {
        height: 4.9375rem;
    }
}

.navbar-toggler {
    display: none;
}

.navbar-expand-lg .navbar-nav .nav-item:last-of-type .nav-link {
    margin-right: 0;
}

.navbar-expand-lg .navbar-nav .nav-link {
    font-size: 1em;
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 2.5rem;
    margin: 0.625rem 0.3125rem 0.625rem 0;
    padding: 0 1.125rem;
}

@media (min-width: 1200px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 1.125em;
        padding: 0 1rem;
    }
}

.no-touchevents .navbar-expand-lg .navbar-nav li a:link,
.no-touchevents .navbar-expand-lg .navbar-nav li a:visited {
    border-bottom: 0 none;
    padding-bottom: 0;
}

.no-touchevents .navbar-expand-lg .navbar-nav li a:focus,
.no-touchevents .navbar-expand-lg .navbar-nav li a:focus:hover {
    background-color: #00798f;
    color: #ffffff;
    box-shadow: 0 0 0 0.25rem var(--col-btn-highlight);
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.no-touchevents .navbar-expand-lg .navbar-nav li a:hover,
.no-touchevents .navbar-expand-lg .navbar-nav li .active > a {
    background-color: #00798f;
}

.navbar .nav-link.active {
    background-color: transparent;
}

.top-nav-collapse {
    background-color: hsla(189, 100%, 28%, 0.75);
    top: 0;
    box-shadow: 0 3px 6px 3px rgba(0, 0, 0, 0.06);
    z-index: 1041;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.top-nav-collapse .navbar-brand {
    top: 0;
}

.top-nav-collapse .navbar-nav .nav-link {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.no-touchevents .top-nav-collapse .navbar-nav a.nav-link:hover {
    background-color: #ffffff;
    color: #00798f;
}

.top-nav-collapse .navbar-nav .nav-link.active {
    background-color: #ffffff;
    color: #00798f;
}

.no-touchevents .top-nav-collapse .navbar-nav a.nav-link:focus,
.no-touchevents .top-nav-collapse .navbar-nav a.nav-link:focus:hover {
    background-color: #ffffff;
    color: #00798f;
}

.mobile-menu {
    display: none;
}

/* 6 - Helpers

/* 6.1 - Skip to content
/* ========================================================================== */
.skiptocontent {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    color: #000000;
    text-align: center;
    width: 12.5rem;
    z-index: 1000000;
    margin: 0 auto;
}

.skiptocontent a {
    position: absolute;
    top: -0.625rem;
    left: 0;
    background-color: #1865b2;
    color: #ffffff;
    width: 0.0625rem;
    height: 0.0625rem;
    overflow: hidden;
}

.skiptocontent a:active,
.skiptocontent a:focus {
    display: block;
    top: 0;
    text-align: center;
    width: 100%;
    height: 3.125rem;
    outline: none;
    padding-top: 0.9375rem;
}

/* 6.2 - Clearfix
/* ========================================================================== */
.clear {
    clear: both;
}

/* 6.3 - Z-Index
/* ========================================================================== */
.z-index-1 {
    z-index: 1 !important;
}

/* 7 - Utilities

/* 7.1 - Maps
/* ========================================================================== */
.map-inline .container {
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
}

@media (min-width: 786px) {
    .map-inline .container {
        padding-left: var(--bs-gutter-x, 1.25rem);
        padding-right: var(--bs-gutter-x, 1.25rem);
        overflow: visible;
    }
}

.map-inline-info {
    background-color: #cbcbcb;
    padding: 1.5625rem;
}

@media (min-width: 786px) {
    .map-inline-info {
        position: absolute;
        right: 0;
        margin: 3rem .5rem;
        z-index: 2;
    }
}

.map-inline-info-title {
    font-size: 1.25em;
}

.map-inline-info address {
    font-style: normal;
    margin-bottom: 0;
}

.map-inline #map-canvas {
    position: relative;
    background: #d3d3d3;
    width: 100%;
    height: 15.625rem;
    overflow: auto;
}

@media (min-width: 786px) {
    .map-inline #map-canvas {
        height: 33rem;
    }
}

.gm-style-mtc,
.gm-style-cc {
    display: none;
}

/* Embeded Google map */
.block-content-map-inline {
    font-size: 0;
}

.block-content-map-inline > iframe {
    width: 100%;
    height: 15.625rem;
}

@media (min-width: 786px) {
    .block-content-map-inline > iframe {
        height: 33rem;
    }
}

/* Panel map */
.panel-map {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
}

@media (min-width: 992px) {
    .panel-map {
        padding-right: 0;
        padding-left: 0;
    }
}

.panel-map-wrapper {
    display: none;
    position: relative;
}

@media (min-width: 992px) {
    .panel-map-wrapper {
        display: block;
    }
}

.panel-map-headline {
    position: absolute;
    top: 3.75rem;
    left: 3.75rem;
    font-family: var(--font-primary);
    font-weight: 600;
    font-size: 1.75rem;
    color: #ffffff;
    z-index: 1;
}

.panel-map-canvas {
    display: block;
    position: relative;
    max-height: 40vh;
    padding-top: 45.24887%;
    overflow: hidden;
}

.panel-map-canvas .gm-style .gm-style-iw-c {
    border-radius: 0;
    padding: 1rem;
}

.panel-map-canvas .gm-style .gm-style-iw-d {
    padding: 0.25rem;
}

.panel-map-canvas button.gm-ui-hover-effect {
    top: 0 !important;
    right: 6px !important;
    outline: none !important;
}

.panel-map-canvas button.gm-ui-hover-effect > span {
    width: 1.25rem !important;
    height: 1.25rem !important;
}

.panel-map-canvas .map-content-title {
    font-weight: 600;
    font-size: 1.25rem;
    color: var(--col-bg-primary);
    margin-bottom: 0;
}

.panel-map-canvas .map-content-inner {
    font-family: var(--font-primary);
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.25;
    color: #000000;
}

.panel-map-canvas .map-content-inner img {
    max-width: 360px;
    max-height: 360px;
}

.panel-map-list {
    display: block;
    column-count: 1;
    column-gap: 1.25rem;
    padding-bottom: 1.25rem;
}

@media (min-width: 576px) {
    .panel-map-list {
        column-count: 2;
    }
}

@media (min-width: 768px) {
    .panel-map-list {
        column-count: 3;
    }
}

@media (min-width: 992px) {
    .panel-map-list {
        display: none;
    }
}

.panel-map-list img {
    display: block;
    max-width: 100%;
}

.panel-map-list figure {
    display: grid;
    grid-template-rows: 1fr auto;
    margin-bottom: 1.25rem;
    break-inside: avoid;
}

.panel-map-list figure > img {
    grid-row: 1 / -1;
    grid-column: 1;
}

.panel-map-list figcaption {
    justify-self: start;
    grid-row: 2;
    grid-column: 1;
    background-color: rgba(255, 255, 255, 0.5);
    padding: 0.2em 0.5em;
}

/* 7.2 - Spacing
/* ========================================================================== */
.w-70 {
    width: 70%;
}

@media (min-width: 768px) {
    .mb-md-n6,
    .my-md-n6 {
        margin-bottom: -4.5rem !important;
    }
}

@media (min-width: 992px) {
    .mb-lg-n6,
    .my-lg-n6 {
        margin-bottom: -4rem !important;
    }
}

/* 7.3 - Videos
/* ========================================================================== */
.video-inline-container:before,
.video-inline-container:after,
.video-inline-container {
    transform: translate3d(0px, 0px, 0px);
}

.video-inline-container {
    display: block;
    position: relative;
    box-shadow: 0 5px 25px 5px rgba(0, 0, 0, 0.2);
    transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0.01s, margin-top 0.8s cubic-bezier(0.95, 0.05, 0.795, 0.035) 0.61s, margin-left 0.7s cubic-bezier(0.95, 0.05, 0.795, 0.035) 0.51s;
    z-index: 1;
}

.video-inline-embed {
    position: relative;
    height: 0;
    padding-top: 1.5625rem;
    padding-bottom: var(--pad-img);
}

.video-inline-embed iframe,
.video-inline-embed object,
.video-inline-embed embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.video-inline img {
    max-width: none !important;
}

/* Video hero */
.video-hero {
    background-color: #ffffff;
    height: 67.5vh;
}

@media (min-width: 1024px) {
    .video-hero {
        height: 60.5vh;
    }
}

.video-hero .jquery-background-video {
    transform: translate(-50%, -50%) !important;
}

.video-hero .video-overlay {
    background-color: rgba(0, 0, 0, 0.45);
    opacity: 1;
}

.video-hero .video-hero-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
}

.video-hero .video-hero-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    padding: 0 0.625rem;
    transform: translate(-50%, -50%);
}

@media (min-width: 1024px) {
    .video-hero .video-hero-overlay {
        width: 1000px;
    }
}

.jquery-background-video-pauseplay {
    display: none;
}

@media (min-width: 1200px) {
    .jquery-background-video-pauseplay {
        display: block;
    }
}

a.video-hero-scroll {
    display: none;
    position: absolute;
    bottom: 0;
    right: 50%;
    color: #ffffff;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    transition: opacity 0.3s;
    z-index: 2;
    padding-top: 60px;
}

a.video-hero-scroll:hover {
    opacity: 0.5;
}

.no-touchevents a.video-hero-scroll:hover,
.no-touchevents a.video-hero-scroll:active {
    border-bottom-color: #ffffff;
}

.no-touchevents a.video-hero-scroll:focus,
.no-touchevents a.video-hero-scroll:focus:hover {
    background-color: transparent;
    border-bottom-color: #ffffff;
    color: #ffffff;
}

a.video-hero-scroll span::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 50%;
    background-color: #ffffff;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    box-sizing: border-box;
    -webkit-animation: animScroll 2s infinite;
    animation: animScroll 2s infinite;
    margin-left: -3px;
}

a.video-hero-scroll span {
    position: absolute;
    top: 0;
    left: 50%;
    border: 2px solid #ffffff;
    border-radius: 50px;
    box-sizing: border-box;
    width: 30px;
    height: 50px;
    margin-left: -15px;
}

@-webkit-keyframes animScroll {
    0% {
        -webkit-transform: translate(0, 0);
        opacity: 0;
    }

    40% {
        opacity: 1;
    }

    80% {
        -webkit-transform: translate(0, 20px);
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes animScroll {
    0% {
        transform: translate(0, 0);
        opacity: 0;
    }

    40% {
        opacity: 1;
    }

    80% {
        transform: translate(0, 20px);
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

/* 8 - Extend

/* 8.1 - Fancybox
/* ========================================================================== */
.fanybox-gallery {
    position: relative;
    background-image: url("/Assets/img/bg/ice.svg");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 30%;
    background-color: var(--col-bg-img);
    width: 100%;
    height: 100%;
}

.fanybox-gallery a:link,
.fanybox-gallery a:visited {
    display: block;
    border-bottom: 0 none;
    padding-bottom: 0;
}

.fanybox-gallery a img {
    width: 100%;
    object-fit: cover;
}

.no-touchevents .fanybox-gallery a img {
    -webkit-transition: -webkit-filter 0.3s;
    transition: -webkit-filter 0.3s;
    transition: filter 0.3s;
    transition: filter 0.3s, -webkit-filter 0.3s;
    -webkit-filter: saturate(1) brightness(1);
    filter: saturate(1) brightness(1);
}

.no-touchevents .fanybox-gallery a:hover img,
.no-touchevents .fanybox-gallery a:active img {
    -webkit-filter: saturate(1.15) brightness(1.15);
    filter: saturate(1.15) brightness(1.15);
}

/* 8.2 - Masonry
/* ========================================================================== */
.js-masonry-grid .grid-sizer,
.js-masonry-grid .grid-item {
    width: 100%;
    padding: calc(var(--bs-gutter-x) / 2);
}

@media (min-width: 576px) {
    .js-masonry-grid .grid-sizer,
    .js-masonry-grid .grid-item {
        width: 50%;
    }
}

@media (min-width: 768px) {
    .js-masonry-grid .grid-sizer,
    .js-masonry-grid .grid-item {
        width: 33.3333333333%;
    }

    .js-masonry-grid .grid-item-2 {
        width: 66.6666666667%;
    }
}

/* 8.3 - MixItUp
/* ========================================================================== */
.js-project-list {
    overflow: hidden;
}

.js-project-list .mix,
.js-masonry-grid .mix {
    display: none;
}

/* 8.4 - SlickNav
/* ========================================================================== */
.slicknav_menu {
    display: none;
    background-color: transparent;
    font-size: 1em;
    padding: 0;
}

.slicknav_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-color: transparent;
    border: 0.0625rem solid #ffffff;
    width: 3.25rem;
    height: 2.875rem;
    border-radius: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    margin: 0.6875rem 0;
    padding: 0;
}

.no-touchevents .slicknav_btn {
    border-color: rgba(255, 255, 255, 0.8);
}

.no-touchevents .slicknav_btn:hover,
.no-touchevents .slicknav_btn:active {
    border-color: #ffffff;
}

.no-touchevents .slicknav_btn:focus,
.no-touchevents .slicknav_btn:focus:hover {
    box-shadow: 0 0 0 0.25rem var(--col-btn-highlight);
}

.slicknav_menu .slicknav_no-text {
    display: none;
}

.slicknav_menu .slicknav_menutxt::before,
.slicknav_menu .slicknav_menutxt::after {
    content: "";
    position: absolute;
    width: 25px;
    height: 2px;
    background: #ffffff;
    box-shadow: 0 0.125rem 0.3125rem rgba(255, 101, 47, 0.2);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.no-touchevents .slicknav_menu .slicknav_menutxt::before,
.no-touchevents .slicknav_menu .slicknav_menutxt::after {
    background-color: rgba(255, 255, 255, 0.8);
}

.no-touchevents .slicknav_btn:hover .slicknav_menutxt::before,
.no-touchevents .slicknav_btn:active .slicknav_menutxt::before,
.no-touchevents .slicknav_btn:hover .slicknav_menutxt::after,
.no-touchevents .slicknav_btn:active .slicknav_menutxt::after {
    background-color: #ffffff;
}

.slicknav_menu .slicknav_menutxt::before {
    transform: translateY(-8px);
}

.slicknav_menu .slicknav_menutxt::after {
    transform: translateY(8px);
}

.slicknav_menu .slicknav_menutxt {
    background: #ffffff;
    width: 25px;
    height: 2px;
    box-shadow: 0 2px 5px rgba(255, 101, 47, 0.2);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.no-touchevents .slicknav_menu .slicknav_menutxt {
    background-color: rgba(255, 255, 255, 0.8);
}

.no-touchevents .slicknav_btn:hover .slicknav_menutxt,
.no-touchevents .slicknav_btn:active .slicknav_menutxt {
    background-color: #ffffff;
}

.slicknav_btn.slicknav_open .slicknav_menutxt::before {
    transform: rotate(45deg) translate(35px, -35px);
}

.slicknav_btn.slicknav_open .slicknav_menutxt::after {
    transform: rotate(-45deg) translate(35px, 35px);
}

.slicknav_btn.slicknav_open .slicknav_menutxt {
    background: transparent;
    transform: translateX(-50px);
    box-shadow: none;
}

.no-touchevents .slicknav_btn.slicknav_open {
    border-color: #ffffff;
}

.no-touchevents .slicknav_btn.slicknav_open .slicknav_menutxt::before,
.no-touchevents .slicknav_btn.slicknav_open .slicknav_menutxt::after {
    background-color: #ffffff;
}

.no-touchevents .slicknav_btn.slicknav_open:hover .slicknav_menutxt,
.no-touchevents .slicknav_btn.slicknav_open:active .slicknav_menutxt {
    background-color: transparent;
}

.slicknav_menu .slicknav_no-text {
    float: none;
    width: auto;
    height: auto;
}

@media (min-width: 768px) and (max-width: 991px) {
    #nav-main li a.nav-link {
        padding-top: 1.125rem;
    }
}

@media (max-width: 991px) {
    .slicknav_menu {
        display: block;
        font-size: 1.0625em;
    }

    .slicknav_nav {
        padding: 0.9375rem 0;
    }

    .slicknav_nav a {
        display: inline-block;
        font-size: 1.375em;
        color: #ffffff;
        margin: 0.5rem 0;
        padding: 0;
    }

    .slicknav_nav a:hover {
        border-radius: 0;
    }

    .slicknav_nav a:link,
    .slicknav_nav a:visited {
        color: #ffffff;
    }

    .no-touchevents .slicknav_nav a {
        border-bottom-width: 2px;
    }

    .no-touchevents .slicknav_nav a:hover,
    .no-touchevents .slicknav_nav a:active {
        background: 0 0;
        border-bottom-color: #ffffff;
    }

    .no-touchevents .slicknav_nav a:focus,
    .no-touchevents .slicknav_nav a:focus:hover {
        background-color: var(--col-btn-highlight);
        border-bottom-color: #000000;
        color: #000000;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
    }
}

/* 8.5 - Swiper
/* ========================================================================== */
@-webkit-keyframes dash {
    from {
        stroke-dashoffset: 1000;
    }

    to {
        stroke-dashoffset: 0;
    }
}

@keyframes dash {
    from {
        stroke-dashoffset: 1000;
    }

    to {
        stroke-dashoffset: 0;
    }
}

.swiper-slide-image img {
    max-width: 100%;
    vertical-align: middle;
}

.swiper-button-prev,
.swiper-button-next {
    z-index: 5;
}

.sponsor-swiper {
    position: relative;
}

.sponsor-swiper .swiper-container {
    position: relative;
}

.sponsor-swiper .swiper-container-horizontal > .swiper-pagination-bullets,
.sponsor-swiper .swiper-pagination-custom,
.sponsor-swiper .swiper-pagination-fraction {
    bottom: 0;
    left: 0;
    width: 100%;
}

.sponsor-swiper .swiper-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-top: 1.25rem;
    margin-bottom: 0.625rem;
    /*
    display: block;
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    visibility: hidden;
    text-align: left;
    width: auto;
    margin-top: 1.25rem;
    margin-bottom: 0.625rem;
    */
}

@media (min-width: 768px) {
    .sponsor-swiper .swiper-pagination {
        left: 50% !important;
        width: 100% !important;
        height: 2rem;
        transform: translateX(-50%);
        margin-top: 0;
        margin-bottom: 0;
    }
}

.sponsor-swiper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 0.75rem;
}

@media (min-width: 768px) {
    .sponsor-swiper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:first-of-type {
        margin-left: 0;
    }

    .sponsor-swiper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:last-of-type {
        margin-right: 0;
    }

    .sponsor-swiper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: -1.25rem 0.625rem 0;
    }
}

.sponsor-swiper .swiper-pagination .swiper-pagination-bullet {
    background: none repeat scroll 0 0 transparent;
    width: 0.6875rem;
    height: 0.6875rem;
    border-radius: 0.625rem;
    transition: all 0.3s;
}

@media (min-width: 768px) {
    .sponsor-swiper .swiper-pagination .swiper-pagination-bullet {
        display: block;
        opacity: 0.2;
        transform: scale(1.25);
    }
}

@media (min-width: 768px) {
    .sponsor-swiper .swiper-pagination .swiper-pagination-bullet-active {
        width: 0.6875rem;
        height: 0.6875rem;
        opacity: 1;
    }
}

.no-touchevents .sponsor-swiper .swiper-pagination-bullet:hover,
.no-touchevents .sponsor-swiper .swiper-pagination-bullet:active {
    background-color: transparent;
    opacity: 0.6;
}

.no-touchevents .sponsor-swiper .swiper-pagination-bullet-active:hover,
.no-touchevents .sponsor-swiper .swiper-pagination-bullet-active:active {
    background-color: transparent;
    opacity: 1;
}

.sponsor-swiper .swiper-pagination .swiper-pagination-loader {
    transform: scale(1.75);
}

.sponsor-swiper .swiper-pagination .path {
    display: none;
}

.sponsor-swiper .swiper-pagination .swiper-pagination-bullet-active .path {
    display: inline-block !important;
    opacity: 0.75;
    stroke-dasharray: 1000;
    stroke-dashoffset: 0;
    -webkit-animation: dash linear 200s;
    animation: dash linear 200s;
    -webkit-animation-iteration-count: unset;
    animation-iteration-count: unset;
}

.sponsor-swiper .swiper-button-prev::after,
.sponsor-swiper .swiper-button-next::after {
    content: "";
    display: inline-block;
    background: no-repeat 50%/100% 100%;
    width: 1.5rem;
    height: 1.5rem;
    margin-top: 0.313rem;
}

.sponsor-swiper .swiper-button-prev::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

.sponsor-swiper .swiper-button-next::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

.no-touchevents .sponsor-swiper .swiper-button-prev::after,
.no-touchevents .sponsor-swiper .swiper-button-next::after {
    opacity: 0.75;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.no-touchevents .sponsor-swiper .swiper-button-prev:hover::after,
.no-touchevents .sponsor-swiper .swiper-button-prev:active::after,
.no-touchevents .sponsor-swiper .swiper-button-next:hover::after,
.no-touchevents .sponsor-swiper .swiper-button-next:active::after {
    opacity: 1;
}

.sponsor-swiper .swiper-button-prev,
.sponsor-swiper .swiper-container-rtl .swiper-button-next,
.sponsor-swiper .swiper-button-next,
.sponsor-swiper .swiper-container-rtl .swiper-button-prev {
    display: none;
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    background-color: var(--col-grey);
    border: 0 none;
    width: 3rem;
    height: 3rem;
    margin: 0.3125rem;
}

@media (min-width: 1024px) {
    .sponsor-swiper .swiper-button-prev,
    .sponsor-swiper .swiper-container-rtl .swiper-button-next {
        display: inline-block;
        position: absolute;
        top: 50%;
        right: auto;
        bottom: auto;
        left: -3.5rem;
        background-color: transparent;
        box-shadow: none;
        margin-top: calc(-1 * var(--swiper-navigation-size) / 2 - 0.125rem);
    }

    .sponsor-swiper .swiper-button-next,
    .sponsor-swiper .swiper-container-rtl .swiper-button-prev {
        display: inline-block;
        position: absolute;
        top: 50%;
        right: -3.5rem;
        bottom: auto;
        left: auto;
        background-color: transparent;
        box-shadow: none;
        margin-top: calc(-1 * var(--swiper-navigation-size) / 2 - 0.125rem);
    }
}

.no-touchevents .sponsor-swiper .swiper-button-prev:not(.swiper-button-disabled):focus,
.no-touchevents .sponsor-swiper .swiper-button-prev:not(.swiper-button-disabled):focus:hover,
.no-touchevents .sponsor-swiper .swiper-button-next:not(.swiper-button-disabled):focus,
.no-touchevents .sponsor-swiper .swiper-button-next:not(.swiper-button-disabled):focus:hover {
    box-shadow: 0 0 0 0.25rem var(--col-link-highlight);
}

.sponsor-swiper .swiper-slide-link {
    display: flex;
    position: relative;
    width: 100%;
}

.sponsor-swiper a.swiper-slide-link:link {
    font-family: var(--font-primary);
    font-weight: 400;
    font-size: 1em;
    color: #222222;
}

.sponsor-swiper a.swiper-slide-link:visited {
    color: #222222;
}

.no-touchevents .sponsor-swiper a.swiper-slide-link:link,
.no-touchevents .sponsor-swiper a.swiper-slide-link:visited {
    border-bottom: 0 none;
    padding-bottom: 0;
}

.no-touchevents .sponsor-swiper a.swiper-slide-link:focus,
.no-touchevents .sponsor-swiper a.swiper-slide-link:focus:hover {
    background-color: transparent;
    color: #222222;
}

.sponsor-swiper .swiper-slide-ribbon {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
}

@media (min-width: 768px) {
    .sponsor-swiper .swiper-slide-ribbon {
        display: block;
    }
}

.sponsor-swiper .swiper-slide-ribbon > span {
    display: block;
    text-align: center;
}

.sponsor-swiper figure {
    max-width: 75%;
    margin: 0 auto;
}

@media (min-width: 1024px) {
    .sponsor-swiper figure {
        max-width: 100%;
    }
}

.sponsor-swiper .swiper-slide-image {
    margin: 2rem auto 0;
}

@media (min-width: 1024px) {
    .sponsor-swiper .swiper-slide-image {
        padding: 2rem;
    }
}

.no-touchevents .sponsor-swiper a.swiper-slide-link img {
    -webkit-transition: -webkit-filter 0.3s;
    transition: -webkit-filter 0.3s;
    transition: filter 0.3s;
    transition: filter 0.3s, -webkit-filter 0.3s;
    -webkit-filter: saturate(1) brightness(1);
    filter: saturate(1) brightness(1);
}

.no-touchevents .sponsor-swiper a.swiper-slide-link:hover img {
    -webkit-filter: saturate(1.15) brightness(1.15);
    filter: saturate(1.15) brightness(1.15);
}

/* 8.6 - Timeline
/* ========================================================================== */
.timeline {
    margin: 0 1.25rem;
}

@media (min-width: 1400px) {
    .timeline {
        margin-right: 5rem;
        margin-left: 5rem;
    }
}



/* --------------------------------------------------------------------------
 * ICE CSS
 *
 * Version          : 1.0.0
 * Last updated     : 09/04/2025
 *
 * Theme styles for 2025 ICE Exhibition - Railways 200
 * --------------------------------------------------------------------------
 
	TABLE OF CONTENTS
 
 	1 - Customise
        1.1 - Fonts
        1.2 - Colours
    
    2 - Layout

    3 - Content
        3.1 - Typography

    4 - Forms

    5 - Components
        5.1 - Buttons
        5.2 - Cards
        5.3 - Footer
        5.4 - Hero
        5.5 - Navbar

    6 - Helpers

    7 - Utilities
        7.1 - Videos

    8 - Extend
        8.1 - Slicknav
        8.2 - Swiper
        8.3 - Timeline
        8.4 - Mixitup

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

/* 1 - Customise

/* 1.1 - Fonts
/* ========================================================================== */
@font-face {
    font-display: swap;
    font-family: "Raleway";
    font-style: normal;
    font-weight: 400;
    src: url("/Assets/fonts/raleway-bold.woff2") format("woff2"), url("/Assets/fonts/raleway-bold.ttf") format("truetype");
}

:root {
    --font-primary: "Raleway", sans-serif;
}

/* 1.2 - Colours
/* ========================================================================== */
:root {
    --col-navbar-bg: rgba(227, 6, 19, 0.8);
    --col-navbar-link: rgb(2, 10, 10);

    --col-footer-main-bg: #6e5e5f;
    --col-footer-copyright-bg: #020a0a;

    --col-link-secondary: #fffca5;
    --col-link-secondary-hover: #fef755;

    --col-heading: #e30613;

    --col-bg-primary: #e30613;
    --col-bg-secondary: #81e306;
    --col-bg-info: #e5e5e5;

    --col-card-primary: #e30613;
    --col-card-primary-hover: #f9232f;

    --col-btn-primary: #e30613;
    --col-btn-primary-hover: #f9232f;

    --col-btn-secondary: #81e306;
    --col-btn-secondary-hover: #9af923;

    --col-btn-info: #e3e306;
    --col-btn-info-hover: #f9f923;

    --col-btn-success: #e30613;
    --col-btn-success-hover: #f9232f;
}

.bg-primary {
    background-color: var(--col-bg-primary) !important;
}

.bg-secondary {
    background-color: var(--col-bg-secondary) !important;
}

.bg-info {
    background-color: var(--col-bg-info) !important;
}

.bg-gradient-primary {
    position: relative;
    background: linear-gradient(45deg, rgb(177, 5, 15), rgb(249, 35, 47));
}

/* 2 - Layout
/* ========================================================================== */

/* 3 - Content

/* 3.1 - Typography
/* ========================================================================== */
section:not([class*="bg-"]) .section-h2 {
    color: var(--col-heading);
}

.bg-info .section-h2 {
    color: var(--col-heading);
}
/* Secondary links */
a.link-secondary:link {
    color: var(--col-link-secondary);
}

a.link-secondary:visited {
    color: var(--col-link-secondary);
}

a.link-secondary:hover,
a.link-secondary:active {
    color: var(--col-link-secondary-hover);
}

.no-touchevents a.link-secondary:hover,
.no-touchevents a.link-secondary:active {
    border-bottom-color: var(--col-link-secondary-hover);
}

.no-touchevents a.link-secondary:focus,
.no-touchevents a.link-secondary:focus:hover {
    background-color: var(--col-link-highlight);
    border-bottom-color: #000000;
    color: #000000;
}

/* 4 - Forms
/* ========================================================================== */

/* 5 - Components

/* 5.1 - Buttons
/* ========================================================================== */

/* Primary */
.btn-primary,
a.btn-primary:link,
a.btn-primary:visited {
    background-color: var(--col-btn-primary);
    color: #ffffff;
}

.no-touchevents a.btn-primary:link,
.no-touchevents a.btn-primary:visited {
    color: #ffffff;
}

.btn-info:hover {
    background-color: var(--col-btn-primary);
    color: #ffffff;
}

.no-touchevents .btn-primary:hover,
.no-touchevents a.btn-primary:hover,
.no-touchevents a.btn-primary:active {
    background-color: var(--col-btn-primary-hover);
    color: #ffffff;
}

.btn-primary:focus,
.btn-primary:active,
.btn-primary:active:focus,
a.btn-primary:focus,
a.btn-primary:active,
a.btn-primary:active:focus {
    background-color: var(--col-btn-primary);
    border: 0;
    color: #ffffff;
    box-shadow: 0 0 0 0.25rem var(--col-btn-highlight);
}

.no-touchevents .btn-primary:focus,
.no-touchevents .btn-primary:focus:hover,
.no-touchevents a.btn-primary:focus,
.no-touchevents a.btn-primary:focus:hover {
    background-color: var(--col-btn-primary-hover);
}

.btn-primary:disabled,
.btn-primary.disabled {
    background-color: #cccccc;
    opacity: 1;
}

/* Secondary */
.btn-secondary,
a.btn-secondary:link,
a.btn-secondary:visited {
    background-color: var(--col-btn-secondary);
    color: var(--col-navbar-link);
}

.no-touchevents a.btn-secondary:link,
.no-touchevents a.btn-secondary:visited {
    color: var(--col-navbar-link);
}

.btn-secondary:hover {
    background-color: var(--col-btn-secondary);
    color: var(--col-navbar-link);
}

.no-touchevents .btn-secondary:hover,
.no-touchevents a.btn-secondary:hover,
.no-touchevents a.btn-secondary:active {
    background-color: var(--col-btn-secondary-hover);
    color: var(--col-navbar-link);
}

.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary:active:focus,
a.btn-secondary:focus,
a.btn-secondary:active,
a.btn-secondary:active:focus {
    background-color: var(--col-btn-secondary);
    border: 0;
    color: var(--col-navbar-link);
    box-shadow: 0 0 0 0.25rem var(--col-btn-highlight);
}

.no-touchevents .btn-secondary:focus,
.no-touchevents .btn-secondary:focus:hover,
.no-touchevents a.btn-secondary:focus,
.no-touchevents a.btn-secondary:focus:hover {
    background-color: var(--col-btn-secondary-hover);
}

.btn-secondary:disabled,
.btn-secondary.disabled {
    background-color: #cccccc;
    opacity: 1;
}

/* Info */
.btn-info,
a.btn-info:link,
a.btn-info:visited {
    background-color: var(--col-btn-info);
    color: var(--col-navbar-link);
}

.no-touchevents a.btn-info:link,
.no-touchevents a.btn-info:visited {
    color: var(--col-navbar-link);
}

.btn-info:hover {
    background-color: var(--col-btn-info);
    color: var(--col-navbar-link);
}

.no-touchevents .btn-info:hover,
.no-touchevents a.btn-info:hover,
.no-touchevents a.btn-info:active {
    background-color: var(--col-btn-info-hover);
    color: var(--col-navbar-link);
}

.btn-info:focus,
.btn-info:active,
.btn-info:active:focus,
a.btn-info:focus,
a.btn-info:active,
a.btn-info:active:focus {
    background-color: var(--col-btn-info);
    border: 0;
    color: var(--col-navbar-link);
    box-shadow: 0 0 0 0.25rem var(--col-btn-highlight);
}

.no-touchevents .btn-info:focus,
.no-touchevents .btn-info:focus:hover,
.no-touchevents a.btn-info:focus,
.no-touchevents a.btn-info:focus:hover {
    background-color: var(--col-btn-info-hover);
}

.btn-info:disabled,
.btn-info.disabled {
    background-color: #cccccc;
    opacity: 1;
}

/* Success */
.btn-success,
a.btn-success:link,
a.btn-success:visited {
    background-color: var(--col-btn-success);
    border: 0.125rem solid var(--col-btn-success);
    color: #ffffff;
}

.btn-success.active,
.btn-success.mixitup-control-active,
a.btn-success.active:link,
a.btn-success.mixitup-control-active:link,
a.btn-success.active:visited,
a.btn-success.mixitup-control-active:visited {
    background-color: #ffffff;
    border-color: var(--col-btn-success);
    color: var(--col-btn-success);
}

.no-touchevents a.btn-success:link,
.no-touchevents a.btn-success:visited {
    color: #ffffff;
}

.no-touchevents .btn-success:hover,
.no-touchevents a.btn-success:hover,
.no-touchevents a.btn-success:active {
    background-color: var(--col-btn-success-hover);
    border-color: var(--col-btn-success-hover);
    color: #ffffff;
}

.no-touchevents .btn-success.active:hover,
.no-touchevents .btn-success.mixitup-control-active:hover,
.no-touchevents a.btn-success.active:hover,
.no-touchevents a.btn-success.mixitup-control-active:hover,
.no-touchevents a.btn-success.active:active,
.no-touchevents a.btn-success.mixitup-control-active:active {
    background-color: #ffffff;
    border-color: var(--col-btn-success);
    color: var(--col-btn-success);
}

.btn-success:focus,
.btn-success:active,
.btn-success:active:focus,
a.btn-success:focus,
a.btn-success:active,
a.btn-success:active:focus {
    background-color: var(--col-btn-success);
    border-color: var(--col-btn-success);
    color: #ffffff;
    box-shadow: 0 0 0 0.25rem var(--col-btn-highlight);
}

.btn-success.active:focus,
.btn-success.mixitup-control-active:focus,
.btn-success.active:active,
.btn-success.mixitup-control-active:active,
.btn-success.active:active:focus,
.btn-success.mixitup-control-active:active:focus,
a.btn-success.active:focus,
a.btn-success.mixitup-control-active:focus,
a.btn-success.active:active,
a.btn-success.mixitup-control-active:active,
a.btn-success.active:active:focus,
a.btn-success.mixitup-control-active:active:focus {
    background-color: #ffffff;
    border-color: var(--col-btn-success);
    color: var(--col-btn-success);
    box-shadow: 0 0 0 0.25rem var(--col-btn-highlight);
}

.no-touchevents .btn-success.active:focus,
.no-touchevents .btn-success.mixitup-control-active:focus,
.no-touchevents .btn-success.active:focus:hover,
.no-touchevents .btn-success.mixitup-control-active:focus:hover,
.no-touchevents a.btn-success.active:focus,
.no-touchevents a.btn-success.mixitup-control-active:focus,
.no-touchevents a.btn-success.active:focus:hover,
.no-touchevents a.btn-success.mixitup-control-active:focus:hover {
    background-color: #ffffff;
    border-color: var(--col-btn-success);
}

.no-touchevents .btn-success:focus,
.no-touchevents .btn-success:focus:hover,
.no-touchevents a.btn-success:focus,
.no-touchevents a.btn-success:focus:hover {
    background-color: var(--col-btn-success-hover);
    border-color: var(--col-btn-success-hover);
}

.btn-success:disabled,
.btn-success.disabled {
    background-color: #cccccc;
    border-color: #cccccc;
    opacity: 1;
}

/* Header seperator */
.heading-sep,
.bg-info .heading-sep {
    border-top-color: var(--col-bg-primary);
}

/* 5.2 - Cards
/* ========================================================================== */

/* Block content card */
.block-content-card-link {
    background-color: var(--col-card-primary);
}

.bg-primary .block-content-card-link {
    background-color: var(--col-bg-info);
}

.bg-primary a.block-content-card-link:link,
.bg-primary a.block-content-card-link:visited {
    color: var(--col-navbar-link);
}

.no-touchevents a.block-content-card-link:hover,
.no-touchevents a.block-content-card-link:active {
    background-color: var(--col-card-primary-hover);
}

.no-touchevents .bg-primary a.block-content-card-link:hover,
.no-touchevents .bg-primary a.block-content-card-link:active {
    background-color: #fefefe;
}

.no-touchevents a.block-content-card-link:focus,
.no-touchevents a.block-content-card-link:focus:hover {
    background-color: var(--col-card-primary-hover);
}

.no-touchevents .bg-primary a.block-content-card-link:focus,
.no-touchevents .bg-primary a.block-content-card-link:focus:hover {
    background-color: #fefefe;
    color: var(--col-navbar-link);
}

.bg-primary .block-content-card-title {
    color: var(--col-navbar-link);
}

.block-content-card .text-info {
    color: #ffffff !important;
}

.block-content-card-modal-video-details {
    background-color: var(--col-bg-info);
}

.block-content-card-modal-title {
    color: #007e97;
}

.block-content-card-stat img {
    border-radius: 81% 19% 88% 12% / 17% 88% 12% 83%;
}

.block-content-card-modal .section-h2 {
    color: var(--col-heading);
}

.block-content-card-modal .block-content-image-bg {
    background-position: center center;
}

.block-content-card-modal .block-content-image-body {
    color: #ffffff;
}

/* Block content card */
.profiles-listing-card .profile-image figure::after {
    box-shadow: 0 0 0 0.5rem var(--col-navbar-bg);
}

@-webkit-keyframes sonarEffectOut {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 0.5rem rgba(255, 255, 255, 0.25), 0 0 0.5rem 0.5rem var(--col-navbar-bg), 0 0 0 0.5rem rgba(255, 255, 255, 0.75);
    }

    100% {
        box-shadow: 0 0 0 0.5rem rgba(255, 255, 255, 0.25), 0 0 0.5rem 0.5rem var(--col-navbar-bg), 0 0 0 0.5rem rgba(255, 255, 255, 0.75);
        -webkit-transform: scale(1.5);
        opacity: 0;
    }
}

@-moz-keyframes sonarEffectOut {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 0.5rem rgba(255, 255, 255, 0.25), 0 0 0.5rem 0.5rem var(--col-navbar-bg), 0 0 0 0.5rem rgba(255, 255, 255, 0.75);
    }

    100% {
        box-shadow: 0 0 0 0.5rem rgba(255, 255, 255, 0.25), 0 0 0.5rem 0.5rem var(--col-navbar-bg), 0 0 0 0.5rem rgba(255, 255, 255, 0.75);
        -moz-transform: scale(1.5);
        opacity: 0;
    }
}

@keyframes sonarEffectOut {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 0.5rem rgba(255, 255, 255, 0.25), 0 0 0.5rem 0.5rem var(--col-navbar-bg), 0 0 0 0.5rem rgba(255, 255, 255, 0.75);
    }
    
    100% {
        box-shadow: 0 0 0 0.5rem rgba(255, 255, 255, 0.25), 0 0 0.5rem 0.5rem var(--col-navbar-bg), 0 0 0 0.5rem rgba(255, 255, 255, 0.75);
        transform: scale(1.5);
        opacity: 0;
    }
}

@-webkit-keyframes sonarEffectIn {
    0% {
        transform: scale(1.5);
        opacity: 0;
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 0.5rem rgba(255, 255, 255, 0.25), 0 0 0.5rem 0.5rem var(--col-navbar-bg), 0 0 0 0.5rem rgba(255, 255, 255, 0.75);
    }

    100% {
        box-shadow: 0 0 0 0.5rem rgba(255, 255, 255, 0.25), 0 0 0.5rem 0.5rem var(--col-navbar-bg), 0 0 0 0.5rem rgba(255, 255, 255, 0.75);
        -webkit-transform: scale(1.5);
        opacity: 1;
    }
}

@-moz-keyframes sonarEffectIn {
    0% {
        transform: scale(1.5);
        opacity: 0;
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 0.5rem rgba(255, 255, 255, 0.25), 0 0 0.5rem 0.5rem var(--col-navbar-bg), 0 0 0 0.5rem rgba(255, 255, 255, 0.75);
    }

    100% {
        box-shadow: 0 0 0 0.5rem rgba(255, 255, 255, 0.25), 0 0 0.5rem 0.5rem var(--col-navbar-bg), 0 0 0 0.5rem rgba(255, 255, 255, 0.75);
        -moz-transform: scale(1);
        opacity: 1;
    }
}

@keyframes sonarEffectIn {
    0% {
        transform: scale(1.5);
        opacity: 0;
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 0.5rem rgba(255, 255, 255, 0.25), 0 0 0.5rem 0.5rem var(--col-navbar-bg), 0 0 0 0.5rem rgba(255, 255, 255, 0.75);
    }
    
    100% {
        box-shadow: 0 0 0 0.5rem rgba(227, 162, 0, 0.25), 0 0 0.5rem 0.5rem var(--col-navbar-bg), 0 0 0 0.5rem rgba(227, 162, 0, 0.75);
        transform: scale(1);
        opacity: 1;
    }
}

/* Block content download */
.block-content-download-link {
    background-color: var(--col-card-primary);
}

.no-touchevents a.block-content-download-link:hover,
.no-touchevents a.block-content-download-link:active {
    background-color: var(--col-card-primary-hover);
}

.no-touchevents a.block-content-download-link:focus,
.no-touchevents a.block-content-download-link:focus:hover {
    background-color: var(--col-card-primary-hover);
}

.block-content-download-action-btn {
    background-color: var(--col-btn-success);
}

.no-touchevents a.block-content-download-link:hover .block-content-download-action-btn,
.no-touchevents a.block-content-download-link:active .block-content-download-action-btn {
    background-color: var(--col-btn-success-hover);
}

.no-touchevents a.block-content-download-link:focus .block-content-download-action-btn,
.no-touchevents a.block-content-download-link:focus:hover .block-content-download-action-btn {
    background-color: var(--col-btn-success-hover);
}

/* Block content region */
.block-content-region .block-content-region-loader::before {
    background-color: var(--col-navbar-bg);
}

.block-content-region-item--loading .block-content-region-loader-container {
    background-color: rgba(235, 241, 251, 0.9);
}

.placeholder {
    background-color: rgba(235, 241, 251, 0.9);
}

.block-content-region .content {
    background-color: #ebf1fb;
}

.block-content-region .content-item {
    padding-bottom: 1.125rem;
}

.block-content-region .close-button {
    background-color: var(--col-card-primary);
}

.no-touchevents .block-content-region .close-button:hover {
    background-color: var(--col-card-primary-hover);
}

.block-content-region .close-button svg {
    fill: #ffffff;
}

.block-content-region-h3 {
    font-weight: 700;
    font-size: 2em;
    color: var(--col-bg-primary);
    line-height: 1.4;
    margin-bottom: 0;
}

.block-content-region-h4 {
    font-weight: 700;
    font-size: 1.75em;
    color: #007e97;
    line-height: 1.4;
    margin-bottom: 0;
}

.js-project-list .mix,
.js-masonry-grid .mix {
	/*IMD-2869*/
/*    display: block;*/
}

/* 5.3 - Footer
/* ========================================================================== */
.footer-main {
    background-color: var(--col-footer-main-bg);
}

.footer-copyright {
    background-color: var(--col-footer-copyright-bg);
}

.footer-copyright p {
    opacity: 1;
}

/* 5.4 - Hero
/* ========================================================================== */
.header-hero-overlay-container figure {
    margin-bottom: 0;
}

.header-hero-overlay-container img {
    max-width: 400px;
    height: auto;
}

.header-hero-overlay {
    color: #ffffff;
    padding: 0;
}

.header-hero-overlay h1 {
    font-size: 2em;
    letter-spacing: normal;
    margin-top: -0.25rem;
}

.header-hero-overlay h2 {
    font-weight: 600;
    font-style: italic;
    font-size: 2.125em;
    color: #ffffff;
    letter-spacing: normal;
    margin-bottom: 0;
}

.header-hero-overlay p {
    font-size: 1.125em;
    margin-top: 1.5rem;
}

.header-hero-overlay {
    text-align: center;
    padding: 2rem;
}

@media (min-width: 768px) {
    .header-hero-overlay {
        text-align: center;
        padding: 0 2rem;
    }
}

/* 5.5 - Navbar
/* ========================================================================== */
.navbar {
    background-color: var(--col-navbar-bg);
}

@media (min-width: 991px) {
    .navbar {
        background-color: transparent;
    }
}

@media (min-width: 992px) {
    .navbar.fixed-top:not(.top-nav-collapse) .collapse.navbar-collapse {
        display: none !important;
    }
}

.no-touchevents .navbar-expand-lg .navbar-nav li a:focus,
.no-touchevents .navbar-expand-lg .navbar-nav li a:focus:hover {
    background-color: var(--col-navbar-link);
}

.no-touchevents .navbar-expand-lg .navbar-nav li a:hover,
.no-touchevents .navbar-expand-lg .navbar-nav li .active > a {
    background-color: var(--col-navbar-link);
}

.top-nav-collapse {
    background-color: var(--col-navbar-bg);
}

.no-touchevents .top-nav-collapse .navbar-nav a.nav-link:hover {
    color: var(--col-navbar-link);
}

.top-nav-collapse .navbar-nav .nav-link.active {
    color: var(--col-navbar-link);
}

.no-touchevents .top-nav-collapse .navbar-nav a.nav-link:focus,
.no-touchevents .top-nav-collapse .navbar-nav a.nav-link:focus:hover {
    color: var(--col-navbar-link);
}

.navbar-expand-lg .navbar-nav .nav-link {
    font-family: var(--font-primary);
}

.navbar-logo-railways-200 {
    opacity: 0;
    margin-left: 0.625rem;
}

.top-nav-collapse .navbar-logo-railways-200 {
    opacity: 1;
}

.navbar-logo-railways-200 > img {
    width: auto;
    height: 4.25rem;
}

#railways-200-logo {
    width: 350px;
    height: auto; 
}

#railways-200-logo .logo-number-2,
#railways-200-logo .logo-tm {
    fill: white;
}

#railways-200-logo .logo-number-0 {
    fill: none;
    stroke: white;
    stroke-width: 8;
}

#railways-200-logo .logo-dynamic  {
    fill: var(--col-bg-primary);
    animation: 2.5s cubic-bezier(.25, 1, .30, 1) wipe-in-right both;
    animation-delay: 2s;
}

@keyframes wipe-in-right {
    from {
        clip-path: inset(0 100% 0 0);
        opacity: 0;
    }

    to {
        clip-path: inset(0 0 0 0);
        opacity: 1;
    }
}

/* 6 - Helpers
/* ========================================================================== */

/* 7 - Utilities

/* 7.1 - Videos
/* ========================================================================== */
@media (min-width: 1024px) {
    .video-hero {
        min-height: 60.5vh;
        height: 62vh;
    }
}

.block-content-video-player-details {
    background-color: var(--col-bg-info);
    color: var(--col-navbar-link);
}

.video-hero .video-overlay {
    background-color: rgba(0, 0, 0, 0.6);
}

.jquery-background-video-pauseplay {
    z-index: 1042;
}

@media (min-width: 1024px) {
    a.video-hero-scroll {
        display: inline-block;
    }
}

.no-touchevents .vpl-big-play:hover {
    background-color: rgba(227, 6, 19, 0.8);
}

/* 8 - Extend

/* 8.1 - SlickNav
/* ========================================================================== */
.slicknav_nav a {
    font-family: var(--font-primary);
    font-weight: 400;
    letter-spacing: 1px;
}

/* 8.2 - Swiper
/* ========================================================================== */
.sponsor-swiper .path.swiper-pagination-stroke {
    stroke: var(--col-btn-info);
}

.sponsor-swiper .swiper-pagination-fill {
    fill: var(col-bg-primary);
}

.sponsor-swiper .swiper-button-prev::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%237f6798' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

.sponsor-swiper .swiper-button-next::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%237f6798' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

/* 8.3 - Timeline
/* ========================================================================== */
.timeline-horizontal .timeline-divider {
    right: 45px;
    left: 45px;
}

.timeline-item::after {
    background: url("/Assets/img/bg/ice-exhibition-rail-train.webp") no-repeat top left transparent;
    background-size: contain;
    border: 0 none;
    border-radius: 0;
    width: 20px;
    height: 22px;
}

@media (min-width: 1024px) {
    .timeline-item::after {
        width: 35px;
        height: 38px;
    }
}

.timeline-horizontal .timeline-item .timeline-content::after {
    border-top-color: var(--col-card-primary);
}

.timeline-horizontal .timeline-item .timeline-content::before {
    border-top-color: var(--col-card-primary);
}

.timeline-horizontal .timeline-item-bottom .timeline-content::after {
    border-bottom-color: var(--col-card-primary);
}

.timeline-horizontal .timeline-item-bottom .timeline-content::before {
    border-bottom-color: var(--col-card-primary);
}

.timeline-mobile .timeline-item .timeline-content::after {
    border-right-color: var(--col-card-primary);
}

.timeline-mobile .timeline-item .timeline-content::before {
    border-right-color: var(--col-card-primary);
}

.timeline-content {
    background-color: var(--col-card-primary);
    border: 0 none;
    border-radius: 0;
    color: #ffffff;
}

.timeline-subtitle {
    font-weight: 400;
    font-size: 1.25rem;
    color: #e5e5e5;
    margin-bottom: 0.5rem;
}

.timeline-title {
    font-weight: 400;
    font-size: 2rem;
    letter-spacing: 1px;
    margin-bottom: 0.625rem;
}

@media (min-width: 1400px) {
    .timeline-title {
        font-size: 1.5rem;
    }
}

.timeline-body {
    font-size: 1.125rem;
}

.timeline-action {
    margin: 1.125rem 0 0.625rem;
}

.timeline-action a.btn:link,
.timeline-action a.btn:visited {
    background-color: var(--col-btn-secondary);
    font-family: var(--font-primary);
    font-size: 1.125rem;
    color: rgb(2, 10, 10);
    padding: 0.5rem !important;
}

.no-touchevents .timeline-action a.btn:hover,
.no-touchevents .timeline-action a.btn:active {
    background-color: var(--col-btn-secondary-hover);
}

.no-touchevents .timeline-action a.btn:focus,
.no-touchevents .timeline-action a.btn:focus:hover {
    background-color: var(--col-btn-secondary-hover);
    box-shadow: 0 0 0 0.25rem var(--col-btn-highlight);
}

.timeline-nav-button {
    background-color: rgb(2, 10, 10);
}

.timeline-nav-button-prev {
    left: 5px;
}

.timeline-nav-button-next {
    right: 5px;
}

.no-touchevents .timeline-nav-button:not(:disabled):hover {
    background-color: rgba(2, 10, 10, 0.75);
}

.timeline-nav-button:focus {
    outline: 0;
}

.no-touchevents .timeline-nav-button:focus,
.no-touchevents .timeline-nav-button:focus:hover {
    box-shadow: 0 0 0 0.25rem var(--col-btn-highlight);
}

.timeline-horizontal .timeline-divider {
    background-color: transparent;
    background-image: url("/Assets/img/bg/ice-exhibition-rail-track.webp");
    background-repeat: repeat-x;
    background-size: contain;
    height: 14px;
    opacity: 0.75;
}

/* 8.4 - Mixitup
/* ========================================================================== */
.controls-pagination {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.mixitup-page-stats {
    font-family: var(--font-primary);
    font-weight: 400;
    color: rgb(2, 10, 10);
    margin-top: 0.625rem;
}

.mixitup-page-list {
    display: flex;
    flex-direction: row;
    gap: 0.625rem;
}

.mixitup-control {
    background-color: var(--col-btn-success);
    border: 0.125rem solid var(--col-btn-success);
    font-family: var(--font-primary);
    font-weight: 400;
    line-height: 1;
    color: #ffffff;
    min-width: 2.5rem;
    height: 2.5rem;
    padding: 0.4375rem 0.75rem 0.5rem;
}

.mixitup-control-disabled,
.mixitup-control-active {
    background-color: #ffffff;
    border-color: var(--col-btn-success);
    color: var(--col-btn-success);
    cursor: default !important;
}

.no-touchevents .mixitup-control:not(.mixitup-control-active):not(.mixitup-control-disabled):hover,
.no-touchevents .mixitup-control:not(.mixitup-control-active):not(.mixitup-control-disabled):active {
    background-color: var(--col-btn-success-hover);
    border-color: var(--col-btn-success-hover);
    color: #ffffff;
}

.no-touchevents .mixitup-control:not(.mixitup-control-active):not(.mixitup-control-disabled):focus,
.no-touchevents .mixitup-control:not(.mixitup-control-active):not(.mixitup-control-disabled):focus:hover {
    background-color: var(--col-btn-success-hover);
    border-color: var(--col-btn-success-hover);
    color: #ffffff;
    box-shadow: 0 0 0 0.25rem var(--col-btn-highlight);
}

.mixitup-control:focus {
    outline: none;
}

.navbar-logo-water {
    opacity: 0;
    margin-left: 0.625rem;
}

.top-nav-collapse .navbar-logo-water {
    opacity: 1;
}

.navbar-logo-water > img {
    width: auto;
    height: 4.25rem;
}