.btn:hover {
    cursor: pointer; /* Zeiger-Mauszeiger */
}

.carouselMooos {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    position: relative;
    overflow: hidden; /* Verhindert, dass überflüssige Bilder sichtbar sind */
}

/* Container für alle Bilder */
.carouselMooos-images {
    display: flex;
    transition: transform 0.5s ease-in-out;
    width: 100%;
}

/* Jedes einzelne Bild */
.carouselMooos-images img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    flex-shrink: 0; /* Verhindert, dass das Bild bei der Umstellung schrumpft */
}

/* Navigation-Pfeile */
.prevMooos, .nextMooos {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
    font-size: 24px;
}

.prevMooos {
    left: 10px;
}

.nextMooos {
    right: 10px;
}

/* Punkt-Navigation */
.dotsMooos {
    position: relative; /* Standard-Position */
    bottom: 5px; /* Verschiebt die Punkte nach unten */
    display: flex;
    justify-content: center; /* Zentriert die Punkte */
    margin-top: 10px; /* Gibt etwas Abstand vom unteren Bildrand */
}

.dotMooos {
    height: 10px;
    width: 10px;
    margin: 0 5px;
    background-color: gray;
    border-radius: 50%;
    cursor: pointer;
}

.activeMooos {
    background-color: black;
}
    
@layer base, modules, modules-override, templates, templates-override, utilities, override;@keyframes anim-dropdown {
    from {
        opacity: 0;
        visibility: hidden
    }

    to {
        opacity: 1;
        visibility: visible
    }
}

@layer utilities {
    [class*='bov-'] {
        background-image: linear-gradient(var(--gradient-direction), rgba(var(--overlay-color), var(--overlay-opacity-1)), rgba(var(--overlay-color), var(--overlay-opacity-2)) var(--gradient-size))
    }

    [class*='bgr-r'] {
        background-image: radial-gradient(var(--gradient-direction), rgba(var(--overlay-color), var(--overlay-opacity-1)), rgba(var(--overlay-color), var(--overlay-opacity-2)) var(--gradient-size))
    }

    [class*='bte-'],[class*='fil-'] {
        filter: hue-rotate(var(--hue-rotate)) opacity(var(--opacity)) saturate(var(--saturate)) brightness(var(--brightness)) contrast(var(--contrast)) invert(var(--invert)) sepia(var(--sepia)) blur(var(--blur))
    }

    @supports (-webkit-backdrop-filter: blur(1px)) {
        [class*='bte-'],[class*='fil-'] {
            filter:hue-rotate(var(--hue-rotate)) saturate(var(--saturate)) brightness(var(--brightness)) contrast(var(--contrast)) invert(var(--invert)) sepia(var(--sepia)) blur(var(--blur));
            opacity: var(--opacity);
            animation: unset
        }
    }

    [class*='bte-'],.dit[class*='di-'],[class*='tra-'] {
        transform: rotateX(var(--rotate-x)) rotateY(var(--rotate-y)) rotateZ(var(--rotate-z)) scaleX(var(--scale-x)) scaleY(var(--scale-y)) skewX(var(--skew-x)) skewY(var(--skew-y)) translateX(var(--translate-x)) translateY(var(--translate-y))
    }

    [class*='ori-'] {
        transform-origin: originX(var(--origin-x)) originY(var(--origin-y))
    }
}

@layer base {
    :root {
        --pr: #3a5636;
        --de: #ecf4eb;
        --se: #88b02c;
        --des: #f4fbe4;
        --wh: #fff;
        --su: #1abc9c;
        --da: #dc3545;
        --wa: #ffc107;
        --in: #14aac8;
        --bl: #000;
        --breakpoint-xs: 0;
        --breakpoint-sm: 576px;
        --breakpoint-md: 768px;
        --breakpoint-lg: 992px;
        --breakpoint-xl: 1204px;
        --breakpoint-xxl: 1502px;
        --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
    }

    :root,[class*='bov-'] * {
        --overlay-color: #fff;
        --overlay-opacity-1: 0%;
        --overlay-opacity-2: 0%
    }

    :root,[class*='bgr-'] * {
        --gradient-direction: 0deg;
        --gradient-size: 100%
    }

    :root,[class*='bos-'] * {
        --border-style: dashed
    }

    :root,[class*='fil-'] * {
        --hue-rotate: 0deg;
        --saturate: 100%;
        --brightness: 100%;
        --contrast: 100%;
        --invert: 0%;
        --sepia: 0%;
        --opacity: 100%;
        --blur: 0
    }

    :root,[class*='tra-'] * {
        --rotate-x: 0deg;
        --rotate-y: 0deg;
        --rotate-z: 0deg;
        --scale-x: 100%;
        --scale-y: 100%;
        --translate-x: 0;
        --translate-y: 0;
        --skew-x: 0deg;
        --skew-y: 0deg
    }

    :root,[class*='ori-'] * {
        --origin-x: center;
        --origin-y: center
    }

    .container,[class*='btn-block-max'],.ca-c-v {
        margin-right: auto;
        margin-left: auto
    }

    .ca-c-vt {
        margin-right: auto;
        margin-left: auto
    }
}

@layer base {
    *,*::before,*::after {
        box-sizing: border-box
    }

    html {
        font-family: sans-serif;
        font-size: 1rem;
        line-height: 1.15;
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        -ms-overflow-style: scrollbar;
        -webkit-tap-highlight-color: rgba(0,0,0,0)
    }

    @-ms-viewport {
        width: device-width
    }

    article,aside,figcaption,figure,footer,header,hgroup,main,nav,section {
        display: block
    }

    body {
        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.6;
        letter-spacing: 0;
        text-align: center;
        margin: 0;
        overflow-x: hidden
    }

    .wf-active body {
        font-family: "Roboto",sans-serif
    }

    hr {
        box-sizing: content-box;
        height: 0;
        overflow: visible
    }

    h1,h2,h3,h4,h5,h6 {
        margin-top: 0;
        margin-bottom: .65em
    }

    p,.p,ul,ol,dl,address,pre {
        margin-top: 0;
        margin-bottom: 1rem
    }

    abbr[title],abbr[data-toggle] {
        text-decoration: underline dotted;
        text-decoration-skip-ink: none;
        text-decoration-thickness: 2px;
        cursor: help;
        border-bottom: 0
    }

    address {
        font-style: normal;
        line-height: inherit
    }

    ol ol,ul ul,ol ul,ul ol {
        margin-bottom: 0
    }

    dt {
        font-weight: 400
    }

    dd {
        margin-bottom: .5rem;
        margin-left: 0
    }

    b,strong {
        font-weight: 600
    }

    sub,sup {
        position: relative;
        font-size: 75%;
        line-height: 0;
        vertical-align: baseline
    }

    sub {
        bottom: -.25em
    }

    sup {
        top: -.5rem
    }

    a,.a {
        text-decoration: none;
        background-color: transparent;
    }

    p a,.underline a,.text ul a,.text ol a,.text table a,p .a,.underline .a,.text ul .a,.text ol .a,.text table .a {
        text-decoration: underline
    }

    pre,code,kbd,samp {
        font-family: monospace, monospace;
        font-size: 1em
    }

    pre {
        overflow: auto;
        -ms-overflow-style: scrollbar
    }

    figure {
        margin: 0
    }

    img,iframe,video {
        vertical-align: middle;
        border-style: none
    }

    svg {
        overflow: hidden;
        vertical-align: middle
    }

    iframe,video {
        max-width: 100%
    }

    video {
        background-color: rgba(0,0,0,0.35)
    }

    table {
        border-collapse: collapse
    }

    th {
        text-align: inherit
    }

    label {
        display: inline-block;
        margin-bottom: .5rem
    }

    button {
        border-radius: 0
    }

    input,button,select,textarea {
        margin: 0;
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
        max-width: 100%
    }

    button,input {
        overflow: visible
    }

    button,select {
        text-transform: none
    }

    button,html [type="button"],[type="reset"],[type="submit"] {
        -webkit-appearance: button
    }

    button: :-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {
        padding:0;
        border-style: none
    }

    input[type="radio"],input[type="checkbox"] {
        box-sizing: border-box;
        padding: 0
    }

    input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"] {
        -webkit-appearance: listbox
    }

    textarea {
        overflow: auto;
        resize: vertical
    }

    fieldset {
        min-width: 0;
        padding: 0;
        margin: 0;
        border: 0
    }

    progress {
        vertical-align: baseline
    }

    [type="number"]: :-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {
        height:auto
    }

    [type="search"] {
        outline-offset: -2px;
        -webkit-appearance: none
    }

    [type="search"]: :-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration {
        -webkit-appearance:none
    }

    ::-webkit-file-upload-button {
        font: inherit;
        -webkit-appearance: button
    }
}

@layer modules-override {
    a: not([href]):not([tabindex]) {
        text-decoration:none;
        cursor: inherit
    }

    .no-link {
        color: inherit;
        text-decoration: none;
        cursor: inherit
    }
}

@layer override {
    [tabindex="-1"]: focus {
        outline:0
    }
}

@layer modules {
    .container {
        width: 100%;
        max-width: 1504px;
        padding-right: 1rem;
        padding-left: 1rem
    }

    @media (min-width: 380px) {
        .container {
            padding-left:1.33333rem;
            padding-right: 1.33333rem
        }
    }

    @media (min-width: 768px) {
        .container {
            padding-left:2rem;
            padding-right: 2rem
        }
    }

    .container .container:not(.reset-container-px-0) {
        padding-left: 0;
        padding-right: 0
    }

    .row {
        --bs-gutter-x: 2rem;
        --bs-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(var(--bs-gutter-y) * -1);
        margin-right: calc(var(--bs-gutter-x) * -.5);
        margin-left: calc(var(--bs-gutter-x) * -.5)
    }

    .row>* {
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-top: var(--bs-gutter-y)
    }

    .col {
        max-width: 100%;
        flex-basis: 0;
        flex-grow: 1
    }

    .col-1 {
        flex: 0 0 4.16667%;
        max-width: 4.16667%
    }

    .col-2 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-3 {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .col-4 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-5 {
        flex: 0 0 20.83333%;
        max-width: 20.83333%
    }

    .col-6 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-7 {
        flex: 0 0 29.16667%;
        max-width: 29.16667%
    }

    .col-8 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-9 {
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .col-10 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-11 {
        flex: 0 0 45.83333%;
        max-width: 45.83333%
    }

    .col-12 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-13 {
        flex: 0 0 54.16667%;
        max-width: 54.16667%
    }

    .col-14 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-15 {
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .col-16 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-17 {
        flex: 0 0 70.83333%;
        max-width: 70.83333%
    }

    .col-18 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-19 {
        flex: 0 0 79.16667%;
        max-width: 79.16667%
    }

    .col-20 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-21 {
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .col-22 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-23 {
        flex: 0 0 95.83333%;
        max-width: 95.83333%
    }

    .col-24 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .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
    }

    .order-13 {
        order: 13
    }

    .order-14 {
        order: 14
    }

    .order-15 {
        order: 15
    }

    .order-16 {
        order: 16
    }

    .order-17 {
        order: 17
    }

    .order-18 {
        order: 18
    }

    .order-19 {
        order: 19
    }

    .order-20 {
        order: 20
    }

    .order-21 {
        order: 21
    }

    .order-22 {
        order: 22
    }

    .order-23 {
        order: 23
    }

    .order-24 {
        order: 24
    }

    .g-0,.gx-0 {
        --bs-gutter-x: 0
    }

    .g-0,.gy-0 {
        --bs-gutter-y: 0
    }

    .g-1,.gx-1 {
        --bs-gutter-x: .33334rem
    }

    .g-1,.gy-1 {
        --bs-gutter-y: .33334rem
    }

    .g-2,.gx-2 {
        --bs-gutter-x: .66667rem
    }

    .g-2,.gy-2 {
        --bs-gutter-y: .66667rem
    }

    .g-3,.gx-3 {
        --bs-gutter-x: 1rem
    }

    .g-3,.gy-3 {
        --bs-gutter-y: 1rem
    }

    .g-4,.gx-4 {
        --bs-gutter-x: 1.3334rem
    }

    .g-4,.gy-4 {
        --bs-gutter-y: 1.3334rem
    }

    .g-5,.gx-5 {
        --bs-gutter-x: 2rem
    }

    .g-5,.gy-5 {
        --bs-gutter-y: 2rem
    }

    .g-6,.gx-6 {
        --bs-gutter-x: 3.75008rem
    }

    .g-6,.gy-6 {
        --bs-gutter-y: 3.75008rem
    }

    .g-7,.gx-7 {
        --bs-gutter-x: calc(3.75008rem + 8rem)
    }

    .g-7,.gy-7 {
        --bs-gutter-y: calc(3.75008rem + 8rem)
    }

    @media (min-width: 576px) {
        .col-sm {
            max-width:100%;
            flex-basis: 0;
            flex-grow: 1
        }

        .col-sm-1 {
            flex: 0 0 4.16667%;
            max-width: 4.16667%
        }

        .col-sm-2 {
            flex: 0 0 8.33333%;
            max-width: 8.33333%
        }

        .col-sm-3 {
            flex: 0 0 12.5%;
            max-width: 12.5%
        }

        .col-sm-4 {
            flex: 0 0 16.66667%;
            max-width: 16.66667%
        }

        .col-sm-5 {
            flex: 0 0 20.83333%;
            max-width: 20.83333%
        }

        .col-sm-6 {
            flex: 0 0 25%;
            max-width: 25%
        }

        .col-sm-7 {
            flex: 0 0 29.16667%;
            max-width: 29.16667%
        }

        .col-sm-8 {
            flex: 0 0 33.33333%;
            max-width: 33.33333%
        }

        .col-sm-9 {
            flex: 0 0 37.5%;
            max-width: 37.5%
        }

        .col-sm-10 {
            flex: 0 0 41.66667%;
            max-width: 41.66667%
        }

        .col-sm-11 {
            flex: 0 0 45.83333%;
            max-width: 45.83333%
        }

        .col-sm-12 {
            flex: 0 0 50%;
            max-width: 50%
        }

        .col-sm-13 {
            flex: 0 0 54.16667%;
            max-width: 54.16667%
        }

        .col-sm-14 {
            flex: 0 0 58.33333%;
            max-width: 58.33333%
        }

        .col-sm-15 {
            flex: 0 0 62.5%;
            max-width: 62.5%
        }

        .col-sm-16 {
            flex: 0 0 66.66667%;
            max-width: 66.66667%
        }

        .col-sm-17 {
            flex: 0 0 70.83333%;
            max-width: 70.83333%
        }

        .col-sm-18 {
            flex: 0 0 75%;
            max-width: 75%
        }

        .col-sm-19 {
            flex: 0 0 79.16667%;
            max-width: 79.16667%
        }

        .col-sm-20 {
            flex: 0 0 83.33333%;
            max-width: 83.33333%
        }

        .col-sm-21 {
            flex: 0 0 87.5%;
            max-width: 87.5%
        }

        .col-sm-22 {
            flex: 0 0 91.66667%;
            max-width: 91.66667%
        }

        .col-sm-23 {
            flex: 0 0 95.83333%;
            max-width: 95.83333%
        }

        .col-sm-24 {
            flex: 0 0 100%;
            max-width: 100%
        }

        .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
        }

        .order-sm-13 {
            order: 13
        }

        .order-sm-14 {
            order: 14
        }

        .order-sm-15 {
            order: 15
        }

        .order-sm-16 {
            order: 16
        }

        .order-sm-17 {
            order: 17
        }

        .order-sm-18 {
            order: 18
        }

        .order-sm-19 {
            order: 19
        }

        .order-sm-20 {
            order: 20
        }

        .order-sm-21 {
            order: 21
        }

        .order-sm-22 {
            order: 22
        }

        .order-sm-23 {
            order: 23
        }

        .order-sm-24 {
            order: 24
        }

        .g-sm-0,.gx-sm-0 {
            --bs-gutter-x: 0
        }

        .g-sm-0,.gy-sm-0 {
            --bs-gutter-y: 0
        }

        .g-sm-1,.gx-sm-1 {
            --bs-gutter-x: .33334rem
        }

        .g-sm-1,.gy-sm-1 {
            --bs-gutter-y: .33334rem
        }

        .g-sm-2,.gx-sm-2 {
            --bs-gutter-x: .66667rem
        }

        .g-sm-2,.gy-sm-2 {
            --bs-gutter-y: .66667rem
        }

        .g-sm-3,.gx-sm-3 {
            --bs-gutter-x: 1rem
        }

        .g-sm-3,.gy-sm-3 {
            --bs-gutter-y: 1rem
        }

        .g-sm-4,.gx-sm-4 {
            --bs-gutter-x: 1.3334rem
        }

        .g-sm-4,.gy-sm-4 {
            --bs-gutter-y: 1.3334rem
        }

        .g-sm-5,.gx-sm-5 {
            --bs-gutter-x: 2rem
        }

        .g-sm-5,.gy-sm-5 {
            --bs-gutter-y: 2rem
        }

        .g-sm-6,.gx-sm-6 {
            --bs-gutter-x: 3.75008rem
        }

        .g-sm-6,.gy-sm-6 {
            --bs-gutter-y: 3.75008rem
        }

        .g-sm-7,.gx-sm-7 {
            --bs-gutter-x: calc(3.75008rem + 8rem)
        }

        .g-sm-7,.gy-sm-7 {
            --bs-gutter-y: calc(3.75008rem + 8rem)
        }
    }

    @media (min-width: 768px) {
        .col-md {
            max-width:100%;
            flex-basis: 0;
            flex-grow: 1
        }

        .col-md-1 {
            flex: 0 0 4.16667%;
            max-width: 4.16667%
        }

        .col-md-2 {
            flex: 0 0 8.33333%;
            max-width: 8.33333%
        }

        .col-md-3 {
            flex: 0 0 12.5%;
            max-width: 12.5%
        }

        .col-md-4 {
            flex: 0 0 16.66667%;
            max-width: 16.66667%
        }

        .col-md-5 {
            flex: 0 0 20.83333%;
            max-width: 20.83333%
        }

        .col-md-6 {
            flex: 0 0 25%;
            max-width: 25%
        }

        .col-md-7 {
            flex: 0 0 29.16667%;
            max-width: 29.16667%
        }

        .col-md-8 {
            flex: 0 0 33.33333%;
            max-width: 33.33333%
        }

        .col-md-9 {
            flex: 0 0 37.5%;
            max-width: 37.5%
        }

        .col-md-10 {
            flex: 0 0 41.66667%;
            max-width: 41.66667%
        }

        .col-md-11 {
            flex: 0 0 45.83333%;
            max-width: 45.83333%
        }

        .col-md-12 {
            flex: 0 0 50%;
            max-width: 50%
        }

        .col-md-13 {
            flex: 0 0 54.16667%;
            max-width: 54.16667%
        }

        .col-md-14 {
            flex: 0 0 58.33333%;
            max-width: 58.33333%
        }

        .col-md-15 {
            flex: 0 0 62.5%;
            max-width: 62.5%
        }

        .col-md-16 {
            flex: 0 0 66.66667%;
            max-width: 66.66667%
        }

        .col-md-17 {
            flex: 0 0 70.83333%;
            max-width: 70.83333%
        }

        .col-md-18 {
            flex: 0 0 75%;
            max-width: 75%
        }

        .col-md-19 {
            flex: 0 0 79.16667%;
            max-width: 79.16667%
        }

        .col-md-20 {
            flex: 0 0 83.33333%;
            max-width: 83.33333%
        }

        .col-md-21 {
            flex: 0 0 87.5%;
            max-width: 87.5%
        }

        .col-md-22 {
            flex: 0 0 91.66667%;
            max-width: 91.66667%
        }

        .col-md-23 {
            flex: 0 0 95.83333%;
            max-width: 95.83333%
        }

        .col-md-24 {
            flex: 0 0 100%;
            max-width: 100%
        }

        .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
        }

        .order-md-13 {
            order: 13
        }

        .order-md-14 {
            order: 14
        }

        .order-md-15 {
            order: 15
        }

        .order-md-16 {
            order: 16
        }

        .order-md-17 {
            order: 17
        }

        .order-md-18 {
            order: 18
        }

        .order-md-19 {
            order: 19
        }

        .order-md-20 {
            order: 20
        }

        .order-md-21 {
            order: 21
        }

        .order-md-22 {
            order: 22
        }

        .order-md-23 {
            order: 23
        }

        .order-md-24 {
            order: 24
        }

        .g-md-0,.gx-md-0 {
            --bs-gutter-x: 0
        }

        .g-md-0,.gy-md-0 {
            --bs-gutter-y: 0
        }

        .g-md-1,.gx-md-1 {
            --bs-gutter-x: .33334rem
        }

        .g-md-1,.gy-md-1 {
            --bs-gutter-y: .33334rem
        }

        .g-md-2,.gx-md-2 {
            --bs-gutter-x: .66667rem
        }

        .g-md-2,.gy-md-2 {
            --bs-gutter-y: .66667rem
        }

        .g-md-3,.gx-md-3 {
            --bs-gutter-x: 1rem
        }

        .g-md-3,.gy-md-3 {
            --bs-gutter-y: 1rem
        }

        .g-md-4,.gx-md-4 {
            --bs-gutter-x: 1.3334rem
        }

        .g-md-4,.gy-md-4 {
            --bs-gutter-y: 1.3334rem
        }

        .g-md-5,.gx-md-5 {
            --bs-gutter-x: 2rem
        }

        .g-md-5,.gy-md-5 {
            --bs-gutter-y: 2rem
        }

        .g-md-6,.gx-md-6 {
            --bs-gutter-x: 3.75008rem
        }

        .g-md-6,.gy-md-6 {
            --bs-gutter-y: 3.75008rem
        }

        .g-md-7,.gx-md-7 {
            --bs-gutter-x: calc(3.75008rem + 8rem)
        }

        .g-md-7,.gy-md-7 {
            --bs-gutter-y: calc(3.75008rem + 8rem)
        }
    }

    @media (min-width: 992px) {
        .col-lg {
            max-width:100%;
            flex-basis: 0;
            flex-grow: 1
        }

        .col-lg-1 {
            flex: 0 0 4.16667%;
            max-width: 4.16667%
        }

        .col-lg-2 {
            flex: 0 0 8.33333%;
            max-width: 8.33333%
        }

        .col-lg-3 {
            flex: 0 0 12.5%;
            max-width: 12.5%
        }

        .col-lg-4 {
            flex: 0 0 16.66667%;
            max-width: 16.66667%
        }

        .col-lg-5 {
            flex: 0 0 20.83333%;
            max-width: 20.83333%
        }

        .col-lg-6 {
            flex: 0 0 25%;
            max-width: 25%
        }

        .col-lg-7 {
            flex: 0 0 29.16667%;
            max-width: 29.16667%
        }

        .col-lg-8 {
            flex: 0 0 33.33333%;
            max-width: 33.33333%
        }

        .col-lg-9 {
            flex: 0 0 37.5%;
            max-width: 37.5%
        }

        .col-lg-10 {
            flex: 0 0 41.66667%;
            max-width: 41.66667%
        }

        .col-lg-11 {
            flex: 0 0 45.83333%;
            max-width: 45.83333%
        }

        .col-lg-12 {
            flex: 0 0 50%;
            max-width: 50%
        }

        .col-lg-13 {
            flex: 0 0 54.16667%;
            max-width: 54.16667%
        }

        .col-lg-14 {
            flex: 0 0 58.33333%;
            max-width: 58.33333%
        }

        .col-lg-15 {
            flex: 0 0 62.5%;
            max-width: 62.5%
        }

        .col-lg-16 {
            flex: 0 0 66.66667%;
            max-width: 66.66667%
        }

        .col-lg-17 {
            flex: 0 0 70.83333%;
            max-width: 70.83333%
        }

        .col-lg-18 {
            flex: 0 0 75%;
            max-width: 75%
        }

        .col-lg-19 {
            flex: 0 0 79.16667%;
            max-width: 79.16667%
        }

        .col-lg-20 {
            flex: 0 0 83.33333%;
            max-width: 83.33333%
        }

        .col-lg-21 {
            flex: 0 0 87.5%;
            max-width: 87.5%
        }

        .col-lg-22 {
            flex: 0 0 91.66667%;
            max-width: 91.66667%
        }

        .col-lg-23 {
            flex: 0 0 95.83333%;
            max-width: 95.83333%
        }

        .col-lg-24 {
            flex: 0 0 100%;
            max-width: 100%
        }

        .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
        }

        .order-lg-13 {
            order: 13
        }

        .order-lg-14 {
            order: 14
        }

        .order-lg-15 {
            order: 15
        }

        .order-lg-16 {
            order: 16
        }

        .order-lg-17 {
            order: 17
        }

        .order-lg-18 {
            order: 18
        }

        .order-lg-19 {
            order: 19
        }

        .order-lg-20 {
            order: 20
        }

        .order-lg-21 {
            order: 21
        }

        .order-lg-22 {
            order: 22
        }

        .order-lg-23 {
            order: 23
        }

        .order-lg-24 {
            order: 24
        }

        .g-lg-0,.gx-lg-0 {
            --bs-gutter-x: 0
        }

        .g-lg-0,.gy-lg-0 {
            --bs-gutter-y: 0
        }

        .g-lg-1,.gx-lg-1 {
            --bs-gutter-x: .33334rem
        }

        .g-lg-1,.gy-lg-1 {
            --bs-gutter-y: .33334rem
        }

        .g-lg-2,.gx-lg-2 {
            --bs-gutter-x: .66667rem
        }

        .g-lg-2,.gy-lg-2 {
            --bs-gutter-y: .66667rem
        }

        .g-lg-3,.gx-lg-3 {
            --bs-gutter-x: 1rem
        }

        .g-lg-3,.gy-lg-3 {
            --bs-gutter-y: 1rem
        }

        .g-lg-4,.gx-lg-4 {
            --bs-gutter-x: 1.3334rem
        }

        .g-lg-4,.gy-lg-4 {
            --bs-gutter-y: 1.3334rem
        }

        .g-lg-5,.gx-lg-5 {
            --bs-gutter-x: 2rem
        }

        .g-lg-5,.gy-lg-5 {
            --bs-gutter-y: 2rem
        }

        .g-lg-6,.gx-lg-6 {
            --bs-gutter-x: 3.75008rem
        }

        .g-lg-6,.gy-lg-6 {
            --bs-gutter-y: 3.75008rem
        }

        .g-lg-7,.gx-lg-7 {
            --bs-gutter-x: calc(3.75008rem + 8rem)
        }

        .g-lg-7,.gy-lg-7 {
            --bs-gutter-y: calc(3.75008rem + 8rem)
        }
    }

    @media (min-width: 1204px) {
        .col-xl {
            max-width:100%;
            flex-basis: 0;
            flex-grow: 1
        }

        .col-xl-1 {
            flex: 0 0 4.16667%;
            max-width: 4.16667%
        }

        .col-xl-2 {
            flex: 0 0 8.33333%;
            max-width: 8.33333%
        }

        .col-xl-3 {
            flex: 0 0 12.5%;
            max-width: 12.5%
        }

        .col-xl-4 {
            flex: 0 0 16.66667%;
            max-width: 16.66667%
        }

        .col-xl-5 {
            flex: 0 0 20.83333%;
            max-width: 20.83333%
        }

        .col-xl-6 {
            flex: 0 0 25%;
            max-width: 25%
        }

        .col-xl-7 {
            flex: 0 0 29.16667%;
            max-width: 29.16667%
        }

        .col-xl-8 {
            flex: 0 0 33.33333%;
            max-width: 33.33333%
        }

        .col-xl-9 {
            flex: 0 0 37.5%;
            max-width: 37.5%
        }

        .col-xl-10 {
            flex: 0 0 41.66667%;
            max-width: 41.66667%
        }

        .col-xl-11 {
            flex: 0 0 45.83333%;
            max-width: 45.83333%
        }

        .col-xl-12 {
            flex: 0 0 50%;
            max-width: 50%
        }

        .col-xl-13 {
            flex: 0 0 54.16667%;
            max-width: 54.16667%
        }

        .col-xl-14 {
            flex: 0 0 58.33333%;
            max-width: 58.33333%
        }

        .col-xl-15 {
            flex: 0 0 62.5%;
            max-width: 62.5%
        }

        .col-xl-16 {
            flex: 0 0 66.66667%;
            max-width: 66.66667%
        }

        .col-xl-17 {
            flex: 0 0 70.83333%;
            max-width: 70.83333%
        }

        .col-xl-18 {
            flex: 0 0 75%;
            max-width: 75%
        }

        .col-xl-19 {
            flex: 0 0 79.16667%;
            max-width: 79.16667%
        }

        .col-xl-20 {
            flex: 0 0 83.33333%;
            max-width: 83.33333%
        }

        .col-xl-21 {
            flex: 0 0 87.5%;
            max-width: 87.5%
        }

        .col-xl-22 {
            flex: 0 0 91.66667%;
            max-width: 91.66667%
        }

        .col-xl-23 {
            flex: 0 0 95.83333%;
            max-width: 95.83333%
        }

        .col-xl-24 {
            flex: 0 0 100%;
            max-width: 100%
        }

        .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
        }

        .order-xl-13 {
            order: 13
        }

        .order-xl-14 {
            order: 14
        }

        .order-xl-15 {
            order: 15
        }

        .order-xl-16 {
            order: 16
        }

        .order-xl-17 {
            order: 17
        }

        .order-xl-18 {
            order: 18
        }

        .order-xl-19 {
            order: 19
        }

        .order-xl-20 {
            order: 20
        }

        .order-xl-21 {
            order: 21
        }

        .order-xl-22 {
            order: 22
        }

        .order-xl-23 {
            order: 23
        }

        .order-xl-24 {
            order: 24
        }

        .g-xl-0,.gx-xl-0 {
            --bs-gutter-x: 0
        }

        .g-xl-0,.gy-xl-0 {
            --bs-gutter-y: 0
        }

        .g-xl-1,.gx-xl-1 {
            --bs-gutter-x: .33334rem
        }

        .g-xl-1,.gy-xl-1 {
            --bs-gutter-y: .33334rem
        }

        .g-xl-2,.gx-xl-2 {
            --bs-gutter-x: .66667rem
        }

        .g-xl-2,.gy-xl-2 {
            --bs-gutter-y: .66667rem
        }

        .g-xl-3,.gx-xl-3 {
            --bs-gutter-x: 1rem
        }

        .g-xl-3,.gy-xl-3 {
            --bs-gutter-y: 1rem
        }

        .g-xl-4,.gx-xl-4 {
            --bs-gutter-x: 1.3334rem
        }

        .g-xl-4,.gy-xl-4 {
            --bs-gutter-y: 1.3334rem
        }

        .g-xl-5,.gx-xl-5 {
            --bs-gutter-x: 2rem
        }

        .g-xl-5,.gy-xl-5 {
            --bs-gutter-y: 2rem
        }

        .g-xl-6,.gx-xl-6 {
            --bs-gutter-x: 3.75008rem
        }

        .g-xl-6,.gy-xl-6 {
            --bs-gutter-y: 3.75008rem
        }

        .g-xl-7,.gx-xl-7 {
            --bs-gutter-x: calc(3.75008rem + 8rem)
        }

        .g-xl-7,.gy-xl-7 {
            --bs-gutter-y: calc(3.75008rem + 8rem)
        }
    }

    @media (min-width: 1502px) {
        .col-xxl {
            max-width:100%;
            flex-basis: 0;
            flex-grow: 1
        }

        .col-xxl-1 {
            flex: 0 0 4.16667%;
            max-width: 4.16667%
        }

        .col-xxl-2 {
            flex: 0 0 8.33333%;
            max-width: 8.33333%
        }

        .col-xxl-3 {
            flex: 0 0 12.5%;
            max-width: 12.5%
        }

        .col-xxl-4 {
            flex: 0 0 16.66667%;
            max-width: 16.66667%
        }

        .col-xxl-5 {
            flex: 0 0 20.83333%;
            max-width: 20.83333%
        }

        .col-xxl-6 {
            flex: 0 0 25%;
            max-width: 25%
        }

        .col-xxl-7 {
            flex: 0 0 29.16667%;
            max-width: 29.16667%
        }

        .col-xxl-8 {
            flex: 0 0 33.33333%;
            max-width: 33.33333%
        }

        .col-xxl-9 {
            flex: 0 0 37.5%;
            max-width: 37.5%
        }

        .col-xxl-10 {
            flex: 0 0 41.66667%;
            max-width: 41.66667%
        }

        .col-xxl-11 {
            flex: 0 0 45.83333%;
            max-width: 45.83333%
        }

        .col-xxl-12 {
            flex: 0 0 50%;
            max-width: 50%
        }

        .col-xxl-13 {
            flex: 0 0 54.16667%;
            max-width: 54.16667%
        }

        .col-xxl-14 {
            flex: 0 0 58.33333%;
            max-width: 58.33333%
        }

        .col-xxl-15 {
            flex: 0 0 62.5%;
            max-width: 62.5%
        }

        .col-xxl-16 {
            flex: 0 0 66.66667%;
            max-width: 66.66667%
        }

        .col-xxl-17 {
            flex: 0 0 70.83333%;
            max-width: 70.83333%
        }

        .col-xxl-18 {
            flex: 0 0 75%;
            max-width: 75%
        }

        .col-xxl-19 {
            flex: 0 0 79.16667%;
            max-width: 79.16667%
        }

        .col-xxl-20 {
            flex: 0 0 83.33333%;
            max-width: 83.33333%
        }

        .col-xxl-21 {
            flex: 0 0 87.5%;
            max-width: 87.5%
        }

        .col-xxl-22 {
            flex: 0 0 91.66667%;
            max-width: 91.66667%
        }

        .col-xxl-23 {
            flex: 0 0 95.83333%;
            max-width: 95.83333%
        }

        .col-xxl-24 {
            flex: 0 0 100%;
            max-width: 100%
        }

        .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
        }

        .order-xxl-13 {
            order: 13
        }

        .order-xxl-14 {
            order: 14
        }

        .order-xxl-15 {
            order: 15
        }

        .order-xxl-16 {
            order: 16
        }

        .order-xxl-17 {
            order: 17
        }

        .order-xxl-18 {
            order: 18
        }

        .order-xxl-19 {
            order: 19
        }

        .order-xxl-20 {
            order: 20
        }

        .order-xxl-21 {
            order: 21
        }

        .order-xxl-22 {
            order: 22
        }

        .order-xxl-23 {
            order: 23
        }

        .order-xxl-24 {
            order: 24
        }

        .g-xxl-0,.gx-xxl-0 {
            --bs-gutter-x: 0
        }

        .g-xxl-0,.gy-xxl-0 {
            --bs-gutter-y: 0
        }

        .g-xxl-1,.gx-xxl-1 {
            --bs-gutter-x: .33334rem
        }

        .g-xxl-1,.gy-xxl-1 {
            --bs-gutter-y: .33334rem
        }

        .g-xxl-2,.gx-xxl-2 {
            --bs-gutter-x: .66667rem
        }

        .g-xxl-2,.gy-xxl-2 {
            --bs-gutter-y: .66667rem
        }

        .g-xxl-3,.gx-xxl-3 {
            --bs-gutter-x: 1rem
        }

        .g-xxl-3,.gy-xxl-3 {
            --bs-gutter-y: 1rem
        }

        .g-xxl-4,.gx-xxl-4 {
            --bs-gutter-x: 1.3334rem
        }

        .g-xxl-4,.gy-xxl-4 {
            --bs-gutter-y: 1.3334rem
        }

        .g-xxl-5,.gx-xxl-5 {
            --bs-gutter-x: 2rem
        }

        .g-xxl-5,.gy-xxl-5 {
            --bs-gutter-y: 2rem
        }

        .g-xxl-6,.gx-xxl-6 {
            --bs-gutter-x: 3.75008rem
        }

        .g-xxl-6,.gy-xxl-6 {
            --bs-gutter-y: 3.75008rem
        }

        .g-xxl-7,.gx-xxl-7 {
            --bs-gutter-x: calc(3.75008rem + 8rem)
        }

        .g-xxl-7,.gy-xxl-7 {
            --bs-gutter-y: calc(3.75008rem + 8rem)
        }
    }

    .col-w {
        padding-right: 1rem;
        padding-left: 1rem
    }
}

@layer override {
    @media (max-width: 575.98px) {
        .gutter-reset-xs {
            margin-right:-1rem;
            margin-left: -1rem;
            border-radius: 0;
            width: auto
        }
    }

    @media (max-width: 575.98px) and (min-width: 380px) {
        .gutter-reset-xs {
            margin-left:-1.33333rem;
            margin-right: -1.33333rem
        }
    }
}

@layer modules-override {
    .abs,.ov,.ov-page {
        position: absolute
    }
}

@layer modules {
    .abs,.ov,.ov-page {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }

    .ov {
        visibility: hidden
    }

    .ov.load,.ov.bg-loaded {
        visibility: visible
    }
}

@layer override {
    .ov-page {
        position: fixed;
        height: 100vh;
        width: 100vw;
        text-align: center;
        color: #fff;
        background: rgba(0,0,0,0.5);
        visibility: hidden;
        opacity: 0;
        pointer-events: auto;
        z-index: 1060
    }

    .ov-page.show {
        visibility: visible;
        opacity: 1
    }
}

@layer modules {
    @media screen {
        .fade {
            opacity: 0
        }
    }

    .fade.show {
        opacity: 1
    }
}

@layer modules {
    h1,h2,h3,h4,h5,h6,.h-hg,.h-1,.h-2,.h-3,.h-4,.h-5,.h-6 {
        font-weight: 600;
        color: inherit;
        margin-top: 0;
        margin-bottom: .65em;
        word-wrap: break-word
    }

    .wf-active h1,.wf-active h2,.wf-active h3,.wf-active h4,.wf-active h5,.wf-active h6,.wf-active .h-hg,.wf-active .h-1,.wf-active .h-2,.wf-active .h-3,.wf-active .h-4,.wf-active .h-5,.wf-active .h-6 {
        font-family: "Roboto",sans-serif
    }

    h1 {
        font-size: 2.55em
    }

    @media (min-width: 992px) {
        h1 {
            font-size:calc(2.55em * .8 + 1.35vw)
        }
    }

    @media (min-width: 1504px) {
        h1 {
            font-size:3.5955em
        }
    }

    @media (min-width: 992px) {
        h1 {
            margin-bottom:.4em
        }
    }

    h2 {
        font-size: 2.21em
    }

    @media (min-width: 992px) {
        h2 {
            font-size:calc(2.21em * .93 + .4vw)
        }
    }

    @media (min-width: 1504px) {
        h2 {
            font-size:2.5007em
        }
    }

    h3 {
        font-size: 1.615em
    }

    @media (min-width: 992px) {
        h3 {
            font-size:calc(1.615em * .93 + .4vw)
        }
    }

    @media (min-width: 1504px) {
        h3 {
            font-size:1.955em
        }
    }

    h4 {
        font-size: 1.36em
    }

    @media (min-width: 992px) {
        h4 {
            font-size:calc(1.36em * .93 + .4vw)
        }
    }

    @media (min-width: 1504px) {
        h4 {
            font-size:1.64135em
        }
    }

    h5 {
        font-size: 1.28945em
    }

    h6 {
        font-size: 1.173em
    }

    .h-hg {
        line-height: 1;
        margin-bottom: .3em
    }

    h1,.h-1,h2,.h-2,h3,.h-3 {
        line-height: 1.2
    }

    h1 small,.h-1 small,h2 small,.h-2 small,h3 small,.h-3 small {
        font-size: 65%
    }

    h1 .badge,.h-1 .badge,h2 .badge,.h-2 .badge,h3 .badge,.h-3 .badge {
        position: relative;
        vertical-align: middle
    }

    [class*='ph-'] {
        padding-bottom: 1.3334rem;
        text-align: center
    }

    .ph-main {
        margin-bottom: 0
    }

    .ph-block {
        margin-bottom: 2rem
    }

    .ph-box {
        margin-bottom: 0
    }

    .is-un {
        padding-bottom: 0
    }

    hr {
        border-top: 0;
        border-bottom-width: 2px;
        border-bottom-style: dashed;
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    small,.small {
        font-size: smaller;
        font-weight: 400;
        letter-spacing: 0
    }

    h1 .small,.h-1 .small {
        display: block;
        font-size: 1rem;
        line-height: 1.6;
        letter-spacing: 0;
        margin-top: .6em;
        padding-bottom: .3em;
        align-self: flex-end;
        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
    }

    .wf-active h1 .small,.wf-active .h-1 .small {
        font-family: "Roboto",sans-serif
    }

    blockquote {
        border-left-width: 2px;
        border-left-style: solid;
        margin-left: 1.5em;
        padding-left: 1em
    }

    .mb-all-0 * {
        margin-bottom: 0
    }

    .p-mb-last-0 p: last-of-type {
        margin-bottom:0
    }

    .p-mb-1 p {
        margin-bottom: .33334rem
    }

    .p-mb-2 p {
        margin-bottom: .66667rem
    }

    .standard_price,.common_price {
        text-decoration: line-through
    }

    .list-unstyled {
        padding-left: 0;
        list-style: none
    }

    .text iframe {
        max-width: 100%
    }

    .text ol,.text ul {
        text-align: left
    }

    .text-w h2,.text-w h3,.text-w h4 {
        margin: calc(.65em * 2 + .8vw) 0 calc(.65em + .8vw)
    }

    .text-w>h2: first-child,.text-w>h3:first-child,.text-w>h4:first-child,.text-w>h5:first-child,.text-w>h6:first-child {
        margin-top:0
    }

    .text-w .text-start {
        display: none
    }

    .text-w .text-start+h2,.text-w .text-start+h3,.text-w .text-start+h4,.text-w .text-start+h5,.text-w .text-start+h6 {
        margin-top: 0
    }

    .text img,.text-img img {
        max-width: 100%;
        height: auto
    }

    .no-item {
        font-size: 2em;
        text-align: center;
        padding-top: 2rem;
        padding-bottom: 2rem;
        margin-bottom: 2rem;
        opacity: .4
    }
}

@layer modules {
    .hlt {
        display: flex;
        align-items: center;
        text-align: center
    }

    .hlt:before,.hlt:after {
        content: '';
        border-bottom-width: 2px;
        border-bottom-style: dashed;
        flex: 1 0 1.3334rem
    }

    .hlt:before {
        margin-right: 1.3334rem
    }

    .hlt:after {
        margin-left: 1.3334rem
    }

    .hlt.ta-l:before,.hlt.ta-r:after,.hlt [class*='und-'] {
        display: none
    }
}

@layer templates-override {
    .reset-collapse .hlt {
        display: flex
    }

    @media (min-width: 576px) {
        .reset-collapse-sm .hlt {
            display:flex
        }
    }
}

@layer utilities {
    .h-hg {
        font-size: 3.4em
    }

    @media (min-width: 576px) {
        .h-hg {
            font-size:calc(3.4em * 1.12 + 2.4vw)
        }
    }

    @media (min-width: 1504px) {
        .h-hg {
            font-size:5.95em
        }
    }

    .h-1 {
        font-size: 2.55em
    }

    @media (min-width: 992px) {
        .h-1 {
            font-size:calc(2.55em * .8 + 1.35vw)
        }
    }

    @media (min-width: 1504px) {
        .h-1 {
            font-size:3.5955em
        }
    }

    .h-2 {
        font-size: 2.21em
    }

    @media (min-width: 992px) {
        .h-2 {
            font-size:calc(2.21em * .93 + .4vw)
        }
    }

    @media (min-width: 1504px) {
        .h-2 {
            font-size:2.5007em
        }
    }

    .h-3 {
        font-size: 1.615em
    }

    @media (min-width: 992px) {
        .h-3 {
            font-size:calc(1.615em * .93 + .4vw)
        }
    }

    @media (min-width: 1504px) {
        .h-3 {
            font-size:1.955em
        }
    }

    .h-4 {
        font-size: 1.36em
    }

    @media (min-width: 992px) {
        .h-4 {
            font-size:calc(1.36em * .93 + .4vw)
        }
    }

    @media (min-width: 1504px) {
        .h-4 {
            font-size:1.64135em
        }
    }

    .h-5 {
        font-size: 1.28945em
    }

    .h-6 {
        font-size: 1.173em
    }

    .ff-base {
        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
        letter-spacing: 0
    }

    .wf-active .ff-base {
        font-family: "Roboto",sans-serif
    }

    .ff-adv {
        letter-spacing: 0
    }

    .wf-active .ff-adv {
        font-family: "Roboto",sans-serif
    }

    .ls-n7 {
        letter-spacing: -1rem
    }

    .ls-n6 {
        letter-spacing: -.4rem
    }

    .ls-n5 {
        letter-spacing: -.2rem
    }

    .ls-n4 {
        letter-spacing: -.1em
    }

    .ls-n3 {
        letter-spacing: -.075em
    }

    .ls-n2 {
        letter-spacing: -.05em
    }

    .ls-n1 {
        letter-spacing: -.025em
    }

    .ls-0 {
        letter-spacing: 0
    }

    .ls-1 {
        letter-spacing: .025em
    }

    .ls-2 {
        letter-spacing: .05em
    }

    .ls-3 {
        letter-spacing: .075em
    }

    .ls-4 {
        letter-spacing: .1em
    }

    .ls-5 {
        letter-spacing: .2rem
    }

    .ls-6 {
        letter-spacing: .4rem
    }

    .ls-7 {
        letter-spacing: 1rem
    }
}

@layer modules {
    .card {
        position: relative;
        word-wrap: break-word;
        background-clip: border-box;
        display: flex;
        flex-direction: column;
        border-radius: .45rem;
        --radius-size: .45rem
    }

    .card .close {
        position: absolute;
        top: 0;
        left: calc(50% - 1.83em / 2.15);
        margin: 0;
        z-index: 2
    }
}

@layer modules {
    .card-body,.tile {
        padding: 1.3334rem 1.3334rem;
        flex: 1 1 auto
    }

    .tile {
        transition: all .25s ease-out
    }

    @media screen and (prefers-reduced-motion: reduce) {
        .tile {
            transition: none
        }
    }

    @media (min-width: 576px) {
        .tile {
            justify-content:space-between
        }
    }

    .card-header {
        font-size: 1.125em;
        font-weight: 600;
        line-height: 1.2;
        padding: 1rem 1.3334rem;
        margin-bottom: 0;
        border-top-left-radius: .45rem;
        border-top-right-radius: .45rem;
        --radius-size: $radius
    }

    .column .card {
        border-radius: 0;
        --radius-size: 0
    }

    .column .card .list-group {
        border-radius: 0;
        --radius-size: 0
    }

    .column .card .list-group,.column .card .table {
        margin-bottom: -.66667rem
    }

    .column .card-header {
        font-weight: 600;
        line-height: 1.2;
        margin-bottom: 0;
        padding: 0 1.3334rem 1.3334rem
    }

    .column .card-body {
        padding-bottom: 0
    }

    .card-group {
        display: flex;
        flex-flow: row wrap;
        justify-content: center
    }

    .card-item {
        max-width: 100%;
        flex-basis: 100%
    }

    .card-columns {
        orphans: 1;
        widows: 1;
        column-gap: 2rem;
        column-count: 1;
        margin-right: auto;
        margin-left: auto
    }

    .card-columns>* {
        display: inline-block;
        width: 100%
    }

    .accordion {
        text-align: left;
        border-radius: .45rem;
        --radius-size: .45rem
    }

    .accordion .card-header {
        line-height: inherit;
        font-size: inherit
    }

    .accordion .card:not(:first-of-type) .card-header {
        border-top-width: 2px;
        border-top-style: dashed;
        border-radius: 0
    }

    .accordion .card-body {
        padding-top: 0
    }
}

@layer base {
    .nav {
        padding-left: 0;
        margin-bottom: 0
    }
}

@layer modules {
    .nav {
        list-style: none;
        display: flex;
        flex-flow: wrap
    }

    .nav-item {
        position: relative
    }

    .nav-link {
        display: block;
        color: inherit;
        padding: .66667rem .66667rem;
        line-height: 1.6;
        position: relative
    }
}

@layer modules-override {
    @media (min-width: 1204px) {
        .nav-link.active {
            color:#88b02c
        }

        .b.bg-pr .nav-link.active,.b.bg-se .nav-link.active {
            color: #c1df7d
        }
    }
}

@layer modules {
    .nav-tabs {
        font-size: inherit;
        align-items: center;
        justify-content: center;
        padding-bottom: 1rem;
        white-space: nowrap
    }

    @media (min-width: 768px) {
        .nav-tabs .nav-item {
            margin-bottom:-2px
        }
    }

    .nav-tabs .nav-link {
        font-weight: 600;
        white-space: nowrap;
        border-radius: .45rem;
        --radius-size: .45rem
    }

    @media (min-width: 768px) {
        .nav-tabs {
            margin-top:-1.3334rem;
            padding-bottom: 0
        }

        .nav-tabs .nav-link {
            height: 100%;
            padding: 1.3334rem 1.3334rem
        }
    }

    @media (min-width: 768px) {
        .card .nav-tabs {
            padding:0;
            margin-top: 0
        }

        .card .nav-tabs .nav-link {
            border-radius: 0
        }
    }

    @media (min-width: 992px) {
        .nav-tabs .nav-tabs-lg {
            font-size:1.125em
        }
    }
}

@media (max-width: 767.98px) {
    @layer override {
        .nav-tabs .active:before {
            display:none
        }

        .nav-tabs .nav-link.active {
            min-width: 5rem;
            padding-right: 1rem;
            padding-left: 1rem
        }
    }
}

@layer modules {
    .tab-pane {
        display: none
    }

    .tab-pane.active {
        display: block
    }

    .tab-pane-flex.active {
        display: flex
    }
}

@layer modules {
    .dropdown-toggle .caret {
        font-style: normal;
        font-weight: normal;
        margin-left: .66667rem;
        line-height: 0;
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        transition: all .25s ease-out
    }

    @media screen and (prefers-reduced-motion: reduce) {
        .dropdown-toggle .caret {
            transition: none
        }
    }

    .dropdown-toggle .caret:before {
        content: "";
        font-family: "FontAwesome";
        font-size: inherit
    }

    .dropdown-menu:not(.dropdown-menu-static),.dropdown-arrow {
        position: absolute;
        display: none
    }

    .dropdown-menu-static {
        list-style: none;
        padding: 0
    }
}

@layer modules-override {
    .dropdown-toggle-split {
        padding-right: 1rem;
        padding-left: 1rem
    }

    .dropdown-toggle-split .caret {
        margin-left: 0
    }
}

@layer modules {
    .btn,.badge,[class*='ico-'] {
        font-weight: 400;
        line-height: 1.44;
        padding: .66667rem 1.3334rem;
        border-width: 0;
        border-style: dashed;
        text-align: center;
        text-decoration: none;
        color: inherit;
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: .45rem;
        --radius-size: .45rem;
        user-select: none
    }

    @media (min-width: 576px) {
        .btn {
            white-space:nowrap
        }
    }

    .btn-sm {
        font-size: .875em
    }

    .btn-md {
        font-size: 1em
    }

    .btn-lg {
        font-size: 1.125em
    }

    .btn-xl {
        font-size: 1.125em
    }

    .btn-xl {
        padding: .73334rem 1.66675rem
    }

    .btn-block {
        width: 100%;
        white-space: normal;
        display: flex;
        align-items: center;
        justify-content: center
    }

    input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block {
        width: 100%
    }

    [class*='btn-block-max'] {
        max-width: 19em;
        width: 90%
    }

    .btn-link {
        font-weight: 400;
        background-color: transparent
    }
}

@layer override {
    .AddProductToCart:not(.AddProductToCartInitialized),.AddToCartButton:not(.AddToCartButtonInitialized) {
        cursor: not-allowed
    }

    .AddProductToCart:not(.AddProductToCartInitialized) .fa,.AddToCartButton:not(.AddToCartButtonInitialized) .fa {
        animation: fa-spin 2s infinite linear
    }

    .AddProductToCart:not(.AddProductToCartInitialized) .fa:before,.AddToCartButton:not(.AddToCartButtonInitialized) .fa:before {
        content: ""
    }
}

@layer modules {
    .btn-group {
        position: relative;
        display: inline-flex;
        border-radius: .45rem;
        --radius-size: .45rem
    }

    .btn-group>.btn {
        margin: 0;
        flex: 0 1 auto
    }

    .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        --radius-size: $radius
    }

    .btn-group>.btn:not(:first-child) {
        margin-left: -2px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        --radius-size: $radius
    }

    .btn-group>.btn:not(:first-child):not(.ou) {
        border-left-width: 2px
    }
}

@layer modules {
    .badge {
        font-family: "Roboto",sans-serif;
        font-size: .875em;
        font-weight: 400;
        line-height: 1.2;
        padding: .33334rem .66667rem;
        min-width: 2em
    }

    @media (min-width: 576px) {
        .badge {
            white-space:nowrap
        }
    }

    .badge:not(.label) {
        border-radius: .45rem;
        --radius-size: .45rem
    }

    .badge:empty {
        display: none
    }

    .badge[href] {
        text-decoration: none
    }

    .badge-sticker {
        height: 1.95em;
        min-width: 1.95em;
        padding: 0 .3em;
        position: absolute;
        z-index: 1
    }

    .navbar .badge-sticker {
        top: -19%;
        right: -1em
    }

    @media (min-width: 1204px) {
        .navbar .badge-sticker {
            right:-1rem
        }
    }

    .navbar-sm .badge-sticker {
        top: 0
    }

    .badge-dot {
        min-width: .6rem;
        height: .6rem;
        padding: 0;
        position: absolute;
        border-radius: .45rem;
        --radius-size: .45rem
    }

    .nav-link .badge-dot {
        top: .5rem;
        right: 0
    }
}

@layer override {
}

@layer modules {
    .img-fluid {
        max-width: 100%;
        height: auto
    }

    .img-fluid-2 {
        max-width: 100%;
        height: auto;
        max-height: 100%;
    }

    .img-fluid-w {
        width: 100%;
        height: auto
    }

    .img-center {
        display: flex;
        justify-content: center;
        align-items: center
    }

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

    .img-thumbnail {
        border-radius: .45rem;
        --radius-size: .45rem
    }

    .img-th-sm {
        border-radius: .45rem;
        --radius-size: .45rem
    }

    .figure {
        display: inline-block
    }

    .figure-caption {
        font-size: .875em;
        padding: .66667rem 1rem
    }

    .ImgLazy {
        transition: all .25s ease-out
    }

    @media screen and (prefers-reduced-motion: reduce) {
        .ImgLazy {
            transition: none
        }
    }

    .ImgLazy:not(.img-loaded) {
        opacity: 0
    }

    @media (max-width: 767.98px) {
        .ImgLazy {
            max-width:100%;
            height: auto
        }
    }
}

@layer override {
    img[src*='images/no-picture']: not(.reset-no-pic-width),img[src*='images/video.svg'] {
        width:100%;
        max-width: 11em;
        min-width: 60px
    }

    img.active,video.active {
        box-shadow: 0 0 0 .2rem #88b02c
    }
}

@layer modules {
    [class*='ico-'] {
        padding: 0;
        text-align: center;
        border-radius: .45rem;
        --radius-size: .45rem;
        box-sizing: content-box
    }

    [class*='ico-']>.fa {
        font-size: inherit
    }

    [class*='ico-']>.fa-play {
        margin-right: -.1em
    }

    [class*='ico-']>img,[class*='ico-']>video {
        max-width: 50%;
        height: auto;
        max-height: 50%;
        width: auto
    }

    .ico-sm {
        min-width: 2.15rem;
        height: 2.15rem;
        min-height: 2.15rem;
        line-height: 2.15rem;
        font-size: 1em
    }

    .ico-md {
        min-width: 3rem;
        height: 3rem;
        min-height: 3rem;
        line-height: 3rem;
        font-size: 1.125em
    }

    .ico-lg {
        min-width: 4rem;
        height: 4rem;
        min-height: 4rem;
        line-height: 4rem;
        font-size: 1.5em
    }

    .ico-xl {
        min-width: 5.55rem;
        height: 5.55rem;
        min-height: 5.55rem;
        line-height: 5.55rem;
        font-size: 2em
    }

    .ico-video {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }
}

@layer modules {
    .form-control {
        display: block;
        width: 100%;
        height: calc(1em * 1.44 + .66667rem * 2);
        padding: .66667rem 1rem;
        text-align: left;
        border-width: 0;
        border-style: dashed;
        font-size: 1em;
        line-height: 1.44;
        color: #354e31;
        background-color: #fff;
        background-clip: padding-box;
        position: relative;
        border-radius: .45rem;
        --radius-size: .45rem
    }

    .form-control::placeholder {
        color: rgba(53,78,49,0.5);
        opacity: 1
    }

    .form-sm .form-control {
        height: calc(.875em * 1.44 + .66667rem);
        font-size: .875em
    }

    .form-group {
        margin-bottom: 1.3334rem;
        position: relative
    }

    .form-text {
        display: block;
        margin-top: .33334rem
    }

    @media (min-width: 576px) {
        .form-inline {
            display:inline-flex;
            align-items: center;
            margin-bottom: 0
        }

        .form-inline label {
            margin-bottom: 0
        }

        .form-inline .form-control {
            width: auto;
            min-width: 235px
        }
    }

    .col-form-label {
        font-size: inherit;
        line-height: 1.44
    }

    @media (min-width: 768px) {
        .col-form-label {
            text-align:right
        }
    }

    @media (min-width: 768px) {
        .col-form-label {
            padding-top:.66667rem;
            margin-bottom: 0
        }
    }

    select,.select {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23354e31' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-position: right .8rem center;
        background-size: 0.9em 0.7em;
        vertical-align: middle;
        -webkit-appearance: none;
        appearance: none
    }

    select.form-control,.select.form-control {
        padding-right: 1.6rem
    }

    .b.bg-pr select,.b.bg-se select,select.c-wh,select.c-de,select.c-des,.b.bg-pr .select,.b.bg-se .select,.select.c-wh,.select.c-de,.select.c-des {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23fff' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E")
    }

    select.form-control[size],select.form-control[multiple] {
        height: auto
    }

    @media (max-width: 575.98px) {
        select.form-control {
            height:auto
        }
    }

    textarea.form-control {
        height: auto;
        border-radius: .45rem;
        --radius-size: .45rem
    }

    .custom-control-label {
        position: relative;
        margin-bottom: 0
    }

    .custom-control-label:after,.custom-control-label:before {
        content: "";
        position: absolute;
        top: calc((1em * 1.6 - 16px) * 0.42);
        left: -24px;
        font-size: inherit;
        width: 16px;
        height: 16px;
        display: block
    }

    .custom-control-label:before {
        border-width: 2px;
        border-style: solid;
        pointer-events: none;
        user-select: none
    }

    .custom-control-label:after {
        background-repeat: no-repeat;
        background-position: center;
        background-size: 50% 50%
    }

    .custom-control-input:checked ~ .custom-control-label:before {
        border-width: 0
    }

    .custom-control {
        position: relative;
        display: block;
        min-height: 22.4px;
        padding-left: 24px
    }

    .custom-control-inline {
        margin-right: 1rem;
        display: inline-flex
    }

    .custom-control-input {
        position: absolute;
        z-index: -1;
        opacity: 0
    }

    .custom-control-input:checked ~ .custom-control-label::before {
        color: #fff;
        background-color: #3a5636;
        border-width: 0
    }

    .custom-checkbox .custom-control-label::before {
        border-radius: .25rem;
        --radius-size: .25rem
    }

    .custom-checkbox .custom-control-input:checked ~ .custom-control-label:after {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")
    }

    .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label:after {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
    }

    .custom-radio .custom-control-label::before {
        border-radius: 50%
    }

    .custom-radio .custom-control-input:checked ~ .custom-control-label:after {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
    }
}

@layer modules {
    .b.bg-pr .form-control {
        color: #fff;
        background-color: #2d432a
    }

    .b.bg-pr .input-group .btn-clear {
        color: #fff
    }

    .b.bg-pr .form-control::placeholder {
        color: rgba(255,255,255,0.5)
    }
}

@layer override {
    .b.bg-pr .input-group-append .btn.ou:not(.btn-clear):not(:hover) {
        color: #fff;
        background-color: #2d432a
    }
}

@layer modules {
    .b.bg-se .form-control {
        color: #fff;
        background-color: #759826
    }

    .b.bg-se .input-group .btn-clear {
        color: #fff
    }

    .b.bg-se .form-control::placeholder {
        color: rgba(255,255,255,0.5)
    }
}

@layer override {
    .b.bg-se .input-group-append .btn.ou:not(.btn-clear):not(:hover) {
        color: #fff;
        background-color: #759826
    }
}

@layer modules {
    .b.bg-wh .form-control {
        color: #354e31;
        background-color: #ecf4eb
    }

    .b.bg-wh .input-group .btn-clear {
        color: #354e31
    }

    .b.bg-wh .form-control::placeholder {
        color: rgba(53,78,49,0.5)
    }
}

@layer override {
    .b.bg-wh .input-group-append .btn.ou:not(.btn-clear):not(:hover) {
        color: #354e31;
        background-color: #ecf4eb
    }
}

@layer modules-override {
    .custom-control-label:before {
        border-color: rgba(53,78,49,0.3)
    }
}

@layer override {
    .b.bg-pr .custom-control-input:checked ~ .custom-control-label:before {
        background-color: #fff
    }

    .b.bg-pr .custom-control-label:before {
        border-color: rgba(236,244,235,0.5)
    }

    .b.bg-pr .custom-checkbox:not([class*='has']) .custom-control-input: checked ~ .custom-control-label:after {
        background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%233a5636' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")
    }

    .b.bg-pr .custom-radio:not([class*='has']) .custom-control-input: checked ~ .custom-control-label:after {
        background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%233a5636'/%3E%3C/svg%3E")
    }

    .b.bg-se .custom-control-input:checked ~ .custom-control-label:before {
        background-color: #fff
    }

    .b.bg-se .custom-control-label:before {
        border-color: rgba(244,251,228,0.5)
    }

    .b.bg-se .custom-checkbox:not([class*='has']) .custom-control-input: checked ~ .custom-control-label:after {
        background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2388b02c' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")
    }

    .b.bg-se .custom-radio:not([class*='has']) .custom-control-input: checked ~ .custom-control-label:after {
        background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2388b02c'/%3E%3C/svg%3E")
    }

    .b[class*='bg-'] .form-group.has-required .col-form-label,.b[class*='bg-'] .form-group.has-required .input-icon,.b[class*='bg-'] .form-group.has-required .custom-control: not(.custom-checkbox-multi) .custom-control-label,.b[class*='bg-'] .form-group.has-required .active {
        color:#88b02c;
        font-weight: 600
    }

    .b[class*='bg-'] .form-group.has-required .form-control,.b[class*='bg-'] .form-group.has-required .input-group,.b[class*='bg-'] .form-group.has-required img.active,.b[class*='bg-'] .form-group.has-required .btn.active {
        box-shadow: 0 0 0 .2rem rgba(136,176,44,0.5)
    }

    .b.bg-wh .b[class*='bg-'] .form-group.has-required .form-control,.b.bg-wh .b[class*='bg-'] .form-group.has-required .input-group,.b.bg-wh .b[class*='bg-'] .form-group.has-required img.active,.b.bg-wh .b[class*='bg-'] .form-group.has-required .btn.active {
        box-shadow: 0 0 0 .2rem rgba(136,176,44,0.5)
    }

    .b[class*='bg-'] .form-group.has-required .custom-control-label: :before {
        border-color:rgba(136,176,44,0.5)
    }

    .b[class*='bg-'] .form-group.has-required .custom-control-input: checked ~ .custom-control-label::before {
        background-color:#88b02c
    }

    .b.bg-se .form-group.has-required .col-form-label,.b.bg-se .form-group.has-required .input-icon,.b.bg-se .form-group.has-required .custom-control:not(.custom-checkbox-multi) .custom-control-label,.b.bg-se .form-group.has-required .active {
        color: #c1df7d;
        font-weight: 600
    }

    .b.bg-se .form-group.has-required .form-control,.b.bg-se .form-group.has-required .input-group,.b.bg-se .form-group.has-required img.active,.b.bg-se .form-group.has-required .btn.active {
        box-shadow: 0 0 0 .2rem rgba(193,223,125,0.5)
    }

    .b.bg-wh .b.bg-se .form-group.has-required .form-control,.b.bg-wh .b.bg-se .form-group.has-required .input-group,.b.bg-wh .b.bg-se .form-group.has-required img.active,.b.bg-wh .b.bg-se .form-group.has-required .btn.active {
        box-shadow: 0 0 0 .2rem rgba(193,223,125,0.5)
    }

    .b.bg-se .form-group.has-required .custom-control-label::before {
        border-color: rgba(193,223,125,0.5)
    }

    .b.bg-se .form-group.has-required .custom-control-input:checked ~ .custom-control-label::before {
        background-color: #c1df7d
    }

    .b[class*='bg-'] .form-group.has-success .col-form-label,.b[class*='bg-'] .form-group.has-success .input-icon,.b[class*='bg-'] .form-group.has-success .custom-control: not(.custom-checkbox-multi) .custom-control-label,.b[class*='bg-'] .form-group.has-success .active {
        color:#1abc9c;
        font-weight: 600
    }

    .b[class*='bg-'] .form-group.has-success .form-control,.b[class*='bg-'] .form-group.has-success .input-group,.b[class*='bg-'] .form-group.has-success img.active,.b[class*='bg-'] .form-group.has-success .btn.active {
        box-shadow: 0 0 0 .2rem rgba(26,188,156,0.5)
    }

    .b.bg-wh .b[class*='bg-'] .form-group.has-success .form-control,.b.bg-wh .b[class*='bg-'] .form-group.has-success .input-group,.b.bg-wh .b[class*='bg-'] .form-group.has-success img.active,.b.bg-wh .b[class*='bg-'] .form-group.has-success .btn.active {
        box-shadow: 0 0 0 .2rem rgba(26,188,156,0.5)
    }

    .b[class*='bg-'] .form-group.has-success .custom-control-label: :before {
        border-color:rgba(26,188,156,0.5)
    }

    .b[class*='bg-'] .form-group.has-success .custom-control-input: checked ~ .custom-control-label::before {
        background-color:#1abc9c
    }

    .b[class*='bg-'] .form-group.has-error .col-form-label,.b[class*='bg-'] .form-group.has-error .input-icon,.b[class*='bg-'] .form-group.has-error .custom-control: not(.custom-checkbox-multi) .custom-control-label,.b[class*='bg-'] .form-group.has-error .active {
        color:#dc3545;
        font-weight: 600
    }

    .b[class*='bg-'] .form-group.has-error .form-control,.b[class*='bg-'] .form-group.has-error .input-group,.b[class*='bg-'] .form-group.has-error img.active,.b[class*='bg-'] .form-group.has-error .btn.active {
        box-shadow: 0 0 0 .2rem rgba(220,53,69,0.5)
    }

    .b.bg-wh .b[class*='bg-'] .form-group.has-error .form-control,.b.bg-wh .b[class*='bg-'] .form-group.has-error .input-group,.b.bg-wh .b[class*='bg-'] .form-group.has-error img.active,.b.bg-wh .b[class*='bg-'] .form-group.has-error .btn.active {
        box-shadow: 0 0 0 .2rem rgba(220,53,69,0.5)
    }

    .b[class*='bg-'] .form-group.has-error .custom-control-label: :before {
        border-color:rgba(220,53,69,0.5)
    }

    .b[class*='bg-'] .form-group.has-error .custom-control-input: checked ~ .custom-control-label::before {
        background-color:#dc3545
    }

    .form-group[class*='has'] .custom-control-input: focus ~ .custom-control-label::before {
        outline:2px dashed #fff
    }

    .b.bg-pr .form-group[class*='has'] .custom-control-input: focus ~ .custom-control-label::before {
        outline:2px dashed #3a5636
    }

    .b.bg-se .form-group[class*='has'] .custom-control-input: focus ~ .custom-control-label::before {
        outline:2px dashed #88b02c
    }

    .nospam {
        display: none
    }
}

@layer modules {
    .spinner {
        width: 100%
    }
}

@layer modules {
    .input-group {
        position: relative;
        display: flex;
        flex-wrap: nowrap;
        align-items: stretch;
        border-radius: .45rem;
        --radius-size: .45rem
    }

    .input-group>.form-control {
        position: relative;
        width: 1%;
        height: auto;
        flex: 1 1 auto
    }

    .input-group .input-group-prepend+.form-control {
        padding-left: 2.8rem
    }

    .input-group .input-group-append-ico+.form-control {
        padding-right: calc(1.5em + 1rem)
    }

    .is-append-btn>.form-control {
        margin-right: -1.5em;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        --radius-size: $radius
    }

    .input-group-prepend,.input-group-append-ico {
        position: absolute;
        height: 100%
    }

    .input-group-prepend,.input-group-append {
        display: flex
    }

    .input-group-prepend {
        pointer-events: none
    }

    .input-group-append-ico {
        right: 0;
        z-index: 1
    }

    .input-group .input-group-append-ico+.form-control {
        padding-left: 1rem;
        padding-right: calc(1.5em + 1rem)
    }

    .form-control+.input-group-append .input-group-append-ico {
        position: relative
    }

    .input-group-text {
        padding: .66667rem 1rem;
        margin-bottom: 0;
        font-weight: 600;
        line-height: 1.44;
        white-space: nowrap;
        position: relative;
        z-index: 1;
        border-radius: .45rem;
        --radius-size: .45rem;
        display: flex;
        align-items: center;
        justify-content: center
    }
}

@layer modules-override {
    .input-group .btn-clear {
        background-color: transparent
    }
}

@layer override {
    .input-group .form-control {
        box-shadow: none
    }
}

@layer modules {
    .form-control+.input-icon {
        position: absolute;
        top: 50%;
        right: .86671rem;
        font-size: 1.25em;
        margin-top: -.625rem
    }
}

@layer modules {
    .navbar {
        position: relative;
        min-height: 3.6rem;
        padding: .33334rem 0
    }

    .navbar,.navbar>.container {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between
    }

    .navbar>.container {
        align-items: center
    }

    .navbar-sm {
        min-height: 0
    }

    .navbar-sm,.navbar-sm .nav-link,.navbar-sm .btn {
        height: 2.867rem
    }

    @media (min-width: 1204px) {
        .navbar-md .nav-link {
            min-height:3.6rem
        }
    }

    @media (min-width: 768px) {
        body:not(.fixed-navbar) .navbar-lg {
            min-height:5.33334rem;
            padding-top: .66667rem;
            padding-bottom: .66667rem
        }
    }

    @media (min-width: 1204px) {
        body:not(.fixed-navbar) .navbar-lg .navbar-menu .nav-link {
            height:5.33334rem
        }
    }

    @media (min-width: 1502px) {
        body:not(.fixed-navbar) .navbar-menu-lg,body:not(.fixed-navbar) .navbar-menu-xl {
            font-size:1em
        }
    }

    @media (min-width: 1502px) and (min-width: 992px) {
        body:not(.fixed-navbar) .navbar-menu-lg,body:not(.fixed-navbar) .navbar-menu-xl {
            font-size:calc(1em * .845 + .25vw)
        }
    }

    @media (min-width: 1502px) and (min-width: 1504px) {
        body:not(.fixed-navbar) .navbar-menu-lg,body:not(.fixed-navbar) .navbar-menu-xl {
            font-size:1.0789em
        }
    }

    @media (min-width: 1502px) {
        body:not(.fixed-navbar) .navbar-menu-lg .nav-link,body:not(.fixed-navbar) .navbar-menu-xl .nav-link {
            padding-left:.75vw;
            padding-right: .75vw
        }
    }

    @media (min-width: 1204px) {
        .navbar-menu-xl .navbar-nav {
            width:100%;
            justify-content: inherit
        }
    }

    .navbar-menu .badge {
        margin: -.1em 0
    }

    .navbar-nav {
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
        display: flex;
        flex-direction: column
    }

    .navbar-nav .nav-link {
        white-space: nowrap
    }

    .navbar-collapse {
        flex-basis: 100%;
        margin-left: auto;
        align-items: center;
        max-width: 100%
    }

    .navbar-toggler {
        color: inherit;
        padding: .66667rem .66667rem;
        background-color: transparent;
        white-space: nowrap;
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center
    }

    @media (min-width: 576px) {
        .navbar-toggler {
            padding-left:1rem;
            padding-right: 1rem
        }
    }
}

@layer modules-override {
    .navbar {
        flex-flow: row nowrap
    }

    @media (min-width: 104px) {
        .navbar {
            padding-top:0;
            padding-bottom: 0
        }

        .navbar-nav {
            flex-direction: row
        }

        .navbar-nav .nav-link {
            display: flex;
            align-items: center
        }

        .navbar-nav .nav-arrow {
            display: none
        }

        .navbar-collapse {
            display: flex;
            flex-basis: auto
        }
    }
}

@layer modules {
    .table {
        width: 100%;
        margin-bottom: 1rem
    }

    .table th,.table td {
        vertical-align: top;
        border-top-width: 1px;
        border-top-style: dashed
    }

    .table thead th {
        vertical-align: bottom;
        border-top-width: 0;
        border-bottom-width: 2px;
        border-bottom-style: dashed
    }

    .table tbody th,.table tbody td {
        vertical-align: middle
    }

    @media (min-width: 1204px) {
        .table tbody th,.table tbody td {
            word-break:break-word
        }
    }

    .table .checkbox,.table .radio {
        margin: 0
    }

    .card .table {
        margin-bottom: 0
    }

    .table:not([class*='table-']): not([border]) {
        border-width:0
    }

    .table:not([class*='table-']): not([cellpadding]) th,.table:not([class*='table-']):not([cellpadding]) td {
        padding:.66667rem 1.3334rem
    }

    [class*='table-'] th,[class*='table-'] td {
        padding: .66667rem 1.3334rem
    }

    .table-condensed th,.table-condensed td {
        padding-right: .8rem;
        padding-left: .8rem
    }

    .table-responsive {
        display: block;
        width: 100%;
        margin-bottom: 1rem;
        overflow-x: auto
    }

    .table-responsive table {
        margin-bottom: 0
    }

    .table-head-n tr: first-child th,.table-head-n tr:first-child td {
        border-top-width:0
    }

    .table-th-fix tbody th {
        word-break: normal
    }

    @media (min-width: 1204px) {
        .table-th-fix tbody th {
            width:35%;
            min-width: 180px
        }
    }

    .table-th-min th span {
        min-width: 105px;
        display: block
    }

    @media (min-width: 1204px) {
        .table-th-max th span {
            max-width:105px;
            display: block
        }
    }
}

@layer modules-override {
    .table.pt-0 thead tr: first-child>*,.table.pt-0 tbody:first-child tr:first-child>* {
        padding-top:0
    }

    .table.pr-0 th: last-child,.table.pr-0 td:last-child {
        padding-right:0
    }

    .table.pb-0 tbody tr: last-child>* {
        padding-bottom:0
    }

    .table.pl-0 th: first-child,.table.pl-0 td:first-child {
        padding-left:0
    }
}

@layer override {
    .table-items .img-thumbnail {
        max-width: 60px
    }
}

@layer modules {
    .btn-clp,.collapse:not(.show) {
        display: none
    }

    .btn-clp:not(.collapsed) {
        margin-bottom: 2rem
    }

    .clp-n>.collapse,.clp-n>.container>.collapse {
        display: block
    }

    .clp-y>.btn-clp,.clp-y>.container>.btn-clp {
        display: inline-flex
    }

    .clp-y>.hdr-clp,.clp-y>.container>.hdr-clp {
        display: none
    }

    @media (max-width: 575.98px) {
        .clp-xs>.btn-clp,.clp-xs>.container>.btn-clp {
            display:inline-flex
        }

        .clp-xs>.hdr-clp,.clp-xs>.container>.hdr-clp {
            display: none
        }
    }

    @media (min-width: 576px) {
        .clp-xs>.collapse,.clp-xs>.container>.collapse {
            display:block
        }
    }
}

@layer utilities {
    [class*='act-'] .active: not(.open):not(.carousel-item):before,[class*='act-'] .ac-collapse:not(.collapsed):before {
        content:'';
        position: absolute;
        display: block;
        z-index: 1;
        background-color: #88b02c
    }

    .b.bg-pr [class*='act-'] .active: not(.open):not(.carousel-item):before,.b.bg-se [class*='act-'] .active:not(.open):not(.carousel-item):before,[class*='act-'].bg-pr .active:not(.open):not(.carousel-item):before,[class*='act-'].bg-se .active:not(.open):not(.carousel-item):before,.b.bg-pr [class*='act-'] .ac-collapse:not(.collapsed):before,.b.bg-se [class*='act-'] .ac-collapse:not(.collapsed):before,[class*='act-'].bg-pr .ac-collapse:not(.collapsed):before,[class*='act-'].bg-se .ac-collapse:not(.collapsed):before {
        background-color:#c1df7d
    }

    .act-t .active:not(.open):not(.carousel-item):before,.act-b .active:not(.open):not(.carousel-item):before,.act-t .ac-collapse:not(.collapsed):before,.act-b .ac-collapse:not(.collapsed):before {
        height: 4px;
        width: 100%
    }

    .act-r .active:not(.open):not(.carousel-item):before,.act-l .active:not(.open):not(.carousel-item):before,.act-r .ac-collapse:not(.collapsed):before,.act-l .ac-collapse:not(.collapsed):before {
        width: 5px;
        height: 100%
    }

    .act-t .active:not(.open):not(.carousel-item):before,.act-r .active:not(.open):not(.carousel-item):before,.act-l .active:not(.open):not(.carousel-item):before,.act-t .ac-collapse:not(.collapsed):before,.act-r .ac-collapse:not(.collapsed):before,.act-l .ac-collapse:not(.collapsed):before {
        top: 0
    }

    .act-r .active:not(.open):not(.carousel-item):before,.act-r .ac-collapse:not(.collapsed):before {
        right: 0
    }

    .act-b .active:not(.open):not(.carousel-item):before,.act-b .ac-collapse:not(.collapsed):before {
        bottom: 0
    }

    .act-t .active:not(.open):not(.carousel-item):before,.act-b .active:not(.open):not(.carousel-item):before,.act-l .active:not(.open):not(.carousel-item):before,.act-t .ac-collapse:not(.collapsed):before,.act-b .ac-collapse:not(.collapsed):before,.act-l .ac-collapse:not(.collapsed):before {
        left: 0
    }

    @media (max-width: 1203.98px) {
        .act-b-reset .active:not(.open):not(.carousel-item):before,.act-b-reset .ac-collapse:not(.collapsed):before {
            height:4px;
            width: 100%;
            top: auto;
            bottom: 0;
            left: 0
        }
    }
}

@layer override {
    @media (min-width: 1204px) {
        .act-xl-none .active:not(.open):not(.carousel-item):before,.act-xl-none .ac-collapse:not(.collapsed):before {
            display:none
        }
    }
}

@layer modules {
    .breadcrumb {
        margin-bottom: 1.3334rem
    }

    .breadcrumb ol {
        padding: 0;
        margin: 0;
        list-style: none
    }

    .breadcrumb li {
        display: inline-block
    }

    .breadcrumb li: not(:first-child) {
        padding-left:.50001rem
    }

    .breadcrumb li+li: :before {
        font-family:"FontAwesome";
        padding-right: .50001rem
    }
}

@layer modules {
    .pagination {
        display: inline-flex;
        padding-left: 0;
        list-style: none;
        margin-bottom: 0
    }

    .page-item>a {
        min-width: 2.4em
    }

    .page-dots {
        pointer-events: none
    }

    .page-link {
        color: inherit;
        padding: 0 1rem;
        text-align: center;
        line-height: 2.4em;
        display: block;
        border-radius: .45rem;
        --radius-size: .45rem
    }

    @media (max-width: 575.98px) {
        .page-item:not(.page-btn):not(.active) {
            display:none
        }

        .active>.page-link {
            padding-left: 1.3334rem;
            padding-right: 1.3334rem
        }
    }
}

@layer modules {
    .alert {
        padding: 1.3334rem 1.3334rem
    }

    .container .alert {
        border-radius: .45rem;
        --radius-size: .45rem
    }

    .alert p {
        font-size: inherit;
        line-height: inherit;
        margin-bottom: 0
    }

    .alert p+p {
        margin-top: .5rem
    }
}

@layer modules-override {
    .alert h2,.alert h3,.alert h4 {
        color: inherit
    }

    .alert a: not(.btn) {
        color:inherit;
        font-weight: 600
    }
}

@layer override {
    .alert-su {
        background-color: #d1f2eb;
        color: #0b4c3f
    }

    .alert-su .c-mu {
        color: #9fc0b9
    }

    .alert-in {
        background-color: #d0eef4;
        color: #084451
    }

    .alert-in .c-mu {
        color: #9dbcc3
    }

    .alert-wa {
        background-color: #fff3cd;
        color: #6c5103
    }

    .alert-wa .c-mu {
        color: #cec19b
    }

    .alert-da {
        background-color: #f8d7da;
        color: #5e171e
    }

    .alert-da .c-mu {
        color: #c7a4a7
    }
}

@layer modules {
    .media {
        display: flex;
        align-items: flex-start;
        text-align: left;
        padding-bottom: .33334rem
    }

    .media .media:before {
        content: '';
        width: 1rem;
        height: 1rem;
        margin: 0 .66667rem;
        border-width: 0 0 3px 3px;
        border-style: dashed;
        border-bottom-left-radius: .45rem;
        --radius-size: $radius
    }

    .media-body {
        flex: 1
    }
}

@layer modules {
    .progress {
        display: flex;
        padding-bottom: .33334rem;
        position: relative
    }

    .progress,.progress-bar {
        border-radius: .45rem;
        --radius-size: .45rem
    }

    .progress-bar {
        position: absolute;
        top: 0;
        height: 100%
    }
}

@layer modules {
    .ui-slider {
        margin: .45833rem .625rem;
        width: calc(100% - 1.25rem);
        height: 0;
        overflow: visible;
        position: relative;
        display: flex;
        justify-content: space-between
    }

    .ui-slider-range {
        height: 100%;
        position: absolute;
        z-index: 1;
        border-radius: .45rem;
        --radius-size: .45rem
    }

    .ui-slider-handle {
        padding: 0;
        height: 1.25rem;
        width: 1.25rem;
        margin-left: -.625rem;
        position: absolute;
        cursor: pointer;
        outline: none;
        z-index: 2;
        transform: translateY(calc(-50% + .33334rem / 2));
        transition: background .25s;
        border-radius: .45rem;
        --radius-size: .45rem
    }

    @media screen and (prefers-reduced-motion: reduce) {
        .ui-slider-handle {
            transition: none
        }
    }

    .ui-slider-value {
        margin-top: .66667rem;
        font-size: .875em;
        min-height: 1.53125em
    }

    .ui-slider-input {
        margin-top: .66667rem;
        max-width: 5.2rem
    }
}

@layer modules {
    .list-group {
        padding-left: 0;
        display: flex;
        flex-direction: column
    }

    .container .list-group {
        border-radius: .45rem;
        --radius-size: .45rem
    }

    .card .list-group {
        text-align: left
    }

    .list-group.pr-0 .lgi {
        padding-right: 0
    }

    .list-group.pl-0 .lgi {
        padding-left: 0
    }

    .lgi {
        position: relative;
        display: block;
        color: inherit;
        padding: .66667rem 1.3334rem;
        overflow: hidden
    }

    .lgi.active {
        z-index: 2
    }

    .card .lgi:first-child,.list-group-vertical .lgi:first-child {
        border-top-left-radius: .45rem;
        border-top-right-radius: .45rem;
        --radius-size: $radius
    }

    .card .lgi:last-child,.list-group-vertical .lgi:last-child {
        border-bottom-right-radius: .45rem;
        border-bottom-left-radius: .45rem;
        --radius-size: $radius
    }

    .card-header+.list-group .lgi:first-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        --radius-size: $radius
    }

    .lgi-1 {
        border-width: 1px 0 0;
        border-style: dashed
    }

    .lgi-1:first-of-type {
        border-top-width: 0
    }

    .hide-l .lgi-1 {
        border-width: 0
    }

    .lg-body {
        padding-left: 1rem;
        padding-bottom: .33334rem;
        width: 100%
    }

    .lgi-text {
        font-size: .875em
    }

    .lgi-text .custom-control-label:after,.lgi-text .custom-control-label:before {
        transform: translateY(-10%)
    }

    .list-group-horizontal {
        text-align: center
    }

    .list-group-horizontal .lgi-1 {
        border-width: 0 0 0 1px
    }

    .list-group-horizontal .lgi-1:first-child {
        border-left-width: 0;
        border-radius: .45rem 0 0 .45rem;
        --radius-size: .45rem 0 0 .45rem
    }

    .list-group-horizontal .lgi-1:last-child {
        border-radius: 0 .45rem .45rem 0;
        --radius-size: 0 .45rem .45rem 0
    }
}

@layer modules-override {
    .card .list-group {
        margin-bottom: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        --radius-size: $radius
    }

    .card .list-group:first-child {
        border-top-left-radius: .45rem;
        border-top-right-radius: .45rem;
        --radius-size: $radius
    }

    .card .list-group:last-child {
        border-bottom-right-radius: .45rem;
        border-bottom-left-radius: .45rem;
        --radius-size: $radius
    }

    .section.pr-0 .list-group,.section.pr-0 .lgi {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .section.pl-0 .list-group,.section.pl-0 .lgi {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .b.bg-wh .lgi-a.active,.b.bg-de .lgi-a.active {
        color: #88b02c
    }

    .lgi-heading {
        font-family: inherit;
        font-size: inherit;
        font-weight: 600;
        line-height: 1.44
    }

    .lg-body .lgi {
        padding-top: .33334rem;
        padding-bottom: .33334rem;
        border-radius: 0;
        --radius-size: 0
    }

    .lg-body .lg-body .lgi {
        font-size: .875em
    }
}

@layer templates-override {
    .cross {
        height: 1.83em;
        width: 1.83em;
        min-width: .1rem;
        padding: 0;
        opacity: .65;
        border-radius: 100rem;
        --radius-size: 100rem
    }

    .cross:before,.cross:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        background-color: #354e31;
        font-size: 18px
    }

    .cross:before {
        height: 1px;
        width: .61em;
        margin-left: calc((-.61em + 1px) / 2)
    }

    .cross:after {
        height: .61em;
        width: 1px;
        margin-top: calc((-.61em + 1px) / 2)
    }

    .b.bg-pr .cross:not(.color-reset):before,.b.bg-pr .cross:not(.color-reset):after,.b.bg-se .cross:not(.color-reset):before,.b.bg-se .cross:not(.color-reset):after,.b.bg-su .cross:not(.color-reset):before,.b.bg-su .cross:not(.color-reset):after,.b.bg-da .cross:not(.color-reset):before,.b.bg-da .cross:not(.color-reset):after,.b.bg-wa .cross:not(.color-reset):before,.b.bg-wa .cross:not(.color-reset):after,.b.bg-in .cross:not(.color-reset):before,.b.bg-in .cross:not(.color-reset):after,.b.bg-bl .cross:not(.color-reset):before,.b.bg-bl .cross:not(.color-reset):after {
        background-color: #fff
    }
}

@layer modules {
    .close {
        transform: rotate(45deg)
    }

    .close:before,.close:after {
        font-size: 25px
    }

    button.close {
        padding: 0;
        background-color: transparent;
        border: 0;
        -webkit-appearance: none
    }
}

@layer base {
    .carousel-indicators {
        padding: 0;
        margin-bottom: 0;
        pointer-events: none
    }
}

@layer modules {
    .carousel {
        display: flex;
        flex-direction: column;
        position: relative
    }

    .carousel-inner {
        width: 100%;
        min-height: inherit;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: stretch;
        flex-wrap: nowrap
    }

    .carousel-item {
        position: relative;
        width: 100%;
        min-height: inherit;
        transition: 0.6s ease-in-out left;
        align-items: flex-start;
        justify-content: center
    }

    .carousel-item-wrapper {
        justify-content: center;
        align-items: stretch
    }

    .all-ta-l .carousel-item-wrapper {
        justify-content: flex-start
    }

    @media (min-width: 576px) {
        .carousel-nav-p .carousel-item .carousel-cont {
            padding-left:3.4834rem;
            padding-right: 3.4834rem
        }

        .carousel-nav-p-2 .carousel-item {
            padding-left: .6667rem;
            padding-right: .6667rem
        }
    }

    .carousel-navs {
        z-index: 10;
        pointer-events: none
    }

    .carousel-nav {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1;
        pointer-events: auto;
        opacity: .4;
        transition: all .25s ease-out
    }

    @media screen and (prefers-reduced-motion: reduce) {
        .carousel-nav {
            transition: none
        }
    }

    .carousel:hover .carousel-nav {
        opacity: 1
    }

    .carousel-nav .fa {
        position: relative;
        font-size: 1em
    }

    .carousel-prev {
        left: 0;
        margin-left: 1.3334rem
    }

    .carousel-prev .fa {
        left: -1px
    }

    .carousel-next {
        right: 0;
        margin-right: 1.3334rem
    }

    .carousel-next .fa {
        right: -1px
    }

    .carousel-indicators {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

    .carousel-dot {
        display: inline-block;
        height: 1.875em;
        line-height: 1.875em;
        width: 1.875em;
        margin: -.5625em 0;
        cursor: pointer;
        pointer-events: auto;
        text-align: center;
        flex: 0 1 auto;
        border-radius: 50%;
        --radius-size: 50%
    }

    .carousel-dot:before {
        content: '';
        width: .75em;
        height: .75em;
        display: inline-block;
        background: #fff;
        opacity: .4;
        border-radius: inherit
    }

    .carousel-dot:hover:before {
        opacity: .6
    }

    .carousel-dot.active:before {
        opacity: 1
    }

    .carousel-def.car-ind-b {
        display: none
    }

    .carousel-def .carousel-prev {
        margin-left: -1.3334rem
    }

    .carousel-def .carousel-next {
        margin-right: -1.3334rem
    }

    .carousel-video-mute {
        margin-bottom: 1.3334rem
    }

    .carousel-video-mute.active .fa:before {
        content: ""
    }

    .b.bg-wh .carousel-dot:before,.bg.bg-wh .carousel-def .carousel-dot:before,.b[class*='bg-de'] .carousel-dot: before,.bg[class*='bg-de'] .carousel-def .carousel-dot:before {
        background:#000
    }

    @media (max-width: 575.98px) {
        .banner .carousel-navs {
            display:none
        }
    }
}

@layer modules-override {
    .car-ind-b {
        margin-bottom: 1.3334rem;
        top: auto;
        z-index: 10
    }

    .is-dib.in-dib .car-ind-b {
        margin-bottom: 4.3334rem
    }

    @media (min-width: 768px) {
        .is-dib.in-dib .car-ind-b {
            margin-bottom:5.8334rem
        }
    }
}

@layer override {
    .carousel:not(.carousel-active) .car-i-one>*:not(:first-child),.carousel-active .carousel-spinner,.carousel:not(.carousel-active) .car-load-hide,.carousel-item:not(.active):not(.carousel-item-next):not(.carousel-item-prev) {
        display: none
    }

    .carousel-item.active,.carousel-item-next,.carousel-item-prev {
        display: flex
    }

    @media (min-width: 576px) {
        .carousel .tile {
            display:inline-flex
        }
    }

    .carousel-item.active {
        box-shadow: none
    }

    .carousel-spinner {
        text-align: center
    }

    .car-n .carousel-inner {
        display: flex;
        flex-flow: row wrap
    }

    .car-n .carousel-inner>* {
        vertical-align: top
    }

    .car-n .carousel-cont {
        padding-left: 0;
        padding-right: 0
    }

    .car-n .carousel-nav,.car-n .carousel-spinner,.car-n .carousel-indicators {
        display: none
    }

    @media (max-width: 575.98px) {
        .car-xs-n .carousel-inner {
            display:flex;
            flex-flow: row wrap
        }

        .car-xs-n .carousel-inner>* {
            vertical-align: top
        }

        .car-xs-n .carousel-cont {
            padding-left: 0;
            padding-right: 0
        }

        .car-xs-n .carousel-nav,.car-xs-n .carousel-spinner,.car-xs-n .carousel-indicators {
            display: none
        }
    }
}

@layer modules {
    .cover {
        position: relative;
        flex-direction: column;
        justify-content: center;
        overflow: hidden;
        align-items: center
    }

    .cover>.ov {
        top: -1px;
        right: -1px;
        bottom: -1px;
        left: -1px
    }

    .cover>.bi {
        background-size: cover;
        background-position: center
    }

    .cover .cvr-video {
        object-fit: cover
    }

    .cover .carousel-cont {
        padding-top: 3.75008rem;
        padding-bottom: 2rem;
        z-index: 2
    }

    @media (min-width: 992px) {
        .cover .carousel-cont {
            padding-bottom:3.75008rem
        }
    }

    .is-carousel-indicators .cover .carousel-cont {
        padding-top: 4.75008rem;
        padding-bottom: 4.75008rem
    }

    .is-dib.in-dib .is-carousel-indicators .cover .carousel-cont {
        padding-bottom: 9.25008rem
    }

    .is-dit.in-dit .is-carousel-indicators .cover .carousel-cont {
        padding-top: 9.25008rem
    }

    .cvr-video {
        height: 100%;
        width: inherit;
        margin: inherit
    }

    .cvr-iframe * {
        border-radius: inherit
    }

    .container .cover,.container .cvr-img,.container .cvr-iframe {
        border-radius: .45rem;
        --radius-size: .45rem
    }
}

@layer modules-override {
    .cover {
        display: flex
    }
}

@layer modules {
    .modal {
        display: none
    }
}

@layer modules {
    .embed-responsive {
        position: relative;
        display: block;
        width: 100%;
        margin-bottom: 2rem;
        overflow: hidden
    }

    .container .embed-responsive {
        border-radius: .45rem;
        --radius-size: .45rem
    }

    .embed-responsive::before {
        content: "";
        padding-top: 60vh;
        display: block
    }

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

    @media (min-width: 992px) {
        .embed-responsive-21by9:before {
            padding-top:42.85714%
        }
    }

    .embed-responsive-16by9:before {
        padding-top: 56.25%
    }

    .embed-responsive-4by3:before {
        padding-top: 75%
    }
}

@layer modules {
    .tooltip {
        position: absolute;
        z-index: 1030;
        padding: .5rem 0;
        margin: .5em;
        font-size: .875em;
        word-wrap: break-word;
        pointer-events: none;
        opacity: 0;
        font-style: normal;
        font-weight: 400;
        line-height: 1.6;
        letter-spacing: 0;
        text-align: left;
        text-align: start;
        text-decoration: none;
        text-shadow: none;
        text-transform: none;
        word-break: normal;
        word-spacing: normal;
        white-space: normal;
        line-break: auto;
        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
    }

    .wf-active .tooltip {
        font-family: "Roboto",sans-serif
    }

    .tooltip .arrow {
        width: 1rem;
        height: .5rem;
        position: absolute;
        left: 50% !important;
        transform: translateX(-50%)
    }

    .tooltip .arrow::before {
        content: "";
        position: absolute;
        border-color: transparent;
        border-style: solid;
        border-top-color: #354e31
    }

    .bs-tooltip-top .arrow {
        bottom: 0
    }

    .bs-tooltip-top .arrow::before {
        top: 0;
        border-width: .5rem .5rem 0
    }

    .bs-tooltip-bottom .arrow {
        top: 0
    }

    .bs-tooltip-bottom .arrow::before {
        bottom: 0;
        border-width: 0 .5rem .5rem;
        border-bottom-color: #354e31
    }

    .tooltip-static {
        position: relative;
        z-index: unset
    }

    .tooltip-sm {
        font-size: .65625rem
    }

    .tooltip-sm .tooltip-inner {
        padding: 0.5em 1rem
    }

    [data-toggle*='tooltip']: hover+.tooltip,.tooltip-static {
        opacity:1
    }

    .tooltip-inner {
        max-width: 18em;
        padding: 1rem;
        color: #fff;
        text-align: center;
        background-color: #354e31;
        border-radius: .45rem;
        --radius-size: .45rem;
        box-shadow: 0 0.625rem rgba(0,0,0,0.05)
    }
}

@layer base {
    .b.bg-pr *:not(.btn):not(.form-control):not(.input-group-addon):not(.ui-spinner-button):not(.divider),.b.bg-pr:after,.b.bg-pr:before,.b.bg-pr *:after,.b.bg-pr *:before {
        border-color: rgba(255,255,255,0.075)
    }

    .b.bg-de *:not(.btn):not(.form-control):not(.input-group-addon):not(.ui-spinner-button):not(.divider),.b.bg-de:after,.b.bg-de:before,.b.bg-de *:after,.b.bg-de *:before {
        border-color: #fff
    }

    .b.bg-se *:not(.btn):not(.form-control):not(.input-group-addon):not(.ui-spinner-button):not(.divider),.b.bg-se:after,.b.bg-se:before,.b.bg-se *:after,.b.bg-se *:before {
        border-color: rgba(255,255,255,0.075)
    }

    .b.bg-des *:not(.btn):not(.form-control):not(.input-group-addon):not(.ui-spinner-button):not(.divider),.b.bg-des:after,.b.bg-des:before,.b.bg-des *:after,.b.bg-des *:before {
        border-color: #fff
    }

    .b.bg-wh *:not(.btn):not(.form-control):not(.input-group-addon):not(.ui-spinner-button):not(.divider),.b.bg-wh:after,.b.bg-wh:before,.b.bg-wh *:after,.b.bg-wh *:before {
        border-color: rgba(53,78,49,0.075)
    }
}

@layer modules {
    .bg-pr {
        border-color: rgba(255,255,255,0.075);
        color: #ecf4eb
    }

    .bg-pr>.st {
        background-color: rgba(255,255,255,0.075)
    }

    .bg-de {
        border-color: #fff;
        color: #354e31
    }

    .bg-de>.st {
        background-color: #fff
    }

    .bg-se {
        border-color: rgba(255,255,255,0.075);
        color: #f4fbe4
    }

    .bg-se>.st {
        background-color: rgba(255,255,255,0.075)
    }

    .bg-des {
        border-color: #fff;
        color: #4f661a
    }

    .bg-des>.st {
        background-color: #fff
    }

    .bg-wh {
        border-color: rgba(53,78,49,0.075);
        color: #354e31
    }

    .bg-wh>.st {
        background-color: rgba(53,78,49,0.075)
    }

    .bg-su {
        color: #fff
    }

    .bg-da {
        color: #fff
    }

    .bg-wa {
        color: #fff
    }

    .bg-in {
        color: #fff
    }

    .bg-bl {
        color: #fff
    }

    .fg.bg-pr {
        border-color: rgba(255,255,255,0.075);
        color: #fff
    }

    .fg.bg-pr>.st {
        background-color: rgba(255,255,255,0.075)
    }

    .fg.bg-de {
        color: #3a5636
    }

    .fg.bg-de>.st {
        background-color: #fff
    }

    .fg.bg-se {
        border-color: rgba(255,255,255,0.075);
        color: #fff
    }

    .fg.bg-se>.st {
        background-color: rgba(255,255,255,0.075)
    }

    .fg.bg-des {
        color: #88b02c
    }

    .fg.bg-des>.st {
        background-color: #fff
    }

    .fg.bg-wh {
        color: #3a5636
    }

    .fg.bg-wh>.st {
        background-color: rgba(53,78,49,0.075)
    }

    .b.bg-pr a: not([class^="c-"]):not([class*=" c-"]):not(.btn):not(.badge):not(.nav-link):not(.navbar-toggler):not(.lgi):not(.dd-i):not(.page-link),.b.bg-pr .a {
        color:#fff
    }

    .b.bg-pr a: not([class^="c-"]):not([class*=" c-"]):not(.btn):not(.badge):not(.nav-link):not(.navbar-toggler):not(.lgi):not(.dd-i):not(.page-link):hover:not(.no-hover),.b.bg-pr a:not([class^="c-"]):not([class*=" c-"]):not(.btn):not(.badge):not(.nav-link):not(.navbar-toggler):not(.lgi):not(.dd-i):not(.page-link):focus:not(.no-hover),.b.bg-pr .a:hover:not(.no-hover),.b.bg-pr .a:focus:not(.no-hover) {
        color:#fff
    }

    .b.bg-pr .show>a: not([class^="c-"]):not([class*=" c-"]):not(.btn):not(.badge):not(.nav-link):not(.navbar-toggler):not(.lgi):not(.dd-i):not(.page-link) {
        color:#fff
    }

    .b.bg-pr .c-mu {
        color: rgba(236,244,235,0.6)
    }

    .b.bg-de a: not([class^="c-"]):not([class*=" c-"]):not(.btn):not(.badge):not(.nav-link):not(.navbar-toggler):not(.lgi):not(.dd-i):not(.page-link),.b.bg-de .a {
        color:#759826
    }

    .b.bg-de a: not([class^="c-"]):not([class*=" c-"]):not(.btn):not(.badge):not(.nav-link):not(.navbar-toggler):not(.lgi):not(.dd-i):not(.page-link):hover:not(.no-hover),.b.bg-de a:not([class^="c-"]):not([class*=" c-"]):not(.btn):not(.badge):not(.nav-link):not(.navbar-toggler):not(.lgi):not(.dd-i):not(.page-link):focus:not(.no-hover),.b.bg-de .a:hover:not(.no-hover),.b.bg-de .a:focus:not(.no-hover) {
        color:#7ea329
    }

    .b.bg-de .show>a: not([class^="c-"]):not([class*=" c-"]):not(.btn):not(.badge):not(.nav-link):not(.navbar-toggler):not(.lgi):not(.dd-i):not(.page-link) {
        color:#7ea329
    }

    .b.bg-de .c-mu {
        color: rgba(53,78,49,0.6)
    }

    .b.bg-se a: not([class^="c-"]):not([class*=" c-"]):not(.btn):not(.badge):not(.nav-link):not(.navbar-toggler):not(.lgi):not(.dd-i):not(.page-link),.b.bg-se .a {
        color:#fff
    }

    .b.bg-se a: not([class^="c-"]):not([class*=" c-"]):not(.btn):not(.badge):not(.nav-link):not(.navbar-toggler):not(.lgi):not(.dd-i):not(.page-link):hover:not(.no-hover),.b.bg-se a:not([class^="c-"]):not([class*=" c-"]):not(.btn):not(.badge):not(.nav-link):not(.navbar-toggler):not(.lgi):not(.dd-i):not(.page-link):focus:not(.no-hover),.b.bg-se .a:hover:not(.no-hover),.b.bg-se .a:focus:not(.no-hover) {
        color:#fff
    }

    .b.bg-se .show>a: not([class^="c-"]):not([class*=" c-"]):not(.btn):not(.badge):not(.nav-link):not(.navbar-toggler):not(.lgi):not(.dd-i):not(.page-link) {
        color:#fff
    }

    .b.bg-se .c-mu {
        color: rgba(244,251,228,0.6)
    }

    .b.bg-des a: not([class^="c-"]):not([class*=" c-"]):not(.btn):not(.badge):not(.nav-link):not(.navbar-toggler):not(.lgi):not(.dd-i):not(.page-link),.b.bg-des .a {
        color:#759826
    }

    .b.bg-des a: not([class^="c-"]):not([class*=" c-"]):not(.btn):not(.badge):not(.nav-link):not(.navbar-toggler):not(.lgi):not(.dd-i):not(.page-link):hover:not(.no-hover),.b.bg-des a:not([class^="c-"]):not([class*=" c-"]):not(.btn):not(.badge):not(.nav-link):not(.navbar-toggler):not(.lgi):not(.dd-i):not(.page-link):focus:not(.no-hover),.b.bg-des .a:hover:not(.no-hover),.b.bg-des .a:focus:not(.no-hover) {
        color:#7ea329
    }

    .b.bg-des .show>a: not([class^="c-"]):not([class*=" c-"]):not(.btn):not(.badge):not(.nav-link):not(.navbar-toggler):not(.lgi):not(.dd-i):not(.page-link) {
        color:#7ea329
    }

    .b.bg-des .c-mu {
        color: rgba(79,102,26,0.6)
    }

    .b.bg-wh a: not([class^="c-"]):not([class*=" c-"]):not(.btn):not(.badge):not(.nav-link):not(.navbar-toggler):not(.lgi):not(.dd-i):not(.page-link),.b.bg-wh .a {
        color:#759826
    }

    .b.bg-wh a: not([class^="c-"]):not([class*=" c-"]):not(.btn):not(.badge):not(.nav-link):not(.navbar-toggler):not(.lgi):not(.dd-i):not(.page-link):hover:not(.no-hover),.b.bg-wh a:not([class^="c-"]):not([class*=" c-"]):not(.btn):not(.badge):not(.nav-link):not(.navbar-toggler):not(.lgi):not(.dd-i):not(.page-link):focus:not(.no-hover),.b.bg-wh .a:hover:not(.no-hover),.b.bg-wh .a:focus:not(.no-hover) {
        color:#7ea329
    }

    .b.bg-wh .show>a: not([class^="c-"]):not([class*=" c-"]):not(.btn):not(.badge):not(.nav-link):not(.navbar-toggler):not(.lgi):not(.dd-i):not(.page-link) {
        color:#7ea329
    }

    .b.bg-wh .c-mu {
        color: rgba(53,78,49,0.6)
    }

    .bi,.bic {
        background-repeat: no-repeat;
        background-position: center
    }

    .bic {
        -webkit-mask: none;
        mask: none
    }

    .bic-h>.bic.load {
        background-image: url(theme/custom/607b06a93b8be-pexels-jahoo-clouseau-1260324.jpg)
    }

    .bic-bnr-sl-1>.bic.load {
        background-image: url(theme/custom/606cb0e2d0468-moss-3101476-1920.jpg)
    }

    .bic-bnr-sl-4>.bic.load {
        background-image: url(theme/custom/606cb17a253b9-moss-3101476-1920.jpg)
    }

    .bic-prtnr>.bic.load {
        background-image: url(theme/custom/6139a2ff03e81-aaaa.png)
    }

    [class*='bte-'] {
        -webkit-mask: no-repeat center;
        mask: no-repeat center
    }

    [class*='bte-'].load {
        background-color: #354e31
    }

    .bg-de>[class*='bte-'].load,.bg-des>[class*='bte-'].load,.bg-pr>[class*='bte-'].load,.bg-se>[class*='bte-'].load {
        background-color: #fff
    }

    .bte-th.load {
        -webkit-mask-image: url("/images/textures/5.svg?7k6x");
        mask-image: url("/images/textures/5.svg?7k6x");
        -webkit-mask-size: 2335px 725px;
        mask-size: 2335px 725px
    }

    .bte-1.load {
        -webkit-mask-image: url("images/textures/1.svg");
        mask-image: url("images/textures/1.svg");
        -webkit-mask-size: 2190px 1160px;
        mask-size: 2190px 1160px
    }

    .bte-2.load {
        -webkit-mask-image: url("images/textures/2.svg");
        mask-image: url("images/textures/2.svg");
        -webkit-mask-size: 2600px 298px;
        mask-size: 2600px 298px
    }

    .bte-3.load {
        -webkit-mask-image: url("images/textures/3.svg");
        mask-image: url("images/textures/3.svg");
        -webkit-mask-size: 2613px 1017px;
        mask-size: 2613px 1017px
    }

    .bte-4.load {
        -webkit-mask-image: url("images/textures/4.svg");
        mask-image: url("images/textures/4.svg");
        -webkit-mask-size: 2620px 980px;
        mask-size: 2620px 980px
    }

    .bte-5.load {
        -webkit-mask-image: url("images/textures/5.svg");
        mask-image: url("images/textures/5.svg");
        -webkit-mask-size: 2335px 725px;
        mask-size: 2335px 725px
    }

    .bte-6.load {
        -webkit-mask-image: url("images/textures/6.svg");
        mask-image: url("images/textures/6.svg");
        -webkit-mask-size: 2376px 1343px;
        mask-size: 2376px 1343px
    }

    .bte-7.load {
        -webkit-mask-image: url("images/textures/7.svg");
        mask-image: url("images/textures/7.svg");
        -webkit-mask-size: 2600px 1210px;
        mask-size: 2600px 1210px
    }

    .bte-8.load {
        -webkit-mask-image: url("images/textures/8.svg");
        mask-image: url("images/textures/8.svg");
        -webkit-mask-size: 2820px 1215px;
        mask-size: 2820px 1215px
    }

    .bte-9.load {
        -webkit-mask-image: url("images/textures/9.svg");
        mask-image: url("images/textures/9.svg");
        -webkit-mask-size: 151px 151px;
        mask-size: 151px 151px
    }

    .bte-10.load {
        -webkit-mask-image: url("images/textures/10.svg");
        mask-image: url("images/textures/10.svg");
        -webkit-mask-size: 919px 990px;
        mask-size: 919px 990px
    }

    .bte-11.load {
        -webkit-mask-image: url("images/textures/11.svg");
        mask-image: url("images/textures/11.svg");
        -webkit-mask-size: 2310px 1045px;
        mask-size: 2310px 1045px
    }

    .bte-12.load {
        -webkit-mask-image: url("images/textures/12.svg");
        mask-image: url("images/textures/12.svg");
        -webkit-mask-size: 2000px 1277px;
        mask-size: 2000px 1277px
    }

    .bte-13.load {
        -webkit-mask-image: url("images/textures/13.svg");
        mask-image: url("images/textures/13.svg");
        -webkit-mask-size: 1500px 797px;
        mask-size: 1500px 797px
    }

    .bte-14.load {
        -webkit-mask-image: url("images/textures/14.svg");
        mask-image: url("images/textures/14.svg");
        -webkit-mask-size: 1418px 508px;
        mask-size: 1418px 508px
    }

    .bte-15.load {
        -webkit-mask-image: url("images/textures/15.svg");
        mask-image: url("images/textures/15.svg");
        -webkit-mask-size: 1500px 1426px;
        mask-size: 1500px 1426px
    }

    .bte-16.load {
        -webkit-mask-image: url("images/textures/16.svg");
        mask-image: url("images/textures/16.svg");
        -webkit-mask-size: 1230px 820px;
        mask-size: 1230px 820px
    }

    .bte-17.load {
        -webkit-mask-image: url("images/textures/17.svg");
        mask-image: url("images/textures/17.svg");
        -webkit-mask-size: 1742px 1008px;
        mask-size: 1742px 1008px
    }

    .bte-18.load {
        -webkit-mask-image: url("images/textures/18.svg");
        mask-image: url("images/textures/18.svg");
        -webkit-mask-size: 2552px 1856px;
        mask-size: 2552px 1856px
    }

    .bte-19.load {
        -webkit-mask-image: url("images/textures/19.svg");
        mask-image: url("images/textures/19.svg");
        -webkit-mask-size: 1500px 1448px;
        mask-size: 1500px 1448px
    }

    .bte-20.load {
        -webkit-mask-image: url("images/textures/20.svg");
        mask-image: url("images/textures/20.svg");
        -webkit-mask-size: 1200px 750px;
        mask-size: 1200px 750px
    }

    .bte-21.load {
        -webkit-mask-image: url("images/textures/21.svg");
        mask-image: url("images/textures/21.svg");
        -webkit-mask-size: 1565px 1606px;
        mask-size: 1565px 1606px
    }

    .bte-22.load {
        -webkit-mask-image: url("images/textures/22.svg");
        mask-image: url("images/textures/22.svg");
        -webkit-mask-size: 998px 998px;
        mask-size: 998px 998px
    }

    .bte-23.load {
        -webkit-mask-image: url("images/textures/23.svg");
        mask-image: url("images/textures/23.svg");
        -webkit-mask-size: 1496px 1020px;
        mask-size: 1496px 1020px
    }

    .bte-24.load {
        -webkit-mask-image: url("images/textures/24.svg");
        mask-image: url("images/textures/24.svg");
        -webkit-mask-size: 1500px 1000px;
        mask-size: 1500px 1000px
    }

    .bte-25.load {
        -webkit-mask-image: url("images/textures/25.svg");
        mask-image: url("images/textures/25.svg");
        -webkit-mask-size: 2000px 1334px;
        mask-size: 2000px 1334px
    }

    .bte-26.load {
        -webkit-mask-image: url("images/textures/26.svg");
        mask-image: url("images/textures/26.svg");
        -webkit-mask-size: 2888px 1836px;
        mask-size: 2888px 1836px
    }

    .bte-27.load {
        -webkit-mask-image: url("images/textures/27.svg");
        mask-image: url("images/textures/27.svg");
        -webkit-mask-size: 2617px 586px;
        mask-size: 2617px 586px
    }

    [class*='bma-'].load {
        background-color: #fff;
        -webkit-mask: no-repeat center;
        mask: no-repeat center;
        -webkit-mask-size: cover;
        mask-size: cover
    }

    .bma-1.load {
        -webkit-mask-image: url("images/masks/1.svg");
        mask-image: url("images/masks/1.svg")
    }

    .bma-2.load {
        -webkit-mask-image: url("images/masks/2.svg");
        mask-image: url("images/masks/2.svg")
    }

    .bma-3.load {
        -webkit-mask-image: url("images/masks/3.svg");
        mask-image: url("images/masks/3.svg")
    }

    .bma-4.load {
        -webkit-mask-image: url("images/masks/4.svg");
        mask-image: url("images/masks/4.svg")
    }

    .bma-5.load {
        -webkit-mask-image: url("images/masks/5.svg");
        mask-image: url("images/masks/5.svg")
    }

    .bma-6.load {
        -webkit-mask-image: url("images/masks/6.svg");
        mask-image: url("images/masks/6.svg")
    }

    .bma-7.load {
        -webkit-mask-image: url("images/masks/7.svg");
        mask-image: url("images/masks/7.svg")
    }

    .bma-8.load {
        -webkit-mask-image: url("images/masks/8.svg");
        mask-image: url("images/masks/8.svg")
    }

    .bma-9.load {
        -webkit-mask-image: url("images/masks/9.svg");
        mask-image: url("images/masks/9.svg")
    }

    .bma-10.load {
        -webkit-mask-image: url("images/masks/10.svg");
        mask-image: url("images/masks/10.svg")
    }

    .bma-11.load {
        -webkit-mask-image: url("images/masks/11.svg");
        mask-image: url("images/masks/11.svg")
    }

    .bma-12.load {
        -webkit-mask-image: url("images/masks/12.svg");
        mask-image: url("images/masks/12.svg")
    }

    .bma-13.load {
        -webkit-mask-image: url("images/masks/13.svg");
        mask-image: url("images/masks/13.svg")
    }

    .bma-14.load {
        -webkit-mask-image: url("images/masks/14.svg");
        mask-image: url("images/masks/14.svg")
    }

    .bma-15.load {
        -webkit-mask-image: url("images/masks/15.svg");
        mask-image: url("images/masks/15.svg")
    }

    .bma-16.load {
        -webkit-mask-image: url("images/masks/16.svg");
        mask-image: url("images/masks/16.svg")
    }

    .bma-17.load {
        -webkit-mask-image: url("images/masks/17.svg");
        mask-image: url("images/masks/17.svg")
    }

    .bma-18.load {
        -webkit-mask-image: url("images/masks/18.svg");
        mask-image: url("images/masks/18.svg")
    }

    .bma-19.load {
        -webkit-mask-image: url("images/masks/19.svg");
        mask-image: url("images/masks/19.svg")
    }

    .bma-20.load {
        -webkit-mask-image: url("images/masks/20.svg");
        mask-image: url("images/masks/20.svg")
    }

    .bma-21.load {
        -webkit-mask-image: url("images/masks/21.svg");
        mask-image: url("images/masks/21.svg")
    }

    .bma-22.load {
        -webkit-mask-image: url("images/masks/22.svg");
        mask-image: url("images/masks/22.svg")
    }

    .bma-23.load {
        -webkit-mask-image: url("images/masks/23.svg");
        mask-image: url("images/masks/23.svg")
    }

    .bma-24.load {
        -webkit-mask-image: url("images/masks/24.svg");
        mask-image: url("images/masks/24.svg")
    }

    .bma-25.load {
        -webkit-mask-image: url("images/masks/25.svg");
        mask-image: url("images/masks/25.svg")
    }

    .bma-26.load {
        -webkit-mask-image: url("images/masks/26.svg");
        mask-image: url("images/masks/26.svg")
    }

    .bma-27.load {
        -webkit-mask-image: url("images/masks/27.svg");
        mask-image: url("images/masks/27.svg")
    }

    .bma-28.load {
        -webkit-mask-image: url("images/masks/28.svg");
        mask-image: url("images/masks/28.svg")
    }
}

@layer modules-override {
    .b.bg-se .bg-wh,.b.bg-des .bg-wh {
        color: #4f661a;
        border-color: rgba(79,102,26,0.075)
    }

    .b.bg-se .fg.bg-wh,.b.bg-des .fg.bg-wh {
        color: #88b02c
    }
}

@layer utilities {
    .bg-pr {
        background-color: #3a5636
    }

    .bg-pr::placeholder {
        color: rgba(255,255,255,0.5)
    }

    .bg-de {
        background-color: #ecf4eb
    }

    .bg-se {
        background-color: #88b02c
    }

    .bg-se::placeholder {
        color: rgba(255,255,255,0.5)
    }

    .bg-des {
        background-color: #f4fbe4
    }

    .bg-wh {
        background-color: #fff
    }

    .bg-su {
        background-color: #1abc9c
    }

    .bg-da {
        background-color: #dc3545
    }

    .bg-wa {
        background-color: #ffc107
    }

    .bg-in {
        background-color: #14aac8
    }

    .bg-bl {
        background-color: #000
    }

    .x {
        background-color: transparent
    }

    @media (min-width: 576px) {
        .x-sm {
            background-color:transparent
        }
    }

    @media (min-width: 768px) {
        .x-md {
            background-color:transparent
        }
    }

    @media (min-width: 992px) {
        .x-lg {
            background-color:transparent
        }
    }

    @media (min-width: 1204px) {
        .x-xl {
            background-color:transparent
        }
    }

    @media (min-width: 1502px) {
        .x-xxl {
            background-color:transparent
        }
    }

    [class*='bov-'] {
        --overlay-size: 100%
    }

    [class*='bov-wh'] {
        --overlay-color: 255,255,255
    }

    [class*='bov-bl'] {
        --overlay-color: 0,0,0
    }

    [class*='bov-cy'] {
        --overlay-color: 26,38,56
    }

    [class*='bov-re'] {
        --overlay-color: 56,26,26
    }

    [class*='bov-gr'] {
        --overlay-color: 38,55,47
    }

    [class*='bov-ye'] {
        --overlay-color: 120,89,42
    }

    [class*='bov-'][class*='-o-5'] {
        --overlay-opacity-1: .05;
        --overlay-opacity-2: .05
    }

    [class*='bov-'][class*='-o-10'] {
        --overlay-opacity-1: .1;
        --overlay-opacity-2: .1
    }

    [class*='bov-'][class*='-o-20'] {
        --overlay-opacity-1: .2;
        --overlay-opacity-2: .2
    }

    [class*='bov-'][class*='-o-40'] {
        --overlay-opacity-1: .4;
        --overlay-opacity-2: .4
    }

    [class*='bov-'][class*='-o-60'] {
        --overlay-opacity-1: .6;
        --overlay-opacity-2: .6
    }

    [class*='bov-'][class*='-o-80'] {
        --overlay-opacity-1: .8;
        --overlay-opacity-2: .8
    }

    [class*='bov-'][class*='-o-100'] {
        --overlay-opacity-1: 1;
        --overlay-opacity-2: 1
    }

    [class*='bgr-'] {
        --gradient-type: linear;
        --gradient-direction: 180deg
    }

    .bgr-l1 {
        --gradient-direction: 0deg
    }

    .bgr-l2 {
        --gradient-direction: 45deg
    }

    .bgr-l3 {
        --gradient-direction: 90deg
    }

    .bgr-l4 {
        --gradient-direction: 135deg
    }

    .bgr-l6 {
        --gradient-direction: 225deg
    }

    .bgr-l7 {
        --gradient-direction: 270deg
    }

    .bgr-l8 {
        --gradient-direction: 315deg
    }

    .bgr-r9 {
        --gradient-type: radial;
        --gradient-direction: circle;
        --gradient-size: 75%
    }

    .bgr-r10 {
        --gradient-type: radial;
        --gradient-direction: circle
    }

    .bre-xy {
        background-repeat: repeat;
        -webkit-mask-repeat: repeat;
        mask-repeat: repeat
    }

    .bre-x {
        background-repeat: repeat-x;
        -webkit-mask-repeat: repeat-x;
        mask-repeat: repeat-x
    }

    .bre-y {
        background-repeat: repeat-y;
        -webkit-mask-repeat: repeat-y;
        mask-repeat: repeat-y
    }

    .bre-s {
        background-repeat: space;
        -webkit-mask-repeat: space;
        mask-repeat: space
    }

    .bre-r {
        background-repeat: round;
        -webkit-mask-repeat: round;
        mask-repeat: round
    }

    .bre-n {
        background-repeat: no-repeat;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    @media (min-width: 576px) {
        .bre-sm-xy {
            background-repeat:repeat;
            -webkit-mask-repeat: repeat;
            mask-repeat: repeat
        }

        .bre-sm-x {
            background-repeat: repeat-x;
            -webkit-mask-repeat: repeat-x;
            mask-repeat: repeat-x
        }

        .bre-sm-y {
            background-repeat: repeat-y;
            -webkit-mask-repeat: repeat-y;
            mask-repeat: repeat-y
        }

        .bre-sm-s {
            background-repeat: space;
            -webkit-mask-repeat: space;
            mask-repeat: space
        }

        .bre-sm-r {
            background-repeat: round;
            -webkit-mask-repeat: round;
            mask-repeat: round
        }

        .bre-sm-n {
            background-repeat: no-repeat;
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat
        }
    }

    @media (min-width: 768px) {
        .bre-md-xy {
            background-repeat:repeat;
            -webkit-mask-repeat: repeat;
            mask-repeat: repeat
        }

        .bre-md-x {
            background-repeat: repeat-x;
            -webkit-mask-repeat: repeat-x;
            mask-repeat: repeat-x
        }

        .bre-md-y {
            background-repeat: repeat-y;
            -webkit-mask-repeat: repeat-y;
            mask-repeat: repeat-y
        }

        .bre-md-s {
            background-repeat: space;
            -webkit-mask-repeat: space;
            mask-repeat: space
        }

        .bre-md-r {
            background-repeat: round;
            -webkit-mask-repeat: round;
            mask-repeat: round
        }

        .bre-md-n {
            background-repeat: no-repeat;
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat
        }
    }

    @media (min-width: 992px) {
        .bre-lg-xy {
            background-repeat:repeat;
            -webkit-mask-repeat: repeat;
            mask-repeat: repeat
        }

        .bre-lg-x {
            background-repeat: repeat-x;
            -webkit-mask-repeat: repeat-x;
            mask-repeat: repeat-x
        }

        .bre-lg-y {
            background-repeat: repeat-y;
            -webkit-mask-repeat: repeat-y;
            mask-repeat: repeat-y
        }

        .bre-lg-s {
            background-repeat: space;
            -webkit-mask-repeat: space;
            mask-repeat: space
        }

        .bre-lg-r {
            background-repeat: round;
            -webkit-mask-repeat: round;
            mask-repeat: round
        }

        .bre-lg-n {
            background-repeat: no-repeat;
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat
        }
    }

    @media (min-width: 1204px) {
        .bre-xl-xy {
            background-repeat:repeat;
            -webkit-mask-repeat: repeat;
            mask-repeat: repeat
        }

        .bre-xl-x {
            background-repeat: repeat-x;
            -webkit-mask-repeat: repeat-x;
            mask-repeat: repeat-x
        }

        .bre-xl-y {
            background-repeat: repeat-y;
            -webkit-mask-repeat: repeat-y;
            mask-repeat: repeat-y
        }

        .bre-xl-s {
            background-repeat: space;
            -webkit-mask-repeat: space;
            mask-repeat: space
        }

        .bre-xl-r {
            background-repeat: round;
            -webkit-mask-repeat: round;
            mask-repeat: round
        }

        .bre-xl-n {
            background-repeat: no-repeat;
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat
        }
    }

    @media (min-width: 1502px) {
        .bre-xxl-xy {
            background-repeat:repeat;
            -webkit-mask-repeat: repeat;
            mask-repeat: repeat
        }

        .bre-xxl-x {
            background-repeat: repeat-x;
            -webkit-mask-repeat: repeat-x;
            mask-repeat: repeat-x
        }

        .bre-xxl-y {
            background-repeat: repeat-y;
            -webkit-mask-repeat: repeat-y;
            mask-repeat: repeat-y
        }

        .bre-xxl-s {
            background-repeat: space;
            -webkit-mask-repeat: space;
            mask-repeat: space
        }

        .bre-xxl-r {
            background-repeat: round;
            -webkit-mask-repeat: round;
            mask-repeat: round
        }

        .bre-xxl-n {
            background-repeat: no-repeat;
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat
        }
    }

    .bsi-cov {
        background-size: cover;
        -webkit-mask-size: cover;
        mask-size: cover
    }

    .bsi-cont {
        background-size: contain;
        -webkit-mask-size: contain;
        mask-size: contain
    }

    .bsi-act {
        background-size: initial;
        -webkit-mask-size: initial;
        mask-size: initial
    }

    .bsi-str {
        background-size: 100% 100%;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%
    }

    .bsi-2 {
        background-size: 50% 100%;
        -webkit-mask-size: 50% 100%;
        mask-size: 50% 100%
    }

    .bsi-4 {
        background-size: 25% 100%;
        -webkit-mask-size: 25% 100%;
        mask-size: 25% 100%
    }

    .bsi-5 {
        background-size: 20% 100%;
        -webkit-mask-size: 20% 100%;
        mask-size: 20% 100%
    }

    .bsi-10 {
        background-size: 10% 100%;
        -webkit-mask-size: 10% 100%;
        mask-size: 10% 100%
    }

    .bsi-20 {
        background-size: 5% 100%;
        -webkit-mask-size: 5% 100%;
        mask-size: 5% 100%
    }

    .bsi-100 {
        background-size: 1% 100%;
        -webkit-mask-size: 1% 100%;
        mask-size: 1% 100%
    }

    @media (min-width: 576px) {
        .bsi-sm-cov {
            background-size:cover;
            -webkit-mask-size: cover;
            mask-size: cover
        }

        .bsi-sm-cont {
            background-size: contain;
            -webkit-mask-size: contain;
            mask-size: contain
        }

        .bsi-sm-act {
            background-size: initial;
            -webkit-mask-size: initial;
            mask-size: initial
        }

        .bsi-sm-str {
            background-size: 100% 100%;
            -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%
        }

        .bsi-sm-2 {
            background-size: 50% 100%;
            -webkit-mask-size: 50% 100%;
            mask-size: 50% 100%
        }

        .bsi-sm-4 {
            background-size: 25% 100%;
            -webkit-mask-size: 25% 100%;
            mask-size: 25% 100%
        }

        .bsi-sm-5 {
            background-size: 20% 100%;
            -webkit-mask-size: 20% 100%;
            mask-size: 20% 100%
        }

        .bsi-sm-10 {
            background-size: 10% 100%;
            -webkit-mask-size: 10% 100%;
            mask-size: 10% 100%
        }

        .bsi-sm-20 {
            background-size: 5% 100%;
            -webkit-mask-size: 5% 100%;
            mask-size: 5% 100%
        }

        .bsi-sm-100 {
            background-size: 1% 100%;
            -webkit-mask-size: 1% 100%;
            mask-size: 1% 100%
        }
    }

    @media (min-width: 768px) {
        .bsi-md-cov {
            background-size:cover;
            -webkit-mask-size: cover;
            mask-size: cover
        }

        .bsi-md-cont {
            background-size: contain;
            -webkit-mask-size: contain;
            mask-size: contain
        }

        .bsi-md-act {
            background-size: initial;
            -webkit-mask-size: initial;
            mask-size: initial
        }

        .bsi-md-str {
            background-size: 100% 100%;
            -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%
        }

        .bsi-md-2 {
            background-size: 50% 100%;
            -webkit-mask-size: 50% 100%;
            mask-size: 50% 100%
        }

        .bsi-md-4 {
            background-size: 25% 100%;
            -webkit-mask-size: 25% 100%;
            mask-size: 25% 100%
        }

        .bsi-md-5 {
            background-size: 20% 100%;
            -webkit-mask-size: 20% 100%;
            mask-size: 20% 100%
        }

        .bsi-md-10 {
            background-size: 10% 100%;
            -webkit-mask-size: 10% 100%;
            mask-size: 10% 100%
        }

        .bsi-md-20 {
            background-size: 5% 100%;
            -webkit-mask-size: 5% 100%;
            mask-size: 5% 100%
        }

        .bsi-md-100 {
            background-size: 1% 100%;
            -webkit-mask-size: 1% 100%;
            mask-size: 1% 100%
        }
    }

    @media (min-width: 992px) {
        .bsi-lg-cov {
            background-size:cover;
            -webkit-mask-size: cover;
            mask-size: cover
        }

        .bsi-lg-cont {
            background-size: contain;
            -webkit-mask-size: contain;
            mask-size: contain
        }

        .bsi-lg-act {
            background-size: initial;
            -webkit-mask-size: initial;
            mask-size: initial
        }

        .bsi-lg-str {
            background-size: 100% 100%;
            -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%
        }

        .bsi-lg-2 {
            background-size: 50% 100%;
            -webkit-mask-size: 50% 100%;
            mask-size: 50% 100%
        }

        .bsi-lg-4 {
            background-size: 25% 100%;
            -webkit-mask-size: 25% 100%;
            mask-size: 25% 100%
        }

        .bsi-lg-5 {
            background-size: 20% 100%;
            -webkit-mask-size: 20% 100%;
            mask-size: 20% 100%
        }

        .bsi-lg-10 {
            background-size: 10% 100%;
            -webkit-mask-size: 10% 100%;
            mask-size: 10% 100%
        }

        .bsi-lg-20 {
            background-size: 5% 100%;
            -webkit-mask-size: 5% 100%;
            mask-size: 5% 100%
        }

        .bsi-lg-100 {
            background-size: 1% 100%;
            -webkit-mask-size: 1% 100%;
            mask-size: 1% 100%
        }
    }

    @media (min-width: 1204px) {
        .bsi-xl-cov {
            background-size:cover;
            -webkit-mask-size: cover;
            mask-size: cover
        }

        .bsi-xl-cont {
            background-size: contain;
            -webkit-mask-size: contain;
            mask-size: contain
        }

        .bsi-xl-act {
            background-size: initial;
            -webkit-mask-size: initial;
            mask-size: initial
        }

        .bsi-xl-str {
            background-size: 100% 100%;
            -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%
        }

        .bsi-xl-2 {
            background-size: 50% 100%;
            -webkit-mask-size: 50% 100%;
            mask-size: 50% 100%
        }

        .bsi-xl-4 {
            background-size: 25% 100%;
            -webkit-mask-size: 25% 100%;
            mask-size: 25% 100%
        }

        .bsi-xl-5 {
            background-size: 20% 100%;
            -webkit-mask-size: 20% 100%;
            mask-size: 20% 100%
        }

        .bsi-xl-10 {
            background-size: 10% 100%;
            -webkit-mask-size: 10% 100%;
            mask-size: 10% 100%
        }

        .bsi-xl-20 {
            background-size: 5% 100%;
            -webkit-mask-size: 5% 100%;
            mask-size: 5% 100%
        }

        .bsi-xl-100 {
            background-size: 1% 100%;
            -webkit-mask-size: 1% 100%;
            mask-size: 1% 100%
        }
    }

    @media (min-width: 1502px) {
        .bsi-xxl-cov {
            background-size:cover;
            -webkit-mask-size: cover;
            mask-size: cover
        }

        .bsi-xxl-cont {
            background-size: contain;
            -webkit-mask-size: contain;
            mask-size: contain
        }

        .bsi-xxl-act {
            background-size: initial;
            -webkit-mask-size: initial;
            mask-size: initial
        }

        .bsi-xxl-str {
            background-size: 100% 100%;
            -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%
        }

        .bsi-xxl-2 {
            background-size: 50% 100%;
            -webkit-mask-size: 50% 100%;
            mask-size: 50% 100%
        }

        .bsi-xxl-4 {
            background-size: 25% 100%;
            -webkit-mask-size: 25% 100%;
            mask-size: 25% 100%
        }

        .bsi-xxl-5 {
            background-size: 20% 100%;
            -webkit-mask-size: 20% 100%;
            mask-size: 20% 100%
        }

        .bsi-xxl-10 {
            background-size: 10% 100%;
            -webkit-mask-size: 10% 100%;
            mask-size: 10% 100%
        }

        .bsi-xxl-20 {
            background-size: 5% 100%;
            -webkit-mask-size: 5% 100%;
            mask-size: 5% 100%
        }

        .bsi-xxl-100 {
            background-size: 1% 100%;
            -webkit-mask-size: 1% 100%;
            mask-size: 1% 100%
        }
    }

    .bpo-c {
        background-position: center;
        -webkit-mask-position: center;
        mask-position: center
    }

    .bpo-t {
        background-position: top;
        -webkit-mask-position: top;
        mask-position: top
    }

    .bpo-b {
        background-position: bottom;
        -webkit-mask-position: bottom;
        mask-position: bottom
    }

    .bpo-l {
        background-position: left;
        -webkit-mask-position: left;
        mask-position: left
    }

    .bpo-r {
        background-position: right;
        -webkit-mask-position: right;
        mask-position: right
    }

    .bpo-tl {
        background-position: top left;
        -webkit-mask-position: top left;
        mask-position: top left
    }

    .bpo-bl {
        background-position: bottom left;
        -webkit-mask-position: bottom left;
        mask-position: bottom left
    }

    .bpo-tr {
        background-position: top right;
        -webkit-mask-position: top right;
        mask-position: top right
    }

    .bpo-br {
        background-position: bottom right;
        -webkit-mask-position: bottom right;
        mask-position: bottom right
    }

    @media (min-width: 576px) {
        .bpo-sm-c {
            background-position:center;
            -webkit-mask-position: center;
            mask-position: center
        }

        .bpo-sm-t {
            background-position: top;
            -webkit-mask-position: top;
            mask-position: top
        }

        .bpo-sm-b {
            background-position: bottom;
            -webkit-mask-position: bottom;
            mask-position: bottom
        }

        .bpo-sm-l {
            background-position: left;
            -webkit-mask-position: left;
            mask-position: left
        }

        .bpo-sm-r {
            background-position: right;
            -webkit-mask-position: right;
            mask-position: right
        }

        .bpo-sm-tl {
            background-position: top left;
            -webkit-mask-position: top left;
            mask-position: top left
        }

        .bpo-sm-bl {
            background-position: bottom left;
            -webkit-mask-position: bottom left;
            mask-position: bottom left
        }

        .bpo-sm-tr {
            background-position: top right;
            -webkit-mask-position: top right;
            mask-position: top right
        }

        .bpo-sm-br {
            background-position: bottom right;
            -webkit-mask-position: bottom right;
            mask-position: bottom right
        }
    }

    @media (min-width: 768px) {
        .bpo-md-c {
            background-position:center;
            -webkit-mask-position: center;
            mask-position: center
        }

        .bpo-md-t {
            background-position: top;
            -webkit-mask-position: top;
            mask-position: top
        }

        .bpo-md-b {
            background-position: bottom;
            -webkit-mask-position: bottom;
            mask-position: bottom
        }

        .bpo-md-l {
            background-position: left;
            -webkit-mask-position: left;
            mask-position: left
        }

        .bpo-md-r {
            background-position: right;
            -webkit-mask-position: right;
            mask-position: right
        }

        .bpo-md-tl {
            background-position: top left;
            -webkit-mask-position: top left;
            mask-position: top left
        }

        .bpo-md-bl {
            background-position: bottom left;
            -webkit-mask-position: bottom left;
            mask-position: bottom left
        }

        .bpo-md-tr {
            background-position: top right;
            -webkit-mask-position: top right;
            mask-position: top right
        }

        .bpo-md-br {
            background-position: bottom right;
            -webkit-mask-position: bottom right;
            mask-position: bottom right
        }
    }

    @media (min-width: 992px) {
        .bpo-lg-c {
            background-position:center;
            -webkit-mask-position: center;
            mask-position: center
        }

        .bpo-lg-t {
            background-position: top;
            -webkit-mask-position: top;
            mask-position: top
        }

        .bpo-lg-b {
            background-position: bottom;
            -webkit-mask-position: bottom;
            mask-position: bottom
        }

        .bpo-lg-l {
            background-position: left;
            -webkit-mask-position: left;
            mask-position: left
        }

        .bpo-lg-r {
            background-position: right;
            -webkit-mask-position: right;
            mask-position: right
        }

        .bpo-lg-tl {
            background-position: top left;
            -webkit-mask-position: top left;
            mask-position: top left
        }

        .bpo-lg-bl {
            background-position: bottom left;
            -webkit-mask-position: bottom left;
            mask-position: bottom left
        }

        .bpo-lg-tr {
            background-position: top right;
            -webkit-mask-position: top right;
            mask-position: top right
        }

        .bpo-lg-br {
            background-position: bottom right;
            -webkit-mask-position: bottom right;
            mask-position: bottom right
        }
    }

    @media (min-width: 1204px) {
        .bpo-xl-c {
            background-position:center;
            -webkit-mask-position: center;
            mask-position: center
        }

        .bpo-xl-t {
            background-position: top;
            -webkit-mask-position: top;
            mask-position: top
        }

        .bpo-xl-b {
            background-position: bottom;
            -webkit-mask-position: bottom;
            mask-position: bottom
        }

        .bpo-xl-l {
            background-position: left;
            -webkit-mask-position: left;
            mask-position: left
        }

        .bpo-xl-r {
            background-position: right;
            -webkit-mask-position: right;
            mask-position: right
        }

        .bpo-xl-tl {
            background-position: top left;
            -webkit-mask-position: top left;
            mask-position: top left
        }

        .bpo-xl-bl {
            background-position: bottom left;
            -webkit-mask-position: bottom left;
            mask-position: bottom left
        }

        .bpo-xl-tr {
            background-position: top right;
            -webkit-mask-position: top right;
            mask-position: top right
        }

        .bpo-xl-br {
            background-position: bottom right;
            -webkit-mask-position: bottom right;
            mask-position: bottom right
        }
    }

    @media (min-width: 1502px) {
        .bpo-xxl-c {
            background-position:center;
            -webkit-mask-position: center;
            mask-position: center
        }

        .bpo-xxl-t {
            background-position: top;
            -webkit-mask-position: top;
            mask-position: top
        }

        .bpo-xxl-b {
            background-position: bottom;
            -webkit-mask-position: bottom;
            mask-position: bottom
        }

        .bpo-xxl-l {
            background-position: left;
            -webkit-mask-position: left;
            mask-position: left
        }

        .bpo-xxl-r {
            background-position: right;
            -webkit-mask-position: right;
            mask-position: right
        }

        .bpo-xxl-tl {
            background-position: top left;
            -webkit-mask-position: top left;
            mask-position: top left
        }

        .bpo-xxl-bl {
            background-position: bottom left;
            -webkit-mask-position: bottom left;
            mask-position: bottom left
        }

        .bpo-xxl-tr {
            background-position: top right;
            -webkit-mask-position: top right;
            mask-position: top right
        }

        .bpo-xxl-br {
            background-position: bottom right;
            -webkit-mask-position: bottom right;
            mask-position: bottom right
        }
    }

    .blend-0 {
        mix-blend-mode: normal
    }

    .bgb-0 {
        background-blend-mode: normal
    }

    .blend-1 {
        mix-blend-mode: multiply
    }

    .bgb-1 {
        background-blend-mode: multiply
    }

    .blend-2 {
        mix-blend-mode: screen
    }

    .bgb-2 {
        background-blend-mode: screen
    }

    .blend-3 {
        mix-blend-mode: overlay
    }

    .bgb-3 {
        background-blend-mode: overlay
    }

    .blend-4 {
        mix-blend-mode: darken
    }

    .bgb-4 {
        background-blend-mode: darken
    }

    .blend-5 {
        mix-blend-mode: lighten
    }

    .bgb-5 {
        background-blend-mode: lighten
    }

    .blend-6 {
        mix-blend-mode: color-dodge
    }

    .bgb-6 {
        background-blend-mode: color-dodge
    }

    .blend-7 {
        mix-blend-mode: color-burn
    }

    .bgb-7 {
        background-blend-mode: color-burn
    }

    .blend-8 {
        mix-blend-mode: hard-light
    }

    .bgb-8 {
        background-blend-mode: hard-light
    }

    .blend-9 {
        mix-blend-mode: soft-light
    }

    .bgb-9 {
        background-blend-mode: soft-light
    }

    .blend-10 {
        mix-blend-mode: difference
    }

    .bgb-10 {
        background-blend-mode: difference
    }

    .blend-11 {
        mix-blend-mode: exclusion
    }

    .bgb-11 {
        background-blend-mode: exclusion
    }

    .blend-12 {
        mix-blend-mode: hue
    }

    .bgb-12 {
        background-blend-mode: hue
    }

    .blend-13 {
        mix-blend-mode: saturation
    }

    .bgb-13 {
        background-blend-mode: saturation
    }

    .blend-14 {
        mix-blend-mode: color
    }

    .bgb-14 {
        background-blend-mode: color
    }

    .blend-15 {
        mix-blend-mode: luminosity
    }

    .bgb-15 {
        background-blend-mode: luminosity
    }

    @media (min-width: 576px) {
        .blend-sm-0 {
            mix-blend-mode:normal
        }

        .bgb-sm-0 {
            background-blend-mode: normal
        }

        .blend-sm-1 {
            mix-blend-mode: multiply
        }

        .bgb-sm-1 {
            background-blend-mode: multiply
        }

        .blend-sm-2 {
            mix-blend-mode: screen
        }

        .bgb-sm-2 {
            background-blend-mode: screen
        }

        .blend-sm-3 {
            mix-blend-mode: overlay
        }

        .bgb-sm-3 {
            background-blend-mode: overlay
        }

        .blend-sm-4 {
            mix-blend-mode: darken
        }

        .bgb-sm-4 {
            background-blend-mode: darken
        }

        .blend-sm-5 {
            mix-blend-mode: lighten
        }

        .bgb-sm-5 {
            background-blend-mode: lighten
        }

        .blend-sm-6 {
            mix-blend-mode: color-dodge
        }

        .bgb-sm-6 {
            background-blend-mode: color-dodge
        }

        .blend-sm-7 {
            mix-blend-mode: color-burn
        }

        .bgb-sm-7 {
            background-blend-mode: color-burn
        }

        .blend-sm-8 {
            mix-blend-mode: hard-light
        }

        .bgb-sm-8 {
            background-blend-mode: hard-light
        }

        .blend-sm-9 {
            mix-blend-mode: soft-light
        }

        .bgb-sm-9 {
            background-blend-mode: soft-light
        }

        .blend-sm-10 {
            mix-blend-mode: difference
        }

        .bgb-sm-10 {
            background-blend-mode: difference
        }

        .blend-sm-11 {
            mix-blend-mode: exclusion
        }

        .bgb-sm-11 {
            background-blend-mode: exclusion
        }

        .blend-sm-12 {
            mix-blend-mode: hue
        }

        .bgb-sm-12 {
            background-blend-mode: hue
        }

        .blend-sm-13 {
            mix-blend-mode: saturation
        }

        .bgb-sm-13 {
            background-blend-mode: saturation
        }

        .blend-sm-14 {
            mix-blend-mode: color
        }

        .bgb-sm-14 {
            background-blend-mode: color
        }

        .blend-sm-15 {
            mix-blend-mode: luminosity
        }

        .bgb-sm-15 {
            background-blend-mode: luminosity
        }
    }

    @media (min-width: 768px) {
        .blend-md-0 {
            mix-blend-mode:normal
        }

        .bgb-md-0 {
            background-blend-mode: normal
        }

        .blend-md-1 {
            mix-blend-mode: multiply
        }

        .bgb-md-1 {
            background-blend-mode: multiply
        }

        .blend-md-2 {
            mix-blend-mode: screen
        }

        .bgb-md-2 {
            background-blend-mode: screen
        }

        .blend-md-3 {
            mix-blend-mode: overlay
        }

        .bgb-md-3 {
            background-blend-mode: overlay
        }

        .blend-md-4 {
            mix-blend-mode: darken
        }

        .bgb-md-4 {
            background-blend-mode: darken
        }

        .blend-md-5 {
            mix-blend-mode: lighten
        }

        .bgb-md-5 {
            background-blend-mode: lighten
        }

        .blend-md-6 {
            mix-blend-mode: color-dodge
        }

        .bgb-md-6 {
            background-blend-mode: color-dodge
        }

        .blend-md-7 {
            mix-blend-mode: color-burn
        }

        .bgb-md-7 {
            background-blend-mode: color-burn
        }

        .blend-md-8 {
            mix-blend-mode: hard-light
        }

        .bgb-md-8 {
            background-blend-mode: hard-light
        }

        .blend-md-9 {
            mix-blend-mode: soft-light
        }

        .bgb-md-9 {
            background-blend-mode: soft-light
        }

        .blend-md-10 {
            mix-blend-mode: difference
        }

        .bgb-md-10 {
            background-blend-mode: difference
        }

        .blend-md-11 {
            mix-blend-mode: exclusion
        }

        .bgb-md-11 {
            background-blend-mode: exclusion
        }

        .blend-md-12 {
            mix-blend-mode: hue
        }

        .bgb-md-12 {
            background-blend-mode: hue
        }

        .blend-md-13 {
            mix-blend-mode: saturation
        }

        .bgb-md-13 {
            background-blend-mode: saturation
        }

        .blend-md-14 {
            mix-blend-mode: color
        }

        .bgb-md-14 {
            background-blend-mode: color
        }

        .blend-md-15 {
            mix-blend-mode: luminosity
        }

        .bgb-md-15 {
            background-blend-mode: luminosity
        }
    }

    @media (min-width: 992px) {
        .blend-lg-0 {
            mix-blend-mode:normal
        }

        .bgb-lg-0 {
            background-blend-mode: normal
        }

        .blend-lg-1 {
            mix-blend-mode: multiply
        }

        .bgb-lg-1 {
            background-blend-mode: multiply
        }

        .blend-lg-2 {
            mix-blend-mode: screen
        }

        .bgb-lg-2 {
            background-blend-mode: screen
        }

        .blend-lg-3 {
            mix-blend-mode: overlay
        }

        .bgb-lg-3 {
            background-blend-mode: overlay
        }

        .blend-lg-4 {
            mix-blend-mode: darken
        }

        .bgb-lg-4 {
            background-blend-mode: darken
        }

        .blend-lg-5 {
            mix-blend-mode: lighten
        }

        .bgb-lg-5 {
            background-blend-mode: lighten
        }

        .blend-lg-6 {
            mix-blend-mode: color-dodge
        }

        .bgb-lg-6 {
            background-blend-mode: color-dodge
        }

        .blend-lg-7 {
            mix-blend-mode: color-burn
        }

        .bgb-lg-7 {
            background-blend-mode: color-burn
        }

        .blend-lg-8 {
            mix-blend-mode: hard-light
        }

        .bgb-lg-8 {
            background-blend-mode: hard-light
        }

        .blend-lg-9 {
            mix-blend-mode: soft-light
        }

        .bgb-lg-9 {
            background-blend-mode: soft-light
        }

        .blend-lg-10 {
            mix-blend-mode: difference
        }

        .bgb-lg-10 {
            background-blend-mode: difference
        }

        .blend-lg-11 {
            mix-blend-mode: exclusion
        }

        .bgb-lg-11 {
            background-blend-mode: exclusion
        }

        .blend-lg-12 {
            mix-blend-mode: hue
        }

        .bgb-lg-12 {
            background-blend-mode: hue
        }

        .blend-lg-13 {
            mix-blend-mode: saturation
        }

        .bgb-lg-13 {
            background-blend-mode: saturation
        }

        .blend-lg-14 {
            mix-blend-mode: color
        }

        .bgb-lg-14 {
            background-blend-mode: color
        }

        .blend-lg-15 {
            mix-blend-mode: luminosity
        }

        .bgb-lg-15 {
            background-blend-mode: luminosity
        }
    }

    @media (min-width: 1204px) {
        .blend-xl-0 {
            mix-blend-mode:normal
        }

        .bgb-xl-0 {
            background-blend-mode: normal
        }

        .blend-xl-1 {
            mix-blend-mode: multiply
        }

        .bgb-xl-1 {
            background-blend-mode: multiply
        }

        .blend-xl-2 {
            mix-blend-mode: screen
        }

        .bgb-xl-2 {
            background-blend-mode: screen
        }

        .blend-xl-3 {
            mix-blend-mode: overlay
        }

        .bgb-xl-3 {
            background-blend-mode: overlay
        }

        .blend-xl-4 {
            mix-blend-mode: darken
        }

        .bgb-xl-4 {
            background-blend-mode: darken
        }

        .blend-xl-5 {
            mix-blend-mode: lighten
        }

        .bgb-xl-5 {
            background-blend-mode: lighten
        }

        .blend-xl-6 {
            mix-blend-mode: color-dodge
        }

        .bgb-xl-6 {
            background-blend-mode: color-dodge
        }

        .blend-xl-7 {
            mix-blend-mode: color-burn
        }

        .bgb-xl-7 {
            background-blend-mode: color-burn
        }

        .blend-xl-8 {
            mix-blend-mode: hard-light
        }

        .bgb-xl-8 {
            background-blend-mode: hard-light
        }

        .blend-xl-9 {
            mix-blend-mode: soft-light
        }

        .bgb-xl-9 {
            background-blend-mode: soft-light
        }

        .blend-xl-10 {
            mix-blend-mode: difference
        }

        .bgb-xl-10 {
            background-blend-mode: difference
        }

        .blend-xl-11 {
            mix-blend-mode: exclusion
        }

        .bgb-xl-11 {
            background-blend-mode: exclusion
        }

        .blend-xl-12 {
            mix-blend-mode: hue
        }

        .bgb-xl-12 {
            background-blend-mode: hue
        }

        .blend-xl-13 {
            mix-blend-mode: saturation
        }

        .bgb-xl-13 {
            background-blend-mode: saturation
        }

        .blend-xl-14 {
            mix-blend-mode: color
        }

        .bgb-xl-14 {
            background-blend-mode: color
        }

        .blend-xl-15 {
            mix-blend-mode: luminosity
        }

        .bgb-xl-15 {
            background-blend-mode: luminosity
        }
    }

    @media (min-width: 1502px) {
        .blend-xxl-0 {
            mix-blend-mode:normal
        }

        .bgb-xxl-0 {
            background-blend-mode: normal
        }

        .blend-xxl-1 {
            mix-blend-mode: multiply
        }

        .bgb-xxl-1 {
            background-blend-mode: multiply
        }

        .blend-xxl-2 {
            mix-blend-mode: screen
        }

        .bgb-xxl-2 {
            background-blend-mode: screen
        }

        .blend-xxl-3 {
            mix-blend-mode: overlay
        }

        .bgb-xxl-3 {
            background-blend-mode: overlay
        }

        .blend-xxl-4 {
            mix-blend-mode: darken
        }

        .bgb-xxl-4 {
            background-blend-mode: darken
        }

        .blend-xxl-5 {
            mix-blend-mode: lighten
        }

        .bgb-xxl-5 {
            background-blend-mode: lighten
        }

        .blend-xxl-6 {
            mix-blend-mode: color-dodge
        }

        .bgb-xxl-6 {
            background-blend-mode: color-dodge
        }

        .blend-xxl-7 {
            mix-blend-mode: color-burn
        }

        .bgb-xxl-7 {
            background-blend-mode: color-burn
        }

        .blend-xxl-8 {
            mix-blend-mode: hard-light
        }

        .bgb-xxl-8 {
            background-blend-mode: hard-light
        }

        .blend-xxl-9 {
            mix-blend-mode: soft-light
        }

        .bgb-xxl-9 {
            background-blend-mode: soft-light
        }

        .blend-xxl-10 {
            mix-blend-mode: difference
        }

        .bgb-xxl-10 {
            background-blend-mode: difference
        }

        .blend-xxl-11 {
            mix-blend-mode: exclusion
        }

        .bgb-xxl-11 {
            background-blend-mode: exclusion
        }

        .blend-xxl-12 {
            mix-blend-mode: hue
        }

        .bgb-xxl-12 {
            background-blend-mode: hue
        }

        .blend-xxl-13 {
            mix-blend-mode: saturation
        }

        .bgb-xxl-13 {
            background-blend-mode: saturation
        }

        .blend-xxl-14 {
            mix-blend-mode: color
        }

        .bgb-xxl-14 {
            background-blend-mode: color
        }

        .blend-xxl-15 {
            mix-blend-mode: luminosity
        }

        .bgb-xxl-15 {
            background-blend-mode: luminosity
        }
    }
}

@layer override {
    [class*='bgr-'] {
        --overlay-opacity-1: 0%
    }
}

@layer modules {
    [class*='di-'] {
        background-color: #fff;
        bottom: -1px;
        top: auto;
        min-height: 3rem
    }

    @media (min-width: 768px) {
        [class*='di-'] {
            min-height:4.5rem
        }
    }

    [class*='di-'].dit {
        top: -1px;
        bottom: auto;
        --rotate-x: 180deg
    }

    .is-dit:not(.in-dit)>.container:first-of-type {
        padding-top: 3rem
    }

    @media (min-width: 768px) {
        .is-dit:not(.in-dit)>.container:first-of-type {
            padding-top:4.5rem
        }
    }

    .is-dib:not(.in-dib)>.container:last-of-type {
        padding-bottom: 3rem
    }

    @media (min-width: 768px) {
        .is-dib:not(.in-dib)>.container:last-of-type {
            padding-bottom:4.5rem
        }
    }
}

@layer modules {
    .un {
        display: block;
        pointer-events: none
    }

    [class*='und-'] {
        margin-top: .3em;
        max-width: 100%;
        background-color: currentcolor;
        -webkit-mask: no-repeat center;
        mask: no-repeat center;
        margin-right: auto;
        margin-left: auto
    }

    .ta-r>[class*='und-'] {
        margin-right: 0
    }

    .ta-l>[class*='und-'] {
        margin-left: 0
    }

    [class*='und-']: before {
        content:'';
        display: block
    }

    .h-hg [class*='und-'] {
        margin-block: .1em
    }

    h1 [class*='und-'],.h-1 [class*='und-'] {
        margin-top: .2em
    }

    .und-1 {
        width: 4.3rem
    }

    h2: not([class*='h-']) .und-1,.h-2 .und-1 {
        width:3.01rem
    }

    .und-1:before {
        padding-top: 6%
    }

    .und-2 {
        width: 10rem;
        -webkit-mask-image: url("images/underlines/2.svg");
        mask-image: url("images/underlines/2.svg")
    }

    h2: not([class*='h-']) .und-2,.h-2 .und-2 {
        width:7rem
    }

    .und-2:before {
        padding-top: 6.36%
    }

    .und-3 {
        width: 12.375rem;
        -webkit-mask-image: url("images/underlines/3.svg");
        mask-image: url("images/underlines/3.svg")
    }

    h2: not([class*='h-']) .und-3,.h-2 .und-3 {
        width:8.6625rem
    }

    .und-3:before {
        padding-top: 7.1%
    }

    .und-4 {
        width: 13.5rem;
        -webkit-mask-image: url("images/underlines/4.svg");
        mask-image: url("images/underlines/4.svg")
    }

    h2: not([class*='h-']) .und-4,.h-2 .und-4 {
        width:9.45rem
    }

    .und-4:before {
        padding-top: 12.5%
    }

    .und-5 {
        width: 12.5rem;
        -webkit-mask-image: url("images/underlines/5.svg");
        mask-image: url("images/underlines/5.svg")
    }

    h2: not([class*='h-']) .und-5,.h-2 .und-5 {
        width:8.75rem
    }

    .und-5:before {
        padding-top: 10%
    }

    .und-6 {
        width: 11rem;
        -webkit-mask-image: url("images/underlines/6.svg");
        mask-image: url("images/underlines/6.svg")
    }

    h2: not([class*='h-']) .und-6,.h-2 .und-6 {
        width:7.7rem
    }

    .und-6:before {
        padding-top: 14.7%
    }

    .und-7 {
        width: 10.115rem;
        -webkit-mask-image: url("images/underlines/7.svg");
        mask-image: url("images/underlines/7.svg")
    }

    h2: not([class*='h-']) .und-7,.h-2 .und-7 {
        width:7.0805rem
    }

    .und-7:before {
        padding-top: 21%
    }

    .und-8 {
        width: 8.625rem;
        -webkit-mask-image: url("images/underlines/8.svg");
        mask-image: url("images/underlines/8.svg")
    }

    h2: not([class*='h-']) .und-8,.h-2 .und-8 {
        width:6.0375rem
    }

    .und-8:before {
        padding-top: 11.8%
    }

    .und-9 {
        width: 4.3rem;
        -webkit-mask-image: url("images/underlines/9.svg");
        mask-image: url("images/underlines/9.svg")
    }

    h2: not([class*='h-']) .und-9,.h-2 .und-9 {
        width:3.01rem
    }

    .und-9:before {
        padding-top: 20.8%
    }

    .und-10 {
        width: 6.125rem;
        -webkit-mask-image: url("images/underlines/10.svg");
        mask-image: url("images/underlines/10.svg")
    }

    h2: not([class*='h-']) .und-10,.h-2 .und-10 {
        width:4.2875rem
    }

    .und-10:before {
        padding-top: 14.6%
    }

    .und-11 {
        width: 6.5rem;
        -webkit-mask-image: url("images/underlines/11.svg");
        mask-image: url("images/underlines/11.svg")
    }

    h2: not([class*='h-']) .und-11,.h-2 .und-11 {
        width:4.55rem
    }

    .und-11:before {
        padding-top: 19%
    }

    .und-12 {
        width: 6rem;
        -webkit-mask-image: url("images/underlines/12.svg");
        mask-image: url("images/underlines/12.svg")
    }

    h2: not([class*='h-']) .und-12,.h-2 .und-12 {
        width:4.2rem
    }

    .und-12:before {
        padding-top: 18.2%
    }

    .und-13 {
        width: 5.5rem;
        -webkit-mask-image: url("images/underlines/13.svg");
        mask-image: url("images/underlines/13.svg")
    }

    h2: not([class*='h-']) .und-13,.h-2 .und-13 {
        width:3.85rem
    }

    .und-13:before {
        padding-top: 17%
    }
}

@layer modules {
    .js-y .anim.anim-i,.js-y .anim .anim-i {
        opacity: 0
    }
}

@layer override {
    .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0
    }

    .sr-only-focusable:active,.sr-only-focusable:focus {
        position: static;
        width: auto;
        height: auto;
        overflow: visible;
        clip: auto;
        white-space: normal
    }
}

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@layer utilities {
    @font-face {
        font-family: 'FontAwesome';
        src: url("/fonts/fontawesome-webfont.eot?v=4.7.0");
        src: url("/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"),url("/fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"),url("/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"),url("/fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"),url("/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
        font-weight: normal;
        font-style: normal
    }

    .fa {
        display: inline-block;
        font: normal normal normal 1em/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .fa-angle-up:before {
        content: "";
        position: relative;
        top: -1px
    }

    .fa-angle-down:before {
        content: ""
    }

    .fa-angle-right:before {
        content: ""
    }

    .fa-angle-left:before {
        content: ""
    }

    .fa-angle-double-right:before {
        content: ""
    }

    .fa-exclamation-triangle:before {
        content: ""
    }

    .fa-question-circle-o:before {
        content: ""
    }

    .fa-check:before {
        content: ""
    }

    .fa-shopping-cart:before {
        content: ""
    }

    .fa-check-circle:before {
        content: ""
    }

    .fa-times:before {
        content: ""
    }

    .fa-area-chart:before {
        content: ""
    }

    .fa-calculator:before {
        content: ""
    }

    .fa-percent:before {
        content: ""
    }

    .fa-thumbs-up:before {
        content: ""
    }

    .fa-thumbs-down:before {
        content: ""
    }

    .fa-star:before {
        content: ""
    }

    .fa-star-o:before {
        content: ""
    }

    .fa-gift:before {
        content: ""
    }

    .fa-bookmark:before {
        content: ""
    }

    .fa-download:before {
        content: ""
    }

    .fa-info-circle:before {
        content: ""
    }

    .fa-phone:before {
        content: ""
    }

    .fa-envelope-o:before {
        content: ""
    }

    .fa-edit:before {
        content: ""
    }

    .fa-search:before {
        content: ""
    }

    .fa-bars:before {
        content: ""
    }

    .fa-heart:before {
        content: ""
    }

    .fa-balance-scale:before {
        content: ""
    }

    .fa-certificate:before {
        content: ""
    }

    .fa-user:before {
        content: ""
    }

    .fa-list-alt:before {
        content: ""
    }

    .fa-comments-o:before {
        content: ""
    }

    .fa-sign-out:before {
        content: ""
    }

    .fa-sign-in:before {
        content: ""
    }

    .fa-key:before {
        content: ""
    }

    .fa-truck:before {
        content: ""
    }

    .fa-umbrella:before {
        content: ""
    }

    .fa-money:before {
        content: ""
    }

    .fa-info:before {
        content: ""
    }

    .fa-plus-circle:before {
        content: ""
    }

    .fa-minus-circle:before {
        content: ""
    }

    .fa-th-large:before {
        content: ""
    }

    .fa-th-list:before {
        content: ""
    }

    .fa-external-link:before {
        content: ""
    }

    .fa-facebook:before {
        content: ""
    }

    .fa-twitter:before {
        content: ""
    }

    .fa-pinterest-p:before {
        content: ""
    }

    .fa-folder-open:before {
        content: ""
    }

    .fa-reply:before {
        content: ""
    }

    .fa-envelope:before {
        content: ""
    }

    .fa-plus:before {
        content: ""
    }

    .fa-frown-o:before {
        content: ""
    }

    .fa-lock:before {
        content: ""
    }

    .fa-warning:before {
        content: ""
    }

    .fa-smile-o:before {
        content: ""
    }

    .fa-folder:before {
        content: ""
    }

    .fa-clock-o:before {
        content: ""
    }

    .fa-at:before {
        content: ""
    }

    .fa-spinner:before {
        content: ""
    }

    .fa-play:before {
        content: ""
    }

    .fa-lg {
        font-size: 1.266667em
    }

    .min-fa .fa {
        min-width: 1.3em
    }

    .fa-spin {
        animation: fa-spin 1.5s infinite linear
    }

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

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

    .ie .fa {
        animation: none
    }
}

@layer templates {
    .section {
        display: flex;
        flex-direction: column;
        position: relative;
        margin-bottom: 3.75008rem
    }

    .section:not(.x) {
        margin-bottom: 0;
        padding-top: 3.75008rem;
        padding-bottom: 3.75008rem
    }

    .section.x:not(.in-dib).is-dib,.section.x:not(.in-dib)[class*='bo-b'] {
        padding-bottom: 3.75008rem
    }
}

@layer override {
    .section[class*='pr-'] {
        padding-right: 0
    }

    .section[class*='pr-']>.container: not([class*='max-w']) {
        max-width:1000rem
    }

    .section.pr-0>.container {
        padding-right: 0
    }

    .section.pr-1>.container {
        padding-right: .33334rem
    }

    .section.pr-2>.container {
        padding-right: .66667rem
    }

    .section.pr-3>.container {
        padding-right: 1rem
    }

    .section.pr-4>.container {
        padding-right: 1.3334rem
    }

    .section.pr-5>.container {
        padding-right: 2rem
    }

    .section.pr-6>.container {
        padding-right: 3.75008rem
    }

    .section[class*='pl-'] {
        padding-left: 0
    }

    .section[class*='pl-']>.container: not([class*='max-w']) {
        max-width:1000rem
    }

    .section.pl-0>.container {
        padding-left: 0
    }

    .section.pl-1>.container {
        padding-left: .33334rem
    }

    .section.pl-2>.container {
        padding-left: .66667rem
    }

    .section.pl-3>.container {
        padding-left: 1rem
    }

    .section.pl-4>.container {
        padding-left: 1.3334rem
    }

    .section.pl-5>.container {
        padding-left: 2rem
    }

    .section.pl-6>.container {
        padding-left: 3.75008rem
    }
}

@layer templates-override {
    .sc-container {
        margin-left: 0;
        margin-right: 0
    }
}

@layer base {
    .lrs>.lr,.lrs>.lrs,.lrs>.section,.lrs>.container,.lrs>.card {
        z-index: 8;
        position: relative
    }

    .lrs>[class*='bte-'] {
        z-index: 1
    }

    .lrs>.bi,.lrs>.bic {
        z-index: 2
    }

    .lrs>[class*='bpa-'] {
        z-index: 3
    }

    .lrs>[class*='bma-'] {
        z-index: 4
    }

    .lrs>[class*='di-'] {
        z-index: 9
    }
}

@layer override {
    @media (max-width: 575.98px) {
        .container-xs-0 {
            padding-right:0;
            padding-left: 0
        }
    }
}

@layer templates-override {
    ._hdr_alert {
        z-index: 15
    }

    .header {
        z-index: 14
    }

    .bnr-cont {
        z-index: 13
    }

    main {
        z-index: 12
    }

    main: :after,.column::after,.column-sticky::after {
        content:"";
        display: table;
        clear: both
    }

    .ftr_hdln,.n_l_ftr,.footer {
        position: relative;
        z-index: 11
    }
}

@layer templates {
    .page {
        padding: 2rem 0 0;
        width: 100%;
        position: relative
    }

    .page-hp .page {
        padding-top: 0
    }

    .layout-row {
        margin-right: -1rem;
        margin-left: -1rem
    }

    .layout-row>* {
        padding-right: 1rem;
        padding-left: 1rem
    }

    .wrap {
        display: flex;
        flex-direction: column;
        position: relative
    }

    .wrap-c {
        display: flex;
        flex-direction: column
    }

    @media (min-width: 1204px) {
        .wrap-c {
            flex-direction:row
        }
    }

    @media (min-width: 1204px) {
        .column {
            width:25vw;
            max-width: 300px
        }

        .column:not([class*='pt-']) {
            padding-top: 0
        }
    }

    .column .card {
        text-align: left
    }

    .column .card,.column .banner {
        margin-bottom: 2rem
    }

    .MenuOnTopMargin {
        margin-top: 0
    }

    .CA {
        display: none
    }

    @media (min-width: 1204px) {
        
    }
}

@layer templates-override {
    @media (min-width: 1204px) and (max-width: calc(1204px + 300px)) {
        .layout-cols-two .cols .row-col-break-1:not(.no-cols) {
            flex-direction:column
        }

        .layout-cols-two .cols .row-col-break-1:not(.no-cols)>* {
            max-width: 100%;
            flex: 0 0 100%
        }

        .layout-cols-two .cols .row-col-break-2:not(.no-cols)>* {
            max-width: 50%;
            flex: 0 0 50%
        }
    }
}

@layer templates {
    @media (min-width: 1204px) {
        .header .container {
            padding-left:1.3334rem
        }
    }

    .column:not(.scroll-content) {
        position: relative;
        z-index: 1
    }

    .column:not(.scroll-content) .section {
        padding-top: 0
    }

    @media (max-width: 1203.98px) {
        .column:not(.scroll-content) .section {
            padding-bottom:0
        }
    }

    .column:not(.scroll-content):before,.column:not(.scroll-content):after {
        display: none
    }

    .content {
        z-index: 0
    }

    @media (max-width: 1203.98px) {
        .content {
            flex-grow:1
        }
    }

    @media (max-width: 1203.98px) {
        .column-left {
            display:none
        }
    }

    @media (min-width: 1204px) {
        .column-b:not(.scroll-content) {
            position:fixed !important;
            top: 0;
            left: 0;
            bottom: 0;
            width: 25vw;
            max-width: 300px
        }

        .cols {
            justify-content: flex-end
        }
    }

    @media (min-width: 1204px) {
        .column-b:not(.scroll-content) {
            border-right-width:inherit;
            border-right-style: solid;
            border-right-color: transparent
        }
    }

    .search-form-open .column-b:not(.scroll-content) {
        margin-top: 4.77rem
    }

    .column-c {
        height: 2rem
    }
}


@layer templates {
    .header-alert {
        z-index: 5
    }

    @media (min-width: 1204px) {
        .header-alert {
            z-index:9
        }
    }

    ._hdr_top {
        z-index: 7;
        display: none
    }

    @media (min-width: 1204px) {
        ._hdr_top {
            display:flex
        }
    }

    ._hdr_bottom {
        z-index: 5
    }

    ._hdr_main {
        z-index: 6
    }

    .navbar-dropdown-1 {
        margin-top: 0
    }
}

@layer override {
    @media (min-width: 1204px) {
        .header .nav-link:before {
            display:none
        }
    }
}

@layer templates {
    .badge-cart {
        position: relative;
        top: -.55em;
        right: -.55em;
        margin: -1rem 0
    }

    @media (min-width: 1204px) {
        .badge-cart {
            top:-1em
        }
    }
}

@layer templates {
    ._hdr_bglogo {
        z-index: 10
    }

    .fixed-navbar ._hdr_bottom .navbar-collapse {
        justify-content: start
    }

    .fixed-navbar-home {
        display: none
    }

    .fixed-navbar .fixed-navbar-home {
        display: block
    }
}

@layer templates-override {
    .navbar-dropdown-1,.navbar-dropdown-1>.dropdown>.dd-i {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }
}


@layer templates {
    .header .container:not([class*='max-w']) {
        max-width: 1000rem
    }
}

@media (min-width: 1204px) {
    @layer templates {
    }

    @layer templates {
        .column-b:not(.scroll-content) {
            top: 8.20034rem
        }

        .is-top-menu .column-b:not(.scroll-content) {
            top: calc(8.20034rem + 3.6rem)
        }

        .is-top-alert .column-b:not(.scroll-content) {
            top: calc(2.93rem + 8.20034rem)
        }

        .is-top-menu.is-top-alert .column-b:not(.scroll-content) {
            top: calc(2.93rem + 8.20034rem + 3.6rem)
        }
    }

    @layer templates-override {
        .page-order:not(.page-cart):not(.page-recieved) .column-b:not(.scroll-content) {
            top: 8.20034rem
        }

        .page-order:not(.page-cart):not(.page-recieved).is-top-alert .column-b:not(.scroll-content) {
            top: calc(2.93rem + 8.20034rem)
        }

        .page-order:not(.page-cart):not(.page-recieved).is-top-menu.is-top-alert .column-b:not(.scroll-content) {
            top: calc(2.93rem + 8.20034rem + 3.6rem)
        }
    }
}

@layer templates {
    @media (max-width: 1203.98px) {
        ._hdr_lngl {
            left:-4.15rem
        }
    }
}

@layer templates {
    @media (min-width: 1204px) {
        .no-top-menu,.t-m-s-hide {
            display:none
        }
    }
}

@layer templates-override {
    @media (min-width: 1204px) {
        ._top_menu {
            flex-wrap:nowrap
        }

        ._top_menu .nav-item {
            position: static
        }
    }
}

@layer templates {
    .left-menu .lgi-1:last-child>.lgi {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        --radius-size: $radius
    }

    .left-menu .lgi-1:not(:last-child)>.lgi {
        border-radius: 0;
        --radius-size: 0
    }

    .cl-ico {
        left: auto;
        right: 0;
        top: 50%;
        margin-top: calc((-1.83em - 1px) / 2);
        margin-right: .66667rem;
        display: none
    }

    .lg-body .lg-body .cl-ico {
        right: .1em
    }

    .lgi-1>.lgi-a {
        display: flex;
        align-items: center
    }

    .lgi-1>.lgi-a>.tm-img {
        width: 40px;
        display: flex;
        justify-content: center;
        flex-shrink: 0
    }

    .cl-minus:after {
        display: none
    }

    .MenuTreeOpened>a>.cl-plus,.MenuTreeClosed>a>.cl-plus {
        display: inline-block
    }

    .MenuTreeOpened>a>.cl-minus,.MenuTreeClosed>a>.cl-minus {
        display: none
    }

    .MenuTreeOpened>a>.cl-minus {
        display: inline-block
    }

    .MenuTreeOpened>a>.cl-plus {
        display: none
    }

    .lgi-child {
        padding-right: 2rem
    }

    .card.pr-0 .lgi:not(.active) .cl-ico {
        margin-right: 0
    }
}

@layer templates {
    .left-menu.hide-l .lgi-1 {
        border-top-width: 0
    }
}

@layer override {
    #MovedArrow {
        height: 16px;
        transform: rotate(-90deg)
    }

    #MovedArrow:after {
        content: '';
        display: block;
        position: absolute;
        top: -5px;
        right: -20px;
        width: 40px;
        height: 24px
    }
}

@layer templates {
    @media (max-width: 575.98px) {
        .bnr-main-sm-up {
            display:none
        }
    }

    @media (min-width: 576px) {
        .bnr-main-xs {
            display:none
        }
    }

    .th-container {
        display: flex;
        flex-direction: column;
        min-height: inherit
    }

    .th-text,.th-img {
        flex: 1;
        width: 100%
    }

    @media (max-width: 1203.98px) {
        .th-text {
            padding-bottom:2rem
        }
    }

    @media (min-width: 1204px) and (max-width: 1501.98px) {
        .th-text {
            padding-bottom:2rem
        }
    }

    .th-img {
        max-height: 300vh
    }
}

@layer templates {
    @media (max-width: 991.98px), (min-width: 1204px) and (max-width: 1503.98px) {
        .th-img {
            order:1
        }
    }

    @media (min-width: 992px) and (max-width: 1203.98px), (min-width: 1504px) {
        .th-container {
            flex-direction:row
        }
    }

    .nav-banner {
        z-index: 1
    }

    .nav-banner .lgi {
        flex: 1 0 0%
    }

    @media (min-width: 768px) {
        .bnr-main .carousel-indicators {
            display:none
        }
    }
}

@layer templates-override {
    .th-img.bsi-cont img {
        object-fit: contain;
        max-width: 100%;
        max-height: 100%
    }
}

@layer override {
    @media (max-width: 767.98px) {
        .breadcrumb ol {
            overflow-x:auto;
            white-space: nowrap
        }
    }

    .breadcrumb .fa-home {
        vertical-align: middle
    }

    .breadcrumb li+li: :before {
        content:""
    }
}

@layer templates {
    .main-image {
        width: 100%
    }

    @media (min-width: 576px) {
        .main-image {
            width:auto
        }
    }

    @media (min-width: 992px) {
        .main-image {
            max-width:50%
        }
    }

    @media (min-width: 992px) {
        .is-text-left-lg {
            text-align:left
        }
    }
}

@layer templates {
    @media (min-width: 576px) {
        .p-i-img {
            min-height:243px
        }

        .layout-cols-two .p-i-img {
            min-height: 241px
        }
    }

    .pfh ~ .p-l-cont .p-l-table {
        padding-top: 1rem
    }
}

@layer templates {
    .card-item {
        margin-right: -2px;
        margin-bottom: -2px
    }

    @media (min-width: 576px) {
        .card-item {
            max-width:calc(50% + 2px);
            flex-basis: calc(50% + 2px)
        }
    }

    @media (min-width: 992px) {
        .card-item {
            max-width:calc(33.33% + 2px);
            flex-basis: calc(33.33% + 2px)
        }
    }

    @media (min-width: 1204px) {
        .card-item {
            max-width:calc(25% + 2px);
            flex-basis: calc(25% + 2px)
        }
    }

    @media (min-width: 1502px) {
        .card-item {
            max-width:calc(20% + 2px);
            flex-basis: calc(20% + 2px)
        }
    }

    @media (min-width: 1204px) {
        .cols .card-item {
            max-width:calc(33.33% + 2px);
            flex-basis: calc(33.33% + 2px)
        }
    }

    @media (min-width: 1502px) {
        .cols .card-item {
            max-width:calc(25% + 2px);
            flex-basis: calc(25% + 2px)
        }
    }

    @media (min-width: 1811px) {
        .cols .card-item {
            max-width:calc(20% + 2px);
            flex-basis: calc(20% + 2px)
        }
    }
}

@layer templates-override {
    @media (min-width: 1204px) {
        .max-w-xl .card-item {
            max-width:calc(25% + 2px);
            flex-basis: calc(25% + 2px)
        }
    }

    @media (min-width: 1502px) {
        .max-w-xxl .card-item {
            max-width:calc(20% + 2px);
            flex-basis: calc(20% + 2px)
        }
    }

    @media (min-width: 1204px) {
        .cols [class*='max-w-x'] .card-item {
            max-width:calc(33.33% + 2px);
            flex-basis: calc(33.33% + 2px)
        }
    }

    @media (min-width: 1502px) {
        .cols [class*='max-w-x'] .card-item {
            max-width:calc(25% + 2px);
            flex-basis: calc(25% + 2px)
        }
    }

    @media (min-width: 1811px) {
        .cols .max-w-xxl .card-item {
            max-width:calc(20% + 2px);
            flex-basis: calc(20% + 2px)
        }
    }
}

@layer templates {
    .p-l-slider .card-group {
        padding-bottom: 2px
    }

    .p-l-one {
        padding: 0
    }

    @media (min-width: 576px) {
        .card-item {
            margin-right:-2px
        }
    }

    .tile {
        border-width: 2px;
        border-style: dashed;
        margin-bottom: -2px
    }

    @media (max-width: 575.98px) {
        .tile:only-child {
            border-left-width:0;
            border-right-width: 0
        }
    }

    .tile {
        border-radius: 0
    }

    .tile:only-child {
        border-radius: .45rem;
        --radius-size: .45rem
    }

    @media (min-width: 576px) {
        .p-l-slider .p-i:first-child {
            border-top-left-radius:.45rem;
            border-bottom-left-radius: .45rem;
            --radius-size: $radius
        }

        .p-l-slider .p-i:last-child {
            border-top-right-radius: .45rem;
            border-bottom-right-radius: .45rem;
            --radius-size: $radius
        }
    }
}

@layer override {
    @media (min-width: 1204px) {
        [class*='sidr-tabs'] .card-item {
            max-width:calc(33.33% + 2px);
            flex-basis: calc(33.33% + 2px)
        }
    }

    @media (min-width: 1204px) and (max-width: 1501.98px) {
        .layout-cols-two [class*='sidr-tabs'] .card-item {
            max-width:calc(50% + 2px);
            flex-basis: calc(50% + 2px)
        }
    }

    @media (min-width: 768px) {
        .modal-lg .card-item {
            max-width:calc(33.33% + 2px);
            flex-basis: calc(33.33% + 2px)
        }
    }
}

@layer templates-override {
    .p-l-tabs .p-i {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        --radius-size: $radius
    }
}

@layer override {
    @media (max-width: 1203.98px) {
        .tile[class*='sh-'] {
            box-shadow:none
        }
    }

    @media (min-width: 1204px) {
        .tile[class*='sh-']:not(:hover) {
            box-shadow:none
        }
    }
}

@layer templates {
    .pfh ~ .p-l-cont {
        margin-top: -2px
    }
}

@layer override {
    @media (max-width: 575.98px) {
        .card-group-xs-one .card-item {
            border-left-width:0;
            border-right-width: 0;
            margin-right: 0;
            margin-left: 0;
            border-radius: 0;
            --radius-size: 0
        }
    }
}

@layer override {
    .p-l-one .p-i {
        max-width: 100%
    }

    .p-l-one .p-i-img {
        min-height: 6rem
    }
}

@layer override {
    @media (max-width: 767.98px) {
        .car-y .p-l-slider .card-item:nth-child(2) ~ .card-item {
            display:none
        }
    }

    @media (max-width: 1203.98px) {
        .car-y .p-l-slider .card-item:nth-child(3) ~ .card-item {
            display:none
        }
    }

    @media (max-width: 1501.98px) {
        .car-y .p-l-slider .card-item:nth-child(4) ~ .card-item {
            display:none
        }
    }

    @media (min-width: 576px) and (max-width: 1810.98px) {
        .car-y .p-l-slider .card-item:nth-child(5) ~ .card-item {
            display:none
        }
    }

    @media (min-width: 1811px) {
        .car-y .p-l-slider .card-item:nth-child(6) ~ .card-item {
            display:none
        }
    }

    @media (min-width: 1502px) {
        .max-w-xxl .car-y .p-l-slider .card-item:nth-child(5) ~ .card-item {
            display:none
        }
    }

    @media (min-width: 1204px) and (min-width: 576px) and (max-width: 1501.98px) {
        .layout-cols-two .cols .car-y .p-l-slider .card-item:nth-child(3) ~ .card-item {
            display:none
        }
    }

    @media (min-width: 1204px) and (min-width: 576px) and (max-width: 1810.98px) {
        .layout-cols-two .cols .car-y .p-l-slider .card-item:nth-child(4) ~ .card-item {
            display:none
        }
    }

    @media (min-width: 1811px) {
        .layout-cols-two .cols .car-y .p-l-slider .card-item:nth-child(5) ~ .card-item {
            display:none
        }
    }

    @media (min-width: 1204px) {
        [class*='sidr-tabs'] .car-y .p-l-slider .card-item:nth-child(3) ~ .card-item {
            display:none !important
        }
    }

    @media (max-width: 1501.98px) {
        [class*='sidr-tabs'] .car-y .p-l-slider .card-item:nth-child(2) ~ .card-item {
            display:none !important
        }
    }

    @media (min-width: 1204px) {
        .modal-lg .car-y .p-l-slider .card-item:nth-child(3) ~ .card-item {
            display:none !important
        }
    }

    @media (max-width: 575.98px) {
        .car-y .p-l-slider[data-carousel-type-xs='one'] .card-item:nth-child(1) ~ .card-item {
            display:none !important
        }
    }

    @media (min-width: 576px) and (max-width: 767.98px) {
        .car-xs-n .p-l-slider .card-item:nth-child(2) ~ .card-item {
            display:none
        }
    }

    @media (min-width: 576px) and (max-width: 1203.98px) {
        .car-xs-n .p-l-slider .card-item:nth-child(3) ~ .card-item {
            display:none
        }
    }

    @media (min-width: 576px) and (max-width: 1501.98px) {
        .car-xs-n .p-l-slider .card-item:nth-child(4) ~ .card-item {
            display:none
        }
    }

    @media (min-width: 576px) and (min-width: 576px) and (max-width: 1810.98px) {
        .car-xs-n .p-l-slider .card-item:nth-child(5) ~ .card-item {
            display:none
        }
    }

    @media (min-width: 576px) and (min-width: 1811px) {
        .car-xs-n .p-l-slider .card-item:nth-child(6) ~ .card-item {
            display:none
        }
    }

    @media (min-width: 576px) and (min-width: 1502px) {
        .max-w-xxl .car-xs-n .p-l-slider .card-item:nth-child(5) ~ .card-item {
            display:none
        }
    }

    @media (min-width: 576px) and (min-width: 1204px) and (min-width: 576px) and (max-width: 1501.98px) {
        .layout-cols-two .cols .car-xs-n .p-l-slider .card-item:nth-child(3) ~ .card-item {
            display:none
        }
    }

    @media (min-width: 576px) and (min-width: 1204px) and (min-width: 576px) and (max-width: 1810.98px) {
        .layout-cols-two .cols .car-xs-n .p-l-slider .card-item:nth-child(4) ~ .card-item {
            display:none
        }
    }

    @media (min-width: 576px) and (min-width: 1811px) {
        .layout-cols-two .cols .car-xs-n .p-l-slider .card-item:nth-child(5) ~ .card-item {
            display:none
        }
    }

    @media (min-width: 576px) and (min-width: 1204px) {
        [class*='sidr-tabs'] .car-xs-n .p-l-slider .card-item:nth-child(3) ~ .card-item {
            display:none !important
        }
    }

    @media (min-width: 576px) and (max-width: 1501.98px) {
        [class*='sidr-tabs'] .car-xs-n .p-l-slider .card-item:nth-child(2) ~ .card-item {
            display:none !important
        }
    }

    @media (min-width: 576px) and (min-width: 1204px) {
        .modal-lg .car-xs-n .p-l-slider .card-item:nth-child(3) ~ .card-item {
            display:none !important
        }
    }

    @media (min-width: 576px) and (max-width: 575.98px) {
        .car-xs-n .p-l-slider[data-carousel-type-xs='one'] .card-item:nth-child(1) ~ .card-item {
            display:none !important
        }
    }
}

@layer templates {
    .p-i.is-close {
        padding-top: 2rem
    }

    [class*='p-i-img-'] {
        transition: all .25s ease-out
    }

    @media screen and (prefers-reduced-motion: reduce) {
        [class*='p-i-img-'] {
            transition: none
        }
    }

    @media (max-width: 767.98px) {
        .p-i-img-2 {
            visibility:hidden;
            opacity: 0
        }
    }

    @media (min-width: 768px) {
        .p-i-img-2,.noTouch .p-i-img:hover .p-i-img-1:not(:only-of-type) {
            visibility:hidden;
            opacity: 0
        }

        .noTouch .p-i-img:hover .p-i-img-2 {
            visibility: visible;
            opacity: 1
        }
    }
}

@layer override {
    @media (max-width: 575.98px) {
        .tile:nth-of-type(odd) {
            margin-left:-2px
        }
    }

    @media (max-width: 575.98px) and (max-width: 767.98px) {
        .tile:nth-of-type(odd).p-i-h {
            margin-left:0
        }
    }

    @media (max-width: 575.98px) {
        .tile:nth-of-type(odd):not(:last-of-type) {
            border-left-width:0
        }

        .tile:nth-of-type(even) {
            border-right-width: 0
        }

        .mx-reset {
            width: auto;
            margin-right: -1rem;
            margin-left: -1rem
        }
    }

    @media (max-width: 575.98px) and (min-width: 380px) {
        .mx-reset {
            margin-right:-1.33333rem;
            margin-left: -1.33333rem
        }
    }

    @media (max-width: 575.98px) {
        .p-i {
            padding:1rem 1rem 1.3334rem
        }

        .p-i,.p-i:first-child,.p-i:last-child {
            border-radius: 0
        }

        .p-i:not(:only-child):not(.p-i-h) {
            max-width: 50%;
            flex-basis: 50%
        }

        .p-i-img img {
            width: auto
        }

        .p-i {
            line-height: 1.3
        }

        .p-i-cart span {
            display: none
        }

        .p-l-boxes .p-i-img {
            min-height: 190px
        }

        .p-l-boxes .p-i-img img {
            max-height: 190px;
            width: auto
        }
    }
}

@layer templates {
    .pit-image a {
        width: 60px
    }

    .pit-head {
        min-width: 17em
    }
}

@layer templates {
    .top-offer-content {
        margin-top: -2px
    }
}

@layer templates {
    .products-filters .td-lt .FilterCount {
        display: none
    }

    @media (min-width: 768px) {
        .pfh .col-form-label {
            max-width:15em
        }
    }

    .pfh-sorting .fa {
        vertical-align: middle
    }

    @media (min-width: 576px) {
        .pfh-manufacturer [class*='col-'] {
            max-width:13rem
        }
    }

    .pfh .nav-link.active .fa-angle-up {
        visibility: hidden
    }

    .pfh .tab-content-active {
        border-top-width: 2px;
        border-top-style: dashed
    }

    @media (min-width: 768px) {
        .pfh-link-fa {
            padding-right:1rem
        }
    }
}

@layer templates {
    .op-img.active:before {
        margin-top: -2.5px
    }

    .pd-top-hide {
        display: none
    }

    @media (min-width: 992px) {
        .pd-top-hide {
            display:block
        }
    }
}

@layer templates {
    .sidr-tabs-right .card-header {
        font-size: inherit
    }

    @media (min-width: 768px) {
        .sidr-tabs-right .card-header {
            padding:0
        }
    }

    .sidr-tabs-right .nav-tabs {
        padding-bottom: 0
    }

    @media (min-width: 768px) {
        .sidr-tabs-right .nav-link.active:before {
            margin-bottom:-2px
        }
    }

    @media (min-width: 1204px) {
        .sidr-tabs-right .nav-link.active:before {
            margin-bottom:0
        }
    }

    @media (min-width: 1204px) {
        .sidr-tabs-right .card-header {
            height:100%
        }

        .sidr-tabs-right .nav-tabs {
            flex-direction: column;
            justify-content: flex-start;
            position: sticky;
            top: 3.6rem
        }

        .sidr-tabs-right .nav-item {
            width: 100%;
            margin-bottom: 0
        }

        .sidr-tabs-right .nav-link {
            padding: .66667rem 1.3334rem;
            white-space: normal
        }
    }

    @media (min-width: 1204px) {
        .sidr-tabs-right {
            text-align:left
        }

        .sidr-tabs-right.tabs-spy .tab-pane {
            display: block;
            pointer-events: auto;
            opacity: 1
        }

        .sidr-tabs-right.tabs-spy .tab-pane.anim-i {
            opacity: 0
        }

        .sidr-tabs-right .card-header {
            border-top-left-radius: 0;
            --radius-size: $radius;
            border-bottom-right-radius: .45rem;
            --radius-size: $radius
        }

        .sidr-tabs-right .nav-link.active:before {
            margin-left: -2px
        }
    }

    .sidr-tabs-right .nav-tabs {
        margin-top: 0
    }

    .pd-tab-clear-3 ~ .accessories,.pd-tab-clear-3 ~ .related {
        display: none
    }
}

@layer override {
}

@layer templates {
    .rating-control {
        line-height: 0
    }
}

@layer templates {
    .brand-img {
        min-height: 140px
    }
}

@layer templates {
    @media (min-width: 1204px) {
        .hl-item {
            max-width:24rem
        }
    }
}

@layer templates {
    @media (min-width: 768px) {
        .gallery-columns {
            column-count:2
        }
    }

    @media (min-width: 992px) {
        .gallery-columns {
            column-count:3
        }
    }

    @media (min-width: 1204px) {
        .layout-cols-two .gallery-columns {
            column-count:2
        }
    }

    @media (min-width: 1502px) {
        .layout-cols-two .gallery-columns {
            column-count:3
        }
    }
}

@layer templates-override {
    @media (min-width: 768px) {
        .gallery-count-2 {
            column-count:2;
            max-width: calc(calc((1204px - 2 * 2rem - 2 * 2rem) / 3) * 2 + 2rem)
        }
    }

    @media (min-width: 992px) {
        .gallery-count-3 {
            column-count:3;
            max-width: calc(calc((1204px - 2 * 2rem - 2 * 2rem) / 3) * 3 + 2rem * 2)
        }
    }

    @media (min-width: 1204px) {
        .layout-cols-two .gallery-count-2 {
            column-count:2;
            max-width: calc(calc((1204px - 2 * 2rem - 2 * 2rem) / 3) * 2 + 2rem)
        }
    }
}

@layer templates {
}

@layer templates {
}

@layer templates {
    @media (min-width: 768px) {
        .articles-columns {
            column-count:2
        }
    }

    @media (min-width: 1204px) {
        .articles-columns {
            column-count:3
        }
    }

    @media (min-width: 1502px) {
        .articles-columns {
            column-count:4
        }
    }

    @media (min-width: 1204px) {
        .layout-cols-two .articles-columns {
            column-count:2
        }
    }

    @media (min-width: 1502px) {
        .layout-cols-two .articles-columns {
            column-count:3
        }
    }

    @media (min-width: 1502px) {
        .max-w-xl .articles-columns {
            column-count:3
        }
    }
}

@layer templates-override {
    .articles-count-2 {
        max-width: calc(calc((1204px - 2 * 2rem - 2 * 2rem) / 3) * 2 + 2rem)
    }

    @media (min-width: 768px) {
        .articles-count-2 {
            column-count:2
        }
    }

    @media (min-width: 1204px) {
        .layout-cols-one .articles-count-3 {
            column-count:3
        }
    }
}

@layer templates {
}

@layer templates {
    .label {
        border-radius: .45rem;
        --radius-size: .45rem
    }

    .p-i-labels {
        z-index: 1
    }

    .label-img {
        vertical-align: middle
    }
}

@layer templates {
    .lbl-quickinfo {
        position: absolute;
        top: 1rem;
        right: 1rem
    }

    .p-i-img {
        order: -1
    }
}

@layer override {
    .p-i-l-no {
        margin: 0
    }
}

@layer templates {
    .footer.hide-l hr {
        display: none
    }

    .footer a: not(:hover):not(:focus) {
        color:inherit
    }

    .ftr_pay>* {
        margin-right: 1rem;
        margin-left: 1rem
    }
}

@media (min-width: 1204px) and (max-width: 1501.98px) {
    @layer templates {
        .ftr_info {
            display:block
        }

        .ftr_info>* {
            max-width: 100%
        }
    }

    @layer override {
        .ftr_info hr {
            display: block
        }

        .lct-ico {
            margin: 0 0 .33334rem
        }
    }
}

@layer override {
    @media (min-width: 992px) {
        .ftr_con {
            width:auto
        }
    }
}

@layer templates {
    @media (min-width: 992px) {
        .layout-cols-one .or-r .pd-pics {
            order:1
        }
    }

    @media (min-width: calc(1204px + 300px)) {
        .layout-cols-two .or-r .pd-pics {
            order:1
        }
    }

    .pp-main {
        width: 100%
    }

    @media (min-width: 992px) {
        .pp-main {
            max-height:55vh;
            min-height: 170px
        }

        .pp-main img {
            width: auto
        }
    }

    .pp-main[class*='sh-'] {
        border-radius: .45rem;
        --radius-size: .45rem
    }

    .pp-main>span {
        max-height: inherit;
        min-height: inherit
    }

    .pp-main img,.pp-main video {
        max-height: inherit;
        height: unset
    }

    @media (min-width: 576px) {
        .pd-quantity {
            padding-top:.176em
        }
    }

    .pd-tocart .tooltip-static {
        margin-top: -2.2rem
    }

    @media (min-width: 576px) {
        .pd-tocart .col-form-label {
            padding-top:.2em;
            text-align: left
        }

        .pd-tocart .variant-select .col-form-label,.pd-tocart .variant-image .col-form-label,.pd-tocart .variant-tile .col-form-label {
            padding-top: .9em
        }
    }

    .page-product.vs .pd-tocart-quantity-2,.page-product:not(.vs):not(.vt) .pd-tocart-quantity-2,.page-product .variant-select-hidden {
        display: none
    }

    @media (max-width: 991.98px) {
        .page-product .pd-tocart-quantity-2,.page-product .variant-table {
            display:none
        }

        .page-product.vt .variant-select-hidden {
            display: block
        }
    }

    @media (min-width: 992px) {
        .page-product.vt .pd-availability,.page-product.vt .pd-add-top-cart,.page-product.vt .variants,.page-product.vt .pd-quantity,.page-product.vt .pd-prices,.page-product.vt .variant-select-hidden,.page-product.vt .pd-tocart-quantity-1,.page-product.vs .pd-tocart-quantity-2,.page-product.no-variant .pd-tocart-quantity-2 {
            display:none
        }
    }
}

@layer override {
    @media (min-width: 992px) {
        .pd-pics-cont {
            top:3.6rem
        }
    }
}

@layer templates {
    .bg-de>.bte-th,.bg-des>.bte-th {
        --opacity: .6
    }

    .bg-pr>.bte-th {
        --opacity: .06122
    }

    .bg-se>.bte-th {
        --opacity: .0652
    }

    .bg-wh>.bte-th.load {
        --opacity: .08
    }

    .bte-th.bpo-b {
        -webkit-mask-position: top;
        mask-position: top;
        --scaleY: -1
    }

    .bic-b>.bte-th {
        -webkit-mask-size: 2200px 683.08351px;
        mask-size: 2200px 683.08351px
    }

    [class*='the-h-']>.bte-th {
        -webkit-mask-position: 50% 0;
        mask-position: 50% 0
    }

    @media (min-width: 1204px) {
        [class*='the-h-']>.bte-th {
            -webkit-mask-position:-650px 0;
            mask-position: -650px 0
        }

        .the-h-2>.bte-th {
            -webkit-mask-position: -650px calc(-2.867rem + 0);
            mask-position: -650px calc(-2.867rem + 0)
        }

        .the-h-3>.bte-th {
            -webkit-mask-position: -650px calc(-2.867rem - 5.33334rem + 0);
            mask-position: -650px calc(-2.867rem - 5.33334rem + 0)
        }

        .fixed-top .bte-th {
            -webkit-mask-position: -650px 0;
            mask-position: -650px 0
        }
    }

    .page>.bte-th {
        -webkit-mask-position: 50% calc(-3.6rem + 0px);
        mask-position: 50% calc(-3.6rem + 0px)
    }

    @media (min-width: 576px) {
        .page>.bte-th {
            -webkit-mask-position:50% calc(-3.6rem + 0px);
            mask-position: 50% calc(-3.6rem + 0px)
        }
    }

    @media (min-width: 768px) {
        .page>.bte-th {
            -webkit-mask-position:50% calc(-5.33334rem + 0px);
            mask-position: 50% calc(-5.33334rem + 0px)
        }
    }

    @media (min-width: 1204px) {
        .page>.bte-th {
            -webkit-mask-position:50% calc(-8.20034rem + 0px);
            mask-position: 50% calc(-8.20034rem + 0px)
        }
    }

    .page.pos-f>.bte-th {
        -webkit-mask-position: 50% 0px;
        mask-position: 50% 0px
    }

    @media (min-width: 1204px) {
        .page.pos-f>.bte-th {
            -webkit-mask-position:50% 0px;
            mask-position: 50% 0px
        }
    }

    @media (min-width: 1204px) {
        .layout-cols-left .page>.bte-th {
            -webkit-mask-position:calc(50% - 300px * .5) calc(-8.20034rem + 0px);
            mask-position: calc(50% - 300px * .5) calc(-8.20034rem + 0px)
        }

        .layout-cols-left .page.pos-f>.bte-th {
            left: 300px;
            -webkit-mask-position: calc(50% - 300px * .5) 0px;
            mask-position: calc(50% - 300px * .5) 0px
        }
    }

    .th-cover>.bte-th {
        -webkit-mask-image: url("/images/textures/26.svg?a17n");
        mask-image: url("/images/textures/26.svg?a17n")
    }
}

@layer utilities {
    .fil-hu-0 {
        --hue-rotate: 0deg
    }

    .fil-hu-20 {
        --hue-rotate: 20deg
    }

    .fil-hu-40 {
        --hue-rotate: 40deg
    }

    .fil-hu-60 {
        --hue-rotate: 60deg
    }

    .fil-hu-80 {
        --hue-rotate: 80deg
    }

    .fil-hu-100 {
        --hue-rotate: 100deg
    }

    .fil-hu-120 {
        --hue-rotate: 120deg
    }

    .fil-hu-140 {
        --hue-rotate: 140deg
    }

    .fil-hu-160 {
        --hue-rotate: 160deg
    }

    .fil-hu-180 {
        --hue-rotate: 180deg
    }

    .fil-hu-200 {
        --hue-rotate: 200deg
    }

    .fil-hu-220 {
        --hue-rotate: 220deg
    }

    .fil-hu-240 {
        --hue-rotate: 240deg
    }

    .fil-hu-260 {
        --hue-rotate: 260deg
    }

    .fil-hu-280 {
        --hue-rotate: 280deg
    }

    .fil-hu-300 {
        --hue-rotate: 300deg
    }

    .fil-hu-320 {
        --hue-rotate: 320deg
    }

    .fil-hu-340 {
        --hue-rotate: 340deg
    }

    .fil-hu-350 {
        --hue-rotate: 350deg
    }

    .fil-sa-0 {
        --saturate: 0%
    }

    .fil-sa-20 {
        --saturate: 20%
    }

    .fil-sa-40 {
        --saturate: 40%
    }

    .fil-sa-60 {
        --saturate: 60%
    }

    .fil-sa-80 {
        --saturate: 80%
    }

    .fil-sa-100 {
        --saturate: 100%
    }

    .fil-sa-120 {
        --saturate: 120%
    }

    .fil-sa-140 {
        --saturate: 140%
    }

    .fil-sa-160 {
        --saturate: 160%
    }

    .fil-sa-180 {
        --saturate: 180%
    }

    .fil-sa-200 {
        --saturate: 200%
    }

    .fil-br-0 {
        --brightness: 0%
    }

    .fil-br-20 {
        --brightness: 20%
    }

    .fil-br-40 {
        --brightness: 40%
    }

    .fil-br-60 {
        --brightness: 60%
    }

    .fil-br-80 {
        --brightness: 80%
    }

    .fil-br-100 {
        --brightness: 100%
    }

    .fil-br-120 {
        --brightness: 120%
    }

    .fil-br-140 {
        --brightness: 140%
    }

    .fil-br-160 {
        --brightness: 160%
    }

    .fil-br-180 {
        --brightness: 180%
    }

    .fil-br-200 {
        --brightness: 200%
    }

    .fil-co-0 {
        --contrast: 0%
    }

    .fil-co-20 {
        --contrast: 20%
    }

    .fil-co-40 {
        --contrast: 40%
    }

    .fil-co-60 {
        --contrast: 60%
    }

    .fil-co-80 {
        --contrast: 80%
    }

    .fil-co-100 {
        --contrast: 100%
    }

    .fil-co-120 {
        --contrast: 120%
    }

    .fil-co-140 {
        --contrast: 140%
    }

    .fil-co-160 {
        --contrast: 160%
    }

    .fil-co-180 {
        --contrast: 180%
    }

    .fil-co-200 {
        --contrast: 200%
    }

    .fil-in-0 {
        --invert: 0%
    }

    .fil-in-20 {
        --invert: 20%
    }

    .fil-in-40 {
        --invert: 40%
    }

    .fil-in-60 {
        --invert: 60%
    }

    .fil-in-80 {
        --invert: 80%
    }

    .fil-in-100 {
        --invert: 100%
    }

    .fil-se-0 {
        --sepia: 0%
    }

    .fil-se-20 {
        --sepia: 20%
    }

    .fil-se-40 {
        --sepia: 40%
    }

    .fil-se-60 {
        --sepia: 60%
    }

    .fil-se-80 {
        --sepia: 80%
    }

    .fil-se-100 {
        --sepia: 100%
    }

    .fil-op-0 {
        --opacity: 0%
    }

    .fil-op-5 {
        --opacity: 5%
    }

    .fil-op-10 {
        --opacity: 10%
    }

    .fil-op-20 {
        --opacity: 20%
    }

    .fil-op-40 {
        --opacity: 40%
    }

    .fil-op-60 {
        --opacity: 60%
    }

    .fil-op-80 {
        --opacity: 80%
    }

    .fil-op-100 {
        --opacity: 100%
    }

    @media (min-width: 576px) {
        .fil-op-sm-0 {
            --opacity: 0%
        }

        .fil-op-sm-5 {
            --opacity: 5%
        }

        .fil-op-sm-10 {
            --opacity: 10%
        }

        .fil-op-sm-20 {
            --opacity: 20%
        }

        .fil-op-sm-40 {
            --opacity: 40%
        }

        .fil-op-sm-60 {
            --opacity: 60%
        }

        .fil-op-sm-80 {
            --opacity: 80%
        }

        .fil-op-sm-100 {
            --opacity: 100%
        }
    }

    @media (min-width: 768px) {
        .fil-op-md-0 {
            --opacity: 0%
        }

        .fil-op-md-5 {
            --opacity: 5%
        }

        .fil-op-md-10 {
            --opacity: 10%
        }

        .fil-op-md-20 {
            --opacity: 20%
        }

        .fil-op-md-40 {
            --opacity: 40%
        }

        .fil-op-md-60 {
            --opacity: 60%
        }

        .fil-op-md-80 {
            --opacity: 80%
        }

        .fil-op-md-100 {
            --opacity: 100%
        }
    }

    @media (min-width: 992px) {
        .fil-op-lg-0 {
            --opacity: 0%
        }

        .fil-op-lg-5 {
            --opacity: 5%
        }

        .fil-op-lg-10 {
            --opacity: 10%
        }

        .fil-op-lg-20 {
            --opacity: 20%
        }

        .fil-op-lg-40 {
            --opacity: 40%
        }

        .fil-op-lg-60 {
            --opacity: 60%
        }

        .fil-op-lg-80 {
            --opacity: 80%
        }

        .fil-op-lg-100 {
            --opacity: 100%
        }
    }

    @media (min-width: 1204px) {
        .fil-op-xl-0 {
            --opacity: 0%
        }

        .fil-op-xl-5 {
            --opacity: 5%
        }

        .fil-op-xl-10 {
            --opacity: 10%
        }

        .fil-op-xl-20 {
            --opacity: 20%
        }

        .fil-op-xl-40 {
            --opacity: 40%
        }

        .fil-op-xl-60 {
            --opacity: 60%
        }

        .fil-op-xl-80 {
            --opacity: 80%
        }

        .fil-op-xl-100 {
            --opacity: 100%
        }
    }

    @media (min-width: 1502px) {
        .fil-op-xxl-0 {
            --opacity: 0%
        }

        .fil-op-xxl-5 {
            --opacity: 5%
        }

        .fil-op-xxl-10 {
            --opacity: 10%
        }

        .fil-op-xxl-20 {
            --opacity: 20%
        }

        .fil-op-xxl-40 {
            --opacity: 40%
        }

        .fil-op-xxl-60 {
            --opacity: 60%
        }

        .fil-op-xxl-80 {
            --opacity: 80%
        }

        .fil-op-xxl-100 {
            --opacity: 100%
        }
    }

    .fil-bl-0 {
        --blur: 0
    }

    .fil-bl-1 {
        --blur: 1px
    }

    .fil-bl-3 {
        --blur: 3px
    }

    .fil-bl-6 {
        --blur: 6px
    }

    .fil-bl-10 {
        --blur: 10px
    }

    .fil-bl-20 {
        --blur: 20px
    }

    .fil-bl-30 {
        --blur: 30px
    }

    .fil-bl-40 {
        --blur: 40px
    }

    .fil-bl-50 {
        --blur: 50px
    }
}

@layer utilities {
    .tra-fly {
        --rotate-y: 180deg
    }

    .tra-flz {
        --rotate-z: 180deg
    }

    .tra-flx {
        --rotate-x: 180deg
    }

    .tra-rox-1 {
        --rotate-x: 0deg
    }

    .tra-roy-1 {
        --rotate-y: 0deg
    }

    .tra-roz-1 {
        --rotate-z: 0deg
    }

    .tra-rox-2 {
        --rotate-x: 22.5deg
    }

    .tra-roy-2 {
        --rotate-y: 22.5deg
    }

    .tra-roz-2 {
        --rotate-z: 22.5deg
    }

    .tra-rox-3 {
        --rotate-x: 45deg
    }

    .tra-roy-3 {
        --rotate-y: 45deg
    }

    .tra-roz-3 {
        --rotate-z: 45deg
    }

    .tra-rox-4 {
        --rotate-x: 67.5deg
    }

    .tra-roy-4 {
        --rotate-y: 67.5deg
    }

    .tra-roz-4 {
        --rotate-z: 67.5deg
    }

    .tra-rox-5 {
        --rotate-x: 90deg
    }

    .tra-roy-5 {
        --rotate-y: 90deg
    }

    .tra-roz-5 {
        --rotate-z: 90deg
    }

    .tra-rox-6 {
        --rotate-x: 102.5deg
    }

    .tra-roy-6 {
        --rotate-y: 102.5deg
    }

    .tra-roz-6 {
        --rotate-z: 102.5deg
    }

    .tra-rox-7 {
        --rotate-x: 135deg
    }

    .tra-roy-7 {
        --rotate-y: 135deg
    }

    .tra-roz-7 {
        --rotate-z: 135deg
    }

    .tra-rox-8 {
        --rotate-x: 157.5deg
    }

    .tra-roy-8 {
        --rotate-y: 157.5deg
    }

    .tra-roz-8 {
        --rotate-z: 157.5deg
    }

    .tra-rox-9 {
        --rotate-x: 180deg
    }

    .tra-roy-9 {
        --rotate-y: 180deg
    }

    .tra-roz-9 {
        --rotate-z: 180deg
    }

    .tra-rox-10 {
        --rotate-x: 202.5deg
    }

    .tra-roy-10 {
        --rotate-y: 202.5deg
    }

    .tra-roz-10 {
        --rotate-z: 202.5deg
    }

    .tra-rox-11 {
        --rotate-x: 225deg
    }

    .tra-roy-11 {
        --rotate-y: 225deg
    }

    .tra-roz-11 {
        --rotate-z: 225deg
    }

    .tra-rox-12 {
        --rotate-x: 247.5deg
    }

    .tra-roy-12 {
        --rotate-y: 247.5deg
    }

    .tra-roz-12 {
        --rotate-z: 247.5deg
    }

    .tra-rox-13 {
        --rotate-x: 270deg
    }

    .tra-roy-13 {
        --rotate-y: 270deg
    }

    .tra-roz-13 {
        --rotate-z: 270deg
    }

    .tra-rox-14 {
        --rotate-x: 292.5deg
    }

    .tra-roy-14 {
        --rotate-y: 292.5deg
    }

    .tra-roz-14 {
        --rotate-z: 292.5deg
    }

    .tra-rox-15 {
        --rotate-x: 315deg
    }

    .tra-roy-15 {
        --rotate-y: 315deg
    }

    .tra-roz-15 {
        --rotate-z: 315deg
    }

    @media (min-width: 576px) {
        .tra-rox-sm-1 {
            --rotate-x: 0deg
        }

        .tra-roy-sm-1 {
            --rotate-y: 0deg
        }

        .tra-roz-sm-1 {
            --rotate-z: 0deg
        }

        .tra-rox-sm-2 {
            --rotate-x: 22.5deg
        }

        .tra-roy-sm-2 {
            --rotate-y: 22.5deg
        }

        .tra-roz-sm-2 {
            --rotate-z: 22.5deg
        }

        .tra-rox-sm-3 {
            --rotate-x: 45deg
        }

        .tra-roy-sm-3 {
            --rotate-y: 45deg
        }

        .tra-roz-sm-3 {
            --rotate-z: 45deg
        }

        .tra-rox-sm-4 {
            --rotate-x: 67.5deg
        }

        .tra-roy-sm-4 {
            --rotate-y: 67.5deg
        }

        .tra-roz-sm-4 {
            --rotate-z: 67.5deg
        }

        .tra-rox-sm-5 {
            --rotate-x: 90deg
        }

        .tra-roy-sm-5 {
            --rotate-y: 90deg
        }

        .tra-roz-sm-5 {
            --rotate-z: 90deg
        }

        .tra-rox-sm-6 {
            --rotate-x: 102.5deg
        }

        .tra-roy-sm-6 {
            --rotate-y: 102.5deg
        }

        .tra-roz-sm-6 {
            --rotate-z: 102.5deg
        }

        .tra-rox-sm-7 {
            --rotate-x: 135deg
        }

        .tra-roy-sm-7 {
            --rotate-y: 135deg
        }

        .tra-roz-sm-7 {
            --rotate-z: 135deg
        }

        .tra-rox-sm-8 {
            --rotate-x: 157.5deg
        }

        .tra-roy-sm-8 {
            --rotate-y: 157.5deg
        }

        .tra-roz-sm-8 {
            --rotate-z: 157.5deg
        }

        .tra-rox-sm-9 {
            --rotate-x: 180deg
        }

        .tra-roy-sm-9 {
            --rotate-y: 180deg
        }

        .tra-roz-sm-9 {
            --rotate-z: 180deg
        }

        .tra-rox-sm-10 {
            --rotate-x: 202.5deg
        }

        .tra-roy-sm-10 {
            --rotate-y: 202.5deg
        }

        .tra-roz-sm-10 {
            --rotate-z: 202.5deg
        }

        .tra-rox-sm-11 {
            --rotate-x: 225deg
        }

        .tra-roy-sm-11 {
            --rotate-y: 225deg
        }

        .tra-roz-sm-11 {
            --rotate-z: 225deg
        }

        .tra-rox-sm-12 {
            --rotate-x: 247.5deg
        }

        .tra-roy-sm-12 {
            --rotate-y: 247.5deg
        }

        .tra-roz-sm-12 {
            --rotate-z: 247.5deg
        }

        .tra-rox-sm-13 {
            --rotate-x: 270deg
        }

        .tra-roy-sm-13 {
            --rotate-y: 270deg
        }

        .tra-roz-sm-13 {
            --rotate-z: 270deg
        }

        .tra-rox-sm-14 {
            --rotate-x: 292.5deg
        }

        .tra-roy-sm-14 {
            --rotate-y: 292.5deg
        }

        .tra-roz-sm-14 {
            --rotate-z: 292.5deg
        }

        .tra-rox-sm-15 {
            --rotate-x: 315deg
        }

        .tra-roy-sm-15 {
            --rotate-y: 315deg
        }

        .tra-roz-sm-15 {
            --rotate-z: 315deg
        }
    }

    @media (min-width: 768px) {
        .tra-rox-md-1 {
            --rotate-x: 0deg
        }

        .tra-roy-md-1 {
            --rotate-y: 0deg
        }

        .tra-roz-md-1 {
            --rotate-z: 0deg
        }

        .tra-rox-md-2 {
            --rotate-x: 22.5deg
        }

        .tra-roy-md-2 {
            --rotate-y: 22.5deg
        }

        .tra-roz-md-2 {
            --rotate-z: 22.5deg
        }

        .tra-rox-md-3 {
            --rotate-x: 45deg
        }

        .tra-roy-md-3 {
            --rotate-y: 45deg
        }

        .tra-roz-md-3 {
            --rotate-z: 45deg
        }

        .tra-rox-md-4 {
            --rotate-x: 67.5deg
        }

        .tra-roy-md-4 {
            --rotate-y: 67.5deg
        }

        .tra-roz-md-4 {
            --rotate-z: 67.5deg
        }

        .tra-rox-md-5 {
            --rotate-x: 90deg
        }

        .tra-roy-md-5 {
            --rotate-y: 90deg
        }

        .tra-roz-md-5 {
            --rotate-z: 90deg
        }

        .tra-rox-md-6 {
            --rotate-x: 102.5deg
        }

        .tra-roy-md-6 {
            --rotate-y: 102.5deg
        }

        .tra-roz-md-6 {
            --rotate-z: 102.5deg
        }

        .tra-rox-md-7 {
            --rotate-x: 135deg
        }

        .tra-roy-md-7 {
            --rotate-y: 135deg
        }

        .tra-roz-md-7 {
            --rotate-z: 135deg
        }

        .tra-rox-md-8 {
            --rotate-x: 157.5deg
        }

        .tra-roy-md-8 {
            --rotate-y: 157.5deg
        }

        .tra-roz-md-8 {
            --rotate-z: 157.5deg
        }

        .tra-rox-md-9 {
            --rotate-x: 180deg
        }

        .tra-roy-md-9 {
            --rotate-y: 180deg
        }

        .tra-roz-md-9 {
            --rotate-z: 180deg
        }

        .tra-rox-md-10 {
            --rotate-x: 202.5deg
        }

        .tra-roy-md-10 {
            --rotate-y: 202.5deg
        }

        .tra-roz-md-10 {
            --rotate-z: 202.5deg
        }

        .tra-rox-md-11 {
            --rotate-x: 225deg
        }

        .tra-roy-md-11 {
            --rotate-y: 225deg
        }

        .tra-roz-md-11 {
            --rotate-z: 225deg
        }

        .tra-rox-md-12 {
            --rotate-x: 247.5deg
        }

        .tra-roy-md-12 {
            --rotate-y: 247.5deg
        }

        .tra-roz-md-12 {
            --rotate-z: 247.5deg
        }

        .tra-rox-md-13 {
            --rotate-x: 270deg
        }

        .tra-roy-md-13 {
            --rotate-y: 270deg
        }

        .tra-roz-md-13 {
            --rotate-z: 270deg
        }

        .tra-rox-md-14 {
            --rotate-x: 292.5deg
        }

        .tra-roy-md-14 {
            --rotate-y: 292.5deg
        }

        .tra-roz-md-14 {
            --rotate-z: 292.5deg
        }

        .tra-rox-md-15 {
            --rotate-x: 315deg
        }

        .tra-roy-md-15 {
            --rotate-y: 315deg
        }

        .tra-roz-md-15 {
            --rotate-z: 315deg
        }
    }

    @media (min-width: 992px) {
        .tra-rox-lg-1 {
            --rotate-x: 0deg
        }

        .tra-roy-lg-1 {
            --rotate-y: 0deg
        }

        .tra-roz-lg-1 {
            --rotate-z: 0deg
        }

        .tra-rox-lg-2 {
            --rotate-x: 22.5deg
        }

        .tra-roy-lg-2 {
            --rotate-y: 22.5deg
        }

        .tra-roz-lg-2 {
            --rotate-z: 22.5deg
        }

        .tra-rox-lg-3 {
            --rotate-x: 45deg
        }

        .tra-roy-lg-3 {
            --rotate-y: 45deg
        }

        .tra-roz-lg-3 {
            --rotate-z: 45deg
        }

        .tra-rox-lg-4 {
            --rotate-x: 67.5deg
        }

        .tra-roy-lg-4 {
            --rotate-y: 67.5deg
        }

        .tra-roz-lg-4 {
            --rotate-z: 67.5deg
        }

        .tra-rox-lg-5 {
            --rotate-x: 90deg
        }

        .tra-roy-lg-5 {
            --rotate-y: 90deg
        }

        .tra-roz-lg-5 {
            --rotate-z: 90deg
        }

        .tra-rox-lg-6 {
            --rotate-x: 102.5deg
        }

        .tra-roy-lg-6 {
            --rotate-y: 102.5deg
        }

        .tra-roz-lg-6 {
            --rotate-z: 102.5deg
        }

        .tra-rox-lg-7 {
            --rotate-x: 135deg
        }

        .tra-roy-lg-7 {
            --rotate-y: 135deg
        }

        .tra-roz-lg-7 {
            --rotate-z: 135deg
        }

        .tra-rox-lg-8 {
            --rotate-x: 157.5deg
        }

        .tra-roy-lg-8 {
            --rotate-y: 157.5deg
        }

        .tra-roz-lg-8 {
            --rotate-z: 157.5deg
        }

        .tra-rox-lg-9 {
            --rotate-x: 180deg
        }

        .tra-roy-lg-9 {
            --rotate-y: 180deg
        }

        .tra-roz-lg-9 {
            --rotate-z: 180deg
        }

        .tra-rox-lg-10 {
            --rotate-x: 202.5deg
        }

        .tra-roy-lg-10 {
            --rotate-y: 202.5deg
        }

        .tra-roz-lg-10 {
            --rotate-z: 202.5deg
        }

        .tra-rox-lg-11 {
            --rotate-x: 225deg
        }

        .tra-roy-lg-11 {
            --rotate-y: 225deg
        }

        .tra-roz-lg-11 {
            --rotate-z: 225deg
        }

        .tra-rox-lg-12 {
            --rotate-x: 247.5deg
        }

        .tra-roy-lg-12 {
            --rotate-y: 247.5deg
        }

        .tra-roz-lg-12 {
            --rotate-z: 247.5deg
        }

        .tra-rox-lg-13 {
            --rotate-x: 270deg
        }

        .tra-roy-lg-13 {
            --rotate-y: 270deg
        }

        .tra-roz-lg-13 {
            --rotate-z: 270deg
        }

        .tra-rox-lg-14 {
            --rotate-x: 292.5deg
        }

        .tra-roy-lg-14 {
            --rotate-y: 292.5deg
        }

        .tra-roz-lg-14 {
            --rotate-z: 292.5deg
        }

        .tra-rox-lg-15 {
            --rotate-x: 315deg
        }

        .tra-roy-lg-15 {
            --rotate-y: 315deg
        }

        .tra-roz-lg-15 {
            --rotate-z: 315deg
        }
    }

    @media (min-width: 1204px) {
        .tra-rox-xl-1 {
            --rotate-x: 0deg
        }

        .tra-roy-xl-1 {
            --rotate-y: 0deg
        }

        .tra-roz-xl-1 {
            --rotate-z: 0deg
        }

        .tra-rox-xl-2 {
            --rotate-x: 22.5deg
        }

        .tra-roy-xl-2 {
            --rotate-y: 22.5deg
        }

        .tra-roz-xl-2 {
            --rotate-z: 22.5deg
        }

        .tra-rox-xl-3 {
            --rotate-x: 45deg
        }

        .tra-roy-xl-3 {
            --rotate-y: 45deg
        }

        .tra-roz-xl-3 {
            --rotate-z: 45deg
        }

        .tra-rox-xl-4 {
            --rotate-x: 67.5deg
        }

        .tra-roy-xl-4 {
            --rotate-y: 67.5deg
        }

        .tra-roz-xl-4 {
            --rotate-z: 67.5deg
        }

        .tra-rox-xl-5 {
            --rotate-x: 90deg
        }

        .tra-roy-xl-5 {
            --rotate-y: 90deg
        }

        .tra-roz-xl-5 {
            --rotate-z: 90deg
        }

        .tra-rox-xl-6 {
            --rotate-x: 102.5deg
        }

        .tra-roy-xl-6 {
            --rotate-y: 102.5deg
        }

        .tra-roz-xl-6 {
            --rotate-z: 102.5deg
        }

        .tra-rox-xl-7 {
            --rotate-x: 135deg
        }

        .tra-roy-xl-7 {
            --rotate-y: 135deg
        }

        .tra-roz-xl-7 {
            --rotate-z: 135deg
        }

        .tra-rox-xl-8 {
            --rotate-x: 157.5deg
        }

        .tra-roy-xl-8 {
            --rotate-y: 157.5deg
        }

        .tra-roz-xl-8 {
            --rotate-z: 157.5deg
        }

        .tra-rox-xl-9 {
            --rotate-x: 180deg
        }

        .tra-roy-xl-9 {
            --rotate-y: 180deg
        }

        .tra-roz-xl-9 {
            --rotate-z: 180deg
        }

        .tra-rox-xl-10 {
            --rotate-x: 202.5deg
        }

        .tra-roy-xl-10 {
            --rotate-y: 202.5deg
        }

        .tra-roz-xl-10 {
            --rotate-z: 202.5deg
        }

        .tra-rox-xl-11 {
            --rotate-x: 225deg
        }

        .tra-roy-xl-11 {
            --rotate-y: 225deg
        }

        .tra-roz-xl-11 {
            --rotate-z: 225deg
        }

        .tra-rox-xl-12 {
            --rotate-x: 247.5deg
        }

        .tra-roy-xl-12 {
            --rotate-y: 247.5deg
        }

        .tra-roz-xl-12 {
            --rotate-z: 247.5deg
        }

        .tra-rox-xl-13 {
            --rotate-x: 270deg
        }

        .tra-roy-xl-13 {
            --rotate-y: 270deg
        }

        .tra-roz-xl-13 {
            --rotate-z: 270deg
        }

        .tra-rox-xl-14 {
            --rotate-x: 292.5deg
        }

        .tra-roy-xl-14 {
            --rotate-y: 292.5deg
        }

        .tra-roz-xl-14 {
            --rotate-z: 292.5deg
        }

        .tra-rox-xl-15 {
            --rotate-x: 315deg
        }

        .tra-roy-xl-15 {
            --rotate-y: 315deg
        }

        .tra-roz-xl-15 {
            --rotate-z: 315deg
        }
    }

    @media (min-width: 1502px) {
        .tra-rox-xxl-1 {
            --rotate-x: 0deg
        }

        .tra-roy-xxl-1 {
            --rotate-y: 0deg
        }

        .tra-roz-xxl-1 {
            --rotate-z: 0deg
        }

        .tra-rox-xxl-2 {
            --rotate-x: 22.5deg
        }

        .tra-roy-xxl-2 {
            --rotate-y: 22.5deg
        }

        .tra-roz-xxl-2 {
            --rotate-z: 22.5deg
        }

        .tra-rox-xxl-3 {
            --rotate-x: 45deg
        }

        .tra-roy-xxl-3 {
            --rotate-y: 45deg
        }

        .tra-roz-xxl-3 {
            --rotate-z: 45deg
        }

        .tra-rox-xxl-4 {
            --rotate-x: 67.5deg
        }

        .tra-roy-xxl-4 {
            --rotate-y: 67.5deg
        }

        .tra-roz-xxl-4 {
            --rotate-z: 67.5deg
        }

        .tra-rox-xxl-5 {
            --rotate-x: 90deg
        }

        .tra-roy-xxl-5 {
            --rotate-y: 90deg
        }

        .tra-roz-xxl-5 {
            --rotate-z: 90deg
        }

        .tra-rox-xxl-6 {
            --rotate-x: 102.5deg
        }

        .tra-roy-xxl-6 {
            --rotate-y: 102.5deg
        }

        .tra-roz-xxl-6 {
            --rotate-z: 102.5deg
        }

        .tra-rox-xxl-7 {
            --rotate-x: 135deg
        }

        .tra-roy-xxl-7 {
            --rotate-y: 135deg
        }

        .tra-roz-xxl-7 {
            --rotate-z: 135deg
        }

        .tra-rox-xxl-8 {
            --rotate-x: 157.5deg
        }

        .tra-roy-xxl-8 {
            --rotate-y: 157.5deg
        }

        .tra-roz-xxl-8 {
            --rotate-z: 157.5deg
        }

        .tra-rox-xxl-9 {
            --rotate-x: 180deg
        }

        .tra-roy-xxl-9 {
            --rotate-y: 180deg
        }

        .tra-roz-xxl-9 {
            --rotate-z: 180deg
        }

        .tra-rox-xxl-10 {
            --rotate-x: 202.5deg
        }

        .tra-roy-xxl-10 {
            --rotate-y: 202.5deg
        }

        .tra-roz-xxl-10 {
            --rotate-z: 202.5deg
        }

        .tra-rox-xxl-11 {
            --rotate-x: 225deg
        }

        .tra-roy-xxl-11 {
            --rotate-y: 225deg
        }

        .tra-roz-xxl-11 {
            --rotate-z: 225deg
        }

        .tra-rox-xxl-12 {
            --rotate-x: 247.5deg
        }

        .tra-roy-xxl-12 {
            --rotate-y: 247.5deg
        }

        .tra-roz-xxl-12 {
            --rotate-z: 247.5deg
        }

        .tra-rox-xxl-13 {
            --rotate-x: 270deg
        }

        .tra-roy-xxl-13 {
            --rotate-y: 270deg
        }

        .tra-roz-xxl-13 {
            --rotate-z: 270deg
        }

        .tra-rox-xxl-14 {
            --rotate-x: 292.5deg
        }

        .tra-roy-xxl-14 {
            --rotate-y: 292.5deg
        }

        .tra-roz-xxl-14 {
            --rotate-z: 292.5deg
        }

        .tra-rox-xxl-15 {
            --rotate-x: 315deg
        }

        .tra-roy-xxl-15 {
            --rotate-y: 315deg
        }

        .tra-roz-xxl-15 {
            --rotate-z: 315deg
        }
    }

    .tra-scx-0 {
        --scale-x: 0
    }

    .tra-scy-0 {
        --scale-y: 0
    }

    .tra-scx-10 {
        --scale-x: .1
    }

    .tra-scy-10 {
        --scale-y: .1
    }

    .tra-scx-20 {
        --scale-x: .2
    }

    .tra-scy-20 {
        --scale-y: .2
    }

    .tra-scx-40 {
        --scale-x: .4
    }

    .tra-scy-40 {
        --scale-y: .4
    }

    .tra-scx-60 {
        --scale-x: .6
    }

    .tra-scy-60 {
        --scale-y: .6
    }

    .tra-scx-80 {
        --scale-x: .8
    }

    .tra-scy-80 {
        --scale-y: .8
    }

    .tra-scx-90 {
        --scale-x: .9
    }

    .tra-scy-90 {
        --scale-y: .9
    }

    .tra-scx-95 {
        --scale-x: .95
    }

    .tra-scy-95 {
        --scale-y: .95
    }

    .tra-scx-100 {
        --scale-x: 1
    }

    .tra-scy-100 {
        --scale-y: 1
    }

    .tra-scx-105 {
        --scale-x: 1.05
    }

    .tra-scy-105 {
        --scale-y: 1.05
    }

    .tra-scx-110 {
        --scale-x: 1.1
    }

    .tra-scy-110 {
        --scale-y: 1.1
    }

    .tra-scx-120 {
        --scale-x: 1.2
    }

    .tra-scy-120 {
        --scale-y: 1.2
    }

    .tra-scx-140 {
        --scale-x: 1.4
    }

    .tra-scy-140 {
        --scale-y: 1.4
    }

    .tra-scx-180 {
        --scale-x: 1.8
    }

    .tra-scy-180 {
        --scale-y: 1.8
    }

    .tra-scx-260 {
        --scale-x: 2.6
    }

    .tra-scy-260 {
        --scale-y: 2.6
    }

    .tra-scx-520 {
        --scale-x: 5.2
    }

    .tra-scy-520 {
        --scale-y: 5.2
    }

    @media (min-width: 576px) {
        .tra-scx-sm-0 {
            --scale-x: 0
        }

        .tra-scy-sm-0 {
            --scale-y: 0
        }

        .tra-scx-sm-10 {
            --scale-x: .1
        }

        .tra-scy-sm-10 {
            --scale-y: .1
        }

        .tra-scx-sm-20 {
            --scale-x: .2
        }

        .tra-scy-sm-20 {
            --scale-y: .2
        }

        .tra-scx-sm-40 {
            --scale-x: .4
        }

        .tra-scy-sm-40 {
            --scale-y: .4
        }

        .tra-scx-sm-60 {
            --scale-x: .6
        }

        .tra-scy-sm-60 {
            --scale-y: .6
        }

        .tra-scx-sm-80 {
            --scale-x: .8
        }

        .tra-scy-sm-80 {
            --scale-y: .8
        }

        .tra-scx-sm-90 {
            --scale-x: .9
        }

        .tra-scy-sm-90 {
            --scale-y: .9
        }

        .tra-scx-sm-95 {
            --scale-x: .95
        }

        .tra-scy-sm-95 {
            --scale-y: .95
        }

        .tra-scx-sm-100 {
            --scale-x: 1
        }

        .tra-scy-sm-100 {
            --scale-y: 1
        }

        .tra-scx-sm-105 {
            --scale-x: 1.05
        }

        .tra-scy-sm-105 {
            --scale-y: 1.05
        }

        .tra-scx-sm-110 {
            --scale-x: 1.1
        }

        .tra-scy-sm-110 {
            --scale-y: 1.1
        }

        .tra-scx-sm-120 {
            --scale-x: 1.2
        }

        .tra-scy-sm-120 {
            --scale-y: 1.2
        }

        .tra-scx-sm-140 {
            --scale-x: 1.4
        }

        .tra-scy-sm-140 {
            --scale-y: 1.4
        }

        .tra-scx-sm-180 {
            --scale-x: 1.8
        }

        .tra-scy-sm-180 {
            --scale-y: 1.8
        }

        .tra-scx-sm-260 {
            --scale-x: 2.6
        }

        .tra-scy-sm-260 {
            --scale-y: 2.6
        }

        .tra-scx-sm-520 {
            --scale-x: 5.2
        }

        .tra-scy-sm-520 {
            --scale-y: 5.2
        }
    }

    @media (min-width: 768px) {
        .tra-scx-md-0 {
            --scale-x: 0
        }

        .tra-scy-md-0 {
            --scale-y: 0
        }

        .tra-scx-md-10 {
            --scale-x: .1
        }

        .tra-scy-md-10 {
            --scale-y: .1
        }

        .tra-scx-md-20 {
            --scale-x: .2
        }

        .tra-scy-md-20 {
            --scale-y: .2
        }

        .tra-scx-md-40 {
            --scale-x: .4
        }

        .tra-scy-md-40 {
            --scale-y: .4
        }

        .tra-scx-md-60 {
            --scale-x: .6
        }

        .tra-scy-md-60 {
            --scale-y: .6
        }

        .tra-scx-md-80 {
            --scale-x: .8
        }

        .tra-scy-md-80 {
            --scale-y: .8
        }

        .tra-scx-md-90 {
            --scale-x: .9
        }

        .tra-scy-md-90 {
            --scale-y: .9
        }

        .tra-scx-md-95 {
            --scale-x: .95
        }

        .tra-scy-md-95 {
            --scale-y: .95
        }

        .tra-scx-md-100 {
            --scale-x: 1
        }

        .tra-scy-md-100 {
            --scale-y: 1
        }

        .tra-scx-md-105 {
            --scale-x: 1.05
        }

        .tra-scy-md-105 {
            --scale-y: 1.05
        }

        .tra-scx-md-110 {
            --scale-x: 1.1
        }

        .tra-scy-md-110 {
            --scale-y: 1.1
        }

        .tra-scx-md-120 {
            --scale-x: 1.2
        }

        .tra-scy-md-120 {
            --scale-y: 1.2
        }

        .tra-scx-md-140 {
            --scale-x: 1.4
        }

        .tra-scy-md-140 {
            --scale-y: 1.4
        }

        .tra-scx-md-180 {
            --scale-x: 1.8
        }

        .tra-scy-md-180 {
            --scale-y: 1.8
        }

        .tra-scx-md-260 {
            --scale-x: 2.6
        }

        .tra-scy-md-260 {
            --scale-y: 2.6
        }

        .tra-scx-md-520 {
            --scale-x: 5.2
        }

        .tra-scy-md-520 {
            --scale-y: 5.2
        }
    }

    @media (min-width: 992px) {
        .tra-scx-lg-0 {
            --scale-x: 0
        }

        .tra-scy-lg-0 {
            --scale-y: 0
        }

        .tra-scx-lg-10 {
            --scale-x: .1
        }

        .tra-scy-lg-10 {
            --scale-y: .1
        }

        .tra-scx-lg-20 {
            --scale-x: .2
        }

        .tra-scy-lg-20 {
            --scale-y: .2
        }

        .tra-scx-lg-40 {
            --scale-x: .4
        }

        .tra-scy-lg-40 {
            --scale-y: .4
        }

        .tra-scx-lg-60 {
            --scale-x: .6
        }

        .tra-scy-lg-60 {
            --scale-y: .6
        }

        .tra-scx-lg-80 {
            --scale-x: .8
        }

        .tra-scy-lg-80 {
            --scale-y: .8
        }

        .tra-scx-lg-90 {
            --scale-x: .9
        }

        .tra-scy-lg-90 {
            --scale-y: .9
        }

        .tra-scx-lg-95 {
            --scale-x: .95
        }

        .tra-scy-lg-95 {
            --scale-y: .95
        }

        .tra-scx-lg-100 {
            --scale-x: 1
        }

        .tra-scy-lg-100 {
            --scale-y: 1
        }

        .tra-scx-lg-105 {
            --scale-x: 1.05
        }

        .tra-scy-lg-105 {
            --scale-y: 1.05
        }

        .tra-scx-lg-110 {
            --scale-x: 1.1
        }

        .tra-scy-lg-110 {
            --scale-y: 1.1
        }

        .tra-scx-lg-120 {
            --scale-x: 1.2
        }

        .tra-scy-lg-120 {
            --scale-y: 1.2
        }

        .tra-scx-lg-140 {
            --scale-x: 1.4
        }

        .tra-scy-lg-140 {
            --scale-y: 1.4
        }

        .tra-scx-lg-180 {
            --scale-x: 1.8
        }

        .tra-scy-lg-180 {
            --scale-y: 1.8
        }

        .tra-scx-lg-260 {
            --scale-x: 2.6
        }

        .tra-scy-lg-260 {
            --scale-y: 2.6
        }

        .tra-scx-lg-520 {
            --scale-x: 5.2
        }

        .tra-scy-lg-520 {
            --scale-y: 5.2
        }
    }

    @media (min-width: 1204px) {
        .tra-scx-xl-0 {
            --scale-x: 0
        }

        .tra-scy-xl-0 {
            --scale-y: 0
        }

        .tra-scx-xl-10 {
            --scale-x: .1
        }

        .tra-scy-xl-10 {
            --scale-y: .1
        }

        .tra-scx-xl-20 {
            --scale-x: .2
        }

        .tra-scy-xl-20 {
            --scale-y: .2
        }

        .tra-scx-xl-40 {
            --scale-x: .4
        }

        .tra-scy-xl-40 {
            --scale-y: .4
        }

        .tra-scx-xl-60 {
            --scale-x: .6
        }

        .tra-scy-xl-60 {
            --scale-y: .6
        }

        .tra-scx-xl-80 {
            --scale-x: .8
        }

        .tra-scy-xl-80 {
            --scale-y: .8
        }

        .tra-scx-xl-90 {
            --scale-x: .9
        }

        .tra-scy-xl-90 {
            --scale-y: .9
        }

        .tra-scx-xl-95 {
            --scale-x: .95
        }

        .tra-scy-xl-95 {
            --scale-y: .95
        }

        .tra-scx-xl-100 {
            --scale-x: 1
        }

        .tra-scy-xl-100 {
            --scale-y: 1
        }

        .tra-scx-xl-105 {
            --scale-x: 1.05
        }

        .tra-scy-xl-105 {
            --scale-y: 1.05
        }

        .tra-scx-xl-110 {
            --scale-x: 1.1
        }

        .tra-scy-xl-110 {
            --scale-y: 1.1
        }

        .tra-scx-xl-120 {
            --scale-x: 1.2
        }

        .tra-scy-xl-120 {
            --scale-y: 1.2
        }

        .tra-scx-xl-140 {
            --scale-x: 1.4
        }

        .tra-scy-xl-140 {
            --scale-y: 1.4
        }

        .tra-scx-xl-180 {
            --scale-x: 1.8
        }

        .tra-scy-xl-180 {
            --scale-y: 1.8
        }

        .tra-scx-xl-260 {
            --scale-x: 2.6
        }

        .tra-scy-xl-260 {
            --scale-y: 2.6
        }

        .tra-scx-xl-520 {
            --scale-x: 5.2
        }

        .tra-scy-xl-520 {
            --scale-y: 5.2
        }
    }

    @media (min-width: 1502px) {
        .tra-scx-xxl-0 {
            --scale-x: 0
        }

        .tra-scy-xxl-0 {
            --scale-y: 0
        }

        .tra-scx-xxl-10 {
            --scale-x: .1
        }

        .tra-scy-xxl-10 {
            --scale-y: .1
        }

        .tra-scx-xxl-20 {
            --scale-x: .2
        }

        .tra-scy-xxl-20 {
            --scale-y: .2
        }

        .tra-scx-xxl-40 {
            --scale-x: .4
        }

        .tra-scy-xxl-40 {
            --scale-y: .4
        }

        .tra-scx-xxl-60 {
            --scale-x: .6
        }

        .tra-scy-xxl-60 {
            --scale-y: .6
        }

        .tra-scx-xxl-80 {
            --scale-x: .8
        }

        .tra-scy-xxl-80 {
            --scale-y: .8
        }

        .tra-scx-xxl-90 {
            --scale-x: .9
        }

        .tra-scy-xxl-90 {
            --scale-y: .9
        }

        .tra-scx-xxl-95 {
            --scale-x: .95
        }

        .tra-scy-xxl-95 {
            --scale-y: .95
        }

        .tra-scx-xxl-100 {
            --scale-x: 1
        }

        .tra-scy-xxl-100 {
            --scale-y: 1
        }

        .tra-scx-xxl-105 {
            --scale-x: 1.05
        }

        .tra-scy-xxl-105 {
            --scale-y: 1.05
        }

        .tra-scx-xxl-110 {
            --scale-x: 1.1
        }

        .tra-scy-xxl-110 {
            --scale-y: 1.1
        }

        .tra-scx-xxl-120 {
            --scale-x: 1.2
        }

        .tra-scy-xxl-120 {
            --scale-y: 1.2
        }

        .tra-scx-xxl-140 {
            --scale-x: 1.4
        }

        .tra-scy-xxl-140 {
            --scale-y: 1.4
        }

        .tra-scx-xxl-180 {
            --scale-x: 1.8
        }

        .tra-scy-xxl-180 {
            --scale-y: 1.8
        }

        .tra-scx-xxl-260 {
            --scale-x: 2.6
        }

        .tra-scy-xxl-260 {
            --scale-y: 2.6
        }

        .tra-scx-xxl-520 {
            --scale-x: 5.2
        }

        .tra-scy-xxl-520 {
            --scale-y: 5.2
        }
    }

    .tra-trx-1 {
        --translate-x: -300px
    }

    .tra-try-1 {
        --translate-y: -300px
    }

    .tra-trx-2 {
        --translate-x: -200px
    }

    .tra-try-2 {
        --translate-y: -200px
    }

    .tra-trx-3 {
        --translate-x: -150px
    }

    .tra-try-3 {
        --translate-y: -150px
    }

    .tra-trx-4 {
        --translate-x: -100px
    }

    .tra-try-4 {
        --translate-y: -100px
    }

    .tra-trx-5 {
        --translate-x: -80px
    }

    .tra-try-5 {
        --translate-y: -80px
    }

    .tra-trx-6 {
        --translate-x: -40px
    }

    .tra-try-6 {
        --translate-y: -40px
    }

    .tra-trx-7 {
        --translate-x: -20px
    }

    .tra-try-7 {
        --translate-y: -20px
    }

    .tra-trx-8 {
        --translate-x: -10px
    }

    .tra-try-8 {
        --translate-y: -10px
    }

    .tra-trx-9 {
        --translate-x: -5px
    }

    .tra-try-9 {
        --translate-y: -5px
    }

    .tra-trx-10 {
        --translate-x: -3px
    }

    .tra-try-10 {
        --translate-y: -3px
    }

    .tra-trx-11 {
        --translate-x: 0
    }

    .tra-try-11 {
        --translate-y: 0
    }

    .tra-trx-12 {
        --translate-x: 3px
    }

    .tra-try-12 {
        --translate-y: 3px
    }

    .tra-trx-13 {
        --translate-x: 5px
    }

    .tra-try-13 {
        --translate-y: 5px
    }

    .tra-trx-14 {
        --translate-x: 10px
    }

    .tra-try-14 {
        --translate-y: 10px
    }

    .tra-trx-15 {
        --translate-x: 20px
    }

    .tra-try-15 {
        --translate-y: 20px
    }

    .tra-trx-16 {
        --translate-x: 40px
    }

    .tra-try-16 {
        --translate-y: 40px
    }

    .tra-trx-17 {
        --translate-x: 80px
    }

    .tra-try-17 {
        --translate-y: 80px
    }

    .tra-trx-18 {
        --translate-x: 100px
    }

    .tra-try-18 {
        --translate-y: 100px
    }

    .tra-trx-19 {
        --translate-x: 150px
    }

    .tra-try-19 {
        --translate-y: 150px
    }

    .tra-trx-20 {
        --translate-x: 200px
    }

    .tra-try-20 {
        --translate-y: 200px
    }

    .tra-trx-21 {
        --translate-x: 300px
    }

    .tra-try-21 {
        --translate-y: 300px
    }

    @media (min-width: 576px) {
        .tra-trx-sm-1 {
            --translate-x: -300px
        }

        .tra-try-sm-1 {
            --translate-y: -300px
        }

        .tra-trx-sm-2 {
            --translate-x: -200px
        }

        .tra-try-sm-2 {
            --translate-y: -200px
        }

        .tra-trx-sm-3 {
            --translate-x: -150px
        }

        .tra-try-sm-3 {
            --translate-y: -150px
        }

        .tra-trx-sm-4 {
            --translate-x: -100px
        }

        .tra-try-sm-4 {
            --translate-y: -100px
        }

        .tra-trx-sm-5 {
            --translate-x: -80px
        }

        .tra-try-sm-5 {
            --translate-y: -80px
        }

        .tra-trx-sm-6 {
            --translate-x: -40px
        }

        .tra-try-sm-6 {
            --translate-y: -40px
        }

        .tra-trx-sm-7 {
            --translate-x: -20px
        }

        .tra-try-sm-7 {
            --translate-y: -20px
        }

        .tra-trx-sm-8 {
            --translate-x: -10px
        }

        .tra-try-sm-8 {
            --translate-y: -10px
        }

        .tra-trx-sm-9 {
            --translate-x: -5px
        }

        .tra-try-sm-9 {
            --translate-y: -5px
        }

        .tra-trx-sm-10 {
            --translate-x: -3px
        }

        .tra-try-sm-10 {
            --translate-y: -3px
        }

        .tra-trx-sm-11 {
            --translate-x: 0
        }

        .tra-try-sm-11 {
            --translate-y: 0
        }

        .tra-trx-sm-12 {
            --translate-x: 3px
        }

        .tra-try-sm-12 {
            --translate-y: 3px
        }

        .tra-trx-sm-13 {
            --translate-x: 5px
        }

        .tra-try-sm-13 {
            --translate-y: 5px
        }

        .tra-trx-sm-14 {
            --translate-x: 10px
        }

        .tra-try-sm-14 {
            --translate-y: 10px
        }

        .tra-trx-sm-15 {
            --translate-x: 20px
        }

        .tra-try-sm-15 {
            --translate-y: 20px
        }

        .tra-trx-sm-16 {
            --translate-x: 40px
        }

        .tra-try-sm-16 {
            --translate-y: 40px
        }

        .tra-trx-sm-17 {
            --translate-x: 80px
        }

        .tra-try-sm-17 {
            --translate-y: 80px
        }

        .tra-trx-sm-18 {
            --translate-x: 100px
        }

        .tra-try-sm-18 {
            --translate-y: 100px
        }

        .tra-trx-sm-19 {
            --translate-x: 150px
        }

        .tra-try-sm-19 {
            --translate-y: 150px
        }

        .tra-trx-sm-20 {
            --translate-x: 200px
        }

        .tra-try-sm-20 {
            --translate-y: 200px
        }

        .tra-trx-sm-21 {
            --translate-x: 300px
        }

        .tra-try-sm-21 {
            --translate-y: 300px
        }
    }

    @media (min-width: 768px) {
        .tra-trx-md-1 {
            --translate-x: -300px
        }

        .tra-try-md-1 {
            --translate-y: -300px
        }

        .tra-trx-md-2 {
            --translate-x: -200px
        }

        .tra-try-md-2 {
            --translate-y: -200px
        }

        .tra-trx-md-3 {
            --translate-x: -150px
        }

        .tra-try-md-3 {
            --translate-y: -150px
        }

        .tra-trx-md-4 {
            --translate-x: -100px
        }

        .tra-try-md-4 {
            --translate-y: -100px
        }

        .tra-trx-md-5 {
            --translate-x: -80px
        }

        .tra-try-md-5 {
            --translate-y: -80px
        }

        .tra-trx-md-6 {
            --translate-x: -40px
        }

        .tra-try-md-6 {
            --translate-y: -40px
        }

        .tra-trx-md-7 {
            --translate-x: -20px
        }

        .tra-try-md-7 {
            --translate-y: -20px
        }

        .tra-trx-md-8 {
            --translate-x: -10px
        }

        .tra-try-md-8 {
            --translate-y: -10px
        }

        .tra-trx-md-9 {
            --translate-x: -5px
        }

        .tra-try-md-9 {
            --translate-y: -5px
        }

        .tra-trx-md-10 {
            --translate-x: -3px
        }

        .tra-try-md-10 {
            --translate-y: -3px
        }

        .tra-trx-md-11 {
            --translate-x: 0
        }

        .tra-try-md-11 {
            --translate-y: 0
        }

        .tra-trx-md-12 {
            --translate-x: 3px
        }

        .tra-try-md-12 {
            --translate-y: 3px
        }

        .tra-trx-md-13 {
            --translate-x: 5px
        }

        .tra-try-md-13 {
            --translate-y: 5px
        }

        .tra-trx-md-14 {
            --translate-x: 10px
        }

        .tra-try-md-14 {
            --translate-y: 10px
        }

        .tra-trx-md-15 {
            --translate-x: 20px
        }

        .tra-try-md-15 {
            --translate-y: 20px
        }

        .tra-trx-md-16 {
            --translate-x: 40px
        }

        .tra-try-md-16 {
            --translate-y: 40px
        }

        .tra-trx-md-17 {
            --translate-x: 80px
        }

        .tra-try-md-17 {
            --translate-y: 80px
        }

        .tra-trx-md-18 {
            --translate-x: 100px
        }

        .tra-try-md-18 {
            --translate-y: 100px
        }

        .tra-trx-md-19 {
            --translate-x: 150px
        }

        .tra-try-md-19 {
            --translate-y: 150px
        }

        .tra-trx-md-20 {
            --translate-x: 200px
        }

        .tra-try-md-20 {
            --translate-y: 200px
        }

        .tra-trx-md-21 {
            --translate-x: 300px
        }

        .tra-try-md-21 {
            --translate-y: 300px
        }
    }

    @media (min-width: 992px) {
        .tra-trx-lg-1 {
            --translate-x: -300px
        }

        .tra-try-lg-1 {
            --translate-y: -300px
        }

        .tra-trx-lg-2 {
            --translate-x: -200px
        }

        .tra-try-lg-2 {
            --translate-y: -200px
        }

        .tra-trx-lg-3 {
            --translate-x: -150px
        }

        .tra-try-lg-3 {
            --translate-y: -150px
        }

        .tra-trx-lg-4 {
            --translate-x: -100px
        }

        .tra-try-lg-4 {
            --translate-y: -100px
        }

        .tra-trx-lg-5 {
            --translate-x: -80px
        }

        .tra-try-lg-5 {
            --translate-y: -80px
        }

        .tra-trx-lg-6 {
            --translate-x: -40px
        }

        .tra-try-lg-6 {
            --translate-y: -40px
        }

        .tra-trx-lg-7 {
            --translate-x: -20px
        }

        .tra-try-lg-7 {
            --translate-y: -20px
        }

        .tra-trx-lg-8 {
            --translate-x: -10px
        }

        .tra-try-lg-8 {
            --translate-y: -10px
        }

        .tra-trx-lg-9 {
            --translate-x: -5px
        }

        .tra-try-lg-9 {
            --translate-y: -5px
        }

        .tra-trx-lg-10 {
            --translate-x: -3px
        }

        .tra-try-lg-10 {
            --translate-y: -3px
        }

        .tra-trx-lg-11 {
            --translate-x: 0
        }

        .tra-try-lg-11 {
            --translate-y: 0
        }

        .tra-trx-lg-12 {
            --translate-x: 3px
        }

        .tra-try-lg-12 {
            --translate-y: 3px
        }

        .tra-trx-lg-13 {
            --translate-x: 5px
        }

        .tra-try-lg-13 {
            --translate-y: 5px
        }

        .tra-trx-lg-14 {
            --translate-x: 10px
        }

        .tra-try-lg-14 {
            --translate-y: 10px
        }

        .tra-trx-lg-15 {
            --translate-x: 20px
        }

        .tra-try-lg-15 {
            --translate-y: 20px
        }

        .tra-trx-lg-16 {
            --translate-x: 40px
        }

        .tra-try-lg-16 {
            --translate-y: 40px
        }

        .tra-trx-lg-17 {
            --translate-x: 80px
        }

        .tra-try-lg-17 {
            --translate-y: 80px
        }

        .tra-trx-lg-18 {
            --translate-x: 100px
        }

        .tra-try-lg-18 {
            --translate-y: 100px
        }

        .tra-trx-lg-19 {
            --translate-x: 150px
        }

        .tra-try-lg-19 {
            --translate-y: 150px
        }

        .tra-trx-lg-20 {
            --translate-x: 200px
        }

        .tra-try-lg-20 {
            --translate-y: 200px
        }

        .tra-trx-lg-21 {
            --translate-x: 300px
        }

        .tra-try-lg-21 {
            --translate-y: 300px
        }
    }

    @media (min-width: 1204px) {
        .tra-trx-xl-1 {
            --translate-x: -300px
        }

        .tra-try-xl-1 {
            --translate-y: -300px
        }

        .tra-trx-xl-2 {
            --translate-x: -200px
        }

        .tra-try-xl-2 {
            --translate-y: -200px
        }

        .tra-trx-xl-3 {
            --translate-x: -150px
        }

        .tra-try-xl-3 {
            --translate-y: -150px
        }

        .tra-trx-xl-4 {
            --translate-x: -100px
        }

        .tra-try-xl-4 {
            --translate-y: -100px
        }

        .tra-trx-xl-5 {
            --translate-x: -80px
        }

        .tra-try-xl-5 {
            --translate-y: -80px
        }

        .tra-trx-xl-6 {
            --translate-x: -40px
        }

        .tra-try-xl-6 {
            --translate-y: -40px
        }

        .tra-trx-xl-7 {
            --translate-x: -20px
        }

        .tra-try-xl-7 {
            --translate-y: -20px
        }

        .tra-trx-xl-8 {
            --translate-x: -10px
        }

        .tra-try-xl-8 {
            --translate-y: -10px
        }

        .tra-trx-xl-9 {
            --translate-x: -5px
        }

        .tra-try-xl-9 {
            --translate-y: -5px
        }

        .tra-trx-xl-10 {
            --translate-x: -3px
        }

        .tra-try-xl-10 {
            --translate-y: -3px
        }

        .tra-trx-xl-11 {
            --translate-x: 0
        }

        .tra-try-xl-11 {
            --translate-y: 0
        }

        .tra-trx-xl-12 {
            --translate-x: 3px
        }

        .tra-try-xl-12 {
            --translate-y: 3px
        }

        .tra-trx-xl-13 {
            --translate-x: 5px
        }

        .tra-try-xl-13 {
            --translate-y: 5px
        }

        .tra-trx-xl-14 {
            --translate-x: 10px
        }

        .tra-try-xl-14 {
            --translate-y: 10px
        }

        .tra-trx-xl-15 {
            --translate-x: 20px
        }

        .tra-try-xl-15 {
            --translate-y: 20px
        }

        .tra-trx-xl-16 {
            --translate-x: 40px
        }

        .tra-try-xl-16 {
            --translate-y: 40px
        }

        .tra-trx-xl-17 {
            --translate-x: 80px
        }

        .tra-try-xl-17 {
            --translate-y: 80px
        }

        .tra-trx-xl-18 {
            --translate-x: 100px
        }

        .tra-try-xl-18 {
            --translate-y: 100px
        }

        .tra-trx-xl-19 {
            --translate-x: 150px
        }

        .tra-try-xl-19 {
            --translate-y: 150px
        }

        .tra-trx-xl-20 {
            --translate-x: 200px
        }

        .tra-try-xl-20 {
            --translate-y: 200px
        }

        .tra-trx-xl-21 {
            --translate-x: 300px
        }

        .tra-try-xl-21 {
            --translate-y: 300px
        }
    }

    @media (min-width: 1502px) {
        .tra-trx-xxl-1 {
            --translate-x: -300px
        }

        .tra-try-xxl-1 {
            --translate-y: -300px
        }

        .tra-trx-xxl-2 {
            --translate-x: -200px
        }

        .tra-try-xxl-2 {
            --translate-y: -200px
        }

        .tra-trx-xxl-3 {
            --translate-x: -150px
        }

        .tra-try-xxl-3 {
            --translate-y: -150px
        }

        .tra-trx-xxl-4 {
            --translate-x: -100px
        }

        .tra-try-xxl-4 {
            --translate-y: -100px
        }

        .tra-trx-xxl-5 {
            --translate-x: -80px
        }

        .tra-try-xxl-5 {
            --translate-y: -80px
        }

        .tra-trx-xxl-6 {
            --translate-x: -40px
        }

        .tra-try-xxl-6 {
            --translate-y: -40px
        }

        .tra-trx-xxl-7 {
            --translate-x: -20px
        }

        .tra-try-xxl-7 {
            --translate-y: -20px
        }

        .tra-trx-xxl-8 {
            --translate-x: -10px
        }

        .tra-try-xxl-8 {
            --translate-y: -10px
        }

        .tra-trx-xxl-9 {
            --translate-x: -5px
        }

        .tra-try-xxl-9 {
            --translate-y: -5px
        }

        .tra-trx-xxl-10 {
            --translate-x: -3px
        }

        .tra-try-xxl-10 {
            --translate-y: -3px
        }

        .tra-trx-xxl-11 {
            --translate-x: 0
        }

        .tra-try-xxl-11 {
            --translate-y: 0
        }

        .tra-trx-xxl-12 {
            --translate-x: 3px
        }

        .tra-try-xxl-12 {
            --translate-y: 3px
        }

        .tra-trx-xxl-13 {
            --translate-x: 5px
        }

        .tra-try-xxl-13 {
            --translate-y: 5px
        }

        .tra-trx-xxl-14 {
            --translate-x: 10px
        }

        .tra-try-xxl-14 {
            --translate-y: 10px
        }

        .tra-trx-xxl-15 {
            --translate-x: 20px
        }

        .tra-try-xxl-15 {
            --translate-y: 20px
        }

        .tra-trx-xxl-16 {
            --translate-x: 40px
        }

        .tra-try-xxl-16 {
            --translate-y: 40px
        }

        .tra-trx-xxl-17 {
            --translate-x: 80px
        }

        .tra-try-xxl-17 {
            --translate-y: 80px
        }

        .tra-trx-xxl-18 {
            --translate-x: 100px
        }

        .tra-try-xxl-18 {
            --translate-y: 100px
        }

        .tra-trx-xxl-19 {
            --translate-x: 150px
        }

        .tra-try-xxl-19 {
            --translate-y: 150px
        }

        .tra-trx-xxl-20 {
            --translate-x: 200px
        }

        .tra-try-xxl-20 {
            --translate-y: 200px
        }

        .tra-trx-xxl-21 {
            --translate-x: 300px
        }

        .tra-try-xxl-21 {
            --translate-y: 300px
        }
    }

    .tra-skx-1 {
        --skew-x: -90deg
    }

    .tra-sky-1 {
        --skew-y: -90deg
    }

    .tra-skx-2 {
        --skew-x: -70deg
    }

    .tra-sky-2 {
        --skew-y: -70deg
    }

    .tra-skx-3 {
        --skew-x: -50deg
    }

    .tra-sky-3 {
        --skew-y: -50deg
    }

    .tra-skx-4 {
        --skew-x: -30deg
    }

    .tra-sky-4 {
        --skew-y: -30deg
    }

    .tra-skx-5 {
        --skew-x: -20deg
    }

    .tra-sky-5 {
        --skew-y: -20deg
    }

    .tra-skx-6 {
        --skew-x: -10deg
    }

    .tra-sky-6 {
        --skew-y: -10deg
    }

    .tra-skx-7 {
        --skew-x: -5deg
    }

    .tra-sky-7 {
        --skew-y: -5deg
    }

    .tra-skx-8 {
        --skew-x: 0deg
    }

    .tra-sky-8 {
        --skew-y: 0deg
    }

    .tra-skx-9 {
        --skew-x: 5deg
    }

    .tra-sky-9 {
        --skew-y: 5deg
    }

    .tra-skx-10 {
        --skew-x: 10deg
    }

    .tra-sky-10 {
        --skew-y: 10deg
    }

    .tra-skx-11 {
        --skew-x: 20deg
    }

    .tra-sky-11 {
        --skew-y: 20deg
    }

    .tra-skx-12 {
        --skew-x: 30deg
    }

    .tra-sky-12 {
        --skew-y: 30deg
    }

    .tra-skx-13 {
        --skew-x: 50deg
    }

    .tra-sky-13 {
        --skew-y: 50deg
    }

    .tra-skx-14 {
        --skew-x: 70deg
    }

    .tra-sky-14 {
        --skew-y: 70deg
    }

    .tra-skx-15 {
        --skew-x: 90deg
    }

    .tra-sky-15 {
        --skew-y: 90deg
    }

    @media (min-width: 576px) {
        .tra-skx-sm-1 {
            --skew-x: -90deg
        }

        .tra-sky-sm-1 {
            --skew-y: -90deg
        }

        .tra-skx-sm-2 {
            --skew-x: -70deg
        }

        .tra-sky-sm-2 {
            --skew-y: -70deg
        }

        .tra-skx-sm-3 {
            --skew-x: -50deg
        }

        .tra-sky-sm-3 {
            --skew-y: -50deg
        }

        .tra-skx-sm-4 {
            --skew-x: -30deg
        }

        .tra-sky-sm-4 {
            --skew-y: -30deg
        }

        .tra-skx-sm-5 {
            --skew-x: -20deg
        }

        .tra-sky-sm-5 {
            --skew-y: -20deg
        }

        .tra-skx-sm-6 {
            --skew-x: -10deg
        }

        .tra-sky-sm-6 {
            --skew-y: -10deg
        }

        .tra-skx-sm-7 {
            --skew-x: -5deg
        }

        .tra-sky-sm-7 {
            --skew-y: -5deg
        }

        .tra-skx-sm-8 {
            --skew-x: 0deg
        }

        .tra-sky-sm-8 {
            --skew-y: 0deg
        }

        .tra-skx-sm-9 {
            --skew-x: 5deg
        }

        .tra-sky-sm-9 {
            --skew-y: 5deg
        }

        .tra-skx-sm-10 {
            --skew-x: 10deg
        }

        .tra-sky-sm-10 {
            --skew-y: 10deg
        }

        .tra-skx-sm-11 {
            --skew-x: 20deg
        }

        .tra-sky-sm-11 {
            --skew-y: 20deg
        }

        .tra-skx-sm-12 {
            --skew-x: 30deg
        }

        .tra-sky-sm-12 {
            --skew-y: 30deg
        }

        .tra-skx-sm-13 {
            --skew-x: 50deg
        }

        .tra-sky-sm-13 {
            --skew-y: 50deg
        }

        .tra-skx-sm-14 {
            --skew-x: 70deg
        }

        .tra-sky-sm-14 {
            --skew-y: 70deg
        }

        .tra-skx-sm-15 {
            --skew-x: 90deg
        }

        .tra-sky-sm-15 {
            --skew-y: 90deg
        }
    }

    @media (min-width: 768px) {
        .tra-skx-md-1 {
            --skew-x: -90deg
        }

        .tra-sky-md-1 {
            --skew-y: -90deg
        }

        .tra-skx-md-2 {
            --skew-x: -70deg
        }

        .tra-sky-md-2 {
            --skew-y: -70deg
        }

        .tra-skx-md-3 {
            --skew-x: -50deg
        }

        .tra-sky-md-3 {
            --skew-y: -50deg
        }

        .tra-skx-md-4 {
            --skew-x: -30deg
        }

        .tra-sky-md-4 {
            --skew-y: -30deg
        }

        .tra-skx-md-5 {
            --skew-x: -20deg
        }

        .tra-sky-md-5 {
            --skew-y: -20deg
        }

        .tra-skx-md-6 {
            --skew-x: -10deg
        }

        .tra-sky-md-6 {
            --skew-y: -10deg
        }

        .tra-skx-md-7 {
            --skew-x: -5deg
        }

        .tra-sky-md-7 {
            --skew-y: -5deg
        }

        .tra-skx-md-8 {
            --skew-x: 0deg
        }

        .tra-sky-md-8 {
            --skew-y: 0deg
        }

        .tra-skx-md-9 {
            --skew-x: 5deg
        }

        .tra-sky-md-9 {
            --skew-y: 5deg
        }

        .tra-skx-md-10 {
            --skew-x: 10deg
        }

        .tra-sky-md-10 {
            --skew-y: 10deg
        }

        .tra-skx-md-11 {
            --skew-x: 20deg
        }

        .tra-sky-md-11 {
            --skew-y: 20deg
        }

        .tra-skx-md-12 {
            --skew-x: 30deg
        }

        .tra-sky-md-12 {
            --skew-y: 30deg
        }

        .tra-skx-md-13 {
            --skew-x: 50deg
        }

        .tra-sky-md-13 {
            --skew-y: 50deg
        }

        .tra-skx-md-14 {
            --skew-x: 70deg
        }

        .tra-sky-md-14 {
            --skew-y: 70deg
        }

        .tra-skx-md-15 {
            --skew-x: 90deg
        }

        .tra-sky-md-15 {
            --skew-y: 90deg
        }
    }

    @media (min-width: 992px) {
        .tra-skx-lg-1 {
            --skew-x: -90deg
        }

        .tra-sky-lg-1 {
            --skew-y: -90deg
        }

        .tra-skx-lg-2 {
            --skew-x: -70deg
        }

        .tra-sky-lg-2 {
            --skew-y: -70deg
        }

        .tra-skx-lg-3 {
            --skew-x: -50deg
        }

        .tra-sky-lg-3 {
            --skew-y: -50deg
        }

        .tra-skx-lg-4 {
            --skew-x: -30deg
        }

        .tra-sky-lg-4 {
            --skew-y: -30deg
        }

        .tra-skx-lg-5 {
            --skew-x: -20deg
        }

        .tra-sky-lg-5 {
            --skew-y: -20deg
        }

        .tra-skx-lg-6 {
            --skew-x: -10deg
        }

        .tra-sky-lg-6 {
            --skew-y: -10deg
        }

        .tra-skx-lg-7 {
            --skew-x: -5deg
        }

        .tra-sky-lg-7 {
            --skew-y: -5deg
        }

        .tra-skx-lg-8 {
            --skew-x: 0deg
        }

        .tra-sky-lg-8 {
            --skew-y: 0deg
        }

        .tra-skx-lg-9 {
            --skew-x: 5deg
        }

        .tra-sky-lg-9 {
            --skew-y: 5deg
        }

        .tra-skx-lg-10 {
            --skew-x: 10deg
        }

        .tra-sky-lg-10 {
            --skew-y: 10deg
        }

        .tra-skx-lg-11 {
            --skew-x: 20deg
        }

        .tra-sky-lg-11 {
            --skew-y: 20deg
        }

        .tra-skx-lg-12 {
            --skew-x: 30deg
        }

        .tra-sky-lg-12 {
            --skew-y: 30deg
        }

        .tra-skx-lg-13 {
            --skew-x: 50deg
        }

        .tra-sky-lg-13 {
            --skew-y: 50deg
        }

        .tra-skx-lg-14 {
            --skew-x: 70deg
        }

        .tra-sky-lg-14 {
            --skew-y: 70deg
        }

        .tra-skx-lg-15 {
            --skew-x: 90deg
        }

        .tra-sky-lg-15 {
            --skew-y: 90deg
        }
    }

    @media (min-width: 1204px) {
        .tra-skx-xl-1 {
            --skew-x: -90deg
        }

        .tra-sky-xl-1 {
            --skew-y: -90deg
        }

        .tra-skx-xl-2 {
            --skew-x: -70deg
        }

        .tra-sky-xl-2 {
            --skew-y: -70deg
        }

        .tra-skx-xl-3 {
            --skew-x: -50deg
        }

        .tra-sky-xl-3 {
            --skew-y: -50deg
        }

        .tra-skx-xl-4 {
            --skew-x: -30deg
        }

        .tra-sky-xl-4 {
            --skew-y: -30deg
        }

        .tra-skx-xl-5 {
            --skew-x: -20deg
        }

        .tra-sky-xl-5 {
            --skew-y: -20deg
        }

        .tra-skx-xl-6 {
            --skew-x: -10deg
        }

        .tra-sky-xl-6 {
            --skew-y: -10deg
        }

        .tra-skx-xl-7 {
            --skew-x: -5deg
        }

        .tra-sky-xl-7 {
            --skew-y: -5deg
        }

        .tra-skx-xl-8 {
            --skew-x: 0deg
        }

        .tra-sky-xl-8 {
            --skew-y: 0deg
        }

        .tra-skx-xl-9 {
            --skew-x: 5deg
        }

        .tra-sky-xl-9 {
            --skew-y: 5deg
        }

        .tra-skx-xl-10 {
            --skew-x: 10deg
        }

        .tra-sky-xl-10 {
            --skew-y: 10deg
        }

        .tra-skx-xl-11 {
            --skew-x: 20deg
        }

        .tra-sky-xl-11 {
            --skew-y: 20deg
        }

        .tra-skx-xl-12 {
            --skew-x: 30deg
        }

        .tra-sky-xl-12 {
            --skew-y: 30deg
        }

        .tra-skx-xl-13 {
            --skew-x: 50deg
        }

        .tra-sky-xl-13 {
            --skew-y: 50deg
        }

        .tra-skx-xl-14 {
            --skew-x: 70deg
        }

        .tra-sky-xl-14 {
            --skew-y: 70deg
        }

        .tra-skx-xl-15 {
            --skew-x: 90deg
        }

        .tra-sky-xl-15 {
            --skew-y: 90deg
        }
    }

    @media (min-width: 1502px) {
        .tra-skx-xxl-1 {
            --skew-x: -90deg
        }

        .tra-sky-xxl-1 {
            --skew-y: -90deg
        }

        .tra-skx-xxl-2 {
            --skew-x: -70deg
        }

        .tra-sky-xxl-2 {
            --skew-y: -70deg
        }

        .tra-skx-xxl-3 {
            --skew-x: -50deg
        }

        .tra-sky-xxl-3 {
            --skew-y: -50deg
        }

        .tra-skx-xxl-4 {
            --skew-x: -30deg
        }

        .tra-sky-xxl-4 {
            --skew-y: -30deg
        }

        .tra-skx-xxl-5 {
            --skew-x: -20deg
        }

        .tra-sky-xxl-5 {
            --skew-y: -20deg
        }

        .tra-skx-xxl-6 {
            --skew-x: -10deg
        }

        .tra-sky-xxl-6 {
            --skew-y: -10deg
        }

        .tra-skx-xxl-7 {
            --skew-x: -5deg
        }

        .tra-sky-xxl-7 {
            --skew-y: -5deg
        }

        .tra-skx-xxl-8 {
            --skew-x: 0deg
        }

        .tra-sky-xxl-8 {
            --skew-y: 0deg
        }

        .tra-skx-xxl-9 {
            --skew-x: 5deg
        }

        .tra-sky-xxl-9 {
            --skew-y: 5deg
        }

        .tra-skx-xxl-10 {
            --skew-x: 10deg
        }

        .tra-sky-xxl-10 {
            --skew-y: 10deg
        }

        .tra-skx-xxl-11 {
            --skew-x: 20deg
        }

        .tra-sky-xxl-11 {
            --skew-y: 20deg
        }

        .tra-skx-xxl-12 {
            --skew-x: 30deg
        }

        .tra-sky-xxl-12 {
            --skew-y: 30deg
        }

        .tra-skx-xxl-13 {
            --skew-x: 50deg
        }

        .tra-sky-xxl-13 {
            --skew-y: 50deg
        }

        .tra-skx-xxl-14 {
            --skew-x: 70deg
        }

        .tra-sky-xxl-14 {
            --skew-y: 70deg
        }

        .tra-skx-xxl-15 {
            --skew-x: 90deg
        }

        .tra-sky-xxl-15 {
            --skew-y: 90deg
        }
    }

    .ori-x-l {
        --origin-x: left
    }

    .ori-x-c {
        --origin-x: center
    }

    .ori-x-r {
        --origin-x: right
    }

    .ori-y-t {
        --origin-y: top
    }

    .ori-y-c {
        --origin-y: center
    }

    .ori-y-b {
        --origin-y: bottom
    }

    @media (min-width: 576px) {
        .ori-x-sm-l {
            --origin-x: left
        }

        .ori-x-sm-c {
            --origin-x: center
        }

        .ori-x-sm-r {
            --origin-x: right
        }

        .ori-y-sm-t {
            --origin-y: top
        }

        .ori-y-sm-c {
            --origin-y: center
        }

        .ori-y-sm-b {
            --origin-y: bottom
        }
    }

    @media (min-width: 768px) {
        .ori-x-md-l {
            --origin-x: left
        }

        .ori-x-md-c {
            --origin-x: center
        }

        .ori-x-md-r {
            --origin-x: right
        }

        .ori-y-md-t {
            --origin-y: top
        }

        .ori-y-md-c {
            --origin-y: center
        }

        .ori-y-md-b {
            --origin-y: bottom
        }
    }

    @media (min-width: 992px) {
        .ori-x-lg-l {
            --origin-x: left
        }

        .ori-x-lg-c {
            --origin-x: center
        }

        .ori-x-lg-r {
            --origin-x: right
        }

        .ori-y-lg-t {
            --origin-y: top
        }

        .ori-y-lg-c {
            --origin-y: center
        }

        .ori-y-lg-b {
            --origin-y: bottom
        }
    }

    @media (min-width: 1204px) {
        .ori-x-xl-l {
            --origin-x: left
        }

        .ori-x-xl-c {
            --origin-x: center
        }

        .ori-x-xl-r {
            --origin-x: right
        }

        .ori-y-xl-t {
            --origin-y: top
        }

        .ori-y-xl-c {
            --origin-y: center
        }

        .ori-y-xl-b {
            --origin-y: bottom
        }
    }

    @media (min-width: 1502px) {
        .ori-x-xxl-l {
            --origin-x: left
        }

        .ori-x-xxl-c {
            --origin-x: center
        }

        .ori-x-xxl-r {
            --origin-x: right
        }

        .ori-y-xxl-t {
            --origin-y: top
        }

        .ori-y-xxl-c {
            --origin-y: center
        }

        .ori-y-xxl-b {
            --origin-y: bottom
        }
    }
}

@layer utilities {
    .align-baseline {
        vertical-align: baseline
    }

    .align-top {
        vertical-align: top
    }

    .align-middle {
        vertical-align: middle
    }

    .align-bottom {
        vertical-align: bottom
    }

    .align-text-bottom {
        vertical-align: text-bottom
    }

    .align-text-top {
        vertical-align: text-top
    }
}

@layer modules {
    .ra-v {
        border-radius: .45rem;
        --radius-size: .45rem
    }

    .ra-ro-v {
        border-radius: .45rem
    }

    .ra-lg {
        border-radius: 1.3em;
        --radius-size: 1.3em
    }
}

@layer utilities {
    .ra-tl-s-0 {
        border-top-left-radius: 0
    }

    .ra-tl-s-1 {
        border-top-left-radius: .25rem
    }

    .ra-tl-s-2 {
        border-top-left-radius: .45rem
    }

    .ra-tl-s-3 {
        border-top-left-radius: 1.7rem
    }

    .ra-tl-s-4 {
        border-top-left-radius: 10em
    }

    .ra-tr-s-0 {
        border-top-right-radius: 0
    }

    .ra-tr-s-1 {
        border-top-right-radius: .25rem
    }

    .ra-tr-s-2 {
        border-top-right-radius: .45rem
    }

    .ra-tr-s-3 {
        border-top-right-radius: 1.7rem
    }

    .ra-tr-s-4 {
        border-top-right-radius: 10em
    }

    .ra-br-s-0 {
        border-bottom-right-radius: 0
    }

    .ra-br-s-1 {
        border-bottom-right-radius: .25rem
    }

    .ra-br-s-2 {
        border-bottom-right-radius: .45rem
    }

    .ra-br-s-3 {
        border-bottom-right-radius: 1.7rem
    }

    .ra-br-s-4 {
        border-bottom-right-radius: 10em
    }

    .ra-bl-s-0 {
        border-bottom-left-radius: 0
    }

    .ra-bl-s-1 {
        border-bottom-left-radius: .25rem
    }

    .ra-bl-s-2 {
        border-bottom-left-radius: .45rem
    }

    .ra-bl-s-3 {
        border-bottom-left-radius: 1.7rem
    }

    .ra-bl-s-4 {
        border-bottom-left-radius: 10em
    }

    @media (min-width: 576px) {
        .ra-tl-s-sm-0 {
            border-top-left-radius:0
        }

        .ra-tl-s-sm-1 {
            border-top-left-radius: .25rem
        }

        .ra-tl-s-sm-2 {
            border-top-left-radius: .45rem
        }

        .ra-tl-s-sm-3 {
            border-top-left-radius: 1.7rem
        }

        .ra-tl-s-sm-4 {
            border-top-left-radius: 10em
        }

        .ra-tr-s-sm-0 {
            border-top-right-radius: 0
        }

        .ra-tr-s-sm-1 {
            border-top-right-radius: .25rem
        }

        .ra-tr-s-sm-2 {
            border-top-right-radius: .45rem
        }

        .ra-tr-s-sm-3 {
            border-top-right-radius: 1.7rem
        }

        .ra-tr-s-sm-4 {
            border-top-right-radius: 10em
        }

        .ra-br-s-sm-0 {
            border-bottom-right-radius: 0
        }

        .ra-br-s-sm-1 {
            border-bottom-right-radius: .25rem
        }

        .ra-br-s-sm-2 {
            border-bottom-right-radius: .45rem
        }

        .ra-br-s-sm-3 {
            border-bottom-right-radius: 1.7rem
        }

        .ra-br-s-sm-4 {
            border-bottom-right-radius: 10em
        }

        .ra-bl-s-sm-0 {
            border-bottom-left-radius: 0
        }

        .ra-bl-s-sm-1 {
            border-bottom-left-radius: .25rem
        }

        .ra-bl-s-sm-2 {
            border-bottom-left-radius: .45rem
        }

        .ra-bl-s-sm-3 {
            border-bottom-left-radius: 1.7rem
        }

        .ra-bl-s-sm-4 {
            border-bottom-left-radius: 10em
        }
    }

    @media (min-width: 768px) {
        .ra-tl-s-md-0 {
            border-top-left-radius:0
        }

        .ra-tl-s-md-1 {
            border-top-left-radius: .25rem
        }

        .ra-tl-s-md-2 {
            border-top-left-radius: .45rem
        }

        .ra-tl-s-md-3 {
            border-top-left-radius: 1.7rem
        }

        .ra-tl-s-md-4 {
            border-top-left-radius: 10em
        }

        .ra-tr-s-md-0 {
            border-top-right-radius: 0
        }

        .ra-tr-s-md-1 {
            border-top-right-radius: .25rem
        }

        .ra-tr-s-md-2 {
            border-top-right-radius: .45rem
        }

        .ra-tr-s-md-3 {
            border-top-right-radius: 1.7rem
        }

        .ra-tr-s-md-4 {
            border-top-right-radius: 10em
        }

        .ra-br-s-md-0 {
            border-bottom-right-radius: 0
        }

        .ra-br-s-md-1 {
            border-bottom-right-radius: .25rem
        }

        .ra-br-s-md-2 {
            border-bottom-right-radius: .45rem
        }

        .ra-br-s-md-3 {
            border-bottom-right-radius: 1.7rem
        }

        .ra-br-s-md-4 {
            border-bottom-right-radius: 10em
        }

        .ra-bl-s-md-0 {
            border-bottom-left-radius: 0
        }

        .ra-bl-s-md-1 {
            border-bottom-left-radius: .25rem
        }

        .ra-bl-s-md-2 {
            border-bottom-left-radius: .45rem
        }

        .ra-bl-s-md-3 {
            border-bottom-left-radius: 1.7rem
        }

        .ra-bl-s-md-4 {
            border-bottom-left-radius: 10em
        }
    }

    @media (min-width: 992px) {
        .ra-tl-s-lg-0 {
            border-top-left-radius:0
        }

        .ra-tl-s-lg-1 {
            border-top-left-radius: .25rem
        }

        .ra-tl-s-lg-2 {
            border-top-left-radius: .45rem
        }

        .ra-tl-s-lg-3 {
            border-top-left-radius: 1.7rem
        }

        .ra-tl-s-lg-4 {
            border-top-left-radius: 10em
        }

        .ra-tr-s-lg-0 {
            border-top-right-radius: 0
        }

        .ra-tr-s-lg-1 {
            border-top-right-radius: .25rem
        }

        .ra-tr-s-lg-2 {
            border-top-right-radius: .45rem
        }

        .ra-tr-s-lg-3 {
            border-top-right-radius: 1.7rem
        }

        .ra-tr-s-lg-4 {
            border-top-right-radius: 10em
        }

        .ra-br-s-lg-0 {
            border-bottom-right-radius: 0
        }

        .ra-br-s-lg-1 {
            border-bottom-right-radius: .25rem
        }

        .ra-br-s-lg-2 {
            border-bottom-right-radius: .45rem
        }

        .ra-br-s-lg-3 {
            border-bottom-right-radius: 1.7rem
        }

        .ra-br-s-lg-4 {
            border-bottom-right-radius: 10em
        }

        .ra-bl-s-lg-0 {
            border-bottom-left-radius: 0
        }

        .ra-bl-s-lg-1 {
            border-bottom-left-radius: .25rem
        }

        .ra-bl-s-lg-2 {
            border-bottom-left-radius: .45rem
        }

        .ra-bl-s-lg-3 {
            border-bottom-left-radius: 1.7rem
        }

        .ra-bl-s-lg-4 {
            border-bottom-left-radius: 10em
        }
    }

    @media (min-width: 1204px) {
        .ra-tl-s-xl-0 {
            border-top-left-radius:0
        }

        .ra-tl-s-xl-1 {
            border-top-left-radius: .25rem
        }

        .ra-tl-s-xl-2 {
            border-top-left-radius: .45rem
        }

        .ra-tl-s-xl-3 {
            border-top-left-radius: 1.7rem
        }

        .ra-tl-s-xl-4 {
            border-top-left-radius: 10em
        }

        .ra-tr-s-xl-0 {
            border-top-right-radius: 0
        }

        .ra-tr-s-xl-1 {
            border-top-right-radius: .25rem
        }

        .ra-tr-s-xl-2 {
            border-top-right-radius: .45rem
        }

        .ra-tr-s-xl-3 {
            border-top-right-radius: 1.7rem
        }

        .ra-tr-s-xl-4 {
            border-top-right-radius: 10em
        }

        .ra-br-s-xl-0 {
            border-bottom-right-radius: 0
        }

        .ra-br-s-xl-1 {
            border-bottom-right-radius: .25rem
        }

        .ra-br-s-xl-2 {
            border-bottom-right-radius: .45rem
        }

        .ra-br-s-xl-3 {
            border-bottom-right-radius: 1.7rem
        }

        .ra-br-s-xl-4 {
            border-bottom-right-radius: 10em
        }

        .ra-bl-s-xl-0 {
            border-bottom-left-radius: 0
        }

        .ra-bl-s-xl-1 {
            border-bottom-left-radius: .25rem
        }

        .ra-bl-s-xl-2 {
            border-bottom-left-radius: .45rem
        }

        .ra-bl-s-xl-3 {
            border-bottom-left-radius: 1.7rem
        }

        .ra-bl-s-xl-4 {
            border-bottom-left-radius: 10em
        }
    }

    @media (min-width: 1502px) {
        .ra-tl-s-xxl-0 {
            border-top-left-radius:0
        }

        .ra-tl-s-xxl-1 {
            border-top-left-radius: .25rem
        }

        .ra-tl-s-xxl-2 {
            border-top-left-radius: .45rem
        }

        .ra-tl-s-xxl-3 {
            border-top-left-radius: 1.7rem
        }

        .ra-tl-s-xxl-4 {
            border-top-left-radius: 10em
        }

        .ra-tr-s-xxl-0 {
            border-top-right-radius: 0
        }

        .ra-tr-s-xxl-1 {
            border-top-right-radius: .25rem
        }

        .ra-tr-s-xxl-2 {
            border-top-right-radius: .45rem
        }

        .ra-tr-s-xxl-3 {
            border-top-right-radius: 1.7rem
        }

        .ra-tr-s-xxl-4 {
            border-top-right-radius: 10em
        }

        .ra-br-s-xxl-0 {
            border-bottom-right-radius: 0
        }

        .ra-br-s-xxl-1 {
            border-bottom-right-radius: .25rem
        }

        .ra-br-s-xxl-2 {
            border-bottom-right-radius: .45rem
        }

        .ra-br-s-xxl-3 {
            border-bottom-right-radius: 1.7rem
        }

        .ra-br-s-xxl-4 {
            border-bottom-right-radius: 10em
        }

        .ra-bl-s-xxl-0 {
            border-bottom-left-radius: 0
        }

        .ra-bl-s-xxl-1 {
            border-bottom-left-radius: .25rem
        }

        .ra-bl-s-xxl-2 {
            border-bottom-left-radius: .45rem
        }

        .ra-bl-s-xxl-3 {
            border-bottom-left-radius: 1.7rem
        }

        .ra-bl-s-xxl-4 {
            border-bottom-left-radius: 10em
        }
    }

    .ra-0 {
        border-radius: 0
    }

    .bo {
        border-width: 2px;
        border-style: dashed
    }

    .bos-so {
        --border-style: solid
    }

    .bos-da {
        --border-style: dashed
    }

    .bos-do {
        --border-style: dotted
    }

    [class*='bo-t'] {
        border-top-style: var(--border-style);
        border-top-width: 0
    }

    .bo-t-s-0 {
        border-top-width: 0
    }

    .bo-t-s-1 {
        border-top-width: 1px
    }

    .bo-t-s-2 {
        border-top-width: 2px
    }

    .bo-t-s-d {
        border-top-width: 2px
    }

    [class*='bo-r'] {
        border-right-style: var(--border-style);
        border-right-width: 0
    }

    .bo-r-s-0 {
        border-right-width: 0
    }

    .bo-r-s-1 {
        border-right-width: 1px
    }

    .bo-r-s-2 {
        border-right-width: 2px
    }

    .bo-r-s-d {
        border-right-width: 2px
    }

    [class*='bo-b'] {
        border-bottom-style: var(--border-style);
        border-bottom-width: 0
    }

    .bo-b-s-0 {
        border-bottom-width: 0
    }

    .bo-b-s-1 {
        border-bottom-width: 1px
    }

    .bo-b-s-2 {
        border-bottom-width: 2px
    }

    .bo-b-s-d {
        border-bottom-width: 2px
    }

    [class*='bo-l'] {
        border-left-style: var(--border-style);
        border-left-width: 0
    }

    .bo-l-s-0 {
        border-left-width: 0
    }

    .bo-l-s-1 {
        border-left-width: 1px
    }

    .bo-l-s-2 {
        border-left-width: 2px
    }

    .bo-l-s-d {
        border-left-width: 2px
    }

    @media (min-width: 576px) {
        [class*='bo-t-sm'] {
            border-top-style:var(--border-style);
            border-top-width: 0
        }

        .bo-t-s-sm-0 {
            border-top-width: 0
        }

        .bo-t-s-sm-1 {
            border-top-width: 1px
        }

        .bo-t-s-sm-2 {
            border-top-width: 2px
        }

        .bo-t-s-sm-d {
            border-top-width: 2px
        }

        [class*='bo-r-sm'] {
            border-right-style: var(--border-style);
            border-right-width: 0
        }

        .bo-r-s-sm-0 {
            border-right-width: 0
        }

        .bo-r-s-sm-1 {
            border-right-width: 1px
        }

        .bo-r-s-sm-2 {
            border-right-width: 2px
        }

        .bo-r-s-sm-d {
            border-right-width: 2px
        }

        [class*='bo-b-sm'] {
            border-bottom-style: var(--border-style);
            border-bottom-width: 0
        }

        .bo-b-s-sm-0 {
            border-bottom-width: 0
        }

        .bo-b-s-sm-1 {
            border-bottom-width: 1px
        }

        .bo-b-s-sm-2 {
            border-bottom-width: 2px
        }

        .bo-b-s-sm-d {
            border-bottom-width: 2px
        }

        [class*='bo-l-sm'] {
            border-left-style: var(--border-style);
            border-left-width: 0
        }

        .bo-l-s-sm-0 {
            border-left-width: 0
        }

        .bo-l-s-sm-1 {
            border-left-width: 1px
        }

        .bo-l-s-sm-2 {
            border-left-width: 2px
        }

        .bo-l-s-sm-d {
            border-left-width: 2px
        }
    }

    @media (min-width: 768px) {
        [class*='bo-t-md'] {
            border-top-style:var(--border-style);
            border-top-width: 0
        }

        .bo-t-s-md-0 {
            border-top-width: 0
        }

        .bo-t-s-md-1 {
            border-top-width: 1px
        }

        .bo-t-s-md-2 {
            border-top-width: 2px
        }

        .bo-t-s-md-d {
            border-top-width: 2px
        }

        [class*='bo-r-md'] {
            border-right-style: var(--border-style);
            border-right-width: 0
        }

        .bo-r-s-md-0 {
            border-right-width: 0
        }

        .bo-r-s-md-1 {
            border-right-width: 1px
        }

        .bo-r-s-md-2 {
            border-right-width: 2px
        }

        .bo-r-s-md-d {
            border-right-width: 2px
        }

        [class*='bo-b-md'] {
            border-bottom-style: var(--border-style);
            border-bottom-width: 0
        }

        .bo-b-s-md-0 {
            border-bottom-width: 0
        }

        .bo-b-s-md-1 {
            border-bottom-width: 1px
        }

        .bo-b-s-md-2 {
            border-bottom-width: 2px
        }

        .bo-b-s-md-d {
            border-bottom-width: 2px
        }

        [class*='bo-l-md'] {
            border-left-style: var(--border-style);
            border-left-width: 0
        }

        .bo-l-s-md-0 {
            border-left-width: 0
        }

        .bo-l-s-md-1 {
            border-left-width: 1px
        }

        .bo-l-s-md-2 {
            border-left-width: 2px
        }

        .bo-l-s-md-d {
            border-left-width: 2px
        }
    }

    @media (min-width: 992px) {
        [class*='bo-t-lg'] {
            border-top-style:var(--border-style);
            border-top-width: 0
        }

        .bo-t-s-lg-0 {
            border-top-width: 0
        }

        .bo-t-s-lg-1 {
            border-top-width: 1px
        }

        .bo-t-s-lg-2 {
            border-top-width: 2px
        }

        .bo-t-s-lg-d {
            border-top-width: 2px
        }

        [class*='bo-r-lg'] {
            border-right-style: var(--border-style);
            border-right-width: 0
        }

        .bo-r-s-lg-0 {
            border-right-width: 0
        }

        .bo-r-s-lg-1 {
            border-right-width: 1px
        }

        .bo-r-s-lg-2 {
            border-right-width: 2px
        }

        .bo-r-s-lg-d {
            border-right-width: 2px
        }

        [class*='bo-b-lg'] {
            border-bottom-style: var(--border-style);
            border-bottom-width: 0
        }

        .bo-b-s-lg-0 {
            border-bottom-width: 0
        }

        .bo-b-s-lg-1 {
            border-bottom-width: 1px
        }

        .bo-b-s-lg-2 {
            border-bottom-width: 2px
        }

        .bo-b-s-lg-d {
            border-bottom-width: 2px
        }

        [class*='bo-l-lg'] {
            border-left-style: var(--border-style);
            border-left-width: 0
        }

        .bo-l-s-lg-0 {
            border-left-width: 0
        }

        .bo-l-s-lg-1 {
            border-left-width: 1px
        }

        .bo-l-s-lg-2 {
            border-left-width: 2px
        }

        .bo-l-s-lg-d {
            border-left-width: 2px
        }
    }

    @media (min-width: 1204px) {
        [class*='bo-t-xl'] {
            border-top-style:var(--border-style);
            border-top-width: 0
        }

        .bo-t-s-xl-0 {
            border-top-width: 0
        }

        .bo-t-s-xl-1 {
            border-top-width: 1px
        }

        .bo-t-s-xl-2 {
            border-top-width: 2px
        }

        .bo-t-s-xl-d {
            border-top-width: 2px
        }

        [class*='bo-r-xl'] {
            border-right-style: var(--border-style);
            border-right-width: 0
        }

        .bo-r-s-xl-0 {
            border-right-width: 0
        }

        .bo-r-s-xl-1 {
            border-right-width: 1px
        }

        .bo-r-s-xl-2 {
            border-right-width: 2px
        }

        .bo-r-s-xl-d {
            border-right-width: 2px
        }

        [class*='bo-b-xl'] {
            border-bottom-style: var(--border-style);
            border-bottom-width: 0
        }

        .bo-b-s-xl-0 {
            border-bottom-width: 0
        }

        .bo-b-s-xl-1 {
            border-bottom-width: 1px
        }

        .bo-b-s-xl-2 {
            border-bottom-width: 2px
        }

        .bo-b-s-xl-d {
            border-bottom-width: 2px
        }

        [class*='bo-l-xl'] {
            border-left-style: var(--border-style);
            border-left-width: 0
        }

        .bo-l-s-xl-0 {
            border-left-width: 0
        }

        .bo-l-s-xl-1 {
            border-left-width: 1px
        }

        .bo-l-s-xl-2 {
            border-left-width: 2px
        }

        .bo-l-s-xl-d {
            border-left-width: 2px
        }
    }

    @media (min-width: 1502px) {
        [class*='bo-t-xxl'] {
            border-top-style:var(--border-style);
            border-top-width: 0
        }

        .bo-t-s-xxl-0 {
            border-top-width: 0
        }

        .bo-t-s-xxl-1 {
            border-top-width: 1px
        }

        .bo-t-s-xxl-2 {
            border-top-width: 2px
        }

        .bo-t-s-xxl-d {
            border-top-width: 2px
        }

        [class*='bo-r-xxl'] {
            border-right-style: var(--border-style);
            border-right-width: 0
        }

        .bo-r-s-xxl-0 {
            border-right-width: 0
        }

        .bo-r-s-xxl-1 {
            border-right-width: 1px
        }

        .bo-r-s-xxl-2 {
            border-right-width: 2px
        }

        .bo-r-s-xxl-d {
            border-right-width: 2px
        }

        [class*='bo-b-xxl'] {
            border-bottom-style: var(--border-style);
            border-bottom-width: 0
        }

        .bo-b-s-xxl-0 {
            border-bottom-width: 0
        }

        .bo-b-s-xxl-1 {
            border-bottom-width: 1px
        }

        .bo-b-s-xxl-2 {
            border-bottom-width: 2px
        }

        .bo-b-s-xxl-d {
            border-bottom-width: 2px
        }

        [class*='bo-l-xxl'] {
            border-left-style: var(--border-style);
            border-left-width: 0
        }

        .bo-l-s-xxl-0 {
            border-left-width: 0
        }

        .bo-l-s-xxl-1 {
            border-left-width: 1px
        }

        .bo-l-s-xxl-2 {
            border-left-width: 2px
        }

        .bo-l-s-xxl-d {
            border-left-width: 2px
        }
    }

    .bo-0 {
        border-width: 0
    }
}

@layer utilities {
    .clearfix::after {
        content: "";
        display: table;
        clear: both
    }
}

@layer utilities {
    .cursor-default {
        cursor: default
    }

    .cursor-pointer {
        cursor: pointer
    }
}

@layer utilities {
    .none {
        display: none
    }

    .disabled {
        cursor: not-allowed;
        opacity: .5
    }

    .d-none {
        display: none
    }

    .d-inline {
        display: inline
    }

    .d-inline-block {
        display: inline-block
    }

    .d-block {
        display: block
    }

    .d-table {
        display: table
    }

    .d-table-row {
        display: table-row
    }

    .d-table-cell {
        display: table-cell
    }

    .d-list-item {
        display: list-item
    }

    .d-flex {
        display: flex
    }

    .d-inline-flex {
        display: inline-flex
    }

    @media (min-width: 576px) {
        .d-sm-none {
            display:none
        }

        .d-sm-inline {
            display: inline
        }

        .d-sm-inline-block {
            display: inline-block
        }

        .d-sm-block {
            display: block
        }

        .d-sm-table {
            display: table
        }

        .d-sm-table-row {
            display: table-row
        }

        .d-sm-table-cell {
            display: table-cell
        }

        .d-sm-list-item {
            display: list-item
        }

        .d-sm-flex {
            display: flex
        }

        .d-sm-inline-flex {
            display: inline-flex
        }
    }

    @media (min-width: 768px) {
        .d-md-none {
            display:none
        }

        .d-md-inline {
            display: inline
        }

        .d-md-inline-block {
            display: inline-block
        }

        .d-md-block {
            display: block
        }

        .d-md-table {
            display: table
        }

        .d-md-table-row {
            display: table-row
        }

        .d-md-table-cell {
            display: table-cell
        }

        .d-md-list-item {
            display: list-item
        }

        .d-md-flex {
            display: flex
        }

        .d-md-inline-flex {
            display: inline-flex
        }
    }

    @media (min-width: 992px) {
        .d-lg-none {
            display:none
        }

        .d-lg-inline {
            display: inline
        }

        .d-lg-inline-block {
            display: inline-block
        }

        .d-lg-block {
            display: block
        }

        .d-lg-table {
            display: table
        }

        .d-lg-table-row {
            display: table-row
        }

        .d-lg-table-cell {
            display: table-cell
        }

        .d-lg-list-item {
            display: list-item
        }

        .d-lg-flex {
            display: flex
        }

        .d-lg-inline-flex {
            display: inline-flex
        }
    }

    @media (min-width: 104px) {
        .d-xl-none {
            display:none
        }

        .d-xl-inline {
            display: inline
        }

        .d-xl-inline-block {
            display: inline-block
        }

        .d-xl-block {
            display: block
        }

        .d-xl-table {
            display: table
        }

        .d-xl-table-row {
            display: table-row
        }

        .d-xl-table-cell {
            display: table-cell
        }

        .d-xl-list-item {
            display: list-item
        }

        .d-xl-flex {
            display: flex
        }

        .d-xl-inline-flex {
            display: inline-flex
        }
    }

    @media (min-width: 1502px) {
        .d-xxl-none {
            display:none
        }

        .d-xxl-inline {
            display: inline
        }

        .d-xxl-inline-block {
            display: inline-block
        }

        .d-xxl-block {
            display: block
        }

        .d-xxl-table {
            display: table
        }

        .d-xxl-table-row {
            display: table-row
        }

        .d-xxl-table-cell {
            display: table-cell
        }

        .d-xxl-list-item {
            display: list-item
        }

        .d-xxl-flex {
            display: flex
        }

        .d-xxl-inline-flex {
            display: inline-flex
        }
    }

    @media (min-width: 1204px) and (max-width: calc(1204px + 300px)) {
        .layout-cols-uni.layout-cols-two .lct-block,.layout-cols-two:not(.layout-cols-uni) .content .lct-block {
            display:block
        }

        .layout-cols-uni.layout-cols-two .lct-inline-block,.layout-cols-two:not(.layout-cols-uni) .content .lct-inline-block {
            display: inline-block
        }

        .layout-cols-uni.layout-cols-two .lct-inline,.layout-cols-two:not(.layout-cols-uni) .content .lct-inline {
            display: inline
        }

        .layout-cols-uni.layout-cols-two .lct-none,.layout-cols-two:not(.layout-cols-uni) .content .lct-none {
            display: none
        }

        .layout-cols-uni.layout-cols-two .lct-t-center-v,.layout-cols-two:not(.layout-cols-uni) .content .lct-t-center-v {
            text-align: center;
            justify-content: center
        }
    }
}

@layer override {
    .hidden,[hidden] {
        display: none
    }
}

@layer modules {
    .jc-c-v {
        justify-content: center
    }

    .jc-c-vt {
        justify-content: center
    }

    .jc-e-v {
        justify-content: flex-end
    }

    @media (min-width: 576px) {
        .jc-sm-c-v {
            justify-content:center
        }

        .jc-sm-c-vt {
            justify-content: center
        }

        .jc-sm-e-v {
            justify-content: flex-end
        }
    }

    @media (min-width: 768px) {
        .jc-md-c-v {
            justify-content:center
        }

        .jc-md-c-vt {
            justify-content: center
        }

        .jc-md-e-v {
            justify-content: flex-end
        }
    }

    @media (min-width: 992px) {
        .jc-lg-c-v {
            justify-content:center
        }

        .jc-lg-c-vt {
            justify-content: center
        }

        .jc-lg-e-v {
            justify-content: flex-end
        }
    }

    @media (min-width: 1204px) {
        .jc-xl-c-v {
            justify-content:center
        }

        .jc-xl-c-vt {
            justify-content: center
        }

        .jc-xl-e-v {
            justify-content: flex-end
        }
    }

    @media (min-width: 1502px) {
        .jc-xxl-c-v {
            justify-content:center
        }

        .jc-xxl-c-vt {
            justify-content: center
        }

        .jc-xxl-e-v {
            justify-content: flex-end
        }
    }
}

@layer utilities {
    .flex-shrink-0 {
        flex-shrink: 0
    }

    .flex-row {
        flex-direction: row
    }

    .flex-column {
        flex-direction: column
    }

    .flex-row-reverse {
        flex-direction: row-reverse
    }

    .flex-column-reverse {
        flex-direction: column-reverse
    }

    .flex-wrap {
        flex-wrap: wrap
    }

    .flex-nowrap {
        flex-wrap: nowrap
    }

    .flex-wrap-reverse {
        flex-wrap: wrap-reverse
    }

    .flex-fill {
        flex: 1 1 auto
    }

    .jc-s {
        justify-content: flex-start
    }

    .jc-e {
        justify-content: flex-end
    }

    .jc-c {
        justify-content: center
    }

    .jc-b {
        justify-content: space-between
    }

    .jc-a {
        justify-content: space-around
    }

    .jc-ev {
        justify-content: space-evenly
    }

    .ai-s {
        align-items: flex-start
    }

    .ai-e {
        align-items: flex-end
    }

    .ai-c {
        align-items: center
    }

    .ai-b {
        align-items: baseline
    }

    .ai-sch {
        align-items: stretch
    }

    @media (min-width: 576px) {
        .flex-sm-row {
            flex-direction:row
        }

        .flex-sm-column {
            flex-direction: column
        }

        .flex-sm-row-reverse {
            flex-direction: row-reverse
        }

        .flex-sm-column-reverse {
            flex-direction: column-reverse
        }

        .flex-sm-wrap {
            flex-wrap: wrap
        }

        .flex-sm-nowrap {
            flex-wrap: nowrap
        }

        .flex-sm-wrap-reverse {
            flex-wrap: wrap-reverse
        }

        .flex-sm-fill {
            flex: 1 1 auto
        }

        .jc-sm-s {
            justify-content: flex-start
        }

        .jc-sm-e {
            justify-content: flex-end
        }

        .jc-sm-c {
            justify-content: center
        }

        .jc-sm-b {
            justify-content: space-between
        }

        .jc-sm-a {
            justify-content: space-around
        }

        .jc-sm-ev {
            justify-content: space-evenly
        }

        .ai-sm-s {
            align-items: flex-start
        }

        .ai-sm-e {
            align-items: flex-end
        }

        .ai-sm-c {
            align-items: center
        }

        .ai-sm-b {
            align-items: baseline
        }

        .ai-sm-sch {
            align-items: stretch
        }
    }

    @media (min-width: 768px) {
        .flex-md-row {
            flex-direction:row
        }

        .flex-md-column {
            flex-direction: column
        }

        .flex-md-row-reverse {
            flex-direction: row-reverse
        }

        .flex-md-column-reverse {
            flex-direction: column-reverse
        }

        .flex-md-wrap {
            flex-wrap: wrap
        }

        .flex-md-nowrap {
            flex-wrap: nowrap
        }

        .flex-md-wrap-reverse {
            flex-wrap: wrap-reverse
        }

        .flex-md-fill {
            flex: 1 1 auto
        }

        .jc-md-s {
            justify-content: flex-start
        }

        .jc-md-e {
            justify-content: flex-end
        }

        .jc-md-c {
            justify-content: center
        }

        .jc-md-b {
            justify-content: space-between
        }

        .jc-md-a {
            justify-content: space-around
        }

        .jc-md-ev {
            justify-content: space-evenly
        }

        .ai-md-s {
            align-items: flex-start
        }

        .ai-md-e {
            align-items: flex-end
        }

        .ai-md-c {
            align-items: center
        }

        .ai-md-b {
            align-items: baseline
        }

        .ai-md-sch {
            align-items: stretch
        }
    }

    @media (min-width: 992px) {
        .flex-lg-row {
            flex-direction:row
        }

        .flex-lg-column {
            flex-direction: column
        }

        .flex-lg-row-reverse {
            flex-direction: row-reverse
        }

        .flex-lg-column-reverse {
            flex-direction: column-reverse
        }

        .flex-lg-wrap {
            flex-wrap: wrap
        }

        .flex-lg-nowrap {
            flex-wrap: nowrap
        }

        .flex-lg-wrap-reverse {
            flex-wrap: wrap-reverse
        }

        .flex-lg-fill {
            flex: 1 1 auto
        }

        .jc-lg-s {
            justify-content: flex-start
        }

        .jc-lg-e {
            justify-content: flex-end
        }

        .jc-lg-c {
            justify-content: center
        }

        .jc-lg-b {
            justify-content: space-between
        }

        .jc-lg-a {
            justify-content: space-around
        }

        .jc-lg-ev {
            justify-content: space-evenly
        }

        .ai-lg-s {
            align-items: flex-start
        }

        .ai-lg-e {
            align-items: flex-end
        }

        .ai-lg-c {
            align-items: center
        }

        .ai-lg-b {
            align-items: baseline
        }

        .ai-lg-sch {
            align-items: stretch
        }
    }

    @media (min-width: 104px) {
        .flex-xl-row {
            flex-direction:row
        }

        .flex-xl-column {
            flex-direction: column
        }

        .flex-xl-row-reverse {
            flex-direction: row-reverse
        }

        .flex-xl-column-reverse {
            flex-direction: column-reverse
        }

        .flex-xl-wrap {
            flex-wrap: wrap
        }

        .flex-xl-nowrap {
            flex-wrap: nowrap
        }

        .flex-xl-wrap-reverse {
            flex-wrap: wrap-reverse
        }

        .flex-xl-fill {
            flex: 1 1 auto
        }

        .jc-xl-s {
            justify-content: flex-start
        }

        .jc-xl-e {
            justify-content: flex-end
        }

        .jc-xl-c {
            justify-content: center
        }

        .jc-xl-b {
            justify-content: space-between
        }

        .jc-xl-a {
            justify-content: space-around
        }

        .jc-xl-ev {
            justify-content: space-evenly
        }

        .ai-xl-s {
            align-items: flex-start
        }

        .ai-xl-e {
            align-items: flex-end
        }

        .ai-xl-c {
            align-items: center
        }

        .ai-xl-b {
            align-items: baseline
        }

        .ai-xl-sch {
            align-items: stretch
        }
    }

    @media (min-width: 1502px) {
        .flex-xxl-row {
            flex-direction:row
        }

        .flex-xxl-column {
            flex-direction: column
        }

        .flex-xxl-row-reverse {
            flex-direction: row-reverse
        }

        .flex-xxl-column-reverse {
            flex-direction: column-reverse
        }

        .flex-xxl-wrap {
            flex-wrap: wrap
        }

        .flex-xxl-nowrap {
            flex-wrap: nowrap
        }

        .flex-xxl-wrap-reverse {
            flex-wrap: wrap-reverse
        }

        .flex-xxl-fill {
            flex: 1 1 auto
        }

        .jc-xxl-s {
            justify-content: flex-start
        }

        .jc-xxl-e {
            justify-content: flex-end
        }

        .jc-xxl-c {
            justify-content: center
        }

        .jc-xxl-b {
            justify-content: space-between
        }

        .jc-xxl-a {
            justify-content: space-around
        }

        .jc-xxl-ev {
            justify-content: space-evenly
        }

        .ai-xxl-s {
            align-items: flex-start
        }

        .ai-xxl-e {
            align-items: flex-end
        }

        .ai-xxl-c {
            align-items: center
        }

        .ai-xxl-b {
            align-items: baseline
        }

        .ai-xxl-sch {
            align-items: stretch
        }
    }
}

@layer utilities {
    .float-n {
        float: none
    }

    .float-l {
        float: left
    }

    .float-r {
        float: right
    }

    @media (min-width: 576px) {
        .float-sm-n {
            float:none
        }

        .float-sm-l {
            float: left
        }

        .float-sm-r {
            float: right
        }
    }

    @media (min-width: 768px) {
        .float-md-n {
            float:none
        }

        .float-md-l {
            float: left
        }

        .float-md-r {
            float: right
        }
    }

    @media (min-width: 992px) {
        .float-lg-n {
            float:none
        }

        .float-lg-l {
            float: left
        }

        .float-lg-r {
            float: right
        }
    }

    @media (min-width: 1204px) {
        .float-xl-n {
            float:none
        }

        .float-xl-l {
            float: left
        }

        .float-xl-r {
            float: right
        }
    }

    @media (min-width: 1502px) {
        .float-xxl-n {
            float:none
        }

        .float-xxl-l {
            float: left
        }

        .float-xxl-r {
            float: right
        }
    }
}

@layer utilities {
    .ovx-v {
        overflow-x: visible
    }

    .ovy-v {
        overflow-y: visible
    }

    .ovx-s {
        overflow-x: scroll
    }

    .ovy-s {
        overflow-y: scroll
    }

    .ovx-a {
        overflow-x: auto
    }

    .ovy-a {
        overflow-y: auto
    }

    .ovx-h {
        overflow-x: hidden
    }

    .ovy-h {
        overflow-y: hidden
    }

    @media (min-width: 576px) {
        .ovx-sm-v {
            overflow-x:visible
        }

        .ovy-sm-v {
            overflow-y: visible
        }

        .ovx-sm-s {
            overflow-x: scroll
        }

        .ovy-sm-s {
            overflow-y: scroll
        }

        .ovx-sm-a {
            overflow-x: auto
        }

        .ovy-sm-a {
            overflow-y: auto
        }

        .ovx-sm-h {
            overflow-x: hidden
        }

        .ovy-sm-h {
            overflow-y: hidden
        }
    }

    @media (min-width: 768px) {
        .ovx-md-v {
            overflow-x:visible
        }

        .ovy-md-v {
            overflow-y: visible
        }

        .ovx-md-s {
            overflow-x: scroll
        }

        .ovy-md-s {
            overflow-y: scroll
        }

        .ovx-md-a {
            overflow-x: auto
        }

        .ovy-md-a {
            overflow-y: auto
        }

        .ovx-md-h {
            overflow-x: hidden
        }

        .ovy-md-h {
            overflow-y: hidden
        }
    }

    @media (min-width: 992px) {
        .ovx-lg-v {
            overflow-x:visible
        }

        .ovy-lg-v {
            overflow-y: visible
        }

        .ovx-lg-s {
            overflow-x: scroll
        }

        .ovy-lg-s {
            overflow-y: scroll
        }

        .ovx-lg-a {
            overflow-x: auto
        }

        .ovy-lg-a {
            overflow-y: auto
        }

        .ovx-lg-h {
            overflow-x: hidden
        }

        .ovy-lg-h {
            overflow-y: hidden
        }
    }

    @media (min-width: 1204px) {
        .ovx-xl-v {
            overflow-x:visible
        }

        .ovy-xl-v {
            overflow-y: visible
        }

        .ovx-xl-s {
            overflow-x: scroll
        }

        .ovy-xl-s {
            overflow-y: scroll
        }

        .ovx-xl-a {
            overflow-x: auto
        }

        .ovy-xl-a {
            overflow-y: auto
        }

        .ovx-xl-h {
            overflow-x: hidden
        }

        .ovy-xl-h {
            overflow-y: hidden
        }
    }

    @media (min-width: 1502px) {
        .ovx-xxl-v {
            overflow-x:visible
        }

        .ovy-xxl-v {
            overflow-y: visible
        }

        .ovx-xxl-s {
            overflow-x: scroll
        }

        .ovy-xxl-s {
            overflow-y: scroll
        }

        .ovx-xxl-a {
            overflow-x: auto
        }

        .ovy-xxl-a {
            overflow-y: auto
        }

        .ovx-xxl-h {
            overflow-x: hidden
        }

        .ovy-xxl-h {
            overflow-y: hidden
        }
    }
}

@layer utilities {
    .pos-s {
        position: static
    }

    .pos-r {
        position: relative
    }

    .pos-a {
        position: absolute
    }

    .pos-f {
        position: fixed
    }

    @media (min-width: 576px) {
        .pos-sm-s {
            position:static
        }

        .pos-sm-r {
            position: relative
        }

        .pos-sm-a {
            position: absolute
        }

        .pos-sm-f {
            position: fixed
        }
    }

    @media (min-width: 768px) {
        .pos-md-s {
            position:static
        }

        .pos-md-r {
            position: relative
        }

        .pos-md-a {
            position: absolute
        }

        .pos-md-f {
            position: fixed
        }
    }

    @media (min-width: 992px) {
        .pos-lg-s {
            position:static
        }

        .pos-lg-r {
            position: relative
        }

        .pos-lg-a {
            position: absolute
        }

        .pos-lg-f {
            position: fixed
        }
    }

    @media (min-width: 1204px) {
        .pos-xl-s {
            position:static
        }

        .pos-xl-r {
            position: relative
        }

        .pos-xl-a {
            position: absolute
        }

        .pos-xl-f {
            position: fixed
        }
    }

    @media (min-width: 1502px) {
        .pos-xxl-s {
            position:static
        }

        .pos-xxl-r {
            position: relative
        }

        .pos-xxl-a {
            position: absolute
        }

        .pos-xxl-f {
            position: fixed
        }
    }

    .pos-sy {
        position: sticky;
        top: 0
    }
}

@layer utilities {
    .zin-n10 {
        z-index: -10
    }

    .zin-n1 {
        z-index: -1
    }

    .zin-0 {
        z-index: 0
    }

    .zin-1 {
        z-index: 1
    }

    .zin-2 {
        z-index: 2
    }

    .zin-3 {
        z-index: 3
    }

    .zin-4 {
        z-index: 4
    }

    .zin-5 {
        z-index: 5
    }

    .zin-6 {
        z-index: 6
    }

    .zin-7 {
        z-index: 7
    }

    .zin-8 {
        z-index: 8
    }

    .zin-9 {
        z-index: 9
    }

    .zin-10 {
        z-index: 10
    }

    .zin-20 {
        z-index: 20
    }

    .zin-30 {
        z-index: 30
    }

    .zin-40 {
        z-index: 40
    }

    .zin-50 {
        z-index: 50
    }
}

@layer modules-override {
    .b.bg-wh .form-control,.b.bg-wh .input-group,.b.bg-wh .img-thumbnail,.b.bg-pr .form-control,.b.bg-pr .input-group,.dropdown-wh .img-thumbnail {
        box-shadow: none
    }
}

@layer utilities {
    .sh-0 {
        box-shadow: none
    }

    .sh-sm {
        box-shadow: 0 0.1rem rgba(0,0,0,0.05)
    }

    .sh-md {
        box-shadow: 0 0.25rem rgba(0,0,0,0.05)
    }

    .sh-lg {
        box-shadow: 0 0.625rem rgba(0,0,0,0.05)
    }

    .sh-xl {
        box-shadow: 0 0.625rem rgba(0,0,0,0.1)
    }

    .sh-fix {
        box-shadow: 0 0.25rem rgba(0,0,0,0.05)
    }

    .sh-fix.sh-lg {
        box-shadow: 0 0.625rem rgba(0,0,0,0.05)
    }

    .sht-0 {
        text-shadow: none
    }

    .sht-sm {
        text-shadow: 0.05rem 0.1rem rgba(0,0,0,0.15)
    }

    .sht-md {
        text-shadow: 0.1rem 0.25rem rgba(0,0,0,0.2)
    }

    .sht-lg {
        text-shadow: 0.25rem 0.625rem rgba(0,0,0,0.25)
    }
}

@layer utilities {
    .w-0 {
        width: 0%
    }

    .w-25 {
        width: 25%
    }

    .w-50 {
        width: 50%
    }

    .w-75 {
        width: 75%
    }

    .w-100 {
        width: 100%
    }

    .w-auto {
        width: auto
    }

    .h-0 {
        height: 0%
    }

    .h-25 {
        height: 25%
    }

    .h-50 {
        height: 50%
    }

    .h-75 {
        height: 75%
    }

    .h-100 {
        height: 100%
    }

    .h-auto {
        height: auto
    }

    @media (min-width: 576px) {
        .w-sm-0 {
            width:0%
        }

        .w-sm-25 {
            width: 25%
        }

        .w-sm-50 {
            width: 50%
        }

        .w-sm-75 {
            width: 75%
        }

        .w-sm-100 {
            width: 100%
        }

        .w-sm-auto {
            width: auto
        }

        .h-sm-0 {
            height: 0%
        }

        .h-sm-25 {
            height: 25%
        }

        .h-sm-50 {
            height: 50%
        }

        .h-sm-75 {
            height: 75%
        }

        .h-sm-100 {
            height: 100%
        }

        .h-sm-auto {
            height: auto
        }
    }

    @media (min-width: 768px) {
        .w-md-0 {
            width:0%
        }

        .w-md-25 {
            width: 25%
        }

        .w-md-50 {
            width: 50%
        }

        .w-md-75 {
            width: 75%
        }

        .w-md-100 {
            width: 100%
        }

        .w-md-auto {
            width: auto
        }

        .h-md-0 {
            height: 0%
        }

        .h-md-25 {
            height: 25%
        }

        .h-md-50 {
            height: 50%
        }

        .h-md-75 {
            height: 75%
        }

        .h-md-100 {
            height: 100%
        }

        .h-md-auto {
            height: auto
        }
    }

    @media (min-width: 992px) {
        .w-lg-0 {
            width:0%
        }

        .w-lg-25 {
            width: 25%
        }

        .w-lg-50 {
            width: 50%
        }

        .w-lg-75 {
            width: 75%
        }

        .w-lg-100 {
            width: 100%
        }

        .w-lg-auto {
            width: auto
        }

        .h-lg-0 {
            height: 0%
        }

        .h-lg-25 {
            height: 25%
        }

        .h-lg-50 {
            height: 50%
        }

        .h-lg-75 {
            height: 75%
        }

        .h-lg-100 {
            height: 100%
        }

        .h-lg-auto {
            height: auto
        }
    }

    @media (min-width: 1204px) {
        .w-xl-0 {
            width:0%
        }

        .w-xl-25 {
            width: 25%
        }

        .w-xl-50 {
            width: 50%
        }

        .w-xl-75 {
            width: 75%
        }

        .w-xl-100 {
            width: 100%
        }

        .w-xl-auto {
            width: auto
        }

        .h-xl-0 {
            height: 0%
        }

        .h-xl-25 {
            height: 25%
        }

        .h-xl-50 {
            height: 50%
        }

        .h-xl-75 {
            height: 75%
        }

        .h-xl-100 {
            height: 100%
        }

        .h-xl-auto {
            height: auto
        }
    }

    @media (min-width: 1502px) {
        .w-xxl-0 {
            width:0%
        }

        .w-xxl-25 {
            width: 25%
        }

        .w-xxl-50 {
            width: 50%
        }

        .w-xxl-75 {
            width: 75%
        }

        .w-xxl-100 {
            width: 100%
        }

        .w-xxl-auto {
            width: auto
        }

        .h-xxl-0 {
            height: 0%
        }

        .h-xxl-25 {
            height: 25%
        }

        .h-xxl-50 {
            height: 50%
        }

        .h-xxl-75 {
            height: 75%
        }

        .h-xxl-100 {
            height: 100%
        }

        .h-xxl-auto {
            height: auto
        }
    }

    .h-inh {
        height: inherit
    }

    .min-w-0 {
        min-width: 0
    }

    .min-w-1 {
        min-width: 14rem
    }

    .min-w-2 {
        min-width: 24rem
    }

    .min-w-3 {
        min-width: 34rem
    }

    .min-w-4 {
        min-width: 54rem
    }

    @media (min-width: 576px) {
        .min-w-sm-0 {
            min-width:0
        }

        .min-w-sm-1 {
            min-width: 14rem
        }

        .min-w-sm-2 {
            min-width: 24rem
        }

        .min-w-sm-3 {
            min-width: 34rem
        }

        .min-w-sm-4 {
            min-width: 54rem
        }
    }

    @media (min-width: 768px) {
        .min-w-md-0 {
            min-width:0
        }

        .min-w-md-1 {
            min-width: 14rem
        }

        .min-w-md-2 {
            min-width: 24rem
        }

        .min-w-md-3 {
            min-width: 34rem
        }

        .min-w-md-4 {
            min-width: 54rem
        }
    }

    @media (min-width: 992px) {
        .min-w-lg-0 {
            min-width:0
        }

        .min-w-lg-1 {
            min-width: 14rem
        }

        .min-w-lg-2 {
            min-width: 24rem
        }

        .min-w-lg-3 {
            min-width: 34rem
        }

        .min-w-lg-4 {
            min-width: 54rem
        }
    }

    @media (min-width: 1204px) {
        .min-w-xl-0 {
            min-width:0
        }

        .min-w-xl-1 {
            min-width: 14rem
        }

        .min-w-xl-2 {
            min-width: 24rem
        }

        .min-w-xl-3 {
            min-width: 34rem
        }

        .min-w-xl-4 {
            min-width: 54rem
        }
    }

    @media (min-width: 1502px) {
        .min-w-xxl-0 {
            min-width:0
        }

        .min-w-xxl-1 {
            min-width: 14rem
        }

        .min-w-xxl-2 {
            min-width: 24rem
        }

        .min-w-xxl-3 {
            min-width: 34rem
        }

        .min-w-xxl-4 {
            min-width: 54rem
        }
    }

    .max-w-xxs {
        max-width: calc(300px - 2rem * 2)
    }

    .max-w-xs {
        max-width: calc(380px - 2rem * 2)
    }

    .max-w-sm {
        max-width: calc(576px - 2rem * 2)
    }

    .max-w-md {
        max-width: calc(768px - 2rem * 2)
    }

    .max-w-lg {
        max-width: calc(992px - 2rem * 2)
    }

    .max-w-xl,.container .max-w-xl.container:not(.reset-container-px-0) {
        max-width: calc(1204px - 2rem * 2)
    }

    .max-w-xl.container {
        max-width: 1204px
    }

    .max-w-xxl {
        max-width: calc(1504px - 2rem * 2)
    }

    .max-w-xxl.container {
        max-width: 1504px
    }

    .max-w-fluid {
        max-width: 100%
    }

    @media (min-width: 576px) {
        .max-w-sm-xxs {
            max-width:calc(300px - 2rem * 2)
        }

        .max-w-sm-xs {
            max-width: calc(380px - 2rem * 2)
        }

        .max-w-sm-sm {
            max-width: calc(576px - 2rem * 2)
        }

        .max-w-sm-md {
            max-width: calc(768px - 2rem * 2)
        }

        .max-w-sm-lg {
            max-width: calc(992px - 2rem * 2)
        }

        .max-w-sm-xl,.container .max-w-sm-xl.container:not(.reset-container-px-0) {
            max-width: calc(1204px - 2rem * 2)
        }

        .max-w-sm-xl.container {
            max-width: 1204px
        }

        .max-w-sm-xxl {
            max-width: calc(1504px - 2rem * 2)
        }

        .max-w-sm-xxl.container {
            max-width: 1504px
        }

        .max-w-sm-fluid {
            max-width: 100%
        }
    }

    @media (min-width: 768px) {
        .max-w-md-xxs {
            max-width:calc(300px - 2rem * 2)
        }

        .max-w-md-xs {
            max-width: calc(380px - 2rem * 2)
        }

        .max-w-md-sm {
            max-width: calc(576px - 2rem * 2)
        }

        .max-w-md-md {
            max-width: calc(768px - 2rem * 2)
        }

        .max-w-md-lg {
            max-width: calc(992px - 2rem * 2)
        }

        .max-w-md-xl,.container .max-w-md-xl.container:not(.reset-container-px-0) {
            max-width: calc(1204px - 2rem * 2)
        }

        .max-w-md-xl.container {
            max-width: 1204px
        }

        .max-w-md-xxl {
            max-width: calc(1504px - 2rem * 2)
        }

        .max-w-md-xxl.container {
            max-width: 1504px
        }

        .max-w-md-fluid {
            max-width: 100%
        }
    }

    @media (min-width: 992px) {
        .max-w-lg-xxs {
            max-width:calc(300px - 2rem * 2)
        }

        .max-w-lg-xs {
            max-width: calc(380px - 2rem * 2)
        }

        .max-w-lg-sm {
            max-width: calc(576px - 2rem * 2)
        }

        .max-w-lg-md {
            max-width: calc(768px - 2rem * 2)
        }

        .max-w-lg-lg {
            max-width: calc(992px - 2rem * 2)
        }

        .max-w-lg-xl,.container .max-w-lg-xl.container:not(.reset-container-px-0) {
            max-width: calc(1204px - 2rem * 2)
        }

        .max-w-lg-xl.container {
            max-width: 1204px
        }

        .max-w-lg-xxl {
            max-width: calc(1504px - 2rem * 2)
        }

        .max-w-lg-xxl.container {
            max-width: 1504px
        }

        .max-w-lg-fluid {
            max-width: 100%
        }
    }

    @media (min-width: 1204px) {
        .max-w-xl-xxs {
            max-width:calc(300px - 2rem * 2)
        }

        .max-w-xl-xs {
            max-width: calc(380px - 2rem * 2)
        }

        .max-w-xl-sm {
            max-width: calc(576px - 2rem * 2)
        }

        .max-w-xl-md {
            max-width: calc(768px - 2rem * 2)
        }

        .max-w-xl-lg {
            max-width: calc(992px - 2rem * 2)
        }

        .max-w-xl-xl,.container .max-w-xl-xl.container:not(.reset-container-px-0) {
            max-width: calc(1204px - 2rem * 2)
        }

        .max-w-xl-xl.container {
            max-width: 1204px
        }

        .max-w-xl-xxl {
            max-width: calc(1504px - 2rem * 2)
        }

        .max-w-xl-xxl.container {
            max-width: 1504px
        }

        .max-w-xl-fluid {
            max-width: 100%
        }
    }

    @media (min-width: 1502px) {
        .max-w-xxl-xxs {
            max-width:calc(300px - 2rem * 2)
        }

        .max-w-xxl-xs {
            max-width: calc(380px - 2rem * 2)
        }

        .max-w-xxl-sm {
            max-width: calc(576px - 2rem * 2)
        }

        .max-w-xxl-md {
            max-width: calc(768px - 2rem * 2)
        }

        .max-w-xxl-lg {
            max-width: calc(992px - 2rem * 2)
        }

        .max-w-xxl-xl,.container .max-w-xxl-xl.container:not(.reset-container-px-0) {
            max-width: calc(1204px - 2rem * 2)
        }

        .max-w-xxl-xl.container {
            max-width: 1204px
        }

        .max-w-xxl-xxl {
            max-width: calc(1504px - 2rem * 2)
        }

        .max-w-xxl-xxl.container {
            max-width: 1504px
        }

        .max-w-xxl-fluid {
            max-width: 100%
        }
    }

    .min-h-0 {
        min-height: 0
    }

    .min-h-1 {
        min-height: 3rem
    }

    .min-h-2 {
        min-height: 4.5rem
    }

    .min-h-3 {
        min-height: 8rem
    }

    .min-h-4 {
        min-height: 13em
    }

    .min-h-5 {
        min-height: 21rem
    }

    .min-h-6 {
        min-height: 33rem
    }

    .min-h-7 {
        min-height: 35em
    }

    .min-h-8 {
        min-height: 345px
    }

    .min-h-9 {
        min-height: 50vh
    }

    .min-h-10 {
        min-height: 100vh
    }

    .min-h-11 {
        min-height: 25vw
    }

    .min-h-12 {
        min-height: 33.33vw
    }

    .min-h-13 {
        min-height: 50vw
    }

    @media (min-width: 576px) {
        .min-h-sm-0 {
            min-height:0
        }

        .min-h-sm-1 {
            min-height: 3rem
        }

        .min-h-sm-2 {
            min-height: 4.5rem
        }

        .min-h-sm-3 {
            min-height: 8rem
        }

        .min-h-sm-4 {
            min-height: 13em
        }

        .min-h-sm-5 {
            min-height: 21rem
        }

        .min-h-sm-6 {
            min-height: 33rem
        }

        .min-h-sm-7 {
            min-height: 35em
        }

        .min-h-sm-8 {
            min-height: 345px
        }

        .min-h-sm-9 {
            min-height: 50vh
        }

        .min-h-sm-10 {
            min-height: 100vh
        }

        .min-h-sm-11 {
            min-height: 25vw
        }

        .min-h-sm-12 {
            min-height: 33.33vw
        }

        .min-h-sm-13 {
            min-height: 50vw
        }
    }

    @media (min-width: 768px) {
        .min-h-md-0 {
            min-height:0
        }

        .min-h-md-1 {
            min-height: 3rem
        }

        .min-h-md-2 {
            min-height: 4.5rem
        }

        .min-h-md-3 {
            min-height: 8rem
        }

        .min-h-md-4 {
            min-height: 13em
        }

        .min-h-md-5 {
            min-height: 21rem
        }

        .min-h-md-6 {
            min-height: 33rem
        }

        .min-h-md-7 {
            min-height: 35em
        }

        .min-h-md-8 {
            min-height: 345px
        }

        .min-h-md-9 {
            min-height: 50vh
        }

        .min-h-md-10 {
            min-height: 100vh
        }

        .min-h-md-11 {
            min-height: 25vw
        }

        .min-h-md-12 {
            min-height: 33.33vw
        }

        .min-h-md-13 {
            min-height: 50vw
        }
    }

    @media (min-width: 992px) {
        .min-h-lg-0 {
            min-height:0
        }

        .min-h-lg-1 {
            min-height: 3rem
        }

        .min-h-lg-2 {
            min-height: 4.5rem
        }

        .min-h-lg-3 {
            min-height: 8rem
        }

        .min-h-lg-4 {
            min-height: 13em
        }

        .min-h-lg-5 {
            min-height: 21rem
        }

        .min-h-lg-6 {
            min-height: 33rem
        }

        .min-h-lg-7 {
            min-height: 35em
        }

        .min-h-lg-8 {
            min-height: 345px
        }

        .min-h-lg-9 {
            min-height: 50vh
        }

        .min-h-lg-10 {
            min-height: 100vh
        }

        .min-h-lg-11 {
            min-height: 25vw
        }

        .min-h-lg-12 {
            min-height: 33.33vw
        }

        .min-h-lg-13 {
            min-height: 50vw
        }
    }

    @media (min-width: 1204px) {
        .min-h-xl-0 {
            min-height:0
        }

        .min-h-xl-1 {
            min-height: 3rem
        }

        .min-h-xl-2 {
            min-height: 4.5rem
        }

        .min-h-xl-3 {
            min-height: 8rem
        }

        .min-h-xl-4 {
            min-height: 13em
        }

        .min-h-xl-5 {
            min-height: 21rem
        }

        .min-h-xl-6 {
            min-height: 33rem
        }

        .min-h-xl-7 {
            min-height: 35em
        }

        .min-h-xl-8 {
            min-height: 345px
        }

        .min-h-xl-9 {
            min-height: 50vh
        }

        .min-h-xl-10 {
            min-height: 100vh
        }

        .min-h-xl-11 {
            min-height: 25vw
        }

        .min-h-xl-12 {
            min-height: 33.33vw
        }

        .min-h-xl-13 {
            min-height: 50vw
        }
    }

    @media (min-width: 1502px) {
        .min-h-xxl-0 {
            min-height:0
        }

        .min-h-xxl-1 {
            min-height: 3rem
        }

        .min-h-xxl-2 {
            min-height: 4.5rem
        }

        .min-h-xxl-3 {
            min-height: 8rem
        }

        .min-h-xxl-4 {
            min-height: 13em
        }

        .min-h-xxl-5 {
            min-height: 21rem
        }

        .min-h-xxl-6 {
            min-height: 33rem
        }

        .min-h-xxl-7 {
            min-height: 35em
        }

        .min-h-xxl-8 {
            min-height: 345px
        }

        .min-h-xxl-9 {
            min-height: 50vh
        }

        .min-h-xxl-10 {
            min-height: 100vh
        }

        .min-h-xxl-11 {
            min-height: 25vw
        }

        .min-h-xxl-12 {
            min-height: 33.33vw
        }

        .min-h-xxl-13 {
            min-height: 50vw
        }
    }

    .max-h-0 {
        max-height: 0
    }

    .max-h-1 {
        max-height: 1rem
    }

    .max-h-2 {
        max-height: 2rem
    }

    .max-h-3 {
        max-height: 4rem
    }

    .max-h-4 {
        max-height: 8rem
    }

    .max-h-5 {
        max-height: 16rem
    }

    .max-h-6 {
        max-height: 32rem
    }

    .max-h-7 {
        max-height: 48rem
    }

    .max-h-8 {
        max-height: 64rem
    }

    .max-h-9 {
        max-height: 100%
    }

    @media (min-width: 576px) {
        .max-h-sm-0 {
            max-height:0
        }

        .max-h-sm-1 {
            max-height: 1rem
        }

        .max-h-sm-2 {
            max-height: 2rem
        }

        .max-h-sm-3 {
            max-height: 4rem
        }

        .max-h-sm-4 {
            max-height: 8rem
        }

        .max-h-sm-5 {
            max-height: 16rem
        }

        .max-h-sm-6 {
            max-height: 32rem
        }

        .max-h-sm-7 {
            max-height: 48rem
        }

        .max-h-sm-8 {
            max-height: 64rem
        }

        .max-h-sm-9 {
            max-height: 100%
        }
    }

    @media (min-width: 768px) {
        .max-h-md-0 {
            max-height:0
        }

        .max-h-md-1 {
            max-height: 1rem
        }

        .max-h-md-2 {
            max-height: 2rem
        }

        .max-h-md-3 {
            max-height: 4rem
        }

        .max-h-md-4 {
            max-height: 8rem
        }

        .max-h-md-5 {
            max-height: 16rem
        }

        .max-h-md-6 {
            max-height: 32rem
        }

        .max-h-md-7 {
            max-height: 48rem
        }

        .max-h-md-8 {
            max-height: 64rem
        }

        .max-h-md-9 {
            max-height: 100%
        }
    }

    @media (min-width: 992px) {
        .max-h-lg-0 {
            max-height:0
        }

        .max-h-lg-1 {
            max-height: 1rem
        }

        .max-h-lg-2 {
            max-height: 2rem
        }

        .max-h-lg-3 {
            max-height: 4rem
        }

        .max-h-lg-4 {
            max-height: 8rem
        }

        .max-h-lg-5 {
            max-height: 16rem
        }

        .max-h-lg-6 {
            max-height: 32rem
        }

        .max-h-lg-7 {
            max-height: 48rem
        }

        .max-h-lg-8 {
            max-height: 64rem
        }

        .max-h-lg-9 {
            max-height: 100%
        }
    }

    @media (min-width: 1204px) {
        .max-h-xl-0 {
            max-height:0
        }

        .max-h-xl-1 {
            max-height: 1rem
        }

        .max-h-xl-2 {
            max-height: 2rem
        }

        .max-h-xl-3 {
            max-height: 4rem
        }

        .max-h-xl-4 {
            max-height: 8rem
        }

        .max-h-xl-5 {
            max-height: 16rem
        }

        .max-h-xl-6 {
            max-height: 32rem
        }

        .max-h-xl-7 {
            max-height: 48rem
        }

        .max-h-xl-8 {
            max-height: 64rem
        }

        .max-h-xl-9 {
            max-height: 100%
        }
    }

    @media (min-width: 1502px) {
        .max-h-xxl-0 {
            max-height:0
        }

        .max-h-xxl-1 {
            max-height: 1rem
        }

        .max-h-xxl-2 {
            max-height: 2rem
        }

        .max-h-xxl-3 {
            max-height: 4rem
        }

        .max-h-xxl-4 {
            max-height: 8rem
        }

        .max-h-xxl-5 {
            max-height: 16rem
        }

        .max-h-xxl-6 {
            max-height: 32rem
        }

        .max-h-xxl-7 {
            max-height: 48rem
        }

        .max-h-xxl-8 {
            max-height: 64rem
        }

        .max-h-xxl-9 {
            max-height: 100%
        }
    }
}

@layer base {
    [class^="gap"],[class*=" gap"] {
        display: flex
    }
}

@layer utilities {
    .gap-0 {
        gap: 0
    }

    .gapx-0 {
        column-gap: 0
    }

    .gapy-0 {
        row-gap: 0
    }

    .gap-1 {
        gap: .33334rem
    }

    .gapx-1 {
        column-gap: .33334rem
    }

    .gapy-1 {
        row-gap: .33334rem
    }

    .gap-2 {
        gap: .66667rem
    }

    .gapx-2 {
        column-gap: .66667rem
    }

    .gapy-2 {
        row-gap: .66667rem
    }

    .gap-3 {
        gap: 1rem
    }

    .gapx-3 {
        column-gap: 1rem
    }

    .gapy-3 {
        row-gap: 1rem
    }

    .gap-4 {
        gap: 1.3334rem
    }

    .gapx-4 {
        column-gap: 1.3334rem
    }

    .gapy-4 {
        row-gap: 1.3334rem
    }

    .gap-5 {
        gap: 2rem
    }

    .gapx-5 {
        column-gap: 2rem
    }

    .gapy-5 {
        row-gap: 2rem
    }

    .gap-6 {
        gap: 3.75008rem
    }

    .gapx-6 {
        column-gap: 3.75008rem
    }

    .gapy-6 {
        row-gap: 3.75008rem
    }

    .gap-7 {
        gap: calc(3.75008rem + 8rem)
    }

    .gapx-7 {
        column-gap: calc(3.75008rem + 8rem)
    }

    .gapy-7 {
        row-gap: calc(3.75008rem + 8rem)
    }

    @media (min-width: 576px) {
        .gap-sm-0 {
            gap:0
        }

        .gapx-sm-0 {
            column-gap: 0
        }

        .gapy-sm-0 {
            row-gap: 0
        }

        .gap-sm-1 {
            gap: .33334rem
        }

        .gapx-sm-1 {
            column-gap: .33334rem
        }

        .gapy-sm-1 {
            row-gap: .33334rem
        }

        .gap-sm-2 {
            gap: .66667rem
        }

        .gapx-sm-2 {
            column-gap: .66667rem
        }

        .gapy-sm-2 {
            row-gap: .66667rem
        }

        .gap-sm-3 {
            gap: 1rem
        }

        .gapx-sm-3 {
            column-gap: 1rem
        }

        .gapy-sm-3 {
            row-gap: 1rem
        }

        .gap-sm-4 {
            gap: 1.3334rem
        }

        .gapx-sm-4 {
            column-gap: 1.3334rem
        }

        .gapy-sm-4 {
            row-gap: 1.3334rem
        }

        .gap-sm-5 {
            gap: 2rem
        }

        .gapx-sm-5 {
            column-gap: 2rem
        }

        .gapy-sm-5 {
            row-gap: 2rem
        }

        .gap-sm-6 {
            gap: 3.75008rem
        }

        .gapx-sm-6 {
            column-gap: 3.75008rem
        }

        .gapy-sm-6 {
            row-gap: 3.75008rem
        }

        .gap-sm-7 {
            gap: calc(3.75008rem + 8rem)
        }

        .gapx-sm-7 {
            column-gap: calc(3.75008rem + 8rem)
        }

        .gapy-sm-7 {
            row-gap: calc(3.75008rem + 8rem)
        }
    }

    @media (min-width: 768px) {
        .gap-md-0 {
            gap:0
        }

        .gapx-md-0 {
            column-gap: 0
        }

        .gapy-md-0 {
            row-gap: 0
        }

        .gap-md-1 {
            gap: .33334rem
        }

        .gapx-md-1 {
            column-gap: .33334rem
        }

        .gapy-md-1 {
            row-gap: .33334rem
        }

        .gap-md-2 {
            gap: .66667rem
        }

        .gapx-md-2 {
            column-gap: .66667rem
        }

        .gapy-md-2 {
            row-gap: .66667rem
        }

        .gap-md-3 {
            gap: 1rem
        }

        .gapx-md-3 {
            column-gap: 1rem
        }

        .gapy-md-3 {
            row-gap: 1rem
        }

        .gap-md-4 {
            gap: 1.3334rem
        }

        .gapx-md-4 {
            column-gap: 1.3334rem
        }

        .gapy-md-4 {
            row-gap: 1.3334rem
        }

        .gap-md-5 {
            gap: 2rem
        }

        .gapx-md-5 {
            column-gap: 2rem
        }

        .gapy-md-5 {
            row-gap: 2rem
        }

        .gap-md-6 {
            gap: 3.75008rem
        }

        .gapx-md-6 {
            column-gap: 3.75008rem
        }

        .gapy-md-6 {
            row-gap: 3.75008rem
        }

        .gap-md-7 {
            gap: calc(3.75008rem + 8rem)
        }

        .gapx-md-7 {
            column-gap: calc(3.75008rem + 8rem)
        }

        .gapy-md-7 {
            row-gap: calc(3.75008rem + 8rem)
        }
    }

    @media (min-width: 992px) {
        .gap-lg-0 {
            gap:0
        }

        .gapx-lg-0 {
            column-gap: 0
        }

        .gapy-lg-0 {
            row-gap: 0
        }

        .gap-lg-1 {
            gap: .33334rem
        }

        .gapx-lg-1 {
            column-gap: .33334rem
        }

        .gapy-lg-1 {
            row-gap: .33334rem
        }

        .gap-lg-2 {
            gap: .66667rem
        }

        .gapx-lg-2 {
            column-gap: .66667rem
        }

        .gapy-lg-2 {
            row-gap: .66667rem
        }

        .gap-lg-3 {
            gap: 1rem
        }

        .gapx-lg-3 {
            column-gap: 1rem
        }

        .gapy-lg-3 {
            row-gap: 1rem
        }

        .gap-lg-4 {
            gap: 1.3334rem
        }

        .gapx-lg-4 {
            column-gap: 1.3334rem
        }

        .gapy-lg-4 {
            row-gap: 1.3334rem
        }

        .gap-lg-5 {
            gap: 2rem
        }

        .gapx-lg-5 {
            column-gap: 2rem
        }

        .gapy-lg-5 {
            row-gap: 2rem
        }

        .gap-lg-6 {
            gap: 3.75008rem
        }

        .gapx-lg-6 {
            column-gap: 3.75008rem
        }

        .gapy-lg-6 {
            row-gap: 3.75008rem
        }

        .gap-lg-7 {
            gap: calc(3.75008rem + 8rem)
        }

        .gapx-lg-7 {
            column-gap: calc(3.75008rem + 8rem)
        }

        .gapy-lg-7 {
            row-gap: calc(3.75008rem + 8rem)
        }
    }

    @media (min-width: 1204px) {
        .gap-xl-0 {
            gap:0
        }

        .gapx-xl-0 {
            column-gap: 0
        }

        .gapy-xl-0 {
            row-gap: 0
        }

        .gap-xl-1 {
            gap: .33334rem
        }

        .gapx-xl-1 {
            column-gap: .33334rem
        }

        .gapy-xl-1 {
            row-gap: .33334rem
        }

        .gap-xl-2 {
            gap: .66667rem
        }

        .gapx-xl-2 {
            column-gap: .66667rem
        }

        .gapy-xl-2 {
            row-gap: .66667rem
        }

        .gap-xl-3 {
            gap: 1rem
        }

        .gapx-xl-3 {
            column-gap: 1rem
        }

        .gapy-xl-3 {
            row-gap: 1rem
        }

        .gap-xl-4 {
            gap: 1.3334rem
        }

        .gapx-xl-4 {
            column-gap: 1.3334rem
        }

        .gapy-xl-4 {
            row-gap: 1.3334rem
        }

        .gap-xl-5 {
            gap: 2rem
        }

        .gapx-xl-5 {
            column-gap: 2rem
        }

        .gapy-xl-5 {
            row-gap: 2rem
        }

        .gap-xl-6 {
            gap: 3.75008rem
        }

        .gapx-xl-6 {
            column-gap: 3.75008rem
        }

        .gapy-xl-6 {
            row-gap: 3.75008rem
        }

        .gap-xl-7 {
            gap: calc(3.75008rem + 8rem)
        }

        .gapx-xl-7 {
            column-gap: calc(3.75008rem + 8rem)
        }

        .gapy-xl-7 {
            row-gap: calc(3.75008rem + 8rem)
        }
    }

    @media (min-width: 1502px) {
        .gap-xxl-0 {
            gap:0
        }

        .gapx-xxl-0 {
            column-gap: 0
        }

        .gapy-xxl-0 {
            row-gap: 0
        }

        .gap-xxl-1 {
            gap: .33334rem
        }

        .gapx-xxl-1 {
            column-gap: .33334rem
        }

        .gapy-xxl-1 {
            row-gap: .33334rem
        }

        .gap-xxl-2 {
            gap: .66667rem
        }

        .gapx-xxl-2 {
            column-gap: .66667rem
        }

        .gapy-xxl-2 {
            row-gap: .66667rem
        }

        .gap-xxl-3 {
            gap: 1rem
        }

        .gapx-xxl-3 {
            column-gap: 1rem
        }

        .gapy-xxl-3 {
            row-gap: 1rem
        }

        .gap-xxl-4 {
            gap: 1.3334rem
        }

        .gapx-xxl-4 {
            column-gap: 1.3334rem
        }

        .gapy-xxl-4 {
            row-gap: 1.3334rem
        }

        .gap-xxl-5 {
            gap: 2rem
        }

        .gapx-xxl-5 {
            column-gap: 2rem
        }

        .gapy-xxl-5 {
            row-gap: 2rem
        }

        .gap-xxl-6 {
            gap: 3.75008rem
        }

        .gapx-xxl-6 {
            column-gap: 3.75008rem
        }

        .gapy-xxl-6 {
            row-gap: 3.75008rem
        }

        .gap-xxl-7 {
            gap: calc(3.75008rem + 8rem)
        }

        .gapx-xxl-7 {
            column-gap: calc(3.75008rem + 8rem)
        }

        .gapy-xxl-7 {
            row-gap: calc(3.75008rem + 8rem)
        }
    }

    .ca-c {
        margin-right: auto;
        margin-left: auto
    }

    .ca-l {
        margin-right: auto;
        margin-left: 0
    }

    .ca-r {
        margin-right: 0;
        margin-left: auto
    }

    @media (min-width: 576px) {
        .ca-sm-c {
            margin-right:auto;
            margin-left: auto
        }

        .ca-sm-l {
            margin-right: auto;
            margin-left: 0
        }

        .ca-sm-r {
            margin-right: 0;
            margin-left: auto
        }
    }

    @media (min-width: 768px) {
        .ca-md-c {
            margin-right:auto;
            margin-left: auto
        }

        .ca-md-l {
            margin-right: auto;
            margin-left: 0
        }

        .ca-md-r {
            margin-right: 0;
            margin-left: auto
        }
    }

    @media (min-width: 992px) {
        .ca-lg-c {
            margin-right:auto;
            margin-left: auto
        }

        .ca-lg-l {
            margin-right: auto;
            margin-left: 0
        }

        .ca-lg-r {
            margin-right: 0;
            margin-left: auto
        }
    }

    @media (min-width: 1204px) {
        .ca-xl-c {
            margin-right:auto;
            margin-left: auto
        }

        .ca-xl-l {
            margin-right: auto;
            margin-left: 0
        }

        .ca-xl-r {
            margin-right: 0;
            margin-left: auto
        }
    }

    @media (min-width: 1502px) {
        .ca-xxl-c {
            margin-right:auto;
            margin-left: auto
        }

        .ca-xxl-l {
            margin-right: auto;
            margin-left: 0
        }

        .ca-xxl-r {
            margin-right: 0;
            margin-left: auto
        }
    }

    .mr-i {
        margin-right: .41668rem
    }

    .btn .mr-i {
        margin-right: .62501rem
    }

    .ml-i {
        margin-left: .41668rem
    }

    .btn .ml-i {
        margin-left: .62501rem
    }

    .m-0 {
        margin: 0
    }

    .mt-0,.my-0 {
        margin-top: 0
    }

    .mb-0,.my-0 {
        margin-bottom: 0
    }

    .mr-0,.mx-0 {
        margin-right: 0
    }

    .ml-0,.mx-0 {
        margin-left: 0
    }

    .mt-n0,.my-n0 {
        margin-top: calc(0 * -1)
    }

    .mb-n0,.my-n0 {
        margin-bottom: calc(0 * -1)
    }

    .mr-n0,.mx-n0 {
        margin-right: calc(0 * -1)
    }

    .ml-n0,.mx-n0 {
        margin-left: calc(0 * -1)
    }

    .m-1 {
        margin: .33334rem
    }

    .mt-1,.my-1 {
        margin-top: .33334rem
    }

    .mb-1,.my-1 {
        margin-bottom: .33334rem
    }

    .mr-1,.mx-1 {
        margin-right: .33334rem
    }

    .ml-1,.mx-1 {
        margin-left: .33334rem
    }

    .mt-n1,.my-n1 {
        margin-top: calc(.33334rem * -1)
    }

    .mb-n1,.my-n1 {
        margin-bottom: calc(.33334rem * -1)
    }

    .mr-n1,.mx-n1 {
        margin-right: calc(.33334rem * -1)
    }

    .ml-n1,.mx-n1 {
        margin-left: calc(.33334rem * -1)
    }

    .m-2 {
        margin: .66667rem
    }

    .mt-2,.my-2 {
        margin-top: .66667rem
    }

    .mb-2,.my-2 {
        margin-bottom: .66667rem
    }

    .mr-2,.mx-2 {
        margin-right: .66667rem
    }

    .ml-2,.mx-2 {
        margin-left: .66667rem
    }

    .mt-n2,.my-n2 {
        margin-top: calc(.66667rem * -1)
    }

    .mb-n2,.my-n2 {
        margin-bottom: calc(.66667rem * -1)
    }

    .mr-n2,.mx-n2 {
        margin-right: calc(.66667rem * -1)
    }

    .ml-n2,.mx-n2 {
        margin-left: calc(.66667rem * -1)
    }

    .m-3 {
        margin: 1rem
    }

    .mt-3,.my-3 {
        margin-top: 1rem
    }

    .mb-3,.my-3 {
        margin-bottom: 1rem
    }

    .mr-3,.mx-3 {
        margin-right: 1rem
    }

    .ml-3,.mx-3 {
        margin-left: 1rem
    }

    .mt-n3,.my-n3 {
        margin-top: calc(1rem * -1)
    }

    .mb-n3,.my-n3 {
        margin-bottom: calc(1rem * -1)
    }

    .mr-n3,.mx-n3 {
        margin-right: calc(1rem * -1)
    }

    .ml-n3,.mx-n3 {
        margin-left: calc(1rem * -1)
    }

    .m-4 {
        margin: 1.3334rem
    }

    .mt-4,.my-4 {
        margin-top: 1.3334rem
    }

    .mb-4,.my-4 {
        margin-bottom: 1.3334rem
    }

    .mr-4,.mx-4 {
        margin-right: 1.3334rem
    }

    .ml-4,.mx-4 {
        margin-left: 1.3334rem
    }

    .mt-n4,.my-n4 {
        margin-top: calc(1.3334rem * -1)
    }

    .mb-n4,.my-n4 {
        margin-bottom: calc(1.3334rem * -1)
    }

    .mr-n4,.mx-n4 {
        margin-right: calc(1.3334rem * -1)
    }

    .ml-n4,.mx-n4 {
        margin-left: calc(1.3334rem * -1)
    }

    .m-5 {
        margin: 2rem
    }

    .mt-5,.my-5 {
        margin-top: 2rem
    }

    .mb-5,.my-5 {
        margin-bottom: 2rem
    }

    .mr-5,.mx-5 {
        margin-right: 2rem
    }

    .ml-5,.mx-5 {
        margin-left: 2rem
    }

    .mt-n5,.my-n5 {
        margin-top: calc(2rem * -1)
    }

    .mb-n5,.my-n5 {
        margin-bottom: calc(2rem * -1)
    }

    .mr-n5,.mx-n5 {
        margin-right: calc(2rem * -1)
    }

    .ml-n5,.mx-n5 {
        margin-left: calc(2rem * -1)
    }

    .m-6 {
        margin: 3.75008rem
    }

    .mt-6,.my-6 {
        margin-top: 3.75008rem
    }

    .mb-6,.my-6 {
        margin-bottom: 3.75008rem
    }

    .mr-6,.mx-6 {
        margin-right: 3.75008rem
    }

    .ml-6,.mx-6 {
        margin-left: 3.75008rem
    }

    .mt-n6,.my-n6 {
        margin-top: calc(3.75008rem * -1)
    }

    .mb-n6,.my-n6 {
        margin-bottom: calc(3.75008rem * -1)
    }

    .mr-n6,.mx-n6 {
        margin-right: calc(3.75008rem * -1)
    }

    .ml-n6,.mx-n6 {
        margin-left: calc(3.75008rem * -1)
    }

    .m-7 {
        margin: calc(3.75008rem + 8rem)
    }

    .mt-7,.my-7 {
        margin-top: calc(3.75008rem + 8rem)
    }

    .mb-7,.my-7 {
        margin-bottom: calc(3.75008rem + 8rem)
    }

    .mr-7,.mx-7 {
        margin-right: calc(3.75008rem + 8rem)
    }

    .ml-7,.mx-7 {
        margin-left: calc(3.75008rem + 8rem)
    }

    .mt-n7,.my-n7 {
        margin-top: calc(calc(3.75008rem + 8rem) * -1)
    }

    .mb-n7,.my-n7 {
        margin-bottom: calc(calc(3.75008rem + 8rem) * -1)
    }

    .mr-n7,.mx-n7 {
        margin-right: calc(calc(3.75008rem + 8rem) * -1)
    }

    .ml-n7,.mx-n7 {
        margin-left: calc(calc(3.75008rem + 8rem) * -1)
    }

    .p-0 {
        padding: 0
    }

    .pt-0,.py-0 {
        padding-top: 0
    }

    .pb-0,.py-0 {
        padding-bottom: 0
    }

    .pr-0,.px-0 {
        padding-right: 0
    }

    .pl-0,.px-0 {
        padding-left: 0
    }

    .p-1 {
        padding: .33334rem
    }

    .pt-1,.py-1 {
        padding-top: .33334rem
    }

    .pb-1,.py-1 {
        padding-bottom: .33334rem
    }

    .pr-1,.px-1 {
        padding-right: .33334rem
    }

    .pl-1,.px-1 {
        padding-left: .33334rem
    }

    .p-2 {
        padding: .66667rem
    }

    .pt-2,.py-2 {
        padding-top: .66667rem
    }

    .pb-2,.py-2 {
        padding-bottom: .66667rem
    }

    .pr-2,.px-2 {
        padding-right: .66667rem
    }

    .pl-2,.px-2 {
        padding-left: .66667rem
    }

    .p-3 {
        padding: 1rem
    }

    .pt-3,.py-3 {
        padding-top: 1rem
    }

    .pb-3,.py-3 {
        padding-bottom: 1rem
    }

    .pr-3,.px-3 {
        padding-right: 1rem
    }

    .pl-3,.px-3 {
        padding-left: 1rem
    }

    .p-4 {
        padding: 1.3334rem
    }

    .pt-4,.py-4 {
        padding-top: 1.3334rem
    }

    .pb-4,.py-4 {
        padding-bottom: 1.3334rem
    }

    .pr-4,.px-4 {
        padding-right: 1.3334rem
    }

    .pl-4,.px-4 {
        padding-left: 1.3334rem
    }

    .p-5 {
        padding: 2rem
    }

    .pt-5,.py-5 {
        padding-top: 2rem
    }

    .pb-5,.py-5 {
        padding-bottom: 2rem
    }

    .pr-5,.px-5 {
        padding-right: 2rem
    }

    .pl-5,.px-5 {
        padding-left: 2rem
    }

    .p-6 {
        padding: 3.75008rem
    }

    .pt-6,.py-6 {
        padding-top: 3.75008rem
    }

    .pb-6,.py-6 {
        padding-bottom: 3.75008rem
    }

    .pr-6,.px-6 {
        padding-right: 3.75008rem
    }

    .pl-6,.px-6 {
        padding-left: 3.75008rem
    }

    .p-7 {
        padding: calc(3.75008rem + 8rem)
    }

    .pt-7,.py-7 {
        padding-top: calc(3.75008rem + 8rem)
    }

    .pb-7,.py-7 {
        padding-bottom: calc(3.75008rem + 8rem)
    }

    .pr-7,.px-7 {
        padding-right: calc(3.75008rem + 8rem)
    }

    .pl-7,.px-7 {
        padding-left: calc(3.75008rem + 8rem)
    }

    .m-auto {
        margin: auto
    }

    .mt-auto,.my-auto {
        margin-top: auto
    }

    .mr-auto,.mx-auto {
        margin-right: auto
    }

    .mb-auto,.my-auto {
        margin-bottom: auto
    }

    .ml-auto,.mx-auto {
        margin-left: auto
    }

    @media (min-width: 576px) {
        .m-sm-0 {
            margin:0
        }

        .mt-sm-0,.my-sm-0 {
            margin-top: 0
        }

        .mb-sm-0,.my-sm-0 {
            margin-bottom: 0
        }

        .mr-sm-0,.mx-sm-0 {
            margin-right: 0
        }

        .ml-sm-0,.mx-sm-0 {
            margin-left: 0
        }

        .mt-sm-n0,.my-sm-n0 {
            margin-top: calc(0 * -1)
        }

        .mb-sm-n0,.my-sm-n0 {
            margin-bottom: calc(0 * -1)
        }

        .mr-sm-n0,.mx-sm-n0 {
            margin-right: calc(0 * -1)
        }

        .ml-sm-n0,.mx-sm-n0 {
            margin-left: calc(0 * -1)
        }

        .m-sm-1 {
            margin: .33334rem
        }

        .mt-sm-1,.my-sm-1 {
            margin-top: .33334rem
        }

        .mb-sm-1,.my-sm-1 {
            margin-bottom: .33334rem
        }

        .mr-sm-1,.mx-sm-1 {
            margin-right: .33334rem
        }

        .ml-sm-1,.mx-sm-1 {
            margin-left: .33334rem
        }

        .mt-sm-n1,.my-sm-n1 {
            margin-top: calc(.33334rem * -1)
        }

        .mb-sm-n1,.my-sm-n1 {
            margin-bottom: calc(.33334rem * -1)
        }

        .mr-sm-n1,.mx-sm-n1 {
            margin-right: calc(.33334rem * -1)
        }

        .ml-sm-n1,.mx-sm-n1 {
            margin-left: calc(.33334rem * -1)
        }

        .m-sm-2 {
            margin: .66667rem
        }

        .mt-sm-2,.my-sm-2 {
            margin-top: .66667rem
        }

        .mb-sm-2,.my-sm-2 {
            margin-bottom: .66667rem
        }

        .mr-sm-2,.mx-sm-2 {
            margin-right: .66667rem
        }

        .ml-sm-2,.mx-sm-2 {
            margin-left: .66667rem
        }

        .mt-sm-n2,.my-sm-n2 {
            margin-top: calc(.66667rem * -1)
        }

        .mb-sm-n2,.my-sm-n2 {
            margin-bottom: calc(.66667rem * -1)
        }

        .mr-sm-n2,.mx-sm-n2 {
            margin-right: calc(.66667rem * -1)
        }

        .ml-sm-n2,.mx-sm-n2 {
            margin-left: calc(.66667rem * -1)
        }

        .m-sm-3 {
            margin: 1rem
        }

        .mt-sm-3,.my-sm-3 {
            margin-top: 1rem
        }

        .mb-sm-3,.my-sm-3 {
            margin-bottom: 1rem
        }

        .mr-sm-3,.mx-sm-3 {
            margin-right: 1rem
        }

        .ml-sm-3,.mx-sm-3 {
            margin-left: 1rem
        }

        .mt-sm-n3,.my-sm-n3 {
            margin-top: calc(1rem * -1)
        }

        .mb-sm-n3,.my-sm-n3 {
            margin-bottom: calc(1rem * -1)
        }

        .mr-sm-n3,.mx-sm-n3 {
            margin-right: calc(1rem * -1)
        }

        .ml-sm-n3,.mx-sm-n3 {
            margin-left: calc(1rem * -1)
        }

        .m-sm-4 {
            margin: 1.3334rem
        }

        .mt-sm-4,.my-sm-4 {
            margin-top: 1.3334rem
        }

        .mb-sm-4,.my-sm-4 {
            margin-bottom: 1.3334rem
        }

        .mr-sm-4,.mx-sm-4 {
            margin-right: 1.3334rem
        }

        .ml-sm-4,.mx-sm-4 {
            margin-left: 1.3334rem
        }

        .mt-sm-n4,.my-sm-n4 {
            margin-top: calc(1.3334rem * -1)
        }

        .mb-sm-n4,.my-sm-n4 {
            margin-bottom: calc(1.3334rem * -1)
        }

        .mr-sm-n4,.mx-sm-n4 {
            margin-right: calc(1.3334rem * -1)
        }

        .ml-sm-n4,.mx-sm-n4 {
            margin-left: calc(1.3334rem * -1)
        }

        .m-sm-5 {
            margin: 2rem
        }

        .mt-sm-5,.my-sm-5 {
            margin-top: 2rem
        }

        .mb-sm-5,.my-sm-5 {
            margin-bottom: 2rem
        }

        .mr-sm-5,.mx-sm-5 {
            margin-right: 2rem
        }

        .ml-sm-5,.mx-sm-5 {
            margin-left: 2rem
        }

        .mt-sm-n5,.my-sm-n5 {
            margin-top: calc(2rem * -1)
        }

        .mb-sm-n5,.my-sm-n5 {
            margin-bottom: calc(2rem * -1)
        }

        .mr-sm-n5,.mx-sm-n5 {
            margin-right: calc(2rem * -1)
        }

        .ml-sm-n5,.mx-sm-n5 {
            margin-left: calc(2rem * -1)
        }

        .m-sm-6 {
            margin: 3.75008rem
        }

        .mt-sm-6,.my-sm-6 {
            margin-top: 3.75008rem
        }

        .mb-sm-6,.my-sm-6 {
            margin-bottom: 3.75008rem
        }

        .mr-sm-6,.mx-sm-6 {
            margin-right: 3.75008rem
        }

        .ml-sm-6,.mx-sm-6 {
            margin-left: 3.75008rem
        }

        .mt-sm-n6,.my-sm-n6 {
            margin-top: calc(3.75008rem * -1)
        }

        .mb-sm-n6,.my-sm-n6 {
            margin-bottom: calc(3.75008rem * -1)
        }

        .mr-sm-n6,.mx-sm-n6 {
            margin-right: calc(3.75008rem * -1)
        }

        .ml-sm-n6,.mx-sm-n6 {
            margin-left: calc(3.75008rem * -1)
        }

        .m-sm-7 {
            margin: calc(3.75008rem + 8rem)
        }

        .mt-sm-7,.my-sm-7 {
            margin-top: calc(3.75008rem + 8rem)
        }

        .mb-sm-7,.my-sm-7 {
            margin-bottom: calc(3.75008rem + 8rem)
        }

        .mr-sm-7,.mx-sm-7 {
            margin-right: calc(3.75008rem + 8rem)
        }

        .ml-sm-7,.mx-sm-7 {
            margin-left: calc(3.75008rem + 8rem)
        }

        .mt-sm-n7,.my-sm-n7 {
            margin-top: calc(calc(3.75008rem + 8rem) * -1)
        }

        .mb-sm-n7,.my-sm-n7 {
            margin-bottom: calc(calc(3.75008rem + 8rem) * -1)
        }

        .mr-sm-n7,.mx-sm-n7 {
            margin-right: calc(calc(3.75008rem + 8rem) * -1)
        }

        .ml-sm-n7,.mx-sm-n7 {
            margin-left: calc(calc(3.75008rem + 8rem) * -1)
        }

        .p-sm-0 {
            padding: 0
        }

        .pt-sm-0,.py-sm-0 {
            padding-top: 0
        }

        .pb-sm-0,.py-sm-0 {
            padding-bottom: 0
        }

        .pr-sm-0,.px-sm-0 {
            padding-right: 0
        }

        .pl-sm-0,.px-sm-0 {
            padding-left: 0
        }

        .p-sm-1 {
            padding: .33334rem
        }

        .pt-sm-1,.py-sm-1 {
            padding-top: .33334rem
        }

        .pb-sm-1,.py-sm-1 {
            padding-bottom: .33334rem
        }

        .pr-sm-1,.px-sm-1 {
            padding-right: .33334rem
        }

        .pl-sm-1,.px-sm-1 {
            padding-left: .33334rem
        }

        .p-sm-2 {
            padding: .66667rem
        }

        .pt-sm-2,.py-sm-2 {
            padding-top: .66667rem
        }

        .pb-sm-2,.py-sm-2 {
            padding-bottom: .66667rem
        }

        .pr-sm-2,.px-sm-2 {
            padding-right: .66667rem
        }

        .pl-sm-2,.px-sm-2 {
            padding-left: .66667rem
        }

        .p-sm-3 {
            padding: 1rem
        }

        .pt-sm-3,.py-sm-3 {
            padding-top: 1rem
        }

        .pb-sm-3,.py-sm-3 {
            padding-bottom: 1rem
        }

        .pr-sm-3,.px-sm-3 {
            padding-right: 1rem
        }

        .pl-sm-3,.px-sm-3 {
            padding-left: 1rem
        }

        .p-sm-4 {
            padding: 1.3334rem
        }

        .pt-sm-4,.py-sm-4 {
            padding-top: 1.3334rem
        }

        .pb-sm-4,.py-sm-4 {
            padding-bottom: 1.3334rem
        }

        .pr-sm-4,.px-sm-4 {
            padding-right: 1.3334rem
        }

        .pl-sm-4,.px-sm-4 {
            padding-left: 1.3334rem
        }

        .p-sm-5 {
            padding: 2rem
        }

        .pt-sm-5,.py-sm-5 {
            padding-top: 2rem
        }

        .pb-sm-5,.py-sm-5 {
            padding-bottom: 2rem
        }

        .pr-sm-5,.px-sm-5 {
            padding-right: 2rem
        }

        .pl-sm-5,.px-sm-5 {
            padding-left: 2rem
        }

        .p-sm-6 {
            padding: 3.75008rem
        }

        .pt-sm-6,.py-sm-6 {
            padding-top: 3.75008rem
        }

        .pb-sm-6,.py-sm-6 {
            padding-bottom: 3.75008rem
        }

        .pr-sm-6,.px-sm-6 {
            padding-right: 3.75008rem
        }

        .pl-sm-6,.px-sm-6 {
            padding-left: 3.75008rem
        }

        .p-sm-7 {
            padding: calc(3.75008rem + 8rem)
        }

        .pt-sm-7,.py-sm-7 {
            padding-top: calc(3.75008rem + 8rem)
        }

        .pb-sm-7,.py-sm-7 {
            padding-bottom: calc(3.75008rem + 8rem)
        }

        .pr-sm-7,.px-sm-7 {
            padding-right: calc(3.75008rem + 8rem)
        }

        .pl-sm-7,.px-sm-7 {
            padding-left: calc(3.75008rem + 8rem)
        }

        .m-sm-auto {
            margin: auto
        }

        .mt-sm-auto,.my-sm-auto {
            margin-top: auto
        }

        .mr-sm-auto,.mx-sm-auto {
            margin-right: auto
        }

        .mb-sm-auto,.my-sm-auto {
            margin-bottom: auto
        }

        .ml-sm-auto,.mx-sm-auto {
            margin-left: auto
        }
    }

    @media (min-width: 768px) {
        .m-md-0 {
            margin:0
        }

        .mt-md-0,.my-md-0 {
            margin-top: 0
        }

        .mb-md-0,.my-md-0 {
            margin-bottom: 0
        }

        .mr-md-0,.mx-md-0 {
            margin-right: 0
        }

        .ml-md-0,.mx-md-0 {
            margin-left: 0
        }

        .mt-md-n0,.my-md-n0 {
            margin-top: calc(0 * -1)
        }

        .mb-md-n0,.my-md-n0 {
            margin-bottom: calc(0 * -1)
        }

        .mr-md-n0,.mx-md-n0 {
            margin-right: calc(0 * -1)
        }

        .ml-md-n0,.mx-md-n0 {
            margin-left: calc(0 * -1)
        }

        .m-md-1 {
            margin: .33334rem
        }

        .mt-md-1,.my-md-1 {
            margin-top: .33334rem
        }

        .mb-md-1,.my-md-1 {
            margin-bottom: .33334rem
        }

        .mr-md-1,.mx-md-1 {
            margin-right: .33334rem
        }

        .ml-md-1,.mx-md-1 {
            margin-left: .33334rem
        }

        .mt-md-n1,.my-md-n1 {
            margin-top: calc(.33334rem * -1)
        }

        .mb-md-n1,.my-md-n1 {
            margin-bottom: calc(.33334rem * -1)
        }

        .mr-md-n1,.mx-md-n1 {
            margin-right: calc(.33334rem * -1)
        }

        .ml-md-n1,.mx-md-n1 {
            margin-left: calc(.33334rem * -1)
        }

        .m-md-2 {
            margin: .66667rem
        }

        .mt-md-2,.my-md-2 {
            margin-top: .66667rem
        }

        .mb-md-2,.my-md-2 {
            margin-bottom: .66667rem
        }

        .mr-md-2,.mx-md-2 {
            margin-right: .66667rem
        }

        .ml-md-2,.mx-md-2 {
            margin-left: .66667rem
        }

        .mt-md-n2,.my-md-n2 {
            margin-top: calc(.66667rem * -1)
        }

        .mb-md-n2,.my-md-n2 {
            margin-bottom: calc(.66667rem * -1)
        }

        .mr-md-n2,.mx-md-n2 {
            margin-right: calc(.66667rem * -1)
        }

        .ml-md-n2,.mx-md-n2 {
            margin-left: calc(.66667rem * -1)
        }

        .m-md-3 {
            margin: 1rem
        }

        .mt-md-3,.my-md-3 {
            margin-top: 1rem
        }

        .mb-md-3,.my-md-3 {
            margin-bottom: 1rem
        }

        .mr-md-3,.mx-md-3 {
            margin-right: 1rem
        }

        .ml-md-3,.mx-md-3 {
            margin-left: 1rem
        }

        .mt-md-n3,.my-md-n3 {
            margin-top: calc(1rem * -1)
        }

        .mb-md-n3,.my-md-n3 {
            margin-bottom: calc(1rem * -1)
        }

        .mr-md-n3,.mx-md-n3 {
            margin-right: calc(1rem * -1)
        }

        .ml-md-n3,.mx-md-n3 {
            margin-left: calc(1rem * -1)
        }

        .m-md-4 {
            margin: 1.3334rem
        }

        .mt-md-4,.my-md-4 {
            margin-top: 1.3334rem
        }

        .mb-md-4,.my-md-4 {
            margin-bottom: 1.3334rem
        }

        .mr-md-4,.mx-md-4 {
            margin-right: 1.3334rem
        }

        .ml-md-4,.mx-md-4 {
            margin-left: 1.3334rem
        }

        .mt-md-n4,.my-md-n4 {
            margin-top: calc(1.3334rem * -1)
        }

        .mb-md-n4,.my-md-n4 {
            margin-bottom: calc(1.3334rem * -1)
        }

        .mr-md-n4,.mx-md-n4 {
            margin-right: calc(1.3334rem * -1)
        }

        .ml-md-n4,.mx-md-n4 {
            margin-left: calc(1.3334rem * -1)
        }

        .m-md-5 {
            margin: 2rem
        }

        .mt-md-5,.my-md-5 {
            margin-top: 2rem
        }

        .mb-md-5,.my-md-5 {
            margin-bottom: 2rem
        }

        .mr-md-5,.mx-md-5 {
            margin-right: 2rem
        }

        .ml-md-5,.mx-md-5 {
            margin-left: 2rem
        }

        .mt-md-n5,.my-md-n5 {
            margin-top: calc(2rem * -1)
        }

        .mb-md-n5,.my-md-n5 {
            margin-bottom: calc(2rem * -1)
        }

        .mr-md-n5,.mx-md-n5 {
            margin-right: calc(2rem * -1)
        }

        .ml-md-n5,.mx-md-n5 {
            margin-left: calc(2rem * -1)
        }

        .m-md-6 {
            margin: 3.75008rem
        }

        .mt-md-6,.my-md-6 {
            margin-top: 3.75008rem
        }

        .mb-md-6,.my-md-6 {
            margin-bottom: 3.75008rem
        }

        .mr-md-6,.mx-md-6 {
            margin-right: 3.75008rem
        }

        .ml-md-6,.mx-md-6 {
            margin-left: 3.75008rem
        }

        .mt-md-n6,.my-md-n6 {
            margin-top: calc(3.75008rem * -1)
        }

        .mb-md-n6,.my-md-n6 {
            margin-bottom: calc(3.75008rem * -1)
        }

        .mr-md-n6,.mx-md-n6 {
            margin-right: calc(3.75008rem * -1)
        }

        .ml-md-n6,.mx-md-n6 {
            margin-left: calc(3.75008rem * -1)
        }

        .m-md-7 {
            margin: calc(3.75008rem + 8rem)
        }

        .mt-md-7,.my-md-7 {
            margin-top: calc(3.75008rem + 8rem)
        }

        .mb-md-7,.my-md-7 {
            margin-bottom: calc(3.75008rem + 8rem)
        }

        .mr-md-7,.mx-md-7 {
            margin-right: calc(3.75008rem + 8rem)
        }

        .ml-md-7,.mx-md-7 {
            margin-left: calc(3.75008rem + 8rem)
        }

        .mt-md-n7,.my-md-n7 {
            margin-top: calc(calc(3.75008rem + 8rem) * -1)
        }

        .mb-md-n7,.my-md-n7 {
            margin-bottom: calc(calc(3.75008rem + 8rem) * -1)
        }

        .mr-md-n7,.mx-md-n7 {
            margin-right: calc(calc(3.75008rem + 8rem) * -1)
        }

        .ml-md-n7,.mx-md-n7 {
            margin-left: calc(calc(3.75008rem + 8rem) * -1)
        }

        .p-md-0 {
            padding: 0
        }

        .pt-md-0,.py-md-0 {
            padding-top: 0
        }

        .pb-md-0,.py-md-0 {
            padding-bottom: 0
        }

        .pr-md-0,.px-md-0 {
            padding-right: 0
        }

        .pl-md-0,.px-md-0 {
            padding-left: 0
        }

        .p-md-1 {
            padding: .33334rem
        }

        .pt-md-1,.py-md-1 {
            padding-top: .33334rem
        }

        .pb-md-1,.py-md-1 {
            padding-bottom: .33334rem
        }

        .pr-md-1,.px-md-1 {
            padding-right: .33334rem
        }

        .pl-md-1,.px-md-1 {
            padding-left: .33334rem
        }

        .p-md-2 {
            padding: .66667rem
        }

        .pt-md-2,.py-md-2 {
            padding-top: .66667rem
        }

        .pb-md-2,.py-md-2 {
            padding-bottom: .66667rem
        }

        .pr-md-2,.px-md-2 {
            padding-right: .66667rem
        }

        .pl-md-2,.px-md-2 {
            padding-left: .66667rem
        }

        .p-md-3 {
            padding: 1rem
        }

        .pt-md-3,.py-md-3 {
            padding-top: 1rem
        }

        .pb-md-3,.py-md-3 {
            padding-bottom: 1rem
        }

        .pr-md-3,.px-md-3 {
            padding-right: 1rem
        }

        .pl-md-3,.px-md-3 {
            padding-left: 1rem
        }

        .p-md-4 {
            padding: 1.3334rem
        }

        .pt-md-4,.py-md-4 {
            padding-top: 1.3334rem
        }

        .pb-md-4,.py-md-4 {
            padding-bottom: 1.3334rem
        }

        .pr-md-4,.px-md-4 {
            padding-right: 1.3334rem
        }

        .pl-md-4,.px-md-4 {
            padding-left: 1.3334rem
        }

        .p-md-5 {
            padding: 2rem
        }

        .pt-md-5,.py-md-5 {
            padding-top: 2rem
        }

        .pb-md-5,.py-md-5 {
            padding-bottom: 2rem
        }

        .pr-md-5,.px-md-5 {
            padding-right: 2rem
        }

        .pl-md-5,.px-md-5 {
            padding-left: 2rem
        }

        .p-md-6 {
            padding: 3.75008rem
        }

        .pt-md-6,.py-md-6 {
            padding-top: 3.75008rem
        }

        .pb-md-6,.py-md-6 {
            padding-bottom: 3.75008rem
        }

        .pr-md-6,.px-md-6 {
            padding-right: 3.75008rem
        }

        .pl-md-6,.px-md-6 {
            padding-left: 3.75008rem
        }

        .p-md-7 {
            padding: calc(3.75008rem + 8rem)
        }

        .pt-md-7,.py-md-7 {
            padding-top: calc(3.75008rem + 8rem)
        }

        .pb-md-7,.py-md-7 {
            padding-bottom: calc(3.75008rem + 8rem)
        }

        .pr-md-7,.px-md-7 {
            padding-right: calc(3.75008rem + 8rem)
        }

        .pl-md-7,.px-md-7 {
            padding-left: calc(3.75008rem + 8rem)
        }

        .m-md-auto {
            margin: auto
        }

        .mt-md-auto,.my-md-auto {
            margin-top: auto
        }

        .mr-md-auto,.mx-md-auto {
            margin-right: auto
        }

        .mb-md-auto,.my-md-auto {
            margin-bottom: auto
        }

        .ml-md-auto,.mx-md-auto {
            margin-left: auto
        }
    }

    @media (min-width: 992px) {
        .m-lg-0 {
            margin:0
        }

        .mt-lg-0,.my-lg-0 {
            margin-top: 0
        }

        .mb-lg-0,.my-lg-0 {
            margin-bottom: 0
        }

        .mr-lg-0,.mx-lg-0 {
            margin-right: 0
        }

        .ml-lg-0,.mx-lg-0 {
            margin-left: 0
        }

        .mt-lg-n0,.my-lg-n0 {
            margin-top: calc(0 * -1)
        }

        .mb-lg-n0,.my-lg-n0 {
            margin-bottom: calc(0 * -1)
        }

        .mr-lg-n0,.mx-lg-n0 {
            margin-right: calc(0 * -1)
        }

        .ml-lg-n0,.mx-lg-n0 {
            margin-left: calc(0 * -1)
        }

        .m-lg-1 {
            margin: .33334rem
        }

        .mt-lg-1,.my-lg-1 {
            margin-top: .33334rem
        }

        .mb-lg-1,.my-lg-1 {
            margin-bottom: .33334rem
        }

        .mr-lg-1,.mx-lg-1 {
            margin-right: .33334rem
        }

        .ml-lg-1,.mx-lg-1 {
            margin-left: .33334rem
        }

        .mt-lg-n1,.my-lg-n1 {
            margin-top: calc(.33334rem * -1)
        }

        .mb-lg-n1,.my-lg-n1 {
            margin-bottom: calc(.33334rem * -1)
        }

        .mr-lg-n1,.mx-lg-n1 {
            margin-right: calc(.33334rem * -1)
        }

        .ml-lg-n1,.mx-lg-n1 {
            margin-left: calc(.33334rem * -1)
        }

        .m-lg-2 {
            margin: .66667rem
        }

        .mt-lg-2,.my-lg-2 {
            margin-top: .66667rem
        }

        .mb-lg-2,.my-lg-2 {
            margin-bottom: .66667rem
        }

        .mr-lg-2,.mx-lg-2 {
            margin-right: .66667rem
        }

        .ml-lg-2,.mx-lg-2 {
            margin-left: .66667rem
        }

        .mt-lg-n2,.my-lg-n2 {
            margin-top: calc(.66667rem * -1)
        }

        .mb-lg-n2,.my-lg-n2 {
            margin-bottom: calc(.66667rem * -1)
        }

        .mr-lg-n2,.mx-lg-n2 {
            margin-right: calc(.66667rem * -1)
        }

        .ml-lg-n2,.mx-lg-n2 {
            margin-left: calc(.66667rem * -1)
        }

        .m-lg-3 {
            margin: 1rem
        }

        .mt-lg-3,.my-lg-3 {
            margin-top: 1rem
        }

        .mb-lg-3,.my-lg-3 {
            margin-bottom: 1rem
        }

        .mr-lg-3,.mx-lg-3 {
            margin-right: 1rem
        }

        .ml-lg-3,.mx-lg-3 {
            margin-left: 1rem
        }

        .mt-lg-n3,.my-lg-n3 {
            margin-top: calc(1rem * -1)
        }

        .mb-lg-n3,.my-lg-n3 {
            margin-bottom: calc(1rem * -1)
        }

        .mr-lg-n3,.mx-lg-n3 {
            margin-right: calc(1rem * -1)
        }

        .ml-lg-n3,.mx-lg-n3 {
            margin-left: calc(1rem * -1)
        }

        .m-lg-4 {
            margin: 1.3334rem
        }

        .mt-lg-4,.my-lg-4 {
            margin-top: 1.3334rem
        }

        .mb-lg-4,.my-lg-4 {
            margin-bottom: 1.3334rem
        }

        .mr-lg-4,.mx-lg-4 {
            margin-right: 1.3334rem
        }

        .ml-lg-4,.mx-lg-4 {
            margin-left: 1.3334rem
        }

        .mt-lg-n4,.my-lg-n4 {
            margin-top: calc(1.3334rem * -1)
        }

        .mb-lg-n4,.my-lg-n4 {
            margin-bottom: calc(1.3334rem * -1)
        }

        .mr-lg-n4,.mx-lg-n4 {
            margin-right: calc(1.3334rem * -1)
        }

        .ml-lg-n4,.mx-lg-n4 {
            margin-left: calc(1.3334rem * -1)
        }

        .m-lg-5 {
            margin: 2rem
        }

        .mt-lg-5,.my-lg-5 {
            margin-top: 2rem
        }

        .mb-lg-5,.my-lg-5 {
            margin-bottom: 2rem
        }

        .mr-lg-5,.mx-lg-5 {
            margin-right: 2rem
        }

        .ml-lg-5,.mx-lg-5 {
            margin-left: 2rem
        }

        .mt-lg-n5,.my-lg-n5 {
            margin-top: calc(2rem * -1)
        }

        .mb-lg-n5,.my-lg-n5 {
            margin-bottom: calc(2rem * -1)
        }

        .mr-lg-n5,.mx-lg-n5 {
            margin-right: calc(2rem * -1)
        }

        .ml-lg-n5,.mx-lg-n5 {
            margin-left: calc(2rem * -1)
        }

        .m-lg-6 {
            margin: 3.75008rem
        }

        .mt-lg-6,.my-lg-6 {
            margin-top: 3.75008rem
        }

        .mb-lg-6,.my-lg-6 {
            margin-bottom: 3.75008rem
        }

        .mr-lg-6,.mx-lg-6 {
            margin-right: 3.75008rem
        }

        .ml-lg-6,.mx-lg-6 {
            margin-left: 3.75008rem
        }

        .mt-lg-n6,.my-lg-n6 {
            margin-top: calc(3.75008rem * -1)
        }

        .mb-lg-n6,.my-lg-n6 {
            margin-bottom: calc(3.75008rem * -1)
        }

        .mr-lg-n6,.mx-lg-n6 {
            margin-right: calc(3.75008rem * -1)
        }

        .ml-lg-n6,.mx-lg-n6 {
            margin-left: calc(3.75008rem * -1)
        }

        .m-lg-7 {
            margin: calc(3.75008rem + 8rem)
        }

        .mt-lg-7,.my-lg-7 {
            margin-top: calc(3.75008rem + 8rem)
        }

        .mb-lg-7,.my-lg-7 {
            margin-bottom: calc(3.75008rem + 8rem)
        }

        .mr-lg-7,.mx-lg-7 {
            margin-right: calc(3.75008rem + 8rem)
        }

        .ml-lg-7,.mx-lg-7 {
            margin-left: calc(3.75008rem + 8rem)
        }

        .mt-lg-n7,.my-lg-n7 {
            margin-top: calc(calc(3.75008rem + 8rem) * -1)
        }

        .mb-lg-n7,.my-lg-n7 {
            margin-bottom: calc(calc(3.75008rem + 8rem) * -1)
        }

        .mr-lg-n7,.mx-lg-n7 {
            margin-right: calc(calc(3.75008rem + 8rem) * -1)
        }

        .ml-lg-n7,.mx-lg-n7 {
            margin-left: calc(calc(3.75008rem + 8rem) * -1)
        }

        .p-lg-0 {
            padding: 0
        }

        .pt-lg-0,.py-lg-0 {
            padding-top: 0
        }

        .pb-lg-0,.py-lg-0 {
            padding-bottom: 0
        }

        .pr-lg-0,.px-lg-0 {
            padding-right: 0
        }

        .pl-lg-0,.px-lg-0 {
            padding-left: 0
        }

        .p-lg-1 {
            padding: .33334rem
        }

        .pt-lg-1,.py-lg-1 {
            padding-top: .33334rem
        }

        .pb-lg-1,.py-lg-1 {
            padding-bottom: .33334rem
        }

        .pr-lg-1,.px-lg-1 {
            padding-right: .33334rem
        }

        .pl-lg-1,.px-lg-1 {
            padding-left: .33334rem
        }

        .p-lg-2 {
            padding: .66667rem
        }

        .pt-lg-2,.py-lg-2 {
            padding-top: .66667rem
        }

        .pb-lg-2,.py-lg-2 {
            padding-bottom: .66667rem
        }

        .pr-lg-2,.px-lg-2 {
            padding-right: .66667rem
        }

        .pl-lg-2,.px-lg-2 {
            padding-left: .66667rem
        }

        .p-lg-3 {
            padding: 1rem
        }

        .pt-lg-3,.py-lg-3 {
            padding-top: 1rem
        }

        .pb-lg-3,.py-lg-3 {
            padding-bottom: 1rem
        }

        .pr-lg-3,.px-lg-3 {
            padding-right: 1rem
        }

        .pl-lg-3,.px-lg-3 {
            padding-left: 1rem
        }

        .p-lg-4 {
            padding: 1.3334rem
        }

        .pt-lg-4,.py-lg-4 {
            padding-top: 1.3334rem
        }

        .pb-lg-4,.py-lg-4 {
            padding-bottom: 1.3334rem
        }

        .pr-lg-4,.px-lg-4 {
            padding-right: 1.3334rem
        }

        .pl-lg-4,.px-lg-4 {
            padding-left: 1.3334rem
        }

        .p-lg-5 {
            padding: 2rem
        }

        .pt-lg-5,.py-lg-5 {
            padding-top: 2rem
        }

        .pb-lg-5,.py-lg-5 {
            padding-bottom: 2rem
        }

        .pr-lg-5,.px-lg-5 {
            padding-right: 2rem
        }

        .pl-lg-5,.px-lg-5 {
            padding-left: 2rem
        }

        .p-lg-6 {
            padding: 3.75008rem
        }

        .pt-lg-6,.py-lg-6 {
            padding-top: 3.75008rem
        }

        .pb-lg-6,.py-lg-6 {
            padding-bottom: 3.75008rem
        }

        .pr-lg-6,.px-lg-6 {
            padding-right: 3.75008rem
        }

        .pl-lg-6,.px-lg-6 {
            padding-left: 3.75008rem
        }

        .p-lg-7 {
            padding: calc(3.75008rem + 8rem)
        }

        .pt-lg-7,.py-lg-7 {
            padding-top: calc(3.75008rem + 8rem)
        }

        .pb-lg-7,.py-lg-7 {
            padding-bottom: calc(3.75008rem + 8rem)
        }

        .pr-lg-7,.px-lg-7 {
            padding-right: calc(3.75008rem + 8rem)
        }

        .pl-lg-7,.px-lg-7 {
            padding-left: calc(3.75008rem + 8rem)
        }

        .m-lg-auto {
            margin: auto
        }

        .mt-lg-auto,.my-lg-auto {
            margin-top: auto
        }

        .mr-lg-auto,.mx-lg-auto {
            margin-right: auto
        }

        .mb-lg-auto,.my-lg-auto {
            margin-bottom: auto
        }

        .ml-lg-auto,.mx-lg-auto {
            margin-left: auto
        }
    }

    @media (min-width: 104px) {
        .m-xl-0 {
            margin:0
        }

        .mt-xl-0,.my-xl-0 {
            margin-top: 0
        }

        .mb-xl-0,.my-xl-0 {
            margin-bottom: 0
        }

        .mr-xl-0,.mx-xl-0 {
            margin-right: 0
        }

        .ml-xl-0,.mx-xl-0 {
            margin-left: 0
        }

        .mt-xl-n0,.my-xl-n0 {
            margin-top: calc(0 * -1)
        }

        .mb-xl-n0,.my-xl-n0 {
            margin-bottom: calc(0 * -1)
        }

        .mr-xl-n0,.mx-xl-n0 {
            margin-right: calc(0 * -1)
        }

        .ml-xl-n0,.mx-xl-n0 {
            margin-left: calc(0 * -1)
        }

        .m-xl-1 {
            margin: .33334rem
        }

        .mt-xl-1,.my-xl-1 {
            margin-top: .33334rem
        }

        .mb-xl-1,.my-xl-1 {
            margin-bottom: .33334rem
        }

        .mr-xl-1,.mx-xl-1 {
            margin-right: .33334rem
        }

        .ml-xl-1,.mx-xl-1 {
            margin-left: .33334rem
        }

        .mt-xl-n1,.my-xl-n1 {
            margin-top: calc(.33334rem * -1)
        }

        .mb-xl-n1,.my-xl-n1 {
            margin-bottom: calc(.33334rem * -1)
        }

        .mr-xl-n1,.mx-xl-n1 {
            margin-right: calc(.33334rem * -1)
        }

        .ml-xl-n1,.mx-xl-n1 {
            margin-left: calc(.33334rem * -1)
        }

        .m-xl-2 {
            margin: .66667rem
        }

        .mt-xl-2,.my-xl-2 {
            margin-top: .66667rem
        }

        .mb-xl-2,.my-xl-2 {
            margin-bottom: .66667rem
        }

        .mr-xl-2,.mx-xl-2 {
            margin-right: .66667rem
        }

        .ml-xl-2,.mx-xl-2 {
            margin-left: .66667rem
        }

        .mt-xl-n2,.my-xl-n2 {
            margin-top: calc(.66667rem * -1)
        }

        .mb-xl-n2,.my-xl-n2 {
            margin-bottom: calc(.66667rem * -1)
        }

        .mr-xl-n2,.mx-xl-n2 {
            margin-right: calc(.66667rem * -1)
        }

        .ml-xl-n2,.mx-xl-n2 {
            margin-left: calc(.66667rem * -1)
        }

        .m-xl-3 {
            margin: 1rem
        }

        .mt-xl-3,.my-xl-3 {
            margin-top: 1rem
        }

        .mb-xl-3,.my-xl-3 {
            margin-bottom: 1rem
        }

        .mr-xl-3,.mx-xl-3 {
            margin-right: 1rem
        }

        .ml-xl-3,.mx-xl-3 {
            margin-left: 1rem
        }

        .mt-xl-n3,.my-xl-n3 {
        }

        .mb-xl-n3,.my-xl-n3 {
            margin-bottom: calc(1rem * -1)
        }

        .mr-xl-n3,.mx-xl-n3 {
            margin-right: calc(1rem * -1)
        }

        .ml-xl-n3,.mx-xl-n3 {
            margin-left: calc(1rem * -1)
        }

        .m-xl-4 {
            margin: 1.3334rem
        }

        .mt-xl-4,.my-xl-4 {
            margin-top: 1.3334rem
        }

        .mb-xl-4,.my-xl-4 {
            margin-bottom: 1.3334rem
        }

        .mr-xl-4,.mx-xl-4 {
            margin-right: 1.3334rem
        }

        .ml-xl-4,.mx-xl-4 {
            margin-left: 1.3334rem
        }

        .mt-xl-n4,.my-xl-n4 {
            margin-top: calc(1.3334rem * -1)
        }

        .mb-xl-n4,.my-xl-n4 {
            margin-bottom: calc(1.3334rem * -1)
        }

        .mr-xl-n4,.mx-xl-n4 {
            margin-right: calc(1.3334rem * -1)
        }

        .ml-xl-n4,.mx-xl-n4 {
            margin-left: calc(1.3334rem * -1)
        }

        .m-xl-5 {
            margin: 2rem
        }

        .mt-xl-5,.my-xl-5 {
            margin-top: 2rem
        }

        .mb-xl-5,.my-xl-5 {
            margin-bottom: 2rem
        }

        .mr-xl-5,.mx-xl-5 {
            margin-right: 2rem
        }

        .ml-xl-5,.mx-xl-5 {
            margin-left: 2rem
        }

        .mt-xl-n5,.my-xl-n5 {
            margin-top: calc(2rem * -1)
        }

        .mb-xl-n5,.my-xl-n5 {
            margin-bottom: calc(2rem * -1)
        }

        .mr-xl-n5,.mx-xl-n5 {
            margin-right: calc(2rem * -1)
        }

        .ml-xl-n5,.mx-xl-n5 {
            margin-left: calc(2rem * -1)
        }

        .m-xl-6 {
            margin: 3.75008rem
        }

        .mt-xl-6,.my-xl-6 {
            margin-top: 3.75008rem
        }

        .mb-xl-6,.my-xl-6 {
            margin-bottom: 3.75008rem
        }

        .mr-xl-6,.mx-xl-6 {
            margin-right: 3.75008rem
        }

        .ml-xl-6,.mx-xl-6 {
            margin-left: 3.75008rem
        }

        .mt-xl-n6,.my-xl-n6 {
            margin-top: calc(3.75008rem * -1)
        }

        .mb-xl-n6,.my-xl-n6 {
            margin-bottom: calc(3.75008rem * -1)
        }

        .mr-xl-n6,.mx-xl-n6 {
            margin-right: calc(3.75008rem * -1)
        }

        .ml-xl-n6,.mx-xl-n6 {
            margin-left: calc(3.75008rem * -1)
        }

        .m-xl-7 {
            margin: calc(3.75008rem + 8rem)
        }

        .mt-xl-7,.my-xl-7 {
            margin-top: calc(3.75008rem + 8rem)
        }

        .mb-xl-7,.my-xl-7 {
            margin-bottom: calc(3.75008rem + 8rem)
        }

        .mr-xl-7,.mx-xl-7 {
            margin-right: calc(3.75008rem + 8rem)
        }

        .ml-xl-7,.mx-xl-7 {
            margin-left: calc(3.75008rem + 8rem)
        }

        .mt-xl-n7,.my-xl-n7 {
            margin-top: calc(calc(3.75008rem + 8rem) * -1)
        }

        .mb-xl-n7,.my-xl-n7 {
            margin-bottom: calc(calc(3.75008rem + 8rem) * -1)
        }

        .mr-xl-n7,.mx-xl-n7 {
            margin-right: calc(calc(3.75008rem + 8rem) * -1)
        }

        .ml-xl-n7,.mx-xl-n7 {
            margin-left: calc(calc(3.75008rem + 8rem) * -1)
        }

        .p-xl-0 {
            padding: 0
        }

        .pt-xl-0,.py-xl-0 {
            padding-top: 0
        }

        .pb-xl-0,.py-xl-0 {
            padding-bottom: 0
        }

        .pr-xl-0,.px-xl-0 {
            padding-right: 0
        }

        .pl-xl-0,.px-xl-0 {
            padding-left: 0
        }

        .p-xl-1 {
            padding: .33334rem
        }

        .pt-xl-1,.py-xl-1 {
            padding-top: .33334rem
        }

        .pb-xl-1,.py-xl-1 {
            padding-bottom: .33334rem
        }

        .pr-xl-1,.px-xl-1 {
            padding-right: .33334rem
        }

        .pl-xl-1,.px-xl-1 {
            padding-left: .33334rem
        }

        .p-xl-2 {
            padding: .66667rem
        }

        .pt-xl-2,.py-xl-2 {
            padding-top: .66667rem
        }

        .pb-xl-2,.py-xl-2 {
            padding-bottom: .66667rem
        }

        .pr-xl-2,.px-xl-2 {
            padding-right: .66667rem
        }

        .pl-xl-2,.px-xl-2 {
            padding-left: .66667rem
        }

        .p-xl-3 {
            padding: 1rem
        }

        .pt-xl-3,.py-xl-3 {
            padding-top: 1rem
        }

        .pb-xl-3,.py-xl-3 {
            padding-bottom: 1rem
        }

        .pr-xl-3,.px-xl-3 {
            padding-right: 1rem
        }

        .pl-xl-3,.px-xl-3 {
            padding-left: 1rem
        }

        .p-xl-4 {
            padding: 1.3334rem
        }

        .pt-xl-4,.py-xl-4 {
            padding-top: 1.3334rem
        }

        .pb-xl-4,.py-xl-4 {
            padding-bottom: 1.3334rem
        }

        .pr-xl-4,.px-xl-4 {
            padding-right: 1.3334rem
        }

        .pl-xl-4,.px-xl-4 {
            padding-left: 1.3334rem
        }

        .p-xl-5 {
            padding: 2rem
        }

        .pt-xl-5,.py-xl-5 {
            padding-top: 2rem
        }

        .pb-xl-5,.py-xl-5 {
            padding-bottom: 2rem
        }

        .pr-xl-5,.px-xl-5 {
            padding-right: 2rem
        }

        .pl-xl-5,.px-xl-5 {
            padding-left: 2rem
        }

        .p-xl-6 {
            padding: 3.75008rem
        }

        .pt-xl-6,.py-xl-6 {
            padding-top: 3.75008rem
        }

        .pb-xl-6,.py-xl-6 {
            padding-bottom: 3.75008rem
        }

        .pr-xl-6,.px-xl-6 {
            padding-right: 3.75008rem
        }

        .pl-xl-6,.px-xl-6 {
            padding-left: 3.75008rem
        }

        .p-xl-7 {
            padding: calc(3.75008rem + 8rem)
        }

        .pt-xl-7,.py-xl-7 {
            padding-top: calc(3.75008rem + 8rem)
        }

        .pb-xl-7,.py-xl-7 {
            padding-bottom: calc(3.75008rem + 8rem)
        }

        .pr-xl-7,.px-xl-7 {
            padding-right: calc(3.75008rem + 8rem)
        }

        .pl-xl-7,.px-xl-7 {
            padding-left: calc(3.75008rem + 8rem)
        }

        .m-xl-auto {
            margin: auto
        }

        .mt-xl-auto,.my-xl-auto {
            margin-top: auto
        }

        .mr-xl-auto,.mx-xl-auto {
            margin-right: auto
        }

        .mb-xl-auto,.my-xl-auto {
            margin-bottom: auto
        }

        .ml-xl-auto,.mx-xl-auto {
            margin-left: auto
        }
    }

    @media (min-width: 1502px) {
        .m-xxl-0 {
            margin:0
        }

        .mt-xxl-0,.my-xxl-0 {
            margin-top: 0
        }

        .mb-xxl-0,.my-xxl-0 {
            margin-bottom: 0
        }

        .mr-xxl-0,.mx-xxl-0 {
            margin-right: 0
        }

        .ml-xxl-0,.mx-xxl-0 {
            margin-left: 0
        }

        .mt-xxl-n0,.my-xxl-n0 {
            margin-top: calc(0 * -1)
        }

        .mb-xxl-n0,.my-xxl-n0 {
            margin-bottom: calc(0 * -1)
        }

        .mr-xxl-n0,.mx-xxl-n0 {
            margin-right: calc(0 * -1)
        }

        .ml-xxl-n0,.mx-xxl-n0 {
            margin-left: calc(0 * -1)
        }

        .m-xxl-1 {
            margin: .33334rem
        }

        .mt-xxl-1,.my-xxl-1 {
            margin-top: .33334rem
        }

        .mb-xxl-1,.my-xxl-1 {
            margin-bottom: .33334rem
        }

        .mr-xxl-1,.mx-xxl-1 {
            margin-right: .33334rem
        }

        .ml-xxl-1,.mx-xxl-1 {
            margin-left: .33334rem
        }

        .mt-xxl-n1,.my-xxl-n1 {
            margin-top: calc(.33334rem * -1)
        }

        .mb-xxl-n1,.my-xxl-n1 {
            margin-bottom: calc(.33334rem * -1)
        }

        .mr-xxl-n1,.mx-xxl-n1 {
            margin-right: calc(.33334rem * -1)
        }

        .ml-xxl-n1,.mx-xxl-n1 {
            margin-left: calc(.33334rem * -1)
        }

        .m-xxl-2 {
            margin: .66667rem
        }

        .mt-xxl-2,.my-xxl-2 {
            margin-top: .66667rem
        }

        .mb-xxl-2,.my-xxl-2 {
            margin-bottom: .66667rem
        }

        .mr-xxl-2,.mx-xxl-2 {
            margin-right: .66667rem
        }

        .ml-xxl-2,.mx-xxl-2 {
            margin-left: .66667rem
        }

        .mt-xxl-n2,.my-xxl-n2 {
            margin-top: calc(.66667rem * -1)
        }

        .mb-xxl-n2,.my-xxl-n2 {
            margin-bottom: calc(.66667rem * -1)
        }

        .mr-xxl-n2,.mx-xxl-n2 {
            margin-right: calc(.66667rem * -1)
        }

        .ml-xxl-n2,.mx-xxl-n2 {
            margin-left: calc(.66667rem * -1)
        }

        .m-xxl-3 {
            margin: 1rem
        }

        .mt-xxl-3,.my-xxl-3 {
            margin-top: 1rem
        }

        .mb-xxl-3,.my-xxl-3 {
            margin-bottom: 1rem
        }

        .mr-xxl-3,.mx-xxl-3 {
            margin-right: 1rem
        }

        .ml-xxl-3,.mx-xxl-3 {
            margin-left: 1rem
        }

        .mt-xxl-n3,.my-xxl-n3 {
            margin-top: calc(1rem * -1)
        }

        .mb-xxl-n3,.my-xxl-n3 {
            margin-bottom: calc(1rem * -1)
        }

        .mr-xxl-n3,.mx-xxl-n3 {
            margin-right: calc(1rem * -1)
        }

        .ml-xxl-n3,.mx-xxl-n3 {
            margin-left: calc(1rem * -1)
        }

        .m-xxl-4 {
            margin: 1.3334rem
        }

        .mt-xxl-4,.my-xxl-4 {
            margin-top: 1.3334rem
        }

        .mb-xxl-4,.my-xxl-4 {
            margin-bottom: 1.3334rem
        }

        .mr-xxl-4,.mx-xxl-4 {
            margin-right: 1.3334rem
        }

        .ml-xxl-4,.mx-xxl-4 {
            margin-left: 1.3334rem
        }

        .mt-xxl-n4,.my-xxl-n4 {
            margin-top: calc(1.3334rem * -1)
        }

        .mb-xxl-n4,.my-xxl-n4 {
            margin-bottom: calc(1.3334rem * -1)
        }

        .mr-xxl-n4,.mx-xxl-n4 {
            margin-right: calc(1.3334rem * -1)
        }

        .ml-xxl-n4,.mx-xxl-n4 {
            margin-left: calc(1.3334rem * -1)
        }

        .m-xxl-5 {
            margin: 2rem
        }

        .mt-xxl-5,.my-xxl-5 {
            margin-top: 2rem
        }

        .mb-xxl-5,.my-xxl-5 {
            margin-bottom: 2rem
        }

        .mr-xxl-5,.mx-xxl-5 {
            margin-right: 2rem
        }

        .ml-xxl-5,.mx-xxl-5 {
            margin-left: 2rem
        }

        .mt-xxl-n5,.my-xxl-n5 {
            margin-top: calc(2rem * -1)
        }

        .mb-xxl-n5,.my-xxl-n5 {
            margin-bottom: calc(2rem * -1)
        }

        .mr-xxl-n5,.mx-xxl-n5 {
            margin-right: calc(2rem * -1)
        }

        .ml-xxl-n5,.mx-xxl-n5 {
            margin-left: calc(2rem * -1)
        }

        .m-xxl-6 {
            margin: 3.75008rem
        }

        .mt-xxl-6,.my-xxl-6 {
            margin-top: 3.75008rem
        }

        .mb-xxl-6,.my-xxl-6 {
            margin-bottom: 3.75008rem
        }

        .mr-xxl-6,.mx-xxl-6 {
            margin-right: 3.75008rem
        }

        .ml-xxl-6,.mx-xxl-6 {
            margin-left: 3.75008rem
        }

        .mt-xxl-n6,.my-xxl-n6 {
            margin-top: calc(3.75008rem * -1)
        }

        .mb-xxl-n6,.my-xxl-n6 {
            margin-bottom: calc(3.75008rem * -1)
        }

        .mr-xxl-n6,.mx-xxl-n6 {
            margin-right: calc(3.75008rem * -1)
        }

        .ml-xxl-n6,.mx-xxl-n6 {
            margin-left: calc(3.75008rem * -1)
        }

        .m-xxl-7 {
            margin: calc(3.75008rem + 8rem)
        }

        .mt-xxl-7,.my-xxl-7 {
            margin-top: calc(3.75008rem + 8rem)
        }

        .mb-xxl-7,.my-xxl-7 {
            margin-bottom: calc(3.75008rem + 8rem)
        }

        .mr-xxl-7,.mx-xxl-7 {
            margin-right: calc(3.75008rem + 8rem)
        }

        .ml-xxl-7,.mx-xxl-7 {
            margin-left: calc(3.75008rem + 8rem)
        }

        .mt-xxl-n7,.my-xxl-n7 {
            margin-top: calc(calc(3.75008rem + 8rem) * -1)
        }

        .mb-xxl-n7,.my-xxl-n7 {
            margin-bottom: calc(calc(3.75008rem + 8rem) * -1)
        }

        .mr-xxl-n7,.mx-xxl-n7 {
            margin-right: calc(calc(3.75008rem + 8rem) * -1)
        }

        .ml-xxl-n7,.mx-xxl-n7 {
            margin-left: calc(calc(3.75008rem + 8rem) * -1)
        }

        .p-xxl-0 {
            padding: 0
        }

        .pt-xxl-0,.py-xxl-0 {
            padding-top: 0
        }

        .pb-xxl-0,.py-xxl-0 {
            padding-bottom: 0
        }

        .pr-xxl-0,.px-xxl-0 {
            padding-right: 0
        }

        .pl-xxl-0,.px-xxl-0 {
            padding-left: 0
        }

        .p-xxl-1 {
            padding: .33334rem
        }

        .pt-xxl-1,.py-xxl-1 {
            padding-top: .33334rem
        }

        .pb-xxl-1,.py-xxl-1 {
            padding-bottom: .33334rem
        }

        .pr-xxl-1,.px-xxl-1 {
            padding-right: .33334rem
        }

        .pl-xxl-1,.px-xxl-1 {
            padding-left: .33334rem
        }

        .p-xxl-2 {
            padding: .66667rem
        }

        .pt-xxl-2,.py-xxl-2 {
            padding-top: .66667rem
        }

        .pb-xxl-2,.py-xxl-2 {
            padding-bottom: .66667rem
        }

        .pr-xxl-2,.px-xxl-2 {
            padding-right: .66667rem
        }

        .pl-xxl-2,.px-xxl-2 {
            padding-left: .66667rem
        }

        .p-xxl-3 {
            padding: 1rem
        }

        .pt-xxl-3,.py-xxl-3 {
            padding-top: 1rem
        }

        .pb-xxl-3,.py-xxl-3 {
            padding-bottom: 1rem
        }

        .pr-xxl-3,.px-xxl-3 {
            padding-right: 1rem
        }

        .pl-xxl-3,.px-xxl-3 {
            padding-left: 1rem
        }

        .p-xxl-4 {
            padding: 1.3334rem
        }

        .pt-xxl-4,.py-xxl-4 {
            padding-top: 1.3334rem
        }

        .pb-xxl-4,.py-xxl-4 {
            padding-bottom: 1.3334rem
        }

        .pr-xxl-4,.px-xxl-4 {
            padding-right: 1.3334rem
        }

        .pl-xxl-4,.px-xxl-4 {
            padding-left: 1.3334rem
        }

        .p-xxl-5 {
            padding: 2rem
        }

        .pt-xxl-5,.py-xxl-5 {
            padding-top: 2rem
        }

        .pb-xxl-5,.py-xxl-5 {
            padding-bottom: 2rem
        }

        .pr-xxl-5,.px-xxl-5 {
            padding-right: 2rem
        }

        .pl-xxl-5,.px-xxl-5 {
            padding-left: 2rem
        }

        .p-xxl-6 {
            padding: 3.75008rem
        }

        .pt-xxl-6,.py-xxl-6 {
            padding-top: 3.75008rem
        }

        .pb-xxl-6,.py-xxl-6 {
            padding-bottom: 3.75008rem
        }

        .pr-xxl-6,.px-xxl-6 {
            padding-right: 3.75008rem
        }

        .pl-xxl-6,.px-xxl-6 {
            padding-left: 3.75008rem
        }

        .p-xxl-7 {
            padding: calc(3.75008rem + 8rem)
        }

        .pt-xxl-7,.py-xxl-7 {
            padding-top: calc(3.75008rem + 8rem)
        }

        .pb-xxl-7,.py-xxl-7 {
            padding-bottom: calc(3.75008rem + 8rem)
        }

        .pr-xxl-7,.px-xxl-7 {
            padding-right: calc(3.75008rem + 8rem)
        }

        .pl-xxl-7,.px-xxl-7 {
            padding-left: calc(3.75008rem + 8rem)
        }

        .m-xxl-auto {
            margin: auto
        }

        .mt-xxl-auto,.my-xxl-auto {
            margin-top: auto
        }

        .mr-xxl-auto,.mx-xxl-auto {
            margin-right: auto
        }

        .mb-xxl-auto,.my-xxl-auto {
            margin-bottom: auto
        }

        .ml-xxl-auto,.mx-xxl-auto {
            margin-left: auto
        }
    }
}

@layer modules {
    .fs-v {
        font-size: 1em
    }

    [style*="font-size: 8pt"] {
        font-size: 85% !important
    }

    [style*="font-size: 10pt"] {
        font-size: 95% !important
    }

    [style*="font-size: 12pt"] {
        font-size: 105% !important
    }

    [style*="font-size: 14pt"] {
        font-size: 115% !important
    }

    [style*="font-size: 18pt"] {
        font-size: 135% !important
    }

    [style*="font-size: 24pt"] {
        font-size: 165% !important
    }

    [style*="font-size: 36pt"] {
        font-size: 225% !important
    }

    @media (min-width: 1204px) {
        .rem,.rem-col>* {
            font-size:1rem
        }
    }

    .rem-2 {
        font-size: .875rem
    }

    .rem-3 {
        font-size: 1rem
    }

    .rem-4 {
        font-size: 1.125rem
    }

    .fw {
        font-weight: 600
    }

    .lh-n {
        line-height: 0
    }

    .ta-r-v {
        text-align: right
    }

    .ta-c-v {
        text-align: center
    }

    .ta-c-vc {
        text-align: center
    }

    @media (min-width: 576px) {
        .ta-sm-r-v {
            text-align:right
        }

        .ta-sm-c-v {
            text-align: center
        }

        .ta-sm-c-vc {
            text-align: center
        }
    }

    @media (min-width: 768px) {
        .ta-md-r-v {
            text-align:right
        }

        .ta-md-c-v {
            text-align: center
        }

        .ta-md-c-vc {
            text-align: center
        }
    }

    @media (min-width: 992px) {
        .ta-lg-r-v {
            text-align:right
        }

        .ta-lg-c-v {
            text-align: center
        }

        .ta-lg-c-vc {
            text-align: center
        }
    }

    @media (min-width: 1204px) {
        .ta-xl-r-v {
            text-align:right
        }

        .ta-xl-c-v {
            text-align: center
        }

        .ta-xl-c-vc {
            text-align: center
        }
    }

    @media (min-width: 1502px) {
        .ta-xxl-r-v {
            text-align:right
        }

        .ta-xxl-c-v {
            text-align: center
        }

        .ta-xxl-c-vc {
            text-align: center
        }
    }
}

@layer utilities {
    .ta-c {
        text-align: center
    }

    .ta-l {
        text-align: left
    }

    .ta-r {
        text-align: right
    }

    .ta-j {
        text-align: justify
    }

    @media (min-width: 576px) {
        .ta-sm-c {
            text-align:center
        }

        .ta-sm-l {
            text-align: left
        }

        .ta-sm-r {
            text-align: right
        }

        .ta-sm-j {
            text-align: justify
        }
    }

    @media (min-width: 768px) {
        .ta-md-c {
            text-align:center
        }

        .ta-md-l {
            text-align: left
        }

        .ta-md-r {
            text-align: right
        }

        .ta-md-j {
            text-align: justify
        }
    }

    @media (min-width: 992px) {
        .ta-lg-c {
            text-align:center
        }

        .ta-lg-l {
            text-align: left
        }

        .ta-lg-r {
            text-align: right
        }

        .ta-lg-j {
            text-align: justify
        }
    }

    @media (min-width: 1204px) {
        .ta-xl-c {
            text-align:center
        }

        .ta-xl-l {
            text-align: left
        }

        .ta-xl-r {
            text-align: right
        }

        .ta-xl-j {
            text-align: justify
        }
    }

    @media (min-width: 1502px) {
        .ta-xxl-c {
            text-align:center
        }

        .ta-xxl-l {
            text-align: left
        }

        .ta-xxl-r {
            text-align: right
        }

        .ta-xxl-j {
            text-align: justify
        }
    }

    .fs-0 {
        font-size: 0
    }

    .fs-1 {
        font-size: .815em
    }

    .fs-2 {
        font-size: .875em
    }

    .fs-3 {
        font-size: 1em
    }

    .fs-4 {
        font-size: 1.125em
    }

    .fs-5 {
        font-size: 1.5em
    }

    .fs-6 {
        font-size: 2em
    }

    .fs-7 {
        font-size: 3em
    }

    .fs-8 {
        font-size: 4em
    }

    .fs-9 {
        font-size: 6em
    }

    .fs-10 {
        font-size: 8em
    }

    @media (min-width: 576px) {
        .fs-sm-0 {
            font-size:0
        }

        .fs-sm-1 {
            font-size: .815em
        }

        .fs-sm-2 {
            font-size: .875em
        }

        .fs-sm-3 {
            font-size: 1em
        }

        .fs-sm-4 {
            font-size: 1.125em
        }

        .fs-sm-5 {
            font-size: 1.5em
        }

        .fs-sm-6 {
            font-size: 2em
        }

        .fs-sm-7 {
            font-size: 3em
        }

        .fs-sm-8 {
            font-size: 4em
        }

        .fs-sm-9 {
            font-size: 6em
        }

        .fs-sm-10 {
            font-size: 8em
        }
    }

    @media (min-width: 768px) {
        .fs-md-0 {
            font-size:0
        }

        .fs-md-1 {
            font-size: .815em
        }

        .fs-md-2 {
            font-size: .875em
        }

        .fs-md-3 {
            font-size: 1em
        }

        .fs-md-4 {
            font-size: 1.125em
        }

        .fs-md-5 {
            font-size: 1.5em
        }

        .fs-md-6 {
            font-size: 2em
        }

        .fs-md-7 {
            font-size: 3em
        }

        .fs-md-8 {
            font-size: 4em
        }

        .fs-md-9 {
            font-size: 6em
        }

        .fs-md-10 {
            font-size: 8em
        }
    }

    @media (min-width: 992px) {
        .fs-lg-0 {
            font-size:0
        }

        .fs-lg-1 {
            font-size: .815em
        }

        .fs-lg-2 {
            font-size: .875em
        }

        .fs-lg-3 {
            font-size: 1em
        }

        .fs-lg-4 {
            font-size: 1.125em
        }

        .fs-lg-5 {
            font-size: 1.5em
        }

        .fs-lg-6 {
            font-size: 2em
        }

        .fs-lg-7 {
            font-size: 3em
        }

        .fs-lg-8 {
            font-size: 4em
        }

        .fs-lg-9 {
            font-size: 6em
        }

        .fs-lg-10 {
            font-size: 8em
        }
    }

    @media (min-width: 1204px) {
        .fs-xl-0 {
            font-size:0
        }

        .fs-xl-1 {
            font-size: .815em
        }

        .fs-xl-2 {
            font-size: .875em
        }

        .fs-xl-3 {
            font-size: 1em
        }

        .fs-xl-4 {
            font-size: 1.125em
        }

        .fs-xl-5 {
            font-size: 1.5em
        }

        .fs-xl-6 {
            font-size: 2em
        }

        .fs-xl-7 {
            font-size: 3em
        }

        .fs-xl-8 {
            font-size: 4em
        }

        .fs-xl-9 {
            font-size: 6em
        }

        .fs-xl-10 {
            font-size: 8em
        }
    }

    @media (min-width: 1502px) {
        .fs-xxl-0 {
            font-size:0
        }

        .fs-xxl-1 {
            font-size: .815em
        }

        .fs-xxl-2 {
            font-size: .875em
        }

        .fs-xxl-3 {
            font-size: 1em
        }

        .fs-xxl-4 {
            font-size: 1.125em
        }

        .fs-xxl-5 {
            font-size: 1.5em
        }

        .fs-xxl-6 {
            font-size: 2em
        }

        .fs-xxl-7 {
            font-size: 3em
        }

        .fs-xxl-8 {
            font-size: 4em
        }

        .fs-xxl-9 {
            font-size: 6em
        }

        .fs-xxl-10 {
            font-size: 8em
        }
    }

    .fs-inh {
        font-size: inherit
    }

    .fw-l {
        font-weight: 300
    }

    .fw-r {
        font-weight: 400
    }

    .fw-m {
        font-weight: 500
    }

    .fw-b {
        font-weight: 600
    }

    .fw-br {
        font-weight: 800
    }

    .italic {
        font-style: italic
    }

    .lh-0 {
        line-height: 1em
    }

    .lh-xs {
        line-height: 1.2
    }

    .lh-sm {
        line-height: 1.3
    }

    .lh-md {
        line-height: 1.44
    }

    .lh-lg {
        line-height: 1.6
    }

    .lh-xl {
        line-height: 1.75
    }

    .lh-xxl {
        line-height: 2
    }

    .td-lt {
        text-decoration: line-through
    }

    .td-u {
        text-decoration: underline
    }

    .td-n {
        text-decoration: none
    }

    .tt-l {
        text-transform: lowercase
    }

    .tt-u {
        text-transform: uppercase
    }

    .tt-c {
        text-transform: capitalize
    }

    .bw-y {
        word-break: break-word
    }

    .bw-n {
        word-break: normal
    }

    .ws-n {
        white-space: nowrap
    }

    .ws-w {
        white-space: normal
    }

    .ws-t {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .c-pr {
        color: #354e31
    }

    .c-pr::placeholder {
        color: rgba(53,78,49,0.5)
    }

    a.c-pr: hover,a.c-pr:focus {
        color:#151f14
    }

    .b.bg-pr .c-pr {
        color: #6a9d62
    }

    .c-de {
        color: #ecf4eb
    }

    .c-de::placeholder {
        color: rgba(236,244,235,0.5)
    }

    a.c-de: hover,a.c-de:focus {
        color:#bed9ba
    }

    .c-se {
        color: #4f661a
    }

    .c-se::placeholder {
        color: rgba(79,102,26,0.5)
    }

    a.c-se: hover,a.c-se:focus {
        color:#20290a
    }

    .b.bg-se .c-se {
        color: #9ecc33
    }

    .c-des {
        color: #f4fbe4
    }

    .c-des::placeholder {
        color: rgba(244,251,228,0.5)
    }

    a.c-des: hover,a.c-des:focus {
        color:#d9f1a2
    }

    .c-wh {
        color: #fff
    }

    .c-wh::placeholder {
        color: rgba(255,255,255,0.5)
    }

    a.c-wh: hover,a.c-wh:focus {
        color:#d9d9d9
    }

    .c-su {
        color: #1abc9c
    }

    .c-su::placeholder {
        color: rgba(26,188,156,0.5)
    }

    a.c-su: hover,a.c-su:focus {
        color:#117964
    }

    .c-da {
        color: #dc3545
    }

    .c-da::placeholder {
        color: rgba(220,53,69,0.5)
    }

    a.c-da: hover,a.c-da:focus {
        color:#a71d2a
    }

    .c-wa {
        color: #ffc107
    }

    .c-wa::placeholder {
        color: rgba(255,193,7,0.5)
    }

    a.c-wa: hover,a.c-wa:focus {
        color:#ba8b00
    }

    .c-in {
        color: #14aac8
    }

    .c-in::placeholder {
        color: rgba(20,170,200,0.5)
    }

    a.c-in: hover,a.c-in:focus {
        color:#0d6f82
    }

    .c-bl {
        color: #000
    }

    .c-bl::placeholder {
        color: rgba(0,0,0,0.5)
    }

    a.c-bl: hover,a.c-bl:focus {
        color:#000
    }

    [class^="c-"] a: not([class^="c-"]):not([class*=" c-"]):not(.btn):not(.badge),[class^="c-"] .a,[class*=" c-"] a:not([class^="c-"]):not([class*=" c-"]):not(.btn):not(.badge),[class*=" c-"] .a {
        color:inherit
    }

    .c-inh {
        color: inherit
    }
}

@layer utilities {
    .bg-de.ou {
        box-shadow: inset 0 0 0 2px #ecf4eb
    }

    .bg-de.ou:not(:hover:is(.btn)) {
        color: #ecf4eb
    }

    .bg-de.ou:hover:is(.btn) {
        background-color: #ecf4eb
    }

    .bg-des.ou {
        box-shadow: inset 0 0 0 2px #f4fbe4
    }

    .bg-des.ou:not(:hover:is(.btn)) {
        color: #f4fbe4
    }

    .bg-des.ou:hover:is(.btn) {
        background-color: #f4fbe4
    }

    .bg-pr.ou {
        box-shadow: inset 0 0 0 2px #3a5636
    }

    .bg-pr.ou:not(:hover:is(.btn)) {
        color: #3a5636
    }

    .bg-pr.ou:hover:is(.btn) {
        background-color: #3a5636
    }

    .bg-se.ou {
        box-shadow: inset 0 0 0 2px #88b02c
    }

    .bg-se.ou:not(:hover:is(.btn)) {
        color: #88b02c
    }

    .bg-se.ou:hover:is(.btn) {
        background-color: #88b02c
    }

    .bg-su.ou {
        box-shadow: inset 0 0 0 2px #1abc9c
    }

    .bg-su.ou:not(:hover:is(.btn)) {
        color: #1abc9c
    }

    .bg-su.ou:hover:is(.btn) {
        background-color: #1abc9c
    }

    .bg-in.ou {
        box-shadow: inset 0 0 0 2px #14aac8
    }

    .bg-in.ou:not(:hover:is(.btn)) {
        color: #14aac8
    }

    .bg-in.ou:hover:is(.btn) {
        background-color: #14aac8
    }

    .bg-wa.ou {
        box-shadow: inset 0 0 0 2px #ffc107
    }

    .bg-wa.ou:not(:hover:is(.btn)) {
        color: #ffc107
    }

    .bg-wa.ou:hover:is(.btn) {
        background-color: #ffc107
    }

    .bg-da.ou {
        box-shadow: inset 0 0 0 2px #dc3545
    }

    .bg-da.ou:not(:hover:is(.btn)) {
        color: #dc3545
    }

    .bg-da.ou:hover:is(.btn) {
        background-color: #dc3545
    }

    .bg-wh.ou {
        box-shadow: inset 0 0 0 2px #fff
    }

    .bg-wh.ou:not(:hover:is(.btn)) {
        color: #fff
    }

    .bg-wh.ou:hover:is(.btn) {
        background-color: #fff
    }

    .ou {
        border-width: 0
    }

    .ou:not(:hover:is(.btn)) {
        background: none
    }
}

@layer override {
    .b.bg-wh .ou.bg-de,.b[class*='bg-de'] .ou.bg-de {
        color: #3a5636
    }

    .b.bg-wh .ou.bg-des,.b[class*='bg-de'] .ou.bg-des {
        color: #88b02c
    }
}

@layer utilities {
    .vis-h {
        visibility: hidden
    }

    .vis-v {
        visibility: visible
    }

    @media (min-width: 576px) {
        .vis-sm-h {
            visibility:hidden
        }

        .vis-sm-v {
            visibility: visible
        }
    }

    @media (min-width: 768px) {
        .vis-md-h {
            visibility:hidden
        }

        .vis-md-v {
            visibility: visible
        }
    }

    @media (min-width: 992px) {
        .vis-lg-h {
            visibility:hidden
        }

        .vis-lg-v {
            visibility: visible
        }
    }

    @media (min-width: 1204px) {
        .vis-xl-h {
            visibility:hidden
        }

        .vis-xl-v {
            visibility: visible
        }
    }

    @media (min-width: 1502px) {
        .vis-xxl-h {
            visibility:hidden
        }

        .vis-xxl-v {
            visibility: visible
        }
    }
}

@layer utilities {
    .pe-n {
        pointer-events: none
    }

    .pe-a {
        pointer-events: auto
    }
}

:root {
    --purple: #7276e1;
    --orange: hsl(14, 88%, 65%);
    --blue-dark: hsl(238, 29%, 16%);
    --grey-light: hsl(237, 12%, 33%);
    --blue-mid: hsl(240, 6%, 50%);
    --font: 'Kumbh Sans', sans-serif;
    --base-font-size: 1.2rem
}

.attribution {
    color: #fff;
    font-size: 11px;
    margin-top: 25px;
    text-align: center
}

@media (min-width: 1200px) {
    .header-alert-as-slider+header+main>.column>.scroll-wrapper>.custom-srollbar>.col-l-c-c {
        height:calc(8.20034rem + 3.6rem + 3.1334em)
    }
}

.attribution a {
    color: #fff
}

* {
    box-sizing: border-box
}

.faq {
    background-color: #fff;
    border-radius: 25px;
    padding: 50px 25px;
    margin: 150px 5% 5% 5%;
    min-width: 320px;
    max-width: 920px
}

.faq__logo {
    background: url("https://bobmatyas.github.io/fm-faq-accordion/images/bg-pattern-mobile.svg") center bottom no-repeat;
    background-color: transparent;
    margin: 0 auto;
    max-width: 900px;
    padding: 0;
    margin-top: -157px
}

.faq__logo__image {
    margin-left: -13px;
    margin-bottom: 13px
}

.faq__heading {
    color: var(--blue-dark);
    font-size: 3.2rem;
    font-weight: 700;
    text-align: center
}

.faq__detail {
    border-bottom: 1px solid #e7e7e9;
    margin: 20px 0 0 0;
    padding: 5px 0 20px 0
}

.faq__summary:hover,.faq__summary:active {
    color: var(--orange);
    cursor: pointer
}

.faq__detail[open]>.faq__summary {
    font-weight: 700
}

.faq__summary {
    list-style: none
}

.faq__summary::-webkit-details-marker {
    display: none
}

.faq__summary {
    display: block;
    padding: 0;
    position: relative;
    text-align: right
}

.faq__summary:after {
    display: inline-block;
    content: url("https://bobmatyas.github.io/fm-faq-accordion/images/icon-arrow-down.svg");
    background-repeat: no-repeat;
    background-position: right center;
    text-align: right;
    padding-bottom: 20px
}

details[open] .faq__summary:after {
    display: inline-block;
    width: 18px;
    height: 10px;
    content: "";
    background-image: url("https://bobmatyas.github.io/fm-faq-accordion/images/icon-arrow-down.svg");
    background-repeat: no-repeat;
    background-position: center right;
    transform: scaleY(-1)
}

.faq__question {
    left: 0;
    position: absolute;
    text-align: left;
    top: 0;
    width: 90%
}

.faq__question {
    display: inline-block;
    margin: 5px 0;
    text-align: left;
    width: 90%
}

.faq__summary {
    color: var(--blue-dark);
    font-size: 1.4rem
}

.faq__summary:focus {
    color: var(--orange);
    font-weight: bold;
    outline: none
}

.faq__text {
    color: var(--blue-mid);
    font-size: var(--base-font-size);
    line-height: 1.6;
    margin: 10px 0 0 0
}

.hidden-lg {
    display: block
}

.visible-lg {
    display: none
}

@media (min-width: 900px) {
    .faq {
        align-items:center;
        display: flex;
        justify-content: space-between;
        min-width: 900px;
        padding: 0;
        margin: 0
    }

    .faq__logo__holder {
        display: flex;
        align-items: center;
        height: 100%;
        justify-content: center
    }

    .faq__holder {
        margin: 0 50px;
        padding: 70px 0;
        max-width: 950px;
        width: 950px
    }

    .faq__logo {
        display: flex;
        align-items: center;
        background-image: url(https://bobmatyas.github.io/fm-faq-accordion/images/illustration-woman-online-desktop.svg),url(https://bobmatyas.github.io/fm-faq-accordion/images/bg-pattern-desktop.svg);
        background-position: -75px center, -571px -270px;
        background-size: 100%, 200%;
        height: 100%;
        min-width: 300px;
        margin: 0;
        padding: 0;
        width: 925px;
        max-width: 900px;
        position: relative
    }

    .faq__heading {
        text-align: left
    }

    .hidden-lg {
        display: none
    }

    .visible-lg {
        display: block;
        position: absolute;
        margin-top: 120px;
        left: -80px
    }

    .faq__text {
        margin: 0 0 10px 0
    }

    .faq__detail {
        margin: 10px 0 0 0 0;
        padding: 0
    }
}

.header-alert-as-slider {
    z-index: 87987894654
}

#banner_lista .slide-text-header {
    font-size: 16px;
    text-align: center;
    color: #fff;
    letter-spacing: .5px;
    line-height: 1.4
}

@media (max-width: 768px) {
    #banner_lista .slide-text-header {
        font-size:14px;
        line-height: 1.3
    }

    #banner_lista .slide-text-header p {
        margin-bottom: 0px
    }
}

#banner_lista .carousel-nav {
    top: calc(50% - 25px / 2) !important;
    height: 25px;
    display: flex;
    line-height: 1;
    color: #fff !important;
    opacity: 1 !important;
    bottom: 0;
    border-radius: 6px;
    align-items: center;
    justify-content: center;
    background-color: rgba(66,66,66,0.45);
    width: 25px;
    font-size: 14px;
    text-decoration: none !important
}

#banner_lista .carousel-nav:hover {
    background-color: #424242
}

#banner_lista .carousel-nav.carousel-next {
    right: 10px
}

#banner_lista .carousel-nav.carousel-prev {
    left: 10px
}

#banner_lista .carousel-indicators {
    display: block !important
}

#banner_lista .is-slider {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

#banner_lista .carousel-item {
    padding: 0.3rem 0 1.3rem
}

#banner_lista .carousel-dots {
    padding: 0px;
    margin-bottom: 7px;
    display: flex !important;
    justify-content: center;
    align-items: flex-end
}

#banner_lista .carousel-dots .c-i-item {
    margin: unset;
    margin-top: 0px !important;
    height: 13px;
    line-height: 1;
    width: 20px
}

#banner_lista .carousel-dot:before {
    width: 8px;
    height: 8px;
    background: #fff !important
}

@media (max-width: 480px) {
    #banner_lista .carousel-item {
        padding:0.3rem 0 1.6rem !important
    }
}

#banner_lista .no-nav-p {
    padding-bottom: 0.3rem !important
}

#banner_lista.has-more-slides .carousel-nav.hidden {
    display: flex !important
}

.ms-cl *,::after,::before {
    box-sizing: border-box
}

.ms-cl {
    line-height: 1.5;
    font-family: inherit
}

.ms-cl .container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: 0;
    margin-left: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #000000;
    text-align: left
}

.ms-cl label {
    display: block;
    margin-bottom: 6px;
    font-size: 16px;
    font-weight: 500;
    color: #000000
}

.ms-cl .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.ms-cl .md-50,.ms-cl .col-md-55,.ms-cl .col-md-45,.ms-cl .col,.ms-cl .col-1,.ms-cl .col-10,.ms-cl .col-11,.ms-cl .col-12,.ms-cl .col-2,.ms-cl .col-3,.ms-cl .col-4,.ms-cl .col-5,.ms-cl .col-6,.ms-cl .col-7,.ms-cl .col-8,.ms-cl .col-9,.ms-cl .col-auto,.ms-cl .col-lg,.ms-cl .col-lg-1,.ms-cl .col-lg-10,.ms-cl .col-lg-11,.ms-cl .col-lg-12,.ms-cl .col-lg-2,.ms-cl .col-lg-3,.ms-cl .col-lg-4,.ms-cl .col-lg-5,.ms-cl .col-lg-6,.ms-cl .col-lg-7,.ms-cl .col-lg-8,.ms-cl .col-lg-9,.ms-cl .col-lg-auto,.ms-cl .col-md,.ms-cl .col-md-1,.ms-cl .col-md-10,.ms-cl .col-md-11,.ms-cl .col-md-12,.ms-cl .col-md-2,.ms-cl .col-md-3,.ms-cl .col-md-4,.ms-cl .col-md-5,.ms-cl .col-md-6,.ms-cl .col-md-7,.ms-cl .col-md-8,.ms-cl .col-md-9,.ms-cl .col-md-auto,.ms-cl .col-sm,.ms-cl .col-sm-1,.ms-cl .col-sm-10,.ms-cl .col-sm-11,.ms-cl .col-sm-12,.ms-cl .col-sm-2,.ms-cl .col-sm-3,.ms-cl .col-sm-4,.ms-cl .col-sm-5,.ms-cl .col-sm-6,.ms-cl .col-sm-7,.ms-cl .col-sm-8,.ms-cl .col-sm-9,.ms-cl .col-sm-auto,.ms-cl .col-xl,.ms-cl .col-xl-1,.ms-cl .col-xl-10,.ms-cl .col-xl-11,.ms-cl .col-xl-12,.ms-cl .col-xl-2,.ms-cl .col-xl-3,.ms-cl .col-xl-4,.ms-cl .col-xl-5,.ms-cl .col-xl-6,.ms-cl .col-xl-7,.ms-cl .col-xl-8,.ms-cl .col-xl-9,.ms-cl .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.ms-cl .form-group {
    margin-bottom: 2px;
    position: relative
}

.ms-cl .form-control {
    display: block;
    width: 100%;
    height: auto;
    padding: 0.175rem 0.55rem;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #000000 !important;
    background-color: #fff !important;
    background-clip: padding-box;
    border: 1px solid #dddddd !important;
    border-radius: 5px;
    font-family: inherit;
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s
}

.ms-cl .form-control:focus {
    outline: none
}

.ms-cl .cl-left-div {
    border-radius: 8px;
    box-shadow: 0 0 10px #cbcbcb;
    background: #ffffff
}

.ms-cl .cl-right-div {
    background-color: transparent;
    padding: 0px 30px;
    border-radius: 0 8px 8px 0
}

@media (min-width: 768px) {
    .ms-cl .container,.ms-cl .container-md,.ms-cl .container-sm {
        max-width:100%
    }

    .ms-cl .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .ms-cl .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (min-width: 820px) {
    .ms-cl .container {
        max-width:600px
    }
}

@media (min-width: 1200px) {
    .ms-cl .container {
        max-width:600px
    }

    .ms-cl .cl-left-div {
        padding: 30px !important
    }
}

.ms-cl .d-in-block {
    display: inline-block
}

.ms-cl .list-value {
    display: block;
    font-size: 32px;
    font-weight: bold;
    color: #000000
}

.ms-cl .sec-title {
    font-size: 28px;
    font-weight: 600;
    color: #ffffff;
    border-bottom: 1px solid #4da6a4;
    padding: 12px 6px;
    margin-bottom: 20px;
    margin-top: -30px;
    margin-left: -30px;
    margin-right: -30px;
    text-align: center
}

.ms-cl .prepend-text {
    position: absolute;
    bottom: 4.5px;
    left: 11px;
    color: #000000;
    font-family: inherit;
    font-size: 16px;
    font-weight: normal
}

.ms-cl .append-text {
    font-size: 16px;
    position: absolute;
    bottom: 4px;
    right: 9px;
    color: #000000
}

.ms-cl .sp-pd-left {
    padding-left: 28px !important
}

.ms-cl .sp-pd-right {
    padding-right: 28px !important
}

.ms-cl .err-div {
    display: block;
    margin-bottom: 1rem
}

.ms-cl .err-div-inner {
    display: none
}

.ms-cl .ms-mr {
    margin-bottom: 1rem
}

@media (max-width: 768px) {
    .ms-cl label {
        margin-bottom:12px;
        font-size: 18px
    }
}

.ms-cl .text-center {
    text-align: center
}

.ms-cl .sp-cl {
    color: #ffffff
}

@media (max-width: 768px) {
    .ms-cl .cl-left-div {
        padding:30px 20px !important;
        border-radius: 8px
    }

    .ms-cl .cl-right-div {
        padding: 20px !important;
        border-radius: 0 0 8px 8px
    }

    .ms-cl .sec-title {
        margin-bottom: 15px;
        margin-top: -30px;
        margin-left: -20px;
        margin-right: -20px
    }
}

.ms-cl input[type=range] {
    margin: 0 0 0 0;
    outline: none;
    padding: 0;
    width: 100%;
    height: 7px;
    background-color: #ffffff;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #EAFB54), color-stop(100%, #EAFB54));
    background-size: 0% 100%;
    background-repeat: no-repeat;
    border-radius: 10px;
    cursor: pointer;
    -webkit-appearance: none
}

.ms-cl input[type=range]::-webkit-slider-runnable-track {
    box-shadow: none;
    border: none;
    background: transparent;
    -webkit-appearance: none
}

.ms-cl input[type=range]::-webkit-slider-thumb {
    height: 20px;
    width: 20px;
    margin-top: -4px;
    background: #EAFB54;
    border: 5px solid #EAFB54;
    border-radius: 25px;
    box-shadow: 0 2px 2px 0px #000000;
    -webkit-appearance: none
}

.ms-cl input[type=range]::-moz-range-track {
    box-shadow: none;
    border: none;
    background: transparent;
    -webkit-appearance: none
}

.ms-cl input[type=range]::-moz-range-thumb {
    height: 20px;
    width: 20px;
    margin-top: -4px;
    background: #00838B;
    border: 5px solid #00838B;
    border-radius: 25px;
    box-shadow: 0 2px 2px 0px #000000;
    -webkit-appearance: none
}

.ms-cl .input-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0
}

.ms-cl .input-title .form-control {
    display: block;
    width: 110px
}

.ms-cl .result-sec {
    padding: 18px 25px 14px 25px;
    border-radius: 8px;
    background: #88B02C
}

.ms-cl .result-title {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 0
}

.ms-cl .rs-note {
    font-size: 14px;
    color: #000;
    margin: 0;
    margin-top: 10px
}

label.col-form-label[for="frmregisterSummaryForm-dic"] {
    color: red !important;
    font-weight: bold !important
}

.mobile-video {
    display: none
}

.desktop-video {
    display: block
}

@media only screen and (max-width: 768px) {
    .mobile-video {
        display:block
    }

    .desktop-video {
        display: none
    }
}

.fg.bg-de.ml-i.badge {
    font-weight: bold;
    color: red
}

.custom-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    table-layout: auto
}

.custom-table,.custom-table th,.custom-table td {
    border: 1px solid black
}

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

.custom-table th {
    background-color: #f2f2f2
}

.custom-table td {
    max-width: 200px
}

.transport-article-heading {
    text-align: center;
    font-size: 28px;
    color: #4a772f;
    margin-bottom: 20px;
    position: relative
}

.transport-article-heading:after {
    content: '';
    display: block;
    width: 80px;
    height: 3px;
    background: #4a772f;
    margin: 10px auto 0;
    border-radius: 2px
}

.transport-article-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 40px
}

.moos-table th,.moos-table td {
    padding: 15px;
    text-align: left;
    border-bottom: 1px solid #e0e0e0
}

.moos-table th {
    background: #4a772f;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase
}

.moos-table td span.moos-price-info {
    font-weight: bold;
    font-size: 15px
}

.moos-table tr:nth-child(even) {
    background-color: #f9f9f9
}

.moos-highlight {
    color: #4a772f;
    font-weight: bold
}

.moos-link {
    color: #4a772f;
    text-decoration: none;
    font-weight: bold
}

.moos-link:hover {
    text-decoration: underline
}

.moos-shipping-info,.moos-payment-info {
    margin-bottom: 40px
}

.moos-section-heading {
    font-size: 22px;
    color: #333;
    margin-top: 30px;
    margin-bottom: 10px
}

.moos-subsection {
    background: #e6e2d6;
    padding: 15px;
    border-left: 4px solid #4a772f;
    margin-bottom: 20px;
    border-radius: 5px
}

.transport-article-heading {
    text-align: center;
    font-size: 28px;
    color: #4a772f;
    margin-bottom: 20px;
    position: relative
}

.transport-article-heading:after {
    content: '';
    display: block;
    width: 80px;
    height: 3px;
    background: #4a772f;
    margin: 10px auto 0;
    border-radius: 2px
}

.transport-article-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 40px
}

.transport-article-table th,.transport-article-table td {
    padding: 10px;
    text-align: left;
    border-bottom: 1px solid #e0e0e0
}

.transport-article-table th {
    background: #4a772f;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase
}

.transport-article-table td span.transport-article-price-info {
    font-weight: bold;
    font-size: 15px
}

.transport-article-table tr:nth-child(even) {
    background-color: #f9f9f9
}

.transport-article-highlight {
    color: #4a772f;
    font-weight: bold
}

.transport-article-link {
    color: #4a772f;
    text-decoration: none;
    font-weight: bold
}

.transport-article-link:hover {
    text-decoration: underline
}

.transport-article-shipping-info,.transport-article-payment-info {
    margin-bottom: 40px
}

.transport-article-section-heading {
    font-size: 22px;
    color: #333;
    margin-top: 20px;
    margin-bottom: 10px
}

.transport-article-subsection {
    background: #f4f4f4;
    padding: 10px;
    border-left: 4px solid #4a772f;
    margin-bottom: 15px;
    border-radius: 5px
}

.transport-article-subsection h4 {
    margin-top: 0;
    font-size: 18px;
    color: #333
}

.transport-article-subsection p {
    margin: 10px 0;
    line-height: 1.6
}

.transport-article-container .quick-info {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    justify-content: space-between
}

.quick-info-box {
    flex: 1;
    min-width: 250px;
    padding: 15px;
    border: 1px solid #e0e0e0;
    background: #f9f9f9;
    border-radius: 8px;
    text-align: center;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05)
}

.quick-info-box h3 {
    font-size: 20px;
    color: #4a772f;
    margin-bottom: 10px
}

.quick-info-box p {
    font-size: 16px;
    color: #333;
    margin: 0
}