@layer template {
    .container {
        display: flex;
        flex-direction: column
    }

    @media (min-width: 1024px) {
        .container>* {
            margin-left: 0 !important;
            width: 100% !important
        }
    }

    .grid-container {
        position: relative;
        z-index: 1;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        padding-right: 1.5625vw;
        padding-left: 1.5625vw
    }

    @media (min-width: 1024px) {
        .grid-container {
            align-items: flex-start;
            width: 1000px;
            margin: 0 auto;
            padding-right: 0;
            padding-left: 0
        }

        .js-has-pseudo [csstools-has-1a-2v-36-2x-2s-19-2r-33-32-38-2p-2x-32-2t-36-1m-2w-2p-37-14-1a-38-33-34-2q-2p-36-19-19-2u-2x-3c-2t-2s-15]:not(.does-not-exist) {
            margin-top: 90px
        }

        .grid-container:has(.topbar--fixed) {
            margin-top: 90px
        }
    }

    .col-m-full {
        flex-shrink: 0;
        width: 100vw;
        margin-left: -1.5625vw
    }

    .col-m-1 {
        width: 4.8387096774%;
        margin-left: 3.2258064516%
    }

    .col-m-2 {
        width: 12.9032258065%;
        margin-left: 3.2258064516%
    }

    .col-m-3 {
        width: 20.9677419355%;
        margin-left: 3.2258064516%
    }

    .col-m-4 {
        width: 29.0322580645%;
        margin-left: 3.2258064516%
    }

    .col-m-5 {
        width: 37.0967741935%;
        margin-left: 3.2258064516%
    }

    .col-m-6 {
        width: 45.1612903226%;
        margin-left: 3.2258064516%
    }

    .col-m-7 {
        width: 53.2258064516%;
        margin-left: 3.2258064516%
    }

    .col-m-8 {
        width: 61.2903225806%;
        margin-left: 3.2258064516%
    }

    .col-m-9 {
        width: 69.3548387097%;
        margin-left: 3.2258064516%
    }

    .col-m-10 {
        width: 77.4193548387%;
        margin-left: 3.2258064516%
    }

    .col-m-11 {
        width: 85.4838709677%;
        margin-left: 3.2258064516%
    }

    .col-m-12 {
        width: 93.5483870968%;
        margin-left: 3.2258064516%
    }

    @media (max-width: 1023px) {
        .gutter-spacer-padding-m {
            padding-right: 4.6875vw;
            padding-left: 4.6875vw
        }

        .gutter-spacer-padding-left-m {
            padding-left: 4.6875vw
        }

        .gutter-spacer-padding-right-m {
            padding-right: 4.6875vw
        }

        .gutter-padding-m {
            padding-right: 3.125vw;
            padding-left: 3.125vw
        }

        .gutter-padding-left-m {
            padding-left: 3.125vw
        }

        .gutter-padding-right-m {
            padding-right: 3.125vw
        }

        .no-gutter-m {
            margin-left: 0
        }
    }

    @media (min-width: 1024px) {
        .col-d-1 {
            width: 4%;
            margin-left: 4%
        }

        .col-d-2 {
            width: 12%;
            margin-left: 4%
        }

        .col-d-3 {
            width: 20%;
            margin-left: 4%
        }

        .col-d-4 {
            width: 28%;
            margin-left: 4%
        }

        .col-d-5 {
            width: 36%;
            margin-left: 4%
        }

        .col-d-6 {
            width: 44%;
            margin-left: 4%
        }

        .col-d-7 {
            width: 52%;
            margin-left: 4%
        }

        .col-d-8 {
            width: 60%;
            margin-left: 4%
        }

        .col-d-9 {
            width: 68%;
            margin-left: 4%
        }

        .col-d-10 {
            width: 76%;
            margin-left: 4%
        }

        .col-d-11 {
            width: 84%;
            margin-left: 4%
        }

        .col-d-12 {
            width: 92%;
            margin-left: 4%
        }

        .gutter-padding-d {
            padding-right: 40px;
            padding-left: 40px
        }

        .gutter-padding-left-d {
            padding-left: 40px
        }

        .gutter-padding-right-d {
            padding-right: 40px
        }

        .no-gutter-d {
            margin-left: 0
        }
    }

    @media (max-width: 1023px) {
        .gutter-spacer-padding {
            padding-right: 4.6875vw;
            padding-left: 4.6875vw
        }
    }

    @media (min-width: 1024px) {
        .gutter-spacer-padding {
            padding-right: 40px;
            padding-left: 40px
        }
    }

    @media (max-width: 1023px) {
        .gutter-padding {
            padding-right: 3.125vw;
            padding-left: 3.125vw
        }
    }

    @media (min-width: 1024px) {
        .gutter-padding {
            padding-right: 40px;
            padding-left: 40px
        }
    }

    .select {
        position: relative;
        width: 100%;
        height: 14.0625vw;
        border-radius: 3.125vw;
        background: #ffffff;
        transition: all .2s ease
    }

    @media (min-width: 1024px) {
        .select {
            height: 60px;
            border-radius: 20px
        }
    }

    .select select {
        position: relative;
        z-index: 2;
        padding: 0vw 14.0625vw 0vw 7.03125vw;
        width: 100%;
        height: 100%;
        border: none;
        border-radius: 0;
        background: transparent;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        outline: none;
        cursor: pointer
    }

    @media (min-width: 1024px) {
        .select select {
            padding: 0 60px 0 30px
        }
    }

    .select select::-ms-expand {
        display: none
    }

    .select .arrow-wrapper {
        position: absolute;
        top: 0;
        right: 0;
        width: 14.0625vw;
        height: 100%;
        transition: all .2s ease
    }

    @media (min-width: 1024px) {
        .select .arrow-wrapper {
            width: 60px
        }
    }

    .select .arrow-wrapper path,
    .select .arrow-wrapper polygon {
        fill: #000
    }

    .select:hover .arrow-wrapper {
        transform: rotate(90deg)
    }
}

@layer reset {
    * {
        /* margin: 0; */
        /* padding: 0; */
        box-sizing: border-box
    }
}

@layer default {
    html {
        font-family: Lato, sans-serif
    }

    #wrapper {
        overflow: hidden;
        background: #ffffff
    }

    img[src="//"] {
        display: none
    }

    .mb-40 {
        margin-bottom: 6.25vw
    }

    @media (min-width: 1024px) {
        .mb-40 {
            margin-bottom: 40px
        }

        .mobile {
            display: none !important
        }
    }

    @media (max-width: 1023px) {
        .desktop {
            display: none !important
        }
    }
}