.disable-scrollbars {
    scrollbar-width: none;
    -ms-overflow-style: none
}

    .disable-scrollbars::-webkit-scrollbar {
        background: rgba(0,0,0,0);
        width: 0px
    }

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper, swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical > .swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide, .swiper-wrapper {
    transform: translate3d(0px, 0, 0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide, swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height: auto
}

    .swiper-autoheight .swiper-wrapper {
        align-items: flex-start;
        transition-property: transform,height
    }

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

    .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
        transform-style: preserve-3d
    }

    .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 10
    }

    .swiper-3d .swiper-slide-shadow {
        background: rgba(0,0,0,.15)
    }

    .swiper-3d .swiper-slide-shadow-left {
        background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
    }

    .swiper-3d .swiper-slide-shadow-right {
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
    }

    .swiper-3d .swiper-slide-shadow-top {
        background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
    }

    .swiper-3d .swiper-slide-shadow-bottom {
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
    }

.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

    .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
        display: none
    }

    .swiper-css-mode > .swiper-wrapper > .swiper-slide {
        scroll-snap-align: start start
    }

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered > .swiper-wrapper::before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: rgba(0,0,0,0)
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size)/44*27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size)/2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
        opacity: .35;
        cursor: auto;
        pointer-events: none
    }

    .swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
        opacity: 0;
        cursor: auto;
        pointer-events: none
    }

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

    .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
        content: "prev"
    }

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

    .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
        content: "next"
    }

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

    .swiper-pagination.swiper-pagination-hidden {
        opacity: 0
    }

    .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
        display: none !important
    }

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        transform: scale(0.33);
        position: relative
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
        transform: scale(1)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
        transform: scale(1)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
        transform: scale(0.66)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
        transform: scale(0.33)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
        transform: scale(0.66)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
        transform: scale(0.33)
    }

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0px, -50%, 0)
}

    .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
        display: block
    }

    .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        top: 50%;
        transform: translateY(-50%);
        width: 8px
    }

        .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            display: inline-block;
            transition: .2s transform,.2s top
        }

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

    .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        transition: .2s transform,.2s left
    }

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet, :host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s right
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
    position: absolute
}

    .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        background: var(--swiper-pagination-color, var(--swiper-theme-color));
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        transform: scale(0);
        transform-origin: left top
    }

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0
}

    .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
        width: var(--swiper-pagination-progressbar-size, 4px);
        height: 100%;
        left: 0;
        top: 0
    }

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    -ms-touch-action: none;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1))
}

    .swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
        display: none !important
    }

    .swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
        position: absolute;
        left: var(--swiper-scrollbar-sides-offset, 1%);
        bottom: var(--swiper-scrollbar-bottom, 4px);
        top: var(--swiper-scrollbar-top, auto);
        z-index: 50;
        height: var(--swiper-scrollbar-size, 4px);
        width: calc(100% - 2*var(--swiper-scrollbar-sides-offset, 1%))
    }

    .swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
        position: absolute;
        left: var(--swiper-scrollbar-left, auto);
        right: var(--swiper-scrollbar-right, 4px);
        top: var(--swiper-scrollbar-sides-offset, 1%);
        z-index: 50;
        width: var(--swiper-scrollbar-size, 4px);
        height: calc(100% - 2*var(--swiper-scrollbar-sides-offset, 1%))
    }

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

    .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain
    }

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}

.swiper .swiper-notification, swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid > .swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

    .swiper-fade .swiper-slide .swiper-slide {
        pointer-events: none
    }

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

    .swiper-cube .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1;
        visibility: hidden;
        transform-origin: 0 0;
        width: 100%;
        height: 100%
    }

        .swiper-cube .swiper-slide .swiper-slide {
            pointer-events: none
        }

    .swiper-cube.swiper-rtl .swiper-slide {
        transform-origin: 100% 0
    }

    .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev {
        pointer-events: auto;
        visibility: visible
    }

    .swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .swiper-cube .swiper-cube-shadow {
        position: absolute;
        left: 0;
        bottom: 0px;
        width: 100%;
        height: 100%;
        opacity: .6;
        z-index: 0
    }

        .swiper-cube .swiper-cube-shadow:before {
            content: "";
            background: #000;
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            right: 0;
            filter: blur(50px)
        }

.swiper-flip {
    overflow: visible
}

    .swiper-flip .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1
    }

        .swiper-flip .swiper-slide .swiper-slide {
            pointer-events: none
        }

    .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform,opacity,height
}

.swiper-cards {
    overflow: visible
}

    .swiper-cards .swiper-slide {
        transform-origin: center bottom;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        overflow: hidden
    }

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper, swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical > .swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide, .swiper-wrapper {
    transform: translate3d(0px, 0, 0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide, swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height: auto
}

    .swiper-autoheight .swiper-wrapper {
        align-items: flex-start;
        transition-property: transform,height
    }

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

    .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
        transform-style: preserve-3d
    }

    .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 10
    }

    .swiper-3d .swiper-slide-shadow {
        background: rgba(0,0,0,.15)
    }

    .swiper-3d .swiper-slide-shadow-left {
        background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
    }

    .swiper-3d .swiper-slide-shadow-right {
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
    }

    .swiper-3d .swiper-slide-shadow-top {
        background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
    }

    .swiper-3d .swiper-slide-shadow-bottom {
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
    }

.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

    .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
        display: none
    }

    .swiper-css-mode > .swiper-wrapper > .swiper-slide {
        scroll-snap-align: start start
    }

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered > .swiper-wrapper::before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: rgba(0,0,0,0)
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size)/44*27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size)/2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
        opacity: .35;
        cursor: auto;
        pointer-events: none
    }

    .swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
        opacity: 0;
        cursor: auto;
        pointer-events: none
    }

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

    .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
        content: "prev"
    }

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

    .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
        content: "next"
    }

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

    .swiper-pagination.swiper-pagination-hidden {
        opacity: 0
    }

    .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
        display: none !important
    }

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        transform: scale(0.33);
        position: relative
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
        transform: scale(1)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
        transform: scale(1)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
        transform: scale(0.66)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
        transform: scale(0.33)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
        transform: scale(0.66)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
        transform: scale(0.33)
    }

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0px, -50%, 0)
}

    .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
        display: block
    }

    .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        top: 50%;
        transform: translateY(-50%);
        width: 8px
    }

        .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            display: inline-block;
            transition: .2s transform,.2s top
        }

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

    .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        transition: .2s transform,.2s left
    }

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet, :host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s right
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
    position: absolute
}

    .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        background: var(--swiper-pagination-color, var(--swiper-theme-color));
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        transform: scale(0);
        transform-origin: left top
    }

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0
}

    .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
        width: var(--swiper-pagination-progressbar-size, 4px);
        height: 100%;
        left: 0;
        top: 0
    }

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    -ms-touch-action: none;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1))
}

    .swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
        display: none !important
    }

    .swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
        position: absolute;
        left: var(--swiper-scrollbar-sides-offset, 1%);
        bottom: var(--swiper-scrollbar-bottom, 4px);
        top: var(--swiper-scrollbar-top, auto);
        z-index: 50;
        height: var(--swiper-scrollbar-size, 4px);
        width: calc(100% - 2*var(--swiper-scrollbar-sides-offset, 1%))
    }

    .swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
        position: absolute;
        left: var(--swiper-scrollbar-left, auto);
        right: var(--swiper-scrollbar-right, 4px);
        top: var(--swiper-scrollbar-sides-offset, 1%);
        z-index: 50;
        width: var(--swiper-scrollbar-size, 4px);
        height: calc(100% - 2*var(--swiper-scrollbar-sides-offset, 1%))
    }

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

    .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain
    }

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}

.swiper .swiper-notification, swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid > .swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

    .swiper-fade .swiper-slide .swiper-slide {
        pointer-events: none
    }

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

    .swiper-cube .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1;
        visibility: hidden;
        transform-origin: 0 0;
        width: 100%;
        height: 100%
    }

        .swiper-cube .swiper-slide .swiper-slide {
            pointer-events: none
        }

    .swiper-cube.swiper-rtl .swiper-slide {
        transform-origin: 100% 0
    }

    .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev {
        pointer-events: auto;
        visibility: visible
    }

    .swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .swiper-cube .swiper-cube-shadow {
        position: absolute;
        left: 0;
        bottom: 0px;
        width: 100%;
        height: 100%;
        opacity: .6;
        z-index: 0
    }

        .swiper-cube .swiper-cube-shadow:before {
            content: "";
            background: #000;
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            right: 0;
            filter: blur(50px)
        }

.swiper-flip {
    overflow: visible
}

    .swiper-flip .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1
    }

        .swiper-flip .swiper-slide .swiper-slide {
            pointer-events: none
        }

    .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform,opacity,height
}

.swiper-cards {
    overflow: visible
}

    .swiper-cards .swiper-slide {
        transform-origin: center bottom;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        overflow: hidden
    }

.glightbox-container {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999 !important;
    overflow: hidden;
    overflow-scrolling: touch
}

    .glightbox-container.inactive {
        display: none
    }

    .glightbox-container .gcontainer {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 9999
    }

    .glightbox-container .gslider {
        -webkit-transition: -webkit-transform .4s ease;
        transition: -webkit-transform .4s ease;
        transition: transform .4s ease;
        transition: transform .4s ease,-webkit-transform .4s ease;
        height: 100%;
        left: 0;
        top: 0;
        width: 100%;
        position: absolute
    }

    .glightbox-container .gslide {
        height: 100%;
        width: 100%;
        position: absolute;
        display: block;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        opacity: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

        .glightbox-container .gslide.current {
            opacity: 1;
            z-index: 99999
        }

        .glightbox-container .gslide.prev {
            opacity: 1;
            z-index: 9999
        }

    .glightbox-container .gslide-inner-content {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .glightbox-container .ginner-container {
        width: auto;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 100%;
        max-height: 100vh
    }

        .glightbox-container .ginner-container.desc-bottom, .glightbox-container .ginner-container.desc-top {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column
        }

        .glightbox-container .ginner-container.desc-left, .glightbox-container .ginner-container.desc-right {
            max-width: 100% !important
        }

.gslide iframe, .gslide video {
    outline: none !important;
    border: none;
    min-height: 165px;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    -ms-touch-action: auto;
    touch-action: auto
}

.gslide-image {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .gslide-image img {
        max-height: 100vh;
        display: block;
        max-width: 100%;
        margin: 0;
        padding: 0;
        float: none;
        outline: none;
        border: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        max-width: 100vw;
        width: auto;
        height: auto;
        -o-object-fit: cover;
        object-fit: cover
    }

.desc-top .gslide-image img, .desc-bottom .gslide-image img {
    width: 100%
}

.gslide-video {
    width: 100%;
    max-width: 100%;
    position: relative;
    width: 100vh;
    max-width: 100vh
}

    .gslide-video .gvideo-wrapper {
        position: relative;
        padding-top: 0;
        height: 100vh;
        overflow: hidden;
        width: 100%;
        height: 0;
        padding-top: 56.25%
    }

    .gslide-video iframe, .gslide-video object {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        min-width: 100%;
        height: 100%;
        border: 0
    }

    .gslide-video:before {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(255,0,0,.34);
        display: none
    }

    .gslide-video.playing:before {
        display: none
    }

    .gslide-video .jw-media, .gslide-video .jw-video {
        position: relative !important
    }

    .gslide-video .jwplayer {
        max-width: 100vw;
        width: 100vh;
        height: auto !important
    }

    .gslide-video .jwplayer, .gslide-video .box-emboss {
        outline: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        border: none !important
    }

        .gslide-video .jwplayer .btnd:active, .gslide-video .jwplayer .btnd:focus, .gslide-video .jwplayer .btnd.active, .gslide-video .box-emboss .btnd:active, .gslide-video .box-emboss .btnd:focus, .gslide-video .box-emboss .btnd.active {
            background-image: none;
            outline: 0;
            -webkit-box-shadow: none;
            box-shadow: none
        }

    .gslide-video object {
        position: absolute;
        top: 0;
        left: 0
    }

.gslide-inline {
    background: #fff;
    padding: 20px;
    text-align: left;
    max-height: 62vh;
    overflow: auto
}

.ginlined-content {
    overflow: auto;
    display: block !important;
    opacity: 1
}

.gslide-external {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-width: 100%;
    background: #fff;
    padding: 0;
    overflow: auto;
    max-height: 62vh
}

.gslide-media {
    display: block;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: auto
}

.desc-top .gslide-media, .desc-bottom .gslide-media {
    margin: 0 auto
}

.gslide-description {
    float: left
}

    .gslide-description.description-left, .gslide-description.description-right {
        max-width: 100%
    }

    .gslide-description p {
        margin-bottom: 12px
    }

        .gslide-description p::last-child {
            margin-bottom: 0
        }

.glightbox-mobile .glightbox-container .gslide-description {
    background: rgba(0,0,0,0);
    position: absolute;
    bottom: 15px;
    padding: 19px 11px;
    max-width: 100vw !important;
    -webkit-box-ordinal-group: 3 !important;
    -ms-flex-order: 2 !important;
    order: 2 !important;
    max-height: 78vh;
    overflow: auto !important;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.75)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear
}

.glightbox-mobile .glightbox-container .gslide-title {
    color: #fff;
    font-size: 1em
}

.glightbox-mobile .glightbox-container .gslide-desc {
    color: #a1a1a1
}

    .glightbox-mobile .glightbox-container .gslide-desc a {
        color: #fff;
        font-weight: bold
    }

    .glightbox-mobile .glightbox-container .gslide-desc .desc-more {
        color: #fff;
        opacity: .4
    }

.gdesc-open .gslide-media {
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    opacity: .4
}

.gdesc-open .gdesc-inner {
    padding-bottom: 30px
}

.gdesc-closed .gslide-media {
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    opacity: 1
}

.greset {
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.glightbox-desc {
    display: none
}

.glightbox-open {
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-touch-action: auto;
    touch-action: auto;
    height: auto
}

.gloader {
    height: 25px;
    width: 25px;
    -webkit-animation: lightboxLoader .8s infinite linear;
    animation: lightboxLoader .8s infinite linear;
    border: 2px solid #fff;
    border-right-color: rgba(0,0,0,0);
    border-radius: 50%;
    position: absolute;
    display: block;
    z-index: 9999;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 47%
}

.goverlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #000
}

.gprev, .gnext, .gclose {
    background-repeat: no-repeat;
    z-index: 99999;
    cursor: pointer;
    width: 26px;
    height: 44px;
    display: block;
    background-position: 0 0
}

    .gprev.disabled, .gnext.disabled, .gclose.disabled {
        opacity: .1
    }

    .gprev .garrow, .gnext .garrow, .gclose .garrow {
        stroke: #fff
    }

iframe.wait-autoplay {
    opacity: 0
}

.glightbox-closing .gnext, .glightbox-closing .gprev, .glightbox-closing .gclose {
    opacity: 0 !important
}

.glightbox-clean .gslide-description {
    background: #fff
}

.glightbox-clean .gdesc-inner {
    padding: 22px 20px
}

.glightbox-clean .gslide-title {
    font-size: 1em;
    font-weight: normal;
    font-family: arial;
    color: #000;
    margin-bottom: 19px;
    line-height: 1.4em
}

.glightbox-clean .gslide-desc {
    font-size: .86em;
    margin-bottom: 0;
    font-family: arial;
    line-height: 1.4em
}

.glightbox-clean .gslide-video {
    background: #000
}

.glightbox-clean .gprev, .glightbox-clean .gnext, .glightbox-clean .gclose {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGMAAAA2CAYAAADTeCfRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5NThDMEMwNzg3NjgxMUU1QUM2MUYwRDYwNTNEN0UxMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5NThDMEMwODg3NjgxMUU1QUM2MUYwRDYwNTNEN0UxMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjk1OEMwQzA1ODc2ODExRTVBQzYxRjBENjA1M0Q3RTExIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjk1OEMwQzA2ODc2ODExRTVBQzYxRjBENjA1M0Q3RTExIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+htE8KwAAA9BJREFUeNrsm1tIFGEYhndDI4OSLgqkMrKjBXYwCjt40QkpL4pMyoqMgigIgm6iiy66KSwpj2vrucKgpINRRhYRooQkWYEWUkaWERokhVQXbu/QOyDhpjPzz3H/Dx7W1f2+753/3X9mnPnHHwqFfDKcEWPkEEgzZEgzpBkybDbjHLhvIP8GKLNhPILgksEaFaDKKWacAMdAn4Ean8F+kGOxGXFgDyjSmZ8L9oFpurKVU1uBnAr9jZMCah1hrQLBGkciyL7FGvNymXdZb2+RG3GGYo4LrHmINS9abEiZRkMu8PNXjPQVJV4Vc9SEgclm7WqLDSkd5RdBiBGizCihmMMmDkwWe1yz2JBy9g2E+ft5o7smkWZUUMwBCwYmg71u2nQMCZhphFEzaihmt4UDk86e9TYZUsj3OaKNMGJGHcVkWjwoChvZ+7HFfQvZt42vpaJ76Em6SzHbbDBCZR01NFvct519u8yorzXhEcWk2WiESiq1tFrUT901veZrnp1mNFHEWgcYoZJMTe0m98ljn3K+z+f7oB1mtLD5agcZoZJEbZ3Ab0J9deCrwpzSB6004xWbLnegESqJ1NgNok04aFeF+XtA5MF8pA90stkiBxuhkkCtvSBGQL2iEYz415Bys8yIAu/ZZKELjFCJp+Z+EGugTgHrVGq8ClEm2oxZ4CUYAHNcZIRKHOjj6ed8A8eISo15xUaPIcP9spFFk11ohMp0bkOHxrxa5lXo7Ksack9Pvn+YpTqLwS0QDZbxRo+bYgJoBZPAZtCiIVe5QzceZBroXwP8YKfWRH+YdVOx4AOYCOJBt0uMUAz4BGLAVNDjhXvg/bwF2UdTElywLVOoN5o/97hsRv/3HvgAv10fwVuQ6ODtUO45f6HmyaDXi6tDfoMZNKMdJDlwG2ZyN/qVs/mbl5fqDILZoAO8AMkO0j8XvONJhjKLf0TKuqkF4Dl4BlY6QLty1vcGdHE39SvSFrEtBc2gCWywUfcKfjE6eHIxGKkrCleBRvAApNmgOQU8BW2crRG/vDMV1JN0C/WmcmYqZizxeSyMLO/cBG6DOyDDAq3rwRPOyhSfB8PoWtst4DrJMlGnYnwDeMjZ4c0QdGGumhfIsk246LeVtetcfOFyVEQJ8nQv+AkqwThQIqjuDnAV1ILtPo9HlMBaB/kfewCMBfkG6ylL85VnJZSroLt8kRAmTLezOpfUD+W0WQvFnIzfpEePlaeO5oE1OvOVp56+R8KuaWiYZYYMG05tZUgzpBkypBnSDBnSDGmGDGmGDGmGNEOGNEOaIUOa4YH4I8AAM9m8BFEzyDIAAAAASUVORK5CYII=")
}

.glightbox-clean .gprev {
    background-color: rgba(0,0,0,.08);
    background-position: 4px 5px;
    position: absolute;
    top: 45%;
    left: 30px;
    width: 38px;
    height: 56px
}

.glightbox-clean .gnext {
    background-color: rgba(0,0,0,.08);
    background-position: -27px 5px;
    position: absolute;
    top: 45%;
    right: 30px;
    width: 38px;
    height: 56px
}

.glightbox-clean .gclose {
    background-color: rgba(0,0,0,.08);
    width: 35px;
    height: 35px;
    top: 15px;
    right: 10px;
    position: absolute;
    opacity: .7;
    background-position: -59px 2px
}

    .glightbox-clean .gclose:hover {
        opacity: 1
    }

.gfadeIn {
    -webkit-animation: gfadeIn .5s ease;
    animation: gfadeIn .5s ease
}

.gfadeOut {
    -webkit-animation: gfadeOut .5s ease;
    animation: gfadeOut .5s ease
}

.gslideOutLeft {
    -webkit-animation: gslideOutLeft .3s ease;
    animation: gslideOutLeft .3s ease
}

.gslideInLeft {
    -webkit-animation: gslideInLeft .3s ease;
    animation: gslideInLeft .3s ease
}

.gslideOutRight {
    -webkit-animation: gslideOutRight .3s ease;
    animation: gslideOutRight .3s ease
}

.gslideInRight {
    -webkit-animation: gslideInRight .3s ease;
    animation: gslideInRight .3s ease
}

.gzoomIn {
    -webkit-animation: gzoomIn .5s ease;
    animation: gzoomIn .5s ease
}

.gzoomOut {
    -webkit-animation: gzoomOut .5s ease;
    animation: gzoomOut .5s ease
}

@-webkit-keyframes lightboxLoader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes lightboxLoader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes gfadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes gfadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes gfadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes gfadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes gslideInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-60%, 0, 0);
        transform: translate3d(-60%, 0, 0)
    }

    to {
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes gslideInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-60%, 0, 0);
        transform: translate3d(-60%, 0, 0)
    }

    to {
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@-webkit-keyframes gslideOutLeft {
    from {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        -webkit-transform: translate3d(-60%, 0, 0);
        transform: translate3d(-60%, 0, 0);
        opacity: 0;
        visibility: hidden
    }
}

@keyframes gslideOutLeft {
    from {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        -webkit-transform: translate3d(-60%, 0, 0);
        transform: translate3d(-60%, 0, 0);
        opacity: 0;
        visibility: hidden
    }
}

@-webkit-keyframes gslideInRight {
    from {
        opacity: 0;
        visibility: visible;
        -webkit-transform: translate3d(60%, 0, 0);
        transform: translate3d(60%, 0, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes gslideInRight {
    from {
        opacity: 0;
        visibility: visible;
        -webkit-transform: translate3d(60%, 0, 0);
        transform: translate3d(60%, 0, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@-webkit-keyframes gslideOutRight {
    from {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        -webkit-transform: translate3d(60%, 0, 0);
        transform: translate3d(60%, 0, 0);
        opacity: 0
    }
}

@keyframes gslideOutRight {
    from {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        -webkit-transform: translate3d(60%, 0, 0);
        transform: translate3d(60%, 0, 0);
        opacity: 0
    }
}

@-webkit-keyframes gzoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    to {
        opacity: 1
    }
}

@keyframes gzoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes gzoomOut {
    from {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    to {
        opacity: 0
    }
}

@keyframes gzoomOut {
    from {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    to {
        opacity: 0
    }
}

@media(min-width: 48em) {
    .glightbox-container .ginner-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

        .glightbox-container .ginner-container.desc-left .gslide-description, .glightbox-container .ginner-container.desc-top .gslide-description {
            -webkit-box-ordinal-group: 1;
            -ms-flex-order: 0;
            order: 0
        }

        .glightbox-container .ginner-container.desc-left .gslide-media, .glightbox-container .ginner-container.desc-top .gslide-media {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1
        }

    .gslide-image img {
        max-height: 97vh
    }

    .gslide-inline {
        max-height: 95vh
    }

    .gslide-external {
        max-height: 95vh
    }

    .gslide-description.description-left, .gslide-description.description-right {
        max-width: 275px
    }

    .goverlay {
        background: rgba(0,0,0,.92)
    }

    .glightbox-clean .ginner-container {
        -webkit-box-shadow: 1px 2px 9px 0px rgba(0,0,0,.65);
        box-shadow: 1px 2px 9px 0px rgba(0,0,0,.65)
    }

    .glightbox-clean .gprev {
        top: 45%
    }

    .glightbox-clean .gnext {
        top: 45%
    }
}

@media(min-width: 62em) {
    .glightbox-clean .gclose {
        right: 20px
    }
}

@media screen and (max-height: 480px) {
    .gslide-video .gvideo-wrapper {
        padding-top: 0;
        height: 100vh
    }
}

@media screen and (max-height: 420px) {
    .goverlay {
        background: #000
    }
}

*, *::before, *::after {
    box-sizing: border-box
}

body, h1, h2, h3, h4, p, figure, blockquote, dl, dd {
    margin: 0
}

ul[role=list], ol[role=list] {
    list-style: none
}

html:focus-within {
    scroll-behavior: smooth
}

body {
    min-height: 100vh;
    text-rendering: optimizeSpeed;
    line-height: 1.5
}

a:not([class]) {
    text-decoration-skip-ink: auto
}

img, picture {
    max-width: 100%;
    display: block
}

input, button, textarea, select {
    font: inherit
}

@media(prefers-reduced-motion: reduce) {
    html:focus-within {
        scroll-behavior: auto
    }

    *, *::before, *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important
    }
}

.screenreader-text {
    position: absolute;
    left: -999px;
    width: 1px;
    height: 1px;
    top: auto
}

    .screenreader-text:focus {
        background: var(--primary);
        color: #fff;
        display: block;
        height: auto;
        width: auto;
        position: static;
        margin: auto;
        text-align: center;
        padding: 5px
    }

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 4%, 0) scale(1)
    }

    100% {
        opacity: 1;
        transform: none
    }
}

.fadeinup {
    opacity: 0;
    animation-name: fadeInUp;
    animation-delay: none;
    animation-timing-function: ease-in-out;
    animation-duration: .45s;
    animation-fill-mode: forwards
}

.animate-in {
    opacity: 1;
    transform: translate(0, 50px);
    transition-delay: .25s
}

    .animate-in.visible {
        opacity: 1;
        transform: translate(0, 0);
        transition-duration: .75s;
        transition-timing-function: ease-out
    }

.fade-in {
    opacity: 0;
    transition-delay: .25s
}

    .fade-in.visible {
        opacity: 1;
        transition-timing-function: ease-out
    }

.delay-1 {
    animation-delay: .15s;
    transition-delay: .15s
}

.delay-2 {
    animation-delay: .3s;
    transition-delay: .3s
}

.delay-3 {
    animation-delay: .45s;
    transition-delay: .45s
}

.delay-4 {
    animation-delay: .6s;
    transition-delay: .6s
}

.delay-5 {
    animation-delay: .75s;
    transition-delay: .75s
}

.delay-6 {
    animation-delay: .9s;
    transition-delay: .9s
}

.delay-7 {
    animation-delay: 1.05s;
    transition-delay: 1.05s
}

.delay-8 {
    animation-delay: 1.2s;
    transition-delay: 1.2s
}

.delay-9 {
    animation-delay: 1.35s;
    transition-delay: 1.35s
}

.delay-10 {
    animation-delay: 1.4s;
    transition-delay: 1.4s
}

.delay-11 {
    animation-delay: 1.45s;
    transition-delay: 1.45s
}

.delay-12 {
    animation-delay: 1.5s;
    transition-delay: 1.5s
}

.delay-13 {
    animation-delay: 1.55s;
    transition-delay: 1.55s
}

.animation-delay-1 {
    animation-delay: .15s
}

.animation-delay-2 {
    animation-delay: .3s
}

.animation-delay-3 {
    animation-delay: .45s
}

.animation-delay-4 {
    animation-delay: .6s
}

.animation-delay-5 {
    animation-delay: .75s
}

.animation-delay-6 {
    animation-delay: .9s
}

.animation-delay-7 {
    animation-delay: 1.05s
}

.animation-delay-8 {
    animation-delay: 1.2s
}

.animation-delay-9 {
    animation-delay: 1.35s
}

.delay-1f {
    animation-delay: .05s;
    transition-delay: .15s
}

.delay-2f {
    animation-delay: .1s;
    transition-delay: .3s
}

.delay-3f {
    animation-delay: .15s;
    transition-delay: .45s
}

.delay-4f {
    animation-delay: .2s;
    transition-delay: .6s
}

.delay-5f {
    animation-delay: .25s;
    transition-delay: .75s
}

.delay-6f {
    animation-delay: .3s;
    transition-delay: .9s
}

.delay-7f {
    animation-delay: .35s;
    transition-delay: 1.05s
}

.delay-8f {
    animation-delay: .4s;
    transition-delay: 1.2s
}

.delay-9f {
    animation-delay: .45s;
    transition-delay: 1.35s
}

.delay-10f {
    animation-delay: .5s;
    transition-delay: 1.4s
}

.delay-11f {
    animation-delay: .55s;
    transition-delay: 1.45s
}

.delay-12f {
    animation-delay: .6s;
    transition-delay: 1.5s
}

.delay-13f {
    animation-delay: .65s;
    transition-delay: 1.55s
}

.mcp-form {
    display: grid;
    gap: 10px
}

    .mcp-form label {
        display: block;
        font-weight: 600;
        font-size: .9rem
    }

    .mcp-form input, .mcp-form select, .mcp-form textarea {
        border: 1px solid rgba(0,0,0,.1);
        padding: 10px;
        background: #fff;
        width: 100%;
        border-radius: 4px
    }

    .mcp-form h2 {
        font-size: 1.15rem;
        border-top: 1px solid rgba(0,0,0,.1);
        padding-top: 2rem
    }

    .mcp-form .flex {
        display: flex;
        gap: 10px
    }

        .mcp-form .flex > * {
            flex: 1
        }

    .mcp-form .btn-full {
        width: 100%
    }

    .mcp-form .helper {
        font-size: .75rem;
        margin: 0;
        padding: 0px 10px 5px 10px;
        font-style: italic;
        margin-top: -5px
    }

    .mcp-form label:has(input[type=checkbox]) {
        text-align: left;
        text-transform: none;
        font-weight: 400;
        padding-left: 25px;
        position: relative;
        font-size: .85rem
    }

    .mcp-form input[type=checkbox] {
        position: absolute;
        left: -2px;
        top: 2px
    }

    .mcp-form .check-list {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(165px, 1fr));
        gap: 5px
    }

.form-action {
    display: flex;
    justify-content: flex-start;
    border-top: 1px solid #ccc;
    padding: 2rem 0 0 0;
    margin: 2rem 0 0 0;
    width: 100%;
    gap: 10px
}

    .form-action .btn-theme {
        font-size: .8rem;
        line-height: 1.1;
        text-align: center;
        padding: 1rem .6rem
    }

    .form-action > *:last-child {
        margin-left: auto
    }

input[type=checkbox] {
    width: auto;
    text-align: left
}

.mcp-form > * {
    margin: 0
}

.mcp-form hr {
    margin: 1rem 0
}

.mcp-form > * + hr {
    margin-top: 2rem
}

.mcp-form h3, .mcp-form h2 {
    margin: 1rem 0 !important
}

.mcp-form h3 {
    font-size: 1.15rem !important;
    margin: 1rem 0 .25rem 0 !important
}

.mcp-form .form-action {
    margin-top: 2rem
}

.fixed-label {
    display: grid;
    grid-template-columns: 125px auto;
    background: #fff;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 4px
}

    .fixed-label label {
        height: 100%;
        display: flex;
        padding: 10px 15px;
        border-right: 1px solid var(--light);
        text-align: left;
        font-size: .75rem
    }

    .fixed-label input, .fixed-label select, .fixed-label textarea {
        border: none
    }

.fixed-labels-xl .fixed-label {
    grid-template-columns: 165px auto
}

.login figure {
    display: none
}

.login .promo {
    margin: 4rem 0 1rem 0
}

.form-page .mcp-form input, .form-page .mcp-form select {
    background: #fff
}

.form-page .content {
    padding: 25px;
    text-align: center
}

.form-page #logo {
    margin: 1rem auto;
    width: 225px;
    max-width: none
}

    .form-page #logo img {
        width: 225px;
        margin: 0 auto
    }

.form-page header {
    margin: 0 0 2rem 0
}

.form-page .content h1 {
    margin: 0 0 1rem 0;
    font-size: 1.5rem
}

.form-page p {
    font-size: .85rem;
    margin: .5rem 0 0 0
}

.form-page .back-link {
    margin: 0 0 2rem 0
}

.form-page .content p + p {
    margin: 0
}

.form-page h2:has(+p) {
    margin-bottom: 0
}

.form-page h2 + p {
    margin: 0 0 2rem 0
}

.form-page .lead {
    font-size: 1rem !important
}

.form-page .promo {
    margin-top: 2rem
}

@media(min-width: 768px) {
    .form-page .content {
        padding: 50px
    }

    .form-page .lead {
        font-size: 1.25rem !important
    }
}

@media(min-width: 992px) {
    .login {
        display: grid;
        grid-template-columns: 1.5fr 2fr;
        min-height: 100vh
    }

        .login .content {
            padding: 100px 100px 250px 100px;
            display: flex;
            justify-content: center;
            flex-direction: column
        }

        .login figure {
            display: block;
            height: 100%
        }

            .login figure img {
                width: 100%;
                height: 100%;
                object-fit: cover
            }
}

.multiselect-dropdown {
    display: flex;
    align-items: center;
    padding: 0 22px 0 40px;
    min-height: 40px;
    height: 100%;
    position: relative;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 4px center;
    background-size: 14px 10px
}

    .multiselect-dropdown span.optext {
        margin-right: .5em;
        margin-bottom: 2px;
        padding: 1px 0;
        border-radius: 4px;
        display: inline-block
    }

    .multiselect-dropdown span.optext {
        padding: 4px 6px;
        background: var(--light);
        margin: 0 4px 0 0;
        font-size: .85rem
    }

        .multiselect-dropdown span.optext .optdel {
            float: right;
            margin: 0 -6px 1px 5px;
            font-size: .7em;
            margin-top: 2px;
            cursor: pointer;
            color: #666;
            display: none
        }

            .multiselect-dropdown span.optext .optdel:hover {
                color: #c66
            }

    .multiselect-dropdown span.placeholder {
        color: rgba(0,0,0,.55)
    }

.multiselect-dropdown-list-wrapper {
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
    z-index: 100;
    padding: 1rem;
    border-radius: 4px;
    display: none;
    margin: -1px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #fff
}

    .multiselect-dropdown-list-wrapper .multiselect-dropdown-search {
        margin-bottom: 5px
    }

.multiselect-dropdown-list {
    padding: 2px;
    height: auto;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden
}

    .multiselect-dropdown-list::-webkit-scrollbar {
        width: 6px
    }

    .multiselect-dropdown-list::-webkit-scrollbar-thumb {
        background-color: #bec4ca;
        border-radius: 3px
    }

    .multiselect-dropdown-list div {
        position: relative;
        padding: 5px 5px 5px 10px;
        border-radius: 3px;
        display: flex;
        justify-content: flex-start;
        text-align: left;
        font-size: .85rem
    }

    .multiselect-dropdown-list input {
        height: 1.15em;
        width: 1.15em;
        margin-right: .35em;
        position: relative;
        width: 15px
    }

.multiselect-dropdown .close-btn {
    border: none;
    background: var(--light);
    width: 100%;
    font-size: .75rem;
    text-transform: uppercase;
    padding: 5px;
    margin: 10px 0 0 0;
    border-radius: 3px
}

.multiselect-dropdown-list input[type=checkbox] {
    width: 12px;
    margin: 0 5px 0 0;
    position: relative;
    top: 1px
}

.multiselect-dropdown-list div:hover {
    background-color: var(--light)
}

.multiselect-dropdown span.maxselected {
    width: 100%
}

.multiselect-dropdown-all-selector {
    border-bottom: solid 1px #999
}

.search.grid.sidebar-search.promo-form {
    margin-top: 20px
}

.search.grid.sidebar-search.promo-form {
    display: block
}

    .search.grid.sidebar-search.promo-form input, .search.grid.sidebar-search.promo-form select, .search.grid.sidebar-search.promo-form textarea {
        padding: 10px;
        background: none;
        border: solid var(--light) 1px
    }

    .search.grid.sidebar-search.promo-form label {
        display: block;
        margin-bottom: 15px
    }

    .search.grid.sidebar-search.promo-form .btn-theme {
        margin-top: 10px
    }

:root {
    --primary: #E77C24;
    --primary-light: #F4974B;
    --secondary: #353E1F;
    --tertiary: #D9CEB0;
    --gray: #D1D0CF;
    --dark: #262626;
    --light: #EDE8DB;
    --bkg: #FAF9F7;
    --grid-gap: 25px;
    --grid-gap-sm: 25px;
    --spacer: 25px;
    --spacer-vert: 25px;
    --max-width: 1200px;
    --side-width: calc(((100vw - var(--max-width))/2) + var(--spacer));
    --header: "Poppins", sans-serif;
    --body: "Poppins", sans-serif;
    --text-color: rgba(0,0,0,.85);
    --transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

html {
    font-size: 100%
}

body {
    font-family: var(--body);
    font-weight: 400;
    font-size: 1rem;
    background: var(--bkg);
    background-size: 100% auto;
    color: var(--text-color);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: "liga" on;
    font-feature-settings: "liga";
    text-rendering: optimizeLegibility
}

h1, h2, h3, h4, h5 {
    font-family: var(--header);
    font-weight: 700;
    margin: 0 0 1.25rem 0;
    line-height: 1.1;
    color: var(--dark)
}

h1 {
    font-size: 2rem
}

h2 {
    font-size: 1.5rem
}

h3 {
    font-size: 1.25rem
}

h4 {
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px
}

p.lead {
    font-size: 1.25rem
}

p.preheader {
    color: var(--primary);
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600
}

p, ul, ol {
    margin-bottom: 1.25rem
}

hr {
    margin: 25px 0;
    border: none;
    border-bottom: 1px solid #ddd
}

p.preheader + h2 {
    margin-top: -1rem
}

ol {
    padding: 0 0 0 15px
}

    ol li {
        margin: 0 0 .5rem 0
    }

.link-list {
    list-style: none;
    margin: 1rem 0;
    padding: 0
}

    .link-list li a {
        padding: 1rem;
        font-size: 1rem;
        font-weight: 400;
        text-decoration: none;
        display: block;
        border-bottom: 1px dotted #ccc;
        display: flex;
        align-content: center
    }

        .link-list li a i {
            color: var(--primary);
            font-size: 1.5rem;
            width: 25px;
            text-align: left;
            margin: 0 10px 0 0
        }

        .link-list li a:hover {
            background: var(--bkg)
        }

a {
    transition: var(--transition);
    text-decoration: underline;
    text-decoration-color: var(--primary);
    font-weight: 600;
    color: var(--dark)
}

    a:hover {
        text-decoration-color: rgba(0,0,0,.25)
    }

.btn-theme {
    background: var(--primary-light);
    color: var(--dark);
    padding: 10px 15px;
    border-radius: 4px;
    text-decoration: none;
    display: inline-block;
    display: inline-block;
    border: none;
    font-weight: 600
}

    .btn-theme:after {
        content: "";
        font-family: "Font Awesome 6 Free";
        margin-top: 4px;
        margin-left: .2rem;
        transition: var(--transition);
        text-decoration: none
    }

    .btn-theme:hover {
        background: var(--primary)
    }

        .btn-theme:hover:after {
            margin-left: 10px
        }

input {
    accent-color: var(--primary)
}

button {
    transition: var(--transition)
}

    button:hover {
        cursor: pointer
    }

.btn-theme.btn-alt:after {
    display: none
}

.btn-theme.btn-alt {
    background: var(--light)
}

    .btn-theme.btn-alt:hover {
        background: #e6e1d2;
        text-decoration: underline
    }

a[data-target-modal="#modal-email"].btn-theme, a[data-target-modal="#modal-remind"].btn-theme, a[data-target-modal="#modal-share"].btn-theme {
    margin-top: 5px;
    margin-bottom: 5px
}

.icon-text {
    position: relative;
    padding: 0 0 0 50px;
    font-size: .85rem
}

    .icon-text strong {
        display: block;
        font-weight: 600;
        font-size: 1rem;
        line-height: 1.2;
        margin: 0 0 5px 0
    }

    .icon-text i {
        position: absolute;
        left: 5px;
        top: calc(50% - .65rem);
        font-size: 1.25rem
    }

    .icon-text p {
        margin: 0 0 15px 0
    }

.text-list-date {
    display: inline-block;
    text-transform: uppercase;
    padding: 0 0 0 10px;
    text-decoration: none;
    font-size: .85rem;
    margin: 0 0 5px 0;
    color: #888;
    border-left: 1px solid #ccc;
    margin-left: 10px
}

.table {
    width: 100%;
    margin-top: 1rem
}

    .table td, .table th {
        padding: 10px;
        text-align: left
    }

    .table tr {
        border-bottom: 1px solid rgba(0,0,0,.25);
        background: var(--light)
    }

        .table tr:nth-of-type(2n) {
            background: var(--tertiary)
        }

@media(min-width: 768px) {
    :root {
        --spacer: 50px;
        --spacer-vert: 50px
    }

    h1 {
        font-size: 3rem
    }

    h2 {
        font-size: 1.75rem
    }

    h3 {
        font-size: 1.25rem
    }

    h4 {
        font-size: 1rem
    }
}

@media(min-width: 1200px) {
    :root {
        --spacer-vert: 50px
    }

    h1 {
        font-size: 3.5rem
    }

    h2 {
        font-size: 2.25rem
    }

    h3 {
        font-size: 1.5rem
    }

    h4 {
        font-size: 1.25rem
    }

    p.lead {
        font-size: 1.5rem !important
    }

    .bkg-light {
        background: var(--light);
        padding: calc(var(--spacer)*2) 0
    }

    .small-type {
        font-size: .9rem
    }

        .small-type h2 {
            font-size: 1.5rem;
            letter-spacing: normal;
            font-weight: 500
        }

        .small-type h3 {
            font-size: 1.25rem;
            letter-spacing: normal;
            font-weight: 500;
            margin: 2rem 0 1rem 0
        }

        .small-type p.lead {
            font-size: 1.15rem !important
        }
}

.hdr-top {
    background: url(../img/pattern-1.jpg) center center repeat-x var(--secondary);
    padding: 0;
    background-size: 75% auto
}

    .hdr-top ul {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        gap: 20px;
        align-items: center;
        justify-content: center;
        display: none
    }

        .hdr-top ul li {
            position: relative
        }

            .hdr-top ul li:after {
                content: "";
                width: 1px;
                height: 12px;
                background: rgba(255,255,255,.5);
                position: absolute;
                right: -10px;
                top: calc(50% - 6px)
            }

            .hdr-top ul li:last-of-type:after {
                display: none
            }

        .hdr-top ul a {
            font-weight: 400;
            font-size: .775rem;
            text-decoration: none;
            color: #fff;
            opacity: .75;
            padding: 10px 0;
            display: block
        }

            .hdr-top ul a:hover {
                opacity: 1
            }

    .hdr-top .menu-blurb {
        margin: 0;
        font-size: .775rem;
        padding: 10px;
        color: rgba(255,255,255,.75);
        text-align: center
    }

        .hdr-top .menu-blurb a {
            text-decoration: underline;
            display: inline-block;
            color: var(--text-color-inverse)
        }

.menu .container {
    display: grid;
    grid-template-columns: 150px auto;
    grid-template-rows: auto auto;
    align-items: center
}

.menu .menu-main {
    grid-column: span 2;
    display: flex;
    justify-content: center;
    align-content: center;
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: 1px solid var(--gray);
    border-bottom: 1px solid var(--gray)
}

    .menu .menu-main a {
        text-decoration: none;
        font-size: 1rem;
        padding: 15px 15px;
        font-weight: 500;
        display: block;
        position: relative
    }

    .menu .menu-main .active a {
        font-weight: 700
    }

        .menu .menu-main .active a:after {
            width: 100%;
            height: 5px;
            position: absolute;
            bottom: -1px;
            left: 0;
            background: var(--primary);
            content: ""
        }

    .menu .menu-main a:hover {
        text-decoration: underline
    }

#logo {
    max-width: 145px;
    display: block;
    position: relative
}

.menu-user {
    position: relative;
    justify-self: flex-end;
    display: flex;
    gap: 10px
}

    .menu-user > a {
        padding: 15px;
        background: var(--tertiary);
        border-radius: 50px;
        text-decoration: none;
        display: flex;
        gap: 10px;
        justify-self: flex-end;
        margin: 10px 0
    }

        .menu-user > a i {
            font-size: 1.5rem
        }

    .menu-user ul {
        list-style: none;
        padding: 0;
        margin: 0;
        position: absolute;
        top: 105%;
        right: 0;
        background: #fff;
        padding: 15px;
        box-shadow: 5px 5px 15px rgba(0,0,0,.15);
        z-index: 3600;
        width: 200px;
        border-radius: 15px;
        opacity: 0;
        visibility: hidden;
        transition: var(--transition)
    }

        .menu-user ul a {
            font-size: .9rem;
            padding: 10px;
            font-weight: 400;
            text-decoration: none;
            display: block;
            border-bottom: 1px dotted var(--gray)
        }

        .menu-user ul li:last-of-type a {
            border: 0
        }

        .menu-user ul a:hover {
            padding: 10px 5px 10px 15px;
            text-decoration: underline;
            cursor: pointer
        }

        .menu-user ul.open {
            opacity: 1;
            top: 100%;
            visibility: visible
        }

    .menu-user .menu-alert {
        font-size: .6rem;
        padding: 3px;
        background: var(--primary);
        color: #fff;
        position: absolute;
        left: 8px;
        top: 19px;
        border: 2px solid var(--tertiary);
        border-radius: 15px;
        display: flex;
        justify-content: center;
        flex-direction: column;
        width: 18px;
        height: 18px;
        text-align: center
    }

    .menu-user ul .menu-alert {
        border: 0;
        position: relative;
        left: 0;
        top: auto;
        float: left;
        margin: 3px 5px 0 0
    }

@media(min-width: 768px) {
    .menu .container {
        grid-template-rows: auto
    }

    .menu-user, #logo, .menu-main {
        grid-row: 1
    }

    .menu-user {
        order: 3
    }

    .menu .menu-main {
        border: none;
        justify-self: flex-end;
        margin: 0 1rem 0 0
    }

        .menu .menu-main a {
            padding: 25px 15px
        }

    #logo {
        max-width: 165px
    }
}

@media(min-width: 992px) {
    .hdr-top .container {
        display: flex;
        justify-content: space-between
    }

    .hdr-top ul {
        display: flex
    }

    .menu .menu-main a {
        font-size: 1.15rem;
        padding: 35px 22px
    }

    .menu .container {
        display: flex
    }

    .qr-scan {
        display: none !important
    }

    #logo {
        width: 150px;
        height: 75px;
        margin-right: auto;
        display: flex;
        justify-content: center;
        flex-direction: column
    }
}

@media(min-width: 1200px) {
    #logo {
        width: 215px
    }
}

.footer {
    font-size: .825rem;
    background: url(../img/bkg-ftr.jpg) center bottom repeat-x var(--light);
    padding: var(--spacer);
    padding-bottom: 25px;
    margin-top: 2rem
}

    .footer img {
        max-width: 175px;
        margin: 0 0 1.5rem 0
    }

    .footer h4 {
        font-size: 1rem;
        font-weight: 700
    }

    .footer ul {
        list-style: none;
        padding: 0;
        margin: 1rem 0
    }

    .footer a {
        font-weight: 400;
        text-decoration-color: var(--text);
        display: block;
        padding: 5px 5px 5px 0;
        font-size: .9rem;
        border-radius: 4px
    }

        .footer a:hover {
            padding: 5px 0 5px 5px
        }

    .footer .county-list {
        list-style: none;
        padding: 0;
        margin: 0;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(105px, 1fr));
        column-gap: 10px
    }

        .footer .county-list a {
            font-weight: 400;
            text-decoration-color: var(--text);
            display: block;
            padding: 3px;
            font-size: .825rem;
            border-radius: 4px
        }

            .footer .county-list a:hover {
                padding: 3px 0 3px 6px;
                background: rgba(0,0,0,.1)
            }

    .footer hr {
        margin: 2.5rem 0;
        border-color: rgba(0,0,0,.1)
    }

.copy {
    text-align: center;
    font-size: .9rem
}

    .copy ul {
        display: flex;
        margin: .5rem auto;
        justify-content: center
    }

    .copy a {
        display: inline-block;
        padding: 0
    }

        .copy a:hover {
            padding: inherit;
            padding: 0;
            text-decoration: none
        }

    .copy ul a {
        padding: 10px
    }

        .copy ul a:hover {
            padding: 10px;
            text-decoration: none
        }

    .copy p {
        margin: 0
    }

@media(min-width: 768px) {
    .ftr-cols {
        display: grid;
        grid-template-columns: 215px 1fr 1fr 1fr;
        gap: 25px
    }
}

@media(min-width: 992px) {
    .footer {
        padding-top: 75px
    }

    .ftr-cols {
        display: grid;
        grid-template-columns: 350px 1fr 1fr 1fr auto;
        gap: 50px
    }
}

.container {
    width: 100%;
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 var(--spacer)
}

.grid {
    display: grid;
    gap: var(--spacer);
    align-items: center
}

.grid-gap-xm {
    gap: 10px
}

.grid-gap-sm {
    gap: 20px
}

.grid-gap-md {
    gap: 30px
}

.grid-gap-lg {
    gap: 40px
}

.content-sections > * {
    margin: var(--spacer-vert) auto
}

.auto-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(75px, 1fr))
}

.auto-grid-5 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(155px, 1fr))
}

.auto-grid-4 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(225px, 1fr))
}

.skinny {
    max-width: 800px
}

.mcp-info-list .item-details {
    margin: .5rem 0
}

    .mcp-info-list .item-details strong {
        font-weight: 500
    }

.mcp-info-list h3 {
    font-weight: 600
}

.email-receipt {
    padding: 1rem 0
}

    .email-receipt > div {
        max-width: 750px;
        padding: 0rem 1rem 1rem 1rem;
        background: #fff;
        font-size: 75%;
        margin: 0 auto;
        box-shadow: 0 0 25px rgba(0,0,0,.05)
    }

    .email-receipt header, .email-receipt footer {
        display: flex;
        justify-content: space-between;
        background: Var(--light);
        padding: 1rem;
        margin: 1rem -1rem 2rem -1rem
    }

    .email-receipt footer {
        margin: 0 -1rem -1rem -1rem
    }

        .email-receipt header img, .email-receipt footer img {
            max-width: 150px
        }

        .email-receipt footer img {
            max-height: 50px;
            mix-blend-mode: multiply
        }

.flex-row-img {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #ccc;
    padding-top: 1.5rem;
    margin-top: 2rem
}

    .flex-row-img img {
        max-width: 150px;
        max-height: 75px;
        mix-blend-mode: multiply
    }

.receipt-footer-tagline a {
    text-align: center;
    font-size: 1rem;
    text-decoration: none;
    display: block
}

.receipt-footer-tagline span {
    display: block;
    font-size: .65rem
}

@media(min-width: 768px) {
    .auto-grid-5 {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(175px, 1fr))
    }

    .receipt-footer-tagline a {
        font-size: 1.5rem
    }

    .receipt-footer-tagline span {
        font-size: .85rem
    }
}

@media(min-width: 768px) {
    .grid-2 {
        grid-template-columns: 1fr 1fr
    }
}

@media(min-width: 992px) {
    .grid-3 {
        grid-template-columns: 1fr 1fr 1fr
    }
}

.blog-list-item {
    display: grid;
    gap: 15px;
    padding: 25px 0;
    border-bottom: 1px dotted #ccc
}

    .blog-list-item .preheader {
        font-size: .8rem;
        font-weight: 700;
        color: #555;
        font-weight: 400
    }

        .blog-list-item .preheader a {
            font-weight: 600
        }

    .blog-list-item .text {
        align-content: flex-start;
        font-size: .9rem
    }

    .blog-list-item h2 {
        font-size: 1.5rem;
        line-height: 1.2;
        letter-spacing: -0.5px
    }

        .blog-list-item h2 a {
            color: var(--text);
            text-decoration: none
        }

            .blog-list-item h2 a:hover {
                text-decoration: underline
            }

    .blog-list-item .author {
        margin: 0 0 1rem 0;
        font-style: italic
    }

    .blog-list-item img {
        border-radius: 10px;
        aspect-ratio: 1.5/1;
        object-fit: cover
    }

    .blog-list-item:last-of-type {
        border: none
    }

.grid-blog aside {
    background: var(--light);
    padding: 20px;
    font-size: .825rem;
    border-radius: 15px
}

    .grid-blog aside h4 {
        font-size: 1rem
    }

    .grid-blog aside h4 {
        border-top: 1px solid var(--gray);
        padding-top: 1rem
    }

        .grid-blog aside h4:first-of-type {
            border: none;
            padding-top: .5rem
        }

    .grid-blog aside > * {
        margin: 0 0 1rem 0
    }

.pagination {
    display: flex;
    justify-content: center;
    gap: 10px;
    padding: 2rem 0;
    border-bottom: 1px solid var(--gray)
}

    .pagination .active {
        border: 2px solid var(--light);
        background: none
    }

.tag-list {
    overflow: hidden;
    list-style: none !important;
    padding: 0;
    margin: 0
}

    .tag-list li {
        float: left;
        margin: 0 5px 10px 0 !important
    }

        .tag-list li a {
            padding: 4px 6px;
            background: #fff;
            font-size: .85rem;
            border-radius: 4px;
            font-weight: 400;
            font-size: .825rem
        }

            .tag-list li a:hover {
                background: none
            }

.category-list {
    list-style: square;
    padding: 0 0 0 1rem
}

    .category-list li::marker {
        color: var(--primary)
    }

    .category-list a {
        display: block;
        padding: 3px;
        font-size: .825rem;
        font-weight: 400
    }

        .category-list a:hover {
            padding: 3px 0 3px 6px
        }

.news-header {
    border-bottom: 1px solid #ccc;
    margin: 1rem 0
}

    .news-header h1 {
        color: var(--dark);
        font-size: 2.5rem;
        line-height: 1.2;
        margin: 1rem 0
    }

    .news-header .lead:before {
        left: calc(50% - 25px)
    }

.social-share {
    text-align: center;
    margin-top: 1rem
}

    .social-share li {
        margin: 0 15px;
        padding: 0
    }

    .social-share a {
        font-size: 1.5rem;
        color: var(--primary);
        margin: 0 5px
    }

@media(min-width: 768px) {
    .blog-list-item {
        grid-template-columns: 2fr 3fr;
        gap: 25px
    }
}

.blog-detail aside {
    margin-top: 150px
}

.blog-detail #hdr-basic {
    border-bottom: 1px solid #ccc;
    margin-bottom: 2rem;
    padding-bottom: 1rem
}

    .blog-detail #hdr-basic h1 {
        border: none;
        margin: 0 0 1rem 0;
        padding: 0
    }

.blog-detail img {
    margin: 0 0 2rem 0
}

@media(min-width: 992px) {
    .grid-blog {
        grid-template-columns: 3.5fr 1.15fr;
        align-items: flex-start;
        gap: 50px
    }

        .grid-blog aside {
            position: sticky;
            top: 30px
        }
}

.text-center {
    text-align: center;
    margin-bottom: var(--spacer);
    max-width: 750px;
    margin-left: auto;
    margin-right: auto
}

    .text-center p {
        color: var(--text-gray)
    }

    .text-center img {
        margin-left: auto;
        margin-right: auto
    }

.wp-vert-class {
    margin: var(--spacer-vert) auto
}

.full-img-combo + .wp-vert-class {
    margin-top: calc(var(--spacer)*2)
}

@media(min-width: 1200px) {
    .wp-vert-class + .wp-vert-class {
        margin: calc(var(--spacer-vert)*2) auto
    }
}

.cart-item {
    border: 1px solid #ddd;
    padding: var(--spacer);
    border-radius: 15px
}

    .cart-item header {
        margin: 0 0 1rem 0
    }

    .cart-item + .cart-item {
        margin-top: 2rem
    }

.facility-summary {
    padding: 0 0 1rem 0;
    margin: 0 0 .25rem 0
}

    .facility-summary .features p {
        font-size: .725rem;
        margin: 0
    }

.facility-summary {
    display: grid;
    grid-template-columns: 1fr 1.75fr;
    gap: 15px
}

    .facility-summary h3 {
        font-size: 1.25rem;
        margin: 0 0 10px 0;
        font-weight: 500;
        line-height: 1.3
    }

    .facility-summary figure {
        border-radius: 5px;
        overflow: hidden
    }

        .facility-summary figure img {
            width: 100% !important;
            height: 100% !important;
            object-fit: cover
        }

.cart-full-width {
    grid-column: span 2
}

.item-details {
    margin: 0 0 1rem 0
}

.cart-item .form-action {
    border-top-color: #ddd
}

.item-details + .facility-summary {
    margin-top: 1rem;
    border-top: 1px solid #ddd;
    padding-top: 1rem
}

@media(min-width: 768px) {
    .cart-item {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 10px
    }

        .cart-item header {
            grid-column: span 2;
            display: flex;
            justify-content: space-between;
            align-items: center
        }

        .cart-item .form-action, .cart-item .alert, .cart-item .item-details, .cart-item hr {
            grid-column: span 2
        }
}

.sidebar-nav ul {
    list-style: none;
    padding: 0 !important;
    margin: 0
}

.sidebar-nav a {
    font-weight: 400;
    text-decoration: none;
    display: block;
    padding: 1rem;
    border-bottom: 1px dotted var(--gray)
}

.sidebar-nav li:last-of-type a {
    border: none
}

.sidebar-nav .active a {
    font-weight: 700
}

    .sidebar-nav .active a:before {
        content: "";
        font-family: FontAwesome;
        color: var(--primary);
        margin: 0 10px 0 0
    }

.list-group .list-item:first-of-type {
    display: none
}

.list-group .list-item {
    display: grid;
    gap: 5px;
    border-bottom: 1px dotted var(--gray);
    font-size: .75rem;
    padding: 10px
}

    .list-group .list-item:nth-of-type(even) {
        background: #fff
    }

@media(min-width: 768px) {
    .list-group .list-item:first-of-type {
        display: flex;
        background: var(--dark);
        color: #fff;
        border: none
    }

    .list-group .list-item {
        display: flex;
        gap: 5px;
        align-items: center;
        padding: 5px
    }

        .list-group .list-item > * {
            flex: 75px 1 1;
            padding: 5px
        }

            .list-group .list-item > *:nth-of-type(2) {
                flex-basis: 150px
            }

            .list-group .list-item > *:nth-of-type(7) {
                flex-basis: 115px
            }

    .list-group.account-history .list-item > * {
        flex-basis: 75px
    }

        .list-group.account-history .list-item > *:last-of-type {
            flex-basis: 100px
        }
}

.validation-alert {
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid rgba(0,0,0,0);
    border-radius: .25rem;
    text-align: left;
    font-size: .85rem
}

.alert-danger {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7
}

.validation-alert div > *:last-child {
    margin-bottom: 0
}

.validation-alert ul {
    padding: 0 0 0 1rem
}

.county-info {
    display: grid;
    grid-template-columns: 90px auto;
    align-items: flex-start;
    gap: 15px;
    margin: -15px 0 0 0;
    position: relative;
    z-index: 5
}

    .county-info .text {
        display: flex;
        justify-content: center;
        flex-direction: column;
        height: 100%;
        padding: 15px 0 0 0
    }

        .county-info .text p {
            margin: 0;
            font-size: .775rem
        }

            .county-info .text p.title {
                font-size: .9rem;
                font-weight: 600
            }

        .county-info .text a {
            font-weight: 400
        }

            .county-info .text a i {
                color: var(--primary);
                min-width: 15px;
                text-align: center
            }

    .county-info figure {
        padding: 7px;
        background: #fff;
        border-radius: 50%;
        width: 90px;
        height: 90px;
        overflow: hidden;
        box-shadow: 5px 5px 15px rgba(0,0,0,.15)
    }

        .county-info figure img {
            width: 100%;
            height: 100%;
            object-fit: contain
        }

.sec-nav-grid aside {
    background: var(--light);
    padding: 25px;
    border-radius: 15px;
    margin: 0 0 2rem 0
}

.sec-nav-grid nav ul {
    list-style: none;
    padding: 0;
    margin: 0
}

    .sec-nav-grid nav ul a {
        text-decoration: none;
        display: block;
        padding: 10px 10px;
        font-weight: 400;
        border-top: 1px dotted rgba(0,0,0,.15);
        font-size: .9rem;
        display: flex;
        justify-content: space-between
    }

    .sec-nav-grid nav ul li:first-of-type a {
        border: none
    }

    .sec-nav-grid nav ul .active a {
        font-weight: 700
    }

    .sec-nav-grid nav ul a:hover, .sec-nav-grid nav ul a:focus {
        padding: 10px 5px 10px 15px;
        color: #222
    }

    .sec-nav-grid nav ul .active a::after {
        content: "";
        font-family: FontAwesome
    }

.content-image {
    margin: 0 0 2rem 0
}

@media(min-width: 768px) {
    .sec-nav-grid .container {
        display: grid;
        grid-template-columns: .8fr 3fr;
        gap: 25px;
        align-items: flex-start
    }
}

@media(min-width: 992px) {
    .sec-nav-grid .container {
        display: grid;
        grid-template-columns: 1.15fr 2.5fr;
        gap: 50px
    }

    .sec-nav-grid aside {
        z-index: 5;
        position: relative;
        position: sticky;
        top: 115px
    }

    .content-image {
        float: right;
        width: 300px;
        margin-left: 2rem
    }
}

.job-post {
    display: block;
    position: relative;
    background: #fff;
    padding: 2rem;
    border-radius: 10px;
    margin: 1rem 0;
    box-shadow: 0 0 15px rgba(0,0,0,.05)
}

    .job-post h3 {
        margin: 0 0 .5rem 0
    }

    .job-post .post-date {
        text-transform: uppercase;
        font-size: .75rem;
        letter-spacing: 1px;
        font-weight: 600;
        color: #666
    }

    .job-post .post-desc {
        padding-left: 15px;
        border-left: 5px solid #eee
    }

    .job-post .post-details {
        display: flex;
        gap: 10px
    }

        .job-post .post-details span {
            display: inline;
            background: var(--light);
            padding: 5px 10px;
            border-radius: 3px;
            font-size: .85rem
        }

.share-list {
    border-top: 1px solid #ccc;
    margin: 2rem 0 0 0;
    padding: 2rem 0
}

.alert {
    padding: 15px;
    background: var(--light);
    border-radius: 5px;
    margin: 0 0 1.25rem 0;
    font-size: .85rem
}

    .alert:before {
        color: var(--primary)
    }

.alert-check:before {
    content: "";
    font-family: FontAwesome;
    margin: 0 5px 0 0
}

.page-header {
    position: relative;
    margin: 0 auto;
    width: calc(100% - 50px);
    max-width: 1400px
}

    .page-header figure {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        border-radius: 25px;
        overflow: hidden;
        perspective: 1000px
    }

        .page-header figure img, .page-header figure video {
            width: 100%;
            height: 100%;
            object-fit: cover;
            perspective: 1000px
        }

    .page-header .breadcrumb {
        list-style: none;
        padding: 0;
        margin: 0 0 1rem 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

        .page-header .breadcrumb li {
            color: rgba(255,255,255,.75);
            font-size: .775rem;
            margin: 0 5px 0 0
        }

            .page-header .breadcrumb li:after {
                content: ">";
                margin: 0 0 0 5px
            }

            .page-header .breadcrumb li:last-of-type {
                margin: 0
            }

                .page-header .breadcrumb li:last-of-type:after {
                    display: none
                }

        .page-header .breadcrumb a {
            color: var(--primary-light);
            font-weight: 400
        }

    .page-header .text {
        position: relative;
        z-index: 5;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.35);
        text-align: center;
        display: flex;
        justify-content: center;
        border-radius: 25px;
        flex-direction: column;
        padding: 50px 25px
    }

        .page-header .text h1 {
            color: #fff;
            margin: 0 0 1rem 0
        }

        .page-header .text p {
            color: rgba(255,255,255,.8);
            margin: 0
        }

.page-header-post {
    text-align: center;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 3rem 0 2rem 0;
    margin: 0 0 2rem 0
}

    .page-header-post .breadcrumb {
        margin: 0 0 1rem 0
    }

        .page-header-post .breadcrumb li {
            color: var(--text-color)
        }

.page-header .breadcrumb a {
    color: var(--primary)
}

.page-header-post:after {
    display: none
}

@media(min-width: 768px) {
    .page-header .text {
        padding: 50px 25px;
        min-height: 300px
    }
}

@media(min-width: 992px) {
    .page-header .text {
        padding: 50px 25px
    }

    .page-header:after {
        width: 150px;
        height: 150px;
        position: absolute;
        left: -75px;
        bottom: -75px;
        background: url(https://content.mycountyparks.com/Production/Assets/image/dots.svg);
        content: "";
        background-size: cover
    }
}

@media(min-width: 1200px) {
    .page-header .text {
        padding: 50px 25px
    }

        .page-header .text p {
            font-size: 1.25rem
        }

    .page-header-post h1 {
        font-size: 3.5rem;
        line-height: 1
    }
}

#sec-nav {
    position: relative;
    z-index: 5
}

.sec-nav {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    column-gap: 15px;
    border-bottom: 1px solid var(--gray);
    flex-wrap: wrap;
    position: relative;
    z-index: 15
}

    .sec-nav a {
        text-decoration: none;
        padding: 20px 0;
        display: block;
        font-size: .825rem;
        font-weight: 500
    }

    .sec-nav .active a {
        font-weight: 700;
        color: var(--dark);
        position: relative
    }

    .sec-nav > li > a:after {
        width: 100%;
        height: 5px;
        position: absolute;
        bottom: -1px;
        left: 0;
        background: var(--primary);
        content: "";
        opacity: 0;
        transition: var(--transition)
    }

    .sec-nav .active a:after {
        opacity: 1
    }

    .sec-nav:hover .active a:after {
        opacity: 0
    }

    .sec-nav:hover li:hover > a:after {
        opacity: 1
    }

    .sec-nav a .fa {
        font-size: .65rem;
        margin-left: 1px;
        position: relative;
        top: -2px
    }

.profile-info {
    display: grid;
    grid-template-columns: 90px auto;
    align-items: flex-start;
    gap: 15px;
    margin: -15px 0 0 0;
    position: relative;
    z-index: 5;
    justify-content: center
}

    .profile-info .text {
        display: flex;
        justify-content: center;
        flex-direction: column;
        height: 100%;
        padding: 15px 0 0 0
    }

        .profile-info .text p {
            margin: 0;
            font-size: .775rem
        }

            .profile-info .text p.title {
                font-size: .9rem;
                font-weight: 600
            }

        .profile-info .text a {
            font-weight: 400
        }

            .profile-info .text a i {
                color: var(--primary);
                min-width: 15px;
                text-align: center
            }

    .profile-info figure {
        border: 7px solid #fff;
        background: #fff;
        border-radius: 50%;
        width: 90px;
        height: 90px;
        overflow: hidden;
        box-shadow: 5px 5px 15px rgba(0,0,0,.15)
    }

        .profile-info figure img {
            width: 100%;
            height: 100%;
            object-fit: cover
        }

.sec-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 105%;
    right: -30px;
    background: #fff;
    padding: 15px;
    box-shadow: 5px 5px 15px rgba(0,0,0,.15);
    z-index: 15;
    width: 250px;
    border-radius: 15px;
    opacity: 0;
    visibility: hidden;
    transition: var(--transition);
    z-index: 25
}

.sec-nav li {
    position: relative
}

.sec-nav ul a {
    font-size: .9rem;
    padding: 10px;
    font-weight: 400;
    text-decoration: none;
    display: block;
    border-bottom: 1px dotted var(--gray)
}

.sec-nav ul li:last-of-type a {
    border: 0
}

.sec-nav ul a:hover {
    padding: 10px 5px 10px 15px;
    text-decoration: underline;
    cursor: pointer
}

.sec-nav ul.open, .sec-nav li:hover > ul {
    opacity: 1;
    top: 100%;
    visibility: visible
}

#sec-nav .results ul {
    display: none
}

@media(min-width: 768px) {
    .sec-nav {
        gap: 25px
    }

        .sec-nav a {
            padding: 25px 0
        }
}

@media(min-width: 992px) {
    .sec-nav {
        gap: 30px;
        margin-right: 30px
    }

        .sec-nav a {
            padding: 30px 0;
            font-size: 1rem
        }

    #sec-nav {
        transition: var(--transition)
    }

        #sec-nav.sticky {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 15;
            box-shadow: 0 5px 15px rgba(0,0,0,.025);
            background: #fff;
            background: var(--bkg)
        }

            #sec-nav.sticky + .content-sections {
                padding-top: 85px
            }

            #sec-nav.sticky .sec-nav {
                border: none
            }

            #sec-nav.sticky:has(.container .results) {
                border-bottom: 38px solid var(--light)
            }

    .county-hdr {
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid var(--gray)
    }

        .county-hdr .sec-nav {
            border: none
        }

    .profile-info {
        margin: 0;
        display: inline;
        padding-left: 100px
    }

        .profile-info figure {
            position: absolute;
            top: -5px;
            left: 0
        }

        .profile-info .text {
            padding: 0
        }

    #sec-nav.sticky .profile-info figure {
        box-shadow: none
    }

    #sec-nav.sticky .county-hdr {
        border: none
    }

    #sec-nav .results ul {
        display: inline
    }

    #sec-nav .results {
        border: 0;
        margin: .35rem 0 -50px 0
    }
}

#image-gallery img {
    border-radius: 5px
}

#current-image {
    width: 100%;
    object-fit: cover;
    max-height: 350px
}

#image-thumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    margin-top: 20px
}

.thumb {
    width: 80px;
    height: 60px;
    object-fit: cover;
    cursor: pointer;
    border-radius: 4px !important
}

.full-hdr {
    display: grid;
    margin: 0 0 1rem 0
}

    .full-hdr hr {
        display: block;
        width: 100%;
        order: 3
    }

    .full-hdr h3 {
        margin: 0;
        flex-shrink: 0
    }

    .full-hdr a {
        margin: 0;
        flex-shrink: 0;
        font-size: .9rem
    }

.swiper {
    width: 100%;
    height: 100%;
    padding-bottom: 50px
}

.swiper-pagination {
    bottom: 0
}

.swiper-pagination-bullet {
    opacity: 1;
    background: var(--tertiary)
}

.swiper-pagination-bullet-active {
    background: var(--primary)
}

.swiper-button-next {
    height: 100%;
    width: 150px;
    top: 0;
    right: 0;
    justify-content: flex-end;
    padding-bottom: 100px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(250, 249, 247) 100%);
    transition: var(--transition)
}

    .swiper-button-next::after, .swiper-button-prev::after {
        font-size: 1.2rem;
        width: 35px;
        height: 35px;
        background: var(--dark);
        color: #fff;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        font-weight: 700
    }

    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
        opacity: 0
    }

.scroll-item figure {
    height: 280px;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 7px 7px 15px rgba(0,0,0,.15);
    position: relative
}

    .scroll-item figure img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: var(--transition)
    }

.scroll-item a {
    text-decoration: none
}

.scroll-item h3 {
    font-weight: 500;
    text-decoration: none;
    margin: 1.25rem 0 .5rem 0;
    font-size: 1.15rem
}

.scroll-item ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: .825rem
}

    .scroll-item ul a {
        display: block;
        padding: 3px 0;
        font-weight: 400
    }

        .scroll-item ul a i {
            color: var(--primary);
            margin: 0 .25rem 0 0
        }

.scroll-item a:hover {
    cursor: grab
}

    .scroll-item a:hover h3:hover, .scroll-item ul a:hover {
        text-decoration: underline;
        cursor: pointer
    }

.scroll-item:hover figure img {
    transform: scale(1.05)
}

.scroll-item .date {
    font-size: .85rem;
    margin: 1rem 0 -1rem 0;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: flex;
    align-items: center
}

    .scroll-item .date i {
        font-size: 4px;
        margin: 0 5px;
        color: var(--tertiary)
    }

.facility-badge {
    font-weight: 600;
    font-size: .6rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 15px;
    display: inline-block;
    background: var(--light);
    padding: 1px 6px;
    border-radius: 3px
}

    .facility-badge + h3 {
        margin-top: 5px;
        margin-bottom: 10px
    }

.horizontal-items .scroll-item figure {
    height: 125px;
    border-radius: 5px
}

.load-more {
    display: grid;
    justify-items: center;
    border-bottom: 1px solid var(--gray);
    padding: 2rem 0
}

    .load-more .btn-theme:after {
        content: "";
        transition: var(--transition);
        transform: rotate(25deg)
    }

    .load-more .btn-theme:hover:after, .load-more .btn-theme:focus:after {
        transform: rotate(250deg)
    }

.auto-grid-4.horizontal-items .scroll-item figure {
    height: 150px
}

@media(min-width: 768px) {
    .full-hdr {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 15px
    }

        .full-hdr hr {
            order: 2
        }

        .full-hdr a {
            order: 3
        }
}

.content-cta {
    position: relative;
    z-index: 5;
    border-radius: 15px
}

    .content-cta .text:before {
        content: "";
        display: block;
        border: 1px solid rgba(255,255,255,.25);
        inset: 10px;
        position: absolute;
        border-radius: 12px;
        z-index: -1
    }

    .content-cta figure {
        position: absolute;
        z-index: -1;
        height: 100%;
        width: 100%;
        background: var(--dark);
        border-radius: 15px;
        overflow: hidden
    }

        .content-cta figure img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center center;
            opacity: .35
        }

    .content-cta .text {
        text-align: center;
        padding: 50px 25px
    }

        .content-cta .text h2 {
            color: #fff;
            margin: 0 0 1rem 0
        }

        .content-cta .text p {
            color: #fff;
            max-width: 80%;
            margin: 0 auto 2rem auto
        }

        .content-cta .text .arrow-link {
            border: 1px solid #fff;
            padding: 15px 25px;
            display: inline-block;
            background: rgba(0,0,0,.25);
            border-radius: 3px;
            color: #fff;
            font-size: .8rem
        }

            .content-cta .text .arrow-link:hover {
                text-decoration: none;
                background: rgba(0,0,0,.5)
            }

@media(min-width: 992px) {
    .content-cta .text {
        padding: 75px 50px 50px 50px
    }

    .content-cta:after {
        width: 150px;
        height: 150px;
        position: absolute;
        left: -75px;
        bottom: -75px;
        background: url(https://content.mycountyparks.com/Production/Assets/image/dots.svg);
        content: "";
        background-size: cover
    }

    .content-cta:after {
        left: auto;
        bottom: auto;
        top: -25px;
        right: -25px;
        width: 100px;
        height: 100px
    }
}

#hero .text {
    padding: 100px 25px;
    text-align: left
}

    #hero .text h1 {
        width: 70%;
        max-width: 500px
    }

.calendar > .days-grid > .day.selected {
    background: var(--primary) !important
}

.search {
    background: var(--secondary);
    padding: 15px;
    border-radius: 15px;
    gap: 15px;
    margin: -50px 15px 0 15px;
    position: relative;
    z-index: 10;
    box-shadow: 5px 15px 25px rgba(0,0,0,.2)
}

    .search .row {
        display: grid;
        gap: 15px
    }

    .search .col {
        display: flex;
        flex-grow: 1;
        flex-shrink: 1
    }

        .search .col.flex-shrink-no {
            flex-shrink: 0
        }

    .search input {
        padding: 15px 10px 15px 35px;
        border: none;
        background: #fff;
        border-radius: 5px;
        width: 100%;
        font-family: var(--body);
        color: var(--text-color);
        font-size: .9rem;
        transition: var(--transition)
    }

    .search select {
        padding: 15px 10px 15px 45px;
        border: none;
        border-radius: 5px;
        width: 100%;
        font-family: var(--body);
        color: var(--text-color);
        font-size: .9rem;
        transition: var(--transition);
        height: 100%
    }

    .search .input-wrap {
        position: relative;
        width: 100%;
        background: #fff;
        border-radius: 5px
    }

        .search .input-wrap i {
            font-size: 1.1rem;
            color: var(--primary);
            position: absolute;
            left: 12px;
            top: 18px
        }

.check-in-out {
    flex-basis: 350px
}

    .check-in-out #datepicker1 {
        border-radius: 5px 0 0 5px
    }

    .check-in-out #datepicker2 {
        border-radius: 0 5px 5px 0;
        border-left: 1px solid var(--gray)
    }

.search .btn-theme:after {
    display: none
}

.search .btn-theme {
    font-size: 1.35rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-left: 15px;
    padding: 15px 20px
}

.search input:focus, .search input:hover {
    background: var(--light)
}

.selects select {
    padding: 10px 10px 10px 35px;
    height: 100%
}

.selects .input-wrap i {
    font-size: 1.1rem;
    top: 12px
}

#sec-nav + .container .search {
    margin-top: 0
}

.filter-icons {
    grid-template-columns: repeat(auto-fit, minmax(45px, 62px));
    justify-content: center
}

    .filter-icons:hover .ico-feature {
        transition-delay: .1s
    }

.ico-feature {
    padding: 10px 0;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 400;
    font-size: .65rem;
    text-align: center;
    letter-spacing: -0.25px;
    line-height: 1.2;
    height: 100%;
    background: var(--light)
}

    .ico-feature img {
        width: 30px;
        margin: 0 auto 8px auto;
        opacity: .8;
        transition: var(--transition)
    }

    .ico-feature p {
        margin: 0
    }

    .ico-feature:hover, .ico-feature:active, .ico-feature:focus {
        background: none
    }

        .ico-feature:hover img {
            transform: scale(1.1)
        }

.alpha-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin: 1rem 0 0 0
}

    .alpha-list a {
        display: block;
        padding: 5px 12px;
        color: #fff;
        text-decoration: none;
        font-weight: 400;
        opacity: .8;
        border-radius: 4px;
        flex: 35px 0 0
    }

        .alpha-list a:hover {
            background: rgba(0,0,0,.2);
            cursor: pointer;
            opacity: 1
        }

.results-info {
    display: flex;
    justify-content: center;
    margin: -25px 0 25px 0;
    flex-wrap: wrap;
    align-items: center
}

    .results-info ul {
        list-style: none;
        padding: 0;
        margin: 1rem 0;
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
        justify-content: center
    }

        .results-info ul a {
            font-weight: 400;
            font-size: .825rem;
            text-decoration-color: var(--text)
        }

            .results-info ul a:hover {
                text-decoration: none
            }

    .results-info p {
        margin: 0
    }

.search.sidebar-search {
    margin: 0;
    background: #fff;
    z-index: 5
}

    .search.sidebar-search .btn-theme {
        display: flex;
        margin: 0;
        text-align: center;
        font-size: 1rem;
        flex-direction: row;
        align-items: center
    }

        .search.sidebar-search .btn-theme i {
            margin: 0 0 0 1rem
        }

@media(min-width: 768px) {
    .search {
        padding: 25px
    }
}

@media(min-width: 992px) {
    .search {
        margin: -50px 0 0 0
    }

        .search .row {
            display: flex
        }

        .search input {
            font-size: 1rem
        }

    #hero .text {
        background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 100%)
    }

    .search .col.flex-shrink-no {
        flex-shrink: 0;
        width: 50%
    }

    .search .flex-basis-25 .col {
        flex-basis: 25%
    }

    .row.event-search-grid {
        display: grid;
        grid-template-columns: 1fr 1fr 1.35fr
    }

    .filter-icons {
        grid-template-columns: repeat(auto-fit, minmax(55px, 80px))
    }

    .ico-feature {
        background: none;
        font-size: .75rem
    }

        .ico-feature:hover {
            background: var(--light)
        }

    .results-info {
        display: flex;
        justify-content: space-between;
        margin: -25px 0 25px 0;
        flex-wrap: wrap
    }
}

@media(min-width: 1200px) {
    .search {
        padding: 30px
    }

    #hero .text {
        padding: 150px 25px;
        height: 60vh;
        min-height: 400px
    }
}

.img-feature {
    position: relative;
    display: block;
    text-decoration: none;
    border-radius: 15px;
    overflow: hidden
}

    .img-feature img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        inset: 0;
        display: block;
        transition: var(--transition)
    }

    .img-feature .text {
        padding: 35px 25px;
        background: rgba(0,0,0,.5);
        position: relative;
        z-index: 5;
        display: flex;
        justify-content: center;
        flex-direction: column;
        text-align: center;
        transition: var(--transition)
    }

        .img-feature .text h3 {
            color: #fff;
            font-weight: 500;
            margin: 0 0 .5rem 0;
            position: relative;
            top: 25px;
            transition: var(--transition);
            font-size: 1.35rem
        }

        .img-feature .text p {
            color: rgba(255,255,255,.85);
            font-weight: 400;
            font-size: .825rem;
            margin: 0;
            opacity: 0;
            transition: var(--transition)
        }

    .img-feature:hover img {
        transform: scale(1.05)
    }

    .img-feature:hover .text {
        background: rgba(0,0,0,.65)
    }

    .img-feature:hover h3 {
        top: 0;
        font-size: 1.25rem
    }

    .img-feature:hover p {
        opacity: 1;
        transition-delay: .15s
    }

.full-img-content {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-bottom: 15px;
    clear: both
}

    .full-img-content figure {
        height: 250px;
        border-radius: 25px;
        overflow: hidden
    }

        .full-img-content figure img {
            width: 100%;
            height: 100%;
            object-fit: cover
        }

    .full-img-content .text {
        padding: 25px;
        background: url(../img/pattern-1.jpg) var(--secondary);
        background-size: 125% auto;
        color: #fff;
        margin: -50px 25px 0 25px;
        position: relative;
        z-index: 5;
        border-radius: 15px;
        color: rgba(255,255,255,.8);
        box-shadow: 5px 5px 15px rgba(0,0,0,.15)
    }

        .full-img-content .text h2 {
            color: #fff
        }

.offers .col {
    height: 100%
}

.promo {
    background: rgba(0,0,0,.1);
    height: 100%;
    display: grid;
    align-items: center;
    padding: 15px 15px 35px 15px;
    text-align: center;
    border-radius: 15px;
    position: relative
}

    .promo:after {
        content: "Advertisement";
        width: 100%;
        position: absolute;
        bottom: 0;
        padding: 5px 10px 10px 10px;
        font-size: .775rem;
        color: rgba(0,0,0,.35);
        text-transform: uppercase;
        letter-spacing: 1px
    }

    .promo img {
        margin: 0 auto;
        height: auto !important
    }

.native-ad:before {
    content: "Promo";
    position: absolute;
    top: 6px;
    left: 6px;
    right: auto;
    bottom: auto;
    padding: 2px 4px;
    font-size: .725rem;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    opacity: .65;
    border: 1px solid #fff;
    border-radius: 7px;
    z-index: 6
}

.content-cta.native-ad:before {
    left: 18px;
    top: 18px;
    border-radius: 4px
}

@media(min-width: 992px) {
    .full-img-content figure {
        height: auto;
        position: absolute;
        top: 0;
        bottom: 50px;
        min-height: 400px
    }

    .full-img-content .text {
        width: 50%;
        float: right;
        padding: 50px 25px 50px 50px;
        margin: 50px 50px 0 0
    }

        .full-img-content .text:after {
            left: auto;
            bottom: auto;
            top: -75px;
            right: -75px
        }

    .after-dots {
        position: relative
    }

        .after-dots:after {
            width: 150px;
            height: 150px;
            position: absolute;
            left: -75px;
            bottom: -75px;
            background: url(https://content.mycountyparks.com/Production/Assets/image/dots.svg);
            content: "";
            background-size: cover
        }

        .after-dots:after {
            left: auto;
            bottom: auto;
            right: 0;
            top: -50px
        }
}

.detail-header figure {
    display: grid;
    grid-template-columns: 2fr .7fr .7fr;
    gap: 5px;
    border-radius: 15px;
    overflow: hidden;
    grid-template-rows: 100px 100px
}

    .detail-header figure img:nth-of-type(1) {
        grid-row: span 2;
        grid-column: 1
    }

    .detail-header figure img:nth-of-type(2) {
        grid-row: 1;
        grid-column: 2
    }

    .detail-header figure img:nth-of-type(3) {
        grid-row: 2;
        grid-column: 2
    }

    .detail-header figure img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

        .detail-header figure img:hover {
            cursor: pointer
        }

    .detail-header figure.single {
        grid-template-columns: 1fr
    }

    .detail-header figure.four img:nth-of-type(3) {
        grid-column: 2/4
    }

    .detail-header figure.three img:nth-of-type(2) {
        grid-column: 2/4
    }

    .detail-header figure.three img:nth-of-type(3) {
        grid-column: 2/4
    }

    .detail-header figure.two img:nth-of-type(2) {
        grid-column: 2/4;
        grid-row: 1/3
    }

.gbtn {
    border: none
}

    .gbtn svg {
        display: none
    }

.detail-header {
    display: grid;
    gap: 15px;
    margin: 0 0 2rem 0;
    text-align: center;
    border-top: 1px solid var(--gray);
    padding-top: 2rem
}

    .detail-header h1 {
        margin: 0 0 .5rem 0
    }

    .detail-header .hdr-row {
        margin: 0 0 1rem 0
    }

    .detail-header.no-img {
        margin-bottom: 0
    }

    .detail-header .hdr-row .btn-theme {
        font-size: .85rem
    }

    .detail-header .features {
        font-size: .825rem
    }

        .detail-header .features a {
            font-weight: 400
        }

    .detail-header .date {
        font-size: 1rem;
        margin: 1rem 0 1rem 0;
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: 1px
    }

        .detail-header .date i {
            font-size: 4px;
            margin: 0 5px;
            color: var(--tertiary)
        }

.additional-links {
    text-align: center;
    padding: 5px 0
}

    .additional-links p {
        margin: .25rem 0
    }

    .additional-links a {
        font-weight: 400;
        font-size: .9rem
    }

ul.two-col {
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr
}

    ul.two-col li {
        font-size: .9rem;
        padding: 5px 5px 5px 0
    }

        ul.two-col li i {
            width: 25px;
            text-align: center;
            font-size: 1rem
        }

@media(min-width: 768px) {
    .detail-header figure {
        grid-template-rows: 200px 200px
    }

    .detail-header .date {
        display: flex;
        align-items: center;
        border-right: 1px solid var(--gray);
        padding-right: 1rem
    }

    .features-flex {
        display: flex;
        padding: 10px 0;
        gap: 15px;
        align-items: center;
        margin: -1rem 0 0 0;
        justify-content: center
    }

        .features-flex > * {
            margin: 0;
            font-size: .9rem
        }
}

@media(min-width: 992px) {
    .detail-header {
        text-align: left
    }

        .detail-header .hdr-row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin: 0 0 0rem 0
        }

            .detail-header .hdr-row .col:nth-of-type(2) {
                min-width: 200px;
                text-align: right
            }

            .detail-header .hdr-row h1 {
                font-size: 3rem
            }

        .detail-header figure {
            grid-template-rows: 250px 250px
        }

    .grid-twocol {
        display: grid;
        grid-template-columns: 2fr 1fr;
        align-items: flex-start;
        margin: 0 0 3rem 0;
        position: relative
    }

        .grid-twocol > .col:nth-of-type(2) {
            padding-top: 2rem
        }

        .grid-twocol > .col:first-of-type {
            order: 2
        }

    ul.two-col {
        grid-template-columns: 1fr 1fr 1fr
    }

    .features-flex {
        justify-content: flex-start
    }

    #sidebar-affix {
        padding-top: 2rem;
        position: relative;
        position: sticky;
        top: 0
    }
}

@media(min-width: 1200px) {
    .grid-twocol {
        gap: 50px
    }
}

.modal {
    padding: 2rem;
    width: 500px;
    opacity: 1;
    transition: var(--transition);
    border: none;
    border-radius: 5px;
    box-shadow: 0 0 2rem rgba(0,0,0,.25);
    text-align: left
}

    .modal::backdrop {
        background: rgba(0,0,0,.35)
    }

    .modal.show {
        opacity: 1
    }

    .modal h3 {
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #ccc;
        padding: 0 0 1rem 0;
        align-items: center
    }

        .modal h3 .close-button {
            background: var(--light);
            border: none;
            padding: 1rem;
            border-radius: 5px
        }

.modal-wide {
    width: 700px
}

.modal .helper {
    padding: 0;
    margin: .25rem 0
}

.modal .modal-links {
    text-align: center;
    font-size: .85rem
}

    .modal .modal-links p {
        margin: .5rem 0
    }

.sidebar-search #image-gallery {
    margin-bottom: 20px
}

#image-gallery {
    width: 100%;
    position: relative;
    margin: auto
}

#current-image {
    width: 100%;
    height: auto
}

.arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    background: rgba(0,0,0,.35);
    padding: 10px;
    cursor: pointer;
    user-select: none;
    border-radius: 3px
}

    .arrow i {
        font-size: 1.5rem
    }

#left-arrow {
    left: 10px
}

#right-arrow {
    right: 10px
}

.loader-overlay {
    position: fixed;
    inset: 0;
    display: grid;
    place-content: center;
    background: rgba(255,255,255,.9);
    z-index: 50;
    text-align: center;
    transition: var(--transition)
}

.loader-outter {
    height: 65px;
    display: block
}

.loader-overlay p {
    width: 300px;
    margin: 1rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 700
}

.loader {
    width: 40px;
    height: 40px;
    --c: no-repeat linear-gradient(var(--primary) 0 0);
    background: var(--c),var(--c),var(--c),var(--c);
    background-size: 21px 21px;
    animation: load 1.5s infinite cubic-bezier(0.3, 1, 0, 1);
    margin: 0 auto
}

@keyframes load {
    0% {
        background-position: 0 0,100% 0,100% 100%,0 100%
    }

    33% {
        background-position: 0 0,100% 0,100% 100%,0 100%;
        width: 60px;
        height: 60px
    }

    66% {
        background-position: 100% 0,100% 100%,0 100%,0 0;
        width: 60px;
        height: 60px
    }

    100% {
        background-position: 100% 0,100% 100%,0 100%,0 0
    }
}

#filters {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--light);
    padding: 2rem 2rem 8rem 2rem;
    z-index: 25;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 0 25px rgba(0,0,0,.25);
    transition: var(--transition);
    overflow-y: scroll
}

    #filters form {
        display: grid;
        gap: 10px
    }

    #filters.open {
        visibility: visible;
        opacity: 1
    }

body.no-scroll {
    overflow: hidden
}

.filter-mobile-header {
    border-bottom: 1px solid #ccc;
    padding: 0 0 1rem 0;
    margin: 0 0 1rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 700;
    font-size: 1.25rem
}

    .filter-mobile-header button {
        width: 50px;
        height: 50px;
        background: none;
        border: 1px solid #ccc;
        border-radius: 50%;
        box-shadow: 5px 5px 10px rgba(0,0,0,.1);
        background: #fff;
        padding: 18px
    }

.form-group-options .checkbox-group {
    padding: 1rem 0
}

.icon-input {
    position: relative
}

    .icon-input .fa, .form-group-label .fa {
        position: absolute;
        left: 10px;
        top: calc(50% - 9px);
        color: var(--primary);
        font-size: 1rem;
        width: 1.5rem;
        text-align: center
    }

    .icon-input input, .icon-input select {
        border: none;
        background: none;
        border: 1px solid #ccc;
        border-radius: 5px;
        padding: .75rem 1rem .75rem 2.5rem;
        width: 100%;
        background: #fff;
        min-height: 50px;
        color: var(--text-color)
    }

    .icon-input select {
        font-weight: 700;
        font-size: .75rem;
        letter-spacing: 1px;
        text-transform: uppercase;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none
    }

.custom-select {
    position: relative
}

    .custom-select:after {
        content: "";
        font-family: FontAwesome;
        position: absolute;
        right: .9rem;
        top: .9rem;
        font-size: .85rem
    }

.icon-input button .fa {
    position: relative;
    margin: 0 !important;
    left: auto;
    top: auto;
    color: var(--dark)
}

.icon-input-delete {
    display: flex;
    margin: .5rem 0
}

.btn-delete {
    border: none;
    background: none;
    display: grid;
    align-content: center;
    opacity: .7
}

    .btn-delete:hover {
        cursor: pointer;
        opacity: 1
    }

.form-group-label {
    padding: 1rem 1rem 1rem 2.5rem;
    border: 1px solid #ccc;
    display: block;
    border-radius: 5px;
    font-weight: 700;
    font-size: .75rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: flex;
    justify-content: space-between;
    position: relative;
    background: #fff
}

    .form-group-label::after {
        content: "";
        font-family: FontAwesome
    }

    .form-group-label.collapsed {
        height: auto
    }

.checkbox-group {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(175px, 1fr));
    font-size: .85rem;
    gap: 4px
}

    .checkbox-group.grid-col-sm {
        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr))
    }

    .checkbox-group label {
        padding: 4px;
        background: rgba(0,0,0,.05);
        border-radius: 4px;
        display: flex;
        align-items: center;
        line-height: 1.2
    }

        .checkbox-group label:has(input[type=checkbox]:checked) {
            background: var(--primary-light)
        }

.form-actions {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 1rem;
    background: #fff;
    border-top: 1px solid #ccc;
    z-index: 50
}

.btn-simple {
    background: rgba(0,0,0,.1);
    border: none;
    padding: 10px 15px;
    border-radius: 4px;
    text-decoration: none;
    text-align: center;
    font-weight: 400
}

#filter {
    background: var(--secondary);
    padding: 15px;
    border-radius: 15px;
    gap: 15px;
    margin: -50px 15px 0 15px;
    position: relative;
    z-index: 50;
    box-shadow: 5px 15px 25px rgba(0,0,0,.2)
}

    #filter button {
        color: var(--text-color)
    }

.filter-toggle {
    border: none;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 1rem;
    background: #fff
}

.results {
    text-align: center;
    position: relative;
    z-index: 15
}

    .results ul {
        list-style: none;
        padding: 0;
        margin: 1rem 0 .25rem 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        font-size: .75rem;
        gap: 5px;
        align-items: center
    }

        .results ul .filters-title {
            text-transform: uppercase;
            font-weight: 700
        }

        .results ul a {
            background: var(--light);
            padding: 5px 8px;
            font-weight: 400;
            text-decoration: none;
            display: flex;
            gap: 5px;
            border-radius: 4px
        }

            .results ul a:before {
                content: "";
                font-family: FontAwesome
            }

            .results ul a:hover, .results ul a:focus {
                background: none;
                text-decoration: underline
            }

    .results span {
        font-size: .75rem;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        margin: 15px 0 0 0
    }

        .results span a {
            text-decoration: none;
            font-weight: 400;
            padding: 5px 5px 3px 5px;
            border-radius: 4px 4px 0 0;
            position: relative;
            opacity: .85;
            border-bottom: 3px solid rgba(0,0,0,0);
            position: relative;
            background: var(--light)
        }

            .results span a .fa {
                margin: 0 5px 0 0
            }

            .results span a.active {
                font-weight: 700;
                opacity: 1;
                border-bottom: 3px solid var(--primary)
            }

                .results span a.active:after {
                    border-left: 7px solid rgba(0,0,0,0);
                    border-right: 7px solid rgba(0,0,0,0);
                    border-top: 7px solid var(--primary);
                    position: absolute;
                    top: 100%;
                    left: calc(50% - 7px);
                    content: ""
                }

#filter .results {
    text-align: left;
    margin: 0 0 1rem 0
}

    #filter .results ul {
        justify-content: flex-start
    }

    #filter .results a {
        background: rgba(0,0,0,.1)
    }

    #filter .results span {
        font-size: .75rem;
        justify-content: flex-start
    }

#filter .alpha-list {
    gap: 5px
}

    #filter .alpha-list a {
        background: rgba(0,0,0,.05);
        color: var(--text-color)
    }

#filter + .filter-icons {
    margin: 1.5rem 0
}

.collapsed {
    height: 0;
    overflow: hidden;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
    transition: height .2s ease
}

    .collapsed.show {
        height: auto
    }

@media(min-width: 768px) {
    #filters {
        padding: 4rem 4rem 8rem 4rem
    }

    .daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
        height: auto;
        width: auto;
        padding: 8px 10px
    }
}

@media(min-width: 992px) {
    #filter {
        margin: -40px 0 0 0
    }

    #filters {
        position: relative;
        visibility: visible;
        opacity: 1;
        padding: 0;
        background: none;
        overflow: inherit;
        box-shadow: none
    }

    .form-actions {
        position: relative;
        padding: 0;
        background: none;
        border: none
    }

    .filter-mobile-header {
        display: none
    }

    #filters .results {
        display: none
    }

    #filters .icon-input input, #filters .icon-input select {
        border: none
    }

    .filter-toggle {
        display: none
    }

    .form-group-label {
        border: none
    }

    .grid-even-cols {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr
    }

        .grid-even-cols .form-group:nth-of-type(1) {
            grid-column: span 3
        }

        .grid-even-cols .form-group:nth-of-type(2) {
            grid-column: span 3
        }

        .grid-even-cols .form-group:nth-of-type(3) {
            grid-column: span 2
        }

        .grid-even-cols .form-group:nth-of-type(4) {
            grid-column: span 2
        }

        .grid-even-cols .form-group:nth-of-type(5) {
            grid-column: span 2
        }

        .grid-even-cols .form-group:nth-of-type(6) {
            grid-column: span 2
        }

        .grid-even-cols .form-actions {
            grid-row: 1;
            grid-column: 7/span 2
        }

    .grid-odd-cols {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr
    }

        .grid-odd-cols .form-group:nth-of-type(1) {
            grid-column: span 2
        }

        .grid-odd-cols .form-group:nth-of-type(2) {
            grid-column: span 2
        }

        .grid-odd-cols .form-group:nth-of-type(3) {
            grid-column: span 2
        }

        .grid-odd-cols .form-group:nth-of-type(4) {
            grid-column: span 2
        }

        .grid-odd-cols .form-group:nth-of-type(5) {
            grid-column: span 2
        }

        .grid-odd-cols .form-actions {
            grid-row: 1;
            grid-column: 5/span 2
        }

    .grid-counties {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr
    }

        .grid-counties .form-group:nth-of-type(1) {
            grid-column: span 3
        }

        .grid-counties .form-group:nth-of-type(2) {
            grid-column: span 2
        }

        .grid-counties .form-group:nth-of-type(3) {
            grid-column: span 2
        }

        .grid-counties .alpha-list {
            grid-column: span 8;
            margin: 0
        }

        .grid-counties .form-actions {
            grid-row: 1;
            grid-column: 8
        }

    .grid-events {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr
    }

        .grid-events .form-group:nth-of-type(1) {
            grid-column: span 3
        }

        .grid-events .form-group:nth-of-type(2) {
            grid-column: span 3
        }

        .grid-events .form-group:nth-of-type(3) {
            grid-column: span 2
        }

        .grid-events .form-group:nth-of-type(4) {
            grid-column: span 3
        }

        .grid-events .form-group:nth-of-type(5) {
            grid-column: span 2
        }

        .grid-events .form-group:nth-of-type(6) {
            grid-column: span 2
        }

        .grid-events .form-group:nth-of-type(6) {
            grid-column: span 2
        }

    #filter .alpha-list {
        gap: 0;
        margin: 0
    }

        #filter .alpha-list a {
            color: #fff;
            background: none
        }

            #filter .alpha-list a:hover {
                background: rgba(0,0,0,.25)
            }

    .form-actions {
        display: flex;
        gap: 10px
    }

        .form-actions > * {
            flex: 1
        }

        .form-actions .btn-simple {
            font-size: .85rem;
            padding: 0 10px;
            background: var(--light)
        }

        .form-actions .btn-theme {
            font-size: .85rem
        }

            .form-actions .btn-theme:hover:after {
                margin: 0 0 0 .2rem
            }

    .results {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 1rem 0 1rem 0;
        border-bottom: 1px solid #ccc;
        padding: 0 0 1rem 0
    }

        .results ul {
            margin: 0;
            justify-content: flex-start
        }

        .results span {
            margin: 0;
            min-width: 285px;
            justify-content: flex-end
        }

    .form-group {
        position: relative
    }

        .form-group .form-group-options {
            height: auto;
            max-height: 250px;
            position: absolute;
            top: 100%;
            left: calc(50% - 150px);
            background: #fff;
            width: 300px;
            overflow-y: scroll;
            border-radius: 5px;
            opacity: 0;
            visibility: hidden;
            transition: var(--transition);
            box-shadow: 0 0 15px rgba(0,0,0,.2);
            z-index: 25
        }

    .form-group-options .checkbox-group {
        grid-template-columns: repeat(auto-fit, minmax(125px, 1fr));
        padding: 1rem
    }

    .checkbox-group.grid-col-sm {
        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr))
    }

    .form-group-options .checkbox-group label {
        font-size: .75rem;
        background: var(--light)
    }

        .form-group-options .checkbox-group label:hover {
            cursor: pointer
        }

    .form-group:hover .form-group-options {
        opacity: 1;
        visibility: visible
    }

    .form-group:hover .form-group-label {
        background: var(--light)
    }

    .grid-counties + .alpha-list {
        margin-top: 0
    }
}

@media(min-width: 1200px) {
    .form-group .form-group-options {
        width: 400px;
        left: calc(50% - 200px)
    }

    .grid-even-cols .form-group:nth-of-type(1) {
        grid-column: span 4
    }

    .grid-even-cols .form-group:nth-of-type(2) {
        grid-column: span 3
    }

    .grid-even-cols .form-actions {
        grid-row: 1;
        grid-column: 8/span 1
    }

    .grid-counties .form-group:nth-of-type(1) {
        grid-column: span 3
    }

    .grid-counties .form-group:nth-of-type(2) {
        grid-column: span 2
    }

    .grid-counties .form-group:nth-of-type(3) {
        grid-column: span 2
    }
}

.item-details {
    display: flex;
    justify-content: space-between;
    align-items: center
}

    .item-details p {
        font-size: .825rem;
        margin: 0
    }

        .item-details p strong {
            font-size: 1.15rem
        }

    .item-details a {
        font-weight: 400
    }

.search.sidebar-search {
    gap: 5px
}

    .search.sidebar-search .item-details {
        margin: 0
    }

    .search.sidebar-search input {
        background: var(--light);
        font-size: .85rem
    }

    .search.sidebar-search hr {
        margin: 1rem 0
    }

    .search.sidebar-search .btn-text {
        text-align: center;
        font-size: .85rem;
        font-weight: 400
    }

        .search.sidebar-search .btn-text i {
            margin-right: 5px
        }

    .search.sidebar-search .btn-theme {
        margin-bottom: .75rem
    }

    .search.sidebar-search ul {
        padding: 0 0 0 1rem
    }

        .search.sidebar-search ul strong {
            font-size: .85rem;
            display: inline
        }

    .search.sidebar-search .icon-text p strong:first-of-type {
        display: block
    }

    .search.sidebar-search h4 {
        font-size: .9rem
    }

    .search.sidebar-search + .search.sidebar-search {
        margin-top: 2rem
    }

#sidebar-affix {
    z-index: 49
}

@media(max-width: 992px) {
    .bottom-affix {
        position: fixed;
        bottom: 10px;
        right: 10px;
        left: 10px;
        padding: .75rem;
        box-shadow: 0 0 25px rgba(0,0,0,.2)
    }

        .bottom-affix + .additional-links {
            padding: 0
        }

    .fixed-calendar footer.footer {
        padding-bottom: 150px
    }
}

@media(max-width: 992px) {
    .search.sidebar-search input {
        padding: 5px 5px 5px 40px;
        min-height: 40px
    }

    .search.sidebar-search .btn-theme {
        padding: 7px
    }
}

ol.progress-bar li {
    margin: 0;
    display: block;
    align-items: center;
    border: solid 1px var(--bkg);
    justify-content: center
}

ol.progress-bar {
    padding: 0;
    border-radius: 8px
}

.progress-bar__steps--numbers:before {
    content: counter(li) " ";
    counter-increment: li;
    margin-right: 15px;
    background: rgba(0,0,0,0);
    border: 1px solid #666;
    border-radius: 50%;
    text-align: center;
    display: block;
    height: 15px;
    font-size: 10px;
    width: 15px;
    position: relative;
    margin: 5px auto
}

.current .progress-bar__steps--numbers:before {
    text-align: center;
    background: #fff;
    color: #647d5e
}

.progress-bar {
    list-style: none;
    overflow: hidden;
    font-size: .5rem;
    font-weight: 600;
    display: flex;
    counter-reset: li;
    line-height: 1.3
}

.progress-bar__steps {
    text-align: center;
    background: var(--light);
    color: var(--text-color);
    width: 100%;
    position: relative;
    cursor: default;
    list-style-image: none;
    list-style-type: none;
    padding: 5px 10px 10px 10px
}

@media screen and (min-width: 768px) {
    .progress-bar__steps {
        padding: 20px 0 20px 55px
    }
}

@media screen and (min-width: 768px) {
    .progress-bar__steps:first-child {
        padding: 20px 0 20px 30px
    }
}

@media screen and (min-width: 768px) {
    .progress-bar__steps:after {
        border-bottom: 50px solid rgba(0,0,0,0);
        border-top: 50px solid rgba(0,0,0,0);
        content: " ";
        display: block;
        height: 0;
        left: 100%;
        margin-top: -50px;
        position: absolute;
        top: 50%;
        width: 0;
        border-left: 30px solid var(--light);
        z-index: 2
    }
}

@media screen and (min-width: 768px) {
    .progress-bar__steps:before {
        border-bottom: 50px solid rgba(0,0,0,0);
        border-top: 50px solid rgba(0,0,0,0);
        content: " ";
        display: block;
        height: 0;
        left: 100%;
        margin-top: -50px;
        position: absolute;
        top: 50%;
        width: 0;
        border-left: 30px solid var(--bkg);
        z-index: 1;
        margin-left: 5px
    }

        .progress-bar__steps:before ol.progress-bar li:not(:last-child)::after {
            content: "";
            transform: translateY(-50%);
            width: 70px;
            height: 100%;
            border-top: 3px solid var(--bkg);
            border-right: 3px solid var(--bkg);
            border-radius: 12px;
            background-color: var(--bkg);
            transform: rotate(45deg)
        }
}

.progress-bar .current {
    background: #647d5e;
    color: var(--bkg)
}

    .progress-bar .current:after {
        border-left: 30px solid #647d5e
    }

@media screen and (min-width: 768px) {
    ol.progress-bar li {
        border: none;
        justify-content: left;
        text-align: left;
        display: flex
    }

    .progress-bar {
        font-size: .85rem;
        padding: 5px 10px 5px 40px
    }

    .progress-bar__steps--numbers:before {
        margin: 0 15px 0 0;
        height: 20px;
        font-size: 14px;
        width: 20px
    }
}

#map-modal {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.25);
    display: grid;
    align-content: center;
    z-index: 99;
    visibility: hidden;
    opacity: 0;
    transition: var(--transition)
}

    #map-modal.open {
        visibility: visible;
        opacity: 1
    }

    #map-modal .modal-content {
        max-width: 700px;
        background: #fff;
        padding: 2rem;
        border-radius: 5px;
        margin: 0 auto;
        position: relative;
        z-index: 9999;
        width: 100%;
        overflow-x: scroll
    }