.black {
    color: #000
}

.onyx {
    color: #25282a
}

.charcoal {
    color: #53565a
}

.titanium {
    color: #b1b3b3
}

.gray700 {
    color: #dfe2e5
}

.gray600 {
    color: #eff0f3
}

.gray500 {
    color: #f9f9fa
}

.white {
    color: #fff
}

.gold {
    color: #f5a800
}

.gold900 {
    color: #181100
}

.gold800 {
    color: #493300
}

.gold700 {
    color: #916500
}

.gold600 {
    color: #c28700
}

.gold500 {
    color: #f2a900
}

.gold400 {
    color: #f3b219
}

.gold300 {
    color: #f5ba33
}

.gold200 {
    color: #f6c34d
}

.gold100 {
    color: #f9d480
}

.gold050 {
    color: #fbe5b3
}

body {
    position: relative
}

.body-svg-container {
    z-index: -1;
    position: absolute;
    top: 139px;
    left: 0;
    width: 100%
}

@media(max-width: 1556px) {
    .body-svg-container svg {
        max-width: 30%;
        height: auto
    }
}

@media(max-width: 1024px) {
    .body-svg-container svg {
        display: none
    }
}

.top-orange-swoop {
    height: 1630px;
    width: 484px
}

.top-grey-swoop {
    position: absolute;
    right: 0;
    top: -100%
}

.lower-grey-swoop {
    position: absolute;
    right: 0;
    top: 75rem
}

button.Solid-Small-Default, button, .Button, .Button.Solid-Small-Default {
    font-family: bebas-kai,sans-serif;
    background: #1a1f22;
    color: #fff;
    font-size: 15px;
    border-radius: 4px;
    border: none;
    padding: 4px 12px;
    transition: .25s all ease-in-out
}

    button.Solid-Small-Default:hover, button:hover, .Button:hover, .Button.Solid-Small-Default:hover {
        text-decoration: underline;
        cursor: pointer
    }

    button.Solid-Small-Default:focus, button:focus, .Button:focus, .Button.Solid-Small-Default:focus {
        outline: none
    }

    button.Solid-Small-Default.Solid-Small-Default-Inverted, button.Solid-Small-Default-Inverted, .Button.Solid-Small-Default-Inverted, .Button.Solid-Small-Default.Solid-Small-Default-Inverted {
        border: 2px solid #f9f9fa;
        background: #f9f9fa;
        color: #25282a
    }

    button.Solid-Small-Default.Solid-Small-Primary, button.Solid-Small-Primary, .Button.Solid-Small-Primary, .Button.Solid-Small-Default.Solid-Small-Primary {
        border: 2px solid #f2a900;
        background: #f2a900;
        color: #1a1f22
    }

    button.Solid-Small-Default.Solid-Small-Secondary, button.Solid-Small-Secondary, .Button.Solid-Small-Secondary, .Button.Solid-Small-Default.Solid-Small-Secondary {
        border: 2px solid #6b6b6b;
        background: #6b6b6b;
        color: #f9f9fa
    }

    button.Solid-Small-Default.Outline-Small-Primary, button.Outline-Small-Primary, .Button.Outline-Small-Primary, .Button.Solid-Small-Default.Outline-Small-Primary {
        border: 2px solid #26282a;
        background: transparent;
        color: #25282a
    }

        button.Solid-Small-Default.Outline-Small-Primary.Disabled, button.Outline-Small-Primary.Disabled, .Button.Outline-Small-Primary.Disabled, .Button.Solid-Small-Default.Outline-Small-Primary.Disabled {
            background: transparent;
            color: #b1b3b3;
            border-color: #eff0f3
        }

    button.Solid-Small-Default.Outline-Small-Primary-Inverted, button.Outline-Small-Primary-Inverted, .Button.Outline-Small-Primary-Inverted, .Button.Solid-Small-Default.Outline-Small-Primary-Inverted {
        border: 2px solid #f9f9fa;
        background: transparent;
        color: #f9f9fa
    }

        button.Solid-Small-Default.Outline-Small-Primary-Inverted.Disabled, button.Outline-Small-Primary-Inverted.Disabled, .Button.Outline-Small-Primary-Inverted.Disabled, .Button.Solid-Small-Default.Outline-Small-Primary-Inverted.Disabled {
            background: transparent;
            color: #b1b3b3;
            border-color: #eff0f3
        }

    button.Solid-Small-Default.Outline-Small-Secondary, button.Outline-Small-Secondary, .Button.Outline-Small-Secondary, .Button.Solid-Small-Default.Outline-Small-Secondary {
        border: 2px solid #f2a92a;
        background: transparent;
        color: #25282a
    }

        button.Solid-Small-Default.Outline-Small-Secondary.Disabled, button.Outline-Small-Secondary.Disabled, .Button.Outline-Small-Secondary.Disabled, .Button.Solid-Small-Default.Outline-Small-Secondary.Disabled {
            background: transparent;
            color: #b1b3b3;
            border-color: #eff0f3
        }

    button.Solid-Small-Default.Outline-Small-Secondary-Inverted, button.Outline-Small-Secondary-Inverted, .Button.Outline-Small-Secondary-Inverted, .Button.Solid-Small-Default.Outline-Small-Secondary-Inverted {
        border: 2px solid #f2a92a;
        background: transparent;
        color: #f9f9fa
    }

        button.Solid-Small-Default.Outline-Small-Secondary-Inverted.Disabled, button.Outline-Small-Secondary-Inverted.Disabled, .Button.Outline-Small-Secondary-Inverted.Disabled, .Button.Solid-Small-Default.Outline-Small-Secondary-Inverted.Disabled {
            background: transparent;
            color: #b1b3b3;
            border-color: #eff0f3
        }

    button.Solid-Small-Default.Solid-Large-Primary, button.Solid-Large-Primary, .Button.Solid-Large-Primary, .Button.Solid-Small-Default.Solid-Large-Primary {
        padding: 15px 20px;
        border: 2px solid #f2a900;
        background: #f2a900;
        color: #25282a;
        font-size: 20px;
        min-width: 150px;
        display: inline-block;
        text-align: center
    }

    button.Solid-Small-Default.Solid-Large-Secondary, button.Solid-Large-Secondary, .Button.Solid-Large-Secondary, .Button.Solid-Small-Default.Solid-Large-Secondary {
        padding: 15px 20px;
        border: 2px solid #25282a;
        background: #25282a;
        color: #fff;
        font-size: 20px;
        min-width: 150px;
        display: inline-block;
        text-align: center
    }

    button.Solid-Small-Default.Solid-Large-Secondary-Inverted, button.Solid-Large-Secondary-Inverted, .Button.Solid-Large-Secondary-Inverted, .Button.Solid-Small-Default.Solid-Large-Secondary-Inverted {
        padding: 15px 20px;
        border: 2px solid #f9f9fa;
        background: #f9f9fa;
        color: #25282a;
        font-size: 20px;
        min-width: 150px;
        display: inline-block;
        text-align: center
    }

    button.Solid-Small-Default.Outline-Large-Primary, button.Outline-Large-Primary, .Button.Outline-Large-Primary, .Button.Solid-Small-Default.Outline-Large-Primary {
        padding: 15px 20px;
        background: transparent;
        border: 2px solid #25282a;
        color: #25282a;
        font-size: 20px;
        min-width: 150px;
        display: inline-block;
        text-align: center
    }

        button.Solid-Small-Default.Outline-Large-Primary.Disabled, button.Outline-Large-Primary.Disabled, .Button.Outline-Large-Primary.Disabled, .Button.Solid-Small-Default.Outline-Large-Primary.Disabled {
            background: transparent;
            color: #b1b3b3;
            border-color: #eff0f3
        }

    button.Solid-Small-Default.Outline-Large-Primary-Inverted, button.Outline-Large-Primary-Inverted, .Button.Outline-Large-Primary-Inverted, .Button.Solid-Small-Default.Outline-Large-Primary-Inverted {
        padding: 15px 20px;
        background: transparent;
        border: 2px solid #fff;
        color: #fff;
        font-size: 20px;
        min-width: 150px;
        display: inline-block;
        text-align: center
    }

        button.Solid-Small-Default.Outline-Large-Primary-Inverted.Disabled, button.Outline-Large-Primary-Inverted.Disabled, .Button.Outline-Large-Primary-Inverted.Disabled, .Button.Solid-Small-Default.Outline-Large-Primary-Inverted.Disabled {
            background: transparent;
            color: #b1b3b3;
            border-color: #eff0f3
        }

    button.Solid-Small-Default.Outline-Large-Secondary, button.Outline-Large-Secondary, .Button.Outline-Large-Secondary, .Button.Solid-Small-Default.Outline-Large-Secondary {
        padding: 15px 20px;
        background: transparent;
        border: 2px solid #f2a92a;
        color: #25282a;
        font-size: 20px;
        min-width: 150px;
        display: inline-block;
        text-align: center
    }

        button.Solid-Small-Default.Outline-Large-Secondary.Disabled, button.Outline-Large-Secondary.Disabled, .Button.Outline-Large-Secondary.Disabled, .Button.Solid-Small-Default.Outline-Large-Secondary.Disabled {
            background: transparent;
            color: #b1b3b3;
            border-color: #eff0f3
        }

    button.Solid-Small-Default.Outline-Large-Secondary-Inverted, button.Outline-Large-Secondary-Inverted, .Button.Outline-Large-Secondary-Inverted, .Button.Solid-Small-Default.Outline-Large-Secondary-Inverted {
        padding: 15px 20px;
        background: transparent;
        border: 2px solid #f2a92a;
        color: #f9f9fa;
        font-size: 20px;
        min-width: 150px;
        display: inline-block;
        text-align: center
    }

        button.Solid-Small-Default.Outline-Large-Secondary-Inverted.Disabled, button.Outline-Large-Secondary-Inverted.Disabled, .Button.Outline-Large-Secondary-Inverted.Disabled, .Button.Solid-Small-Default.Outline-Large-Secondary-Inverted.Disabled {
            background: transparent;
            color: #b1b3b3;
            border-color: #eff0f3
        }

    button.Solid-Small-Default.Disabled, button.Disabled, .Button.Disabled, .Button.Solid-Small-Default.Disabled {
        border: 2px solid #eff0f3;
        background: #eff0f3;
        color: #afb7bd
    }

        button.Solid-Small-Default.Disabled:hover, button.Disabled:hover, .Button.Disabled:hover, .Button.Solid-Small-Default.Disabled:hover {
            text-decoration: none;
            cursor: initial
        }

    button.Solid-Small-Default.Pagination, button.Pagination, .Button.Pagination, .Button.Solid-Small-Default.Pagination {
        letter-spacing: 0px;
        background: #fff;
        color: #25282a;
        font-size: 18px;
        padding: 8px 17px;
        border: 1px solid #eff0f3;
        border-radius: 4px
    }

        button.Solid-Small-Default.Pagination:hover, button.Pagination:hover, .Button.Pagination:hover, .Button.Solid-Small-Default.Pagination:hover {
            background: #fbe5b3;
            text-decoration: none
        }

        button.Solid-Small-Default.Pagination.active, button.Pagination.active, .Button.Pagination.active, .Button.Solid-Small-Default.Pagination.active {
            color: #fff;
            background: #25282a
        }

.buttons-dispaly {
    margin: 2rem 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 1em 1em;
    grid-template-areas: ". . ."
}

    .buttons-dispaly div {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 1rem;
        border: 1px solid #d8d8d8
    }

        .buttons-dispaly div p {
            margin: 0
        }

        .buttons-dispaly div.dark {
            color: #fff;
            background: #3b3b3b
        }

.breadcrumbs {
    background-color: #f9f9fa
}

    .breadcrumbs .inner {
        max-width: 1314px;
        margin: 0 auto;
        padding: .5rem 1rem;
        display: flex;
        padding-left: 11px
    }

        .breadcrumbs .inner > div, .breadcrumbs .inner a {
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 5px;
            line-height: 15px
        }

            .breadcrumbs .inner > div:hover, .breadcrumbs .inner a:hover {
                color: #25282a
            }

            .breadcrumbs .inner > div svg, .breadcrumbs .inner a svg {
                height: 15px;
                width: 15px;
                line-height: 15px
            }

            .breadcrumbs .inner > div p, .breadcrumbs .inner a p {
                margin: 0;
                line-height: 1;
                font-family: franklin-gothic-urw,sans-serif;
                font-size: 15px;
                letter-spacing: 2.25px;
                line-height: 35px;
                color: #25282a;
                text-transform: uppercase;
                line-height: 15px
            }

.JoinUpCta {
    position: fixed;
    top: -100px;
    left: 0;
    width: 100%;
    background-color: #25282a;
    z-index: 40;
    transition: all .25s ease-in-out
}

    .JoinUpCta.shown {
        top: 0
    }

        .JoinUpCta.shown .closer {
            display: block
        }

    .JoinUpCta .closer {
        display: none;
        position: fixed;
        right: 1rem;
        background: transparent
    }

        .JoinUpCta .closer svg {
            fill: #fff !important;
            width: 20px !important;
            margin: 0
        }

    .JoinUpCta .inner {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 1rem;
        flex-wrap: wrap
    }

        .JoinUpCta .inner svg {
            height: auto;
            width: 30px;
            fill: #f2a900;
            margin-right: 1rem
        }

            .JoinUpCta .inner svg ~ svg {
                width: 20px
            }

        .JoinUpCta .inner p {
            line-height: 1;
            margin: 0;
            color: #fff
        }

        .JoinUpCta .inner a {
            margin-left: 1rem
        }

@media(max-width: 620px) {
    .JoinUpCta {
        top: initial;
        bottom: -200px
    }

        .JoinUpCta.shown {
            top: initial;
            bottom: 0
        }

        .JoinUpCta .inner {
            padding-top: 2rem
        }

            .JoinUpCta .inner svg, .JoinUpCta .inner p, .JoinUpCta .inner button {
                margin-bottom: 1rem;
                margin-left: 0;
                margin-right: 0
            }

            .JoinUpCta .inner .closer {
                bottom: 6rem;
                right: 0
            }
}

.description {
    padding: 0 1rem;
    padding: 0 1rem
}

    .description .inner {
        max-width: 1314px;
        margin: 0 auto
    }

        .description .inner div {
            display: flex;
            flex-direction: column
        }

            .description .inner div h2 {
                margin-bottom: 30px
            }

            .description .inner div p {
                line-height: 35px;
                letter-spacing: .64px;
                font-size: 16px;
                margin: 1rem 0;
                margin-top: 0
            }

                .description .inner div p strong {
                    font-size: 17px;
                    line-height: 26px;
                    color: #53565a
                }

            .description .inner div ul li {
                font-family: franklin-gothic-urw,sans-serif;
                line-height: 35px;
                letter-spacing: .64px;
                font-size: 16px
            }

        .description .inner .buttons {
            margin-top: 25px;
            flex-direction: row
        }

            .description .inner .buttons a {
                min-width: 478px
            }

                .description .inner .buttons a:first-of-type {
                    margin-right: 50px
                }

                .description .inner .buttons a button {
                    width: 100%
                }

    .description.thin .inner {
        max-width: 1019px
    }

@media(min-width: 1391px)and (max-width: 1675px) {
    .description .inner {
        gap: 40px 40px
    }
}

@media(max-width: 1385px) {
    .description .inner {
        max-width: 780px;
        margin: 0 auto
    }

        .description .inner div p:first-of-type {
            margin-bottom: 0
        }

        .description .inner div ~ div {
            padding-top: 0
        }

            .description .inner div ~ div p:first-of-type {
                margin-bottom: 1rem;
                margin-top: 0
            }

        .description .inner .buttons {
            flex-direction: column
        }

            .description .inner .buttons a {
                width: 100%;
                min-width: initial;
                max-width: 478px;
                margin: 0 auto
            }

                .description .inner .buttons a:first-of-type {
                    margin-right: auto;
                    margin-bottom: 25px
                }
}

.mill-list {
    margin-top: 1rem
}

    .mill-list .inner {
        max-width: 1316px;
        margin: 0 auto
    }

        .mill-list .inner .header {
            display: flex;
            justify-content: space-between
        }

            .mill-list .inner .header div {
                padding: 1rem 26px;
                width: 30%
            }

                .mill-list .inner .header div p {
                    color: #26282a;
                    font-family: franklin-gothic-urw,sans-serif;
                    font-size: 22px;
                    font-weight: bold;
                    margin: 0
                }

                .mill-list .inner .header div:nth-of-type(3) {
                    width: 25%
                }

@media(max-width: 1075px) {
    .mill-list .inner .header div {
        width: 40%
    }

        .mill-list .inner .header div:nth-of-type(3) {
            width: 20%
        }
}

@media(max-width: 900px) {
    .mill-list .inner .header {
        display: none
    }
}

.mill-list .inner .mills .mill {
    width: 100%;
    height: 128px;
    display: block;
    display: flex;
    justify-content: space-between
}

    .mill-list .inner .mills .mill > div {
        width: 30%;
        padding: 1rem 26px;
        display: flex;
        justify-content: center;
        flex-direction: column
    }

        .mill-list .inner .mills .mill > div p {
            margin: 0;
            font-family: franklin-gothic-urw,sans-serif;
            font-size: 18px;
            color: #25282a
        }

            .mill-list .inner .mills .mill > div p svg {
                height: 18px;
                width: 18px
            }

@media(max-width: 900px) {
    .mill-list .inner .mills .mill > div p {
        line-height: 1;
        margin-bottom: 25px
    }
}

.mill-list .inner .mills .mill > div a.Button {
    width: fit-content
}

@media(max-width: 900px) {
    .mill-list .inner .mills .mill > div a.Button {
        padding: 15px;
        min-width: initial
    }
}

.mill-list .inner .mills .mill > div:nth-of-type(3) {
    width: 25%
}

@media(max-width: 1075px) {
    .mill-list .inner .mills .mill > div {
        width: 40%
    }

        .mill-list .inner .mills .mill > div:nth-of-type(3) {
            width: 20%
        }
}

@media(max-width: 900px) {
    .mill-list .inner .mills .mill > div {
        width: 100%;
        padding: 0
    }

        .mill-list .inner .mills .mill > div:nth-of-type(3) {
            width: 100%
        }
}

.mill-list .inner .mills .mill .data a {
    margin: 0;
    font-family: franklin-gothic-urw,sans-serif;
    font-size: 18px;
    color: #25282a
}

    .mill-list .inner .mills .mill .data a:first-of-type {
        margin-right: 1rem
    }

    .mill-list .inner .mills .mill .data a svg {
        height: 18px;
        width: 18px
    }

@media(max-width: 900px) {
    .mill-list .inner .mills .mill .data a {
        line-height: 1;
        margin-bottom: 25px;
        width: fit-content
    }
}

@media(max-width: 900px) {
    .mill-list .inner .mills .mill .data {
        display: flex;
        flex-direction: column
    }
}

.mill-list .inner .mills .mill:nth-of-type(odd) {
    background-color: #f9f9fa
}

@media(max-width: 900px) {
    .mill-list .inner .mills .mill {
        height: initial;
        flex-direction: column;
        align-items: center;
        padding: 25px
    }
}

@media(max-width: 900px) {
    .mill-list .inner .mills {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }
}

.mill-list .inner .paginationContainer {
    display: grid;
    grid-template-rows: 1fr 1fr;
    gap: 1em 1em;
    grid-template-areas: ". . . . . . . . . . . ." ". . . . . . . . . . . .";
    justify-content: center;
    margin-top: 50px
}

@media(max-width: 500px) {
    .mill-list .inner .paginationContainer {
        grid-template-areas: ". . . . ." ". . . . ." ". . . . ." !important;
        grid-template-columns: min-content min-content min-content min-content min-content !important
    }
}

.search-header {
    padding: 0 1rem
}

    .search-header .inner {
        max-width: 1095px;
        margin: 0 auto
    }

        .search-header .inner h1 {
            font-size: 75px;
            text-align: center
        }

        .search-header .inner form {
            display: flex;
            margin: 50px 0
        }

            .search-header .inner form input[type=text] {
                flex: 1 auto;
                border: none;
                border-bottom: #dfe2e5 2px solid;
                margin-right: 2rem;
                font-family: bebas-kai,sans-serif;
                font-size: 30px
            }

                .search-header .inner form input[type=text]:focus {
                    outline: none;
                    box-shadow: none
                }

            .search-header .inner form input[type=submit] {
                padding: 15px 20px;
                border: 2px solid #f2a900;
                background: #f2a900;
                color: #25282a;
                font-size: 20px;
                border-radius: 4px;
                font-family: bebas-kai,sans-serif
            }

.search-results {
    padding: 0 1rem;
    margin-bottom: 32px
}

    .search-results .inner {
        max-width: 1095px;
        margin: 0 auto
    }

        .search-results .inner ul {
            list-style: none;
            margin: 0;
            padding: 0
        }

            .search-results .inner ul li {
                padding: 38px 0;
                border-bottom: #dfe2e5 2px solid;
                display: none;
                opacity: 0;
                transition: all .25s ease-in-out
            }

                .search-results .inner ul li p, .search-results .inner ul li a {
                    font-family: franklin-gothic-urw,sans-serif;
                    color: #25282a;
                    text-decoration: underline;
                    font-size: 28px;
                    font-weight: bold
                }

                .search-results .inner ul li:last-of-type {
                    border-bottom: none
                }

                .search-results .inner ul li.shown {
                    display: block;
                    opacity: 1
                }

        .search-results .inner .paginationContainer {
            display: grid;
            grid-template-rows: 1fr 1fr;
            gap: 1em 1em;
            grid-template-areas: ". . . . . . . . . . . ." ". . . . . . . . . . . .";
            justify-content: center;
            margin-top: 75px
        }

.mobile-search-overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #fff;
    z-index: 99;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none
}

    .mobile-search-overlay.open {
        display: flex
    }

    .mobile-search-overlay .inner {
        padding: 1rem;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        width: 100%
    }

        .mobile-search-overlay .inner .closer {
            width: 100%;
            display: flex;
            flex-direction: column
        }

            .mobile-search-overlay .inner .closer p, .mobile-search-overlay .inner .closer a {
                padding: .5rem;
                margin: 0;
                font-family: "poppins",sans-serif;
                text-align: left;
                font-weight: bold;
                font-size: 16px;
                letter-spacing: .45px;
                color: #afb7bd;
                width: fit-content;
                margin-left: auto
            }

        .mobile-search-overlay .inner form {
            display: flex;
            flex: 1 0 auto;
            align-items: center
        }

            .mobile-search-overlay .inner form .search-icon {
                padding: 1rem;
                display: flex;
                justify-content: center;
                align-items: center
            }

            .mobile-search-overlay .inner form input {
                flex: 1 0 auto;
                height: 20px;
                margin: 1rem;
                margin-right: 0;
                border: none;
                border-bottom: 1px solid #d2d2d2;
                font-family: "poppins",sans-serif
            }

            .mobile-search-overlay .inner form button {
                background: transparent
            }

                .mobile-search-overlay .inner form button svg {
                    height: 15px;
                    width: 15px;
                    color: #afb7bd
                }

.ktc-default-section {
    margin: 4rem auto;
    margin-bottom: 1rem;
    max-width: 1091px;
    padding: 0 1rem
}

    .ktc-default-section .field-validation-error {
        color: red
    }

    .ktc-default-section > div {
        margin-bottom: 2rem
    }

        .ktc-default-section > div:nth-child(2) {
            width: 49%;
            float: left
        }

        .ktc-default-section > div:nth-child(3) {
            width: 49%;
            float: right
        }

        .ktc-default-section > div:nth-child(4) {
            width: 49%;
            float: left
        }

        .ktc-default-section > div:nth-child(5) {
            width: 49%;
            float: right
        }

        .ktc-default-section > div:nth-child(7) {
            width: 49%;
            float: left
        }

        .ktc-default-section > div:nth-child(8) {
            width: 49%;
            float: right
        }

        .ktc-default-section > div:nth-child(12) .editing-form-control-nested-control {
            height: 320px
        }

            .ktc-default-section > div:nth-child(12) .editing-form-control-nested-control textarea {
                height: 100%
            }

        .ktc-default-section > div:nth-child(13) span {
            display: flex;
            align-items: center;
            justify-content: flex-start
        }

            .ktc-default-section > div:nth-child(13) span input {
                width: 20px;
                margin-right: 1rem
            }

                .ktc-default-section > div:nth-child(13) span input:focus {
                    outline: none;
                    border: none;
                    box-shadow: none
                }

            .ktc-default-section > div:nth-child(13) span label {
                margin: 0
            }

@media(max-width: 700px) {
    .ktc-default-section > div {
        width: 100% !important;
        float: initial !important
    }
}

.Contact {
    margin-bottom: 3rem
}

    .Contact input[type=submit] {
        font-family: bebas-kai,sans-serif;
        margin-left: calc(50% - 529px);
        padding: 15px 20px;
        border: 2px solid #f2a900;
        background: #f2a900;
        color: #25282a;
        font-size: 20px
    }

@media(max-width: 1095px) {
    .Contact input[type=submit] {
        margin-left: 1rem
    }
}

.thank-you {
    padding: 15rem 1rem
}

    .thank-you .inner {
        width: 100%;
        max-width: 1314px;
        margin: 0 auto;
        text-align: center
    }

        .thank-you .inner p {
            margin: 0 auto;
            margin-bottom: 1.5rem;
            max-width: 630px
        }

            .thank-you .inner p .fourOfour {
                display: inline-block;
                text-decoration: underline;
                cursor: pointer
            }

@media(max-width: 700px) {
    .thank-you {
        padding: 6rem 1rem
    }
}

.timeline .inner {
    width: 100%;
    max-width: 1640px;
    margin: 0 auto;
    padding: 0 2rem;
    position: relative;
    overflow: hidden
}

    .timeline .inner .years {
        position: absolute;
        top: 0;
        left: 0;
        height: 745px;
        display: grid;
        grid-template-columns: repeat(auto-fill, 735px);
        grid-template-rows: 1fr;
        gap: 0px 85px;
        grid-auto-flow: column;
        justify-content: center;
        transition: .35s all ease-in-out
    }

        .timeline .inner .years .year {
            width: 735px;
            display: flex;
            align-items: center;
            position: relative;
            background: #fff
        }

            .timeline .inner .years .year .clickoff {
                position: absolute;
                height: 100%;
                width: 100%;
                z-index: -1;
                top: 0;
                left: 0
            }

                .timeline .inner .years .year .clickoff.open {
                    z-index: initial
                }

            .timeline .inner .years .year.spacer * {
                display: none
            }

            .timeline .inner .years .year .content {
                position: absolute;
                top: 62%;
                left: 29%;
                transform: translate(-50%, -50%);
                border: 5px solid #25282a;
                padding: 10px 20px;
                padding-top: 40px;
                width: 420px;
                min-height: 166px
            }

                .timeline .inner .years .year .content h4 {
                    line-height: 26px;
                    margin-bottom: 1rem
                }

                .timeline .inner .years .year .content p {
                    margin: 0;
                    line-height: 20px
                }

                .timeline .inner .years .year .content .popup {
                    position: relative
                }

                    .timeline .inner .years .year .content .popup .click {
                        height: 18px;
                        width: 18px;
                        background: #f2a900 0% 0% no-repeat padding-box;
                        box-shadow: 0px 3px 6px #00000029;
                        border-radius: 50%;
                        transition: .25s all ease-in-out;
                        position: absolute;
                        right: -32px;
                        top: -53px;
                        cursor: pointer;
                        z-index: 3
                    }

                        .timeline .inner .years .year .content .popup .click svg {
                            opacity: 1;
                            color: #fff;
                            position: absolute;
                            height: 11px;
                            width: 11px;
                            top: 4px;
                            left: 3.3px;
                            z-index: 4
                        }

                            .timeline .inner .years .year .content .popup .click svg ~ svg {
                                opacity: 0;
                                color: #f2a900
                            }

                        .timeline .inner .years .year .content .popup .click:after {
                            top: -6px;
                            left: -6px;
                            content: " ";
                            display: block;
                            height: 30px;
                            width: 30px;
                            position: absolute;
                            background: #f2a900;
                            opacity: .6;
                            border-radius: 50%;
                            transition: .25s all ease-in-out;
                            z-index: 2
                        }

                        .timeline .inner .years .year .content .popup .click:before {
                            top: -11px;
                            left: -11px;
                            content: " ";
                            display: block;
                            height: 40px;
                            width: 40px;
                            position: absolute;
                            background: #f2a900;
                            opacity: .3;
                            border-radius: 50%;
                            transition: .25s all ease-in-out;
                            z-index: 3
                        }

                        .timeline .inner .years .year .content .popup .click:hover, .timeline .inner .years .year .content .popup .click.toggled {
                            transform: scale(1.1);
                            background: #fff 0% 0% no-repeat padding-box
                        }

                            .timeline .inner .years .year .content .popup .click:hover svg, .timeline .inner .years .year .content .popup .click.toggled svg {
                                opacity: 0
                            }

                                .timeline .inner .years .year .content .popup .click:hover svg ~ svg, .timeline .inner .years .year .content .popup .click.toggled svg ~ svg {
                                    opacity: 1
                                }

                            .timeline .inner .years .year .content .popup .click:hover:after, .timeline .inner .years .year .content .popup .click:hover:before, .timeline .inner .years .year .content .popup .click.toggled:after, .timeline .inner .years .year .content .popup .click.toggled:before {
                                background: #fff 0% 0% no-repeat padding-box
                            }

                    .timeline .inner .years .year .content .popup .popup-contnet {
                        position: absolute;
                        right: -182px;
                        bottom: 69px;
                        background: #fff;
                        box-shadow: 0px 3px 6px #00000025;
                        width: 340px;
                        min-height: 100px;
                        border-radius: 25px;
                        padding: 3rem 1rem;
                        z-index: -1;
                        opacity: 0;
                        transition: .25s all ease-in-out
                    }

                    .timeline .inner .years .year .content .popup.open .popup-contnet {
                        z-index: 3;
                        opacity: 1
                    }

            .timeline .inner .years .year .background {
                font-size: 459px;
                font-family: bebas-kai,sans-serif;
                color: #dfe2e5;
                line-height: 1
            }

        .timeline .inner .years .year-mobile {
            display: none;
            width: 328px;
            position: relative
        }

            .timeline .inner .years .year-mobile .date p {
                font-size: 196px;
                font-family: bebas-kai,sans-serif;
                color: #dfe2e5;
                line-height: 1;
                margin: 0;
                margin-bottom: -5rem
            }

            .timeline .inner .years .year-mobile .mobile-content {
                border: 5px solid #25282a;
                padding: 5px 14px;
                max-width: 90%;
                margin: 0 auto;
                position: relative;
                z-index: 1
            }

            .timeline .inner .years .year-mobile .mobile-copy {
                margin-top: 1rem
            }

    .timeline .inner .starting-copy {
        position: relative;
        max-width: 800px;
        height: 745px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 122px;
        padding-top: 31px;
        transition: .25s all ease-in-out;
        opacity: 1;
        z-index: 1
    }

        .timeline .inner .starting-copy h2 {
            margin-bottom: 2rem;
            max-width: 435px
        }

        .timeline .inner .starting-copy p {
            line-height: 35px
        }

        .timeline .inner .starting-copy .chev {
            position: absolute;
            top: 0;
            left: 0
        }

            .timeline .inner .starting-copy .chev svg {
                height: 122px;
                width: 122px
            }

    .timeline .inner .button {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px
    }

        .timeline .inner .button .next, .timeline .inner .button .prev {
            cursor: pointer
        }

            .timeline .inner .button .next .outer, .timeline .inner .button .prev .outer {
                background: #00000029;
                height: 40px;
                width: 40px;
                border-radius: 50px;
                padding: 0;
                margin: 0;
                overflow: visible;
                display: flex;
                justify-content: center;
                align-items: center
            }

                .timeline .inner .button .next .outer .inner, .timeline .inner .button .prev .outer .inner {
                    background: #53565a;
                    height: 30px;
                    width: 30px;
                    border-radius: 50px;
                    padding: 0;
                    margin: 0;
                    overflow: visible;
                    display: flex;
                    justify-content: center;
                    align-items: center
                }

                    .timeline .inner .button .next .outer .inner svg, .timeline .inner .button .prev .outer .inner svg {
                        height: 16px;
                        width: 10px;
                        color: #fff
                    }

        .timeline .inner .button .prev {
            opacity: 0
        }

            .timeline .inner .button .prev.vis {
                opacity: 1
            }

            .timeline .inner .button .prev .outer .inner svg {
                transform: rotate(180deg)
            }

.timeline .timeline-footer {
    border-top: 5px solid #f7d386;
    background: #fff;
    height: 200px
}

    .timeline .timeline-footer img {
        height: 100%;
        width: 100%;
        object-fit: cover
    }

@media(max-width: 1645px) {
    .timeline .inner .button {
        position: relative;
        z-index: 10;
        justify-content: flex-end
    }

        .timeline .inner .button > div {
            margin: 0 1rem;
            position: absolute;
            top: -41px
        }

        .timeline .inner .button .prev {
            right: 50px
        }

    .timeline .inner .starting-copy {
        height: initial;
        padding-bottom: 100px
    }

    .timeline .inner .years {
        position: relative;
        height: initial;
        justify-content: flex-start
    }

        .timeline .inner .years .year.spacer {
            display: none
        }
}

@media(max-width: 600px) {
    .timeline .inner .starting-copy {
        padding-left: 1rem;
        padding-right: 1rem
    }

        .timeline .inner .starting-copy .chev {
            display: none
        }

    .timeline .inner .button {
        justify-content: flex-start
    }

    .timeline .inner .years {
        grid-template-columns: repeat(auto-fill, 335px)
    }

        .timeline .inner .years .year {
            display: none;
            width: 304px;
            height: 497px;
            align-items: flex-start
        }

            .timeline .inner .years .year .background {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                font-size: 188px
            }

            .timeline .inner .years .year .content {
                display: flex;
                flex-direction: column;
                width: 100%;
                position: relative;
                top: initial;
                left: initial;
                right: initial;
                transform: initial;
                background: transparent
            }

                .timeline .inner .years .year .content h1 {
                    order: 1
                }

                .timeline .inner .years .year .content p {
                    order: 2
                }

                .timeline .inner .years .year .content .popup {
                    order: 3
                }

                    .timeline .inner .years .year .content .popup .click {
                        display: none
                    }

                    .timeline .inner .years .year .content .popup .popup-contnet {
                        position: relative;
                        top: initial;
                        left: initial;
                        right: initial;
                        transform: initial;
                        opacity: 1;
                        z-index: 1;
                        width: 100%;
                        border-radius: 0;
                        background: transparent;
                        box-shadow: none;
                        padding-top: 1rem
                    }

        .timeline .inner .years .year-mobile {
            display: block
        }
}

.collection-spotlight .inner {
    padding: 0 1rem;
    max-width: 1314px;
    margin: 0 auto
}

    .collection-spotlight .inner .copy h2, .collection-spotlight .inner .copy p {
        max-width: 1000px;
        text-align: center;
        margin: 0 auto
    }

    .collection-spotlight .inner .copy h2 {
        margin-bottom: 30px
    }

    .collection-spotlight .inner .collection {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 650px;
        gap: 0px 0px;
        grid-auto-flow: row;
        grid-template-areas: "Image Content";
        max-height: 650px;
        margin: 100px 0;
        margin-bottom: 0
    }

        .collection-spotlight .inner .collection .Image {
            grid-area: Image;
            position: relative
        }

            .collection-spotlight .inner .collection .Image img {
                height: 100%;
                width: 100%;
                object-fit: cover
            }

            .collection-spotlight .inner .collection .Image .container {
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                width: 100%;
                display: grid;
                grid-template-columns: 1fr 1fr;
                grid-template-rows: 1fr;
                gap: 0px 0px;
                grid-auto-flow: row;
                grid-template-areas: "LeftProduct RightProduct";
                padding: 0
            }

                .collection-spotlight .inner .collection .Image .container .Product {
                    padding: 30% 20%;
                    display: flex;
                    position: relative
                }

                    .collection-spotlight .inner .collection .Image .container .Product .dot {
                        position: relative;
                        cursor: pointer
                    }

                        .collection-spotlight .inner .collection .Image .container .Product .dot .click {
                            height: 18px;
                            width: 19px;
                            background: #f2a900 0% 0% no-repeat padding-box;
                            box-shadow: 0px 3px 6px #00000029;
                            border-radius: 50%;
                            filter: blur(1px);
                            transition: .25s all ease-in-out
                        }

                            .collection-spotlight .inner .collection .Image .container .Product .dot .click:hover {
                                transform: scale(1.3)
                            }

                        .collection-spotlight .inner .collection .Image .container .Product .dot .description {
                            position: absolute;
                            width: 227px;
                            background: #fff;
                            border-radius: 25px;
                            opacity: 0;
                            z-index: -1;
                            transition: .25s all ease-in-out;
                            cursor: initial;
                            padding: 1rem
                        }

                            .collection-spotlight .inner .collection .Image .container .Product .dot .description:before {
                                content: "";
                                display: block;
                                position: absolute;
                                z-index: 0;
                                right: -13px;
                                top: 51px;
                                width: 15px;
                                height: 15px;
                                transform: rotate(45deg) translate(-25%, 25%);
                                background-color: #fff;
                                transition: .3s all ease-in-out
                            }

                            .collection-spotlight .inner .collection .Image .container .Product .dot .description .Heading {
                                font-size: 25px;
                                font-family: bebas-kai,sans-serif;
                                margin-bottom: 4px
                            }

                            .collection-spotlight .inner .collection .Image .container .Product .dot .description .category {
                                font-family: franklin-gothic-urw,sans-serif;
                                font-weight: bold;
                                text-transform: uppercase;
                                font-size: 10px;
                                color: #fcb82d;
                                position: relative;
                                margin-left: 9px
                            }

                                .collection-spotlight .inner .collection .Image .container .Product .dot .description .category:before {
                                    content: " ";
                                    height: 15px;
                                    width: 3px;
                                    display: block;
                                    background: #fcb82d;
                                    position: absolute;
                                    top: 50%;
                                    left: -9px;
                                    transform: translateY(-55%)
                                }

                            .collection-spotlight .inner .collection .Image .container .Product .dot .description p {
                                font-size: 12px;
                                margin: 0
                            }

                            .collection-spotlight .inner .collection .Image .container .Product .dot .description ul {
                                padding-left: 1rem;
                                margin-bottom: 0
                            }

                                .collection-spotlight .inner .collection .Image .container .Product .dot .description ul li {
                                    font-size: 12px
                                }

                    .collection-spotlight .inner .collection .Image .container .Product.open .dot .description {
                        opacity: 1;
                        z-index: 1
                    }

                    .collection-spotlight .inner .collection .Image .container .Product.right {
                        justify-content: flex-end
                    }

                    .collection-spotlight .inner .collection .Image .container .Product.left {
                        justify-content: flex-start
                    }

                        .collection-spotlight .inner .collection .Image .container .Product.left .dot .description:before {
                            right: initial;
                            left: 0px
                        }

                    .collection-spotlight .inner .collection .Image .container .Product.xcenter {
                        justify-content: center
                    }

                    .collection-spotlight .inner .collection .Image .container .Product.top {
                        align-items: flex-start
                    }

                    .collection-spotlight .inner .collection .Image .container .Product.bottom {
                        align-items: flex-end
                    }

                    .collection-spotlight .inner .collection .Image .container .Product.ycetner {
                        align-items: center
                    }

                        .collection-spotlight .inner .collection .Image .container .Product.ycetner .dot .description {
                            top: -49px
                        }

                .collection-spotlight .inner .collection .Image .container .Product {
                    grid-area: LeftProduct
                }

                    .collection-spotlight .inner .collection .Image .container .Product.right .dot .description {
                        right: 2rem
                    }

                    .collection-spotlight .inner .collection .Image .container .Product.left .dot .description {
                        left: 2rem
                    }

                    .collection-spotlight .inner .collection .Image .container .Product.xcenter .dot .description {
                        left: 2rem
                    }

                    .collection-spotlight .inner .collection .Image .container .Product.top .dot .description {
                        top: -49px
                    }

                    .collection-spotlight .inner .collection .Image .container .Product.bottom .dot .description {
                        bottom: -49px
                    }

                        .collection-spotlight .inner .collection .Image .container .Product.bottom .dot .description:before {
                            right: -13px;
                            bottom: 51px;
                            width: 15px;
                            height: 15px;
                            top: initial
                        }

                    .collection-spotlight .inner .collection .Image .container .Product.ycenter .dot .description:before {
                        right: -13px;
                        top: 51px;
                        width: 15px;
                        height: 15px
                    }

                    .collection-spotlight .inner .collection .Image .container .Product ~ .Product {
                        grid-area: RightProduct
                    }

                        .collection-spotlight .inner .collection .Image .container .Product ~ .Product.right .dot .description {
                            right: 2rem
                        }

                        .collection-spotlight .inner .collection .Image .container .Product ~ .Product.left .dot .description {
                            left: 2rem
                        }

                        .collection-spotlight .inner .collection .Image .container .Product ~ .Product.xcenter .dot .description {
                            right: 2rem
                        }

                        .collection-spotlight .inner .collection .Image .container .Product ~ .Product.top .dot .description {
                            top: -4rem
                        }

                        .collection-spotlight .inner .collection .Image .container .Product ~ .Product.bottom .dot .description {
                            bottom: -4rem
                        }

                        .collection-spotlight .inner .collection .Image .container .Product ~ .Product.ycenter .dot .description {
                            top: 50%;
                            transform: translateY(-50%)
                        }

                .collection-spotlight .inner .collection .Image .container.one {
                    grid-template-areas: "LeftProduct LeftProduct"
                }

                    .collection-spotlight .inner .collection .Image .container.one .Product {
                        padding: 20% 20%
                    }

        .collection-spotlight .inner .collection .Content {
            grid-area: Content;
            padding-left: 1rem
        }

            .collection-spotlight .inner .collection .Content .content-inner {
                width: 100%;
                max-width: 536px;
                height: 100%;
                margin-left: auto;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: flex-start
            }

                .collection-spotlight .inner .collection .Content .content-inner h3 {
                    font-size: 42px;
                    line-height: 45px;
                    margin-bottom: 30px
                }

                .collection-spotlight .inner .collection .Content .content-inner p {
                    margin-top: 0
                }

@media(max-width: 1205px) {
    .collection-spotlight .inner {
        max-width: 608px
    }

        .collection-spotlight .inner .collection {
            display: flex;
            flex-direction: column;
            max-height: initial
        }

            .collection-spotlight .inner .collection .Image {
                margin-bottom: 4rem;
                height: 521px
            }

            .collection-spotlight .inner .collection .Content .content-inner {
                margin-left: 0
            }
}

@media(max-width: 600px) {
    .collection-spotlight .inner {
        padding: 0
    }

        .collection-spotlight .inner .copy {
            padding: 0 2rem
        }

        .collection-spotlight .inner .collection .Content {
            padding: 0 2rem
        }
}

.brands {
    padding: 0
}

    .brands.background-grey {
        background: #f9f9fa
    }

    .brands .inner {
        max-width: 1640px;
        padding: 116px 1rem;
        margin: 0 auto
    }

        .brands .inner .content {
            max-width: 1000px;
            text-align: center;
            margin: 0 auto;
            margin-bottom: 50px
        }

            .brands .inner .content h2 {
                margin-bottom: 40px
            }

            .brands .inner .content p {
                margin-bottom: 0
            }

        .brands .inner .brand-container {
            display: flex;
            justify-content: center;
            align-items: center
        }

            .brands .inner .brand-container .brand {
                height: 100%;
                width: 100%;
                border-radius: 20px;
                max-width: 260px;
                margin: 0 2rem
            }

                .brands .inner .brand-container .brand img {
                    border-radius: 20px;
                    height: 100%;
                    width: 100%;
                    object-fit: cover
                }

    .brands.admin .inner .content .placeholder {
        display: inline-block;
        background: linear-gradient(to right, #c0c4cc 8%, #eff0f2 38%, #c0c4cc 54%);
        background-size: 5000px 640px
    }

        .brands.admin .inner .content .placeholder.header {
            height: 60px;
            width: 650px
        }

        .brands.admin .inner .content .placeholder.copy {
            height: 80px;
            width: 700px
        }

    .brands.admin .inner .brand-container .brand {
        background: linear-gradient(to right, #c0c4cc 8%, #eff0f2 38%, #c0c4cc 54%);
        background-size: 5000px 640px
    }

@media(min-width: 1391px)and (max-width: 1645px) {
    .brands .inner {
        max-width: 1314px
    }

        .brands .inner .brand-container {
            grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
            grid-template-rows: 115px
        }
}

@media(max-width: 600px) {
    .brands .inner .brand-container {
        flex-wrap: wrap
    }
}

div.sustainability {
    background-color: #faf5ed
}

.local-display .generic-header {
    margin: 5rem 0rem
}

.generic-header {
    height: 800px;
    position: relative
}

    .generic-header .swoops {
        position: absolute;
        bottom: -3px;
        left: 0;
        z-index: 1;
        width: 100%;
        height: auto
    }

        .generic-header .swoops img {
            position: absolute;
            bottom: 0;
            left: 0;
            height: auto;
            width: 100%;
            object-fit: contain
        }

    .generic-header .background {
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0
    }

        .generic-header .background picture {
            height: 100%;
            width: 100%
        }

            .generic-header .background picture img {
                height: 100%;
                width: 100%;
                object-fit: cover
            }

        .generic-header .background.noImage {
            background-color: #f9f9fa
        }

    .generic-header .inner {
        height: 100%;
        width: 100%;
        max-width: 1600px;
        margin: 0 auto;
        padding: 0 1rem;
        position: relative;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        z-index: 2
    }

        .generic-header .inner .copy {
            width: 100%;
            margin-bottom: 0;
            max-width: 754px
        }

            .generic-header .inner .copy h1 {
                font-size: 75px;
                margin-bottom: 30px
            }

                .generic-header .inner .copy h1.wide {
                    max-width: 100%
                }

            .generic-header .inner .copy p {
                margin-bottom: 0
            }

            .generic-header .inner .copy .subhead, .generic-header .inner .copy .subhead p {
                font-size: 26px;
                line-height: 40px;
                letter-spacing: 3px
            }

    .generic-header.Light .inner .copy h1, .generic-header.Light .inner .copy p {
        color: #fff
    }

@media(max-width: 500px) {
    .generic-header .inner .copy h1 {
        font-size: 60px;
        line-height: 1
    }

    .generic-header .inner .copy h4 {
        font-size: 20px
    }
}

@media(min-width: 1391px)and (max-width: 1645px) {
    .generic-header .inner {
        max-width: 1314px
    }

        .generic-header .inner .copy {
            max-width: 610px
        }
}

.generic-header.short {
    height: 500px
}

.generic-header.very-short {
    height: 400px
}

.generic-header.no-image {
    height: 400px;
    border-bottom: #f9b840 5px solid
}

    .generic-header.no-image .inner {
        justify-content: center
    }

        .generic-header.no-image .inner .copy h1 {
            text-align: center;
            margin-bottom: 0
        }

.generic-header.sustainability .inner .copy {
    max-width: 890px
}

    .generic-header.sustainability .inner .copy h1 {
        font-size: 64px;
        color: #fff;
        font-family: "Jomolhari",serif;
        text-transform: capitalize
    }

.video.with-content {
    margin: 0px 0
}

    .video.with-content .inner {
        max-width: 1314px;
        margin: 0 auto
    }

        .video.with-content .inner .video {
            width: 100%;
            height: 600px;
            background: #eee;
            margin-top: 80px
        }

            .video.with-content .inner .video .jwplayer {
                height: 100% !important
            }

        .video.with-content .inner .content {
            max-width: 1020px;
            margin: 0 auto;
            text-align: center;
            margin-bottom: 3rem
        }

            .video.with-content .inner .content h2 {
                font-size: 64px;
                line-height: 60px;
                margin-bottom: 30px
            }

            .video.with-content .inner .content p {
                margin-top: 0
            }

    .video.with-content.admin .inner .video {
        background: linear-gradient(to right, #c0c4cc 8%, #eff0f2 38%, #c0c4cc 54%);
        background-size: 2000px 340px
    }

    .video.with-content.admin .inner .content h2 {
        background: linear-gradient(to right, #c0c4cc 8%, #eff0f2 38%, #c0c4cc 54%);
        background-size: 2000px 340px;
        color: transparent
    }

    .video.with-content.admin .inner .content p {
        background: linear-gradient(to right, #c0c4cc 8%, #eff0f2 38%, #c0c4cc 54%);
        background-size: 2000px 340px;
        color: transparent
    }

@media(min-width: 1025px)and (max-width: 1645px) {
    .video.with-content .inner {
        max-width: 1200px;
        padding: 0 3rem
    }

        .video.with-content .inner .content {
            max-width: 1055px
        }
}

@media(max-width: 1025px) {
    .video.with-content .inner {
        padding: 0 2rem
    }

        .video.with-content .inner .video {
            height: auto
        }
}

.full-width-image {
    height: 748px;
    width: 100%;
    position: relative
}

    .full-width-image.small .inner .content h2 {
        font-size: 42px;
        line-height: initial;
        margin-bottom: 1rem
    }

    .full-width-image.Light .inner .content h2, .full-width-image.Light .inner .content p {
        color: #fff
    }

    .full-width-image .background {
        height: 100%;
        width: 100%
    }

        .full-width-image .background picture img {
            height: 100%;
            width: 100%;
            object-fit: cover
        }

    .full-width-image .inner {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%);
        height: 100%;
        width: 100%;
        max-width: 1314px;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding: 0 1rem
    }

        .full-width-image .inner .content {
            width: 100%;
            max-width: 515px
        }

            .full-width-image .inner .content h2 {
                font-size: 64px;
                line-height: 60px;
                margin-bottom: 30px
            }

            .full-width-image .inner .content p {
                font-size: 16px;
                line-height: 35px
            }

    .full-width-image.admin .background {
        background: #eee
    }

    .full-width-image.admin .inner .content h2, .full-width-image.admin .inner .content p {
        background: linear-gradient(to right, #c0c4cc 8%, #eff0f2 38%, #c0c4cc 54%);
        background-size: 2000px 340px;
        color: transparent
    }

@media(min-width: 1025px)and (max-width: 1645px) {
    .full-width-image .inner {
        padding: 0 1rem
    }
}

@media(max-width: 600px) {
    .full-width-image .inner {
        padding: 0 2rem
    }
}

.filter-group, .mill-filter-group-mobile {
    position: relative
}

    .filter-group .bar, .mill-filter-group-mobile .bar {
        position: absolute;
        bottom: 16px;
        left: 0;
        width: 100%;
        height: 5px;
        background: #f9b840
    }

    .filter-group.tech-list.mobile, .filter-group.mill-list.mobile, .mill-filter-group-mobile.tech-list.mobile, .mill-filter-group-mobile.mill-list.mobile {
        display: none
    }

@media(max-width: 950px) {
    .filter-group.tech-list.mobile, .filter-group.mill-list.mobile, .mill-filter-group-mobile.tech-list.mobile, .mill-filter-group-mobile.mill-list.mobile {
        display: block
    }
}

.filter-group.tech-list.mobile .filter .inner, .filter-group.mill-list.mobile .filter .inner, .mill-filter-group-mobile.tech-list.mobile .filter .inner, .mill-filter-group-mobile.mill-list.mobile .filter .inner {
    max-width: 680px
}

    .filter-group.tech-list.mobile .filter .inner .category-group, .filter-group.mill-list.mobile .filter .inner .category-group, .mill-filter-group-mobile.tech-list.mobile .filter .inner .category-group, .mill-filter-group-mobile.mill-list.mobile .filter .inner .category-group {
        border-radius: 20px 0px 20px 0px
    }

        .filter-group.tech-list.mobile .filter .inner .category-group .filter-toggle, .filter-group.mill-list.mobile .filter .inner .category-group .filter-toggle, .mill-filter-group-mobile.tech-list.mobile .filter .inner .category-group .filter-toggle, .mill-filter-group-mobile.mill-list.mobile .filter .inner .category-group .filter-toggle {
            width: 50%;
            border-right: 1px solid #eff0f3
        }

            .filter-group.tech-list.mobile .filter .inner .category-group .filter-toggle .filter-inner, .filter-group.mill-list.mobile .filter .inner .category-group .filter-toggle .filter-inner, .mill-filter-group-mobile.tech-list.mobile .filter .inner .category-group .filter-toggle .filter-inner, .mill-filter-group-mobile.mill-list.mobile .filter .inner .category-group .filter-toggle .filter-inner {
                display: flex;
                justify-content: space-between;
                align-items: center;
                height: 100%;
                padding: 1rem
            }

                .filter-group.tech-list.mobile .filter .inner .category-group .filter-toggle .filter-inner p, .filter-group.mill-list.mobile .filter .inner .category-group .filter-toggle .filter-inner p, .mill-filter-group-mobile.tech-list.mobile .filter .inner .category-group .filter-toggle .filter-inner p, .mill-filter-group-mobile.mill-list.mobile .filter .inner .category-group .filter-toggle .filter-inner p {
                    font-family: franklin-gothic-urw,sans-serif;
                    font-size: 16px;
                    line-height: 1;
                    text-align: left;
                    font-weight: bold;
                    font-size: 16px;
                    letter-spacing: .45px;
                    color: #53565a;
                    margin: 0
                }

                .filter-group.tech-list.mobile .filter .inner .category-group .filter-toggle .filter-inner .filter-icon, .filter-group.mill-list.mobile .filter .inner .category-group .filter-toggle .filter-inner .filter-icon, .mill-filter-group-mobile.tech-list.mobile .filter .inner .category-group .filter-toggle .filter-inner .filter-icon, .mill-filter-group-mobile.mill-list.mobile .filter .inner .category-group .filter-toggle .filter-inner .filter-icon {
                    padding: 1rem;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    cursor: pointer
                }

                    .filter-group.tech-list.mobile .filter .inner .category-group .filter-toggle .filter-inner .filter-icon svg, .filter-group.mill-list.mobile .filter .inner .category-group .filter-toggle .filter-inner .filter-icon svg, .mill-filter-group-mobile.tech-list.mobile .filter .inner .category-group .filter-toggle .filter-inner .filter-icon svg, .mill-filter-group-mobile.mill-list.mobile .filter .inner .category-group .filter-toggle .filter-inner .filter-icon svg {
                        height: 15px;
                        width: 15px;
                        color: #afb7bd
                    }

        .filter-group.tech-list.mobile .filter .inner .category-group .search, .filter-group.mill-list.mobile .filter .inner .category-group .search, .mill-filter-group-mobile.tech-list.mobile .filter .inner .category-group .search, .mill-filter-group-mobile.mill-list.mobile .filter .inner .category-group .search {
            width: 50%
        }

            .filter-group.tech-list.mobile .filter .inner .category-group .search .left, .filter-group.mill-list.mobile .filter .inner .category-group .search .left, .mill-filter-group-mobile.tech-list.mobile .filter .inner .category-group .search .left, .mill-filter-group-mobile.mill-list.mobile .filter .inner .category-group .search .left {
                margin-bottom: 0
            }

                .filter-group.tech-list.mobile .filter .inner .category-group .search .left p, .filter-group.mill-list.mobile .filter .inner .category-group .search .left p, .mill-filter-group-mobile.tech-list.mobile .filter .inner .category-group .search .left p, .mill-filter-group-mobile.mill-list.mobile .filter .inner .category-group .search .left p {
                    line-height: 1;
                    color: #53565a;
                    margin-bottom: 0
                }

            .filter-group.tech-list.mobile .filter .inner .category-group .search .right input, .filter-group.mill-list.mobile .filter .inner .category-group .search .right input, .mill-filter-group-mobile.tech-list.mobile .filter .inner .category-group .search .right input, .mill-filter-group-mobile.mill-list.mobile .filter .inner .category-group .search .right input {
                margin: 0 1rem
            }

            .filter-group.tech-list.mobile .filter .inner .category-group .search .right .search-icon svg, .filter-group.mill-list.mobile .filter .inner .category-group .search .right .search-icon svg, .mill-filter-group-mobile.tech-list.mobile .filter .inner .category-group .search .right .search-icon svg, .mill-filter-group-mobile.mill-list.mobile .filter .inner .category-group .search .right .search-icon svg {
                height: 15px;
                width: 15px
            }

@media(max-width: 662px) {
    .filter-group.tech-list.mobile .filter .inner .category-group .search, .filter-group.mill-list.mobile .filter .inner .category-group .search, .mill-filter-group-mobile.tech-list.mobile .filter .inner .category-group .search, .mill-filter-group-mobile.mill-list.mobile .filter .inner .category-group .search {
        justify-content: space-between
    }

        .filter-group.tech-list.mobile .filter .inner .category-group .search .left p, .filter-group.mill-list.mobile .filter .inner .category-group .search .left p, .mill-filter-group-mobile.tech-list.mobile .filter .inner .category-group .search .left p, .mill-filter-group-mobile.mill-list.mobile .filter .inner .category-group .search .left p {
            margin-bottom: 0
        }

        .filter-group.tech-list.mobile .filter .inner .category-group .search .right, .filter-group.mill-list.mobile .filter .inner .category-group .search .right, .mill-filter-group-mobile.tech-list.mobile .filter .inner .category-group .search .right, .mill-filter-group-mobile.mill-list.mobile .filter .inner .category-group .search .right {
            flex: none
        }

            .filter-group.tech-list.mobile .filter .inner .category-group .search .right input, .filter-group.mill-list.mobile .filter .inner .category-group .search .right input, .mill-filter-group-mobile.tech-list.mobile .filter .inner .category-group .search .right input, .mill-filter-group-mobile.mill-list.mobile .filter .inner .category-group .search .right input {
                display: none
            }
}

.filter-group.mills-list .bar, .mill-filter-group-mobile.mills-list .bar {
    bottom: initial;
    top: 169px
}

.filter-group.mills-list .filter, .mill-filter-group-mobile.mills-list .filter {
    padding-bottom: 2rem
}

    .filter-group.mills-list .filter .inner, .mill-filter-group-mobile.mills-list .filter .inner {
        max-width: 1293px
    }

        .filter-group.mills-list .filter .inner .category-group, .mill-filter-group-mobile.mills-list .filter .inner .category-group {
            flex-wrap: nowrap
        }

            .filter-group.mills-list .filter .inner .category-group .category, .mill-filter-group-mobile.mills-list .filter .inner .category-group .category {
                max-width: 100%
            }

                .filter-group.mills-list .filter .inner .category-group .category .drawer .drawer-inner .item, .mill-filter-group-mobile.mills-list .filter .inner .category-group .category .drawer .drawer-inner .item {
                    max-width: 100%
                }

.filter-group.mills-list .current-filters, .mill-filter-group-mobile.mills-list .current-filters {
    margin-top: 2rem;
    flex-direction: column
}

    .filter-group.mills-list .current-filters .resultCount, .mill-filter-group-mobile.mills-list .current-filters .resultCount {
        position: relative;
        left: initial;
        transform: initial;
        max-width: 1640px;
        width: 100%;
        margin: 0 auto;
        padding: 0 1rem;
        display: flex;
        justify-content: center;
        margin-bottom: 1rem
    }

    .filter-group.mills-list .current-filters .inner, .mill-filter-group-mobile.mills-list .current-filters .inner {
        max-width: 1293px;
        top: initial;
        bottom: 0;
        position: relative;
        left: initial;
        transform: initial
    }

@media(max-width: 950px) {
    .filter-group.mills-list, .mill-filter-group-mobile.mills-list {
        display: none
    }
}

@media(min-width: 1391px)and (max-width: 1645px) {
    .filter-group, .mill-filter-group-mobile {
        padding-bottom: 1rem
    }

        .filter-group .bar, .mill-filter-group-mobile .bar {
            bottom: 0px
        }

        .filter-group .current-filters .inner, .mill-filter-group-mobile .current-filters .inner {
            top: 45px;
            max-width: 1314px
        }
}

@media(max-width: 950px) {
    .filter-group.tech-list, .mill-filter-group-mobile.tech-list {
        display: none
    }

        .filter-group.tech-list.mobile, .mill-filter-group-mobile.tech-list.mobile {
            display: block
        }
}

@media(max-width: 600px) {
    .filter-group.tech-list.mobile, .mill-filter-group-mobile.tech-list.mobile {
        border-bottom: 4px solid #f9b840;
        margin-bottom: 2rem
    }

        .filter-group.tech-list.mobile .filter, .mill-filter-group-mobile.tech-list.mobile .filter {
            padding-bottom: 64px
        }

        .filter-group.tech-list.mobile .current-filters, .mill-filter-group-mobile.tech-list.mobile .current-filters {
            display: none
        }
}

.mill-filter-group-mobile {
    display: none
}

@media(max-width: 950px) {
    .mill-filter-group-mobile {
        display: block
    }

        .mill-filter-group-mobile .filter {
            padding-bottom: 2rem
        }
}

.mill-filter-group-mobile .filter .inner {
    max-width: 680px
}

    .mill-filter-group-mobile .filter .inner .category-group {
        border-radius: 20px 0px 20px 0px
    }

        .mill-filter-group-mobile .filter .inner .category-group .filter-toggle {
            width: 100%;
            border-right: 1px solid #eff0f3
        }

            .mill-filter-group-mobile .filter .inner .category-group .filter-toggle .filter-inner {
                display: flex;
                justify-content: space-between;
                align-items: center;
                height: 100%;
                padding: 1rem
            }

                .mill-filter-group-mobile .filter .inner .category-group .filter-toggle .filter-inner p {
                    font-family: franklin-gothic-urw,sans-serif;
                    font-size: 16px;
                    line-height: 1;
                    text-align: left;
                    font-weight: bold;
                    font-size: 16px;
                    letter-spacing: .45px;
                    color: #53565a;
                    margin: 0
                }

                .mill-filter-group-mobile .filter .inner .category-group .filter-toggle .filter-inner .filter-icon {
                    padding: 1rem;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    cursor: pointer
                }

                    .mill-filter-group-mobile .filter .inner .category-group .filter-toggle .filter-inner .filter-icon svg {
                        height: 15px;
                        width: 15px;
                        color: #afb7bd
                    }

        .mill-filter-group-mobile .filter .inner .category-group .search {
            width: 50%
        }

            .mill-filter-group-mobile .filter .inner .category-group .search .left {
                margin-bottom: 0
            }

                .mill-filter-group-mobile .filter .inner .category-group .search .left p {
                    line-height: 1;
                    color: #53565a;
                    margin-bottom: 0
                }

            .mill-filter-group-mobile .filter .inner .category-group .search .right input {
                margin: 0 1rem
            }

            .mill-filter-group-mobile .filter .inner .category-group .search .right .search-icon svg {
                height: 15px;
                width: 15px
            }

@media(max-width: 662px) {
    .mill-filter-group-mobile .filter .inner .category-group .search {
        justify-content: space-between
    }

        .mill-filter-group-mobile .filter .inner .category-group .search .left p {
            margin-bottom: 0
        }

        .mill-filter-group-mobile .filter .inner .category-group .search .right {
            flex: none
        }

            .mill-filter-group-mobile .filter .inner .category-group .search .right input {
                display: none
            }
}

.filter {
    background: #eee;
    width: 100%
}

    .filter .inner {
        max-width: 1640px;
        margin: 0 auto;
        padding: 0 1rem;
        position: relative
    }

        .filter .inner .category-group {
            background: #fff;
            width: 100%;
            border: 1px solid #eff0f3;
            box-shadow: 0px 3px 6px #00000029;
            border-radius: 20px 20px 0px 0px;
            display: flex;
            flex-wrap: wrap;
            position: relative;
            z-index: 2
        }

            .filter .inner .category-group .category {
                width: 100%;
                height: calc(100% - 42px);
                max-width: 275px;
                border-right: 1px solid #eff0f3;
                padding: 21px 34px;
                padding-bottom: 7px;
                padding-right: 4px
            }

                .filter .inner .category-group .category .clickoff {
                    display: none
                }

                .filter .inner .category-group .category .label {
                    margin-bottom: 21px;
                    position: relative
                }

                    .filter .inner .category-group .category .label p {
                        color: #53565a;
                        text-align: left;
                        font-weight: bold;
                        font-size: 17px;
                        letter-spacing: .45px;
                        text-transform: uppercase;
                        margin: 0
                    }

                .filter .inner .category-group .category .interaction {
                    display: flex;
                    justify-content: space-between
                }

                    .filter .inner .category-group .category .interaction .left {
                        display: flex;
                        justify-content: center;
                        align-items: center
                    }

                        .filter .inner .category-group .category .interaction .left .text p {
                            font-family: "poppins",sans-serif;
                            margin: 0;
                            color: #53565a
                        }

                    .filter .inner .category-group .category .interaction .right {
                        display: flex;
                        align-items: center
                    }

                        .filter .inner .category-group .category .interaction .right .count {
                            margin-right: 0rem
                        }

                            .filter .inner .category-group .category .interaction .right .count .count-inner {
                                background: #000;
                                width: 30px;
                                height: 30px;
                                display: flex;
                                justify-content: center;
                                align-items: center;
                                border-radius: 50%;
                                opacity: 0;
                                transition: all .25s ease-in-out
                            }

                                .filter .inner .category-group .category .interaction .right .count .count-inner.active {
                                    opacity: 1
                                }

                                .filter .inner .category-group .category .interaction .right .count .count-inner p {
                                    color: #fcb82d;
                                    font-family: "poppins",sans-serif;
                                    margin: 0
                                }

                        .filter .inner .category-group .category .interaction .right .chev {
                            padding: 1rem;
                            cursor: pointer
                        }

                            .filter .inner .category-group .category .interaction .right .chev svg {
                                height: 21px;
                                width: 18px;
                                transform: rotate(180deg);
                                transition: all .25s ease-in-out
                            }

                .filter .inner .category-group .category .drawer {
                    position: relative;
                    visibility: hidden;
                    opacity: 0;
                    top: 8px;
                    transition: all .25s ease-in-out
                }

                    .filter .inner .category-group .category .drawer .drawer-inner {
                        max-height: 500px;
                        overflow: scroll;
                        position: absolute;
                        left: -35px;
                        width: calc(100% + 40px);
                        background: #fff;
                        padding-top: 1rem;
                        transition: all .25s ease-in-out;
                        border-right: 1px solid #eff0f3;
                        border-bottom: 1px solid #eff0f3;
                        border-left: 1px solid #eff0f3
                    }

                        .filter .inner .category-group .category .drawer .drawer-inner .item {
                            max-width: 280px;
                            margin: 0 auto;
                            border-bottom: 1px solid #eff0f3
                        }

                            .filter .inner .category-group .category .drawer .drawer-inner .item:last-of-type {
                                border-bottom: none
                            }

                            .filter .inner .category-group .category .drawer .drawer-inner .item .item-container {
                                display: flex;
                                justify-content: space-between;
                                padding: 10px 20px
                            }

                                .filter .inner .category-group .category .drawer .drawer-inner .item .item-container p {
                                    margin: 0;
                                    font-family: "poppins",sans-serif
                                }

                                .filter .inner .category-group .category .drawer .drawer-inner .item .item-container .check {
                                    display: flex;
                                    position: relative;
                                    overflow: hidden
                                }

                                    .filter .inner .category-group .category .drawer .drawer-inner .item .item-container .check input {
                                        vertical-align: middle;
                                        display: none
                                    }

                                        .filter .inner .category-group .category .drawer .drawer-inner .item .item-container .check input + label {
                                            display: inline-block;
                                            background: #fff;
                                            width: 24px;
                                            height: 24px;
                                            border-radius: 2px;
                                            text-align: center;
                                            color: transparent;
                                            cursor: pointer;
                                            transition: all .25s;
                                            border: 3px solid #d2d2d2
                                        }

                                            .filter .inner .category-group .category .drawer .drawer-inner .item .item-container .check input + label.active {
                                                background: #afb7bd;
                                                color: #03a9f4
                                            }

                                        .filter .inner .category-group .category .drawer .drawer-inner .item .item-container .check input:checked + label {
                                            background: #afb7bd;
                                            color: #03a9f4
                                        }

                .filter .inner .category-group .category.active {
                    position: relative
                }

                    .filter .inner .category-group .category.active .clickoff {
                        display: block;
                        content: " ";
                        width: 100%;
                        height: 100%;
                        position: fixed;
                        top: 0;
                        left: 0
                    }

                    .filter .inner .category-group .category.active .interaction .chev svg {
                        transform: rotate(0deg)
                    }

                    .filter .inner .category-group .category.active .drawer {
                        visibility: visible;
                        opacity: 1
                    }

            .filter .inner .category-group .search {
                font-family: "poppins",sans-serif;
                color: #afb7bd;
                text-align: left;
                font-weight: bold;
                font-size: 16px;
                letter-spacing: .45px;
                color: #afb7bd;
                margin: 0;
                display: flex;
                flex: 1 0 auto;
                padding: 1rem
            }

                .filter .inner .category-group .search .left {
                    display: flex;
                    align-items: center
                }

                    .filter .inner .category-group .search .left p {
                        margin-bottom: 0
                    }

                .filter .inner .category-group .search .right {
                    display: flex;
                    flex: 1 0 auto;
                    align-items: center;
                    position: relative
                }

                    .filter .inner .category-group .search .right form {
                        display: flex;
                        flex: 1 0 auto;
                        align-items: center
                    }

                        .filter .inner .category-group .search .right form button {
                            background: transparent
                        }

                            .filter .inner .category-group .search .right form button svg {
                                color: #afb7bd
                            }

                    .filter .inner .category-group .search .right .clear {
                        position: absolute;
                        bottom: 0;
                        right: 0
                    }

                        .filter .inner .category-group .search .right .clear p, .filter .inner .category-group .search .right .clear a {
                            margin-bottom: 0;
                            margin-right: 1rem;
                            color: #afb7bd
                        }

                    .filter .inner .category-group .search .right input {
                        flex: 1 0 auto;
                        height: 20px;
                        margin: 1rem;
                        margin-right: 0;
                        border: none;
                        border-bottom: 1px solid #d2d2d2;
                        font-family: "poppins",sans-serif
                    }

                        .filter .inner .category-group .search .right input:focus {
                            outline: none
                        }

                    .filter .inner .category-group .search .right .search-icon {
                        padding: 1rem;
                        display: flex;
                        justify-content: center;
                        align-items: center
                    }

                        .filter .inner .category-group .search .right .search-icon svg {
                            height: 21px;
                            width: 21px
                        }

@media(max-width: 1390px) {
    .filter .inner {
        max-width: 1160px
    }
}

@media(min-width: 1391px)and (max-width: 1645px) {
    .filter .inner {
        max-width: 1315px
    }
}

.current-filters {
    display: flex;
    z-index: 1;
    margin: 1rem 0;
    position: relative
}

    .current-filters .inner {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        max-width: 1640px;
        width: 100%;
        margin: 0 auto;
        padding: 0 1rem;
        display: grid;
        grid-auto-columns: max-content max-content max-content;
        grid-auto-rows: 1fr 1fr;
        grid-template-columns: max-content max-content max-content max-content max-content;
        grid-template-rows: 1fr;
        gap: 1em 1em;
        grid-template-areas: ". . . . .";
        justify-items: start
    }

        .current-filters .inner div button {
            display: flex;
            align-items: center;
            justify-content: center
        }

            .current-filters .inner div button svg {
                height: 12px;
                width: 8px;
                margin-left: 5px
            }

        .current-filters .inner div.removed {
            opacity: 0;
            overflow: hidden;
            margin: 0;
            border: 2px solid #fff
        }

            .current-filters .inner div.removed p {
                opacity: 0;
                transition: all .25s ease-out
            }

        .current-filters .inner div p {
            font-family: "poppins",sans-serif;
            margin: 0
        }

        .current-filters .inner div:hover div {
            opacity: 1
        }

.mobile-filter, .mill-mobile-filter {
    display: none
}

@media(max-width: 950px) {
    .mobile-filter, .mill-mobile-filter {
        background: #fff;
        display: block;
        position: fixed;
        top: 0;
        right: -100vw;
        height: 100vh;
        z-index: 50;
        width: 100vw;
        overflow: scroll;
        transition: all .25s ease-out
    }

        .mobile-filter.open, .mill-mobile-filter.open {
            transform: translateX(-100vw)
        }

        .mobile-filter div.clear-filters, .mill-mobile-filter div.clear-filters {
            border-bottom: 1px solid #dfe2e5;
            padding: 1rem 1rem
        }

            .mobile-filter div.clear-filters .cfinner, .mill-mobile-filter div.clear-filters .cfinner {
                display: flex;
                align-items: center;
                justify-content: space-between;
                max-width: 633px;
                margin: 0 auto
            }

                .mobile-filter div.clear-filters .cfinner .text p, .mill-mobile-filter div.clear-filters .cfinner .text p {
                    margin: 0;
                    color: #25282a;
                    font-family: franklin-gothic-urw,sans-serif;
                    font-size: 15px;
                    letter-spacing: .45px;
                    font-weight: 600
                }

                .mobile-filter div.clear-filters .cfinner .close, .mill-mobile-filter div.clear-filters .cfinner .close {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    padding: 1rem;
                    margin-right: -1rem
                }

                    .mobile-filter div.clear-filters .cfinner .close svg, .mill-mobile-filter div.clear-filters .cfinner .close svg {
                        height: 25px;
                        width: 25px
                    }

        .mobile-filter .action, .mill-mobile-filter .action {
            margin-bottom: 2rem
        }

            .mobile-filter .action button, .mill-mobile-filter .action button {
                display: block;
                margin: 0 auto;
                margin-bottom: 1rem
            }

        .mobile-filter .inner, .mill-mobile-filter .inner {
            max-width: 633px;
            margin: 0 auto;
            padding: 0
        }

            .mobile-filter .inner .filter-group .filter, .mobile-filter .inner .mill-filter-group-mobile .filter, .mill-mobile-filter .inner .filter-group .filter, .mill-mobile-filter .inner .mill-filter-group-mobile .filter {
                background: transparent
            }

                .mobile-filter .inner .filter-group .filter .inner .category-group, .mobile-filter .inner .mill-filter-group-mobile .filter .inner .category-group, .mill-mobile-filter .inner .filter-group .filter .inner .category-group, .mill-mobile-filter .inner .mill-filter-group-mobile .filter .inner .category-group {
                    background: transparent;
                    border: none;
                    box-shadow: none
                }

                    .mobile-filter .inner .filter-group .filter .inner .category-group .category, .mobile-filter .inner .mill-filter-group-mobile .filter .inner .category-group .category, .mill-mobile-filter .inner .filter-group .filter .inner .category-group .category, .mill-mobile-filter .inner .mill-filter-group-mobile .filter .inner .category-group .category {
                        border: none;
                        width: 100%;
                        max-width: 100%;
                        border-bottom: 1px solid #dfe2e5;
                        padding-left: 0;
                        padding-bottom: 16px
                    }
}

@media(max-width: 950px)and (max-width: 600px) {
    .mobile-filter .inner .filter-group .filter .inner .category-group .category, .mobile-filter .inner .mill-filter-group-mobile .filter .inner .category-group .category, .mill-mobile-filter .inner .filter-group .filter .inner .category-group .category, .mill-mobile-filter .inner .mill-filter-group-mobile .filter .inner .category-group .category {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media(max-width: 950px) {
    .mobile-filter .inner .filter-group .filter .inner .category-group .category .label, .mobile-filter .inner .mill-filter-group-mobile .filter .inner .category-group .category .label, .mill-mobile-filter .inner .filter-group .filter .inner .category-group .category .label, .mill-mobile-filter .inner .mill-filter-group-mobile .filter .inner .category-group .category .label {
        margin-bottom: 10px
    }
}

@media(max-width: 950px) {
    .mobile-filter .inner .filter-group .filter .inner .category-group .category .interaction, .mobile-filter .inner .mill-filter-group-mobile .filter .inner .category-group .category .interaction, .mill-mobile-filter .inner .filter-group .filter .inner .category-group .category .interaction, .mill-mobile-filter .inner .mill-filter-group-mobile .filter .inner .category-group .category .interaction {
        display: none
    }
}

@media(max-width: 950px) {
    .mobile-filter .inner .filter-group .filter .inner .category-group .category .drawer, .mobile-filter .inner .mill-filter-group-mobile .filter .inner .category-group .category .drawer, .mill-mobile-filter .inner .filter-group .filter .inner .category-group .category .drawer, .mill-mobile-filter .inner .mill-filter-group-mobile .filter .inner .category-group .category .drawer {
        visibility: visible;
        opacity: 1;
        top: initial;
        position: relative
    }

        .mobile-filter .inner .filter-group .filter .inner .category-group .category .drawer .drawer-inner, .mobile-filter .inner .mill-filter-group-mobile .filter .inner .category-group .category .drawer .drawer-inner, .mill-mobile-filter .inner .filter-group .filter .inner .category-group .category .drawer .drawer-inner, .mill-mobile-filter .inner .mill-filter-group-mobile .filter .inner .category-group .category .drawer .drawer-inner {
            position: relative;
            top: initial;
            left: initial;
            padding-top: 0;
            width: 100%;
            background: transparent;
            border-left: none;
            border-right: none;
            border-bottom: none
        }

            .mobile-filter .inner .filter-group .filter .inner .category-group .category .drawer .drawer-inner .item, .mobile-filter .inner .mill-filter-group-mobile .filter .inner .category-group .category .drawer .drawer-inner .item, .mill-mobile-filter .inner .filter-group .filter .inner .category-group .category .drawer .drawer-inner .item, .mill-mobile-filter .inner .mill-filter-group-mobile .filter .inner .category-group .category .drawer .drawer-inner .item {
                max-width: 100%;
                border: none
            }

                .mobile-filter .inner .filter-group .filter .inner .category-group .category .drawer .drawer-inner .item .item-container, .mobile-filter .inner .mill-filter-group-mobile .filter .inner .category-group .category .drawer .drawer-inner .item .item-container, .mill-mobile-filter .inner .filter-group .filter .inner .category-group .category .drawer .drawer-inner .item .item-container, .mill-mobile-filter .inner .mill-filter-group-mobile .filter .inner .category-group .category .drawer .drawer-inner .item .item-container {
                    padding-left: 0;
                    padding-right: 0
                }

                    .mobile-filter .inner .filter-group .filter .inner .category-group .category .drawer .drawer-inner .item .item-container p, .mobile-filter .inner .mill-filter-group-mobile .filter .inner .category-group .category .drawer .drawer-inner .item .item-container p, .mill-mobile-filter .inner .filter-group .filter .inner .category-group .category .drawer .drawer-inner .item .item-container p, .mill-mobile-filter .inner .mill-filter-group-mobile .filter .inner .category-group .category .drawer .drawer-inner .item .item-container p {
                        font-size: 16px;
                        font-family: franklin-gothic-urw,sans-serif;
                        line-height: 22px;
                        color: #26282a
                    }

                    .mobile-filter .inner .filter-group .filter .inner .category-group .category .drawer .drawer-inner .item .item-container .check label, .mobile-filter .inner .mill-filter-group-mobile .filter .inner .category-group .category .drawer .drawer-inner .item .item-container .check label, .mill-mobile-filter .inner .filter-group .filter .inner .category-group .category .drawer .drawer-inner .item .item-container .check label, .mill-mobile-filter .inner .mill-filter-group-mobile .filter .inner .category-group .category .drawer .drawer-inner .item .item-container .check label {
                        height: 15px;
                        width: 15px;
                        border: 2px solid #d2d2d2
                    }
}

@media(max-width: 600px) {
    .mobile-filter .inner .filter-group .filter, .mill-mobile-filter .inner .filter-group .filter {
        padding: 0 1rem
    }
}

.mill-mobile-filter .inner .mill-filter-group-mobile .filter .inner .category-group .category .drawer .drawer-inner {
    max-height: initial
}

.fabric-search-term .inner {
    max-width: 1640px;
    margin: 0 auto;
    padding: 0 1rem
}

    .fabric-search-term .inner p {
        color: #000;
        font-family: bebas-kai,sans-serif;
        font-weight: 400;
        font-style: normal;
        text-transform: uppercase;
        font-size: 40px;
        line-height: 45px;
        padding-top: 2rem
    }

.clp-header {
    background: #eee;
    padding-top: 3rem;
    padding-bottom: 104px
}

    .clp-header .inner {
        text-align: center;
        max-width: 875px;
        margin: 0 auto
    }

        .clp-header .inner h1 {
            line-height: 1;
            font-size: 90px;
            margin: 3rem;
            font-weight: 500;
            text-transform: uppercase
        }

        .clp-header .inner p {
            line-height: 2;
            letter-spacing: .8px;
            font-size: 18px;
            margin-bottom: 0
        }

@media(max-width: 1640px) {
    .clp-header .inner {
        padding: 0 1rem;
        max-width: 1160px
    }
}

@media(max-width: 1390px) {
    .clp-header .inner {
        max-width: 1000px
    }
}

@media(min-width: 1391px)and (max-width: 1645px) {
    .clp-header .inner {
        max-width: 935px
    }

        .clp-header .inner h1 {
            font-size: 75px
        }

        .clp-header .inner p {
            font-size: 16px
        }
}

@media(max-width: 950px) {
    .clp-header {
        padding-top: 153px
    }

        .clp-header .inner {
            max-width: 480px
        }

            .clp-header .inner h1 {
                font-size: 50px;
                margin: 0;
                margin-bottom: 35px
            }

            .clp-header .inner p {
                font-size: 16px
            }
}

@media(max-width: 600px) {
    .clp-header {
        padding-bottom: 35px;
        padding-top: 70px
    }

        .clp-header .inner h1 {
            text-align: center;
            font-size: 40px;
            line-height: 45px
        }

        .clp-header .inner p {
            text-align: center
        }
}

.clp-fabric-list-container {
    padding: 4rem 0;
    background: #fff;
    position: relative;
    padding-top: 125px
}

    .clp-fabric-list-container .inner {
        max-width: 1640px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        padding: 0 1rem
    }

        .clp-fabric-list-container .inner .card {
            width: 100%;
            max-width: calc(25% - 18px);
            margin: 0 .5rem;
            margin-bottom: 1rem;
            border: 1px solid #eee;
            border-top-left-radius: 25px;
            border-bottom-right-radius: 25px;
            transition: all .25s ease-in-out;
            height: 610px;
            box-shadow: 2px 2px 15px #0000000d
        }

@media(max-width: 600px) {
    .clp-fabric-list-container .inner .card {
        transition: initial
    }
}

.clp-fabric-list-container .inner .card a {
    color: initial;
    display: flex;
    flex-direction: column;
    height: 100%
}

    .clp-fabric-list-container .inner .card a:hover {
        color: initial;
        text-decoration: none
    }

.clp-fabric-list-container .inner .card.filtered {
    opacity: 0;
    width: 0;
    margin: 0;
    border: none;
    height: 588px;
    overflow: hidden
}

    .clp-fabric-list-container .inner .card.filtered .content p {
        color: #fff;
        font-size: 0
    }

@media(max-width: 600px) {
    .clp-fabric-list-container .inner .card.filtered {
        display: none;
        opacity: 1;
        width: initial;
        height: initial
    }
}

.clp-fabric-list-container .inner .card .content {
    padding-top: 50px;
    padding-left: 24px;
    padding-right: 24px;
    display: flex;
    flex-direction: column;
    flex: 1 0 auto
}

    .clp-fabric-list-container .inner .card .content a {
        color: initial
    }

        .clp-fabric-list-container .inner .card .content a:hover {
            color: initial;
            text-decoration: none
        }

    .clp-fabric-list-container .inner .card .content h3 {
        margin: 0;
        text-align: left;
        font-size: 32px;
        letter-spacing: 0px;
        font-weight: 400;
        color: #1a1f22;
        margin-bottom: 20px
    }

    .clp-fabric-list-container .inner .card .content p, .clp-fabric-list-container .inner .card .content a {
        font-size: 18px
    }

    .clp-fabric-list-container .inner .card .content svg {
        margin-top: auto;
        height: 20px;
        width: 20px;
        margin-bottom: 29px
    }

.clp-fabric-list-container .inner .card .image {
    height: 341px;
    width: 100%
}

    .clp-fabric-list-container .inner .card .image img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        border-top-left-radius: 25px
    }

@media(max-width: 1390px) {
    .clp-fabric-list-container .inner .card {
        max-width: calc(33% - 14px)
    }
}

@media(max-width: 1229px) {
    .clp-fabric-list-container .inner .card {
        max-width: calc(33% - 15px)
    }
}

@media(max-width: 950px) {
    .clp-fabric-list-container .inner .card {
        max-width: calc(50% - 18px)
    }
}

@media(max-width: 600px) {
    .clp-fabric-list-container .inner .card {
        max-width: 100%
    }
}

@media(max-width: 1390px) {
    .clp-fabric-list-container .inner {
        max-width: 1160px
    }
}

@media(min-width: 1391px)and (max-width: 1645px) {
    .clp-fabric-list-container .inner {
        max-width: 1315px;
        padding: 0
    }

        .clp-fabric-list-container .inner .card {
            height: initial;
            min-height: 500px;
            max-width: calc(25% - 24px);
            margin: 0 12px;
            margin-bottom: 75px
        }

            .clp-fabric-list-container .inner .card .content h3 {
                margin-bottom: 0px;
                font-size: 27px
            }

            .clp-fabric-list-container .inner .card .content p {
                font-size: 16px
            }

            .clp-fabric-list-container .inner .card .image {
                height: auto
            }
}

@media(max-width: 950px) {
    .clp-fabric-list-container .inner {
        max-width: 697px
    }

        .clp-fabric-list-container .inner .card {
            height: initial
        }

            .clp-fabric-list-container .inner .card .image {
                height: auto
            }

            .clp-fabric-list-container .inner .card .content h3 {
                font-size: 28px
            }

            .clp-fabric-list-container .inner .card .content svg {
                margin-top: 13px;
                height: 15px;
                width: 15px
            }
}

@media(max-width: 600px) {
    .clp-fabric-list-container {
        padding-top: 0
    }

        .clp-fabric-list-container .inner .card {
            box-shadow: none;
            border: none;
            margin-bottom: 2rem
        }

            .clp-fabric-list-container .inner .card a {
                display: flex;
                flex-direction: row
            }

                .clp-fabric-list-container .inner .card a .image {
                    height: 78px;
                    width: 78px;
                    border-radius: 20px 0px 20px 0px
                }

                    .clp-fabric-list-container .inner .card a .image img {
                        border-radius: 20px 0px 20px 0px
                    }

                .clp-fabric-list-container .inner .card a .content {
                    padding: 0;
                    flex: none;
                    width: calc(100% - 75px);
                    padding-left: 1rem;
                    display: grid;
                    grid-template-columns: 6fr 1fr;
                    gap: 0px 0px;
                    grid-template-areas: "header arrow" "copy arrow";
                    padding-top: 5px;
                    align-items: center;
                    padding-bottom: 5px
                }

                    .clp-fabric-list-container .inner .card a .content h3 {
                        margin: 0;
                        font-size: 20px;
                        grid-area: header;
                        line-height: 1;
                        padding-right: 5px
                    }

                    .clp-fabric-list-container .inner .card a .content p {
                        margin: 0;
                        font-size: 15px;
                        line-height: 22px;
                        letter-spacing: 0px;
                        grid-area: copy;
                        padding-right: 5px
                    }

                    .clp-fabric-list-container .inner .card a .content svg {
                        grid-area: arrow;
                        margin: 0;
                        height: 100%
                    }
}

.double-cta {
    padding: 0 1rem
}

    .double-cta .heading {
        max-width: 1640px;
        margin: 0 auto;
        margin-bottom: 2rem
    }

    .double-cta .inner {
        max-width: 1640px;
        margin: 0 auto;
        display: flex
    }

        .double-cta .inner .left, .double-cta .inner .right {
            border-top-left-radius: 25px;
            border-bottom-right-radius: 25px;
            max-width: 812px;
            width: 100%;
            height: 583px;
            position: relative;
            padding: 60px;
            display: flex;
            justify-content: flex-start;
            align-items: flex-end
        }

            .double-cta .inner .left .content, .double-cta .inner .right .content {
                position: relative;
                z-index: 1
            }

                .double-cta .inner .left .content h3, .double-cta .inner .left .content .h3, .double-cta .inner .right .content h3, .double-cta .inner .right .content .h3 {
                    font-size: 60px;
                    margin: 0;
                    font-weight: 500;
                    margin-bottom: 1.5rem;
                    font-family: bebas-kai,sans-serif;
                    font-style: normal;
                    text-transform: uppercase;
                    line-height: 50px
                }

            .double-cta .inner .left .image, .double-cta .inner .right .image {
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0
            }

                .double-cta .inner .left .image img, .double-cta .inner .right .image img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    border-top-left-radius: 25px;
                    border-bottom-right-radius: 25px
                }

            .double-cta .inner .left.Light .content h3, .double-cta .inner .left.Light .content .h3, .double-cta .inner .right.Light .content h3, .double-cta .inner .right.Light .content .h3 {
                color: #fff
            }

        .double-cta .inner .left {
            margin-right: .5rem
        }

        .double-cta .inner .right {
            margin-left: .5rem
        }

@media(max-width: 925px) {
    .double-cta .inner {
        flex-direction: column;
        position: relative
    }

        .double-cta .inner .left, .double-cta .inner .right {
            margin: 0;
            width: auto;
            margin-bottom: 1rem
        }
}

@media(max-width: 445px) {
    .double-cta .heading {
        padding: 0 1rem
    }

    .double-cta .inner .left, .double-cta .inner .right {
        height: 425px;
        padding: 60px 1rem
    }

        .double-cta .inner .left .content h3, .double-cta .inner .left .content .h3, .double-cta .inner .right .content h3, .double-cta .inner .right .content .h3 {
            font-size: 45px;
            line-height: 40px
        }
}

.double-cta.admin {
    padding: 2rem 1rem
}

    .double-cta.admin .inner .left, .double-cta.admin .inner .right {
        background-color: #eff0f2;
        background: linear-gradient(to right, #c0c4cc 8%, #eff0f2 38%, #c0c4cc 54%);
        background-size: 2000px 340px
    }

        .double-cta.admin .inner .left .content h3, .double-cta.admin .inner .left .content .h3, .double-cta.admin .inner .right .content h3, .double-cta.admin .inner .right .content .h3 {
            height: 30px;
            width: 150px;
            background-color: #a2a2a2
        }

        .double-cta.admin .inner .left .content button, .double-cta.admin .inner .right .content button {
            height: 45px;
            width: 300px;
            background-color: #a2a2a2;
            border: none
        }

@media(min-width: 1391px)and (max-width: 1645px) {
    .double-cta .inner {
        max-width: 1315px
    }
}

@media(max-width: 950px) {
    .double-cta {
        padding: 0
    }

        .double-cta .inner .left, .double-cta .inner .right {
            max-width: 100%;
            border-radius: 0;
            margin-bottom: 0
        }

            .double-cta .inner .left .image img, .double-cta .inner .right .image img {
                border-radius: 0
            }
}

.wide-cta {
    padding: 0rem 1rem
}

    .wide-cta .inner {
        width: 100%;
        max-width: 1314px;
        margin: 0 auto;
        background: #eff0f3;
        min-height: 650px;
        margin: 0 auto;
        border-radius: 20px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;
        padding-left: 1rem;
        padding-right: 1rem
    }

        .wide-cta .inner .background {
            position: absolute;
            border-radius: 20px;
            z-index: 0;
            height: 100%;
            width: 100%;
            top: 0;
            left: 0
        }

            .wide-cta .inner .background img {
                height: 100%;
                width: 100%;
                object-fit: cover;
                border-radius: 20px
            }

        .wide-cta .inner .content {
            text-align: center;
            max-width: 812px;
            position: relative;
            z-index: 1
        }

            .wide-cta .inner .content h2 {
                margin: 0;
                font-size: 64px;
                font-weight: 500;
                margin-bottom: 30px
            }

            .wide-cta .inner .content p {
                margin: 0;
                font-size: 18px
            }

        .wide-cta .inner .buttons {
            margin-top: 30px;
            position: relative;
            z-index: 1
        }

            .wide-cta .inner .buttons a {
                margin-left: 2px;
                margin-right: 2px
            }

                .wide-cta .inner .buttons a button {
                    min-width: 150px
                }

    .wide-cta.tall .inner {
        height: 880px
    }

    .wide-cta.thin .inner {
        max-width: 1300px
    }

@media(max-width: 710px) {
    .wide-cta .inner .buttons {
        margin: 0 auto;
        margin-top: 30px;
        max-width: 461px;
        justify-content: center;
        align-items: center;
        display: flex;
        flex-wrap: wrap
    }

        .wide-cta .inner .buttons a button {
            margin: 7px
        }
}

@media(max-width: 500px) {
    .wide-cta {
        padding-left: 0;
        padding-right: 0
    }

        .wide-cta .inner {
            width: auto;
            padding: 2rem 2rem;
            border-radius: 0
        }

            .wide-cta .inner .background img {
                border-radius: 0
            }

            .wide-cta .inner .content h2 {
                font-size: 40px;
                line-height: 45px
            }

            .wide-cta .inner .content p {
                font-size: 18px;
                line-height: 25px
            }

            .wide-cta .inner .buttons {
                display: flex;
                flex-direction: column
            }

                .wide-cta .inner .buttons button {
                    margin-bottom: 1rem
                }
}

.wide-cta.admin .inner .content .placeholder {
    display: inline-block;
    background: #a2a2a2;
    background-size: 2000px 340px
}

    .wide-cta.admin .inner .content .placeholder.header {
        height: 60px;
        width: 650px
    }

    .wide-cta.admin .inner .content .placeholder.copy {
        height: 80px;
        width: 700px
    }

.wide-cta.admin .inner .buttons button {
    background: #a2a2a2;
    width: 227px;
    height: 55px;
    border: none
}

.wide-cta.Light .inner .content h2, .wide-cta.Light .inner .content p {
    color: #fff
}

@media(min-width: 1391px)and (max-width: 1645px) {
    .wide-cta .inner {
        max-width: 1314px
    }
}

.collection-applications {
    padding: 3rem 1rem
}

    .collection-applications .inner {
        width: 100%;
        max-width: 1640px;
        margin: 0 auto
    }

        .collection-applications .inner .copy {
            max-width: 624px;
            margin-bottom: 2rem
        }

            .collection-applications .inner .copy .h5 {
                font-size: 28px
            }

            .collection-applications .inner .copy h3 {
                letter-spacing: 0px;
                font-size: 65px;
                margin: 0;
                margin-top: 1rem;
                font-weight: normal;
                line-height: 1
            }

        .collection-applications .inner .collection {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(235px, 1fr));
            grid-column-gap: 0rem;
            grid-row-gap: 1rem
        }

            .collection-applications .inner .collection .item {
                position: relative;
                overflow: visible;
                transition: all .25s ease-in-out
            }

                .collection-applications .inner .collection .item.infront {
                    z-index: 1
                }

                .collection-applications .inner .collection .item .image {
                    height: 100%;
                    width: 100%
                }

                    .collection-applications .inner .collection .item .image img {
                        height: 100%;
                        width: 100%;
                        z-index: -1;
                        object-fit: cover
                    }

                .collection-applications .inner .collection .item .dot {
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                    position: absolute;
                    cursor: pointer;
                    padding: 1rem;
                    z-index: 1
                }

                    .collection-applications .inner .collection .item .dot:after {
                        display: block;
                        border-radius: 50%;
                        content: " ";
                        width: 18px;
                        height: 18px;
                        background: #f2a900;
                        -webkit-filter: blur(2px);
                        filter: blur(2px);
                        transition: all .25s ease-in-out;
                        transform: scale(1)
                    }

                    .collection-applications .inner .collection .item .dot:hover:after {
                        transform: scale(1.1);
                        background: #fff
                    }

                    .collection-applications .inner .collection .item .dot .content-container {
                        position: relative;
                        cursor: default
                    }

                        .collection-applications .inner .collection .item .dot .content-container .item-content {
                            position: absolute;
                            width: 288px;
                            background: #fff;
                            box-shadow: -30px 33px 86px #00000084;
                            padding: 20px 35px;
                            border-radius: 25px;
                            left: 33px;
                            top: -47px;
                            opacity: 0;
                            transform: scale(0);
                            transition: .2s all ease-in-out;
                            cursor: default
                        }

                            .collection-applications .inner .collection .item .dot .content-container .item-content ul {
                                margin: 10px 0
                            }

                                .collection-applications .inner .collection .item .dot .content-container .item-content ul li {
                                    font-family: "poppins",sans-serif;
                                    letter-spacing: 0px;
                                    color: #25282a;
                                    text-shadow: -30px 33px 86px #00000084;
                                    font-size: 12px;
                                    margin-bottom: 10px
                                }

                                    .collection-applications .inner .collection .item .dot .content-container .item-content ul li:last-of-type {
                                        margin-bottom: 0
                                    }

                                    .collection-applications .inner .collection .item .dot .content-container .item-content ul li p {
                                        margin: 0;
                                        font-family: "poppins",sans-serif;
                                        letter-spacing: 0px;
                                        color: #25282a;
                                        text-shadow: -30px 33px 86px #00000084;
                                        font-size: 12px
                                    }

                            .collection-applications .inner .collection .item .dot .content-container .item-content p {
                                margin: 0;
                                line-height: 1;
                                letter-spacing: .48px;
                                color: #25282a;
                                text-shadow: -30px 33px 86px #00000084;
                                opacity: 1;
                                font-size: 12px;
                                font-family: "poppins",sans-serif
                            }

                                .collection-applications .inner .collection .item .dot .content-container .item-content p.application-name {
                                    font-family: bebas-kai,sans-serif;
                                    font-weight: bold;
                                    font-style: normal;
                                    text-transform: uppercase;
                                    font-size: 21px;
                                    color: #25282a;
                                    letter-spacing: 0px;
                                    text-shadow: -30px 33px 86px #00000084;
                                    margin-bottom: 10px
                                }

                            .collection-applications .inner .collection .item .dot .content-container .item-content:before {
                                display: block;
                                content: "";
                                position: absolute;
                                z-index: 0;
                                left: 0;
                                top: 46px;
                                width: 20px;
                                height: 20px;
                                transform: rotate(45deg) translate(-25%, 25%);
                                background-color: #fff;
                                transition: .3s all ease-in-out
                            }

                    .collection-applications .inner .collection .item .dot.active .content-container .item-content {
                        opacity: 1;
                        transform: scale(1)
                    }

                    .collection-applications .inner .collection .item .dot.active:after {
                        background: #fff
                    }

                .collection-applications .inner .collection .item:last-of-type .dot .content-container .item-content {
                    left: initial;
                    right: 33px
                }

                    .collection-applications .inner .collection .item:last-of-type .dot .content-container .item-content:before {
                        left: initial;
                        right: -17px
                    }

    .collection-applications.admin .inner .copy p, .collection-applications.admin .inner .copy h3 {
        background-color: #eff0f2;
        display: inline-block;
        background: linear-gradient(to right, #c0c4cc 8%, #eff0f2 38%, #c0c4cc 54%);
        background-size: 2000px 340px
    }

    .collection-applications.admin .inner .copy p {
        height: 30px;
        width: 350px
    }

    .collection-applications.admin .inner .copy h3 {
        height: 130px;
        width: 625px
    }

    .collection-applications.admin .inner .collection {
        grid-column-gap: 1rem
    }

        .collection-applications.admin .inner .collection .item .image {
            height: 750px;
            background-color: #eff0f2;
            display: inline-block;
            background: linear-gradient(to right, #c0c4cc 8%, #eff0f2 38%, #c0c4cc 54%);
            background-size: 2000px 340px
        }

.product-collection-card {
    border: 1px solid #eee;
    border-radius: 32px 0px 32px 0px;
    position: relative;
    min-height: 543px;
    transition: .35s all ease-in-out
}

    .product-collection-card:nth-of-type(2) {
        order: 9
    }

    .product-collection-card .image {
        height: 100%;
        width: 100%
    }

        .product-collection-card .image img {
            height: 100%;
            width: 100%;
            object-fit: cover;
            border-radius: 32px 0px 32px 0px
        }

    .product-collection-card .card-content {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 1rem;
        padding-bottom: 3rem
    }

        .product-collection-card .card-content h3 {
            font-size: 60px;
            font-weight: 400;
            line-height: 1;
            width: 80%;
            margin-bottom: 2rem
        }

    .product-collection-card.hidden {
        opacity: 0;
        visibility: hidden
    }

    .product-collection-card.Light .card-content h3 {
        color: #fff
    }

.product-card {
    border: 1px solid #eee;
    border-radius: 32px 0px 32px 0px;
    min-height: 543px;
    display: flex;
    flex-direction: column;
    transition: .25s all ease-in-out;
    box-shadow: 0 11px 19px 0 rgba(4,31,99,.15)
}

    .product-card .image {
        width: 100%;
        height: 341px
    }

        .product-card .image img {
            border-radius: 32px 0px 0px 0px;
            height: 100%;
            width: 100%;
            object-fit: cover
        }

    .product-card .card-content {
        padding: 1rem;
        padding-top: 2rem;
        flex: 1 0 auto;
        display: flex;
        flex-direction: column
    }

        .product-card .card-content .category {
            font-family: franklin-gothic-urw,sans-serif;
            font-weight: bold;
            text-transform: uppercase;
            font-size: 10px;
            color: #fcb82d;
            position: relative;
            margin-left: 9px;
            margin-bottom: 1rem
        }

            .product-card .card-content .category:before {
                content: " ";
                height: 15px;
                width: 3px;
                display: block;
                background: #fcb82d;
                position: absolute;
                top: 50%;
                left: -9px;
                transform: translateY(-55%)
            }

        .product-card .card-content h4 {
            font-size: 32px;
            font-weight: 500;
            font-family: bebas-kai,sans-serif;
            letter-spacing: 1.8px;
            color: #000;
            text-transform: uppercase;
            margin: 0;
            line-height: 1
        }

        .product-card .card-content a {
            margin-top: auto;
            margin-top: auto;
            width: fit-content
        }

        .product-card .card-content .Button {
            min-width: initial
        }

    .product-card.remove {
        opacity: 0;
        visibility: hidden
    }

.similar-tech .inner {
    max-width: 1640px;
    margin: 0 auto
}

.tech-slider, .tech-slider-admin {
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    overflow: visible
}

    .tech-slider .svgContainer, .tech-slider-admin .svgContainer {
        position: absolute;
        top: 65%;
        left: 0;
        height: 100%;
        max-height: 1200px;
        z-index: -1;
        transform: translateY(-50%)
    }

        .tech-slider .svgContainer svg, .tech-slider-admin .svgContainer svg {
            height: 100%;
            width: 100%
        }

@media(max-width: 1024px) {
    .tech-slider .svgContainer, .tech-slider-admin .svgContainer {
        display: none
    }
}

.tech-slider .inner, .tech-slider-admin .inner {
    padding: 65px 0;
    padding-top: 189px;
    padding-bottom: 189px
}

@media(max-width: 1024px) {
    .tech-slider .inner, .tech-slider-admin .inner {
        padding: 32px 0
    }
}

.tech-slider .inner .flair, .tech-slider-admin .inner .flair {
    position: relative;
    width: 100%;
    max-width: 1640px;
    margin: 0 auto
}

    .tech-slider .inner .flair svg, .tech-slider-admin .inner .flair svg {
        position: absolute;
        bottom: -140px;
        right: 0
    }

.tech-slider .inner .content, .tech-slider-admin .inner .content {
    max-width: 1640px;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start
}

@media(max-width: 1650px) {
    .tech-slider .inner .content, .tech-slider-admin .inner .content {
        padding-left: 1rem
    }
}

.tech-slider .inner .content .left, .tech-slider-admin .inner .content .left {
    max-width: 629px;
    margin-bottom: 50px
}

    .tech-slider .inner .content .left h2, .tech-slider-admin .inner .content .left h2 {
        margin: 0px 0px 30px
    }

        .tech-slider .inner .content .left h2.blue-3, .tech-slider-admin .inner .content .left h2.blue-3 {
            color: #465158
        }

    .tech-slider .inner .content .left p, .tech-slider-admin .inner .content .left p {
        margin-bottom: 0
    }

    .tech-slider .inner .content .left button, .tech-slider .inner .content .left .Button, .tech-slider-admin .inner .content .left button, .tech-slider-admin .inner .content .left .Button {
        margin-top: 30px
    }

@media(max-width: 1024px) {
    .tech-slider .inner .content .left, .tech-slider-admin .inner .content .left {
        padding-right: 1rem;
        padding-left: 1rem
    }
}

.tech-slider .inner .content .right, .tech-slider-admin .inner .content .right {
    position: relative;
    display: flex;
    flex-grow: 1;
    margin-bottom: 50px;
    max-width: 800px;
    margin-left: auto
}

.tech-slider .inner .content .arrows, .tech-slider-admin .inner .content .arrows {
    display: flex;
    position: absolute;
    bottom: 0;
    right: 0
}

    .tech-slider .inner .content .arrows .left-arrow, .tech-slider .inner .content .arrows .right-arrow, .tech-slider-admin .inner .content .arrows .left-arrow, .tech-slider-admin .inner .content .arrows .right-arrow {
        padding: .5rem;
        width: 45px;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer
    }

        .tech-slider .inner .content .arrows .left-arrow svg, .tech-slider .inner .content .arrows .right-arrow svg, .tech-slider-admin .inner .content .arrows .left-arrow svg, .tech-slider-admin .inner .content .arrows .right-arrow svg {
            color: #465158;
            height: 29px;
            width: 29px;
            opacity: .6;
            transition: .25s all ease-in-out
        }

        .tech-slider .inner .content .arrows .left-arrow:hover svg, .tech-slider .inner .content .arrows .right-arrow:hover svg, .tech-slider-admin .inner .content .arrows .left-arrow:hover svg, .tech-slider-admin .inner .content .arrows .right-arrow:hover svg {
            opacity: 1
        }

@media(max-width: 1024px) {
    .tech-slider .inner .content .arrows, .tech-slider-admin .inner .content .arrows {
        display: none
    }
}

.tech-slider .inner .content .arrows.hidden, .tech-slider-admin .inner .content .arrows.hidden {
    display: none
}

.tech-slider .inner .cards-container, .tech-slider .inner .cards-container-admin, .tech-slider-admin .inner .cards-container, .tech-slider-admin .inner .cards-container-admin {
    width: 100%;
    overflow: hidden
}

@media(max-width: 1024px) {
    .tech-slider .inner .cards-container, .tech-slider .inner .cards-container-admin, .tech-slider-admin .inner .cards-container, .tech-slider-admin .inner .cards-container-admin {
        padding-left: 1rem
    }
}

.tech-slider .inner .cards-container .cards, .tech-slider .inner .cards-container-admin .cards, .tech-slider-admin .inner .cards-container .cards, .tech-slider-admin .inner .cards-container-admin .cards {
    padding-bottom: 2rem;
    margin-left: calc(50% - 820px);
    display: flex;
    transition: .45s all ease-in-out
}

    .tech-slider .inner .cards-container .cards a, .tech-slider .inner .cards-container-admin .cards a, .tech-slider-admin .inner .cards-container .cards a, .tech-slider-admin .inner .cards-container-admin .cards a {
        color: initial
    }

        .tech-slider .inner .cards-container .cards a:hover, .tech-slider .inner .cards-container-admin .cards a:hover, .tech-slider-admin .inner .cards-container .cards a:hover, .tech-slider-admin .inner .cards-container-admin .cards a:hover {
            color: initial;
            text-decoration: none
        }

@media(max-width: 1024px) {
    .tech-slider .inner .cards-container .cards, .tech-slider .inner .cards-container-admin .cards, .tech-slider-admin .inner .cards-container .cards, .tech-slider-admin .inner .cards-container-admin .cards {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: scroll;
        scroll-snap-type: mandatory;
        scroll-snap-points-y: repeat(300px);
        -webkit-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth
    }
}

.tech-slider .inner .cards-container .cards .card, .tech-slider .inner .cards-container-admin .cards .card, .tech-slider-admin .inner .cards-container .cards .card, .tech-slider-admin .inner .cards-container-admin .cards .card {
    width: 100%;
    max-width: calc(25% - 18px);
    margin: 0 .5rem;
    margin-bottom: 1rem;
    border: none;
    scroll-snap-align: start;
    border-top-left-radius: 25px;
    border-bottom-right-radius: 25px;
    transition: all .25s ease-in-out;
    box-shadow: 0 11px 19px 0 rgba(4,31,99,.15);
    flex: 0 0 auto;
    max-width: 397px;
    min-height: 543px;
    background-color: transparent
}

    .tech-slider .inner .cards-container .cards .card a, .tech-slider .inner .cards-container-admin .cards .card a, .tech-slider-admin .inner .cards-container .cards .card a, .tech-slider-admin .inner .cards-container-admin .cards .card a {
        color: initial;
        display: flex;
        flex-direction: column;
        height: 100%
    }

        .tech-slider .inner .cards-container .cards .card a:hover, .tech-slider .inner .cards-container-admin .cards .card a:hover, .tech-slider-admin .inner .cards-container .cards .card a:hover, .tech-slider-admin .inner .cards-container-admin .cards .card a:hover {
            color: initial;
            text-decoration: none
        }

    .tech-slider .inner .cards-container .cards .card:first-of-type, .tech-slider .inner .cards-container-admin .cards .card:first-of-type, .tech-slider-admin .inner .cards-container .cards .card:first-of-type, .tech-slider-admin .inner .cards-container-admin .cards .card:first-of-type {
        margin-left: 0
    }

    .tech-slider .inner .cards-container .cards .card.filtered, .tech-slider .inner .cards-container-admin .cards .card.filtered, .tech-slider-admin .inner .cards-container .cards .card.filtered, .tech-slider-admin .inner .cards-container-admin .cards .card.filtered {
        opacity: 0;
        width: 0;
        margin: 0;
        border: none
    }

        .tech-slider .inner .cards-container .cards .card.filtered .content p, .tech-slider .inner .cards-container-admin .cards .card.filtered .content p, .tech-slider-admin .inner .cards-container .cards .card.filtered .content p, .tech-slider-admin .inner .cards-container-admin .cards .card.filtered .content p {
            color: #fff;
            font-size: 0
        }

    .tech-slider .inner .cards-container .cards .card .content, .tech-slider .inner .cards-container-admin .cards .card .content, .tech-slider-admin .inner .cards-container .cards .card .content, .tech-slider-admin .inner .cards-container-admin .cards .card .content {
        padding-top: 44px;
        padding-left: 24px;
        padding-right: 24px;
        width: 100%;
        background: #fff;
        display: flex;
        flex-direction: column;
        flex: 1 0 auto;
        border-bottom-right-radius: 25px
    }

        .tech-slider .inner .cards-container .cards .card .content h3, .tech-slider .inner .cards-container-admin .cards .card .content h3, .tech-slider-admin .inner .cards-container .cards .card .content h3, .tech-slider-admin .inner .cards-container-admin .cards .card .content h3 {
            margin: 0;
            text-align: left;
            font-size: 32px;
            letter-spacing: 0px;
            font-weight: 400;
            color: #1a1f22
        }

        .tech-slider .inner .cards-container .cards .card .content svg, .tech-slider .inner .cards-container-admin .cards .card .content svg, .tech-slider-admin .inner .cards-container .cards .card .content svg, .tech-slider-admin .inner .cards-container-admin .cards .card .content svg {
            height: 20px;
            width: 20px;
            margin-top: auto;
            margin-bottom: 29px
        }

    .tech-slider .inner .cards-container .cards .card .image, .tech-slider .inner .cards-container-admin .cards .card .image, .tech-slider-admin .inner .cards-container .cards .card .image, .tech-slider-admin .inner .cards-container-admin .cards .card .image {
        height: 341px;
        width: 100%;
        border-top-left-radius: 25px
    }

        .tech-slider .inner .cards-container .cards .card .image img, .tech-slider .inner .cards-container-admin .cards .card .image img, .tech-slider-admin .inner .cards-container .cards .card .image img, .tech-slider-admin .inner .cards-container-admin .cards .card .image img {
            height: 100%;
            width: 100%;
            object-fit: cover;
            border-top-left-radius: 25px
        }

@media(max-width: 1390px) {
    .tech-slider .inner .cards-container .cards .card, .tech-slider .inner .cards-container-admin .cards .card, .tech-slider-admin .inner .cards-container .cards .card, .tech-slider-admin .inner .cards-container-admin .cards .card {
        max-width: calc(40% - 14px)
    }
}

@media(max-width: 1229px) {
    .tech-slider .inner .cards-container .cards .card, .tech-slider .inner .cards-container-admin .cards .card, .tech-slider-admin .inner .cards-container .cards .card, .tech-slider-admin .inner .cards-container-admin .cards .card {
        max-width: calc(40% - 15px)
    }
}

@media(max-width: 950px) {
    .tech-slider .inner .cards-container .cards .card, .tech-slider .inner .cards-container-admin .cards .card, .tech-slider-admin .inner .cards-container .cards .card, .tech-slider-admin .inner .cards-container-admin .cards .card {
        max-width: calc(50% - 18px)
    }
}

@media(max-width: 600px) {
    .tech-slider .inner .cards-container .cards .card, .tech-slider .inner .cards-container-admin .cards .card, .tech-slider-admin .inner .cards-container .cards .card, .tech-slider-admin .inner .cards-container-admin .cards .card {
        max-width: 90%
    }
}

@media(max-width: 600px) {
    .tech-slider .inner .cards-container .cards .card, .tech-slider .inner .cards-container-admin .cards .card, .tech-slider-admin .inner .cards-container .cards .card, .tech-slider-admin .inner .cards-container-admin .cards .card {
        box-shadow: none;
        border: none;
        margin-bottom: 2rem;
        min-height: initial;
        margin-left: 0
    }

        .tech-slider .inner .cards-container .cards .card a, .tech-slider .inner .cards-container-admin .cards .card a, .tech-slider-admin .inner .cards-container .cards .card a, .tech-slider-admin .inner .cards-container-admin .cards .card a {
            display: flex;
            flex-direction: row
        }

            .tech-slider .inner .cards-container .cards .card a .image, .tech-slider .inner .cards-container-admin .cards .card a .image, .tech-slider-admin .inner .cards-container .cards .card a .image, .tech-slider-admin .inner .cards-container-admin .cards .card a .image {
                height: 78px;
                width: 78px;
                border-radius: 20px 0px 20px 0px
            }

                .tech-slider .inner .cards-container .cards .card a .image img, .tech-slider .inner .cards-container-admin .cards .card a .image img, .tech-slider-admin .inner .cards-container .cards .card a .image img, .tech-slider-admin .inner .cards-container-admin .cards .card a .image img {
                    border-radius: 20px 0px 20px 0px
                }

            .tech-slider .inner .cards-container .cards .card a .content, .tech-slider .inner .cards-container-admin .cards .card a .content, .tech-slider-admin .inner .cards-container .cards .card a .content, .tech-slider-admin .inner .cards-container-admin .cards .card a .content {
                padding: 0;
                flex: none;
                width: calc(100% - 75px);
                padding-left: 1rem;
                display: grid;
                grid-template-columns: 6fr 1fr;
                gap: 0px 0px;
                grid-template-areas: "header arrow" "copy arrow";
                padding-top: 5px;
                align-items: center;
                padding-bottom: 5px
            }

                .tech-slider .inner .cards-container .cards .card a .content h3, .tech-slider .inner .cards-container-admin .cards .card a .content h3, .tech-slider-admin .inner .cards-container .cards .card a .content h3, .tech-slider-admin .inner .cards-container-admin .cards .card a .content h3 {
                    margin: 0;
                    font-size: 20px;
                    grid-area: header;
                    line-height: 1;
                    padding-right: 5px
                }

                .tech-slider .inner .cards-container .cards .card a .content p, .tech-slider .inner .cards-container-admin .cards .card a .content p, .tech-slider-admin .inner .cards-container .cards .card a .content p, .tech-slider-admin .inner .cards-container-admin .cards .card a .content p {
                    margin: 0;
                    font-size: 15px;
                    line-height: 22px;
                    letter-spacing: 0px;
                    grid-area: copy;
                    padding-right: 5px
                }

                .tech-slider .inner .cards-container .cards .card a .content svg, .tech-slider .inner .cards-container-admin .cards .card a .content svg, .tech-slider-admin .inner .cards-container .cards .card a .content svg, .tech-slider-admin .inner .cards-container-admin .cards .card a .content svg {
                    grid-area: arrow;
                    margin: 0;
                    height: 100%;
                    height: 15px;
                    width: 15px
                }
}

@media(max-width: 1024px) {
    .tech-slider .inner .cards-container .cards, .tech-slider .inner .cards-container-admin .cards, .tech-slider-admin .inner .cards-container .cards, .tech-slider-admin .inner .cards-container-admin .cards {
        margin-left: 0
    }
}

@media(max-width: 600px) {
    .tech-slider .inner .cards-container .cards, .tech-slider .inner .cards-container-admin .cards, .tech-slider-admin .inner .cards-container .cards, .tech-slider-admin .inner .cards-container-admin .cards {
        display: block;
        width: 100%
    }
}

.tech-slider.admin .inner .content .left h2, .tech-slider-admin.admin .inner .content .left h2 {
    height: 20px;
    width: 500px;
    background: linear-gradient(to right, #c0c4cc 8%, #eff0f2 38%, #c0c4cc 54%);
    background-size: 2000px 340px
}

.tech-slider.admin .inner .content .left p, .tech-slider-admin.admin .inner .content .left p {
    height: 40px;
    width: 500px;
    background: linear-gradient(to right, #c0c4cc 8%, #eff0f2 38%, #c0c4cc 54%);
    background-size: 2000px 340px
}

.tech-slider.admin .inner .cards-container .cards .card .image, .tech-slider.admin .inner .cards-container-admin .cards .card .image, .tech-slider-admin.admin .inner .cards-container .cards .card .image, .tech-slider-admin.admin .inner .cards-container-admin .cards .card .image {
    background: linear-gradient(to right, #c0c4cc 8%, #eff0f2 38%, #c0c4cc 54%);
    background-size: 2000px 340px
}

.tech-slider.admin .inner .cards-container .cards .card .content h3, .tech-slider.admin .inner .cards-container .cards .card .content p, .tech-slider.admin .inner .cards-container-admin .cards .card .content h3, .tech-slider.admin .inner .cards-container-admin .cards .card .content p, .tech-slider-admin.admin .inner .cards-container .cards .card .content h3, .tech-slider-admin.admin .inner .cards-container .cards .card .content p, .tech-slider-admin.admin .inner .cards-container-admin .cards .card .content h3, .tech-slider-admin.admin .inner .cards-container-admin .cards .card .content p {
    height: 20px;
    background: linear-gradient(to right, #c0c4cc 8%, #eff0f2 38%, #c0c4cc 54%);
    background-size: 2000px 340px
}

.tech-slider.admin .inner .cards-container .cards .card .content h3, .tech-slider.admin .inner .cards-container-admin .cards .card .content h3, .tech-slider-admin.admin .inner .cards-container .cards .card .content h3, .tech-slider-admin.admin .inner .cards-container-admin .cards .card .content h3 {
    width: 60%
}

@media(max-width: 1794px) {
    .tech-slider .svgContainer, .tech-slider-admin .svgContainer {
        top: 48%
    }
}

@media(min-width: 1205px)and (max-width: 1645px) {
    .tech-slider .inner .flair svg, .tech-slider-admin .inner .flair svg {
        right: 16px
    }

    .tech-slider .inner .content, .tech-slider-admin .inner .content {
        max-width: 1314px
    }

    .tech-slider .inner .cards-container .cards, .tech-slider-admin .inner .cards-container .cards {
        margin-left: calc(50% - 659px)
    }

        .tech-slider .inner .cards-container .cards .card, .tech-slider-admin .inner .cards-container .cards .card {
            width: 400px
        }
}

@media(max-width: 1391px) {
    .tech-slider .inner .flair, .tech-slider-admin .inner .flair {
        display: none
    }

    .tech-slider .inner .cards-container .cards, .tech-slider-admin .inner .cards-container .cards {
        margin-left: 1rem
    }
}

@media(max-width: 600px) {
    .tech-slider .inner, .tech-slider-admin .inner {
        padding: 0 2rem
    }

        .tech-slider .inner .content, .tech-slider-admin .inner .content {
            padding: 0
        }

            .tech-slider .inner .content .left, .tech-slider-admin .inner .content .left {
                padding: 0
            }

        .tech-slider .inner .cards-container, .tech-slider-admin .inner .cards-container {
            padding: 0
        }

            .tech-slider .inner .cards-container .cards, .tech-slider-admin .inner .cards-container .cards {
                margin-left: 0
            }

                .tech-slider .inner .cards-container .cards .card, .tech-slider-admin .inner .cards-container .cards .card {
                    margin-right: 0;
                    max-width: 100%
                }
}

.tech-slider.no-swoop .svgContainer, .tech-slider-admin.no-swoop .svgContainer {
    display: none
}

.tech-slider.no-swoop .inner, .tech-slider-admin.no-swoop .inner {
    padding-top: 0;
    padding-bottom: 0
}

.tech-slider.products {
    padding-top: 9rem
}

    .tech-slider.products .inner .cards-container .cards .product-card {
        width: 397px;
        margin: 0 .5rem;
        flex: 0 0 auto
    }

@media(max-width: 600px) {
    .tech-slider.products .inner .cards-container .cards .product-card {
        width: 100%;
        border-radius: 0;
        margin: 0;
        margin-bottom: 2rem
    }
}

.collections-header {
    padding-bottom: 0px
}

    .collections-header .inner {
        padding: 0 1rem;
        width: 100%;
        max-width: 1314px;
        margin: 0 auto;
        display: flex
    }

        .collections-header .inner .image {
            height: 900px;
            width: 655px
        }

            .collections-header .inner .image img {
                height: 100%;
                width: 100%;
                object-fit: cover
            }

        .collections-header .inner .copy {
            margin-left: 1rem;
            display: flex;
            flex-direction: column;
            justify-content: center;
            max-width: 700px
        }

            .collections-header .inner .copy h1 {
                font-size: 90px;
                margin-bottom: 30px
            }

            .collections-header .inner .copy p {
                margin-bottom: 2rem;
                margin-top: 0rem
            }

@media(max-width: 1024px) {
    .collections-header .inner {
        flex-direction: column;
        align-items: center
    }

        .collections-header .inner .image {
            height: 700px;
            max-width: 515px;
            width: 100%;
            margin-bottom: 1rem;
            order: 2
        }

        .collections-header .inner .copy {
            margin-bottom: 1rem;
            order: 1
        }

            .collections-header .inner .copy h1 {
                font-size: 80px
            }
}

@media(max-width: 600px) {
    .collections-header .inner {
        padding: 0 2rem
    }

        .collections-header .inner .image {
            order: 2
        }

        .collections-header .inner .copy {
            order: 1;
            margin-left: 0
        }

            .collections-header .inner .copy h1 {
                font-size: 40px;
                line-height: 45px
            }
}

.tech-video-header {
    position: relative;
    height: 775px
}

    .tech-video-header .inner {
        position: absolute;
        height: 100%;
        width: 100%;
        max-width: 1314px;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        padding: 0rem 2rem;
        z-index: 2;
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
        padding-bottom: 10%
    }

        .tech-video-header .inner .content .type svg {
            width: 100%;
            max-width: 235px
        }

        .tech-video-header .inner .content h1, .tech-video-header .inner .content p {
            color: #fff
        }

        .tech-video-header .inner .content h1 {
            font-size: 90px
        }

        .tech-video-header .inner .content p {
            font-size: 28px
        }

    .tech-video-header .swoop {
        position: absolute;
        bottom: -1px;
        width: 100%;
        left: 0;
        z-index: 2
    }

        .tech-video-header .swoop svg {
            width: 100%;
            height: 100%
        }

    .tech-video-header .line {
        position: absolute;
        bottom: -5px;
        width: 100%;
        left: 0;
        z-index: 3
    }

        .tech-video-header .line svg {
            width: 100%;
            height: 100%
        }

    .tech-video-header .VideoBackground {
        position: relative;
        height: 100%;
        width: 100%
    }

        .tech-video-header .VideoBackground .heroVideo {
            position: absolute;
            height: 775px;
            width: 100%;
            overflow: hidden;
            top: 0;
            left: 0;
            z-index: 1
        }

        .tech-video-header .VideoBackground .image {
            height: 100%;
            width: 100%
        }

            .tech-video-header .VideoBackground .image picture img {
                height: 100%;
                width: 100%;
                object-fit: cover
            }

@media(max-width: 1600px) {
    .tech-video-header {
        height: 600px;
        overflow: hidden
    }

        .tech-video-header .swoop {
            left: -50%;
            transform: translateX(50%)
        }

        .tech-video-header .line {
            left: -50%;
            transform: translateX(50%)
        }

        .tech-video-header .inner .content h1 {
            font-size: 80px
        }
}

@media(max-width: 1075px) {
    .tech-video-header .swoop {
        transform: translateX(50%)
    }

    .tech-video-header .line {
        transform: translateX(50%)
    }

    .tech-video-header .VideoBackground {
        width: 120%
    }
}

@media(max-width: 875px) {
    .tech-video-header .VideoBackground {
        width: 150%
    }
}

@media(max-width: 675px) {
    .tech-video-header .swoop svg {
        display: none
    }

    .tech-video-header .line svg {
        display: none
    }

    .tech-video-header .inner {
        padding-top: 121px;
        align-items: flex-start
    }

        .tech-video-header .inner .content h1 {
            font-size: 50px;
            line-height: 45px
        }

        .tech-video-header .inner .content p {
            font-size: 18px;
            line-height: 30px
        }

    .tech-video-header .VideoBackground {
        width: 100%
    }

        .tech-video-header .VideoBackground .heroVideo {
            display: none
        }

        .tech-video-header .VideoBackground .image {
            object-fit: cover
        }
}

@media(min-width: 1391px)and (max-width: 1645px) {
    .tech-video-header {
        height: 600px
    }

        .tech-video-header .inner {
            max-width: 1314px
        }

        .tech-video-header .VideoBackground .heroVideo {
            height: 600px
        }
}

.ShortDesc .inner {
    padding: 0 1rem;
    padding-top: 100px;
    text-align: center;
    max-width: 1088px;
    margin: 0 auto
}

@media(max-width: 675px) {
    .ShortDesc .inner {
        padding-left: 2rem;
        padding-right: 2rem
    }

        .ShortDesc .inner h2 {
            font-size: 40px;
            line-height: 45px;
            text-align: left
        }
}

.products-header {
    height: 900px;
    position: relative
}

    .products-header .swoops {
        position: absolute;
        bottom: -3px;
        left: 0;
        z-index: 1;
        width: 100%;
        height: auto
    }

        .products-header .swoops img {
            position: absolute;
            bottom: 0;
            left: 0;
            height: auto;
            width: 100%;
            object-fit: contain
        }

    .products-header .background {
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0
    }

        .products-header .background picture {
            height: 100%;
            width: 100%
        }

            .products-header .background picture img {
                height: 100%;
                width: 100%;
                object-fit: cover
            }

    .products-header .inner {
        height: 100%;
        width: 100%;
        max-width: 1600px;
        margin: 0 auto;
        padding: 0 1rem;
        position: relative;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        z-index: 2
    }

        .products-header .inner .copy {
            width: 100%;
            margin-bottom: 0;
            max-width: 610px
        }

            .products-header .inner .copy h1 {
                max-width: 600px;
                font-size: 90px;
                margin-bottom: 30px
            }

                .products-header .inner .copy h1.wide {
                    max-width: 100%
                }

            .products-header .inner .copy p {
                margin-bottom: 0
            }

            .products-header .inner .copy .subhead {
                font-size: 28px;
                line-height: 40px
            }

    .products-header.Light .inner .copy h1, .products-header.Light .inner .copy p {
        color: #fff
    }

@media(max-width: 500px) {
    .products-header .inner .copy h1 {
        font-size: 60px;
        line-height: 1
    }

    .products-header .inner .copy h4 {
        font-size: 20px
    }
}

@media(min-width: 1391px)and (max-width: 1645px) {
    .products-header .inner {
        max-width: 1314px
    }

        .products-header .inner .copy {
            max-width: 610px
        }
}

.product-listing {
    padding: 0rem 0rem;
    padding-top: 4rem
}

    .product-listing .inner {
        padding: 0 1rem;
        max-width: 1640px;
        width: 100%;
        margin: 0 auto;
        display: grid;
        grid-template-columns: .5fr 1.5fr;
        grid-template-rows: 1fr;
        gap: 1em 2em;
        grid-template-areas: ". ."
    }

        .product-listing .inner .product-filter {
            background: #fff
        }

            .product-listing .inner .product-filter .filter-group {
                position: relative;
                background: transparent;
                margin-bottom: 4rem
            }

                .product-listing .inner .product-filter .filter-group .group-label {
                    color: #53565a;
                    font-size: 17px;
                    font-weight: 600;
                    text-transform: uppercase;
                    margin: 0
                }

                .product-listing .inner .product-filter .filter-group:first-of-type {
                    z-index: 6
                }

                .product-listing .inner .product-filter .filter-group:nth-of-type(2) {
                    z-index: 5
                }

                .product-listing .inner .product-filter .filter-group:nth-of-type(3) {
                    z-index: 4
                }

            .product-listing .inner .product-filter .filter {
                margin-bottom: 0rem;
                transition: all .25s ease-in-out;
                position: relative
            }

                .product-listing .inner .product-filter .filter .inner {
                    padding: 0
                }

                    .product-listing .inner .product-filter .filter .inner .current-filters {
                        left: -8px
                    }

                    .product-listing .inner .product-filter .filter .inner .category-group {
                        grid-column: 1/3;
                        border-radius: 0;
                        box-shadow: none
                    }

                        .product-listing .inner .product-filter .filter .inner .category-group .category {
                            max-width: none;
                            padding: 0 1rem;
                            border-right: none
                        }

                            .product-listing .inner .product-filter .filter .inner .category-group .category .drawer {
                                top: 1px
                            }

                                .product-listing .inner .product-filter .filter .inner .category-group .category .drawer .drawer-inner {
                                    left: -17px;
                                    width: calc(100% + 34px);
                                    padding-top: 0
                                }

                                    .product-listing .inner .product-filter .filter .inner .category-group .category .drawer .drawer-inner .item {
                                        max-width: none
                                    }

                                        .product-listing .inner .product-filter .filter .inner .category-group .category .drawer .drawer-inner .item .item-container {
                                            padding-left: 13px;
                                            padding-right: 28px
                                        }

                            .product-listing .inner .product-filter .filter .inner .category-group .category .interaction .right .chev {
                                display: flex
                            }

            .product-listing .inner .product-filter .current-filters .inner {
                grid-template-columns: max-content max-content max-content;
                grid-template-areas: ". . .";
                grid-gap: 1rem
            }

        .product-listing .inner .list .paginationContainer {
            display: grid;
            grid-template-rows: 1fr 1fr;
            gap: 1em 1em;
            grid-template-areas: ". . . . . . . . . . . ." ". . . . . . . . . . . .";
            justify-content: center;
            margin-top: 75px
        }

        .product-listing .inner .list .sort {
            background: transparent
        }

            .product-listing .inner .list .sort .select-container {
                margin-left: auto;
                border: 2px solid #26282a;
                border-radius: 4px;
                display: flex;
                justify-content: flex-start;
                align-items: center;
                padding: 20px 13px;
                max-width: 300px;
                max-height: 45px
            }

                .product-listing .inner .list .sort .select-container .pre {
                    margin: 0;
                    font-size: 17px;
                    font-weight: bold
                }

                    .product-listing .inner .list .sort .select-container .pre p {
                        margin: 0
                    }

                .product-listing .inner .list .sort .select-container select {
                    background: transparent;
                    flex: 1 0 auto;
                    border: none;
                    font-size: 17px;
                    font-weight: normal;
                    margin-left: .5rem
                }

@media screen and (min-color-index: 0)and (-webkit-min-device-pixel-ratio: 0) {
    .product-listing .inner .list .sort .select-container select {
        -webkit-appearance: none
    }
}

.product-listing .inner .list .sort .select-container select:focus {
    border: none;
    box-shadow: none;
    outline: none
}

.product-listing .inner .list .sort .select-container select option {
    font-size: 17px
}

.product-listing .inner .list .products {
    display: flex;
    flex-wrap: wrap;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(368px, 1fr));
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    margin-top: 34px
}

@media(max-width: 1024px) {
    .product-listing .inner .product-filter {
        grid-column: 1/3
    }

        .product-listing .inner .product-filter .filter-group {
            max-width: 400px;
            margin: 0 auto
        }

    .product-listing .inner .list {
        grid-column: 1/3
    }

        .product-listing .inner .list .sort .select-container {
            margin: 0 auto
        }
}

@media(max-width: 600px) {
    .product-listing .inner .list .products {
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr))
    }

    .product-listing .inner .list .paginationContainer {
        grid-template-areas: ". . . . . . . . . . . . . ";
        grid-template-areas: none !important;
        grid-auto-columns: 1fr 1fr 1fr 1fr;
        grid-template-columns: min-content min-content min-content min-content min-content !important
    }
}

@media(min-width: 1391px)and (max-width: 1645px) {
    .product-listing .inner {
        max-width: 1314px
    }

        .product-listing .inner .list .products {
            grid-template-columns: repeat(auto-fill, minmax(275px, 1fr))
        }

            .product-listing .inner .list .products .product-card .image {
                height: auto
            }
}

.fifty-fifty-content {
    padding: 0px 2rem
}

    .fifty-fifty-content .inner {
        display: flex;
        max-width: 1314px;
        margin: 0 auto
    }

        .fifty-fifty-content .inner .left {
            margin-left: auto
        }

            .fifty-fifty-content .inner .left .image {
                max-height: 465px;
                max-width: 620px;
                height: 100%;
                width: 100%
            }

                .fifty-fifty-content .inner .left .image img {
                    height: 100%;
                    width: 100%;
                    object-fit: cover;
                    border-radius: 20px
                }

        .fifty-fifty-content .inner .right {
            margin-right: auto;
            max-width: 602px;
            margin-left: 154px;
            display: flex;
            justify-content: center;
            align-items: center;
            max-width: 602px;
            margin-left: 92px
        }

            .fifty-fifty-content .inner .right .content h4 {
                margin: 0;
                font-size: 42px;
                font-family: bebas-kai,sans-serif;
                font-weight: normal;
                letter-spacing: 1.5px;
                line-height: 1;
                margin-bottom: 30px
            }

            .fifty-fifty-content .inner .right .content p {
                margin-top: 0
            }

            .fifty-fifty-content .inner .right .content a button:focus {
                outline: none
            }

            .fifty-fifty-content .inner .right .content .icons {
                margin-top: 1.5rem;
                display: grid;
                grid-template-columns: 1fr 1fr 1fr;
                grid-template-rows: 1fr;
                grid-template-areas: ". . .";
                max-width: 440px
            }

                .fifty-fifty-content .inner .right .content .icons p {
                    display: none
                }

                .fifty-fifty-content .inner .right .content .icons .icon {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    padding-top: 1rem;
                    padding-bottom: 1rem
                }

                    .fifty-fifty-content .inner .right .content .icons .icon p {
                        display: block;
                        margin-bottom: 0;
                        text-align: center;
                        line-height: 1
                    }

                    .fifty-fifty-content .inner .right .content .icons .icon svg, .fifty-fifty-content .inner .right .content .icons .icon img {
                        height: auto;
                        width: 60px;
                        height: 60px;
                        margin-bottom: 1rem
                    }

    .fifty-fifty-content.Right .inner .left {
        margin-right: auto;
        order: 2
    }

    .fifty-fifty-content.Right .inner .right {
        margin-left: auto;
        margin-right: 96px
    }

    .fifty-fifty-content.admin .inner .left .image {
        height: 650px;
        width: 812px;
        border-radius: 20px;
        background-color: #eff0f2;
        display: inline-block;
        background: linear-gradient(to right, #c0c4cc 8%, #eff0f2 38%, #c0c4cc 54%);
        background-size: 5000px 640px
    }

    .fifty-fifty-content.admin .inner .right .content .text .placeholder {
        background-color: #eff0f2;
        display: inline-block;
        background: linear-gradient(to right, #c0c4cc 8%, #eff0f2 38%, #c0c4cc 54%);
        background-size: 2000px 340px
    }

        .fifty-fifty-content.admin .inner .right .content .text .placeholder.header {
            height: 16px;
            width: 200px;
            display: block
        }

        .fifty-fifty-content.admin .inner .right .content .text .placeholder.copy {
            margin-top: 1rem;
            height: 113px;
            width: 440px;
            display: block
        }

    .fifty-fifty-content.admin .inner .right .icons .icon {
        background-color: #eff0f2;
        display: inline-block;
        background: linear-gradient(to right, #c0c4cc 8%, #eff0f2 38%, #c0c4cc 54%);
        background-size: 2000px 340px;
        height: 81px;
        width: 63px
    }

@media(max-width: 1506px) {
    .fifty-fifty-content .inner .right {
        margin-left: 50px
    }
}

@media(max-width: 1050px) {
    .fifty-fifty-content {
        padding: 4rem 1rem
    }

        .fifty-fifty-content .inner {
            flex-direction: column
        }

            .fifty-fifty-content .inner .right {
                margin-right: auto;
                margin-left: auto
            }

            .fifty-fifty-content .inner .left {
                margin-right: auto;
                margin-left: auto
            }

                .fifty-fifty-content .inner .left .image {
                    margin: 0 auto;
                    margin-bottom: 3rem;
                    height: 100%;
                    width: 100%;
                    max-height: 100%;
                    max-width: 535px
                }

        .fifty-fifty-content.Right .inner {
            flex-direction: column
        }

            .fifty-fifty-content.Right .inner .right {
                order: 2;
                margin: 0 auto
            }

            .fifty-fifty-content.Right .inner .left {
                order: 1
            }

                .fifty-fifty-content.Right .inner .left .image {
                    margin: 0 auto;
                    margin-bottom: 3rem;
                    height: 100%;
                    width: 100%;
                    max-height: 100%;
                    max-width: 535px
                }
}

@media(max-width: 775px) {
    .fifty-fifty-content .inner .left .image {
        margin-bottom: 50px
    }

    .fifty-fifty-content .inner .right .content .icons {
        grid-template-columns: 1fr 1fr;
        grid-template-areas: ". ." ". .";
        gap: 1rem 1rem
    }

        .fifty-fifty-content .inner .right .content .icons .icon {
            margin: 0
        }
}

@media(min-width: 1391px)and (max-width: 1645px) {
    .fifty-fifty-content .inner {
        max-width: 1314px
    }

    .fifty-fifty-content.Right .inner .right {
        margin-right: 154px
    }
}

.sustainability .fifty-fifty-content .inner .right {
    max-width: 602px;
    margin-left: 92px
}

    .sustainability .fifty-fifty-content .inner .right .content .text ul {
        padding-left: 1rem
    }

    .sustainability .fifty-fifty-content .inner .right .content .text h4 {
        display: flex;
        align-items: center;
        font-family: "Jomolhari",serif;
        font-size: 20px;
        text-transform: capitalize;
        letter-spacing: 0
    }

        .sustainability .fifty-fifty-content .inner .right .content .text h4 span {
            font-family: bebas-kai,sans-serif;
            font-size: 50px;
            border-right: 3px solid #212529;
            padding-right: 10px;
            margin-right: 10px
        }

    .sustainability .fifty-fifty-content .inner .right .content p {
        font-size: 16px
    }

.sustainability .fifty-fifty-content.Right .inner .right {
    margin-left: 0
}

@media(max-width: 1050px) {
    .sustainability .fifty-fifty-content .inner .right {
        margin-right: auto;
        margin-left: auto
    }

    .sustainability .fifty-fifty-content .inner .left {
        margin-right: auto;
        margin-left: auto
    }

    .sustainability .fifty-fifty-content.Right .inner .right {
        margin-right: auto;
        margin-left: auto
    }

    .sustainability .fifty-fifty-content.Right .inner .left {
        margin-right: auto;
        margin-left: auto
    }
}

.featured-products {
    padding: 0rem 1rem;
    position: relative
}

    .featured-products .inner {
        width: 100%;
        max-width: 1640px;
        margin: 0 auto
    }

        .featured-products .inner .content {
            max-width: 530px
        }

            .featured-products .inner .content .title {
                font-family: "poppins",sans-serif;
                letter-spacing: 16.8px;
                color: #db9300;
                text-transform: uppercase;
                opacity: .5;
                margin-bottom: 55px;
                font-size: 28px
            }

            .featured-products .inner .content h2 {
                font-size: 60px;
                font-weight: 500;
                font-family: bebas-kai,sans-serif;
                letter-spacing: 1.8px;
                color: #25282a;
                text-transform: uppercase;
                margin: 0;
                line-height: 1;
                margin-bottom: 40px
            }

        .featured-products .inner .product-cards {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(368px, 1fr));
            grid-column-gap: 1rem;
            grid-row-gap: 1rem;
            margin-top: 7rem
        }

@media(max-width: 600px) {
    .featured-products .inner .content p.title {
        font-size: 20px;
        line-height: 30px;
        font-family: franklin-gothic-urw,sans-serif;
        margin-bottom: 30px
    }

    .featured-products .inner .content h2 {
        font-size: 40px;
        line-height: 45px
    }

    .featured-products .inner .product-cards {
        grid-template-columns: repeat(auto-fill, minmax(335px, 1fr))
    }

        .featured-products .inner .product-cards .product-card {
            min-height: initial;
            flex-direction: row;
            border: none
        }

            .featured-products .inner .product-cards .product-card .image {
                height: 78px;
                width: 78px
            }

            .featured-products .inner .product-cards .product-card .card-content {
                flex: none;
                width: calc(100% - 78px);
                padding-top: .5rem
            }

                .featured-products .inner .product-cards .product-card .card-content h4 {
                    font-size: 20px;
                    line-height: 25px
                }

                .featured-products .inner .product-cards .product-card .card-content p {
                    font-size: 15px;
                    line-height: 22px
                }
}

@media(max-width: 600px)and (max-width: 600px) {
    .featured-products .inner .product-cards .product-card .card-content button, .featured-products .inner .product-cards .product-card .card-content .Button {
        font-size: 15px;
        padding: 10px 20px
    }
}

.featured-products.admin .inner .content .title {
    background: linear-gradient(to right, #c0c4cc 8%, #eff0f2 38%, #c0c4cc 54%);
    background-size: 2000px 340px;
    color: transparent;
    width: 50%
}

.featured-products.admin .inner .content h2 {
    background: linear-gradient(to right, #c0c4cc 8%, #eff0f2 38%, #c0c4cc 54%);
    background-size: 2000px 340px;
    color: transparent;
    height: 60px
}

.featured-products.admin .inner .product-cards .product-card .image {
    background: linear-gradient(to right, #c0c4cc 8%, #eff0f2 38%, #c0c4cc 54%);
    background-size: 2000px 340px;
    border-radius: 32px 0px 0px 0px
}

.featured-products.admin .inner .product-cards .card-content h4 {
    background: linear-gradient(to right, #c0c4cc 8%, #eff0f2 38%, #c0c4cc 54%);
    background-size: 2000px 340px;
    color: transparent;
    width: 60%
}

.featured-products.admin .inner .product-cards .card-content .desc {
    background: linear-gradient(to right, #c0c4cc 8%, #eff0f2 38%, #c0c4cc 54%);
    background-size: 2000px 340px;
    color: transparent;
    width: 40%
}

.featured-products.admin .inner .product-cards .card-content .category {
    font-family: franklin-gothic-urw,sans-serif;
    background: linear-gradient(to right, #c0c4cc 8%, #eff0f2 38%, #c0c4cc 54%);
    background-size: 2000px 340px;
    color: transparent;
    width: 30%;
    margin-left: 0
}

    .featured-products.admin .inner .product-cards .card-content .category::before {
        display: none
    }

@media(min-width: 1391px)and (max-width: 1645px) {
    .featured-products .inner {
        max-width: 1314px
    }

        .featured-products .inner .product-cards {
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr))
        }
}

@media(max-width: 600px) {
    .featured-products {
        padding: 0 2rem
    }
}

.join-up {
    padding: 48px 1rem;
    border-top: 1px solid #eff0f3
}

    .join-up .inner {
        max-width: 1314px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap
    }

        .join-up .inner .left {
            width: 100%;
            max-width: 304px;
            border-right: 1px solid #eff0f3
        }

            .join-up .inner .left h3 {
                font-family: bebas-kai,sans-serif;
                font-size: 53px;
                margin: 0;
                font-weight: 500;
                max-width: 283px;
                line-height: 1
            }

        .join-up .inner .right {
            display: flex;
            flex: 1 0 auto;
            align-items: center;
            justify-content: space-between;
            padding-left: 16px;
            flex-wrap: wrap
        }

            .join-up .inner .right p {
                margin: 0;
                font-weight: 600;
                font-size: 20px
            }

            .join-up .inner .right form {
                display: flex;
                width: 100%;
                max-width: 565px;
                flex-wrap: wrap
            }

                .join-up .inner .right form div {
                    width: 100%;
                    max-width: 565px;
                    display: flex
                }

                    .join-up .inner .right form div:first-of-type {
                        margin-bottom: 20px
                    }

                    .join-up .inner .right form div label {
                        font-family: franklin-gothic-urw,sans-serif;
                        font-size: 12px
                    }

                .join-up .inner .right form #email {
                    border: none;
                    margin: 0;
                    border: 1px solid #f2a900;
                    width: 100%;
                    border-right: none;
                    font-family: franklin-gothic-urw,sans-serif;
                    font-size: 20px;
                    padding: 0 10px
                }

                .join-up .inner .right form #subscribe {
                    border: 1px solid #f2a900;
                    padding: 14px 24px;
                    background: #f2a900;
                    font-family: bebas-kai,sans-serif;
                    transition: all .25s ease-in-out;
                    font-size: 21px;
                    cursor: pointer
                }

                    .join-up .inner .right form #subscribe:hover {
                        background: #fff;
                        color: #f2a900
                    }

                .join-up .inner .right form #terms {
                    margin-top: 10px;
                    margin-right: 1rem
                }

@media(max-width: 1391px) {
    .join-up .inner .right {
        flex-direction: column;
        align-items: flex-end
    }
}

@media(max-width: 1000px) {
    .join-up .inner {
        flex-direction: column
    }

        .join-up .inner .left {
            border-right: none;
            max-width: 100%;
            text-align: center;
            margin-bottom: .5rem
        }

            .join-up .inner .left h3 {
                max-width: 100%
            }

        .join-up .inner .right {
            flex-direction: column;
            padding: 0;
            align-items: center
        }
}

@media(max-width: 1400px) {
    .fabric-details.one-rows .details-container .divider:nth-of-type(2) {
        display: none
    }
}

@media(max-width: 985px) {
    .fabric-details.one-rows .details-container .divider {
        display: none
    }
}

.fabric-details.one-rows .details-container .divider:last-of-type {
    display: none
}

@media(max-width: 1400px) {
    .fabric-details.two-rows .details-container .divider:nth-of-type(even) {
        display: none
    }

    .fabric-details.two-rows .details-container .divider:nth-of-type(3) {
        display: inline-block
    }
}

.fabric-details.two-rows .details-container .divider:last-of-type {
    display: none
}

@media(min-width: 1401px) {
    .fabric-details.two-rows .details-container .divider:nth-of-type(3) {
        display: none
    }
}

.fabric-details .inner {
    text-align: center;
    width: 100%;
    max-width: 1314px;
    margin: 0 auto;
    padding-left: 1rem;
    padding-right: 1rem
}

@media(min-width: 1391px)and (max-width: 1645px) {
    .fabric-details .inner {
        max-width: 1314px
    }
}

.fabric-details .details-container {
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
    width: 100%;
    max-width: 1314px;
    margin: 0 auto;
    padding-left: 1rem;
    padding-right: 1rem
}

@media(min-width: 1391px)and (max-width: 1645px) {
    .fabric-details .details-container {
        max-width: 1314px
    }
}

.fabric-details .details-container .divider {
    display: inline-block;
    width: 2px;
    height: auto;
    background-color: #f5ba33;
    margin-bottom: 2rem
}

.fabric-details .detail {
    position: relative;
    text-align: center;
    width: 100%;
    max-width: 425px;
    padding-right: 2rem;
    padding-left: 2rem;
    margin-bottom: 2rem
}

@media(min-width: 1391px)and (max-width: 1645px) {
    .fabric-details .detail {
        max-width: 425px
    }
}

@media(max-width: 600px) {
    .fabric-details.two-rows .details-container .divider:nth-of-type(even) {
        display: block
    }

    .fabric-details.two-rows .details-container .divider:last-of-type {
        display: none
    }

    .fabric-details .details-container {
        padding: 0
    }

        .fabric-details .details-container .detail h3, .fabric-details .details-container .detail p {
            text-align: left
        }

        .fabric-details .details-container .divider {
            width: 80%;
            max-width: 200px;
            margin-left: auto;
            margin-right: auto;
            height: 2px;
            display: block
        }

            .fabric-details .details-container .divider:nth-of-type(even) {
                display: block
            }

            .fabric-details .details-container .divider:last-of-type {
                display: none
            }
}

.description-block-container {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 8.875rem;
    margin-top: 4.375rem
}

    .description-block-container div {
        margin: 0 0 4.375rem 0
    }

        .description-block-container div h3 {
            margin-bottom: .5rem;
            font-size: 1.625rem;
            font-family: franklin-gothic-urw,sans-serif;
            font-weight: bold;
            letter-spacing: 1.04px;
            line-height: 35px
        }

        .description-block-container div p {
            margin: 0
        }

@media(max-width: 768px) {
    .description-block-container {
        grid-template-columns: repeat(1, 1fr)
    }

        .description-block-container div {
            margin: 0 0 2rem 0
        }
}

* {
    box-sizing: border-box
}

body {
    margin: 0
}

.link-label {
    height: 1px;
    width: 1px;
    position: absolute;
    overflow: hidden;
    top: -10px
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
    margin: 0
}

h1, .h1 {
    font-family: bebas-kai,sans-serif;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    font-size: 75px;
    line-height: 100px
}

@media(max-width: 1640px) {
    h1, .h1 {
        font-size: 75px
    }
}

h2, .h2 {
    font-family: bebas-kai,sans-serif;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    font-size: 64px;
    line-height: 60px
}

    h2 sup, .h2 sup {
        font-size: 60%
    }

h3, .h3 {
    font-family: bebas-kai,sans-serif;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    font-size: 32px;
    line-height: 40px
}

h4, .h4 {
    font-family: franklin-gothic-urw,sans-serif;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    font-size: 26px;
    line-height: 20px;
    letter-spacing: 1px
}

h5, .h5 {
    font-family: franklin-gothic-urw,sans-serif;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    font-size: 28px;
    line-height: 30px;
    letter-spacing: 16px
}

p {
    font-family: franklin-gothic-urw,sans-serif;
    font-size: 18px;
    line-height: 35px
}

    p a {
        text-decoration: underline;
        color: #25282a
    }

        p a sup {
            text-decoration: none
        }

    p.white a {
        text-decoration: none;
        color: #fff
    }

@media(max-width: 1640px) {
    p {
        font-size: 16px
    }
}

a {
    text-decoration: none;
    color: #25282a
}

    a:hover {
        color: #f2a900
    }

footer {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 100px 0;
    background-color: #25282a
}

    footer p, footer a {
        color: #fff;
        font-family: franklin-gothic-urw,sans-serif
    }

.top--footer {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1314px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding-left: 1rem;
    padding-right: 1rem
}

@media(min-width: 1391px)and (max-width: 1645px) {
    .top--footer {
        max-width: 1315px
    }
}

.bottom--footer {
    display: flex;
    flex-flow: row wrap;
    max-width: 1314px;
    width: 100%;
    height: auto;
    margin: 60px auto 0;
    border-top: 1px solid #fff;
    padding-top: 60px;
    padding-left: 1rem;
    padding-right: 1rem
}

    .bottom--footer div {
        display: flex;
        flex-flow: row wrap;
        max-width: 1640px;
        width: 100%;
        height: auto;
        margin: 0 auto
    }

        .bottom--footer div .social-links {
            margin-left: auto
        }

        .bottom--footer div .jap-social-links {
            margin-left: 2rem;
            position: relative;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            margin-bottom: 3rem
        }

            .bottom--footer div .jap-social-links li:first-of-type {
                margin: 0
            }

            .bottom--footer div .jap-social-links p {
                flex: 1 0 auto;
                text-align: center;
                margin: 0;
                margin-bottom: 1rem
            }

            .bottom--footer div .jap-social-links:before {
                content: " ";
                display: block;
                position: absolute;
                left: -7px;
                top: 25px;
                width: 4px;
                height: 100%;
                background-color: #fff
            }

    .bottom--footer p {
        width: 100%;
        margin-bottom: 45px
    }

@media(min-width: 1391px)and (max-width: 1645px) {
    .bottom--footer {
        max-width: 1315px
    }
}

.boilerplate {
    display: block;
    width: 100%;
    max-width: 540px
}

    .boilerplate a.logo {
        display: inline-block;
        width: 260px;
        height: 62px;
        margin-bottom: 45px
    }

        .boilerplate a.logo .footer-logo-1 {
            fill: #fff
        }

        .boilerplate a.logo .footer-logo-2 {
            fill: #fff
        }

    .boilerplate p {
        margin: 0 0 10px 0
    }

    .boilerplate strong {
        font-size: 26px
    }

@media(max-width: 600px) {
    .boilerplate {
        margin-bottom: 2rem
    }
}

nav.footer--nav {
    display: flex
}

    nav.footer--nav ul {
        margin: 0 110px 0 0;
        padding: 0
    }

        nav.footer--nav ul:last-child {
            margin: 0
        }

    nav.footer--nav li {
        margin: 0;
        padding: 0;
        list-style: none;
        margin-bottom: 20px
    }

        nav.footer--nav li:first-child {
            margin-bottom: 40px
        }

            nav.footer--nav li:first-child a {
                font-weight: bold;
                text-transform: uppercase;
                font-size: 26px
            }

        nav.footer--nav li p {
            font-size: 26px;
            font-weight: bold
        }

    nav.footer--nav button {
        background-color: transparent;
        border: 0;
        cursor: pointer
    }

    nav.footer--nav a, nav.footer--nav button {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-family: franklin-gothic-urw,sans-serif;
        text-decoration: none;
        font-size: 18px
    }

    nav.footer--nav svg {
        width: 18px;
        height: 18px;
        margin-right: 10px
    }

.legal-links {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0
}

    .legal-links li {
        display: inline-block;
        margin: 0 100px 0 0;
        padding: 0;
        list-style: none
    }

        .legal-links li:last-child {
            margin: 0
        }

        .legal-links li button.ot-sdk-show-settings {
            border: none !important;
            color: #fff !important;
            font-family: franklin-gothic-urw,sans-serif;
            font-size: initial !important;
            padding: 0 !important
        }

            .legal-links li button.ot-sdk-show-settings:hover {
                background-color: transparent !important;
                text-decoration: none !important
            }

    .legal-links a {
        color: #fff;
        text-decoration: none
    }

.social-links, .jap-social-links {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0
}

    .social-links li, .jap-social-links li {
        margin: 0 0 0 50px;
        padding: 0;
        list-style: none
    }

        .social-links li:first-child, .jap-social-links li:first-child {
            margin: 0
        }

    .social-links a, .jap-social-links a {
        color: #fff;
        text-decoration: none
    }

    .social-links svg, .jap-social-links svg {
        width: 35px;
        height: 35px
    }

@media(max-width: 1190px) {
    footer .top--footer, footer .bottom--footer {
        flex-direction: column;
        max-width: 600px
    }

        footer .top--footer > div, footer .bottom--footer > div {
            justify-content: flex-start
        }

            footer .top--footer > div .legal-links, footer .bottom--footer > div .legal-links {
                width: 100%;
                margin-bottom: 2rem
            }

            footer .top--footer > div .social-links, footer .bottom--footer > div .social-links {
                margin-left: 0
            }
}

@media(max-width: 1109px) {
    footer .top--footer, footer .bottom--footer {
        flex-direction: column;
        max-width: 600px
    }

        footer .top--footer > div .legal-links, footer .bottom--footer > div .legal-links {
            margin-bottom: 1rem
        }

            footer .top--footer > div .legal-links li, footer .bottom--footer > div .legal-links li {
                margin: 0 1rem 0 0
            }
}

@media(max-width: 600px) {
    footer .top--footer {
        flex-direction: column
    }

        footer .top--footer .footer--nav {
            flex-direction: column;
            width: 100%
        }

            footer .top--footer .footer--nav ul {
                display: grid;
                grid-template-columns: repeat(auto-fill, minmax(115px, 1fr));
                grid-column-gap: 1rem;
                grid-row-gap: 1rem;
                width: 100%;
                margin: 0;
                margin-bottom: 2rem
            }

                footer .top--footer .footer--nav ul li:first-of-type {
                    grid-column: 1/5;
                    margin-bottom: 1rem
                }

    footer .bottom--footer > div .legal-links {
        margin-bottom: 1rem
    }

        footer .bottom--footer > div .legal-links li {
            margin: 0 1rem 0 0
        }
}

@media(max-width: 500px) {
    footer .bottom--footer > div .social-links {
        width: 100%
    }

    footer .bottom--footer > div .jap-social-links {
        margin: 0;
        margin-left: 0rem;
        justify-content: initial
    }

        footer .bottom--footer > div .jap-social-links::before {
            display: none
        }

        footer .bottom--footer > div .jap-social-links p {
            text-align: left;
            padding-left: 1px;
            margin-bottom: 0;
            margin-top: 1rem
        }

    footer ul {
        grid-template-columns: repeat(auto-fill, minmax(85px, 1fr)) !important
    }

        footer ul li:first-of-type {
            grid-column: 1/4 !important
        }
}

@media(max-width: 350px) {
    footer ul li:first-of-type {
        grid-column: 1/3 !important
    }
}

header {
    display: block;
    width: 100%;
    height: 140px;
    margin: 0 auto;
    position: relative;
    z-index: 35
}

    header.light {
        background-color: #fff
    }

        header.light li a, header.light button {
            color: #25282a
        }

        header.light .top-logo-1 {
            fill: #f5a800
        }

        header.light .top-logo-2 {
            fill: #24272a
        }

    header.dark {
        background-color: #25282a
    }

        header.dark li a, header.dark button {
            color: #fff
        }

        header.dark .top-logo-1 {
            fill: #fff
        }

        header.dark .top-logo-2 {
            fill: #fff
        }

    header.transparent {
        background-color: transparent
    }

        header.transparent li a, header.transparent button {
            color: #fff
        }

        header.transparent .top-logo-1 {
            fill: #fff
        }

        header.transparent .top-logo-2 {
            fill: #fff
        }

    header > div {
        display: flex;
        justify-content: space-between;
        align-items: center;
        max-width: 1314px;
        width: 100%;
        height: calc(100% - 40px);
        margin: 0 auto;
        padding-left: 1rem;
        padding-right: 1rem
    }

    header .upper-nav {
        height: 40px;
        background-color: #fff;
        border-bottom: 1px solid #eee;
        max-width: 100%
    }

        header .upper-nav .upper-inner {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            width: 100%;
            max-width: 1315px;
            margin: 0 auto;
            padding: 0 1rem
        }

            header .upper-nav .upper-inner a {
                font-family: franklin-gothic-urw,sans-serif;
                font-size: 12px;
                font-weight: 600;
                color: #53565a;
                margin-right: 30px;
                display: flex;
                justify-content: center;
                align-items: center
            }

                header .upper-nav .upper-inner a:last-of-type {
                    margin-right: 0
                }

                header .upper-nav .upper-inner a svg {
                    margin-left: .5rem;
                    height: 12px;
                    width: 12px
                }

    header a.logo {
        display: inline-block;
        width: 175px;
        height: 40px;
        transition: .25s all ease-in-out
    }

        header a.logo.nav-open {
            opacity: 0
        }

    header.open {
        z-index: 50
    }

        header.open nav.primary--nav button svg.fa-bars {
            transform: rotate(180deg);
            opacity: 0
        }

        header.open nav.primary--nav button svg.fa-times {
            transform: rotate(0deg);
            opacity: 1
        }

        header.open nav.modal--nav {
            transform: translateX(-100vw)
        }

nav.primary--nav {
    display: flex;
    justify-content: space-between;
    align-items: center
}

    nav.primary--nav .nav-search {
        font-family: bebas-kai,sans-serif;
        text-decoration: none;
        font-size: 18px;
        cursor: pointer
    }

    nav.primary--nav .search-model {
        display: none;
        padding: 0 1rem
    }

        nav.primary--nav .search-model .inner {
            width: 100%;
            max-width: 1314px
        }

            nav.primary--nav .search-model .inner .the-closer {
                display: flex;
                justify-content: flex-end
            }

                nav.primary--nav .search-model .inner .the-closer p {
                    padding: 1rem 1.7rem;
                    color: #dfe2e5;
                    margin-bottom: 0;
                    cursor: pointer
                }

            nav.primary--nav .search-model .inner form {
                display: flex;
                margin: 50px 0;
                margin-bottom: 0
            }

                nav.primary--nav .search-model .inner form input[type=text] {
                    flex: 1 auto;
                    border: none;
                    border-bottom: #dfe2e5 2px solid;
                    margin-right: 2rem;
                    font-family: bebas-kai,sans-serif;
                    font-size: 30px;
                    background: transparent;
                    color: #fff
                }

                    nav.primary--nav .search-model .inner form input[type=text]:focus {
                        outline: none;
                        box-shadow: none
                    }

                    nav.primary--nav .search-model .inner form input[type=text]::placeholder {
                        color: #fff
                    }

                    nav.primary--nav .search-model .inner form input[type=text]::-ms-input-placeholder, nav.primary--nav .search-model .inner form input[type=text]:-ms-input-placeholder, nav.primary--nav .search-model .inner form input[type=text]::placeholder {
                        color: blue
                    }

                nav.primary--nav .search-model .inner form input[type=submit] {
                    padding: 15px 20px;
                    border: 2px solid #f2a900;
                    background: #f2a900;
                    color: #25282a;
                    font-size: 20px;
                    border-radius: 4px;
                    font-family: bebas-kai,sans-serif
                }

        nav.primary--nav .search-model.open {
            width: 100%;
            height: 100%;
            background: #53565a;
            position: fixed;
            top: 0;
            right: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 1
        }

    nav.primary--nav ul {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0;
        padding: 0
    }

    nav.primary--nav li {
        margin: 0;
        padding: 0;
        list-style: none;
        margin-right: 60px
    }

    nav.primary--nav button {
        background-color: transparent;
        border: 0;
        cursor: pointer
    }

    nav.primary--nav a, nav.primary--nav button {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-family: bebas-kai,sans-serif;
        text-decoration: none;
        font-size: 18px;
        position: relative
    }

        nav.primary--nav a svg, nav.primary--nav button svg {
            color: #444
        }

            nav.primary--nav a svg.fa-bars, nav.primary--nav button svg.fa-bars {
                transform: rotate(0deg);
                opacity: 1;
                transition: .25s all ease-in-out;
                position: absolute;
                left: 0
            }

            nav.primary--nav a svg.fa-times, nav.primary--nav button svg.fa-times {
                transform: rotate(180deg);
                opacity: 0;
                transition: .25s all ease-in-out;
                position: absolute;
                left: 0
            }

        nav.primary--nav a:focus, nav.primary--nav button:focus {
            outline: none
        }

    nav.primary--nav button {
        padding-left: 1.7rem
    }

    nav.primary--nav svg {
        width: 18px;
        height: 18px;
        margin-right: 10px
    }

nav.modal--nav {
    overflow: scroll;
    display: block;
    position: fixed;
    height: calc(100% - 100px);
    width: 100%;
    background: #fff;
    top: 100px;
    right: -100vw;
    transition: .25s all ease-in-out
}

    nav.modal--nav .inner-nav {
        padding: 0 1rem;
        padding-bottom: 1rem;
        display: grid;
        grid-template-columns: 1fr .5fr .5fr;
        grid-template-rows: 1fr;
        grid-auto-rows: 1fr 1fr;
        grid-auto-flow: row;
        justify-content: center;
        justify-items: center;
        grid-template-areas: ". . .";
        height: 100%;
        width: 100%;
        max-width: 1640px;
        margin: 0 auto
    }

        nav.modal--nav .inner-nav div {
            width: 100%
        }

        nav.modal--nav .inner-nav .primary ul {
            list-style: none;
            margin: 0;
            padding: 0
        }

            nav.modal--nav .inner-nav .primary ul li {
                margin-bottom: 23px
            }

                nav.modal--nav .inner-nav .primary ul li a {
                    font-family: bebas-kai,sans-serif;
                    font-size: 60px;
                    line-height: 77px;
                    text-decoration: none;
                    transition: .25s all ease-in-out
                }

                    nav.modal--nav .inner-nav .primary ul li a svg {
                        height: 28px;
                        width: 28px
                    }

                nav.modal--nav .inner-nav .primary ul li:hover a {
                    color: #f2a900
                }

                nav.modal--nav .inner-nav .primary ul li.hover a {
                    color: #f2a900
                }

        nav.modal--nav .inner-nav .primary .mobile-only {
            display: none
        }

        nav.modal--nav .inner-nav .primary .main-nav-footer .copyright {
            font-size: 12px;
            letter-spacing: .6px;
            color: #53565a;
            font-family: franklin-gothic-urw,sans-serif;
            line-height: 1;
            margin-top: 3rem;
            max-width: 260px
        }

        nav.modal--nav .inner-nav .primary .main-nav-footer .select-container {
            margin-bottom: 2rem;
            border: 2px solid #26282a;
            border-radius: 4px;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            padding: 15px 13px;
            max-width: 300px
        }

            nav.modal--nav .inner-nav .primary .main-nav-footer .select-container svg {
                height: 20px;
                width: 20px
            }

                nav.modal--nav .inner-nav .primary .main-nav-footer .select-container svg.fa-chevron-up {
                    transform: rotate(180deg)
                }

            nav.modal--nav .inner-nav .primary .main-nav-footer .select-container select {
                -webkit-appearance: none;
                background: transparent;
                flex: 1 0 auto;
                border: none;
                font-size: 17px;
                font-weight: normal;
                margin-left: .5rem
            }

        nav.modal--nav .inner-nav .primary .main-nav-footer .legal-links {
            display: grid;
            grid-auto-flow: column;
            grid-auto-rows: 1fr;
            grid-template-columns: repeat(2, 1fr) 1fr;
            grid-template-rows: repeat(3, 1fr);
            gap: 0px 0px
        }

@media(max-width: 500px) {
    nav.modal--nav .inner-nav .primary .main-nav-footer .legal-links {
        grid-template-rows: repeat(4, 1fr)
    }
}

nav.modal--nav .inner-nav .primary .main-nav-footer .legal-links li {
    margin: 0;
    display: block
}

    nav.modal--nav .inner-nav .primary .main-nav-footer .legal-links li.mobile-only {
        display: none
    }

        nav.modal--nav .inner-nav .primary .main-nav-footer .legal-links li.mobile-only a svg {
            height: 12px;
            width: 12px
        }

@media(max-width: 900px) {
    nav.modal--nav .inner-nav .primary .main-nav-footer .legal-links li.mobile-only {
        display: block
    }
}

nav.modal--nav .inner-nav .primary .main-nav-footer .legal-links li a {
    font-size: 12px;
    letter-spacing: .6px;
    color: #53565a;
    font-family: franklin-gothic-urw,sans-serif;
    line-height: 1;
    white-space: nowrap
}

    nav.modal--nav .inner-nav .primary .main-nav-footer .legal-links li a.ot-sdk-show-settings {
        border: none !important;
        color: #53565a !important;
        font-family: franklin-gothic-urw,sans-serif;
        font-size: 12px !important;
        padding: 0 !important
    }

        nav.modal--nav .inner-nav .primary .main-nav-footer .legal-links li a.ot-sdk-show-settings:hover {
            background-color: transparent !important;
            text-decoration: none !important
        }

nav.modal--nav .inner-nav .sub {
    padding-top: 2rem;
    position: relative;
    opacity: 0;
    z-index: -1
}

    nav.modal--nav .inner-nav .sub.show {
        opacity: 1;
        z-index: 1
    }

    nav.modal--nav .inner-nav .sub:hover {
        opacity: 1;
        z-index: 1
    }

    nav.modal--nav .inner-nav .sub ul {
        list-style: none;
        margin: 0;
        padding: 0
    }

        nav.modal--nav .inner-nav .sub ul li {
            margin-bottom: 23px;
            font-family: bebas-kai,sans-serif;
            font-size: 20px;
            line-height: 24px;
            color: #25282a;
            text-decoration: none;
            transition: .25s all ease-in-out
        }

            nav.modal--nav .inner-nav .sub ul li a, nav.modal--nav .inner-nav .sub ul li p {
                font-family: bebas-kai,sans-serif;
                font-size: 20px;
                line-height: 24px;
                color: #25282a;
                text-decoration: none;
                transition: .25s all ease-in-out
            }

                nav.modal--nav .inner-nav .sub ul li a:hover, nav.modal--nav .inner-nav .sub ul li p:hover {
                    color: #f2a900
                }

            nav.modal--nav .inner-nav .sub ul li.hidden {
                display: none
            }

                nav.modal--nav .inner-nav .sub ul li.hidden a {
                    color: green
                }

nav.modal--nav .inner-nav .cards {
    padding-bottom: 1rem
}

    nav.modal--nav .inner-nav .cards .double-cta {
        padding: 0;
        height: 100%
    }

        nav.modal--nav .inner-nav .cards .double-cta .inner {
            height: 100%;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start
        }

            nav.modal--nav .inner-nav .cards .double-cta .inner .left {
                margin-bottom: 2rem
            }

            nav.modal--nav .inner-nav .cards .double-cta .inner .right {
                margin-left: 0
            }

            nav.modal--nav .inner-nav .cards .double-cta .inner .left, nav.modal--nav .inner-nav .cards .double-cta .inner .right {
                max-width: 500px;
                max-height: 400px
            }

                nav.modal--nav .inner-nav .cards .double-cta .inner .left .image, nav.modal--nav .inner-nav .cards .double-cta .inner .right .image {
                    border-radius: 25px
                }

                    nav.modal--nav .inner-nav .cards .double-cta .inner .left .image img, nav.modal--nav .inner-nav .cards .double-cta .inner .right .image img {
                        border-radius: 25px
                    }

@media(min-width: 1391px)and (max-width: 1645px) {
    nav.modal--nav .inner-nav .cards .double-cta .inner {
        justify-content: flex-start
    }

        nav.modal--nav .inner-nav .cards .double-cta .inner .left, nav.modal--nav .inner-nav .cards .double-cta .inner .right {
            height: 300px;
            width: 400px
        }
}

@media(min-width: 1391px)and (max-width: 1645px) {
    nav.modal--nav {
        overflow: scroll
    }
}

@media(max-width: 1025px) {
    header {
        height: 100px
    }

        header .upper-nav {
            display: none
        }

        header > div {
            height: 100px
        }

            header > div .primary--nav {
                width: 100%
            }

                header > div .primary--nav ul {
                    display: none
                }

                header > div .primary--nav button {
                    margin-left: auto
                }

            header > div .modal--nav .inner-nav {
                padding-left: 0;
                padding-right: 0;
                padding-bottom: 0;
                grid-template-columns: 1fr;
                grid-template-areas: "." "." ".";
                position: relative;
                overflow-x: hidden
            }

                header > div .modal--nav .inner-nav.nav-open {
                    height: 100vh;
                    overflow: hidden
                }

                header > div .modal--nav .inner-nav .primary {
                    order: 1;
                    padding-left: 1rem;
                    padding-right: 1rem
                }

                    header > div .modal--nav .inner-nav .primary .mobile-only {
                        display: block;
                        width: calc(100% + 32px);
                        margin-left: -16px
                    }

                        header > div .modal--nav .inner-nav .primary .mobile-only .double-cta .inner .left, header > div .modal--nav .inner-nav .primary .mobile-only .double-cta .inner .right {
                            height: 308px
                        }

                header > div .modal--nav .inner-nav .cards {
                    display: none;
                    order: 2;
                    padding-bottom: 0
                }

                    header > div .modal--nav .inner-nav .cards .double-cta .inner {
                        padding: 0
                    }

                        header > div .modal--nav .inner-nav .cards .double-cta .inner .left, header > div .modal--nav .inner-nav .cards .double-cta .inner .right {
                            max-width: 100%;
                            width: 100%;
                            margin: 0;
                            max-height: 300px
                        }

                            header > div .modal--nav .inner-nav .cards .double-cta .inner .left .image img, header > div .modal--nav .inner-nav .cards .double-cta .inner .right .image img {
                                border-radius: 0
                            }

                header > div .modal--nav .inner-nav .sub {
                    order: 3;
                    position: absolute;
                    top: 0;
                    right: -100%;
                    height: 100vh;
                    width: 100vw;
                    opacity: 1;
                    z-index: 1;
                    transition: .25s all ease-in-out;
                    padding-left: 1rem;
                    padding-right: 1rem;
                    background: #fff
                }

                    header > div .modal--nav .inner-nav .sub.open {
                        right: 0
                    }
}

body {
    max-width: 1920px;
    margin: 0 auto;
    overscroll-behavior: none
}

    body.nav-open {
        height: 100vh;
        overflow: hidden
    }

sup {
    display: inline-block;
    text-decoration: none
}

.margin-top-none {
    padding-top: 0 !important
}

.margin-top-small {
    padding-top: 4rem !important
}

@media(max-width: 600px) {
    .margin-top-small {
        padding-top: 2rem !important
    }
}

.margin-top-medium {
    padding-top: 150px !important
}

@media(max-width: 600px) {
    .margin-top-medium {
        padding-top: 75px !important
    }
}

.margin-top-large {
    padding-top: 300px !important
}

@media(max-width: 600px) {
    .margin-top-large {
        padding-top: 150px !important
    }
}

.margin-bottom-none {
    padding-bottom: 0 !important
}

.margin-bottom-small {
    padding-bottom: 4rem !important
}

@media(max-width: 600px) {
    .margin-bottom-small {
        padding-bottom: 2rem !important
    }
}

.margin-bottom-medium {
    padding-bottom: 150px !important
}

@media(max-width: 600px) {
    .margin-bottom-medium {
        padding-bottom: 75px !important
    }
}

.margin-bottom-large {
    padding-bottom: 300px !important
}

@media(max-width: 600px) {
    .margin-bottom-large {
        padding-bottom: 150px !important
    }
}