@charset "UTF-8"; /*! Made with Bones: http://themble.com/bones :) */

@media print {
    * {
        background: 0 0 !important;
        color: #000 !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important
    }

    a, a:visited {
        color: #444 !important;
        text-decoration: underline
    }

        a:after, a:visited:after {
            content: " (" attr(href) ")"
        }

        a abbr[title]:after, a:visited abbr[title]:after {
            content: " (" attr(title) ")"
        }

        .ir a:after, a[href^="#"]:after, a[href^="javascript:"]:after {
            content: ""
        }

    blockquote, pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img, tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: .5cm
    }

    h2, h3, p {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    .page-navigation, .respond-form, .sidebar, .wp-prev-next, nav {
        display: none
    }
}

.container, .container-fluid, .container-lg, .container-md, .container-s, .container-sm, .container-xl, .container-xxl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:400px) {
    .container, .container-s {
        max-width: 370px
    }
}

@media (min-width:576px) {
    .container, .container-s, .container-sm {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container, .container-md, .container-s, .container-sm {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container, .container-lg, .container-md, .container-s, .container-sm {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container, .container-lg, .container-md, .container-s, .container-sm, .container-xl {
        max-width: 1140px
    }
}

@media (min-width:1500px) {
    .container, .container-lg, .container-md, .container-s, .container-sm, .container-xl, .container-xxl {
        max-width: 1440px
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

    .no-gutters > .col, .no-gutters > [class*=col-] {
        padding-right: 0;
        padding-left: 0
    }

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-s, .col-s-1, .col-s-10, .col-s-11, .col-s-12, .col-s-2, .col-s-3, .col-s-4, .col-s-5, .col-s-6, .col-s-7, .col-s-8, .col-s-9, .col-s-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto, .col-xxl, .col-xxl-1, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.row-cols-1 > * {
    flex: 0 0 100%;
    max-width: 100%
}

.row-cols-2 > * {
    flex: 0 0 50%;
    max-width: 50%
}

.row-cols-3 > * {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.row-cols-4 > * {
    flex: 0 0 25%;
    max-width: 25%
}

.row-cols-5 > * {
    flex: 0 0 20%;
    max-width: 20%
}

.row-cols-6 > * {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.col-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.col-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.col-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.col-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.33333%
}

.offset-2 {
    margin-left: 16.66667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333%
}

.offset-5 {
    margin-left: 41.66667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333%
}

.offset-8 {
    margin-left: 66.66667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333%
}

.offset-11 {
    margin-left: 91.66667%
}

@media (min-width:400px) {
    .col-s {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-s-1 > * {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-s-2 > * {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-s-3 > * {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .row-cols-s-4 > * {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-s-5 > * {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-s-6 > * {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-s-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-s-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-s-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-s-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-s-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-s-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-s-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-s-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-s-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-s-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-s-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-s-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-s-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-s-first {
        order: -1
    }

    .order-s-last {
        order: 13
    }

    .order-s-0 {
        order: 0
    }

    .order-s-1 {
        order: 1
    }

    .order-s-2 {
        order: 2
    }

    .order-s-3 {
        order: 3
    }

    .order-s-4 {
        order: 4
    }

    .order-s-5 {
        order: 5
    }

    .order-s-6 {
        order: 6
    }

    .order-s-7 {
        order: 7
    }

    .order-s-8 {
        order: 8
    }

    .order-s-9 {
        order: 9
    }

    .order-s-10 {
        order: 10
    }

    .order-s-11 {
        order: 11
    }

    .order-s-12 {
        order: 12
    }

    .offset-s-0 {
        margin-left: 0
    }

    .offset-s-1 {
        margin-left: 8.33333%
    }

    .offset-s-2 {
        margin-left: 16.66667%
    }

    .offset-s-3 {
        margin-left: 25%
    }

    .offset-s-4 {
        margin-left: 33.33333%
    }

    .offset-s-5 {
        margin-left: 41.66667%
    }

    .offset-s-6 {
        margin-left: 50%
    }

    .offset-s-7 {
        margin-left: 58.33333%
    }

    .offset-s-8 {
        margin-left: 66.66667%
    }

    .offset-s-9 {
        margin-left: 75%
    }

    .offset-s-10 {
        margin-left: 83.33333%
    }

    .offset-s-11 {
        margin-left: 91.66667%
    }
}

@media (min-width:576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-sm-1 > * {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-sm-2 > * {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-sm-3 > * {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .row-cols-sm-4 > * {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-sm-5 > * {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-sm-6 > * {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-sm-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-sm-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-sm-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-sm-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-sm-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        order: -1
    }

    .order-sm-last {
        order: 13
    }

    .order-sm-0 {
        order: 0
    }

    .order-sm-1 {
        order: 1
    }

    .order-sm-2 {
        order: 2
    }

    .order-sm-3 {
        order: 3
    }

    .order-sm-4 {
        order: 4
    }

    .order-sm-5 {
        order: 5
    }

    .order-sm-6 {
        order: 6
    }

    .order-sm-7 {
        order: 7
    }

    .order-sm-8 {
        order: 8
    }

    .order-sm-9 {
        order: 9
    }

    .order-sm-10 {
        order: 10
    }

    .order-sm-11 {
        order: 11
    }

    .order-sm-12 {
        order: 12
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333%
    }

    .offset-sm-2 {
        margin-left: 16.66667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333%
    }

    .offset-sm-5 {
        margin-left: 41.66667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333%
    }

    .offset-sm-8 {
        margin-left: 66.66667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333%
    }

    .offset-sm-11 {
        margin-left: 91.66667%
    }
}

@media (min-width:768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-md-1 > * {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-md-2 > * {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-md-3 > * {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .row-cols-md-4 > * {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-md-5 > * {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-md-6 > * {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-md-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-md-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-md-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-md-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-md-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        order: -1
    }

    .order-md-last {
        order: 13
    }

    .order-md-0 {
        order: 0
    }

    .order-md-1 {
        order: 1
    }

    .order-md-2 {
        order: 2
    }

    .order-md-3 {
        order: 3
    }

    .order-md-4 {
        order: 4
    }

    .order-md-5 {
        order: 5
    }

    .order-md-6 {
        order: 6
    }

    .order-md-7 {
        order: 7
    }

    .order-md-8 {
        order: 8
    }

    .order-md-9 {
        order: 9
    }

    .order-md-10 {
        order: 10
    }

    .order-md-11 {
        order: 11
    }

    .order-md-12 {
        order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333%
    }

    .offset-md-2 {
        margin-left: 16.66667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333%
    }

    .offset-md-5 {
        margin-left: 41.66667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333%
    }

    .offset-md-8 {
        margin-left: 66.66667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333%
    }

    .offset-md-11 {
        margin-left: 91.66667%
    }
}

@media (min-width:992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-lg-1 > * {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-lg-2 > * {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-lg-3 > * {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .row-cols-lg-4 > * {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-lg-5 > * {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-lg-6 > * {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-lg-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-lg-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-lg-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-lg-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-lg-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        order: -1
    }

    .order-lg-last {
        order: 13
    }

    .order-lg-0 {
        order: 0
    }

    .order-lg-1 {
        order: 1
    }

    .order-lg-2 {
        order: 2
    }

    .order-lg-3 {
        order: 3
    }

    .order-lg-4 {
        order: 4
    }

    .order-lg-5 {
        order: 5
    }

    .order-lg-6 {
        order: 6
    }

    .order-lg-7 {
        order: 7
    }

    .order-lg-8 {
        order: 8
    }

    .order-lg-9 {
        order: 9
    }

    .order-lg-10 {
        order: 10
    }

    .order-lg-11 {
        order: 11
    }

    .order-lg-12 {
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333%
    }

    .offset-lg-2 {
        margin-left: 16.66667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333%
    }

    .offset-lg-5 {
        margin-left: 41.66667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333%
    }

    .offset-lg-8 {
        margin-left: 66.66667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333%
    }

    .offset-lg-11 {
        margin-left: 91.66667%
    }
}

@media (min-width:1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-xl-1 > * {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-xl-2 > * {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-xl-3 > * {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .row-cols-xl-4 > * {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-xl-5 > * {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-xl-6 > * {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-xl-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xl-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xl-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xl-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xl-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        order: -1
    }

    .order-xl-last {
        order: 13
    }

    .order-xl-0 {
        order: 0
    }

    .order-xl-1 {
        order: 1
    }

    .order-xl-2 {
        order: 2
    }

    .order-xl-3 {
        order: 3
    }

    .order-xl-4 {
        order: 4
    }

    .order-xl-5 {
        order: 5
    }

    .order-xl-6 {
        order: 6
    }

    .order-xl-7 {
        order: 7
    }

    .order-xl-8 {
        order: 8
    }

    .order-xl-9 {
        order: 9
    }

    .order-xl-10 {
        order: 10
    }

    .order-xl-11 {
        order: 11
    }

    .order-xl-12 {
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333%
    }

    .offset-xl-2 {
        margin-left: 16.66667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333%
    }

    .offset-xl-5 {
        margin-left: 41.66667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333%
    }

    .offset-xl-8 {
        margin-left: 66.66667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333%
    }

    .offset-xl-11 {
        margin-left: 91.66667%
    }
}

@media (min-width:1500px) {
    .col-xxl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-xxl-1 > * {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-xxl-2 > * {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-xxl-3 > * {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .row-cols-xxl-4 > * {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-xxl-5 > * {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-xxl-6 > * {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-xxl-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xxl-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xxl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xxl-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xxl-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-xxl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xxl-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xxl-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-xxl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xxl-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xxl-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-xxl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xxl-first {
        order: -1
    }

    .order-xxl-last {
        order: 13
    }

    .order-xxl-0 {
        order: 0
    }

    .order-xxl-1 {
        order: 1
    }

    .order-xxl-2 {
        order: 2
    }

    .order-xxl-3 {
        order: 3
    }

    .order-xxl-4 {
        order: 4
    }

    .order-xxl-5 {
        order: 5
    }

    .order-xxl-6 {
        order: 6
    }

    .order-xxl-7 {
        order: 7
    }

    .order-xxl-8 {
        order: 8
    }

    .order-xxl-9 {
        order: 9
    }

    .order-xxl-10 {
        order: 10
    }

    .order-xxl-11 {
        order: 11
    }

    .order-xxl-12 {
        order: 12
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333%
    }

    .offset-xxl-2 {
        margin-left: 16.66667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333%
    }

    .offset-xxl-5 {
        margin-left: 41.66667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333%
    }

    .offset-xxl-8 {
        margin-left: 66.66667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333%
    }

    .offset-xxl-11 {
        margin-left: 91.66667%
    }
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

@media (min-width:400px) {
    .d-s-none {
        display: none !important
    }

    .d-s-inline {
        display: inline !important
    }

    .d-s-inline-block {
        display: inline-block !important
    }

    .d-s-block {
        display: block !important
    }

    .d-s-table {
        display: table !important
    }

    .d-s-table-row {
        display: table-row !important
    }

    .d-s-table-cell {
        display: table-cell !important
    }

    .d-s-flex {
        display: flex !important
    }

    .d-s-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:576px) {
    .d-sm-none {
        display: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:768px) {
    .d-md-none {
        display: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:992px) {
    .d-lg-none {
        display: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:1200px) {
    .d-xl-none {
        display: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:1500px) {
    .d-xxl-none {
        display: none !important
    }

    .d-xxl-inline {
        display: inline !important
    }

    .d-xxl-inline-block {
        display: inline-block !important
    }

    .d-xxl-block {
        display: block !important
    }

    .d-xxl-table {
        display: table !important
    }

    .d-xxl-table-row {
        display: table-row !important
    }

    .d-xxl-table-cell {
        display: table-cell !important
    }

    .d-xxl-flex {
        display: flex !important
    }

    .d-xxl-inline-flex {
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }

    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

@media (min-width:400px) {
    .flex-s-row {
        flex-direction: row !important
    }

    .flex-s-column {
        flex-direction: column !important
    }

    .flex-s-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-s-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-s-wrap {
        flex-wrap: wrap !important
    }

    .flex-s-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-s-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-s-fill {
        flex: 1 1 auto !important
    }

    .flex-s-grow-0 {
        flex-grow: 0 !important
    }

    .flex-s-grow-1 {
        flex-grow: 1 !important
    }

    .flex-s-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-s-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-s-start {
        justify-content: flex-start !important
    }

    .justify-content-s-end {
        justify-content: flex-end !important
    }

    .justify-content-s-center {
        justify-content: center !important
    }

    .justify-content-s-between {
        justify-content: space-between !important
    }

    .justify-content-s-around {
        justify-content: space-around !important
    }

    .align-items-s-start {
        align-items: flex-start !important
    }

    .align-items-s-end {
        align-items: flex-end !important
    }

    .align-items-s-center {
        align-items: center !important
    }

    .align-items-s-baseline {
        align-items: baseline !important
    }

    .align-items-s-stretch {
        align-items: stretch !important
    }

    .align-content-s-start {
        align-content: flex-start !important
    }

    .align-content-s-end {
        align-content: flex-end !important
    }

    .align-content-s-center {
        align-content: center !important
    }

    .align-content-s-between {
        align-content: space-between !important
    }

    .align-content-s-around {
        align-content: space-around !important
    }

    .align-content-s-stretch {
        align-content: stretch !important
    }

    .align-self-s-auto {
        align-self: auto !important
    }

    .align-self-s-start {
        align-self: flex-start !important
    }

    .align-self-s-end {
        align-self: flex-end !important
    }

    .align-self-s-center {
        align-self: center !important
    }

    .align-self-s-baseline {
        align-self: baseline !important
    }

    .align-self-s-stretch {
        align-self: stretch !important
    }
}

@media (min-width:576px) {
    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }
}

@media (min-width:768px) {
    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }
}

@media (min-width:992px) {
    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }
}

@media (min-width:1200px) {
    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }
}

@media (min-width:1500px) {
    .flex-xxl-row {
        flex-direction: row !important
    }

    .flex-xxl-column {
        flex-direction: column !important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-xxl-fill {
        flex: 1 1 auto !important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-xxl-start {
        justify-content: flex-start !important
    }

    .justify-content-xxl-end {
        justify-content: flex-end !important
    }

    .justify-content-xxl-center {
        justify-content: center !important
    }

    .justify-content-xxl-between {
        justify-content: space-between !important
    }

    .justify-content-xxl-around {
        justify-content: space-around !important
    }

    .align-items-xxl-start {
        align-items: flex-start !important
    }

    .align-items-xxl-end {
        align-items: flex-end !important
    }

    .align-items-xxl-center {
        align-items: center !important
    }

    .align-items-xxl-baseline {
        align-items: baseline !important
    }

    .align-items-xxl-stretch {
        align-items: stretch !important
    }

    .align-content-xxl-start {
        align-content: flex-start !important
    }

    .align-content-xxl-end {
        align-content: flex-end !important
    }

    .align-content-xxl-center {
        align-content: center !important
    }

    .align-content-xxl-between {
        align-content: space-between !important
    }

    .align-content-xxl-around {
        align-content: space-around !important
    }

    .align-content-xxl-stretch {
        align-content: stretch !important
    }

    .align-self-xxl-auto {
        align-self: auto !important
    }

    .align-self-xxl-start {
        align-self: flex-start !important
    }

    .align-self-xxl-end {
        align-self: flex-end !important
    }

    .align-self-xxl-center {
        align-self: center !important
    }

    .align-self-xxl-baseline {
        align-self: baseline !important
    }

    .align-self-xxl-stretch {
        align-self: stretch !important
    }
}

.m-0 {
    margin: 0 !important
}

.mt-0, .my-0 {
    margin-top: 0 !important
}

.mr-0, .mx-0 {
    margin-right: 0 !important
}

.mb-0, .my-0 {
    margin-bottom: 0 !important
}

.ml-0, .mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1, .my-1 {
    margin-top: .25rem !important
}

.mr-1, .mx-1 {
    margin-right: .25rem !important
}

.mb-1, .my-1 {
    margin-bottom: .25rem !important
}

.ml-1, .mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2, .my-2 {
    margin-top: .5rem !important
}

.mr-2, .mx-2 {
    margin-right: .5rem !important
}

.mb-2, .my-2 {
    margin-bottom: .5rem !important
}

.ml-2, .mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3, .my-3 {
    margin-top: 1rem !important
}

.mr-3, .mx-3 {
    margin-right: 1rem !important
}

.mb-3, .my-3 {
    margin-bottom: 1rem !important
}

.ml-3, .mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4, .my-4 {
    margin-top: 1.5rem !important
}

.mr-4, .mx-4 {
    margin-right: 1.5rem !important
}

.mb-4, .my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4, .mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5, .my-5 {
    margin-top: 3rem !important
}

.mr-5, .mx-5 {
    margin-right: 3rem !important
}

.mb-5, .my-5 {
    margin-bottom: 3rem !important
}

.ml-5, .mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0, .py-0 {
    padding-top: 0 !important
}

.pr-0, .px-0 {
    padding-right: 0 !important
}

.pb-0, .py-0 {
    padding-bottom: 0 !important
}

.pl-0, .px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1, .py-1 {
    padding-top: .25rem !important
}

.pr-1, .px-1 {
    padding-right: .25rem !important
}

.pb-1, .py-1 {
    padding-bottom: .25rem !important
}

.pl-1, .px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2, .py-2 {
    padding-top: .5rem !important
}

.pr-2, .px-2 {
    padding-right: .5rem !important
}

.pb-2, .py-2 {
    padding-bottom: .5rem !important
}

.pl-2, .px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3, .py-3 {
    padding-top: 1rem !important
}

.pr-3, .px-3 {
    padding-right: 1rem !important
}

.pb-3, .py-3 {
    padding-bottom: 1rem !important
}

.pl-3, .px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4, .py-4 {
    padding-top: 1.5rem !important
}

.pr-4, .px-4 {
    padding-right: 1.5rem !important
}

.pb-4, .py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4, .px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5, .py-5 {
    padding-top: 3rem !important
}

.pr-5, .px-5 {
    padding-right: 3rem !important
}

.pb-5, .py-5 {
    padding-bottom: 3rem !important
}

.pl-5, .px-5 {
    padding-left: 3rem !important
}

.m-n1 {
    margin: -.25rem !important
}

.mt-n1, .my-n1 {
    margin-top: -.25rem !important
}

.mr-n1, .mx-n1 {
    margin-right: -.25rem !important
}

.mb-n1, .my-n1 {
    margin-bottom: -.25rem !important
}

.ml-n1, .mx-n1 {
    margin-left: -.25rem !important
}

.m-n2 {
    margin: -.5rem !important
}

.mt-n2, .my-n2 {
    margin-top: -.5rem !important
}

.mr-n2, .mx-n2 {
    margin-right: -.5rem !important
}

.mb-n2, .my-n2 {
    margin-bottom: -.5rem !important
}

.ml-n2, .mx-n2 {
    margin-left: -.5rem !important
}

.m-n3 {
    margin: -1rem !important
}

.mt-n3, .my-n3 {
    margin-top: -1rem !important
}

.mr-n3, .mx-n3 {
    margin-right: -1rem !important
}

.mb-n3, .my-n3 {
    margin-bottom: -1rem !important
}

.ml-n3, .mx-n3 {
    margin-left: -1rem !important
}

.m-n4 {
    margin: -1.5rem !important
}

.mt-n4, .my-n4 {
    margin-top: -1.5rem !important
}

.mr-n4, .mx-n4 {
    margin-right: -1.5rem !important
}

.mb-n4, .my-n4 {
    margin-bottom: -1.5rem !important
}

.ml-n4, .mx-n4 {
    margin-left: -1.5rem !important
}

.m-n5 {
    margin: -3rem !important
}

.mt-n5, .my-n5 {
    margin-top: -3rem !important
}

.mr-n5, .mx-n5 {
    margin-right: -3rem !important
}

.mb-n5, .my-n5 {
    margin-bottom: -3rem !important
}

.ml-n5, .mx-n5 {
    margin-left: -3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto, .my-auto {
    margin-top: auto !important
}

.mr-auto, .mx-auto {
    margin-right: auto !important
}

.mb-auto, .my-auto {
    margin-bottom: auto !important
}

.ml-auto, .mx-auto {
    margin-left: auto !important
}

@media (min-width:400px) {
    .m-s-0 {
        margin: 0 !important
    }

    .mt-s-0, .my-s-0 {
        margin-top: 0 !important
    }

    .mr-s-0, .mx-s-0 {
        margin-right: 0 !important
    }

    .mb-s-0, .my-s-0 {
        margin-bottom: 0 !important
    }

    .ml-s-0, .mx-s-0 {
        margin-left: 0 !important
    }

    .m-s-1 {
        margin: .25rem !important
    }

    .mt-s-1, .my-s-1 {
        margin-top: .25rem !important
    }

    .mr-s-1, .mx-s-1 {
        margin-right: .25rem !important
    }

    .mb-s-1, .my-s-1 {
        margin-bottom: .25rem !important
    }

    .ml-s-1, .mx-s-1 {
        margin-left: .25rem !important
    }

    .m-s-2 {
        margin: .5rem !important
    }

    .mt-s-2, .my-s-2 {
        margin-top: .5rem !important
    }

    .mr-s-2, .mx-s-2 {
        margin-right: .5rem !important
    }

    .mb-s-2, .my-s-2 {
        margin-bottom: .5rem !important
    }

    .ml-s-2, .mx-s-2 {
        margin-left: .5rem !important
    }

    .m-s-3 {
        margin: 1rem !important
    }

    .mt-s-3, .my-s-3 {
        margin-top: 1rem !important
    }

    .mr-s-3, .mx-s-3 {
        margin-right: 1rem !important
    }

    .mb-s-3, .my-s-3 {
        margin-bottom: 1rem !important
    }

    .ml-s-3, .mx-s-3 {
        margin-left: 1rem !important
    }

    .m-s-4 {
        margin: 1.5rem !important
    }

    .mt-s-4, .my-s-4 {
        margin-top: 1.5rem !important
    }

    .mr-s-4, .mx-s-4 {
        margin-right: 1.5rem !important
    }

    .mb-s-4, .my-s-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-s-4, .mx-s-4 {
        margin-left: 1.5rem !important
    }

    .m-s-5 {
        margin: 3rem !important
    }

    .mt-s-5, .my-s-5 {
        margin-top: 3rem !important
    }

    .mr-s-5, .mx-s-5 {
        margin-right: 3rem !important
    }

    .mb-s-5, .my-s-5 {
        margin-bottom: 3rem !important
    }

    .ml-s-5, .mx-s-5 {
        margin-left: 3rem !important
    }

    .p-s-0 {
        padding: 0 !important
    }

    .pt-s-0, .py-s-0 {
        padding-top: 0 !important
    }

    .pr-s-0, .px-s-0 {
        padding-right: 0 !important
    }

    .pb-s-0, .py-s-0 {
        padding-bottom: 0 !important
    }

    .pl-s-0, .px-s-0 {
        padding-left: 0 !important
    }

    .p-s-1 {
        padding: .25rem !important
    }

    .pt-s-1, .py-s-1 {
        padding-top: .25rem !important
    }

    .pr-s-1, .px-s-1 {
        padding-right: .25rem !important
    }

    .pb-s-1, .py-s-1 {
        padding-bottom: .25rem !important
    }

    .pl-s-1, .px-s-1 {
        padding-left: .25rem !important
    }

    .p-s-2 {
        padding: .5rem !important
    }

    .pt-s-2, .py-s-2 {
        padding-top: .5rem !important
    }

    .pr-s-2, .px-s-2 {
        padding-right: .5rem !important
    }

    .pb-s-2, .py-s-2 {
        padding-bottom: .5rem !important
    }

    .pl-s-2, .px-s-2 {
        padding-left: .5rem !important
    }

    .p-s-3 {
        padding: 1rem !important
    }

    .pt-s-3, .py-s-3 {
        padding-top: 1rem !important
    }

    .pr-s-3, .px-s-3 {
        padding-right: 1rem !important
    }

    .pb-s-3, .py-s-3 {
        padding-bottom: 1rem !important
    }

    .pl-s-3, .px-s-3 {
        padding-left: 1rem !important
    }

    .p-s-4 {
        padding: 1.5rem !important
    }

    .pt-s-4, .py-s-4 {
        padding-top: 1.5rem !important
    }

    .pr-s-4, .px-s-4 {
        padding-right: 1.5rem !important
    }

    .pb-s-4, .py-s-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-s-4, .px-s-4 {
        padding-left: 1.5rem !important
    }

    .p-s-5 {
        padding: 3rem !important
    }

    .pt-s-5, .py-s-5 {
        padding-top: 3rem !important
    }

    .pr-s-5, .px-s-5 {
        padding-right: 3rem !important
    }

    .pb-s-5, .py-s-5 {
        padding-bottom: 3rem !important
    }

    .pl-s-5, .px-s-5 {
        padding-left: 3rem !important
    }

    .m-s-n1 {
        margin: -.25rem !important
    }

    .mt-s-n1, .my-s-n1 {
        margin-top: -.25rem !important
    }

    .mr-s-n1, .mx-s-n1 {
        margin-right: -.25rem !important
    }

    .mb-s-n1, .my-s-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-s-n1, .mx-s-n1 {
        margin-left: -.25rem !important
    }

    .m-s-n2 {
        margin: -.5rem !important
    }

    .mt-s-n2, .my-s-n2 {
        margin-top: -.5rem !important
    }

    .mr-s-n2, .mx-s-n2 {
        margin-right: -.5rem !important
    }

    .mb-s-n2, .my-s-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-s-n2, .mx-s-n2 {
        margin-left: -.5rem !important
    }

    .m-s-n3 {
        margin: -1rem !important
    }

    .mt-s-n3, .my-s-n3 {
        margin-top: -1rem !important
    }

    .mr-s-n3, .mx-s-n3 {
        margin-right: -1rem !important
    }

    .mb-s-n3, .my-s-n3 {
        margin-bottom: -1rem !important
    }

    .ml-s-n3, .mx-s-n3 {
        margin-left: -1rem !important
    }

    .m-s-n4 {
        margin: -1.5rem !important
    }

    .mt-s-n4, .my-s-n4 {
        margin-top: -1.5rem !important
    }

    .mr-s-n4, .mx-s-n4 {
        margin-right: -1.5rem !important
    }

    .mb-s-n4, .my-s-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-s-n4, .mx-s-n4 {
        margin-left: -1.5rem !important
    }

    .m-s-n5 {
        margin: -3rem !important
    }

    .mt-s-n5, .my-s-n5 {
        margin-top: -3rem !important
    }

    .mr-s-n5, .mx-s-n5 {
        margin-right: -3rem !important
    }

    .mb-s-n5, .my-s-n5 {
        margin-bottom: -3rem !important
    }

    .ml-s-n5, .mx-s-n5 {
        margin-left: -3rem !important
    }

    .m-s-auto {
        margin: auto !important
    }

    .mt-s-auto, .my-s-auto {
        margin-top: auto !important
    }

    .mr-s-auto, .mx-s-auto {
        margin-right: auto !important
    }

    .mb-s-auto, .my-s-auto {
        margin-bottom: auto !important
    }

    .ml-s-auto, .mx-s-auto {
        margin-left: auto !important
    }
}

@media (min-width:576px) {
    .m-sm-0 {
        margin: 0 !important
    }

    .mt-sm-0, .my-sm-0 {
        margin-top: 0 !important
    }

    .mr-sm-0, .mx-sm-0 {
        margin-right: 0 !important
    }

    .mb-sm-0, .my-sm-0 {
        margin-bottom: 0 !important
    }

    .ml-sm-0, .mx-sm-0 {
        margin-left: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .mt-sm-1, .my-sm-1 {
        margin-top: .25rem !important
    }

    .mr-sm-1, .mx-sm-1 {
        margin-right: .25rem !important
    }

    .mb-sm-1, .my-sm-1 {
        margin-bottom: .25rem !important
    }

    .ml-sm-1, .mx-sm-1 {
        margin-left: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .mt-sm-2, .my-sm-2 {
        margin-top: .5rem !important
    }

    .mr-sm-2, .mx-sm-2 {
        margin-right: .5rem !important
    }

    .mb-sm-2, .my-sm-2 {
        margin-bottom: .5rem !important
    }

    .ml-sm-2, .mx-sm-2 {
        margin-left: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .mt-sm-3, .my-sm-3 {
        margin-top: 1rem !important
    }

    .mr-sm-3, .mx-sm-3 {
        margin-right: 1rem !important
    }

    .mb-sm-3, .my-sm-3 {
        margin-bottom: 1rem !important
    }

    .ml-sm-3, .mx-sm-3 {
        margin-left: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .mt-sm-4, .my-sm-4 {
        margin-top: 1.5rem !important
    }

    .mr-sm-4, .mx-sm-4 {
        margin-right: 1.5rem !important
    }

    .mb-sm-4, .my-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-sm-4, .mx-sm-4 {
        margin-left: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .mt-sm-5, .my-sm-5 {
        margin-top: 3rem !important
    }

    .mr-sm-5, .mx-sm-5 {
        margin-right: 3rem !important
    }

    .mb-sm-5, .my-sm-5 {
        margin-bottom: 3rem !important
    }

    .ml-sm-5, .mx-sm-5 {
        margin-left: 3rem !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .pt-sm-0, .py-sm-0 {
        padding-top: 0 !important
    }

    .pr-sm-0, .px-sm-0 {
        padding-right: 0 !important
    }

    .pb-sm-0, .py-sm-0 {
        padding-bottom: 0 !important
    }

    .pl-sm-0, .px-sm-0 {
        padding-left: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .pt-sm-1, .py-sm-1 {
        padding-top: .25rem !important
    }

    .pr-sm-1, .px-sm-1 {
        padding-right: .25rem !important
    }

    .pb-sm-1, .py-sm-1 {
        padding-bottom: .25rem !important
    }

    .pl-sm-1, .px-sm-1 {
        padding-left: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .pt-sm-2, .py-sm-2 {
        padding-top: .5rem !important
    }

    .pr-sm-2, .px-sm-2 {
        padding-right: .5rem !important
    }

    .pb-sm-2, .py-sm-2 {
        padding-bottom: .5rem !important
    }

    .pl-sm-2, .px-sm-2 {
        padding-left: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .pt-sm-3, .py-sm-3 {
        padding-top: 1rem !important
    }

    .pr-sm-3, .px-sm-3 {
        padding-right: 1rem !important
    }

    .pb-sm-3, .py-sm-3 {
        padding-bottom: 1rem !important
    }

    .pl-sm-3, .px-sm-3 {
        padding-left: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .pt-sm-4, .py-sm-4 {
        padding-top: 1.5rem !important
    }

    .pr-sm-4, .px-sm-4 {
        padding-right: 1.5rem !important
    }

    .pb-sm-4, .py-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-sm-4, .px-sm-4 {
        padding-left: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .pt-sm-5, .py-sm-5 {
        padding-top: 3rem !important
    }

    .pr-sm-5, .px-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-5, .py-sm-5 {
        padding-bottom: 3rem !important
    }

    .pl-sm-5, .px-sm-5 {
        padding-left: 3rem !important
    }

    .m-sm-n1 {
        margin: -.25rem !important
    }

    .mt-sm-n1, .my-sm-n1 {
        margin-top: -.25rem !important
    }

    .mr-sm-n1, .mx-sm-n1 {
        margin-right: -.25rem !important
    }

    .mb-sm-n1, .my-sm-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-sm-n1, .mx-sm-n1 {
        margin-left: -.25rem !important
    }

    .m-sm-n2 {
        margin: -.5rem !important
    }

    .mt-sm-n2, .my-sm-n2 {
        margin-top: -.5rem !important
    }

    .mr-sm-n2, .mx-sm-n2 {
        margin-right: -.5rem !important
    }

    .mb-sm-n2, .my-sm-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-sm-n2, .mx-sm-n2 {
        margin-left: -.5rem !important
    }

    .m-sm-n3 {
        margin: -1rem !important
    }

    .mt-sm-n3, .my-sm-n3 {
        margin-top: -1rem !important
    }

    .mr-sm-n3, .mx-sm-n3 {
        margin-right: -1rem !important
    }

    .mb-sm-n3, .my-sm-n3 {
        margin-bottom: -1rem !important
    }

    .ml-sm-n3, .mx-sm-n3 {
        margin-left: -1rem !important
    }

    .m-sm-n4 {
        margin: -1.5rem !important
    }

    .mt-sm-n4, .my-sm-n4 {
        margin-top: -1.5rem !important
    }

    .mr-sm-n4, .mx-sm-n4 {
        margin-right: -1.5rem !important
    }

    .mb-sm-n4, .my-sm-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-sm-n4, .mx-sm-n4 {
        margin-left: -1.5rem !important
    }

    .m-sm-n5 {
        margin: -3rem !important
    }

    .mt-sm-n5, .my-sm-n5 {
        margin-top: -3rem !important
    }

    .mr-sm-n5, .mx-sm-n5 {
        margin-right: -3rem !important
    }

    .mb-sm-n5, .my-sm-n5 {
        margin-bottom: -3rem !important
    }

    .ml-sm-n5, .mx-sm-n5 {
        margin-left: -3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mt-sm-auto, .my-sm-auto {
        margin-top: auto !important
    }

    .mr-sm-auto, .mx-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-auto, .my-sm-auto {
        margin-bottom: auto !important
    }

    .ml-sm-auto, .mx-sm-auto {
        margin-left: auto !important
    }
}

@media (min-width:768px) {
    .m-md-0 {
        margin: 0 !important
    }

    .mt-md-0, .my-md-0 {
        margin-top: 0 !important
    }

    .mr-md-0, .mx-md-0 {
        margin-right: 0 !important
    }

    .mb-md-0, .my-md-0 {
        margin-bottom: 0 !important
    }

    .ml-md-0, .mx-md-0 {
        margin-left: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .mt-md-1, .my-md-1 {
        margin-top: .25rem !important
    }

    .mr-md-1, .mx-md-1 {
        margin-right: .25rem !important
    }

    .mb-md-1, .my-md-1 {
        margin-bottom: .25rem !important
    }

    .ml-md-1, .mx-md-1 {
        margin-left: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .mt-md-2, .my-md-2 {
        margin-top: .5rem !important
    }

    .mr-md-2, .mx-md-2 {
        margin-right: .5rem !important
    }

    .mb-md-2, .my-md-2 {
        margin-bottom: .5rem !important
    }

    .ml-md-2, .mx-md-2 {
        margin-left: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .mt-md-3, .my-md-3 {
        margin-top: 1rem !important
    }

    .mr-md-3, .mx-md-3 {
        margin-right: 1rem !important
    }

    .mb-md-3, .my-md-3 {
        margin-bottom: 1rem !important
    }

    .ml-md-3, .mx-md-3 {
        margin-left: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .mt-md-4, .my-md-4 {
        margin-top: 1.5rem !important
    }

    .mr-md-4, .mx-md-4 {
        margin-right: 1.5rem !important
    }

    .mb-md-4, .my-md-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-md-4, .mx-md-4 {
        margin-left: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .mt-md-5, .my-md-5 {
        margin-top: 3rem !important
    }

    .mr-md-5, .mx-md-5 {
        margin-right: 3rem !important
    }

    .mb-md-5, .my-md-5 {
        margin-bottom: 3rem !important
    }

    .ml-md-5, .mx-md-5 {
        margin-left: 3rem !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .pt-md-0, .py-md-0 {
        padding-top: 0 !important
    }

    .pr-md-0, .px-md-0 {
        padding-right: 0 !important
    }

    .pb-md-0, .py-md-0 {
        padding-bottom: 0 !important
    }

    .pl-md-0, .px-md-0 {
        padding-left: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .pt-md-1, .py-md-1 {
        padding-top: .25rem !important
    }

    .pr-md-1, .px-md-1 {
        padding-right: .25rem !important
    }

    .pb-md-1, .py-md-1 {
        padding-bottom: .25rem !important
    }

    .pl-md-1, .px-md-1 {
        padding-left: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .pt-md-2, .py-md-2 {
        padding-top: .5rem !important
    }

    .pr-md-2, .px-md-2 {
        padding-right: .5rem !important
    }

    .pb-md-2, .py-md-2 {
        padding-bottom: .5rem !important
    }

    .pl-md-2, .px-md-2 {
        padding-left: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .pt-md-3, .py-md-3 {
        padding-top: 1rem !important
    }

    .pr-md-3, .px-md-3 {
        padding-right: 1rem !important
    }

    .pb-md-3, .py-md-3 {
        padding-bottom: 1rem !important
    }

    .pl-md-3, .px-md-3 {
        padding-left: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .pt-md-4, .py-md-4 {
        padding-top: 1.5rem !important
    }

    .pr-md-4, .px-md-4 {
        padding-right: 1.5rem !important
    }

    .pb-md-4, .py-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-md-4, .px-md-4 {
        padding-left: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .pt-md-5, .py-md-5 {
        padding-top: 3rem !important
    }

    .pr-md-5, .px-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-5, .py-md-5 {
        padding-bottom: 3rem !important
    }

    .pl-md-5, .px-md-5 {
        padding-left: 3rem !important
    }

    .m-md-n1 {
        margin: -.25rem !important
    }

    .mt-md-n1, .my-md-n1 {
        margin-top: -.25rem !important
    }

    .mr-md-n1, .mx-md-n1 {
        margin-right: -.25rem !important
    }

    .mb-md-n1, .my-md-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-md-n1, .mx-md-n1 {
        margin-left: -.25rem !important
    }

    .m-md-n2 {
        margin: -.5rem !important
    }

    .mt-md-n2, .my-md-n2 {
        margin-top: -.5rem !important
    }

    .mr-md-n2, .mx-md-n2 {
        margin-right: -.5rem !important
    }

    .mb-md-n2, .my-md-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-md-n2, .mx-md-n2 {
        margin-left: -.5rem !important
    }

    .m-md-n3 {
        margin: -1rem !important
    }

    .mt-md-n3, .my-md-n3 {
        margin-top: -1rem !important
    }

    .mr-md-n3, .mx-md-n3 {
        margin-right: -1rem !important
    }

    .mb-md-n3, .my-md-n3 {
        margin-bottom: -1rem !important
    }

    .ml-md-n3, .mx-md-n3 {
        margin-left: -1rem !important
    }

    .m-md-n4 {
        margin: -1.5rem !important
    }

    .mt-md-n4, .my-md-n4 {
        margin-top: -1.5rem !important
    }

    .mr-md-n4, .mx-md-n4 {
        margin-right: -1.5rem !important
    }

    .mb-md-n4, .my-md-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-md-n4, .mx-md-n4 {
        margin-left: -1.5rem !important
    }

    .m-md-n5 {
        margin: -3rem !important
    }

    .mt-md-n5, .my-md-n5 {
        margin-top: -3rem !important
    }

    .mr-md-n5, .mx-md-n5 {
        margin-right: -3rem !important
    }

    .mb-md-n5, .my-md-n5 {
        margin-bottom: -3rem !important
    }

    .ml-md-n5, .mx-md-n5 {
        margin-left: -3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mt-md-auto, .my-md-auto {
        margin-top: auto !important
    }

    .mr-md-auto, .mx-md-auto {
        margin-right: auto !important
    }

    .mb-md-auto, .my-md-auto {
        margin-bottom: auto !important
    }

    .ml-md-auto, .mx-md-auto {
        margin-left: auto !important
    }
}

@media (min-width:992px) {
    .m-lg-0 {
        margin: 0 !important
    }

    .mt-lg-0, .my-lg-0 {
        margin-top: 0 !important
    }

    .mr-lg-0, .mx-lg-0 {
        margin-right: 0 !important
    }

    .mb-lg-0, .my-lg-0 {
        margin-bottom: 0 !important
    }

    .ml-lg-0, .mx-lg-0 {
        margin-left: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .mt-lg-1, .my-lg-1 {
        margin-top: .25rem !important
    }

    .mr-lg-1, .mx-lg-1 {
        margin-right: .25rem !important
    }

    .mb-lg-1, .my-lg-1 {
        margin-bottom: .25rem !important
    }

    .ml-lg-1, .mx-lg-1 {
        margin-left: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .mt-lg-2, .my-lg-2 {
        margin-top: .5rem !important
    }

    .mr-lg-2, .mx-lg-2 {
        margin-right: .5rem !important
    }

    .mb-lg-2, .my-lg-2 {
        margin-bottom: .5rem !important
    }

    .ml-lg-2, .mx-lg-2 {
        margin-left: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .mt-lg-3, .my-lg-3 {
        margin-top: 1rem !important
    }

    .mr-lg-3, .mx-lg-3 {
        margin-right: 1rem !important
    }

    .mb-lg-3, .my-lg-3 {
        margin-bottom: 1rem !important
    }

    .ml-lg-3, .mx-lg-3 {
        margin-left: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .mt-lg-4, .my-lg-4 {
        margin-top: 1.5rem !important
    }

    .mr-lg-4, .mx-lg-4 {
        margin-right: 1.5rem !important
    }

    .mb-lg-4, .my-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-lg-4, .mx-lg-4 {
        margin-left: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .mt-lg-5, .my-lg-5 {
        margin-top: 3rem !important
    }

    .mr-lg-5, .mx-lg-5 {
        margin-right: 3rem !important
    }

    .mb-lg-5, .my-lg-5 {
        margin-bottom: 3rem !important
    }

    .ml-lg-5, .mx-lg-5 {
        margin-left: 3rem !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .pt-lg-0, .py-lg-0 {
        padding-top: 0 !important
    }

    .pr-lg-0, .px-lg-0 {
        padding-right: 0 !important
    }

    .pb-lg-0, .py-lg-0 {
        padding-bottom: 0 !important
    }

    .pl-lg-0, .px-lg-0 {
        padding-left: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .pt-lg-1, .py-lg-1 {
        padding-top: .25rem !important
    }

    .pr-lg-1, .px-lg-1 {
        padding-right: .25rem !important
    }

    .pb-lg-1, .py-lg-1 {
        padding-bottom: .25rem !important
    }

    .pl-lg-1, .px-lg-1 {
        padding-left: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .pt-lg-2, .py-lg-2 {
        padding-top: .5rem !important
    }

    .pr-lg-2, .px-lg-2 {
        padding-right: .5rem !important
    }

    .pb-lg-2, .py-lg-2 {
        padding-bottom: .5rem !important
    }

    .pl-lg-2, .px-lg-2 {
        padding-left: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .pt-lg-3, .py-lg-3 {
        padding-top: 1rem !important
    }

    .pr-lg-3, .px-lg-3 {
        padding-right: 1rem !important
    }

    .pb-lg-3, .py-lg-3 {
        padding-bottom: 1rem !important
    }

    .pl-lg-3, .px-lg-3 {
        padding-left: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .pt-lg-4, .py-lg-4 {
        padding-top: 1.5rem !important
    }

    .pr-lg-4, .px-lg-4 {
        padding-right: 1.5rem !important
    }

    .pb-lg-4, .py-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-lg-4, .px-lg-4 {
        padding-left: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .pt-lg-5, .py-lg-5 {
        padding-top: 3rem !important
    }

    .pr-lg-5, .px-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-5, .py-lg-5 {
        padding-bottom: 3rem !important
    }

    .pl-lg-5, .px-lg-5 {
        padding-left: 3rem !important
    }

    .m-lg-n1 {
        margin: -.25rem !important
    }

    .mt-lg-n1, .my-lg-n1 {
        margin-top: -.25rem !important
    }

    .mr-lg-n1, .mx-lg-n1 {
        margin-right: -.25rem !important
    }

    .mb-lg-n1, .my-lg-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-lg-n1, .mx-lg-n1 {
        margin-left: -.25rem !important
    }

    .m-lg-n2 {
        margin: -.5rem !important
    }

    .mt-lg-n2, .my-lg-n2 {
        margin-top: -.5rem !important
    }

    .mr-lg-n2, .mx-lg-n2 {
        margin-right: -.5rem !important
    }

    .mb-lg-n2, .my-lg-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-lg-n2, .mx-lg-n2 {
        margin-left: -.5rem !important
    }

    .m-lg-n3 {
        margin: -1rem !important
    }

    .mt-lg-n3, .my-lg-n3 {
        margin-top: -1rem !important
    }

    .mr-lg-n3, .mx-lg-n3 {
        margin-right: -1rem !important
    }

    .mb-lg-n3, .my-lg-n3 {
        margin-bottom: -1rem !important
    }

    .ml-lg-n3, .mx-lg-n3 {
        margin-left: -1rem !important
    }

    .m-lg-n4 {
        margin: -1.5rem !important
    }

    .mt-lg-n4, .my-lg-n4 {
        margin-top: -1.5rem !important
    }

    .mr-lg-n4, .mx-lg-n4 {
        margin-right: -1.5rem !important
    }

    .mb-lg-n4, .my-lg-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-lg-n4, .mx-lg-n4 {
        margin-left: -1.5rem !important
    }

    .m-lg-n5 {
        margin: -3rem !important
    }

    .mt-lg-n5, .my-lg-n5 {
        margin-top: -3rem !important
    }

    .mr-lg-n5, .mx-lg-n5 {
        margin-right: -3rem !important
    }

    .mb-lg-n5, .my-lg-n5 {
        margin-bottom: -3rem !important
    }

    .ml-lg-n5, .mx-lg-n5 {
        margin-left: -3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mt-lg-auto, .my-lg-auto {
        margin-top: auto !important
    }

    .mr-lg-auto, .mx-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-auto, .my-lg-auto {
        margin-bottom: auto !important
    }

    .ml-lg-auto, .mx-lg-auto {
        margin-left: auto !important
    }
}

@media (min-width:1200px) {
    .m-xl-0 {
        margin: 0 !important
    }

    .mt-xl-0, .my-xl-0 {
        margin-top: 0 !important
    }

    .mr-xl-0, .mx-xl-0 {
        margin-right: 0 !important
    }

    .mb-xl-0, .my-xl-0 {
        margin-bottom: 0 !important
    }

    .ml-xl-0, .mx-xl-0 {
        margin-left: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .mt-xl-1, .my-xl-1 {
        margin-top: .25rem !important
    }

    .mr-xl-1, .mx-xl-1 {
        margin-right: .25rem !important
    }

    .mb-xl-1, .my-xl-1 {
        margin-bottom: .25rem !important
    }

    .ml-xl-1, .mx-xl-1 {
        margin-left: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .mt-xl-2, .my-xl-2 {
        margin-top: .5rem !important
    }

    .mr-xl-2, .mx-xl-2 {
        margin-right: .5rem !important
    }

    .mb-xl-2, .my-xl-2 {
        margin-bottom: .5rem !important
    }

    .ml-xl-2, .mx-xl-2 {
        margin-left: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .mt-xl-3, .my-xl-3 {
        margin-top: 1rem !important
    }

    .mr-xl-3, .mx-xl-3 {
        margin-right: 1rem !important
    }

    .mb-xl-3, .my-xl-3 {
        margin-bottom: 1rem !important
    }

    .ml-xl-3, .mx-xl-3 {
        margin-left: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .mt-xl-4, .my-xl-4 {
        margin-top: 1.5rem !important
    }

    .mr-xl-4, .mx-xl-4 {
        margin-right: 1.5rem !important
    }

    .mb-xl-4, .my-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xl-4, .mx-xl-4 {
        margin-left: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .mt-xl-5, .my-xl-5 {
        margin-top: 3rem !important
    }

    .mr-xl-5, .mx-xl-5 {
        margin-right: 3rem !important
    }

    .mb-xl-5, .my-xl-5 {
        margin-bottom: 3rem !important
    }

    .ml-xl-5, .mx-xl-5 {
        margin-left: 3rem !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .pt-xl-0, .py-xl-0 {
        padding-top: 0 !important
    }

    .pr-xl-0, .px-xl-0 {
        padding-right: 0 !important
    }

    .pb-xl-0, .py-xl-0 {
        padding-bottom: 0 !important
    }

    .pl-xl-0, .px-xl-0 {
        padding-left: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .pt-xl-1, .py-xl-1 {
        padding-top: .25rem !important
    }

    .pr-xl-1, .px-xl-1 {
        padding-right: .25rem !important
    }

    .pb-xl-1, .py-xl-1 {
        padding-bottom: .25rem !important
    }

    .pl-xl-1, .px-xl-1 {
        padding-left: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .pt-xl-2, .py-xl-2 {
        padding-top: .5rem !important
    }

    .pr-xl-2, .px-xl-2 {
        padding-right: .5rem !important
    }

    .pb-xl-2, .py-xl-2 {
        padding-bottom: .5rem !important
    }

    .pl-xl-2, .px-xl-2 {
        padding-left: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .pt-xl-3, .py-xl-3 {
        padding-top: 1rem !important
    }

    .pr-xl-3, .px-xl-3 {
        padding-right: 1rem !important
    }

    .pb-xl-3, .py-xl-3 {
        padding-bottom: 1rem !important
    }

    .pl-xl-3, .px-xl-3 {
        padding-left: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .pt-xl-4, .py-xl-4 {
        padding-top: 1.5rem !important
    }

    .pr-xl-4, .px-xl-4 {
        padding-right: 1.5rem !important
    }

    .pb-xl-4, .py-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-xl-4, .px-xl-4 {
        padding-left: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .pt-xl-5, .py-xl-5 {
        padding-top: 3rem !important
    }

    .pr-xl-5, .px-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-5, .py-xl-5 {
        padding-bottom: 3rem !important
    }

    .pl-xl-5, .px-xl-5 {
        padding-left: 3rem !important
    }

    .m-xl-n1 {
        margin: -.25rem !important
    }

    .mt-xl-n1, .my-xl-n1 {
        margin-top: -.25rem !important
    }

    .mr-xl-n1, .mx-xl-n1 {
        margin-right: -.25rem !important
    }

    .mb-xl-n1, .my-xl-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-xl-n1, .mx-xl-n1 {
        margin-left: -.25rem !important
    }

    .m-xl-n2 {
        margin: -.5rem !important
    }

    .mt-xl-n2, .my-xl-n2 {
        margin-top: -.5rem !important
    }

    .mr-xl-n2, .mx-xl-n2 {
        margin-right: -.5rem !important
    }

    .mb-xl-n2, .my-xl-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-xl-n2, .mx-xl-n2 {
        margin-left: -.5rem !important
    }

    .m-xl-n3 {
        margin: -1rem !important
    }

    .mt-xl-n3, .my-xl-n3 {
        margin-top: -1rem !important
    }

    .mr-xl-n3, .mx-xl-n3 {
        margin-right: -1rem !important
    }

    .mb-xl-n3, .my-xl-n3 {
        margin-bottom: -1rem !important
    }

    .ml-xl-n3, .mx-xl-n3 {
        margin-left: -1rem !important
    }

    .m-xl-n4 {
        margin: -1.5rem !important
    }

    .mt-xl-n4, .my-xl-n4 {
        margin-top: -1.5rem !important
    }

    .mr-xl-n4, .mx-xl-n4 {
        margin-right: -1.5rem !important
    }

    .mb-xl-n4, .my-xl-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-xl-n4, .mx-xl-n4 {
        margin-left: -1.5rem !important
    }

    .m-xl-n5 {
        margin: -3rem !important
    }

    .mt-xl-n5, .my-xl-n5 {
        margin-top: -3rem !important
    }

    .mr-xl-n5, .mx-xl-n5 {
        margin-right: -3rem !important
    }

    .mb-xl-n5, .my-xl-n5 {
        margin-bottom: -3rem !important
    }

    .ml-xl-n5, .mx-xl-n5 {
        margin-left: -3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mt-xl-auto, .my-xl-auto {
        margin-top: auto !important
    }

    .mr-xl-auto, .mx-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-auto, .my-xl-auto {
        margin-bottom: auto !important
    }

    .ml-xl-auto, .mx-xl-auto {
        margin-left: auto !important
    }
}

@media (min-width:1500px) {
    .m-xxl-0 {
        margin: 0 !important
    }

    .mt-xxl-0, .my-xxl-0 {
        margin-top: 0 !important
    }

    .mr-xxl-0, .mx-xxl-0 {
        margin-right: 0 !important
    }

    .mb-xxl-0, .my-xxl-0 {
        margin-bottom: 0 !important
    }

    .ml-xxl-0, .mx-xxl-0 {
        margin-left: 0 !important
    }

    .m-xxl-1 {
        margin: .25rem !important
    }

    .mt-xxl-1, .my-xxl-1 {
        margin-top: .25rem !important
    }

    .mr-xxl-1, .mx-xxl-1 {
        margin-right: .25rem !important
    }

    .mb-xxl-1, .my-xxl-1 {
        margin-bottom: .25rem !important
    }

    .ml-xxl-1, .mx-xxl-1 {
        margin-left: .25rem !important
    }

    .m-xxl-2 {
        margin: .5rem !important
    }

    .mt-xxl-2, .my-xxl-2 {
        margin-top: .5rem !important
    }

    .mr-xxl-2, .mx-xxl-2 {
        margin-right: .5rem !important
    }

    .mb-xxl-2, .my-xxl-2 {
        margin-bottom: .5rem !important
    }

    .ml-xxl-2, .mx-xxl-2 {
        margin-left: .5rem !important
    }

    .m-xxl-3 {
        margin: 1rem !important
    }

    .mt-xxl-3, .my-xxl-3 {
        margin-top: 1rem !important
    }

    .mr-xxl-3, .mx-xxl-3 {
        margin-right: 1rem !important
    }

    .mb-xxl-3, .my-xxl-3 {
        margin-bottom: 1rem !important
    }

    .ml-xxl-3, .mx-xxl-3 {
        margin-left: 1rem !important
    }

    .m-xxl-4 {
        margin: 1.5rem !important
    }

    .mt-xxl-4, .my-xxl-4 {
        margin-top: 1.5rem !important
    }

    .mr-xxl-4, .mx-xxl-4 {
        margin-right: 1.5rem !important
    }

    .mb-xxl-4, .my-xxl-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xxl-4, .mx-xxl-4 {
        margin-left: 1.5rem !important
    }

    .m-xxl-5 {
        margin: 3rem !important
    }

    .mt-xxl-5, .my-xxl-5 {
        margin-top: 3rem !important
    }

    .mr-xxl-5, .mx-xxl-5 {
        margin-right: 3rem !important
    }

    .mb-xxl-5, .my-xxl-5 {
        margin-bottom: 3rem !important
    }

    .ml-xxl-5, .mx-xxl-5 {
        margin-left: 3rem !important
    }

    .p-xxl-0 {
        padding: 0 !important
    }

    .pt-xxl-0, .py-xxl-0 {
        padding-top: 0 !important
    }

    .pr-xxl-0, .px-xxl-0 {
        padding-right: 0 !important
    }

    .pb-xxl-0, .py-xxl-0 {
        padding-bottom: 0 !important
    }

    .pl-xxl-0, .px-xxl-0 {
        padding-left: 0 !important
    }

    .p-xxl-1 {
        padding: .25rem !important
    }

    .pt-xxl-1, .py-xxl-1 {
        padding-top: .25rem !important
    }

    .pr-xxl-1, .px-xxl-1 {
        padding-right: .25rem !important
    }

    .pb-xxl-1, .py-xxl-1 {
        padding-bottom: .25rem !important
    }

    .pl-xxl-1, .px-xxl-1 {
        padding-left: .25rem !important
    }

    .p-xxl-2 {
        padding: .5rem !important
    }

    .pt-xxl-2, .py-xxl-2 {
        padding-top: .5rem !important
    }

    .pr-xxl-2, .px-xxl-2 {
        padding-right: .5rem !important
    }

    .pb-xxl-2, .py-xxl-2 {
        padding-bottom: .5rem !important
    }

    .pl-xxl-2, .px-xxl-2 {
        padding-left: .5rem !important
    }

    .p-xxl-3 {
        padding: 1rem !important
    }

    .pt-xxl-3, .py-xxl-3 {
        padding-top: 1rem !important
    }

    .pr-xxl-3, .px-xxl-3 {
        padding-right: 1rem !important
    }

    .pb-xxl-3, .py-xxl-3 {
        padding-bottom: 1rem !important
    }

    .pl-xxl-3, .px-xxl-3 {
        padding-left: 1rem !important
    }

    .p-xxl-4 {
        padding: 1.5rem !important
    }

    .pt-xxl-4, .py-xxl-4 {
        padding-top: 1.5rem !important
    }

    .pr-xxl-4, .px-xxl-4 {
        padding-right: 1.5rem !important
    }

    .pb-xxl-4, .py-xxl-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-xxl-4, .px-xxl-4 {
        padding-left: 1.5rem !important
    }

    .p-xxl-5 {
        padding: 3rem !important
    }

    .pt-xxl-5, .py-xxl-5 {
        padding-top: 3rem !important
    }

    .pr-xxl-5, .px-xxl-5 {
        padding-right: 3rem !important
    }

    .pb-xxl-5, .py-xxl-5 {
        padding-bottom: 3rem !important
    }

    .pl-xxl-5, .px-xxl-5 {
        padding-left: 3rem !important
    }

    .m-xxl-n1 {
        margin: -.25rem !important
    }

    .mt-xxl-n1, .my-xxl-n1 {
        margin-top: -.25rem !important
    }

    .mr-xxl-n1, .mx-xxl-n1 {
        margin-right: -.25rem !important
    }

    .mb-xxl-n1, .my-xxl-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-xxl-n1, .mx-xxl-n1 {
        margin-left: -.25rem !important
    }

    .m-xxl-n2 {
        margin: -.5rem !important
    }

    .mt-xxl-n2, .my-xxl-n2 {
        margin-top: -.5rem !important
    }

    .mr-xxl-n2, .mx-xxl-n2 {
        margin-right: -.5rem !important
    }

    .mb-xxl-n2, .my-xxl-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-xxl-n2, .mx-xxl-n2 {
        margin-left: -.5rem !important
    }

    .m-xxl-n3 {
        margin: -1rem !important
    }

    .mt-xxl-n3, .my-xxl-n3 {
        margin-top: -1rem !important
    }

    .mr-xxl-n3, .mx-xxl-n3 {
        margin-right: -1rem !important
    }

    .mb-xxl-n3, .my-xxl-n3 {
        margin-bottom: -1rem !important
    }

    .ml-xxl-n3, .mx-xxl-n3 {
        margin-left: -1rem !important
    }

    .m-xxl-n4 {
        margin: -1.5rem !important
    }

    .mt-xxl-n4, .my-xxl-n4 {
        margin-top: -1.5rem !important
    }

    .mr-xxl-n4, .mx-xxl-n4 {
        margin-right: -1.5rem !important
    }

    .mb-xxl-n4, .my-xxl-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-xxl-n4, .mx-xxl-n4 {
        margin-left: -1.5rem !important
    }

    .m-xxl-n5 {
        margin: -3rem !important
    }

    .mt-xxl-n5, .my-xxl-n5 {
        margin-top: -3rem !important
    }

    .mr-xxl-n5, .mx-xxl-n5 {
        margin-right: -3rem !important
    }

    .mb-xxl-n5, .my-xxl-n5 {
        margin-bottom: -3rem !important
    }

    .ml-xxl-n5, .mx-xxl-n5 {
        margin-left: -3rem !important
    }

    .m-xxl-auto {
        margin: auto !important
    }

    .mt-xxl-auto, .my-xxl-auto {
        margin-top: auto !important
    }

    .mr-xxl-auto, .mx-xxl-auto {
        margin-right: auto !important
    }

    .mb-xxl-auto, .my-xxl-auto {
        margin-bottom: auto !important
    }

    .ml-xxl-auto, .mx-xxl-auto {
        margin-left: auto !important
    }
}

.flex-center {
    justify-content: center;
    align-items: center
}

@media (min-width:768px) {
    .flex-md-center {
        justify-content: center;
        align-items: center
    }
}

.u-px-15 {
    padding-left: 15px !important;
    padding-right: 15px !important
}

@media (max-width:991.98px) {
    .u-px-mob-15 {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

.u-border-img .u-border-img__img-container {
    overflow: hidden;
    position: absolute;
    left: 3px;
    top: 3px;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    border-radius: 6px
}

    .u-border-img .u-border-img__img-container > img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: 6px
    }

.u-border-img > .line-border {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-fit: none;
    object-fit: none;
    border: 6px solid;
    -o-border-image: url(images/line-border.svg) stretch;
    border-image: url(images/line-border.svg) stretch;
    border-image-slice: 9
}

@media (min-width:1200px) {
    .u-border-img > .line-border {
        border-width: 9px
    }
}

.u-rel {
    position: relative
}

.u-fix {
    position: fixed
}

.u-fluid {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.u-fluid--contain {
    -o-object-fit: contain;
    object-fit: contain
}

@media (min-width:992px) {
    .u-lg-fluid {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.u-h100 {
    height: 100%
}

.u-w100 {
    width: 100%
}

@media (min-width:992px) {
    .u-lg-w100 {
        width: 100%
    }

    .u-lg-h100 {
        width: 100%
    }
}

.bg-red {
    background: #e83e44
}

.bg-beige {
    background: #f1f0ea
}

.bg-beige--dark {
    background: #e9e8e3
}

.u-pointer {
    cursor: pointer
}

@font-face {
    font-family: Oldschool;
    src: url(../fonts/OldschoolGrotesk-Light.eot);
    src: url(../fonts/OldschoolGrotesk-Light.eot?#iefix) format("embedded-opentype"),url(../fonts/OldschoolGrotesk-Light.woff2) format("woff2"),url(../fonts/OldschoolGrotesk-Light.woff) format("woff"),url(../fonts/OldschoolGrotesk-Light.ttf) format("truetype"),url(../fonts/OldschoolGrotesk-Light.svg#GTWalsheim-Light) format("svg");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Oldschool;
    src: url(../fonts/OldschoolGrotesk-Regular.eot);
    src: url(../fonts/OldschoolGrotesk-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/OldschoolGrotesk-Regular.woff2) format("woff2"),url(../fonts/OldschoolGrotesk-Regular.woff) format("woff"),url(../fonts/OldschoolGrotesk-Regular.ttf) format("truetype"),url(../fonts/OldschoolGrotesk-Regular.svg#GTWalsheim-Regular) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Oldschool;
    src: url(../fonts/OldschoolGrotesk-Medium.eot);
    src: url(../fonts/OldschoolGrotesk-Medium.eot?#iefix) format("embedded-opentype"),url(../fonts/OldschoolGrotesk-Medium.woff2) format("woff2"),url(../fonts/OldschoolGrotesk-Medium.woff) format("woff"),url(../fonts/OldschoolGrotesk-Medium.ttf) format("truetype"),url(../fonts/OldschoolGrotesk-Medium.svg#GTWalsheim-Medium) format("svg");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Oldschool;
    src: url(../fonts/OldschoolGrotesk-Bold.eot);
    src: url(../fonts/OldschoolGrotesk-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/OldschoolGrotesk-Bold.woff2) format("woff2"),url(../fonts/OldschoolGrotesk-Bold.woff) format("woff"),url(../fonts/OldschoolGrotesk-Bold.ttf) format("truetype"),url(../fonts/OldschoolGrotesk-Bold.svg#GTWalsheim-Bold) format("svg");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

p {
    -ms-word-wrap: break-word;
    word-break: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphenate-before: 2;
    -webkit-hyphenate-after: 3;
    hyphenate-lines: 3;
    -ms-font-feature-settings: "liga","dlig";
    -o-font-feature-settings: "liga","dlig";
    font-feature-settings: "liga","dlig";
    max-width: 100%
}

strong {
    font-weight: 500
}

a {
    color: #000;
    text-decoration: none
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 20px;
    color: #000;
    font-weight: 400
}

h1 {
    font-size: 24px;
    line-height: 28px
}

@media (min-width:992px) {
    h1 {
        font-size: 43px;
        line-height: 45px
    }
}

.t-subheading {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: .5px;
    color: #c81432
}

@media (min-width:992px) {
    .t-subheading {
        font-size: 22px;
        line-height: 33px
    }
}

.t-heading {
    font-size: 40px;
    line-height: 48px
}

@media (min-width:768px) {
    .t-heading {
        font-size: 50px;
        line-height: 60px
    }
}

@media (min-width:1200px) {
    .t-heading {
        font-size: 64px;
        line-height: 74px
    }
}

.t-thumb-heading {
    font-size: 26px;
    line-height: 36px
}

@media (min-width:992px) {
    .t-thumb-heading {
        font-size: 24px;
        line-height: 32px;
        padding-right: 60px
    }

    .t-thumb-heading--large {
        font-size: 32px;
        line-height: 40px;
        padding-right: 120px
    }
}

p, p a {
    font-size: 14px;
    line-height: 25px;
    color: #7f7f7f;
    margin-top: 0
}

.t-right {
    text-align: right
}

.t-left {
    text-align: left
}

.t-center {
    text-align: center
}

@media (min-width:992px) {
    .t-lg-right {
        text-align: right
    }

    .t-lg-left {
        text-align: left
    }

    .t-lg-center {
        text-align: center
    }
}

.t-upper {
    text-transform: uppercase
}

    .t-upper::-moz-placeholder {
        text-transform: none
    }

    .t-upper:-ms-input-placeholder {
        text-transform: none
    }

    .t-upper::placeholder {
        text-transform: none
    }

.t-underline {
    text-decoration: underline
}

.fw-300 {
    font-weight: 300
}

.fw-400 {
    font-weight: 400
}

.fw-500 {
    font-weight: 500
}

.t-white {
    color: #fff
}

.t-black {
    color: #000
}

.t-red {
    color: #c81432
}

.t-brown {
    color: #868579
}

@media (min-width:992px) {
    .t-lg-white {
        color: #fff
    }
}

@-webkit-keyframes rotate {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes rotate {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@media (min-width:992px) {
    .js-hidden {
        opacity: 0;
        transition: all ease .9s;
        transform: translateY(30px)
    }

        .js-hidden.js-visible {
            opacity: 1;
            transform: translateY(0)
        }
}

.js-lottie-home-line {
    position: absolute;
    width: 1344px;
    height: 2086px;
    top: calc(100vh - 545px);
    left: -370px
}

@media (min-width:992px) {
    .js-lottie-home-line {
        width: 140vw;
        max-width: 1900px;
        left: -35vw;
        height: auto;
        top: 100vh
    }
}

@media (min-width:1200px) {
    .js-lottie-home-line {
        width: 140vw;
        left: -32vw
    }
}

@media (min-width:1500px) {
    .js-lottie-home-line {
        width: 120vw;
        left: -28vw
    }
}

@media screen and (min-width:1800px) {
    .js-lottie-home-line {
        left: -9vw
    }
}

@media screen and (min-width:2000px) {
    .js-lottie-home-line {
        left: -8vw
    }
}

@media screen and (min-width:2500px) {
    .js-lottie-home-line {
        left: -5vw
    }
}

@media screen and (min-width:2800px) {
    .js-lottie-home-line {
        display: none
    }
}

#site-header {
    position: fixed;
    z-index: 1005;
    width: 100%;
    left: 0;
    top: 0;
    opacity: 1;
    visibility: visible;
    transition: all ease .4s
}

.page-template-menu #site-header {
    position: absolute
}

.is-playing-video #site-header {
    opacity: 0;
    visibility: hidden
}

#site-header .header-inner {
    padding-top: 20px;
    transition: all cubic-bezier(.46,.19,.51,.85) .4s
}

@media (min-width:992px) {
    #site-header .header-inner {
        padding: 35px 35px 0
    }
}

#site-header .header-inner .menu-links {
    top: 0;
    transition: all cubic-bezier(.46,.19,.51,.85) .4s
}

#site-header .header-inner .menu-links__link-container {
    padding: 10px 12px
}

@media screen and (min-width:1400px) {
    #site-header .header-inner .menu-links__link-container {
        padding: 10px 20px
    }
}

#site-header .header-inner .menu-links__link-container .parent-link {
    font-size: 12px;
    color: #fff;
    transition: color cubic-bezier(.46,.19,.51,.85) .4s
}

@media (min-width:1500px) {
    #site-header .header-inner .menu-links__link-container .parent-link {
        font-size: 14px
    }
}

#site-header .header-inner .menu-links__link-container .parent-link .wiggle {
    position: absolute;
    bottom: -7px;
    height: 3px;
    left: 20%;
    width: 60%;
    overflow: hidden;
    transform: translateX(-105%);
    transition: .45s cubic-bezier(.52,.01,.16,1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    #site-header .header-inner .menu-links__link-container .parent-link .wiggle::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transform: translateX(105%);
        transition: .45s cubic-bezier(.52,.01,.16,1);
        background: url(images/wiggle.svg) repeat-x center center/7px 3px
    }

#site-header .header-inner .menu-links__link-container .parent-link:hover .wiggle, #site-header .header-inner .menu-links__link-container .parent-link:hover .wiggle::before {
    transform: translateX(0)
}

#site-header .header-inner .menu-links__link-container .dropdown-container {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    border-radius: 4px;
    top: 55px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    min-width: 160px;
    transition: all cubic-bezier(.46,.19,.51,.85) .3s;
    box-shadow: 0 0 5px 3px rgba(0,0,0,.1)
}

    #site-header .header-inner .menu-links__link-container .dropdown-container.is-active {
        opacity: 1;
        visibility: visible;
        top: 48px
    }

#site-header .header-inner .menu-links__link-container .dropdown-link {
    padding: 15px 12px;
    background: #e83e44;
    color: #fff;
    border-top: 1px solid #c81432;
    transition: background-color ease .3s
}

    #site-header .header-inner .menu-links__link-container .dropdown-link:hover {
        background: #c81432
    }

        #site-header .header-inner .menu-links__link-container .dropdown-link:hover::before {
            border-bottom-color: #c81432
        }

#site-header .header-inner .menu-links__link-container .dropdown-link--first {
    border-radius: 4px 4px 0 0;
    border-top: 0
}

    #site-header .header-inner .menu-links__link-container .dropdown-link--first::before {
        content: '';
        position: absolute;
        left: calc(50% - 7px);
        top: -14px;
        width: 14px;
        height: 14px;
        border: 7px solid transparent;
        border-bottom-color: #e83e44;
        transition: border-color ease .3s
    }

#site-header .header-inner .menu-links__link-container .dropdown-link--only {
    border-radius: 4px;
    border-top: 0
}

    #site-header .header-inner .menu-links__link-container .dropdown-link--only::before {
        content: '';
        position: absolute;
        left: calc(50% - 7px);
        top: -14px;
        width: 14px;
        height: 14px;
        border: 7px solid transparent;
        border-bottom-color: #e83e44;
        transition: border-color ease .3s
    }

#site-header .header-inner .menu-links__link-container .dropdown-link--last {
    border-radius: 0 0 4px 4px
}

#site-header .header-inner .menu-links__btn {
    font-size: 14px;
    padding: 19px 22px;
    background: #c81432;
    color: #fff;
    margin-left: 16px;
    border-radius: 3px;
    transition: all ease .3s
}

    #site-header .header-inner .menu-links__btn:hover {
        background: #e83e44
    }

    #site-header .header-inner .menu-links__btn svg {
        position: relative;
        top: 4px
    }

@media (min-width:1500px) {
    #site-header .header-inner .menu-links__btn {
        padding: 19px 26px
    }
}

#site-header .header-inner .hamburger {
    position: absolute;
    cursor: pointer;
    top: 0;
    right: 0;
    padding: 19px 15px;
    background: #c81432;
    transition: all cubic-bezier(.46,.19,.51,.85) .4s
}

@media (min-width:992px) {
    #site-header .header-inner .hamburger {
        right: 50px;
        top: 27px
    }
}

@media (min-width:1200px) {
    #site-header .header-inner .hamburger {
        opacity: 0;
        visibility: hidden
    }

        #site-header .header-inner .hamburger:hover {
            background: #e83e44
        }
}

#site-header .header-inner .hamburger img {
    width: 28px
}

#site-header .header-inner.is-scrolled {
    padding-top: 17px
}

    #site-header .header-inner.is-scrolled .c-logo__symbol {
        width: 35px;
        height: 35px
    }

    #site-header .header-inner.is-scrolled .c-logo__text {
        opacity: 0
    }

    #site-header .header-inner.is-scrolled .hamburger {
        opacity: 1;
        visibility: visible
    }

@media (min-width:992px) {
    #site-header .header-inner.is-scrolled .hamburger {
        top: 15px
    }
}

#site-header .header-inner.is-scrolled .menu-links {
    opacity: 0;
    visibility: hidden
}

#site-header.is-single-product .c-logo__text--white {
    display: none
}

#site-header.is-single-product .c-logo__text--black {
    display: block
}

#site-header.is-single-product .menu-links__link-container .parent-link {
    color: #000
}

    #site-header.is-single-product .menu-links__link-container .parent-link .wiggle {
        display: none !important
    }

.footer-illustration-mobile {
    min-width: 700px;
    left: -230px
}

.footer-illustration-desktop {
    min-width: 100vw;
    left: 0
}

@media (min-width:1500px) {
    .footer-illustration-desktop {
        min-width: 1440px;
        left: calc(50% - 720px)
    }
}

#site-footer {
    background: #e83e44;
    padding: 35px 0
}

@media (min-width:992px) {
    #site-footer {
        padding: 25px 0 35px
    }
}

#site-footer .footer__logo {
    width: 48px;
    height: 48px;
    margin-bottom: 38px
}

@media (min-width:992px) {
    #site-footer .footer__logo {
        margin-bottom: 0;
        margin-right: 40px;
        width: 24px;
        height: 24px
    }
}

@media (pointer:fine) {
    #site-footer .footer__menu .link:after {
        content: '';
        display: block;
        background: #000;
        height: 1px;
        width: 0;
        opacity: .7;
        transition: width .3s
    }
}

@media (max-width:991.98px) {
    #site-footer .footer__menu .link {
        flex: 0 0 50%;
        max-width: 50%;
        padding-bottom: 18px
    }
}

@media (min-width:992px) {
    #site-footer .footer__menu .link {
        font-size: 10px;
        margin: 0 20px 18px 0;
        opacity: 1;
        transition: opacity ease .3s;
        margin-bottom: 0
    }
}

@media (min-width:992px) and (pointer:fine) {
    #site-footer .footer__menu .link:hover:after {
        width: 100%
    }
}

@media (max-width:991.98px) {
    #site-footer .footer__socials {
        position: absolute;
        top: 0;
        right: 0
    }
}

#site-footer .footer__socials a {
    margin-left: 8px;
    opacity: 1
}

    #site-footer .footer__socials a img {
        width: 36px;
        height: 36px;
        filter: invert(0);
        transition: filter ease .3s
    }

    #site-footer .footer__socials a:hover img {
        filter: invert(1)
    }

#site-footer .footer__credits {
    padding-top: 30px;
    margin-top: 24px
}

@media (min-width:992px) {
    #site-footer .footer__credits {
        margin-top: 20px;
        padding-top: 20px
    }
}

#site-footer .footer__credits:after {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 15px;
    height: 1px;
    width: calc(100% - 30px);
    background: rgba(0,0,0,.32)
}

@media (min-width:992px) {
    #site-footer .footer__credits:after {
        left: 30px;
        width: calc(100% - 60px)
    }
}

#site-footer .footer__credits span, #site-footer .footer__credits span a {
    color: rgba(0,0,0,.45);
    font-size: 12px
}

.c-overlay {
    position: fixed;
    z-index: 1010;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: #e83e44;
    opacity: 0;
    visibility: hidden;
    transform: translateY(110%);
    will-change: transform;
    transition: transform 1.25s cubic-bezier(.46,.19,.51,.85);
    overflow: scroll
}

    .c-overlay.is-active {
        opacity: 1;
        visibility: visible
    }

    .c-overlay.is-animated {
        transform: translateY(0)
    }

.c-overlay__inner {
    overflow: scroll;
    height: 100%;
    min-height: 600px
}

.c-overlay__content {
    padding-top: 75px;
    margin-bottom: 140px
}

.c-overlay .c-wysiwyg {
    max-width: 670px;
    margin-bottom: 150px
}

.c-overlay__close {
    display: block;
    position: fixed;
    z-index: 5;
    top: 15px;
    right: 15px;
    width: 50px;
    height: 50px;
    transition: all cubic-bezier(.46,.19,.51,.85) .4s
}

@media (min-width:992px) {
    .c-overlay__close {
        width: 57px;
        height: 57px;
        right: 30px
    }

        .c-overlay__close:hover {
            opacity: .85
        }
}

.c-overlay__stars {
    position: absolute;
    top: -70px;
    width: 150px
}

.c-overlay__rings {
    position: absolute;
    width: 72vw;
    bottom: -35vh;
    right: -50vw
}

.c-slideout {
    position: fixed;
    z-index: 1010;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    opacity: 0;
    visibility: hidden;
    overflow: scroll
}

    .c-slideout.is-active {
        opacity: 1;
        visibility: visible
    }

    .c-slideout.is-animated {
        transform: translateY(0)
    }

.c-slideout__bg {
    cursor: pointer
}

.c-slideout__inner {
    position: fixed;
    top: 0;
    right: 0;
    overflow: scroll;
    height: 100%;
    background: #f1f0ea;
    width: 100vw;
    transform: translateX(105%);
    will-change: transform;
    transition: transform cubic-bezier(.46,.19,.51,.85) 1.25s
}

@media (min-width:992px) {
    .c-slideout__inner {
        height: auto;
        width: 610px;
        background: #e83e44
    }
}

.is-animated .c-slideout__inner {
    transform: translateX(0)
}

.c-slideout__topbar {
    position: fixed;
    width: 100%;
    top: 0;
    padding: 25px 20px 20px
}

    .c-slideout__topbar img {
        cursor: pointer
    }

.c-slideout__close {
    width: 50px;
    height: 50px;
    background: #000
}

.c-slideout__content {
    padding: 115px 40px 88px
}

@media (min-width:992px) {
    .c-slideout__content {
        padding: 80px 76px 85px
    }
}

.c-slideout__content h2 {
    color: #000;
    font-size: 48px;
    line-height: 64px;
    font-weight: 400;
    margin-bottom: 22px
}

@media (min-width:992px) {
    .c-slideout__content h2 {
        color: #fff;
        font-size: 64px;
        line-height: 74px;
        margin-bottom: 40px
    }
}

.c-slideout__content p {
    color: #7f7f7f;
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 44px
}

@media (min-width:992px) {
    .c-slideout__content p {
        color: #fff;
        padding-bottom: 40px;
        border-bottom: 1px solid rgba(255,255,255,.2)
    }
}

.c-slideout__btn {
    padding: 21px 30px;
    flex: 1 0 100%;
    margin: 4px 0 12px 0;
    background-color: #e83e44;
    border: 1px solid #e83e44;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px
}

@media (min-width:768px) {
    .c-slideout__btn {
        flex: none;
        padding: 21px;
        margin: 0 10px 12px 0
    }
}

@media (min-width:992px) {
    .c-slideout__btn {
        border-color: #f1f0ea
    }
}

.c-slideout__btn svg {
    position: relative;
    top: -2px
}

.c-slideout__btn--club-pass svg, .c-slideout__btn--stamps svg {
    top: -1px
}

.c-slideout__btn span {
    padding-left: 15px;
    font-size: 16px;
    line-height: 23px;
    font-weight: 400
}

@media (min-width:992px) {
    .c-slideout__btn span {
        font-size: 14px;
        line-height: 20px
    }
}

.c-btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 18px 27px;
    border: none;
    border-radius: 2px;
    font-family: Oldschool,Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 25px;
    text-align: center;
    background-color: #c81432;
    color: #fff;
    display: inline-block;
    transition: all ease .2s
}

    .c-btn:hover {
        background: #e83e44
    }

.c-btn--small {
    padding: 15px 20px;
    border-radius: 3px;
    font-size: 12px;
    line-height: 20px
}

.c-btn--arrow {
    position: relative
}

    .c-btn--arrow:after {
        opacity: 0;
        content: '';
        position: absolute;
        top: 23px;
        right: 5px;
        width: 18px;
        height: 16px;
        background: url(images/arrow-short--white.svg) center no-repeat;
        background-size: contain;
        transition: all ease .2s
    }

    .c-btn--arrow.c-btn--white:after {
        background: url(images/arrow-short--black.svg) center no-repeat;
        background-size: contain
    }

    .c-btn--arrow:hover {
        padding-left: 15px;
        padding-right: 39px
    }

        .c-btn--arrow:hover:after {
            opacity: 1;
            right: 12px
        }

.c-btn--outline {
    background-color: transparent;
    position: relative;
    border: 1px solid #fff;
    border-radius: 4px;
    opacity: 1
}

    .c-btn--outline:hover {
        border-color: rgba(255,255,255,.6)
    }

.c-btn--outline--red {
    border-color: #c81432;
    color: #c81432
}

    .c-btn--outline--red:hover {
        background-color: transparent;
        border-color: #e83e44;
        color: #e83e44
    }

.c-btn--white {
    background-color: #fff;
    color: #000
}

    .c-btn--white:hover {
        background-color: rgba(255,255,255,.85)
    }

    .c-btn--white.c-btn--arrow:hover {
        background-color: #fff
    }

.c-btn--large {
    border-radius: 3px;
    padding: 19px 30px;
    font-size: 16px;
    line-height: 23px
}

    .c-btn--large.c-btn--arrow:hover {
        padding-left: 18px;
        padding-right: 42px
    }

        .c-btn--large.c-btn--arrow:hover:after {
            right: 15px
        }

.c-slider-arrow {
    display: block;
    width: 44px;
    height: 44px;
    background: url(images/slick-arrow--next.svg) no-repeat center;
    background-size: contain
}

@media (min-width:992px) {
    .c-slider-arrow {
        width: 67px;
        height: 67px
    }
}

.c-slider-arrow--prev {
    background: url(images/slick-arrow--prev.svg) no-repeat center;
    background-size: contain
}

.c-cursor {
    position: fixed;
    will-change: transform;
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    left: -100px;
    top: -100px;
    z-index: 1020
}

@media (max-width:991.98px) {
    .c-cursor {
        display: none !important
    }
}

.c-cursor .cursor {
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    transform: scale(0)
}

.c-cursor .js-cursor-play {
    transform: scale(2);
    background-image: url(images/play-video.svg);
    background-size: 24px 24px;
    background-position: center;
    transition: all 350ms linear
}

.c-cursor .js-cursor-close {
    transform: scale(0);
    background-image: url(images/close-video.svg);
    background-size: 24px 24px;
    background-position: center;
    transition: all 350ms linear
}

.c-cursor.has-close-cursor .js-cursor-play {
    opacity: 0
}

.c-cursor.has-close-cursor .js-cursor-close {
    transform: scale(2)
}

.c-form {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    z-index: 2
}

.c-form__field {
    padding-right: 14px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    position: relative;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 10px
}

@media (min-width:768px) {
    .c-form__field--halfwidth {
        flex: 0 0 50%;
        max-width: 50%
    }
}

.c-form__field.show-label .c-form__label {
    opacity: 1
}

.c-form__field.show-label input::-moz-placeholder, .c-form__field.show-label textarea::-moz-placeholder {
    opacity: 0
}

.c-form__field.show-label input:-ms-input-placeholder, .c-form__field.show-label textarea:-ms-input-placeholder {
    opacity: 0
}

.c-form__field.show-label input::placeholder, .c-form__field.show-label textarea::placeholder {
    opacity: 0
}

.c-form__field .selectric-wrapper.selectric-focus + .c-form__label {
    opacity: 1
}

.c-form__field input[type=date], .c-form__field input[type=email], .c-form__field input[type=number], .c-form__field input[type=password], .c-form__field input[type=tel], .c-form__field input[type=text], .c-form__field textarea {
    width: 100%;
    border: 1px solid rgba(134,133,121,.3);
    border-radius: 4px;
    outline: 0;
    padding: 11px 20px 11px;
    height: 60px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 14px;
    font-family: Oldschool,Helvetica,Arial,sans-serif;
    line-height: 20px;
    color: #000;
    background: 0 0
}

@media (max-width:991.98px) {
    .c-form__field input[type=date], .c-form__field input[type=email], .c-form__field input[type=number], .c-form__field input[type=password], .c-form__field input[type=tel], .c-form__field input[type=text], .c-form__field textarea {
        font-size: 16px
    }
}

.c-form__field input[type=date]::-moz-placeholder, .c-form__field input[type=email]::-moz-placeholder, .c-form__field input[type=number]::-moz-placeholder, .c-form__field input[type=password]::-moz-placeholder, .c-form__field input[type=tel]::-moz-placeholder, .c-form__field input[type=text]::-moz-placeholder, .c-form__field textarea::-moz-placeholder {
    color: #868579
}

.c-form__field input[type=date]:-ms-input-placeholder, .c-form__field input[type=email]:-ms-input-placeholder, .c-form__field input[type=number]:-ms-input-placeholder, .c-form__field input[type=password]:-ms-input-placeholder, .c-form__field input[type=tel]:-ms-input-placeholder, .c-form__field input[type=text]:-ms-input-placeholder, .c-form__field textarea:-ms-input-placeholder {
    color: #868579
}

.c-form__field input[type=date]::placeholder, .c-form__field input[type=email]::placeholder, .c-form__field input[type=number]::placeholder, .c-form__field input[type=password]::placeholder, .c-form__field input[type=tel]::placeholder, .c-form__field input[type=text]::placeholder, .c-form__field textarea::placeholder {
    color: #868579
}

.c-form__field input[type=date].error, .c-form__field input[type=email].error, .c-form__field input[type=number].error, .c-form__field input[type=password].error, .c-form__field input[type=tel].error, .c-form__field input[type=text].error, .c-form__field textarea.error {
    border-color: #e83e44
}

.c-form__field input[type=date][readonly], .c-form__field input[type=email][readonly], .c-form__field input[type=number][readonly], .c-form__field input[type=password][readonly], .c-form__field input[type=tel][readonly], .c-form__field input[type=text][readonly], .c-form__field textarea[readonly] {
    opacity: .5
}

.c-form__field input[type=date] {
    color: #868579
}

    .c-form__field input[type=date].has-value {
        color: #000
    }

.c-overlay .c-form__field input[type=date].has-value {
    color: #fff
}

.c-form__field textarea {
    height: 200px;
    padding-top: 20px;
    resize: none
}

.c-form__label {
    position: absolute;
    z-index: 1;
    opacity: 0;
    top: -6px;
    left: 16px;
    color: #868579;
    padding: 0 5px;
    border-radius: 4px;
    background: #f1f0ea;
    transition: opacity ease .3s;
    font-size: 9px;
    letter-spacing: .5px
}

    .c-form__label.is-for-selectric {
        z-index: 1010
    }

    .c-form__label.is-for-date {
        opacity: 1 !important
    }

    .c-form__label.red {
        background: #e83e44;
        color: #fff
    }

    .c-form__label.beige--dark {
        background: #e9e8e3
    }

.c-form__checkboxes p {
    color: #868579
}

.c-form__checkbox {
    display: flex;
    align-items: flex-start
}

    .c-form__checkbox span {
        font-size: 11px;
        font-weight: 300;
        padding-left: 10px;
        position: relative;
        top: 1px
    }

        .c-form__checkbox span a {
            text-decoration: underline
        }

    .c-form__checkbox label {
        color: #868579
    }

    .c-form__checkbox input[type=checkbox], .c-form__checkbox input[type=radio] {
        position: relative;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: transparent;
        min-width: 17px;
        width: 17px;
        height: 17px;
        margin: 0;
        outline: 0;
        vertical-align: middle
    }

@media (max-width:991.98px) {
    .c-form__checkbox input[type=checkbox], .c-form__checkbox input[type=radio] {
        vertical-align: top
    }
}

.c-form__checkbox input[type=checkbox]::after, .c-form__checkbox input[type=radio]::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    border: 1px solid rgba(134,133,121,.5);
    background: 0 0;
    background-image: url("images/tick.svg)");
    background-position: -50px -50px;
    background-repeat: no-repeat;
    background-size: 10px 10px
}

.c-form__checkbox input[type=checkbox]:checked::after, .c-form__checkbox input[type=radio]:checked::after {
    background-color: #868579;
    background-position: center
}

.c-form__checkbox input[type=checkbox].error + span, .c-form__checkbox input[type=checkbox].error + span a, .c-form__checkbox input[type=radio].error + span, .c-form__checkbox input[type=radio].error + span a {
    color: #e83e44
}

.c-form__actions {
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 14px
}

    .c-form__actions input[type=submit] {
        cursor: pointer
    }

.c-form__messages {
    padding-right: 14px
}

    .c-form__messages p {
        display: none;
        text-align: left;
        padding-top: 10px
    }

    .c-form__messages.success .success {
        display: block
    }

    .c-form__messages.fail .fail {
        display: block
    }

    .c-form__messages.submission-error .submission-error {
        display: block
    }

    .c-form__messages.invalid .invalid {
        display: block
    }

    .c-form__messages.user-exists .user-exists {
        display: block
    }

.c-form--white input[type=date], .c-form--white input[type=email], .c-form--white input[type=number], .c-form--white input[type=password], .c-form--white input[type=tel], .c-form--white input[type=text], .c-form--white textarea {
    color: #fff;
    border-color: #fff
}

    .c-form--white input[type=date]::-moz-placeholder, .c-form--white input[type=email]::-moz-placeholder, .c-form--white input[type=number]::-moz-placeholder, .c-form--white input[type=password]::-moz-placeholder, .c-form--white input[type=tel]::-moz-placeholder, .c-form--white input[type=text]::-moz-placeholder, .c-form--white textarea::-moz-placeholder {
        color: #fff
    }

    .c-form--white input[type=date]:-ms-input-placeholder, .c-form--white input[type=email]:-ms-input-placeholder, .c-form--white input[type=number]:-ms-input-placeholder, .c-form--white input[type=password]:-ms-input-placeholder, .c-form--white input[type=tel]:-ms-input-placeholder, .c-form--white input[type=text]:-ms-input-placeholder, .c-form--white textarea:-ms-input-placeholder {
        color: #fff
    }

    .c-form--white input[type=date]::placeholder, .c-form--white input[type=email]::placeholder, .c-form--white input[type=number]::placeholder, .c-form--white input[type=password]::placeholder, .c-form--white input[type=tel]::placeholder, .c-form--white input[type=text]::placeholder, .c-form--white textarea::placeholder {
        color: #fff
    }

    .c-form--white input[type=date].error, .c-form--white input[type=email].error, .c-form--white input[type=number].error, .c-form--white input[type=password].error, .c-form--white input[type=tel].error, .c-form--white input[type=text].error, .c-form--white textarea.error {
        border-color: #fff;
        border-width: 2px
    }

.c-form--white .c-form__checkboxes p {
    color: #fff
}

.c-form--white .c-form__checkbox > span {
    color: #fff
}

.c-form--white .c-form__checkbox label {
    color: #fff
}

.c-form--white .c-form__checkbox input[type=checkbox]::after, .c-form--white .c-form__checkbox input[type=radio]::after {
    border-color: #fff
}

.c-form--white .c-form__checkbox input[type=checkbox]:checked::after, .c-form--white .c-form__checkbox input[type=radio]:checked::after {
    background-color: transparent
}

.c-form--white .c-form__checkbox input[type=checkbox].error + span, .c-form--white .c-form__checkbox input[type=checkbox].error + span a, .c-form--white .c-form__checkbox input[type=radio].error + span, .c-form--white .c-form__checkbox input[type=radio].error + span a {
    color: #fff;
    font-weight: 500
}

.c-form--white .c-form__messages p {
    color: #fff
}

.c-cookie-banner {
    position: fixed;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 1010;
    background: #f1f0ea;
    border: 1px solid rgba(134,133,121,.3);
    color: #000;
    padding: 15px 30px 20px;
    opacity: 0;
    visibility: hidden;
    transition: all ease .5s
}

    .c-cookie-banner.is-active {
        opacity: 1;
        visibility: visible;
        max-height: 200px
    }

@media (min-width:992px) {
    .c-cookie-banner {
        padding: 25px 30px;
        right: 30px;
        bottom: 30px;
        max-width: 400px
    }
}

.c-cookie-banner__text {
    margin-bottom: 0
}

    .c-cookie-banner__text * {
        color: rgba(0,0,0,.85)
    }

    .c-cookie-banner__text h3 {
        font-size: 13px;
        line-height: 22px;
        letter-spacing: .5px;
        font-weight: 500
    }

    .c-cookie-banner__text a, .c-cookie-banner__text p {
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 0
    }

    .c-cookie-banner__text a {
        text-decoration: underline
    }

.c-wysiwyg h1 {
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 2.2rem
}

@media (min-width:768px) {
    .c-wysiwyg h1 {
        font-size: 50px;
        line-height: 60px
    }
}

@media (min-width:1200px) {
    .c-wysiwyg h1 {
        font-size: 64px;
        line-height: 74px
    }
}

.c-wysiwyg h2, .c-wysiwyg h3, .c-wysiwyg h4, .c-wysiwyg h5, .c-wysiwyg h6 {
    color: #e83e44;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: .5px
}

@media (min-width:992px) {
    .c-wysiwyg h2, .c-wysiwyg h3, .c-wysiwyg h4, .c-wysiwyg h5, .c-wysiwyg h6 {
        font-size: 22px;
        line-height: 33px
    }
}

.c-wysiwyg img {
    border-radius: 4px;
    margin: 25px 0 15px
}

.nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow: scroll;
    z-index: 1010;
    visibility: hidden
}

@media (min-width:992px) {
    .nav {
        overflow: hidden
    }
}

.nav.is-active {
    visibility: visible
}

.nav__video-container {
    width: 50%;
    height: 100vh;
    z-index: 2
}

.nav__video {
    background: #c81432;
    opacity: 0;
    visibility: hidden;
    transition: all cubic-bezier(.46,.19,.51,.85) .4s;
    transition-delay: .4s
}

    .nav__video.is-active {
        opacity: 1;
        visibility: visible
    }

.nav__inner {
    min-height: 100vh
}

@media (min-width:992px) {
    .nav__inner {
        width: 50%;
        height: 100vh;
        overflow: scroll;
        float: right
    }
}

.nav__inner::after, .nav__inner::before {
    content: '';
    position: fixed;
    z-index: 0;
    top: 0;
    left: 0;
    width: 50%;
    height: 100vh;
    background: #e83e44;
    transform: translateY(-110%);
    transition: all .75s cubic-bezier(.63,.06,.61,.99)
}

.nav__inner::after {
    transition-delay: .2s;
    left: 50%
}

.nav__inner.is-active::after, .nav__inner.is-active::before {
    transform: translateY(0)
}

.nav__inner > .row {
    z-index: 1
}

.nav .js-nav-anim-elem {
    opacity: 0;
    transform: translateY(30px)
}

.nav .col {
    padding: 0 20px !important
}

.nav__top {
    margin-top: 25px
}

.nav__desktop-logo {
    position: absolute;
    left: 50px;
    top: 17px;
    width: 255px;
    z-index: 2;
    opacity: 0;
    transition: opacity cubic-bezier(.46,.19,.51,.85) .4s
}

@media (min-width:1500px) {
    .nav__desktop-logo {
        left: 35px
    }
}

.nav__desktop-logo.is-active {
    opacity: 1
}

.nav__mobile-logo {
    width: 48px;
    height: 48px;
    margin-right: 12px
}

@media screen and (min-width:375px) {
    .nav__mobile-logo {
        margin-right: 20px
    }
}

@media (max-width:991.98px) {
    .nav .c-btn {
        padding: 14px;
        margin-right: 12px;
        background: #fff;
        border-radius: 2px;
        color: #000;
        font-size: 11px;
        line-height: 20px
    }
}

@media screen and (max-width:375px) {
    .nav .c-btn {
        margin-right: 20px;
        padding: 14px 20px
    }
}

.nav__close {
    margin-left: auto;
    cursor: pointer;
    transition: opacity cubic-bezier(.46,.19,.51,.85) .2s
}

@media (min-width:992px) {
    .nav__close {
        margin-left: 0
    }

    .nav__close--desktop {
        height: 61px;
        width: 61px;
        background: #000
    }

    .nav__close img {
        transition: cubic-bezier(.46,.19,.51,.85) .4s;
        transform: rotate(0)
    }

    .nav__close:hover img {
        transform: rotate(90deg)
    }
}

.nav__primary-menu {
    margin: 45px 20px 20px
}

.nav__link .parent-link {
    color: #fff;
    font-size: 28px;
    line-height: 1.3;
    margin-bottom: 20px
}

    .nav__link .parent-link.has-dropdown {
        padding-right: 50px
    }

        .nav__link .parent-link.has-dropdown:after {
            content: '';
            position: absolute;
            right: 0;
            top: 4px;
            background: url(images/mobile-nav-dropdown.svg) center no-repeat;
            background-size: 22px 28px;
            width: 21px;
            height: 27px;
            transform: rotate(180deg);
            transition: transform ease 150ms
        }

.nav__link .dropdown-container {
    display: none
}

@media (min-width:992px) {
    .nav__link .dropdown-container {
        padding: 10px 0 0 20px
    }
}

.nav__link .dropdown-link {
    font-size: 20px;
    color: #fff;
    line-height: 1.3;
    margin-bottom: 16px
}

.nav__link.is-active .parent-link:after {
    transform: rotate(0)
}

.nav__marugame-club-btn {
    font-size: 18px;
    line-height: 26px;
    padding: 23px 30px;
    background: 0 0;
    color: #fff;
    border-radius: 3px;
    border: 1px solid #fff;
    transition: all ease .3s;
    text-align: center;
    margin: 22px 0;
    display: block
}

    .nav__marugame-club-btn svg {
        position: relative;
        top: 4px
    }

.nav__bottom {
    margin: 0 20px 30px
}

.nav__socials {
    margin-bottom: 35px
}

    .nav__socials img {
        width: 47px;
        height: 47px;
        margin-right: 20px
    }

.nav__secondary-menu {
    margin-bottom: 20px
}

    .nav__secondary-menu a {
        font-size: 15px;
        line-height: 22px;
        color: #fff;
        margin-right: 32px;
        margin-bottom: 14px;
        padding-bottom: 2px
    }

@media (pointer:fine) {
    .nav__secondary-menu a:after {
        content: '';
        display: block;
        background: #fff;
        height: 1px;
        width: 0;
        opacity: .7;
        transition: width .3s
    }

    .nav__secondary-menu a:hover:after {
        width: 100%
    }
}

.nav__credits {
    margin-bottom: 70px
}

@media (min-width:992px) {
    .nav__credits {
        margin-bottom: 20px
    }
}

.nav__credits span, .nav__credits span a {
    color: rgba(255,255,255,.79);
    font-size: 11px
}

.c-logo {
    display: flex;
    align-items: center;
    height: 40px;
    overflow: hidden
}

@media (min-width:992px) {
    .c-logo {
        height: 43px
    }
}

.c-logo__symbol {
    width: 24px;
    height: 24px;
    margin-right: 4px;
    transition: all cubic-bezier(.46,.19,.51,.85) .4s
}

@media (min-width:992px) {
    .c-logo__symbol {
        width: 27px;
        height: 27px
    }
}

.c-logo__text {
    min-width: 138px;
    height: 24px;
    opacity: 1;
    transition: opacity cubic-bezier(.46,.19,.51,.85) .4s
}

.c-logo__text--black {
    display: none
}

@media (min-width:992px) {
    .c-logo__text {
        min-width: 194px;
        height: 27px
    }
}

.c-page-transition {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    z-index: 1025;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translateY(0);
    transition: visibility 1s cubic-bezier(.165,.84,.44,1)
}

    .c-page-transition .text {
        position: absolute;
        top: 50%;
        transform: translate(105vw,-50%);
        will-change: transform;
        opacity: 1;
        font-size: 18.5vw;
        line-height: 1.05;
        text-transform: uppercase;
        white-space: nowrap;
        font-weight: 300;
        letter-spacing: 8px;
        color: #fff
    }

    .c-page-transition::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        background-color: transparent;
        transform: scaleY(1);
        transform-origin: top;
        transition: transform .8s ease,background-color .3s ease;
        will-change: transform
    }

    .c-page-transition.leave {
        opacity: 1;
        visibility: visible
    }

        .c-page-transition.leave .text {
            opacity: 0;
            transform: translate(-20vw,-50%);
            transition: opacity 1.4s cubic-bezier(.165,.84,.44,1),transform 1.2s cubic-bezier(.455,.03,.515,.955)
        }

        .c-page-transition.leave::before {
            background-color: #c81432
        }

    .c-page-transition.enter::before {
        transform: scaleY(0)
    }

.hero-video {
    background: #000;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0
}

.hero-video__content {
    margin-top: -40px;
    max-width: 1494px;
    margin-left: auto;
    margin-right: auto
}

    .hero-video__content h1 {
        font-size: 40px;
        line-height: 48px;
        margin-bottom: 28px
    }

@media screen and (min-width:340px) {
    .hero-video__content h1 {
        font-size: 50px;
        line-height: 60px
    }
}

@media (min-width:992px) {
    .hero-video__content h1 {
        font-size: 96px;
        line-height: 130px
    }
}

.hero-video__content p {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 1px;
    max-width: 625px;
    margin: 0 auto 30px
}

@media (min-width:992px) {
    .hero-video__content p {
        font-size: 22px;
        line-height: 33px
    }
}

.hero-video__content .hero-video__vertical-text {
    font-size: 32px;
    line-height: 1.2;
    margin-bottom: 0
}

@media screen and (min-width:340px) {
    .hero-video__content .hero-video__vertical-text {
        font-size: 40px
    }
}

@media (min-width:992px) {
    .hero-video__content .hero-video__vertical-text {
        font-size: 68px
    }
}

.hero-video__scroll {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

@media screen and (max-height:500px) {
    .hero-video__scroll {
        display: none
    }
}

@media (min-width:992px) {
    .hero-video__scroll {
        bottom: -25px
    }
}

.hero-video__scroll p {
    font-size: 15px;
    font-weight: 400;
    color: #fff
}

@media (min-width:992px) {
    .hero-video__scroll p {
        font-size: 16px
    }
}

.hero-video__scroll img {
    display: block;
    margin: 0 auto;
    position: relative;
    left: 8px
}

@media (min-width:992px) {
    .hero-video__scroll img {
        width: 44px
    }
}

@media (min-width:992px) {
    .hero + .hero-bowls {
        margin-top: -140px
    }
}

.hero-bowls {
    margin-bottom: 60px
}

@media (min-width:992px) {
    .hero-bowls {
        padding-top: 50px;
        margin-bottom: 100px
    }
}

.hero-bowls--large {
    padding-top: 60px
}

@media (min-width:992px) {
    .hero-bowls--large {
        margin-bottom: 0
    }
}

@media (min-width:992px) {
    .hero-bowls__inner {
        height: 550px
    }
}

@media (min-width:1200px) {
    .hero-bowls__inner {
        height: 600px
    }
}

@media (min-width:1200px) {
    .hero-bowls__inner--large {
        height: 680px
    }
}

@media (min-width:1500px) {
    .hero-bowls__inner--large {
        height: 775px
    }
}

.hero-bowls__images-container {
    height: 355px;
    position: relative;
    width: 100vw;
    margin: 0 -15px
}

@media (min-width:400px) {
    .hero-bowls__images-container {
        height: 400px
    }
}

@media (min-width:768px) {
    .hero-bowls__images-container {
        height: 450px
    }
}

@media (min-width:992px) {
    .hero-bowls__images-container {
        position: static;
        height: auto
    }
}

.hero-bowls__images {
    position: absolute;
    z-index: 1;
    will-change: transform;
    transform: translateX(-110%);
    transition: transform cubic-bezier(.32,.02,.4,.99) 1.5s;
    top: 0;
    left: 0;
    height: 355px;
    width: 355px
}

@media (min-width:400px) {
    .hero-bowls__images {
        height: 400px;
        width: 400px
    }
}

@media (min-width:768px) {
    .hero-bowls__images {
        height: 450px;
        width: 450px;
        top: 0
    }
}

@media (min-width:992px) {
    .hero-bowls__images {
        height: 550px;
        width: 550px;
        top: calc(50% - 275px);
        transform: translateX(-55vw)
    }
}

@media (min-width:1200px) {
    .hero-bowls__images {
        height: 600px;
        width: 600px;
        top: calc(50% - 300px)
    }
}

.hero-bowls__images.is-active {
    transform: translateX(calc(50vw - 177.5px))
}

@media (min-width:400px) {
    .hero-bowls__images.is-active {
        transform: translateX(calc(50vw - 200px))
    }
}

@media (min-width:768px) {
    .hero-bowls__images.is-active {
        transform: translateX(30px)
    }
}

@media (min-width:992px) {
    .hero-bowls__images.is-active {
        transform: translateX(1vw)
    }
}

@media (min-width:1200px) {
    .hero-bowls__images.is-active {
        transform: translateX(5vw)
    }
}

@media screen and (min-width:1500px) {
    .hero-bowls__images.is-active {
        transform: translateX(6vw)
    }
}

.hero-bowls__images.is-active img {
    transform: rotate(90deg)
}

@media (min-width:1200px) {
    .hero-bowls__images--large {
        height: 680px;
        width: 680px;
        top: calc(50% - 340px)
    }
}

@media screen and (min-width:1400px) and (min-height:750px) {
    .hero-bowls__images--large {
        height: 775px;
        width: 775px;
        top: calc(50% - 387.5px)
    }
}

@media (min-width:992px) {
    .hero-bowls__images--large.is-active {
        transform: translateX(0vw)
    }
}

@media (min-width:1200px) {
    .hero-bowls__images--large.is-active {
        transform: translateX(2vw)
    }
}

@media (min-width:1500px) {
    .hero-bowls__images--large.is-active {
        transform: translateX(1vw)
    }
}

.hero-bowls__images .bowl, .hero-bowls__images .shadow {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0;
    will-change: transform;
    transform: rotate(-60deg);
    transition: transform cubic-bezier(.32,.02,.4,.99) 1.5s
}

    .hero-bowls__images .bowl.is-active, .hero-bowls__images .shadow.is-active {
        opacity: 1
    }

@media (min-width:1200px) {
    .hero-bowls__content {
        padding-left: 75px !important
    }
}

.hero-bowls__subheading {
    max-width: 210px;
    padding-bottom: 25px
}

@media (min-width:992px) {
    .hero-bowls__subheading {
        max-width: 400px;
        padding-bottom: 0
    }
}

@media (max-width:991.98px) {
    .hero-bowls__text--large {
        max-width: 75%
    }
}

@media (min-width:992px) {
    .hero-bowls__text {
        max-width: 400px
    }
}

.hero-bowls .c-btn {
    margin-top: 30px
}

@media (min-width:992px) {
    .hero-bowls .c-btn {
        margin-top: 35px
    }
}

.hero-bowls__noodle-pile {
    position: absolute;
    width: 190px;
    bottom: -25px;
    right: -40px
}

@media (min-width:768px) {
    .hero-bowls__noodle-pile {
        width: 255px;
        bottom: -40px;
        right: 0
    }
}

@media (min-width:1500px) {
    .hero-bowls__noodle-pile {
        width: 295px
    }
}

.hero-bowls__noodle-pile-spacer {
    height: 70px
}

.hero + .content-img {
    padding-top: 20px
}

@media (min-width:992px) {
    .hero + .content-img.has-bg {
        padding-top: 0;
        margin-top: -50px
    }
}

@media (min-width:992px) {
    .hero-video + .content-img:not(.has-bg) {
        padding-top: 100px
    }
}

.slider + .content-img:not(.has-bg) {
    padding-top: 0
}

.content-img.has-bg + .content-img.has-bg, .content-img.has-bg + .slider {
    margin-top: -115px;
    padding-top: 120px
}

@media (min-width:768px) {
    .content-img.has-bg + .content-img.has-bg, .content-img.has-bg + .slider {
        margin-top: -170px;
        padding-top: 160px
    }
}

@media (min-width:1500px) {
    .content-img.has-bg + .content-img.has-bg, .content-img.has-bg + .slider {
        margin-top: -220px
    }
}

.content-img.has-bg + .content-img {
    padding-top: 0
}

.content-img {
    padding: 70px 0 100px;
    z-index: 1
}

@media (min-width:992px) {
    .content-img {
        padding: 70px 0
    }
}

.content-img.has-bg {
    position: relative;
    padding-top: 100px;
    margin-bottom: 70px
}

@media (min-width:992px) {
    .content-img.has-bg {
        padding: 200px 0 140px;
        margin-bottom: 100px
    }
}

.content-img.has-bg:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    -webkit-clip-path: polygon(0 35px,100% 0,100% calc(100% - 35px),0 100%);
    clip-path: polygon(0 35px,100% 0,100% calc(100% - 35px),0 100%)
}

@media (min-width:768px) {
    .content-img.has-bg:before {
        -webkit-clip-path: polygon(0 70px,100% 0,100% calc(100% - 70px),0 100%);
        clip-path: polygon(0 70px,100% 0,100% calc(100% - 70px),0 100%)
    }
}

@media (min-width:1500px) {
    .content-img.has-bg:before {
        -webkit-clip-path: polygon(0 120px,100% 0,100% calc(100% - 120px),0 100%);
        clip-path: polygon(0 120px,100% 0,100% calc(100% - 120px),0 100%)
    }
}

.content-img.has-bg.beige--dark:before {
    background: #e9e8e3
}

.content-img.has-bg.red:before {
    background: #e83e44
}

.content-img__img {
    z-index: 1;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    padding-top: 90.56604%;
    height: auto;
    display: block;
    content: ''
}

@media (min-width:768px) {
    .content-img__img {
        padding-top: 0;
        width: 398px;
        height: 360px
    }
}

@media (min-width:992px) {
    .content-img__img {
        margin-bottom: 0
    }
}

@media (min-width:1200px) {
    .content-img__img {
        width: 530px;
        height: 480px
    }
}

.content-img__img--static-illustration {
    margin-bottom: 0
}

    .content-img__img--static-illustration img {
        width: 440px;
        max-width: 80%;
        margin-left: 10%
    }

@media (min-width:768px) {
    .content-img__img--static-illustration img {
        margin-left: 0
    }
}

.content-img__img .content-img__cb-illustration-overlay {
    display: none
}

@media (min-width:992px) {
    .content-img__img .content-img__cb-illustration-overlay {
        display: block
    }
}

.content-img__img .content-img__cb-illustration-overlay--top {
    position: absolute;
    top: 2px;
    right: 1px;
    width: 70%;
    height: auto
}

.content-img__img .content-img__cb-illustration-overlay--bottom {
    position: absolute;
    bottom: 2px;
    left: 1px;
    width: 70%;
    height: auto
}

.content-img__img .content-img__cb-illustration-overlay--both-top {
    position: absolute;
    top: 10px;
    left: 1px;
    width: 50%;
    height: auto
}

.content-img__img .content-img__cb-illustration-overlay--both-bottom {
    position: absolute;
    bottom: 0;
    width: 50%;
    right: 10px;
    height: auto
}

.content-img.page-type-cherry_blossom .t-subheading {
    color: #f57a8d
}

.content-img__lottie-container {
    position: relative;
    margin: 0 auto;
    z-index: 1
}

    .content-img__lottie-container.js-lottie-hand-bowl {
        width: 285px
    }

@media (min-width:992px) {
    .content-img__lottie-container.js-lottie-hand-bowl {
        width: 450px;
        margin-left: 0
    }
}

.content-img__stars {
    position: absolute;
    top: -20px;
    right: -20px
}

@media (min-width:992px) {
    .content-img__stars {
        top: -150px
    }
}

@media (min-width:992px) {
    .content-img.has-noodle-hills {
        padding-bottom: 220px
    }
}

.content-img__noodle-hills {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 150px
}

@media (min-width:576px) {
    .content-img__noodle-hills {
        width: 190px
    }
}

@media (min-width:992px) {
    .content-img__noodle-hills {
        bottom: 50px;
        width: 295px
    }
}

@media (min-width:1500px) {
    .content-img__noodle-hills {
        width: 343px
    }
}

.content-img.has-bg + .club-signup, .google-map + .club-signup {
    margin-top: -100px
}

@media (min-width:768px) {
    .content-img.has-bg + .club-signup, .google-map + .club-signup {
        margin-top: -140px
    }
}

@media (min-width:1500px) {
    .content-img.has-bg + .club-signup, .google-map + .club-signup {
        margin-top: -190px
    }
}

.club-signup {
    margin-top: 100px;
    margin-bottom: 70px
}

@media (min-width:992px) {
    .club-signup {
        margin-bottom: 100px
    }
}

.club-signup.module--last {
    margin-bottom: 0
}

.club-signup--red {
    overflow: hidden
}

    .club-signup--red:before {
        content: '';
        position: absolute;
        top: -30px;
        left: 0;
        width: 120px;
        height: 213px;
        background: url(images/club-signup-stars.svg) center no-repeat;
        background-size: contain
    }

@media (min-width:1200px) {
    .club-signup--red:before {
        width: 197px;
        height: 302px
    }
}

.club-signup--red.module--last:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -120px;
    right: -120px;
    background: url(images/club-signup-rings.svg) no-repeat center;
    background-size: contain;
    width: 446px;
    height: 283px
}

@media (min-width:992px) {
    .club-signup--red.module--last:after {
        display: none
    }
}

@media (min-width:1500px) {
    .club-signup--red.module--last:after {
        display: block;
        bottom: -130px;
        right: -560px;
        width: 832px;
        height: 695px
    }
}

.club-signup__inner {
    padding: 20px 0 200px
}

@media (min-width:992px) {
    .club-signup__inner {
        padding: 80px 0 80px
    }
}

.club-signup__inner:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: -1;
    background: #e83e44;
    -webkit-clip-path: polygon(0 35px,100% 0,100% calc(100% - 35px),0 100%);
    clip-path: polygon(0 35px,100% 0,100% calc(100% - 35px),0 100%)
}

@media (min-width:768px) {
    .club-signup__inner:before {
        -webkit-clip-path: polygon(0 70px,100% 0,100% calc(100% - 70px),0 100%);
        clip-path: polygon(0 70px,100% 0,100% calc(100% - 70px),0 100%)
    }
}

@media (min-width:1500px) {
    .club-signup__inner:before {
        -webkit-clip-path: polygon(0 120px,100% 0,100% calc(100% - 120px),0 100%);
        clip-path: polygon(0 120px,100% 0,100% calc(100% - 120px),0 100%)
    }
}

.club-signup__inner.module--last:before {
    border-bottom: 1px solid #000;
    -webkit-clip-path: polygon(0 35px,100% 0,100% 100%,0 100%);
    clip-path: polygon(0 35px,100% 0,100% 100%,0 100%)
}

@media (min-width:768px) {
    .club-signup__inner.module--last:before {
        -webkit-clip-path: polygon(0 70px,100% 0,100% 100%,0 100%);
        clip-path: polygon(0 70px,100% 0,100% 100%,0 100%)
    }
}

@media (min-width:1500px) {
    .club-signup__inner.module--last:before {
        -webkit-clip-path: polygon(0 120px,100% 0,100% 100%,0 100%);
        clip-path: polygon(0 120px,100% 0,100% 100%,0 100%)
    }
}

.club-signup__inner--beige:before {
    background-color: #e9e8e3
}

.club-signup__content {
    order: 2
}

@media (min-width:992px) {
    .club-signup__content {
        order: 1;
        max-width: 420px;
        padding-top: 90px
    }
}

.club-signup__heading {
    margin-bottom: 35px
}

.club-signup__text {
    margin-bottom: 30px
}

.club-signup__form {
    display: none
}

@media (min-width:992px) {
    .club-signup__form {
        padding-top: 30px;
        padding-bottom: 50px
    }
}

.club-signup__form #local_business_code::-moz-placeholder {
    text-transform: none
}

.club-signup__form #local_business_code:-ms-input-placeholder {
    text-transform: none
}

.club-signup__form #local_business_code::placeholder {
    text-transform: none
}

.club-signup__lottie-container-1 {
    position: absolute;
    top: -170px;
    left: -100px;
    width: 1000px;
    height: 1200px
}

@media (min-width:992px) {
    .club-signup__lottie-container-1 {
        top: -330px;
        left: -250px;
        width: 2193px;
        height: 2708px
    }
}

.club-signup__image {
    order: 1;
    margin-bottom: 30px
}

@media (min-width:992px) {
    .club-signup__image {
        order: 2;
        padding-top: 25px;
        margin-bottom: 0
    }
}

.club-signup__lottie-container-2 {
    margin-left: auto;
    width: 65vw;
    max-width: 350px
}

@media (min-width:992px) {
    .club-signup__lottie-container-2 {
        width: 450px;
        max-width: none;
        margin-right: auto
    }
}

@media (min-width:1200px) {
    .club-signup__lottie-container-2 {
        width: 550px;
        margin-right: 0
    }
}

@media (min-width:992px) {
    .club-signup__lottie-container-2--red {
        margin-right: auto;
        margin-left: 0
    }
}

.slider {
    padding: 90px 0 180px;
    margin-bottom: 70px;
    background-color: #c81432;
    background: url(/wp-content/themes/marugame/library/images/slider-bg.jpg) no-repeat center;
    background-size: cover;
    -webkit-clip-path: polygon(0 35px,100% 0,100% calc(100% - 35px),0 100%);
    clip-path: polygon(0 35px,100% 0,100% calc(100% - 35px),0 100%)
}

@media (min-width:768px) {
    .slider {
        -webkit-clip-path: polygon(0 70px,100% 0,100% calc(100% - 70px),0 100%);
        clip-path: polygon(0 70px,100% 0,100% calc(100% - 70px),0 100%)
    }
}

@media (min-width:1500px) {
    .slider {
        -webkit-clip-path: polygon(0 120px,100% 0,100% calc(100% - 120px),0 100%);
        clip-path: polygon(0 120px,100% 0,100% calc(100% - 120px),0 100%)
    }
}

@media (min-width:992px) {
    .slider {
        padding: 140px 0 160px;
        margin-bottom: 100px
    }
}

@media (min-width:1500px) {
    .slider {
        padding: 170px 0 190px
    }
}

.slider--no-bg {
    background: 0 0;
    -webkit-clip-path: none;
    clip-path: none;
    padding: 70px 0 200px;
    margin-bottom: 0
}

@media (min-width:992px) {
    .slider--no-bg {
        padding: 70px 0 130px
    }
}

.slider__intro {
    margin-bottom: 35px
}

@media (min-width:1500px) {
    .slider__slides {
        padding-left: calc(((100vw - 1410px)/ 2) + (1410px / 12.04))
    }
}

.slider__slides .slick-list {
    padding-right: 18vw;
    padding-left: 30px
}

@media (min-width:992px) {
    .slider__slides .slick-list {
        padding-right: 14vw
    }
}

@media (min-width:1200px) {
    .slider__slides .slick-list {
        margin-left: 30px;
        padding-left: 0
    }
}

@media (min-width:1500px) {
    .slider__slides .slick-list {
        margin-left: 0
    }
}

.slider__slides .slick-track {
    display: flex !important
}

.slider__slide {
    background-color: #fff;
    border-radius: 4px;
    padding: 30px;
    margin-right: 10px;
    height: inherit !important
}

@media (min-width:992px) {
    .slider__slide {
        padding: 44px 44px 64px
    }
}

.slider__slide .img-container {
    position: relative;
    margin-bottom: 20px;
    left: -5px;
    width: 100px;
    height: 100px
}

@media (min-width:992px) {
    .slider__slide .img-container {
        width: 121px;
        height: 121px
    }
}

.slider__slide .img-container img {
    width: 100%;
    height: auto;
    max-width: 121px;
    max-height: 90px
}

.slider__slide h3 {
    font-size: 26px
}

@media (min-width:992px) {
    .slider__slide h3 {
        font-size: 34px
    }
}

.slider__slide p {
    font-size: 13px;
    line-height: 25px
}

@media (min-width:992px) {
    .slider__slide {
        margin-right: 20px
    }
}

.slider .c-slider-arrow {
    position: absolute;
    left: 85px;
    bottom: -75px
}

@media (min-width:992px) {
    .slider .c-slider-arrow {
        left: auto;
        right: 16.666vw;
        bottom: -38px
    }
}

.slider .c-slider-arrow--prev {
    left: 30px
}

@media (min-width:992px) {
    .slider .c-slider-arrow--prev {
        right: calc(16.666vw + 85px);
        left: auto
    }
}

.news-events-short {
    z-index: 2
}

.news-events-short__intro {
    margin-bottom: 35px
}

@media (min-width:992px) {
    .news-events-short__intro {
        margin-bottom: 65px
    }
}

.news-events-short__intro .c-btn {
    min-width: 151px
}

@media (max-width:767.98px) {
    .news-events-short__inner {
        padding-right: 0 !important
    }
}

.news-events-short__inner .slick-slide {
    margin-right: 30px
}

@media (min-width:576px) {
    .news-events-short__inner .slick-slide {
        margin-right: 20px
    }
}

@media (min-width:992px) {
    .news-events-short__inner .slick-slide {
        margin-right: 0
    }
}

.news-events-short__article {
    position: relative;
    display: inline-block;
    border-radius: 5px 5px 0 0;
    margin-bottom: 12px
}

@media (min-width:992px) {
    .news-events-short__article {
        overflow: hidden;
        width: calc(33.333% - 7px);
        height: 243px;
        float: right
    }
}

@media screen and (min-width:992px) and (min-height:700px) {
    .news-events-short__article {
        height: 293px
    }
}

@media (min-width:992px) {
    .news-events-short__article::after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        background: linear-gradient(to top,rgba(0,0,0,.77) 0,rgba(255,255,255,0) 95%)
    }

    .news-events-short__article:hover .news-events-short__article__img {
        transform: scale(1.07)
    }

    .news-events-short__article:hover .description {
        opacity: 1
    }

    .news-events-short__article--top-right {
        margin-bottom: 14px
    }

    .news-events-short__article--large {
        width: calc(66.666% - 7px);
        height: 500px;
        float: left
    }

        .news-events-short__article--large::after {
            background: linear-gradient(to top,rgba(0,0,0,.77) 0,rgba(255,255,255,0) 56%)
        }
}

@media screen and (min-width:992px) and (min-height:700px) {
    .news-events-short__article--large {
        height: 600px
    }
}

@media (min-width:992px) {
    .news-events-short__article--large .news-events-short__article__content {
        padding: 0 55px 55px
    }

        .news-events-short__article--large .news-events-short__article__content .description {
            bottom: 55px;
            left: 55px;
            padding-right: 175px
        }

        .news-events-short__article--large .news-events-short__article__content .arrow {
            bottom: 62px;
            right: 55px;
            width: 67px;
            height: 37px
        }
}

.news-events-short__article__img {
    margin-bottom: 30px;
    border-radius: 4px;
    width: 100%;
    height: 260px;
    -o-object-fit: cover;
    object-fit: cover;
    transition: transform ease 1s;
    transform-origin: center 75%
}

@media (min-width:992px) {
    .news-events-short__article__img {
        margin-bottom: 0;
        border-radius: 0;
        height: auto;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.news-events-short__article__content {
    z-index: 2;
    position: relative
}

@media (min-width:992px) {
    .news-events-short__article__content {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 0 35px 35px
    }
}

@media (min-width:992px) {
    .news-events-short__article__content .t-thumb-heading {
        color: #fff;
        margin-bottom: 0;
        transition: all ease 1s
    }
}

@media (min-width:992px) {
    .news-events-short__article__content .description {
        padding-right: 90px;
        margin-bottom: 0;
        position: absolute;
        bottom: 35px;
        left: 35px;
        color: #fff;
        opacity: 0;
        transition: opacity ease 1s
    }
}

.news-events-short__article__content .arrow {
    position: absolute;
    right: 35px;
    bottom: 42px;
    width: 40px;
    height: 22px
}

.news-events-short__article__content .c-btn {
    min-width: 134px
}

.news-events-short__article__link {
    z-index: 3
}

.news-events-short__article--featured:nth-child(1) {
    flex: auto;
    max-width: none
}

@media (min-width:992px) {
    .news-events-short__article--featured {
        width: calc(66.666% - 4px)
    }
}

.news-events-short .slider-arrows {
    width: 100px;
    position: absolute;
    top: -57px;
    right: 30px
}

.news-events-full {
    z-index: 2
}

.news-events-full__intro {
    margin-bottom: 35px
}

@media (min-width:992px) {
    .news-events-full__intro {
        margin-bottom: 65px
    }
}

.news-events-full__intro .c-btn {
    min-width: 151px
}

@media (min-width:992px) {
    .news-events-full__posts-container {
        margin-top: 30px
    }
}

.news-events-full__article {
    position: relative;
    display: inline-block;
    border-radius: 5px 5px 0 0;
    margin-bottom: 50px;
    flex: 0 0 48%;
    max-width: 48%
}

@media (min-width:992px) {
    .news-events-full__article {
        flex: 0 0 calc(33.333% - 7px);
        max-width: calc(33.333% - 7px);
        height: 400px;
        margin-bottom: 14px;
        overflow: hidden
    }

        .news-events-full__article::after {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            background: linear-gradient(to top,rgba(0,0,0,.77) 0,rgba(255,255,255,0) 95%)
        }

        .news-events-full__article:hover .news-events-full__article__img {
            transform: scale(1.07)
        }

        .news-events-full__article:hover .description {
            opacity: 1
        }
}

.news-events-full__article__img {
    margin-bottom: 20px;
    border-radius: 4px;
    width: 100%;
    height: 140px;
    -o-object-fit: cover;
    object-fit: cover;
    transition: transform ease 1s;
    transform-origin: center 75%
}

@media (min-width:576px) {
    .news-events-full__article__img {
        height: 260px
    }
}

@media (min-width:768px) {
    .news-events-full__article__img {
        height: 340px
    }
}

@media (min-width:992px) {
    .news-events-full__article__img {
        margin-bottom: 0;
        border-radius: 0;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.news-events-full__article__content {
    z-index: 2;
    position: relative
}

@media (min-width:992px) {
    .news-events-full__article__content {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 0 35px 35px
    }
}

@media (min-width:992px) {
    .news-events-full__article__content .t-thumb-heading {
        color: #fff;
        margin-bottom: 0;
        transition: all ease 1s
    }
}

@media (min-width:992px) {
    .news-events-full__article__content .description {
        padding-right: 90px;
        margin-bottom: 0;
        position: absolute;
        bottom: 35px;
        left: 35px;
        color: #fff;
        opacity: 0;
        transition: opacity ease 1s;
        transition-delay: .1s
    }
}

.news-events-full__article__content .arrow {
    position: absolute;
    right: 35px;
    bottom: 42px;
    width: 40px;
    height: 22px
}

@media (min-width:992px) {
    .news-events-full__article__content .c-btn {
        min-width: 134px
    }
}

.news-events-full__article__link {
    z-index: 3
}

.news-events-full__article--normal h2 {
    font-size: 16px;
    line-height: 20px;
    color: #3b3b3b;
    transition: all cubic-bezier(.46,.19,.51,.85) .5s
}

@media (min-width:992px) {
    .news-events-full__article--normal h2 {
        color: #fff;
        font-size: 22px;
        line-height: 33px;
        margin-bottom: 0;
        padding-right: 45px
    }
}

@media (max-width:991.98px) {
    .news-events-full__article--normal .c-btn {
        padding: 14px 20px;
        border-radius: 3px;
        font-size: 12px
    }
}

@media (min-width:992px) {
    .news-events-full__article--featured {
        flex: 0 0 calc(66.666% - 4px);
        max-width: calc(66.666% - 4px)
    }
}

@media (max-width:991.98px) {
    .news-events-full__article--featured:nth-child(1) {
        flex: auto;
        max-width: none
    }
}

@media (max-width:767.98px) {
    .news-events-full__article--featured .news-events-full__article__img {
        height: 263px
    }
}

.social-feed {
    margin-bottom: 75px
}

@media (min-width:992px) {
    .social-feed {
        margin-bottom: 100px
    }
}

.social-feed__follow {
    margin-bottom: 60px
}

@media (min-width:992px) {
    .social-feed__follow {
        margin-bottom: 20px
    }
}

.social-feed__follow span {
    font-size: 12px;
    margin-right: 30px
}

.social-feed__follow a {
    margin-right: 20px;
    border-radius: 50%;
    width: 43px;
    height: 43px;
    background: #e83e44;
    transition: .3s ease
}

    .social-feed__follow a:last-child {
        margin-right: 0
    }

    .social-feed__follow a img {
        display: block
    }

    .social-feed__follow a:hover {
        background: #000
    }

@media (max-width:991.98px) {
    .social-feed__images {
        margin-left: -7.5px;
        margin-right: -7.5px
    }
}

.social-feed__image {
    flex: 0 0 33.333%;
    max-width: 33.333%
}

@media (min-width:992px) {
    .social-feed__image {
        flex: 0 0 25%;
        max-width: 25%
    }

        .social-feed__image:nth-child(5), .social-feed__image:nth-child(6) {
            display: none
        }
}

.social-feed__image__inner {
    position: relative;
    overflow: hidden;
    padding-top: 100%;
    height: auto;
    display: block;
    content: '';
    margin-bottom: 20px
}

    .social-feed__image__inner .u-border-img img {
        display: block;
        border-radius: 0
    }

@media (max-width:991.98px) {
    .social-feed__image__inner .u-border-img img {
        padding: 1px;
        border-radius: 3px
    }

    .social-feed__image__inner .u-border-img > .line-border {
        border-width: 3px;
        border-image-slice: 6
    }
}

.hero {
    overflow: hidden
}

@media (min-width:992px) {
    .hero {
        margin-bottom: 60px
    }
}

.hero__img {
    height: 423px
}

@media (min-width:992px) {
    .hero__img {
        height: 640px
    }
}

.hero__gradient {
    height: 160px;
    background: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

@media (min-width:992px) {
    .hero__gradient {
        height: 250px
    }
}

.hero__top {
    height: 303px;
    padding-top: 115px
}

@media (min-width:992px) {
    .hero__top {
        height: 326px;
        padding-left: 60px !important
    }
}

.hero .back-link {
    color: #fff;
    font-size: 12px;
    line-height: 25px;
    padding-left: 20px
}

    .hero .back-link:before {
        content: '';
        position: absolute;
        left: 0;
        top: 4px;
        width: 14px;
        height: 9px;
        background: url(images/back-link-arrow.svg) no-repeat center;
        background-size: contain
    }

.hero__content {
    padding: 0 15px !important
}

@media (min-width:992px) {
    .hero__content {
        padding: 0 30px !important
    }
}

.hero__content .back-link {
    color: #7f7f7f;
    padding-bottom: 35px
}

    .hero__content .back-link:before {
        top: 7px;
        background: url(images/back-link-arrow-grey-2.svg) no-repeat center
    }

.hero__content__inner {
    padding: 28px 26px;
    background: #f1f0ea
}

@media (min-width:992px) {
    .hero__content__inner {
        margin-left: 30px;
        padding: 50px calc(8.33vw - 30px)
    }
}

@media (min-width:1500px) {
    .hero__content__inner {
        padding: 50px 77px
    }
}

.hero__address-title {
    font-size: 20px;
    line-height: 29px;
    margin-bottom: 14px
}

.hero__address {
    margin-bottom: 8px
}

.hero__google-maps-link {
    display: inline-block;
    color: #c81432;
    font-size: 16px;
    line-height: 25px;
    text-decoration: underline;
    margin-bottom: 45px
}

.hero__stars {
    position: absolute;
    width: 75px;
    right: -20px;
    transform: translateY(35px)
}

.locations__search {
    padding: 30px 15px 100px !important;
    background: #c81432;
    margin-bottom: 100px
}

@media (min-width:768px) {
    .locations__search {
        padding: 30px 30px 40px !important
    }
}

@media (min-width:992px) {
    .locations__search {
        padding: 30px 50px 40px !important
    }
}

.locations__search h1 {
    margin-bottom: 30px
}

@media (max-width:991.98px) {
    .locations__search h1 {
        max-width: 80%;
        font-size: 30px;
        letter-spacing: 1px;
        line-height: 42px
    }
}

.locations__search__all {
    position: absolute;
    bottom: 50px
}

@media (min-width:768px) {
    .locations__search__all {
        left: auto;
        bottom: auto;
        right: 45px;
        top: 40px
    }
}

.locations__search__buttons, .locations__search__form {
    display: none
}

    .locations__search__buttons.is-active, .locations__search__form.is-active {
        display: block
    }

.locations__search__or-text {
    text-align: center
}

@media (min-width:768px) {
    .locations__search__or-text {
        text-align: left
    }
}

.locations__search__button {
    display: block;
    text-align: center;
    background: #fff;
    color: #000;
    font-size: 14px;
    border-radius: 2px;
    padding: 18px 23px
}

@media (min-width:768px) {
    .locations__search__button {
        display: inline-block
    }
}

.locations__search__button--geolocation {
    position: relative
}

@media (min-width:768px) {
    .locations__search__button--geolocation {
        padding-right: 50px
    }
}

.locations__search__button--geolocation:before {
    content: '';
    position: absolute;
    right: 10%;
    top: 19px;
    width: 17px;
    height: 17px;
    background-image: url(images/geolocate--black.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

@media (min-width:768px) {
    .locations__search__button--geolocation:before {
        right: 18px
    }
}

.locations__search__button--geolocation:after {
    display: none;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    background-image: url(images/loading-wheel--black.svg);
    background-size: 20px 20px;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-animation: rotate 1.5s linear infinite;
    animation: rotate 1.5s linear infinite
}

.locations__search__button--geolocation.is-loading {
    color: rgba(0,0,0,.2);
    pointer-events: none
}

    .locations__search__button--geolocation.is-loading:before {
        opacity: .2
    }

    .locations__search__button--geolocation.is-loading:after {
        display: block
    }

@media (max-width:991.98px) {
    .locations__search__text {
        font-size: 16px
    }
}

.locations__search__submit, .locations__search__text {
    font-family: Oldschool,Helvetica,Arial,sans-serif;
    background: #fff;
    color: #000;
    font-size: 14px;
    border-radius: 2px;
    padding: 18px 23px;
    border: 0;
    box-shadow: none;
    outline: 0;
    width: 350px;
    max-width: 100%
}

    .locations__search__submit::-moz-placeholder, .locations__search__text::-moz-placeholder {
        color: #000
    }

    .locations__search__submit:-ms-input-placeholder, .locations__search__text:-ms-input-placeholder {
        color: #000
    }

    .locations__search__submit::placeholder, .locations__search__text::placeholder {
        color: #000
    }

@media (max-width:767.98px) {
    .locations__search__text {
        margin-bottom: 20px
    }
}

.locations__search__submit {
    background: #000;
    color: #fff;
    width: auto
}

    .locations__search__submit:hover {
        background: #000
    }

@media (min-width:768px) {
    .locations__search__submit {
        margin-left: 50px
    }
}

.locations__search__submit::before {
    display: none;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    background-image: url(images/loading-wheel--white.svg);
    background-size: 20px 20px;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-animation: rotate 1.5s linear infinite;
    animation: rotate 1.5s linear infinite
}

.locations__search__submit.is-loading {
    color: rgba(255,255,255,.4);
    pointer-events: none
}

    .locations__search__submit.is-loading:before {
        display: block
    }

.locations {
    z-index: 2
}

.locations__grid {
    margin: 0 -30px
}

.locations__grid__inner {
    padding-left: 9px !important;
    padding-right: 9px !important
}

.location-card {
    flex: 1 0 100%;
    max-width: 100%;
    padding: 0 21px;
    margin-bottom: 45px
}

@media (min-width:768px) {
    .location-card {
        flex: 1 0 50%;
        max-width: 50%;
        padding: 0 6px;
        margin-bottom: 12px
    }
}

@media (min-width:992px) {
    .location-card {
        flex: 0 0 33.333%;
        max-width: 33.333%
    }
}

.location-card.is-coming-soon {
    pointer-events: none;
    filter: grayscale(1)
}

.location-card__inner {
    position: relative;
    overflow: hidden;
    padding-top: 112.67606%;
    height: auto;
    display: block;
    content: ''
}

.location-card__img {
    transform: scale(1);
    transition: all cubic-bezier(.46,.19,.51,.85) .8s
}

.location-card:not(.is-coming-soon):hover .location-card__img {
    transform: scale(1.05)
}

.location-card__img-gradient {
    position: absolute;
    bottom: 4px;
    left: 2px;
    height: calc(100% - 4px);
    width: calc(100% - 4px);
    background: linear-gradient(to top,rgba(0,0,0,.37) 0,rgba(0,0,0,0) 50%)
}

.location-card h2 {
    position: absolute;
    left: 35px;
    bottom: 40px;
    padding-right: 23px;
    line-height: 1.8;
    font-weight: 500;
    margin-bottom: 10px
}

@media (min-width:992px) {
    .location-card h2 {
        left: 45px;
        bottom: 40px;
        padding-right: 40px;
        font-size: 28px;
        line-height: 36px
    }
}

.location-card h2 .title-bg, .location-card h2 .title-text {
    background-color: #fff;
    padding: 13px 15px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone
}

@media (min-width:992px) {
    .location-card h2 .title-bg, .location-card h2 .title-text {
        padding: 7px 15px
    }
}

.location-card h2 .title-text {
    background-color: transparent;
    color: #000
}

@media (min-width:992px) {
    .location-card h2 .title-text {
        padding: 7px 15px
    }
}

.location-card h2 .title-bg {
    color: transparent
}

    .location-card h2 .title-bg .arrow {
        opacity: 0
    }

.location-card h2 .arrow {
    width: 38px;
    height: 19px;
    overflow: hidden;
    vertical-align: middle
}

    .location-card h2 .arrow img {
        position: absolute;
        width: 35px;
        height: 19px;
        top: 0;
        left: 0;
        transition: ease .2s
    }

        .location-card h2 .arrow img.arrow-1 {
            transform: translateX(-110%);
            transition-delay: 0s
        }

        .location-card h2 .arrow img.arrow-2 {
            transform: translateX(3px);
            transition-delay: .2s
        }

@media (min-width:992px) {
    .location-card:not(.is-coming-soon):hover .arrow-1 {
        transform: translateX(3px);
        transition-delay: .2s
    }

    .location-card:not(.is-coming-soon):hover .arrow-2 {
        transform: translateX(125%);
        transition-delay: 0s
    }
}

.location-card__distance {
    display: none;
    position: absolute;
    top: 3px;
    right: 3px;
    background-color: #000;
    padding: 12px 19px;
    color: #fff;
    font-size: 10px
}

.location-card__overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    background: rgba(134,133,121,.67)
}

.location-card__overlay__text {
    width: 125px;
    height: 125px;
    border-radius: 50%;
    padding: 12px;
    background: #000;
    color: #fff;
    font-size: 10px;
    line-height: 17px
}

@media (min-width:992px) {
    .hero + .google-map {
        margin-top: -50px
    }
}

.google-map {
    margin-bottom: 60px;
    -webkit-clip-path: polygon(0 35px,100% 0,100% calc(100% - 35px),0 100%);
    clip-path: polygon(0 35px,100% 0,100% calc(100% - 35px),0 100%)
}

@media (min-width:768px) {
    .google-map {
        -webkit-clip-path: polygon(0 70px,100% 0,100% calc(100% - 70px),0 100%);
        clip-path: polygon(0 70px,100% 0,100% calc(100% - 70px),0 100%)
    }
}

@media (min-width:1500px) {
    .google-map {
        -webkit-clip-path: polygon(0 120px,100% 0,100% calc(100% - 120px),0 100%);
        clip-path: polygon(0 120px,100% 0,100% calc(100% - 120px),0 100%)
    }
}

@media (min-width:768px) {
    .google-map {
        margin-bottom: 100px
    }
}

.google-map #map-container {
    height: 385px;
    width: 100%
}

@media (min-width:768px) {
    .google-map #map-container {
        height: 500px
    }
}

@media (min-width:992px) {
    .google-map #map-container {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute !important;
        width: 150%
    }
}

@media (min-width:992px) {
    .google-map__content {
        padding-top: 228px;
        padding-bottom: 123px
    }
}

.google-map__content__inner {
    background: #e9e8e3;
    padding-top: 30px;
    padding-bottom: 100px
}

@media (min-width:992px) {
    .google-map__content__inner {
        background: #fff;
        border-radius: 10px;
        padding: 60px 75px !important
    }
}

.google-map__subtitle {
    font-size: 20px;
    line-height: 29px;
    color: #000;
    margin: 8px 0
}

.google-map__opening-times {
    margin-top: 34px
}

    .google-map__opening-times p {
        margin-bottom: 8px
    }

        .google-map__opening-times p:last-child {
            margin-bottom: 0
        }

@media (min-width:768px) {
    .content-img + .video {
        margin-top: 70px
    }
}

@media (min-width:992px) {
    .content-img + .video {
        margin-top: 100px
    }
}

.video__inner {
    margin: 0 20px 70px
}

@media (min-width:1200px) {
    .video__inner {
        margin: 0 20px 100px
    }
}

.video__video-container {
    height: 440px;
    border-radius: 6px
}

@media (min-width:768px) {
    .video__video-container {
        height: 52vw
    }
}

.video__video-container video {
    border-radius: 6px
}

.video__content {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 15px;
    top: 0;
    opacity: 1;
    visibility: visible;
    transition: all ease .5s;
    cursor: none !important
}

    .video__content * {
        cursor: none !important
    }

.is-active .video__content {
    opacity: 0;
    visibility: hidden
}

.video__title-container {
    position: absolute;
    top: 50px
}

@media (min-width:768px) {
    .video__title-container {
        top: 50%;
        transform: translateY(-50%)
    }
}

@media (max-width:991.98px) {
    .video__play-icon {
        position: absolute;
        top: 75%;
        left: 50%;
        transform: translate(-50%,-50%)
    }
}

@media (max-width:767.98px) {
    .video__play-icon {
        top: 55%
    }
}

.video__close {
    position: absolute;
    background: #fff;
    top: 30px;
    right: 30px;
    width: 57px;
    height: 57px;
    top: 15px;
    right: 30px;
    opacity: 0;
    visibility: hidden;
    transition: all ease .5s
}

@media (min-width:992px) {
    .video__close {
        display: none !important
    }
}

.is-active .video__close {
    opacity: 1;
    visibility: visible
}

.video__close img {
    position: absolute;
    width: 28px;
    height: 18px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.video__stars {
    position: absolute;
    top: -100px;
    left: -25px;
    width: 90px
}

@media (min-width:768px) {
    .video__stars {
        top: -130px;
        width: 150px
    }
}

@media (min-width:992px) {
    .video__stars {
        top: -220px;
        width: 235px
    }
}

.video__stars-spacer {
    height: 40px
}

@media (min-width:768px) {
    .video__stars-spacer {
        height: 80px
    }
}

.long-form-content {
    margin: 35px 0 70px
}

@media (min-width:992px) {
    .long-form-content {
        margin: 50px 0 100px
    }
}

.images {
    margin: 0 0 70px
}

@media (min-width:992px) {
    .images {
        margin: 0 30px 100px
    }
}

.images__img-container__inner {
    height: 48vw;
    max-height: 690px
}

    .images__img-container__inner:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: 4px;
        background: linear-gradient(to top,rgba(0,0,0,.9) 0,rgba(0,0,0,0) 160px)
    }

.images__img-container--half .images__img-container__inner {
    margin-bottom: 25px
}

@media (min-width:992px) {
    .images__img-container--half .images__img-container__inner {
        height: 34.5vw;
        max-height: 500px;
        margin-bottom: 0
    }
}

.images__img-container__caption {
    position: absolute;
    z-index: 2;
    bottom: 30px;
    left: 30px;
    color: #fff
}

.images__img-container__img {
    border-radius: 4px
}

.statement-text {
    margin: 35px 0
}

@media (min-width:992px) {
    .statement-text {
        margin: 50px 0
    }
}

.faqs {
    margin-bottom: 70px
}

@media (min-width:992px) {
    .faqs {
        margin-bottom: 100px
    }
}

.faqs__question-container {
    border-top: 1px solid rgba(0,0,0,.1);
    padding: 30px 0
}

@media (min-width:992px) {
    .faqs__question-container {
        padding: 75px 0
    }
}

.faqs__question-container .question {
    padding-right: 40px;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:992px) {
    .faqs__question-container .question {
        flex: 0 0 45%;
        max-width: 45%;
        padding-right: 30px
    }
}

.faqs__question-container .answer {
    flex: 0 0 100%;
    max-width: 100%;
    display: none
}

@media (min-width:992px) {
    .faqs__question-container .answer {
        flex: 0 0 45%;
        max-width: 45%;
        padding-right: 30px
    }
}

.faqs__question-container .icon {
    position: absolute;
    opacity: 1;
    right: 0;
    top: 33px;
    width: 27px;
    height: 27px;
    padding: 6px;
    background-color: #e83e44;
    border-radius: 50%;
    cursor: pointer;
    transform: rotate(-45deg);
    transition: all ease .3s
}

@media (min-width:992px) {
    .faqs__question-container .icon {
        top: 78px;
        width: 33px;
        height: 33px;
        padding: 7px
    }
}

.faqs__question-container.is-active .icon {
    transform: rotate(0)
}

.faqs__question-container.is-active .answer {
    display: block
}

.contact-form {
    margin-bottom: 70px
}

@media (min-width:992px) {
    .contact-form {
        margin-bottom: 120px
    }
}

.contact-form .js-contact-form {
    opacity: 0
}

.contact-form .c-form__label {
    background: #fff
}

.contact-form .c-form__field .selectric, .contact-form .c-form__field input[type=date], .contact-form .c-form__field input[type=email], .contact-form .c-form__field input[type=number], .contact-form .c-form__field input[type=password], .contact-form .c-form__field input[type=tel], .contact-form .c-form__field input[type=text], .contact-form .c-form__field textarea {
    background: #fff
}

.contact-form .feedback-container {
    display: none
}

    .contact-form .feedback-container .selectric-wrapper {
        max-width: 400px;
        margin: 0 auto
    }

        .contact-form .feedback-container .selectric-wrapper .selectric {
            background: #fff
        }

    .contact-form .feedback-container .feedback-buttons {
        display: none
    }

@media (max-width:767.98px) {
    .contact-form .feedback-container .feedback-buttons .c-btn {
        min-width: 270px
    }
}

.gallery {
    margin-bottom: 75px
}

@media (min-width:992px) {
    .gallery {
        margin-bottom: 125px;
        margin-top: 30px
    }
}

.gallery__img {
    position: relative;
    overflow: hidden;
    padding-top: 100%;
    height: auto;
    display: block;
    content: '';
    cursor: pointer
}

    .gallery__img img {
        transform: scale(1);
        transition: ease 1s
    }

@media (min-width:992px) {
    .gallery__img:hover img {
        transform: scale(1.1)
    }
}

.gallery-popup .gallery-slider {
    margin: 0 auto
}

    .gallery-popup .gallery-slider .slick-list {
        width: 90vw;
        width: calc(100vw - 40px);
        height: 70vw;
        height: calc(75vw - 30px)
    }

@media (min-width:768px) {
    .gallery-popup .gallery-slider .slick-list {
        width: 600px
    }
}

@media screen and (min-width:1100px) {
    .gallery-popup .gallery-slider .slick-list {
        width: 800px;
        height: 600px
    }
}

.gallery-popup .gallery-slider .slick-list .slick-track, .gallery-popup .gallery-slider .slick-list .slide {
    height: 100%
}

.gallery-popup .gallery-slider .slick-list .slide {
    margin: 0 20px
}

.gallery-popup .c-slider-arrow {
    position: absolute;
    z-index: 2;
    right: calc(50% - 60px);
    top: calc(50% + 40vw)
}

@media (min-width:768px) {
    .gallery-popup .c-slider-arrow {
        top: 50%;
        right: auto;
        left: calc(50% + 310px)
    }
}

@media screen and (min-width:1100px) {
    .gallery-popup .c-slider-arrow {
        left: calc(50% + 430px)
    }
}

.gallery-popup .c-slider-arrow--prev {
    left: calc(50% - 60px)
}

@media (min-width:768px) {
    .gallery-popup .c-slider-arrow--prev {
        left: calc(50% - 350px)
    }
}

@media screen and (min-width:1100px) {
    .gallery-popup .c-slider-arrow--prev {
        left: calc(50% - 500px)
    }
}

body {
    margin: 0;
    font-size: 14px;
    font-family: Oldschool,Helvetica,Arial,sans-serif;
    background: #f1f0ea;
    -webkit-font-smoothing: antialiased;
    -webkit-font-kerning: none;
    font-kerning: none;
    font-weight: 400
}

    body.no-scroll {
        overflow: hidden
    }

    body.no-cursor {
        cursor: none !important
    }

    body #primary {
        max-width: 100vw;
        overflow: hidden
    }

*, ::after, ::before {
    box-sizing: border-box
}

@media (max-width:1499.98px) {
    .col, [class*=col-] {
        padding-left: 30px;
        padding-right: 30px
    }
}

#wpadminbar {
    display: none !important;
    opacity: .2;
    transition: all ease .1s
}

    #wpadminbar:hover {
        opacity: 1
    }

img {
    max-width: 100%;
    height: auto
}

ol, ul {
    padding-left: 16px
}

    ol li, ul li {
        color: #7f7f7f;
        font-size: 14px;
        line-height: 30px;
        font-weight: 300
    }

@media (min-width:1200px) {
    .content-img.module-2:not(.page-type-cherry_blossom) .content-img__img {
        width: 398px;
        height: 360px;
        margin: 0 auto
    }
}

.menu-filter {
    margin: 30px 0 50px
}

@media (min-width:992px) {
    .menu-filter h1 {
        font-size: 50px;
        line-height: 60px
    }
}

.menu-filter__subtitle {
    color: #000;
    font-size: 20px;
    line-height: 29px
}

.menu-filter__cat-buttons {
    overflow: auto;
    margin-right: -30px;
    padding-bottom: 7px
}

    .menu-filter__cat-buttons.is-fixed {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 2;
        padding: 7px 22px;
        border-bottom: 1px solid #d0d0cc;
        background: #e9e8e3
    }

@media (min-width:1200px) {
    .menu-filter__cat-buttons.is-fixed {
        justify-content: center
    }
}

.menu-filter__cat-buttons.is-fixed .c-btn {
    padding-top: 10px;
    padding-bottom: 10px
}

    .menu-filter__cat-buttons.is-fixed .c-btn.is-active {
        background: #e83e44;
        color: #fff
    }

.menu {
    padding: 150px 0;
    background: #e9e8e3;
    -webkit-clip-path: polygon(0 35px,100% 0,100% calc(100% - 35px),0 100%);
    clip-path: polygon(0 35px,100% 0,100% calc(100% - 35px),0 100%)
}

@media (min-width:768px) {
    .menu {
        -webkit-clip-path: polygon(0 70px,100% 0,100% calc(100% - 70px),0 100%);
        clip-path: polygon(0 70px,100% 0,100% calc(100% - 70px),0 100%)
    }
}

@media (min-width:1500px) {
    .menu {
        -webkit-clip-path: polygon(0 120px,100% 0,100% calc(100% - 120px),0 100%);
        clip-path: polygon(0 120px,100% 0,100% calc(100% - 120px),0 100%)
    }
}

.menu__category {
    margin-bottom: 40px
}

@media (min-width:992px) {
    .menu__category {
        margin-bottom: 75px
    }
}

@media (min-width:768px) {
    .menu__category__description, .menu__category__title {
        max-width: 500px
    }
}

.menu__category__items {
    margin: 50px -13px 0
}

.menu__category__item {
    flex: 0 0 50%;
    width: 50%;
    padding: 0 5px;
    margin-bottom: 12px
}

@media (min-width:768px) {
    .menu__category__item {
        flex: 0 0 33.333%;
        max-width: 33.333%;
        padding: 0 13px;
        margin-bottom: 26px
    }
}

.menu__category__item .inner {
    padding: 14px 14px 9px;
    border: 1px solid #a2a2a2;
    border-radius: 4px;
    height: 100%
}

@media (min-width:768px) {
    .menu__category__item .inner {
        padding: 15px 30px 25px
    }
}

.menu__category__item .inner:before {
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    height: 130px;
    width: 100%;
    background: #e1e0d9;
    border-radius: 4px 4px 0 0
}

@media (min-width:768px) {
    .menu__category__item .inner:before {
        height: 150px
    }
}

.menu__category__item img {
    width: 120px;
    height: 120px;
    -o-object-fit: contain;
    object-fit: contain;
    margin: 10px auto 20px;
    position: relative;
    left: 5px;
    top: 5px
}

@media (min-width:768px) {
    .menu__category__item img {
        width: 170px;
        height: 170px
    }
}

.menu__category__item .japanese {
    margin-top: 15px;
    margin-bottom: -5px
}

@media (min-width:768px) {
    .menu__category__item .japanese {
        margin-top: 0;
        margin-bottom: 5px
    }
}

.menu__category__item h2 {
    font-size: 16px;
    line-height: 20px;
    color: #3b3b3b;
    margin-bottom: 15px;
    margin-top: 15px
}

@media (min-width:768px) {
    .menu__category__item h2 {
        font-size: 28px;
        line-height: 36px;
        margin-top: 0
    }
}

.menu__category__item p {
    color: rgba(134,134,123,.7)
}

.menu__category__item .description {
    margin-bottom: 0;
    padding-bottom: 25px;
    border-bottom: 1px solid rgba(112,112,112,.2)
}

.menu__category__item .bottom {
    padding-top: 25px;
    min-height: 56px
}

    .menu__category__item .bottom .tags .tag {
        display: inline-block;
        font-size: 9px;
        padding: 5px 10px 5px 28px;
        margin-right: 10px;
        background: #868579;
        color: #fff;
        border-radius: 4px;
        text-align: center;
        position: relative;
        margin-bottom: 5px;
        margin-right: 5px
    }

@media (min-width:768px) {
    .menu__category__item .bottom .tags .tag {
        padding: 8px 10px 8px 26px;
        font-size: 10px
    }
}

.menu__category__item .bottom .tags .tag.calories:before {
    content: '';
    position: absolute;
    top: 6px;
    left: 10px;
    width: 8px;
    height: 11px;
    background: url(images/calorie-icon.svg) center no-repeat;
    background-size: 100% 100%
}

@media (min-width:768px) {
    .menu__category__item .bottom .tags .tag.calories:before {
        top: 9px
    }
}

.menu__category__item .bottom .tags .tag.vegan:before {
    content: '';
    position: absolute;
    top: 6px;
    left: 10px;
    width: 11px;
    height: 12px;
    background: url(images/vegan-icon.svg) center no-repeat;
    background-size: 100% 100%
}

@media (min-width:768px) {
    .menu__category__item .bottom .tags .tag.vegan:before {
        top: 9px
    }
}

.menu__category__item .bottom .tags .more-info {
    font-size: 9px;
    width: 60px;
    padding: 5px 0;
    text-align: center;
    background: #868579;
    color: #fff;
    border-radius: 4px;
    margin-bottom: 5px;
    margin-right: 5px
}

.menu__category__item .bottom .price {
    color: #c81432
}

.menu-filter-popup {
    position: fixed;
    z-index: 1010;
    top: 0;
    left: 0;
    transform: translateY(110%);
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    transition: transform ease .8s
}

    .menu-filter-popup.is-active {
        transform: translateY(0);
        opacity: 1;
        visibility: visible
    }

.menu-filter-popup__inner {
    position: absolute;
    overflow: scroll;
    width: 90%;
    height: calc(100% - 100px);
    max-width: 1440px;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    background: #e83e44;
    border-radius: 6px 6px 0 0;
    padding: 120px 25px 65px
}

@media (min-width:768px) {
    .menu-filter-popup__inner {
        padding: 90px 55px 65px
    }
}

.menu-filter-popup__inner .rings {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100px
}

@media (min-width:768px) {
    .menu-filter-popup__inner .rings {
        width: 210px
    }
}

.menu-filter-popup__close {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 60px;
    height: 60px
}

.menu-filter-popup__button {
    padding: 15px 28px;
    margin: 0 12px 12px 0;
    border: 1px solid #fff;
    border-radius: 2px;
    font-size: 14px;
    line-height: 1.4;
    color: #fff;
    opacity: .5;
    background: rgba(255,255,255,0);
    transition: all ease .2s
}

@media (min-width:768px) {
    .menu-filter-popup__button {
        margin: 0 20px 20px 0
    }
}

.menu-filter-popup__button.is-active {
    opacity: 1;
    background: rgba(255,255,255,.3)
}

.menu-filter-popup__submit {
    position: relative;
    display: inline-block;
    margin-top: 60px;
    padding: 15px 28px;
    border: 1px solid #000;
    border-radius: 2px;
    background: #000;
    font-size: 14px;
    line-height: 1.4;
    color: #fff;
    transition: all ease .3s
}

    .menu-filter-popup__submit:hover {
        background: rgba(0,0,0,.85)
    }

    .menu-filter-popup__submit:after {
        display: none;
        content: '';
        position: absolute;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        background-image: url(images/loading-wheel--white.svg);
        background-size: 20px 20px;
        background-position: center;
        background-repeat: no-repeat;
        -webkit-animation: rotate 1.5s linear infinite;
        animation: rotate 1.5s linear infinite
    }

    .menu-filter-popup__submit.is-loading {
        background: rgba(0,0,0,.3);
        border-color: rgba(0,0,0,.3);
        color: rgba(255,255,255,.3)
    }

        .menu-filter-popup__submit.is-loading:after {
            display: block
        }

.page-template-menu .club-signup {
    margin-top: -40px
}

@media (min-width:768px) {
    .page-template-menu .club-signup {
        margin-top: -70px
    }
}

@media (min-width:1200px) {
    .page-template-menu .club-signup {
        margin-top: -120px
    }
}

.product-summary {
    padding-top: 120px
}

@media (min-width:992px) {
    .product-summary {
        padding-top: 170px;
        margin-bottom: 90px
    }
}

.product-summary__back-link {
    font-size: 12px;
    color: #7f7f7f;
    padding-left: 20px;
    margin-bottom: 20px
}

@media (min-width:992px) {
    .product-summary__back-link {
        margin-left: 30px;
        margin-bottom: 0
    }
}

.product-summary__back-link:before {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 15px;
    height: 10px;
    background: url(images/back-link-arrow-grey.svg) center no-repeat;
    background-size: 100% 100%
}

@media (min-width:992px) {
    .product-summary .content-col {
        padding-top: 85px
    }
}

.product-summary .content-col .price {
    font-size: 18px;
    line-height: 36px;
    color: #e83e44
}

.product-summary .img-col {
    margin-bottom: 25px
}

.nutritional-info {
    background: #e9e8e3;
    padding: 140px 0 50px;
    -webkit-clip-path: polygon(0 35px,100% 0,100% 100%,0 100%);
    clip-path: polygon(0 35px,100% 0,100% 100%,0 100%)
}

@media (min-width:768px) {
    .nutritional-info {
        -webkit-clip-path: polygon(0 70px,100% 0,100% 100%,0 100%);
        clip-path: polygon(0 70px,100% 0,100% 100%,0 100%)
    }
}

@media (min-width:992px) {
    .nutritional-info {
        padding: 180px 0 100px
    }
}

@media (min-width:1500px) {
    .nutritional-info {
        -webkit-clip-path: polygon(0 120px,100% 0,100% 100%,0 100%);
        clip-path: polygon(0 120px,100% 0,100% 100%,0 100%)
    }
}

.nutritional-info__boxes {
    max-width: 90%;
    width: 800px
}

.nutritional-info__box {
    margin-right: 20px;
    margin-bottom: 20px;
    padding: 20px 25px;
    border-radius: 2px;
    border: 1px solid rgba(127,127,127,.6);
    text-align: center;
    flex: 0 0 45%
}

@media (min-width:768px) {
    .nutritional-info__box {
        flex: 0 0 calc(25% - 20px);
        flex: 0 0 20%
    }
}

.nutritional-info__box .label {
    text-transform: capitalize;
    margin-bottom: 5px
}

.nutritional-info__box .value {
    font-size: 22px;
    color: #000
}

.product-allergens {
    padding: 140px 0 50px;
    border-bottom: 1px solid #000
}

@media (min-width:992px) {
    .product-allergens {
        padding: 100px 0 100px
    }
}

.product-allergens__list {
    margin-bottom: 35px
}

    .product-allergens__list .item {
        margin: 0 20px 20px 0;
        font-size: 18px;
        text-align: center;
        border: 1px solid rgba(255,255,255,.5);
        padding: 20px 25px
    }

body.cherry_blossom-override #site-header .header-inner .menu-links__btn {
    background-color: #eb5f74
}

    body.cherry_blossom-override #site-header .header-inner .menu-links__btn:hover {
        background-color: #f57a8d
    }

body.cherry_blossom-override .c-btn:not(.c-btn--white) {
    background-color: #f57a8d
}

    body.cherry_blossom-override .c-btn:not(.c-btn--white):hover {
        background: #eb5f74
    }

    body.cherry_blossom-override .c-btn:not(.c-btn--white).c-btn--outline {
        background-color: transparent
    }

        body.cherry_blossom-override .c-btn:not(.c-btn--white).c-btn--outline.c-btn--outline--red {
            background-color: transparent;
            border-color: #f57a8d;
            color: #f57a8d
        }

            body.cherry_blossom-override .c-btn:not(.c-btn--white).c-btn--outline.c-btn--outline--red:hover {
                background-color: transparent;
                border-color: #eb5f74;
                color: #eb5f74
            }

body.cherry_blossom-override .menu-filter__cat-buttons.is-fixed .c-btn.is-active {
    background: #f57a8d;
    color: #fff
}

.slick-loading .slick-list {
    background: #fff url(../../images/compressed/ajax-loader.gif) center center no-repeat
}

@font-face {
    font-family: slick;
    src: url(../fonts/slick.eot);
    src: url(../fonts/slick.eot?#iefix) format("embedded-opentype"),url(../fonts/slick.woff) format("woff"),url(../fonts/slick.ttf) format("truetype"),url(../fonts/slick.svg#slick) format("svg");
    font-weight: 400;
    font-style: normal
}

.slick-next, .slick-prev {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: 0 0;
    color: transparent;
    top: 50%;
    transform: translate(0,-50%);
    padding: 0;
    border: none;
    outline: 0
}

    .slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
        outline: 0;
        background: 0 0;
        color: transparent
    }

        .slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
            opacity: 1
        }

    .slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
        opacity: .25
    }

    .slick-next:before, .slick-prev:before {
        font-family: slick;
        font-size: 20px;
        line-height: 1;
        color: #fff;
        opacity: .75;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "←"
}

[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: "→"
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        height: 11px;
        width: 11px;
        margin: 0 9px;
        padding: 0;
        cursor: pointer
    }

        .slick-dots li button {
            border: 0;
            background: 0 0;
            display: block;
            height: 11px;
            width: 11px;
            outline: 0;
            line-height: 0;
            font-size: 0;
            color: transparent;
            cursor: pointer
        }

            .slick-dots li button:focus, .slick-dots li button:hover {
                outline: 0
            }

                .slick-dots li button:focus:before, .slick-dots li button:hover:before {
                    opacity: 1
                }

            .slick-dots li button:before {
                position: absolute;
                top: 0;
                left: 0;
                content: "";
                width: 11px;
                height: 11px;
                border-radius: 50%;
                border: 1px solid #000;
                background-color: transparent;
                line-height: 11px;
                text-align: center;
                color: transparent;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale
            }

        .slick-dots li.slick-active button:before {
            background-color: #000
        }

.slick-hide-load {
    opacity: 0;
    transition: opacity ease .4s
}

    .slick-hide-load.slick-initialized {
        opacity: 1
    }

@media (max-width:991.98px) {
    .slick-hide-load-mobile {
        opacity: 0;
        transition: opacity ease .4s
    }

        .slick-hide-load-mobile.slick-initialized {
            opacity: 1
        }
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

    .slick-list:focus {
        outline: 0
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand
    }

.slick-slider .slick-list, .slick-slider .slick-track {
    transform: translate3d(0,0,0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

    .slick-track:after, .slick-track:before {
        content: "";
        display: table
    }

    .slick-track:after {
        clear: both
    }

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    outline: 0;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.selectric-wrapper {
    position: relative;
    cursor: pointer;
    width: 100%
}

.selectric-responsive {
    width: 100%
}

.selectric {
    border: 1px solid rgba(134,133,121,.3);
    border-radius: 4px;
    background: #f1f0ea;
    position: relative;
    overflow: hidden
}

    .selectric.error {
        border: 1px solid #e83e44
    }

    .selectric .label {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: 0 58px 0 20px;
        font-size: 14px;
        line-height: 58px;
        color: #868579;
        height: 58px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

@media (max-width:991.98px) {
    .selectric .label {
        font-size: 16px;
        line-height: 60px
    }
}

.selectric .button {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 58px;
    height: 58px;
    line-height: 58px;
    background-color: transparent;
    color: rgba(134,133,121,.6);
    text-align: center;
    font: 0/0 a;
    *font: 20px/58px Lucida Sans Unicode,Arial Unicode MS,Arial
}

    .selectric .button:after {
        content: " ";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        width: 0;
        height: 0;
        border: 4px solid transparent;
        border-top-color: rgba(134,133,121,.6);
        border-bottom: none
    }

.selectric-focus .selectric {
    border-color: rgba(80,80,73,.3)
}

.selectric-hover .selectric {
    border-color: rgba(107,106,97,.3)
}

    .selectric-hover .selectric .button {
        color: rgba(107,106,97,.6)
    }

        .selectric-hover .selectric .button:after {
            border-top-color: rgba(107,106,97,.6)
        }

.selectric-open {
    z-index: 1000
}

    .selectric-open .selectric {
        border-color: rgba(107,106,97,.3)
    }

    .selectric-open .selectric-items {
        display: block
    }

.selectric-disabled {
    filter: alpha(opacity=50);
    opacity: .5;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.selectric-hide-select {
    position: relative;
    overflow: hidden;
    width: 0;
    height: 0
}

    .selectric-hide-select select {
        position: absolute;
        left: -100%
    }

    .selectric-hide-select.selectric-is-native {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 10
    }

        .selectric-hide-select.selectric-is-native select {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 100%;
            width: 100%;
            border: none;
            z-index: 1;
            box-sizing: border-box;
            opacity: 0
        }

.selectric-input {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    overflow: hidden !important;
    clip: rect(0,0,0,0) !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    outline: 0 !important;
    border: none !important;
    *font: 0/0 a !important;
    background: 0 0 !important
}

.selectric-temp-show {
    position: absolute !important;
    visibility: hidden !important;
    display: block !important
}

.selectric-items {
    display: none;
    position: absolute;
    width: 100%;
    top: calc(100% - 1px);
    left: 0;
    background: #f1f0ea;
    border: 1px solid rgba(107,106,97,.3);
    border-radius: 4px;
    z-index: -1;
    box-shadow: 0 0 10px -6px
}

    .selectric-items .selectric-scroll {
        height: 100%;
        overflow: auto
    }

.selectric-above .selectric-items {
    top: auto;
    bottom: 100%
}

.selectric-items li, .selectric-items ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    min-height: 20px
}

.selectric-items li {
    display: block;
    padding: 10px 20px;
    font-weight: 400;
    color: #868579;
    cursor: pointer
}

    .selectric-items li.highlighted, .selectric-items li.selected {
        background: #e7e5db;
        color: #7f7f7f
    }

    .selectric-items li.disabled {
        display: none
    }

    .selectric-items li:hover {
        background: #e1dfd2;
        color: #7f7f7f
    }

.selectric-items .disabled {
    filter: alpha(opacity=50);
    opacity: .5;
    cursor: default !important;
    background: 0 0 !important;
    color: #666 !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.selectric-items .selectric-group .selectric-group-label {
    font-weight: 700;
    padding-left: 10px;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: 0 0;
    color: #444
}

.selectric-items .selectric-group.disabled li {
    filter: alpha(opacity=100);
    opacity: 1
}

.selectric-items .selectric-group li {
    padding-left: 25px
}

.selectric-transparent .selectric {
    background: 0 0
}

.selectric-transparent.selectric-white .selectric {
    border-color: #fff
}

    .selectric-transparent.selectric-white .selectric .label {
        color: #fff
    }

    .selectric-transparent.selectric-white .selectric .button:after {
        border-top-color: #fff
    }
/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | https://dbushell.com/
 */

.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif
}

    .pika-single:after, .pika-single:before {
        content: " ";
        display: table
    }

    .pika-single:after {
        clear: both
    }

    .pika-single.is-hidden {
        display: none
    }

    .pika-single.is-bound {
        position: absolute;
        box-shadow: 0 5px 15px -5px rgba(0,0,0,.5)
    }

.pika-lendar {
    float: left;
    width: 240px;
    margin: 8px
}

.pika-title {
    position: relative;
    text-align: center
}

.pika-label {
    display: inline-block;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    background-color: #fff
}

.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    opacity: 0
}

.pika-next, .pika-prev {
    display: block;
    cursor: pointer;
    position: relative;
    outline: 0;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: .5
}

    .pika-next:hover, .pika-prev:hover {
        opacity: 1
    }

.is-rtl .pika-next, .pika-prev {
    float: left;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==)
}

.is-rtl .pika-prev, .pika-next {
    float: right;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=)
}

    .pika-next.is-disabled, .pika-prev.is-disabled {
        cursor: default;
        opacity: .2
    }

.pika-select {
    display: inline-block
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0
}

    .pika-table td, .pika-table th {
        width: 14.285714285714286%;
        padding: 0
    }

    .pika-table th {
        color: #999;
        font-size: 12px;
        line-height: 25px;
        font-weight: 700;
        text-align: center
    }

.pika-button {
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: 0;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #666;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: #f5f5f5;
    height: initial
}

.pika-week {
    font-size: 11px;
    color: #999
}

.is-today .pika-button {
    color: #3af;
    font-weight: 700
}

.has-event .pika-button, .is-selected .pika-button {
    color: #fff;
    font-weight: 700;
    background: #3af;
    box-shadow: inset 0 1px 3px #178fe5;
    border-radius: 3px
}

.has-event .pika-button {
    background: #005da9;
    box-shadow: inset 0 1px 3px #0076c9
}

.is-disabled .pika-button, .is-inrange .pika-button {
    background: #d5e9f7
}

.is-startrange .pika-button {
    color: #fff;
    background: #6cb31d;
    box-shadow: none;
    border-radius: 3px
}

.is-endrange .pika-button {
    color: #fff;
    background: #3af;
    box-shadow: none;
    border-radius: 3px
}

.is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: .3
}

.is-outside-current-month .pika-button {
    color: #999;
    opacity: .3
}

.is-selection-disabled {
    pointer-events: none;
    cursor: default
}

.pika-button:hover, .pika-row.pick-whole-week:hover .pika-button {
    color: #fff;
    background: #ff8000;
    box-shadow: none;
    border-radius: 3px
}

.pika-table abbr {
    border-bottom: none;
    cursor: help
}
/*# sourceMappingURL=styles.min.css.map */
