@import"https://fonts.bunny.net/css?family=dm-mono:300,400,500|figtree:400,400i,500i,600i,700,700i,800,800i,900,900i";
@import"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css";

body, html {
    min-height: 100% !important
}

html {
    scroll-behavior: smooth
}

body {
    font-family: Figtree,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    font-size: 15px;
    margin: 0;
    padding: 0;
    background-color: #0f0f0f
}

    body.no-scroll {
        overflow: hidden
    }

.no-pointer {
    pointer-events: none !important
}

* {
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

ul, ol {
    padding: 0;
    margin: 0;
    list-style-type: none;
    float: left
}

.no-pad {
    padding: 0 !important
}

.no-mar {
    margin: 0 !important
}

.container {
    max-width: 1400px
}

.test-section {
    height: 650px;
    background: center center no-repeat;
    background-size: cover
}

h1 {
    letter-spacing: -.05rem
}

.modal-2026 {
    transition: all ease-in-out .05s
}

    .modal-2026 .modal-dialog {
        max-width: 730px;
        overflow: hidden
    }

        .modal-2026 .modal-dialog .modal-content {
            border-radius: 1rem !important;
            background-color: #202020;
            overflow: hidden
        }

            .modal-2026 .modal-dialog .modal-content .modal-header, .modal-2026 .modal-dialog .modal-content .modal-content, .modal-2026 .modal-dialog .modal-content .modal-footer {
                border: none !important
            }

                .modal-2026 .modal-dialog .modal-content .modal-footer .btn {
                    border-radius: .5rem !important
                }

.notice {
    padding: 15px 0;
    border-radius: 1rem;
    background-color: #ffffff0d;
    border: solid 1px #333;
    margin-bottom: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px
}

    .notice .center-vert-row {
        height: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center
    }

    .notice h6 {
        color: #fff;
        margin: 0
    }

    .notice p {
        color: #ccc;
        margin: 0
    }

    .notice .btn {
        border-radius: .5rem !important;
        font-weight: 700
    }

.btn {
    position: relative;
    overflow: hidden;
    transition: all ease-in-out .5s
}

    .btn:after {
        content: "";
        position: absolute;
        top: 0;
        right: 130%;
        width: 50%;
        height: 180%;
        background-color: #fff;
        filter: blur(10px);
        transition: all ease-in-out .5s;
        opacity: 0
    }

    .btn:hover:after {
        right: 50%;
        opacity: .15;
        transform: rotate(30deg)
    }

@media(max-width:991px) {
    .notice {
        text-align: center
    }

        .notice .btn {
            margin-top: 15px
        }
}

.btn-kids-trailer {
    background: #bfc847;
    background: linear-gradient(124deg,#99a037,#258cab);
    text-shadow: none !important;
    color: #fff
}

    .btn-kids-trailer:hover {
        background: linear-gradient(124deg,#cdd64e,#3ac5ef)
    }

nav.main {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: #050505b3;
    -webkit-backdrop-filter: saturate(180%) blur(15px);
    backdrop-filter: saturate(180%) blur(15px);
    width: 100%;
    height: 85px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 990
}

    nav.main .main-logo {
        height: 55px;
        width: auto;
        display: flex;
        flex-direction: row;
        margin-right: auto;
        justify-content: flex-start
    }

        nav.main .main-logo img {
            height: 55px;
            width: auto
        }

    nav.main .conatiner {
        width: 100%
    }

    nav.main .center-vert {
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    nav.main .center-vert-row {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        gap: 10px
    }

    nav.main ul.nav-list {
        list-style: none;
        display: flex;
        flex-direction: row;
        gap: 2px;
        width: 100%
    }

        nav.main ul.nav-list li {
            padding: 8px 0
        }

            nav.main ul.nav-list li:hover > a {
                background-color: #7496b14d !important;
                color: #fff
            }

            nav.main ul.nav-list li a {
                font-size: 1rem;
                color: #ddd;
                text-decoration: none;
                padding: 7px 13px;
                border-radius: .5rem !important;
                font-weight: 400
            }

                nav.main ul.nav-list li a.summit {
                    color: #ffc;
                    font-weight: 400 !important
                }

                nav.main ul.nav-list li a.donate {
                    background-color: #ff0 !important;
                    color: #222 !important;
                    padding: 7px 15px;
                    font-weight: 700;
                    margin-left: 7px
                }

                    nav.main ul.nav-list li a.donate:hover {
                        background-color: #ffff92 !important;
                        color: #fff !important
                    }

            nav.main ul.nav-list li.has-drop > a {
                padding-right: 26px;
                color: #ddd
            }

            nav.main ul.nav-list li.has-drop {
                position: relative
            }

                nav.main ul.nav-list li.has-drop .caret {
                    position: absolute;
                    right: 7px;
                    font-size: .8rem;
                    top: 13px;
                    transition: all .16s ease-in-out;
                    color: #ddd
                }

                nav.main ul.nav-list li.has-drop:hover + a {
                    color: #fff;
                    padding-left: 20px;
                    transition: all .16s ease-in-out
                }

                nav.main ul.nav-list li.has-drop:hover > ul {
                    opacity: 1;
                    pointer-events: all;
                    margin-top: 0;
                    transition: all ease-in-out .05s
                }

                nav.main ul.nav-list li.has-drop:hover .caret {
                    transform: rotate(-180deg)
                }

                nav.main ul.nav-list li.has-drop ul {
                    position: absolute;
                    top: 100%;
                    left: -10px;
                    width: 100%;
                    margin-top: -10px;
                    background: #161616f2;
                    -webkit-backdrop-filter: saturate(180%) blur(25px);
                    backdrop-filter: saturate(180%) blur(25px);
                    border-radius: .5rem;
                    border: solid 1px #333;
                    width: 250px;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    padding: 10px;
                    opacity: 0;
                    pointer-events: none;
                    transition: all .16s ease-in-out
                }

                    nav.main ul.nav-list li.has-drop ul.split {
                        width: 400px;
                        display: flex;
                        flex-direction: row;
                        flex-wrap: wrap;
                        justify-content: left;
                        gap: 15px;
                        padding: 10px
                    }

                        nav.main ul.nav-list li.has-drop ul.split li {
                            width: auto;
                            padding: 0
                        }

                    nav.main ul.nav-list li.has-drop ul li {
                        width: 100%;
                        padding: 2px 0;
                        display: flex;
                        flex-direction: column;
                        position: relative
                    }

                        nav.main ul.nav-list li.has-drop ul li .bi {
                            position: absolute;
                            right: 7px;
                            font-size: .8rem;
                            top: 13px;
                            transition: all .16s ease-in-out;
                            color: #ddd
                        }

                        nav.main ul.nav-list li.has-drop ul li:hover > ul {
                            opacity: 1;
                            pointer-events: all;
                            margin-left: 0;
                            transition: all ease-in-out .2s
                        }

                        nav.main ul.nav-list li.has-drop ul li a {
                            width: 100% !important;
                            border-radius: .5rem !important;
                            font-weight: 400;
                            font-size: .92rem;
                            position: relative
                        }

                            nav.main ul.nav-list li.has-drop ul li a:hover {
                                background-color: #4449;
                                background-color: #252c32;
                                color: #fff
                            }

                        nav.main ul.nav-list li.has-drop ul li ul {
                            width: 250px;
                            position: absolute;
                            top: 0;
                            left: 100%;
                            height: auto;
                            background: #161616f2;
                            -webkit-backdrop-filter: saturate(180%) blur(25px);
                            backdrop-filter: saturate(180%) blur(25px);
                            border-radius: .5rem;
                            border: solid 1px #333;
                            opacity: 0;
                            margin-top: 0;
                            margin-left: -5px
                        }

    nav.main .right-nav-options {
        display: flex;
        flex-direction: row;
        gap: 10px;
        align-items: right;
        justify-content: flex-end
    }

        nav.main .right-nav-options .btn {
            padding: 0;
            border-radius: 100px;
            width: 42px;
            height: 42px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            font-size: 1.4rem;
            gap: 5px
        }

            nav.main .right-nav-options .btn:hover {
                background-color: #0000000d
            }

            nav.main .right-nav-options .btn.search {
                font-size: 1rem
            }

    nav.main .mobile-toggle {
        right: 15px;
        position: absolute;
        padding: 0;
        border-radius: 100px;
        width: 42px;
        height: 42px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        font-size: 2rem;
        top: 50%;
        transform: translateY(-50%);
        color: #ddd;
        display: none
    }

        nav.main .mobile-toggle:hover {
            background-color: #0000000d
        }

    nav.main .btn-login-user {
        border-radius: .4rem !important;
        background-color: #2d8a9d;
        color: #fff;
        padding-left: 12px;
        padding-right: 12px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        font-size: .85rem;
        gap: 5px
    }

    nav.main .btn-user-share {
        border-radius: .4rem !important;
        background-color: #15608a;
        color: #fff;
        padding-left: 12px;
        padding-right: 12px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        font-size: .85rem;
        gap: 5px
    }

        nav.main .btn-user-share .bi {
            font-size: .7rem
        }

    nav.main .dropdown .btn-user {
        padding-left: 12px;
        padding-right: 12px;
        border-radius: .4rem !important;
        background-color: #2d8a9d;
        border: none;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        font-size: .85rem
    }

        nav.main .dropdown .btn-user .bi {
            margin-left: 8px;
            font-size: .9rem;
            margin-top: 2px
        }

        nav.main .dropdown .btn-user:after {
            display: none
        }

        nav.main .dropdown .btn-user.show {
            background-color: #34a1b7
        }

        nav.main .dropdown .btn-user:focus {
            outline: none !important;
            border: none !important;
            box-shadow: none !important
        }

    nav.main .dropdown ul {
        background: #161616e6;
        -webkit-backdrop-filter: saturate(180%) blur(25px);
        backdrop-filter: saturate(180%) blur(25px);
        padding: 7px;
        border-radius: .5rem;
        margin-top: 5px !important;
        width: 200px;
        border: solid 1px #333
    }

        nav.main .dropdown ul li {
            margin-bottom: 5px
        }

            nav.main .dropdown ul li:last-child {
                margin-bottom: 0
            }

            nav.main .dropdown ul li a, nav.main .dropdown ul li button {
                color: #ddd;
                border-radius: .4rem;
                font-size: .9rem;
                font-weight: 400;
                display: flex;
                flex-direction: row;
                align-items: center;
                padding: 4px 8px
            }

                nav.main .dropdown ul li a .bi, nav.main .dropdown ul li button .bi {
                    margin-left: auto;
                    font-size: .8rem;
                    color: #f0f0f0;
                    opacity: .7
                }

                nav.main .dropdown ul li a:hover, nav.main .dropdown ul li button:hover {
                    background-color: #7496b14d;
                    color: #fff
                }

nav.afn {
    background-color: #212121
}

    nav.afn ul li a {
        color: #ddd
    }

    nav.afn ul li:hover > a {
        background-color: #ffffff14;
        color: #f0f0f0
    }

    nav.afn ul li.has-drop .bi {
        color: #ddd
    }

    nav.afn ul li.has-drop ul {
        background-color: #303030;
        border: solid 1px #444
    }

        nav.afn ul li.has-drop ul.split li a {
            font-weight: 600
        }

        nav.afn ul li.has-drop ul li a {
            color: #ddd
        }

    nav.afn .mobile-toggle {
        color: #ccc
    }

        nav.afn .mobile-toggle:hover {
            background-color: #ffffff0d;
            color: #fff
        }

    nav.afn .right-nav-options .btn {
        color: #ccc
    }

        nav.afn .right-nav-options .btn:hover {
            background-color: #ffffff0d;
            color: #fff
        }

        nav.afn .right-nav-options .btn.search {
            font-size: 1rem
        }

nav.omm {
    background: #0082ad;
    background: linear-gradient(90deg,#0082ad,#0095c7 15%,#00a7e1)
}

    nav.omm ul li a {
        color: #fff
    }

    nav.omm ul li:hover > a {
        background-color: #ffffff14;
        color: #fff
    }

    nav.omm ul li.has-drop .bi {
        color: #fff
    }

    nav.omm ul li.has-drop ul {
        background-color: #fff;
        border: solid 1px #f0f0f0
    }

        nav.omm ul li.has-drop ul li a {
            color: #333
        }

            nav.omm ul li.has-drop ul li a:hover {
                background-color: #33333308
            }

    nav.omm .mobile-toggle {
        color: #fff
    }

        nav.omm .mobile-toggle:hover {
            background-color: #ffffff0d
        }

    nav.omm .right-nav-options .btn {
        color: #fff
    }

        nav.omm .right-nav-options .btn:hover {
            background-color: #ffffff0d
        }

        nav.omm .right-nav-options .btn.search {
            font-size: 1rem
        }

.mini-nav {
    padding: 8px 0;
    background-color: #191919;
    border-bottom: solid 1px #333
}

    .mini-nav .slogan {
        color: #d9d9d9;
        font-weight: 500
    }

    .mini-nav .tools {
        display: flex;
        flex-direction: row;
        gap: 17px;
        margin-left: auto;
        width: auto;
        justify-content: flex-end
    }

        .mini-nav .tools .btn {
            padding: 0;
            color: #ccc;
            border: none
        }

            .mini-nav .tools .btn:hover {
                color: #ddd
            }

            .mini-nav .tools .btn.subscribe {
                background: #db0000;
                background: linear-gradient(90deg,#db0000,#d90000 15%,#8b0000) !important;
                color: #fff;
                padding: 1px 10px;
                margin-right: 8px
            }

                .mini-nav .tools .btn.subscribe:hover {
                    background: #db0000;
                    background: linear-gradient(90deg,#f20000,#ed0000 15%,#bd0000) !important
                }

.mobile-nav-2026 {
    background-color: #121212;
    visibility: visible !important;
    opacity: 0 !important;
    right: -450px;
    transition: all ease-in .4s;
    z-index: 99999999;
    border-left: solid 1px #292929
}

    .mobile-nav-2026 .dropdown {
        margin-left: 15px
    }

        .mobile-nav-2026 .dropdown .btn-user {
            padding-left: 12px;
            padding-right: 12px;
            border-radius: .4rem !important;
            background-color: #2d8a9d;
            border: none;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            font-size: .9rem
        }

            .mobile-nav-2026 .dropdown .btn-user .bi {
                margin-left: 8px;
                font-size: .9rem;
                margin-top: 2px
            }

            .mobile-nav-2026 .dropdown .btn-user:after {
                display: none
            }

            .mobile-nav-2026 .dropdown .btn-user.show {
                background-color: #34a1b7
            }

            .mobile-nav-2026 .dropdown .btn-user:focus {
                outline: none !important;
                border: none !important;
                box-shadow: none !important
            }

        .mobile-nav-2026 .dropdown ul {
            background: #161616e6;
            -webkit-backdrop-filter: saturate(180%) blur(25px);
            backdrop-filter: saturate(180%) blur(25px);
            padding: 7px;
            border-radius: .5rem;
            margin-top: 5px !important;
            width: 200px;
            border: solid 1px #333
        }

            .mobile-nav-2026 .dropdown ul li {
                margin-bottom: 5px
            }

                .mobile-nav-2026 .dropdown ul li:last-child {
                    margin-bottom: 0
                }

                .mobile-nav-2026 .dropdown ul li a {
                    color: #ddd;
                    border-radius: .4rem;
                    font-size: .9rem;
                    font-weight: 400;
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    padding: 4px 8px
                }

                    .mobile-nav-2026 .dropdown ul li a.summit {
                        color: #ffc;
                        font-weight: 800 !important
                    }

                    .mobile-nav-2026 .dropdown ul li a .bi {
                        margin-left: auto;
                        font-size: .8rem;
                        color: #f0f0f0;
                        opacity: .7
                    }

                    .mobile-nav-2026 .dropdown ul li a:hover {
                        background-color: #7496b14d;
                        color: #fff
                    }

    .mobile-nav-2026.show {
        opacity: 1 !important;
        visibility: visible !important;
        right: 0
    }

    .mobile-nav-2026 .mobile-nav-list {
        width: 100%;
        background-color: transparent;
        border: none
    }

        .mobile-nav-2026 .mobile-nav-list .list-group-item {
            background-color: transparent;
            border: none;
            display: flex;
            flex-direction: column;
            width: 100%;
            padding: 5px 0 0;
            border-radius: .8rem;
            transition: all ease-in .2s;
            margin-bottom: 5px
        }

            .mobile-nav-2026 .mobile-nav-list .list-group-item:hover {
                background-color: #ffffff0a
            }

            .mobile-nav-2026 .mobile-nav-list .list-group-item.has-drop {
                position: relative
            }

                .mobile-nav-2026 .mobile-nav-list .list-group-item.has-drop ul {
                    opacity: 0;
                    height: 0px;
                    overflow: hidden;
                    transition: all ease-in .2s;
                    border-radius: 0rem 0rem .8rem .8rem
                }

                    .mobile-nav-2026 .mobile-nav-list .list-group-item.has-drop ul.active {
                        opacity: 1;
                        height: auto;
                        overflow: visible;
                        transition: all ease-in .2s;
                        padding-bottom: 5px;
                        padding-top: 5px
                    }

                .mobile-nav-2026 .mobile-nav-list .list-group-item.has-drop .icon {
                    position: absolute;
                    right: 15px;
                    font-size: .7rem;
                    top: 12px;
                    color: #ddd;
                    height: 25px;
                    width: 25px;
                    padding: 0;
                    display: flex;
                    align-items: center;
                    justify-content: center
                }

                .mobile-nav-2026 .mobile-nav-list .list-group-item.has-drop ul {
                    background-color: #ffffff08;
                    display: flex;
                    flex-direction: column;
                    width: 100%;
                    padding-bottom: 0
                }

                    .mobile-nav-2026 .mobile-nav-list .list-group-item.has-drop ul li {
                        width: 100%;
                        display: flex;
                        flex-direction: column;
                        padding: 7px 10px;
                        border-radius: .8rem
                    }

                        .mobile-nav-2026 .mobile-nav-list .list-group-item.has-drop ul li ul {
                            opacity: 0;
                            height: 0px;
                            overflow: hidden;
                            transition: all ease-in .2s;
                            padding-bottom: 5px
                        }

                            .mobile-nav-2026 .mobile-nav-list .list-group-item.has-drop ul li ul.active {
                                opacity: 1;
                                height: auto;
                                overflow: visible;
                                transition: all ease-in .4s;
                                padding-bottom: 5px;
                                padding-top: 5px
                            }

                        .mobile-nav-2026 .mobile-nav-list .list-group-item.has-drop ul li.has-drop {
                            cursor: pointer;
                            position: relative
                        }

                            .mobile-nav-2026 .mobile-nav-list .list-group-item.has-drop ul li.has-drop > a {
                                border-bottom-left-radius: 0rem !important;
                                position: relative;
                                z-index: 500
                            }

                            .mobile-nav-2026 .mobile-nav-list .list-group-item.has-drop ul li.has-drop:hover > a {
                                border-bottom-left-radius: 0rem !important;
                                border-bottom-right-radius: 0rem !important;
                                background-color: #0003 !important
                            }

                            .mobile-nav-2026 .mobile-nav-list .list-group-item.has-drop ul li.has-drop .icon {
                                position: absolute;
                                right: 21px;
                                top: 12px;
                                background-color: transparent !important
                            }

                        .mobile-nav-2026 .mobile-nav-list .list-group-item.has-drop ul li:hover > a {
                            background-color: #ffffff08;
                            border-radius: .5rem
                        }

                        .mobile-nav-2026 .mobile-nav-list .list-group-item.has-drop ul li a {
                            padding: 8px 20px;
                            font-size: 1rem
                        }

                        .mobile-nav-2026 .mobile-nav-list .list-group-item.has-drop ul li ul a {
                            font-size: .95rem
                        }

            .mobile-nav-2026 .mobile-nav-list .list-group-item a {
                color: #f0f0f0;
                text-decoration: none;
                width: 100%;
                font-size: 1.1rem;
                padding: 8px 15px
            }

                .mobile-nav-2026 .mobile-nav-list .list-group-item a .navicon {
                    margin-right: 10px;
                    opacity: .5;
                    font-size: 1rem
                }

    .mobile-nav-2026 .btn-row {
        padding: 15px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 15px;
        width: 100%;
        background-color: #ffffff05;
        border-top: solid 1px #303030
    }

        .mobile-nav-2026 .btn-row .btn {
            border-radius: .4rem !important
        }

            .mobile-nav-2026 .btn-row .btn.btn-share {
                background-color: #15608a;
                color: #fff
            }

                .mobile-nav-2026 .btn-row .btn.btn-share:hover {
                    opacity: .9
                }

                .mobile-nav-2026 .btn-row .btn.btn-share .bi {
                    font-size: .7rem
                }

    .mobile-nav-2026 .offcanvas-header {
        height: 85px
    }

        .mobile-nav-2026 .offcanvas-header .btn-close {
            margin-right: 3px;
            background: none;
            color: #ddd !important;
            opacity: 1;
            font-size: 1.2rem;
            margin-top: -17px;
            outline: none !important;
            border: none !important;
            box-shadow: none !important
        }

        .mobile-nav-2026 .offcanvas-header .btn-login-user {
            background-color: #2d8a9d;
            color: #fff;
            border-radius: .4rem !important
        }

.modal-backdrop.show {
    opacity: 1;
    background-color: transparent;
    background: #0c0c0c99 !important;
    -webkit-backdrop-filter: saturate(100%) blur(5px) !important;
    backdrop-filter: saturate(100%) blur(5px) !important;
    transition: all ease-in-out .2s
}

@media(max-width:1120px) {
    nav.main .mobile-toggle {
        display: block
    }

    nav.main ul.nav-list {
        display: none
    }

    nav.main .center-vert {
        display: none
    }

    nav.main .center-vert-row {
        display: none
    }
}

@media(max-width:800px) {
    nav.main {
        height: 60px
    }

        nav.main .main-logo {
            height: 40px
        }

            nav.main .main-logo img {
                height: 40px
            }
}

section#home-video-2026 {
    width: 100%;
    height: auto;
    padding: 220px 0 170px;
    position: relative;
    background-color: #000;
    overflow: hidden
}

    section#home-video-2026 .container {
        position: relative;
        z-index: 100;
        text-align: center
    }

    section#home-video-2026 h1 {
        font-size: 3.3rem;
        font-weight: 800;
        color: #fff
    }

    section#home-video-2026 h2 {
        font-size: 2rem;
        font-weight: 500;
        color: #fff
    }

    section#home-video-2026 #main-video-bg {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 100%;
        width: 130%;
        height: 100%;
        object-fit: cover;
        z-index: 1;
        opacity: .7
    }

    section#home-video-2026 .buttons {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 10px;
        padding-top: 15px
    }

        section#home-video-2026 .buttons .btn {
            border-radius: .5rem !important;
            padding: 0 20px !important;
            font-weight: 500;
            height: 44px !important;
            display: flex;
            justify-content: center;
            align-items: center
        }

    section#home-video-2026 .btn-trailer {
        background: #ffffff80;
        -webkit-backdrop-filter: saturate(180%) blur(25px);
        backdrop-filter: saturate(180%) blur(25px);
        border: none;
        border: solid 1px #e0e0e0 !important;
        color: #333;
        transition: all ease-in .2s;
        font-weight: 600 !important
    }

        section#home-video-2026 .btn-trailer:hover {
            background: #ffffff4d;
            color: #000
        }

            section#home-video-2026 .btn-trailer:hover:after {
                opacity: .3
            }

    section#home-video-2026 .btn-animated {
        background: linear-gradient(270deg,#000,#5a6868,#647382,#000);
        background-size: 800% 800%;
        -webkit-animation: AnimationName 7s ease infinite;
        -moz-animation: AnimationName 7s ease infinite;
        animation: AnimationName 7s ease infinite;
        border: solid 1px #222 !important;
        transition: all ease-in .2s
    }

        section#home-video-2026 .btn-animated .bi {
            transition: all ease-in .2s;
            margin-left: 5px
        }

        section#home-video-2026 .btn-animated:hover .bi {
            margin-left: 10px;
            transition: all ease-in .2s
        }

    section#home-video-2026 .center-vert {
        display: flex;
        flex-direction: column;
        justify-content: center
    }

section#kids-banner-wrap {
    background: left center no-repeat;
    background-size: cover
}

#kids-banner {
    height: 115px;
    padding: 10px 0;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: left !important
}

    #kids-banner .btn-ak-desktop {
        display: none
    }

    #kids-banner .ad-wrap {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 25px
    }

        #kids-banner .ad-wrap .ad-wrap-image {
            height: 80px;
            width: auto;
            flex-shrink: 0
        }

        #kids-banner .ad-wrap .ad-wrap-content {
            display: flex;
            flex-direction: column;
            justify-content: center;
            gap: 5px
        }

        #kids-banner .ad-wrap .buttons {
            width: 230px;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            flex-shrink: 0
        }

            #kids-banner .ad-wrap .buttons .btn {
                padding-left: 20px;
                padding-right: 20px;
                border-radius: .5rem !important
            }

    #kids-banner .center-vert {
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    #kids-banner .kids-banner-bg {
        background: center left no-repeat;
        background-size: cover;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        opacity: 0
    }

    #kids-banner .container {
        z-index: 10
    }

    #kids-banner h2 {
        font-size: 1.1rem;
        font-weight: 400;
        text-align: left;
        margin-bottom: 0;
        color: #fff;
        text-shadow: 1px 1px 1px #666
    }

        #kids-banner h2 strong {
            font-weight: 800
        }

    #kids-banner .aklogo {
        border-radius: .5rem
    }

    #kids-banner p {
        font-size: .95rem;
        line-height: 1.15rem;
        color: #fff;
        text-align: left;
        margin-bottom: 0;
        font-weight: 400;
        text-shadow: 1px 1px 1px #666
    }

@-webkit-keyframes AnimationName {
    0% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

@-moz-keyframes AnimationName {
    0% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

@keyframes AnimationName {
    0% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

@media(max-width:780px) {
    #kids-banner {
        display: flex;
        flex-direction: row;
        align-items: center;
        text-align: center !important;
        height: auto
    }

        #kids-banner .btn-ak-desktop {
            display: block;
            min-width: 200px;
            margin-left: auto;
            margin-right: auto;
            margin-top: 20px
        }

        #kids-banner .ad-wrap .buttons {
            flex: 1 auto;
            width: 100%;
            display: none
        }

    section#home-video-2026 {
        padding-top: 150px;
        padding-bottom: 100px
    }

        section#home-video-2026 h1 {
            font-size: 2rem;
            line-height: 2.2rem
        }

        section#home-video-2026 h2 {
            font-size: 1.3rem
        }
}

section#pricing-2026 {
    background-color: #0f0f0f;
    padding: 40px 0
}

    section#pricing-2026 .card-8 {
        background-color: #ffffff12
    }

        section#pricing-2026 .card-8.pricing-card {
            position: relative;
            border-radius: 1rem !important;
            border: solid 1px #393939;
            transition: all ease-in .2s
        }

            section#pricing-2026 .card-8.pricing-card:hover {
                background-color: #ffffff14
            }

            section#pricing-2026 .card-8.pricing-card.most-popular {
                background-color: #d4e5ff1a;
                border: solid 1px #214e92
            }

                section#pricing-2026 .card-8.pricing-card.most-popular:hover {
                    background-color: #d4e5ff26
                }

                section#pricing-2026 .card-8.pricing-card.most-popular:after {
                    content: "MOST POPULAR";
                    position: absolute;
                    top: 0;
                    left: 50%;
                    transform: translate(-50%);
                    background-color: #0d6efd;
                    color: #fff;
                    border-radius: 100px;
                    padding: 3px 15px;
                    font-size: .7rem;
                    font-weight: 600;
                    letter-spacing: .05rem;
                    margin-top: -12px
                }

            section#pricing-2026 .card-8.pricing-card .card-footer {
                padding: 15px;
                background-color: #0000001a;
                border-top: solid 1px #333
            }

                section#pricing-2026 .card-8.pricing-card .card-footer:last-child {
                    padding-bottom: 20px
                }

                section#pricing-2026 .card-8.pricing-card .card-footer.logged-in-options .order-options {
                    display: flex;
                    flex-direction: row;
                    gap: 10px;
                    margin-bottom: 8px
                }

                    section#pricing-2026 .card-8.pricing-card .card-footer.logged-in-options .order-options .form-check {
                        width: 50%
                    }

                        section#pricing-2026 .card-8.pricing-card .card-footer.logged-in-options .order-options .form-check .form-check-input {
                            background-color: #666;
                            transition: all ease-in-out .2s
                        }

                        section#pricing-2026 .card-8.pricing-card .card-footer.logged-in-options .order-options .form-check label {
                            color: #ddd;
                            font-size: .8rem
                        }

                    section#pricing-2026 .card-8.pricing-card .card-footer.logged-in-options .order-options.has-input {
                        flex-direction: row;
                        align-items: center
                    }

                        section#pricing-2026 .card-8.pricing-card .card-footer.logged-in-options .order-options.has-input .form-control {
                            width: 40px !important;
                            height: 40px !important;
                            padding: 0 !important;
                            flex-shrink: 0;
                            background-color: #0000000a;
                            border-radius: .3rem;
                            color: #ccc;
                            font-size: 1rem;
                            padding: 0;
                            text-align: center;
                            transition: all ease-in-out .2s;
                            border: solid 1px #444
                        }

            section#pricing-2026 .card-8.pricing-card .card-body {
                padding: 25px 25px 10px
            }

                section#pricing-2026 .card-8.pricing-card .card-body .card-title {
                    font-size: 1.2rem;
                    font-weight: 600;
                    color: #ddd
                }

                section#pricing-2026 .card-8.pricing-card .card-body .price {
                    font-weight: 700;
                    color: #ffc
                }

                section#pricing-2026 .card-8.pricing-card .card-body p.text-muted {
                    color: #ffbb29 !important;
                    line-height: 1rem
                }

                    section#pricing-2026 .card-8.pricing-card .card-body p.text-muted a {
                        margin-left: 3px;
                        color: #ffe09e !important
                    }

                section#pricing-2026 .card-8.pricing-card .card-body ul {
                    padding-top: 10px;
                    display: flex;
                    flex-direction: column;
                    gap: 5px
                }

                    section#pricing-2026 .card-8.pricing-card .card-body ul li {
                        color: #d0d0d0;
                        font-size: .8rem;
                        position: relative;
                        padding-left: 26px;
                        line-height: .95rem
                    }

                        section#pricing-2026 .card-8.pricing-card .card-body ul li .bi {
                            position: absolute;
                            left: 0;
                            top: 50%;
                            transform: translateY(-50%)
                        }

                section#pricing-2026 .card-8.pricing-card .card-body.optional {
                    border-top: solid 1px #333;
                    padding-top: 10px
                }

                    section#pricing-2026 .card-8.pricing-card .card-body.optional .card-title {
                        width: 100%;
                        text-align: center;
                        font-size: .85rem;
                        font-weight: 600;
                        color: #dadab8;
                        margin-bottom: 0
                    }

header#course-header {
    padding: 130px 0 100px;
    background-color: #000;
    position: relative; /*overflow:hidden*/
}

    header#course-header.light-text h1 {
        color: #fff;
        text-shadow: 1px 1px 1px #333
    }

    header#course-header.light-text p {
        color: #fff;
        font-size: 1.05rem;
        text-shadow: 1px 1px 1px #333
    }

    header#course-header.activate-kids {
        background-color: #fff
    }

        header#course-header.activate-kids p {
            font-weight: 500;
            color: #000;
            font-size: 1.16rem;
            line-height: 1.3rem;
            text-shadow: 1px 2px 1px #FFF
        }

        header#course-header.activate-kids .ch-bg {
            opacity: 1;
            filter: blur(0px);
            opacity: .5 !important
        }

        header#course-header.activate-kids .buttons .btn {
            font-weight: 700
        }

        header#course-header.activate-kids .buttons .purchased {
            pointer-events: none;
            font-weight: 400
        }

            header#course-header.activate-kids .buttons .purchased .bi {
                margin-right: 5px
            }

        header#course-header.activate-kids .buttons .gift-this {
            font-weight: 400
        }

            header#course-header.activate-kids .buttons .gift-this .bi {
                margin-right: 5px
            }

        header#course-header.activate-kids .unit-title {
            margin: 0 auto 15px;
            font-weight: 700;
            font-size: 1.05rem;
            line-height: 1.05rem;
            width: 100%;
            padding: 5px 15px;
            text-align: center;
            font-weight: 600 !important;
            color: #555 !important
        }

            header#course-header.activate-kids .unit-title strong {
                font-weight: 900 !important;
                color: #000
            }

    header#course-header .course-logo {
        height: 120px;
        display: flex;
        justify-content: center;
        align-items: center
    }

        header#course-header .course-logo img {
            height: 100%;
            width: auto
        }

    header#course-header h1 {
        font-weight: 900
    }

    header#course-header .buttons {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 15px
    }

        header#course-header .buttons .btn {
            border-radius: .5rem !important;
            padding-left: 15px;
            padding-right: 15px
        }

    header#course-header .container {
        position: relative;
        z-index: 50
    }

    header#course-header .ch-bg {
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: center center no-repeat;
        background-size: cover;
        z-index: 20;
        opacity: .5;
        filter: blur(10px)
    }

section#course-info {
    padding: 30px 0
}

    section#course-info .course-info-wrap {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        gap: 30px
    }

    section#course-info .course-info-block {
        width: 100%;
        margin-bottom: 25px
    }

        section#course-info .course-info-block.half {
            width: calc(50% - 30px)
        }

        section#course-info .course-info-block h2 {
            color: #f0f0f0;
            font-size: 1.4rem;
            font-weight: 400
        }

        section#course-info .course-info-block p {
            font-size: 1rem;
            line-height: 1.4rem;
            color: #ddd;
            font-weight: 400
        }

        section#course-info .course-info-block.kids ul li {
            font-size: 1.15rem;
            line-height: 1.25rem
        }

            section#course-info .course-info-block.kids ul li .bi {
                transform: none;
                top: 10px;
                left: 0
            }

            section#course-info .course-info-block.kids ul li small {
                font-size: .85rem;
                padding-top: 5px
            }

            section#course-info .course-info-block.kids ul li ul {
                padding-top: 8px;
                gap: 0px
            }

                section#course-info .course-info-block.kids ul li ul li {
                    width: 100%;
                    display: flex;
                    flex-direction: row;
                    gap: 15px;
                    font-size: .8rem;
                    margin-bottom: 0
                }

                    section#course-info .course-info-block.kids ul li ul li .duration {
                        font-family: DM Mono,monospace;
                        font-weight: 400
                    }

                    section#course-info .course-info-block.kids ul li ul li strong {
                        font-weight: 600
                    }

    section#course-info ul {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 15px
    }

        section#course-info ul li {
            width: 100%;
            font-size: 1rem;
            color: #ddd;
            position: relative;
            padding-left: 36px;
            display: flex;
            flex-direction: column;
            font-weight: 500
        }

            section#course-info ul li small {
                font-weight: 400;
                margin-top: 0;
                color: #00c2c2;
                font-family: DM Mono,monospace;
                text-transform: uppercase;
                font-size: .75rem
            }

            section#course-info ul li .bi {
                position: absolute;
                left: 0;
                top: 50%;
                transform: translateY(-50%)
            }

    section#course-info.kids {
        background-color: #fff;
        border-top: solid 1px #DDD
    }

        section#course-info.kids .course-info-block h2 {
            color: #111
        }

        section#course-info.kids .course-info-block p {
            color: #333
        }

        section#course-info.kids ul li {
            font-size: .9rem
        }

            section#course-info.kids ul li small {
                color: #222;
                font-size: 1rem !important
            }

            section#course-info.kids ul li .bi {
                color: #666
            }

        section#course-info.kids ul li {
            color: #333
        }

            section#course-info.kids ul li ul li {
                padding-left: 15px;
                font-size: 1rem !important;
                font-weight: 400 !important;
                margin-bottom: 5px !important;
                opacity: .9
            }

.offcanvas-bottom-order {
    background-color: #202020
}

    .offcanvas-bottom-order h5 {
        color: #ddd
    }

    .offcanvas-bottom-order .btn-close {
        background: none;
        background-image: none;
        color: #ddd !important;
        opacity: 1 !important;
        border: none !important;
        font-size: 1.2rem
    }

section#course-set {
    padding: 40px 0
}

    section#course-set.kids {
        background-color: #f9f9f9;
        border-top: solid 1px #DDD
    }

@media(max-width:800px) {
    section#course-info .course-info-block.half {
        width: 100% !important
    }
}

@media(max-width:640px) {
    header#course-header {
        padding-top: 100px;
        padding-bottom: 70px
    }

        header#course-header.activate-kids p {
            font-size: 1rem !important;
            line-height: 1.15rem !important
        }

        header#course-header .course-logo {
            height: 80px
        }
}

.session-list {
    background-color: #fff;
    border-radius: 1rem;
    overflow: hidden;
    margin-bottom: 20px
}

    .session-list .list-group-item {
        width: 100%;
        display: flex;
        flex-direction: row;
        gap: 20px;
        font-size: 1rem
    }

        .session-list .list-group-item:hover {
            background-color: #f9f9f9
        }

        .session-list .list-group-item .session {
            font-family: DM Mono,monospace
        }

        .session-list .list-group-item .session-title {
            font-weight: 500 !important
        }

        .session-list .list-group-item .session-duration {
            margin-left: auto;
            font-family: DM Mono,monospace
        }

@media(max-width:690px) {
    .session-list {
        margin-top: 20px
    }

        .session-list .list-group-item {
            gap: 3px;
            flex-wrap: wrap
        }

            .session-list .list-group-item .session {
                width: 100%;
                font-size: .8rem
            }

            .session-list .list-group-item .session-title {
                width: 100%
            }

            .session-list .list-group-item .session-duration {
                width: 100%;
                font-size: .8rem
            }
}

section#has-purchased {
    padding: 20px 0;
    background-color: #bdf0ff;
    border-top: solid 1px #DDD
}

    section#has-purchased .options {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 12px;
        flex-wrap: wrap
    }

        section#has-purchased .options .btn {
            border-radius: .4rem !important;
            padding: 6px 12px;
            font-weight: 500;
            font-size: 1rem
        }

            section#has-purchased .options .btn.btn-start {
                font-weight: 800;
                color: #fff;
                background-color: #ec967b !important
            }

            section#has-purchased .options .btn.btn-gift {
                background-color: #137b9b;
                color: #fff;
                border: none
            }

                section#has-purchased .options .btn.btn-gift:hover {
                    background-color: #19a8d3
                }

            section#has-purchased .options .btn.btn-secondary {
                background-color: #ad7bec;
                border: solid 1px transparent;
                color: #fff
            }

                section#has-purchased .options .btn.btn-secondary .bi {
                    margin-right: 3px
                }

                section#has-purchased .options .btn.btn-secondary:hover {
                    background-color: #ad7bec;
                    border: solid 1px #f0f0f0;
                    color: #fff
                }

.offcanvsgift h5 {
    display: flex;
    flex-direction: column
}

    .offcanvsgift h5 small {
        font-size: .7rem;
        font-weight: 700;
        width: 100%
    }

.breakdown-accordion {
    border-radius: .7rem;
    overflow: hidden;
    margin-bottom: 20px;
    border: solid 1px #DDD;
    margin-top: 12px
}

    .breakdown-accordion .accordion-button {
        letter-spacing: normal !important;
        outline: none !important;
        box-shadow: none !important;
        font-size: 1rem !important;
        display: flex;
        flex-direction: row;
        gap: 8px
    }

        .breakdown-accordion .accordion-button span {
            font-weight: 600 !important
        }

    .breakdown-accordion .accordion-collapse {
        height: auto
    }

        .breakdown-accordion .accordion-collapse.show {
            display: flex
        }

    .breakdown-accordion .accordion-body {
        font: size 1rem !important;
        line-height: 1.1rem !important
    }

        .breakdown-accordion .accordion-body ul {
            gap: 5px !important;
            margin-top: 15px
        }

            .breakdown-accordion .accordion-body ul li {
                padding-left: 0 !important;
                font-size: .9rem !important
            }

    .breakdown-accordion .accordion-button:not(.collapsed) {
        background-color: #00000008;
        border-top: 1px solid rgba(0,0,0,.125);
        color: #333
    }

.sessions {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
    align-self: center
}

    .sessions .card.session-card {
        background-color: #fff;
        border-radius: .6rem !important;
        overflow: hidden;
        display: flex;
        flex-direction: row;
        gap: 10px;
        align-items: center;
        max-width: 280px;
        padding: 8px 10px 0;
        transition: all ease-in-out .1s;
        cursor: pointer;
        position: relative
    }

        .sessions .card.session-card .badge {
            position: absolute;
            top: 0;
            left: 50%;
            transform: translate(-50%);
            border-radius: 0rem 0rem .2rem .2rem;
            background-color: #789;
            padding-left: 10px;
            padding-right: 10px;
            color: #ddd;
            display: none
        }

        .sessions .card.session-card:hover {
            border: solid 1px #249fc4
        }

            .sessions .card.session-card:hover .play-link {
                opacity: .9;
                transition: all ease-in-out .2s
            }

        .sessions .card.session-card .play-link {
            height: 55px;
            width: 55px;
            border-radius: .5rem;
            flex-shrink: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 3rem;
            opacity: .6;
            color: #136a85
        }

        .sessions .card.session-card .card-body .card-title {
            font-size: 1.05rem;
            line-height: 1.2rem;
            font-weight: 600
        }

#kids-session-modal .modal-content {
    border-radius: 1rem !important;
    overflow: hidden
}

#kids-session-modal .modal-title {
    display: flex;
    flex-direction: column;
    gap: 0px
}

    #kids-session-modal .modal-title small {
        font-size: .8rem;
        line-height: .8rem;
        font-weight: 500
    }

.kids-session-video-list {
    border-radius: .5rem;
    overflow: hidden
}

    .kids-session-video-list .list-group-item {
        display: flex;
        flex-direction: row;
        gap: 15px;
        align-items: center;
        justify-content: space-between;
        transition: all ease-in-out .1s;
        cursor: pointer;
        padding: 15px
    }

        .kids-session-video-list .list-group-item .bi {
            display: none
        }

        .kids-session-video-list .list-group-item.watched .bi {
            display: block
        }

        .kids-session-video-list .list-group-item.active .title {
            font-weight: 700
        }

        .kids-session-video-list .list-group-item.active {
            background: #bfc847;
            background: linear-gradient(124deg,#99a037,#258cab);
            text-shadow: none !important;
            color: #fff
        }

            .kids-session-video-list .list-group-item.active:hover {
                background: linear-gradient(124deg,#99a037,#258cab);
                opacity: .8
            }

        .kids-session-video-list .list-group-item .title {
            font-size: 1.05rem;
            font-weight: 500;
            pointer-events: none;
            display: flex;
            flex-direction: row
        }

            .kids-session-video-list .list-group-item .title .bi {
                margin-right: 10px
            }

        .kids-session-video-list .list-group-item:hover {
            background-color: #f9f9f9;
            padding-left: 25px
        }

        .kids-session-video-list .list-group-item .time {
            font-family: DM Mono,monospace;
            pointer-events: none
        }

section#cart-2026 {
    padding: 40px 0
}

.card {
    background-color: #ffffff12;
    width: 100%
}

    .card.pricing-card {
        position: relative;
        border-radius: 1rem !important;
        border: solid 1px #393939;
        transition: all ease-in .2s;
        background-color: #202020 !important;
        background: #4c5d6c;
        background: linear-gradient(158deg,#4c5d6c,#202020 29%);
        display: flex;
        flex-direction: column;
        height: 100%;
    }

        .card.pricing-card:hover {
            background-color: #ffffff14
        }

        .card.pricing-card.light {
            background: none;
            background-color: #fff !important;
            border: solid 1px #DDD
        }

            .card.pricing-card.light .card-body {
                background: none;
                background-color: transparent !important
            }

                .card.pricing-card.light .card-body.optional {
                    border-top: solid 1px #DDD
                }

                    .card.pricing-card.light .card-body.optional .card-title {
                        color: #555
                    }
                
                .card.pricing-card.light .card-body .card-title {
                    color: #DDD;
                }

                .card.pricing-card.light .card-body .price {
                    color: #8b0000
                }

                .card.pricing-card.light .card-body ul li {
                    color: #222;
                    font-size: .9rem
                }

                    .card.pricing-card.light .card-body ul li .bi {
                        color: #006400
                    }

                .card.pricing-card.light .card-body p.small {
                    color: #222 !important
                }

                    .card.pricing-card.light .card-body p.small a {
                        color: #00008b !important;
                        font-weight: 600
                    }

            .card.pricing-card.light .card-footer {
                background: none;
                background-color: transparent !important;
                border-top: solid 1px #DDD
            }

                .card.pricing-card.light .card-footer.logged-in-options .order-options .form-check label, .card.pricing-card.light .card-footer.logged-in-options .order-options.has-input span {
                    color: #444
                }

                .card.pricing-card.light .card-footer.logged-in-options .order-options.has-input .form-control {
                    background-color: #fff;
                    color: #333
                }

                    .card.pricing-card.light .card-footer.logged-in-options .order-options.has-input .form-control:focus {
                        background-color: #f9f9f9
                    }

        .card.pricing-card.most-popular {
            background-color: #d4e5ff1a;
            border: solid 1px #214e92
        }

            .card.pricing-card.most-popular:hover {
                background-color: #d4e5ff26
            }

            .card.pricing-card.most-popular:after {
                content: "MOST POPULAR";
                position: absolute;
                top: 0;
                left: 50%;
                transform: translate(-50%);
                background-color: #0d6efd;
                color: #fff;
                border-radius: 100px;
                padding: 3px 15px;
                font-size: .7rem;
                font-weight: 600;
                letter-spacing: .05rem;
                margin-top: -12px
            }

        .card.pricing-card .card-footer {
            padding: 15px 25px;
            background-color: #0000001a;
            border-top: solid 1px #333
        }

            .card.pricing-card .card-footer:last-child {
                display: flex;
                flex-direction: column;
                padding: 15px 25px;
                height: auto;
                background-color: #0003
            }

                .card.pricing-card .card-footer:last-child .btn {
                    margin: 0
                }

            .card.pricing-card .card-footer.logged-in-options .order-options {
                display: flex;
                flex-direction: row;
                gap: 10px;
                margin-bottom: 15px
            }

                .card.pricing-card .card-footer.logged-in-options .order-options:last-child {
                    margin-bottom: 0
                }

                .card.pricing-card .card-footer.logged-in-options .order-options .form-check {
                    width: 50%
                }

                    .card.pricing-card .card-footer.logged-in-options .order-options .form-check .form-check-input {
                        background-color: #666;
                        transition: all ease-in-out .2s
                    }

                    .card.pricing-card .card-footer.logged-in-options .order-options .form-check label {
                        color: #ddd;
                        font-size: .8rem
                    }

                .card.pricing-card .card-footer.logged-in-options .order-options.has-input {
                    flex-direction: row;
                    align-items: center
                }

                    .card.pricing-card .card-footer.logged-in-options .order-options.has-input span {
                        color: #ccc;
                        font-size: .8rem
                    }

                    .card.pricing-card .card-footer.logged-in-options .order-options.has-input .form-control {
                        width: 40px !important;
                        height: 40px !important;
                        min-height: 40px !important;
                        padding: 0 !important;
                        flex-shrink: 0;
                        background-color: #0003;
                        border-radius: .4rem;
                        color: #ccc;
                        font-size: 1rem;
                        padding: 0;
                        text-align: center;
                        transition: all ease-in-out .2s;
                        border: solid 1px #444
                    }

                        .card.pricing-card .card-footer.logged-in-options .order-options.has-input .form-control:focus {
                            background-color: #0006;
                            border: solid 1px #595959
                        }

        .card.pricing-card .card-body {
            padding: 25px 25px 10px
        }

            .card.pricing-card .card-body .to-cardt-section {
                background-color: #0000001a;
                border-top: solid 1px #333
            }

            .card.pricing-card .card-body .card-title {
                font-size: 1.2rem;
                font-weight: 600;
                color: #fff
            }

            .card.pricing-card .card-body .price {
                font-weight: 700;
                color: #ffc
            }

            .card.pricing-card .card-body p.text-muted {
                color: #ffbb29 !important;
                line-height: 1rem
            }

                .card.pricing-card .card-body p.text-muted a {
                    margin-left: 3px;
                    color: #ffe09e !important
                }

            .card.pricing-card .card-body ul {
                padding-top: 10px;
                display: flex;
                flex-direction: column;
                gap: 5px
            }

                .card.pricing-card .card-body ul li {
                    color: #d0d0d0;
                    font-size: .8rem;
                    position: relative;
                    padding-left: 26px;
                    line-height: .95rem
                }

                    .card.pricing-card .card-body ul li .bi {
                        position: absolute;
                        left: 0;
                        top: 50%;
                        transform: translateY(-50%)
                    }

            .card.pricing-card .card-body.optional {
                border-top: solid 1px #333;
                padding-top: 10px
            }

                .card.pricing-card .card-body.optional .card-title {
                    width: 100%;
                    text-align: center;
                    font-size: .85rem;
                    font-weight: 600;
                    color: #dadab8;
                    margin-bottom: 0
                }

            .card.pricing-card .card-body .order-options {
                display: flex;
                flex-direction: row;
                gap: 10px;
                margin-bottom: 15px
            }

                .card.pricing-card .card-body .order-options:last-child {
                    margin-bottom: 0
                }

                .card.pricing-card .card-body .order-options .form-check {
                    width: 50%
                }

                    .card.pricing-card .card-body .order-options .form-check .form-check-input {
                        background-color: #666;
                        transition: all ease-in-out .2s
                    }

                    .card.pricing-card .card-body .order-options .form-check label {
                        color: #ddd;
                        font-size: .8rem
                    }

                .card.pricing-card .card-body .order-options.has-input {
                    flex-direction: row;
                    align-items: center
                }

                    .card.pricing-card .card-body .order-options.has-input span {
                        color: #ccc;
                        font-size: .8rem
                    }

                    .card.pricing-card .card-body .order-options.has-input .form-control {
                        width: 40px !important;
                        height: 40px !important;
                        min-height: 40px !important;
                        padding: 0 !important;
                        flex-shrink: 0;
                        background-color: #0003;
                        border-radius: .4rem;
                        color: #ccc;
                        font-size: .9rem;
                        padding: 0;
                        text-align: center;
                        transition: all ease-in-out .2s;
                        border: solid 1px #444
                    }

                        .card.pricing-card .card-body .order-options.has-input .form-control:focus {
                            background-color: #0006;
                            border: solid 1px #595959
                        }

    .card.pricing-card-wide {
        position: relative;
        border-radius: 1rem !important;
        border: solid 1px #393939;
        transition: all ease-in .2s;
        background-color: #202020 !important;
        background: #4c5d6c;
        background: linear-gradient(158deg,#4c5d6c,#202020 29%);
        display: flex;
        flex-direction: row
    }

        .card.pricing-card-wide:hover {
            background-color: #ffffff14
        }

        .card.pricing-card-wide .card-body {
            width: 25%;
            position: relative
        }

            .card.pricing-card-wide .card-body:first-child:before {
                display: none !important
            }

            .card.pricing-card-wide .card-body small.message {
                color: #ffbb29 !important;
                margin-bottom: 15px;
                width: 100%;
                display: block;
                font-size: .9rem !important;
                line-height: 1rem !important;
                text-align: center
            }

            .card.pricing-card-wide .card-body:before {
                content: "";
                position: absolute
            }

            .card.pricing-card-wide .card-body:before {
                content: "";
                position: absolute;
                top: 50%;
                left: 0;
                width: 1px;
                height: 60%;
                background-color: #444;
                transform: translateY(-50%)
            }

            .card.pricing-card-wide .card-body.stack {
                flex-direction: column !important;
                flex: auto !important
            }

            .card.pricing-card-wide .card-body .order-options {
                display: flex;
                flex-direction: row;
                gap: 10px;
                margin-bottom: 15px
            }

                .card.pricing-card-wide .card-body .order-options:last-child {
                    margin-bottom: 0
                }

                .card.pricing-card-wide .card-body .order-options .form-check {
                    width: 50%;
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    justify-content: center;
                    gap: 10px
                }

                    .card.pricing-card-wide .card-body .order-options .form-check .form-check-input {
                        background-color: #666;
                        transition: all ease-in-out .2s
                    }

                    .card.pricing-card-wide .card-body .order-options .form-check label {
                        color: #ddd;
                        font-size: .8rem;
                        margin-top: 4px
                    }

                .card.pricing-card-wide .card-body .order-options.has-input {
                    flex-direction: row;
                    align-items: center;
                    justify-content: center;
                    width: 100%
                }

                    .card.pricing-card-wide .card-body .order-options.has-input span {
                        color: #ccc;
                        font-size: .9rem
                    }

                    .card.pricing-card-wide .card-body .order-options.has-input .form-control {
                        width: 30px !important;
                        height: 30px !important;
                        min-height: 30px !important;
                        padding: 0 !important;
                        flex-shrink: 0;
                        background-color: #0003;
                        border-radius: .4rem;
                        color: #ccc;
                        font-size: .9rem;
                        padding: 0;
                        text-align: center;
                        transition: all ease-in-out .2s;
                        border: solid 1px #444
                    }

                        .card.pricing-card-wide .card-body .order-options.has-input .form-control:focus {
                            background-color: #0006;
                            border: solid 1px #595959
                        }

        .card.pricing-card-wide.most-popular {
            background-color: #d4e5ff1a;
            border: solid 1px #214e92
        }

            .card.pricing-card-wide.most-popular:hover {
                background-color: #d4e5ff26
            }

            .card.pricing-card-wide.most-popular:after {
                content: "MOST POPULAR";
                position: absolute;
                top: 0;
                left: 50%;
                transform: translate(-50%);
                background-color: #0d6efd;
                color: #fff;
                border-radius: 100px;
                padding: 3px 15px;
                font-size: .7rem;
                font-weight: 600;
                letter-spacing: .05rem;
                margin-top: -12px
            }

        .card.pricing-card-wide .card-footer {
            padding: 15px 25px
        }

            .card.pricing-card-wide .card-footer:last-child {
                display: flex;
                flex-direction: column;
                padding: 15px 25px;
                height: auto;
                gap: 10px
            }

                .card.pricing-card-wide .card-footer:last-child .btn {
                    margin: 0
                }

            .card.pricing-card-wide .card-footer.logged-in-options .order-options {
                display: flex;
                flex-direction: row;
                gap: 10px;
                margin-bottom: 15px
            }

                .card.pricing-card-wide .card-footer.logged-in-options .order-options:last-child {
                    margin-bottom: 0
                }

                .card.pricing-card-wide .card-footer.logged-in-options .order-options .form-check {
                    width: 50%
                }

                    .card.pricing-card-wide .card-footer.logged-in-options .order-options .form-check .form-check-input {
                        background-color: #666;
                        transition: all ease-in-out .2s
                    }

                    .card.pricing-card-wide .card-footer.logged-in-options .order-options .form-check label {
                        color: #ddd;
                        font-size: .8rem
                    }

                .card.pricing-card-wide .card-footer.logged-in-options .order-options.has-input {
                    flex-direction: row;
                    align-items: center
                }

                    .card.pricing-card-wide .card-footer.logged-in-options .order-options.has-input span {
                        color: #ccc;
                        font-size: .8rem
                    }

                    .card.pricing-card-wide .card-footer.logged-in-options .order-options.has-input .form-control {
                        width: 40px !important;
                        height: 40px !important;
                        min-height: 40px !important;
                        padding: 0 !important;
                        flex-shrink: 0;
                        background-color: #0003;
                        border-radius: .4rem;
                        color: #ccc;
                        font-size: .9rem;
                        padding: 0;
                        text-align: center;
                        transition: all ease-in-out .2s;
                        border: solid 1px #444
                    }

                        .card.pricing-card-wide .card-footer.logged-in-options .order-options.has-input .form-control:focus {
                            background-color: #0006;
                            border: solid 1px #595959
                        }

        .card.pricing-card-wide .before-order {
            width: 25%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            gap: 15px;
            position: relative
        }

            .card.pricing-card-wide .before-order:before {
                content: "";
                position: absolute;
                top: 50%;
                left: 0;
                width: 1px;
                height: 60%;
                background-color: #444;
                transform: translateY(-50%)
            }

        .card.pricing-card-wide .card-body {
            padding: 25px 25px 10px
        }

            .card.pricing-card-wide .card-body .card-title {
                font-size: 1.2rem;
                font-weight: 600;
                color: #fff
            }

            .card.pricing-card-wide .card-body .price {
                font-weight: 700;
                color: #ffc
            }

            .card.pricing-card-wide .card-body p.text-muted {
                color: #ffbb29 !important;
                line-height: 1rem
            }

                .card.pricing-card-wide .card-body p.text-muted a {
                    margin-left: 3px;
                    color: #ffe09e !important
                }

            .card.pricing-card-wide .card-body ul {
                padding-top: 10px;
                display: flex;
                flex-direction: column;
                gap: 5px
            }

                .card.pricing-card-wide .card-body ul li {
                    color: #d0d0d0;
                    font-size: .95rem;
                    position: relative;
                    padding-left: 26px;
                    line-height: 1.1rem
                }

                    .card.pricing-card-wide .card-body ul li .bi {
                        position: absolute;
                        left: 0;
                        top: 50%;
                        transform: translateY(-50%)
                    }

            .card.pricing-card-wide .card-body.optional {
                border-top: solid 1px #333;
                padding-top: 10px
            }

                .card.pricing-card-wide .card-body.optional .card-title {
                    width: 100%;
                    text-align: center;
                    font-size: .85rem;
                    font-weight: 600;
                    color: #dadab8;
                    margin-bottom: 0
                }

    .card.cover-card {
        border-radius: .8rem;
        border: solid 1px #333;
        padding-bottom: 0;
        position: relative;
        width: 100%
    }

        .card.cover-card.kids {
            border: solid 1px #DDD !important;
            overflow: hidden;
            background-color: #fff;
            height: 100%
        }

            .card.cover-card.kids:hover {
                border: solid 1px #999 !important
            }

            .card.cover-card.kids .image-wrap {
                border: solid 1px #999
            }

            .card.cover-card.kids .card-body p {
                color: #111;
                margin-bottom: 0;
                font-size: .7rem !important
            }

            .card.cover-card.kids .card-body .card-title {
                color: #222;
                font-size: .9rem !important;
                line-height: 1rem;
                min-height: 38px
            }

            .card.cover-card.kids .card-footer {
                border-top: solid 1px #CCC;
                background-color: #fff !important
            }

        .card.cover-card .badge {
            position: absolute;
            left: 50%;
            top: 0;
            transform: translate(-50%);
            z-index: 100;
            padding: 5px 12px;
            text-transform: uppercase;
            border-top-left-radius: 0 !important;
            border-top-right-radius: 0 !important;
            border-bottom-left-radius: .5rem;
            border-bottom-right-radius: .5rem;
            letter-spacing: .03rem;
            background: #fcd53a;
            background: linear-gradient(158deg,#b7950e,#1370ab 69%);
            color: #fff;
            font-weight: 800 !important;
            border: solid 1px white;
            border-top: none;
            text-shadow: 1px 1px 1px #666
        }

        .card.cover-card.disabled .image-wrap, .card.cover-card.disabled .card-body {
            opacity: .7
        }

        .card.cover-card.disabled .card-footer {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: 5px
        }

            .card.cover-card.disabled .card-footer .btn {
                opacity: .7;
                pointer-events: none
            }

                .card.cover-card.disabled .card-footer .btn.btn-circle {
                    width: 44px;
                    height: 44px;
                    padding: 0;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    display: none
                }

        .card.cover-card .image-wrap {
            border-radius: .5rem;
            overflow: hidden
        }

            .card.cover-card .image-wrap img {
                width: 100%;
                height: 100%;
                object-fit: cover
            }

        .card.cover-card .card-footer {
            padding: 10px 15px;
            background-color: #0000001a !important;
            border-top: solid 1px #333
        }

            .card.cover-card .card-footer .btn {
                margin-bottom: 0
            }

        .card.cover-card .card-body {
            padding: 10px 15px;
            display: flex;
            flex-direction: column;
            gap: 5px
        }

            .card.cover-card .card-body .card-title {
                color: #ddd;
                width: 100%;
                text-align: center;
                margin: 0;
                font-weight: 600;
                font-size: 1.1rem;
                line-height: 1.3rem
            }

            .card.cover-card .card-body p {
                color: #ccc;
                width: 100%;
                text-align: center;
                margin: 0 0 5px;
                padding: 0;
                font-family: DM Mono,monospace;
                font-size: .8rem;
                line-height: .8rem;
                text-transform: uppercase
            }

    .card.set-wrap {
        padding: 20px 0 10px;
        border-radius: 1rem;
        z-index: 80;
        margin-top: -80px;
        background: #a8ebff;
        background: linear-gradient(180deg,#bdf0ff,#f9f9f9 59%);
        border: none;
        position: relative;
        border: solid 1px #f9f9f9 !important;
        border-top: solid 1px #FFF
    }

        .card.set-wrap .container {
            position: relative;
            z-index: 40
        }

        .card.set-wrap:after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 40%;
            background-color: transparent;
            z-index: 1;
            border-top-left-radius: 1rem;
            border-top-right-radius: 1rem
        }

    .card.prod-card {
        border-radius: 1rem;
        margin-bottom: 25px;
        background-color: #fff;
        background: #a8ebff;
        background: linear-gradient(180deg,#e0f8ff,#f9f9f9 59%)
    }

        .card.prod-card .card-body:first-child {
            padding-top: 35px;
            padding-bottom: 35px
        }

        .card.prod-card .card-footer {
            padding: 15px;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            gap: 15px
        }

            .card.prod-card .card-footer .btn {
                box-shadow: none !important;
                border-radius: .4rem !important
            }

            .card.prod-card .card-footer .btn-support:hover {
                background-color: #00000014
            }

        .card.prod-card .container .row .col-lg-4 {
            position: relative;
            padding: 0 25px
        }

            .card.prod-card .container .row .col-lg-4:before {
                content: "";
                position: absolute;
                top: 50%;
                left: 0;
                transform: translateY(-50%);
                width: 2px;
                height: 70%;
                background-color: #ddd
            }

            .card.prod-card .container .row .col-lg-4:first-child:before {
                display: none
            }

        .card.prod-card .container .content-block {
            height: 100%;
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center
        }

            .card.prod-card .container .content-block small.section-message {
                text-align: center !important;
                width: 100%;
                font-size: .8rem !important;
                line-height: .95rem;
                font-weight: 500 !important;
                margin-bottom: 5px;
                color: #006400
            }

        .card.prod-card .container h2 {
            font-weight: 800;
            color: #ff8c00;
            margin-bottom: 0;
            font-family: DM Mono,monospace
        }

        .card.prod-card .container h3 {
            font-size: 1.2rem;
            font-weight: 700;
            margin-bottom: 0
        }

        .card.prod-card .container h4 {
            font-weight: 500;
            font-size: 1.3rem;
            margin-bottom: 0
        }

        .card.prod-card .container ul li {
            font-size: 1rem !important;
            line-height: 1.2rem;
            font-weight: 600 !important
        }

            .card.prod-card .container ul li.has-input {
                display: flex;
                flex-direction: row !important;
                gap: 10px;
                justify-content: center;
                align-items: center;
                padding-left: 0 !important
            }

                .card.prod-card .container ul li.has-input .form-number {
                    height: 30px;
                    width: 40px;
                    padding: 0 !important;
                    flex-shrink: 0;
                    text-align: center;
                    line-height: 30px;
                    border-radius: .5rem;
                    background-color: #00000008;
                    box-shadow: none
                }

                    .card.prod-card .container ul li.has-input .form-number:focus {
                        background-color: #ffffccb3;
                        border: solid 1px #999
                    }

                .card.prod-card .container ul li.has-input .form-check {
                    padding: 5px 20px;
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    justify-content: center;
                    gap: 10px
                }

.row-no-wrap {
    flex-wrap: nowrap !important
}

.over-flow-x {
    overflow-x: auto;
    scrollbar-width: thin;
    scroll-behavior: smooth
}

.set-cover-wrap {
    display: flex;
    flex-direction: row;
    gap: 20px;
    padding-bottom: 15px
}

    .set-cover-wrap .card {
        width: 20%
    }

.card.checkout-card {
    background-color: #ffffff03 !important;
    border-radius: .8rem;
    border: solid 1px #333;
    margin-bottom: 25px;
    padding-bottom: 20px
}

    .card.checkout-card .card-body.flex-row {
        display: flex;
        flex-direction: row
    }

    .card.checkout-card .card-body .use-billing {
        margin-left: auto
    }

        .card.checkout-card .card-body .use-billing label {
            color: #ddd
        }

    .card.checkout-card .card-body .card-title {
        font-size: 1.2rem;
        font-weight: 400;
        color: #ddd;
        margin-bottom: 15px
    }

        .card.checkout-card .card-body .card-title .bi {
            margin-right: 5px;
            color: #00ced1
        }

    .card.checkout-card .form-control, .card.checkout-card .form-select {
        margin-bottom: 20px;
        border-radius: .45rem;
        background-color: #ffffff0a;
        border: solid 1px #555;
        font-size: 1.1rem;
        color: #ccc;
        padding: 8px 15px
    }

        .card.checkout-card .form-control:focus, .card.checkout-card .form-select:focus {
            background-color: #ffffff0d;
            border: solid 1px #FFC;
            transition: all ease-in-out .2s
        }

.card.cart-card {
    background-color: transparent !important;
    border: none;
    margin-bottom: 25px
}

    .card.cart-card .card-body {
        padding: 20px 0
    }

        .card.cart-card .card-body .card-title {
            font-size: 1.4rem;
            font-weight: 500;
            color: #fff !important;
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 10px
        }

            .card.cart-card .card-body .card-title .kit-total {
                margin-left: auto;
                font-weight: 600;
                opacity: .8;
                font-size: 1.05rem
            }

.card .list-group {
    display: flex;
    flex-direction: column;
    background-color: transparent !important
}

    .card .list-group .list-group-item {
        display: flex;
        flex-direction: row;
        gap: 25px;
        background-color: transparent !important;
        align-items: center;
        border-bottom: solid 1px #333 !important;
        padding: 15px 0
    }

        .card .list-group .list-group-item:last-child {
            border-bottom: none !important
        }

        .card .list-group .list-group-item .title {
            font-size: 1rem;
            font-weight: 500;
            color: #ddd;
            display: flex;
            flex-direction: row;
            gap: 10px;
            align-items: center;
            width: 100%
        }

            .card .list-group .list-group-item .title .unit-price {
                font-size: .8rem;
                color: #aaa;
                font-weight: 500;
                width: 60px;
                margin-left: auto;
                flex-shrink: 0
            }

        .card .list-group .list-group-item .quantity {
            margin-left: auto;
            min-width: 50px;
            flex-shrink: 0
        }

            .card .list-group .list-group-item .quantity span {
                width: 40px;
                text-align: center;
                color: #ccc;
                font-family: DM Mono,monospace
            }

            .card .list-group .list-group-item .quantity input {
                text-align: center;
                background-color: #ffffff0d;
                border-radius: .5rem;
                border: solid 1px #444;
                color: #ccc;
                font-family: DM Mono,monospace
            }

                .card .list-group .list-group-item .quantity input:focus {
                    color: #f0f0f0;
                    border: solid 1px #DDD
                }

        .card .list-group .list-group-item .price {
            font-weight: 600;
            color: #ffc;
            flex-shrink: 0;
            width: 80px;
            text-align: right;
            font-family: DM Mono,monospace
        }

.card.cart-total-card {
    border-radius: .6rem;
    border: solid 1px #333;
    min-height: 340px;
    margin: 0 25px;
    position: sticky;
    top: 80px
}

    .card.cart-total-card .card-body .card-title {
        font-size: 1.2rem;
        color: #ddd;
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 100%
    }

        .card.cart-total-card .card-body .card-title .total-items {
            margin-left: auto;
            font-weight: 500;
            color: #f0f0f0;
            font-family: DM Mono,monospace
        }

    .card.cart-total-card .card-body .btn-place-order {
        font-weight: 700;
        transition: all ease-in-out .2s;
        margin: 0 auto;
        max-width: 400px;
        border-radius: .4rem !important;
        padding: 10px 20px;
        font-size: 1.2rem;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 12px;
        justify-content: center
    }

        .card.cart-total-card .card-body .btn-place-order .bi {
            font-size: 1rem
        }

    .card.cart-total-card .card-body.check-out {
        background-color: #00000040;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .card.cart-total-card .list-group .list-group-item {
        border-bottom: solid 1px #393939 !important;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 15px;
        padding: 15px 20px;
        color: #ddd
    }

        .card.cart-total-card .list-group .list-group-item strong {
            color: #ffc;
            margin-left: auto;
            font-family: DM Mono,monospace
        }

        .card.cart-total-card .list-group .list-group-item:last-child {
            border-bottom: none !important
        }

        .card.cart-total-card .list-group .list-group-item.est-total {
            font-size: 1.2rem;
            background-color: #0000001a !important
        }

            .card.cart-total-card .list-group .list-group-item.est-total strong {
                font-family: DM Mono,monospace
            }

@media(max-width:991px) {
    .mobile-padding {
        max-width: 33.33%;
        margin-top: 10px !important
    }

    .card.cart-total-card {
        margin: 0 0 30px
    }
}

@media(max-width:800px) {
    .mobile-padding {
        padding: 15px;
        max-width: 50%
    }

        .mobile-padding:last-child {
            margin-right: 15px
        }

    .card.set-wrap {
        padding: 15px;
        border-radius: 0rem !important;
        margin-top: -55px
    }

    .card.pricing-card-wide {
        display: flex;
        flex-direction: column
    }

        .card.pricing-card-wide .card-body {
            width: 100%
        }

            .card.pricing-card-wide .card-body:before {
                display: none
            }

        .card.pricing-card-wide .card-footer:before {
            display: none
        }

        .card.pricing-card-wide .before-order {
            width: 100%;
            border-top: solid 1px #333
        }

            .card.pricing-card-wide .before-order:before {
                display: none
            }
}

@media(max-width:800px) {
    .mobile-padding {
        max-width: 90%
    }
}

.glide__slides li {
    height: 100%;
    display: block
}

.glide__arrow {
    background: #ffffff0a;
    -webkit-backdrop-filter: saturate(180%) blur(15px);
    backdrop-filter: saturate(180%) blur(15px);
    height: 30px;
    width: 30px;
    border-radius: 100px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    border: solid 1px #666;
    color: #555
}

    .glide__arrow:hover {
        border: solid 1px #444;
        background: #ffffff80;
        -webkit-backdrop-filter: saturate(180%) blur(15px);
        backdrop-filter: saturate(180%) blur(15px)
    }

    .glide__arrow.glide__arrow--left {
        margin-left: -50px
    }

    .glide__arrow.glide__arrow--right {
        margin-right: -50px
    }

@media(max-width:1024px) {
    .glide__arrow {
        opacity: 1;
        pointer-events: all
    }
}

.popup-modal-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: transparent;
    background: #0c0c0c99 !important;
    -webkit-backdrop-filter: saturate(100%) blur(15px) !important;
    backdrop-filter: saturate(100%) blur(15px) !important;
    padding-top: 125px;
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease;
    z-index: 100
}

    .popup-modal-wrapper .popup-modal {
        background-color: #101010;
        min-height: 350px;
        border-radius: 1rem !important;
        overflow: hidden;
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease;
        margin-top: 30px
    }

        .popup-modal-wrapper .popup-modal.kids .popup-modal-header {
            background-color: #fff
        }

            .popup-modal-wrapper .popup-modal.kids .popup-modal-header h4 {
                background-color: #fff;
                color: #333
            }

            .popup-modal-wrapper .popup-modal.kids .popup-modal-header .btn {
                color: #444
            }

        .popup-modal-wrapper .popup-modal .popup-modal-header {
            padding: 7px 15px;
            text-align: right
        }

            .popup-modal-wrapper .popup-modal .popup-modal-header h4 {
                float: left;
                width: auto;
                height: 30px;
                line-height: 33px;
                color: #ddd;
                font-size: 15px;
                font-weight: 700
            }

            .popup-modal-wrapper .popup-modal .popup-modal-header .btn {
                width: 30px;
                height: 30px;
                line-height: 30px;
                text-align: center;
                font-size: 22px;
                padding: 0;
                color: #ccc
            }

                .popup-modal-wrapper .popup-modal .popup-modal-header .btn:hover {
                    color: red
                }

        .popup-modal-wrapper .popup-modal .popup-modal-content {
            width: 100%;
            padding: 20px
        }

            .popup-modal-wrapper .popup-modal .popup-modal-content .popup-modal-content-title {
                font-size: 25px;
                line-height: 25px;
                font-weight: 700;
                color: #f0f0f0;
                margin-bottom: 20px
            }

            .popup-modal-wrapper .popup-modal .popup-modal-content .popup-modal-content-meta {
                font-size: 11px;
                color: #ccc;
                text-transform: uppercase;
                letter-spacing: .05rem;
                margin-bottom: 15px
            }

                .popup-modal-wrapper .popup-modal .popup-modal-content .popup-modal-content-meta .btn {
                    font-weight: 700;
                    padding: 0 12px !important;
                    width: 90px;
                    height: 25px;
                    line-height: 25px;
                    margin-right: 10px;
                    letter-spacing: .04rem;
                    text-transform: uppercase;
                    border-radius: 100px !important;
                    cursor: pointer
                }

                    .popup-modal-wrapper .popup-modal .popup-modal-content .popup-modal-content-meta .btn span {
                        margin-left: 5px
                    }

            .popup-modal-wrapper .popup-modal .popup-modal-content p.popup-modal-content-copy {
                font-size: 15px;
                color: #ddd
            }

#offcanvasgift .offcanvas-header {
    background-color: #fff;
    border-bottom: solid 1px #DDD
}

#offcanvasgift .offcanvas-body {
    background-color: #f5f5f5
}

.incrementor {
    position: relative;
    width: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .3rem;
    border: solid 1px #CCC;
    background-color: #fff;
    height: 35px
}

    .incrementor.dark {
        background-color: #232323;
        border: solid 1px #454545
    }

        .incrementor.dark .btn {
            color: #aaa !important
        }

            .incrementor.dark .btn:first-child {
                border-right: solid 1px #454545
            }

            .incrementor.dark .btn:last-child {
                border-left: solid 1px #454545
            }

        .incrementor.dark input {
            background-color: transparent !important;
            color: #eee !important;
            border: none !important
        }

    .incrementor.small {
        width: 90px;
        height: 25px
    }

        .incrementor.small .btn {
            width: 20px;
            height: 100%;
            font-size: .9rem !important
        }

        .incrementor.small input {
            width: 50px;
            height: 100%;
            font-size: .9rem !important
        }

    .incrementor input {
        width: 60px;
        text-align: center;
        border: none !important;
        -moz-appearance: textfield;
        appearance: textfield;
        height: 100%
    }

        .incrementor input:hover {
            background-color: transparent !important
        }

        .incrementor input::-webkit-outer-spin-button, .incrementor input::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0
        }

        .incrementor input[type=number] {
            -moz-appearance: textfield
        }

    .incrementor .btn {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        font-weight: 700;
        cursor: pointer;
        width: 35px;
        height: 100%;
        background-color: transparent;
        border: none;
        color: #666 !important;
        font-weight: 400 !important;
        font-size: 1.1rem !important;
        border-radius: 0rem !important;
        padding: 0 !important
    }

        .incrementor .btn:focus {
            background-color: transparent;
            color: #333 !important
        }

        .incrementor .btn:hover {
            background-color: transparent
        }

        .incrementor .btn:first-child {
            border-right: solid 1px #CCC
        }

        .incrementor .btn:last-child {
            border-left: solid 1px #CCC
        }