@charset "UTF-8";

/* Trinity Software Inc. Spark Sites Base Stylesheet */

/*
    11/18/21 : Initial Setup (GG)   
    12/22/22 : Setup for spark site template/layout classes

    Date        Who     Comment
    --------    ---     -------------------------------
    03/27/23    JTR     Adding media queries for mobile

*/

:root {
    /* Start fonts */
    --font-heavy: "Righteous", sans-serif;
    --font-default: "Varela Round", sans-serif;
    /* End fonts */
    --row-width: 1400px;
    /* -- START COLORS AND GRADIENTS */
    /* Main Color Settings */
    --theme-color-main: 199, 79%;
    --l-m: 50%;
    /* Secondary Color Settings */
    --theme-color-secondary: 251, 44%;
    --icon-fill: #474747;
    --l-s: 35%;
    --main-color: hsl(var(--theme-color-main),var(--l-m));
    --secondary-color: hsl(var(--theme-color-secondary),var(--l-s));
    --main-color-dark-1: hsl(var(--theme-color-main),calc(var(--l-m) - 10%));
    --main-color-dark-2: hsl(var(--theme-color-main),calc(var(--l-m) - 20%));
    --main-color-dark-3: hsl(var(--theme-color-main),calc(var(--l-m) - 30%));
    --main-color-light-1: hsl(var(--theme-color-main),calc(var(--l-m) + 10%));
    --main-color-light-2: hsl(var(--theme-color-main),calc(var(--l-m) + 20%));
    --main-color-light-3: hsl(var(--theme-color-main),calc(var(--l-m) + 30%));
    --secondary-color-dark-1: hsl(var(--theme-color-secondary),calc(var(--l-s) - 10%));
    --secondary-color-dark-2: hsl(var(--theme-color-secondary),calc(var(--l-s) - 20%));
    --secondary-color-dark-3: hsl(var(--theme-color-secondary),calc(var(--l-s) - 30%));
    --secondary-color-light-1: hsl(var(--theme-color-secondary),calc(var(--l-s) + 10%));
    --secondary-color-light-2: hsl(var(--theme-color-secondary),calc(var(--l-s) + 20%));
    --secondary-color-light-3: hsl(var(--theme-color-secondary),calc(var(--l-s) + 30%));
    --footer-bg: transparent;
    --header-bg: transparent;
    --swiper-theme-color: var(--main-color);
    --grey-1: #eee;
    --grey-2: #ddd;
    --grey-3: #ccc;
    --grey-4: #aaa;
    --grey-5: #777;
    --grey-6: #666;
    --grey-7: #444;
    --grey-8: #222;
    --bg: transparent;
    /* END COLORS AND GRADIENTS */
}

/* Breakpoints and media queries */

/* Small Range <= 500 */

/* Medium Range 500 - 900 */

/* Large Range 900 - 1400 */

/* End breakpoints and media queries */

/* Default Utilities and Base Styles */

* {
    box-sizing: border-box;
}

body,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0px;
}

body {
    font-family: sans-serif;
}

a {
    text-decoration: none;
    color: #75a4ff;
}


a.ignite-link {
    display: inline-block;
}

.ignite-container {
    align-items: center;
    display: flex;
    min-width: 30px;
}

.abs,
.abs-bottom,
.abs-center,
.abs-down,
.abs-full,
.abs-right,
.abs-r,
.abs-left,
.abs-l,
.abs-up,
.abs-top,
.abs-down {
    position: absolute;
}

.abs-right {
    right: 0;
    left: unset !important;
}

.abs-left {
    left: 0;
    right: unset !important;
}

.abs-top {
    top: 0;
    bottom: unset !important;
}

.abs-bottom {
    bottom: 0;
    top: unset !important;
}

.abs-center,
.abs-full {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.abs-full {
    height: 100%;
    width: 100%;
}

body {
    background-color: #fff;
}


.backgroundColor {
    position: relative;
}

.backgroundColor > div,
.backgroundColor > section,
.backgroundColor > a,
.backgroundColor > p,
.backgroundColor > h1,
.backgroundColor > h2,
.backgroundColor > h3,
.backgroundColor > h4,
.backgroundColor > h5,
.backgroundColor > h6,
.backgroundColor > span {
    z-index: 1;
    position: relative;
}

.backgroundColor::before {
    background-color: var(--bg);
    border-radius: inherit;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.block {
    display: block !important;
}

.column-gap-1 {
    -moz-column-gap: 10px;
    column-gap: 10px;
}

.column-gap-2 {
    -moz-column-gap: 20px;
    column-gap: 20px;
}

.clear {
    clear: both;
    float: none;
}

input[type=text] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
}

html {
    scroll-behavior: smooth;
}

header {
    background-color: var(--header-bg);
}

#gradientContainer {
    height: 0;
    width: 0;
    line-height: 0px;
    position: absolute;
    bottom: 0;
}

    #gradientContainer > svg {
        height: inherit;
        width: inherit;
        line-height: inherit;
        position: inherit;
        bottom: inherit;
    }

/*
Place on element that will be animated. 
Hands off animation processing to GPU
*/

.gpu-access {
    will-change: transform;
    transform: translateZ(0.1);
}


.hover-brighten:hover {
    filter: brightness(1.5) !important;
    transition: filter 0.3s;
}

.hover-darken:hover {
    filter: brightness(0.6) !important;
    transition: filter 0.3s;
}

section {
    display: flex;
    flex-wrap: wrap;
}

footer {
    background-color: var(--footer-bg);
}

img.fit-height {
    height: 100% !important;
    width: auto !important;
}

img.fit-width {
    width: 100% !important;
    height: auto !important;
}

.inline-block {
    display: inline-block !important;
}

.inline-flex {
    display: inline-flex !important;
}

.max-limit {
    max-width: 100% !important;
}

.max-auto {
    max-width: auto !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.required-mark {
    position: relative;
}

.required-mark::after {
    content: "﹡";
    display: inline;
    font-size: 23px;
    line-height: 30px;
}

.transparent,
.opacity-0 {
    opacity: 0;
}

.opacity-1 {
    opacity: 0.1;
}

.opacity-2 {
    opacity: 0.2;
}

.opacity-3 {
    opacity: 0.3;
}

.opacity-4 {
    opacity: 0.4;
}

.opacity-5 {
    opacity: 0.5;
}

.opacity-6 {
    opacity: 0.6;
}

.opacity-7 {
    opacity: 0.7;
}

.opacity-8 {
    opacity: 0.8;
}

.opacity-9 {
    opacity: 0.9;
}

.pointer-ignore {
    pointer-events: none;
}

.relative,
.rel {
    position: relative;
    transition: all 0.3s ease;
}

.rounded {
    border-radius: 100%;
}

.rounded-5 {
    border-radius: 5px;
}

.rounded-10 {
    border-radius: 10px;
}

.rounded-12 {
    border-radius: 12px;
}

.rounded-15 {
    border-radius: 15px;
}

.rounded-20 {
    border-radius: 20px;
}

.rounded-100 {
    border-radius: 100px;
}

.row-gap-1 {
    row-gap: 10px;
}

.row-gap-2 {
    row-gap: 20px;
}

.right {
    float: right;
}

.left {
    float: left;
}

.social-link::before {
    height: 25px;
    width: 25px;
    display: block;
    color: inherit;
    content: "";
    background-color: var(--icon-fill);
    mask-repeat: no-repeat;
    mark-position: center;
    mask-size: contain;
}

.social-facebook::before {
    mask-image: url('data:image/svg+xml; utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"/></svg>');
}

.social-instagram::before {
    mask-image: url('data:image/svg+xml; utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!-- Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg>');
}

.social-youtube::before {
    mask-image: url('data:image/svg+xml; utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!-- Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></svg>');
}

.social-tiktok::before {
    mask-image: url('data:image/svg+xml; utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!-- Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M448,209.91a210.06,210.06,0,0,1-122.77-39.25V349.38A162.55,162.55,0,1,1,185,188.31V278.2a74.62,74.62,0,1,0,52.23,71.18V0l88,0a121.18,121.18,0,0,0,1.86,22.17h0A122.18,122.18,0,0,0,381,102.39a121.43,121.43,0,0,0,67,20.14Z"/></svg>');
}

.social-twitter::before {
    mask-image: url('data:image/svg+xml; utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"/></svg>');
}


ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

video.full {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100vw;
    height: 100%;
    top: 0;
    left: 0;
}

.z-under {
    z-index: -1 !important;
}

.z-0 {
    z-index: 0 !important;
}

.z-1 {
    z-index: 1 !important;
}

.z-2 {
    z-index: 2 !important;
}

.z-3 {
    z-index: 3 !important;
}

/* Background Utilities */

.bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 0;
    overflow: hidden;
    transition: background 0.3s ease, background-color 0.3s ease;
}

.bg-pseudo::before {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.bg-black {
    background-color: #000 !important;
}

    .bg-black.bg-pseudo::before {
        background-color: #000 !important;
    }

.bg-cover {
    background-size: cover;
}

    .bg-cover.bg-pseudo::before {
        background-size: cover;
    }

.bg-contain {
    background-size: contain;
}

    .bg-contain.bg-pseudo::before {
        background-size: contain;
    }

.bg-no-repeat {
    background-repeat: no-repeat;
}

    .bg-no-repeat.bg-pseudo::before {
        background-repeat: no-repeat;
    }

.bg-left {
    background-position: left;
}

    .bg-left.bg-pseudo::before {
        background-position: left;
    }

.bg-right {
    background-position: right;
}

    .bg-right.bg-pseudo::before {
        background-position: right;
    }

.bg-image {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
}

.bg-grad-ml1-top {
    background: linear-gradient(to top, var(--main-color), var(--main-color-light-1));
}

.bg-grad-ml2-top {
    background: linear-gradient(to top, var(--main-color), var(--main-color-light-2));
}

.bg-grad-ml3-top {
    background: linear-gradient(to top, var(--main-color), var(--main-color-light-3));
}

.bg-grad-md1-top {
    background: linear-gradient(to top, var(--main-color), var(--main-color-dark-1));
}

.bg-grad-md2-top {
    background: linear-gradient(to top, var(--main-color), var(--main-color-dark-2));
}

.bg-grad-md3-top {
    background: linear-gradient(to top, var(--main-color), var(--main-color-dark-3));
}

.bg-grad-ml1-right {
    background: linear-gradient(to right, var(--main-color), var(--main-color-light-1));
}

.bg-grad-ml2-right {
    background: linear-gradient(to right, var(--main-color), var(--main-color-light-2));
}

.bg-grad-ml3-right {
    background: linear-gradient(to right, var(--main-color), var(--main-color-light-3));
}

.bg-grad-md1-right {
    background: linear-gradient(to right, var(--main-color), var(--main-color-dark-1));
}

.bg-grad-md2-right {
    background: linear-gradient(to right, var(--main-color), var(--main-color-dark-2));
}

.bg-grad-md3-right {
    background: linear-gradient(to right, var(--main-color), var(--main-color-dark-3));
}

.bg-grad-ml1-top-right {
    background: linear-gradient(to top right, var(--main-color), var(--main-color-light-1));
}

.bg-grad-ml2-top-right {
    background: linear-gradient(to top right, var(--main-color), var(--main-color-light-2));
}

.bg-grad-ml3-top-right {
    background: linear-gradient(to top right, var(--main-color), var(--main-color-light-3));
}

.bg-grad-md1-top-right {
    background: linear-gradient(to top right, var(--main-color), var(--main-color-dark-1));
}

.bg-grad-md2-top-right {
    background: linear-gradient(to top right, var(--main-color), var(--main-color-dark-2));
}

.bg-grad-md3-top-right {
    background: linear-gradient(to top right, var(--main-color), var(--main-color-dark-3));
}

.bg-grad-ml1-left {
    background: linear-gradient(to left, var(--main-color), var(--main-color-light-1));
}

.bg-grad-ml2-left {
    background: linear-gradient(to left, var(--main-color), var(--main-color-light-2));
}

.bg-grad-ml3-left {
    background: linear-gradient(to left, var(--main-color), var(--main-color-light-3));
}

.bg-grad-md1-left {
    background: linear-gradient(to left, var(--main-color), var(--main-color-dark-1));
}

.bg-grad-md2-left {
    background: linear-gradient(to left, var(--main-color), var(--main-color-dark-2));
}

.bg-grad-md3-left {
    background: linear-gradient(to left, var(--main-color), var(--main-color-dark-3));
}

.bg-grad-ml1-top-left {
    background: linear-gradient(to top left, var(--main-color), var(--main-color-light-1));
}

.bg-grad-ml2-top-left {
    background: linear-gradient(to top left, var(--main-color), var(--main-color-light-2));
}

.bg-grad-ml3-top-left {
    background: linear-gradient(to top left, var(--main-color), var(--main-color-light-3));
}

.bg-grad-md1-top-left {
    background: linear-gradient(to top left, var(--main-color), var(--main-color-dark-1));
}

.bg-grad-md2-top-left {
    background: linear-gradient(to top left, var(--main-color), var(--main-color-dark-2));
}

.bg-grad-md3-top-left {
    background: linear-gradient(to top left, var(--main-color), var(--main-color-dark-3));
}

.bg-grad-ml1-bottom {
    background: linear-gradient(to bottom, var(--main-color), var(--main-color-light-1));
}

.bg-grad-ml2-bottom {
    background: linear-gradient(to bottom, var(--main-color), var(--main-color-light-2));
}

.bg-grad-ml3-bottom {
    background: linear-gradient(to bottom, var(--main-color), var(--main-color-light-3));
}

.bg-grad-md1-bottom {
    background: linear-gradient(to bottom, var(--main-color), var(--main-color-dark-1));
}

.bg-grad-md2-bottom {
    background: linear-gradient(to bottom, var(--main-color), var(--main-color-dark-2));
}

.bg-grad-md3-bottom {
    background: linear-gradient(to bottom, var(--main-color), var(--main-color-dark-3));
}

.bg-grad-ml1-bottom-left {
    background: linear-gradient(to bottom left, var(--main-color), var(--main-color-light-1));
}

.bg-grad-ml2-bottom-left {
    background: linear-gradient(to bottom left, var(--main-color), var(--main-color-light-2));
}

.bg-grad-ml3-bottom-left {
    background: linear-gradient(to bottom left, var(--main-color), var(--main-color-light-3));
}

.bg-grad-md1-bottom-left {
    background: linear-gradient(to bottom left, var(--main-color), var(--main-color-dark-1));
}

.bg-grad-md2-bottom-left {
    background: linear-gradient(to bottom left, var(--main-color), var(--main-color-dark-2));
}

.bg-grad-md3-bottom-left {
    background: linear-gradient(to bottom left, var(--main-color), var(--main-color-dark-3));
}

.bg-grad-ml1-bottom-right {
    background: linear-gradient(to bottom right, var(--main-color), var(--main-color-light-1));
}

.bg-grad-ml2-bottom-right {
    background: linear-gradient(to bottom right, var(--main-color), var(--main-color-light-2));
}

.bg-grad-ml3-bottom-right {
    background: linear-gradient(to bottom right, var(--main-color), var(--main-color-light-3));
}

.bg-grad-md1-bottom-right {
    background: linear-gradient(to bottom right, var(--main-color), var(--main-color-dark-1));
}

.bg-grad-md2-bottom-right {
    background: linear-gradient(to bottom right, var(--main-color), var(--main-color-dark-2));
}

.bg-grad-md3-bottom-right {
    background: linear-gradient(to bottom right, var(--main-color), var(--main-color-dark-3));
}

.bg-grad-sl1-top {
    background: linear-gradient(to top, var(--secondary-color), var(--secondary-color-light-1));
}

.bg-grad-sl2-top {
    background: linear-gradient(to top, var(--secondary-color), var(--secondary-color-light-2));
}

.bg-grad-sl3-top {
    background: linear-gradient(to top, var(--secondary-color), var(--secondary-color-light-3));
}

.bg-grad-sd1-top {
    background: linear-gradient(to top, var(--secondary-color), var(--secondary-color-dark-1));
}

.bg-grad-sd2-top {
    background: linear-gradient(to top, var(--secondary-color), var(--secondary-color-dark-2));
}

.bg-grad-sd3-top {
    background: linear-gradient(to top, var(--secondary-color), var(--secondary-color-dark-3));
}

.bg-grad-sl1-right {
    background: linear-gradient(to right, var(--secondary-color), var(--secondary-color-light-1));
}

.bg-grad-sl2-right {
    background: linear-gradient(to right, var(--secondary-color), var(--secondary-color-light-2));
}

.bg-grad-sl3-right {
    background: linear-gradient(to right, var(--secondary-color), var(--secondary-color-light-3));
}

.bg-grad-sd1-right {
    background: linear-gradient(to right, var(--secondary-color), var(--secondary-color-dark-1));
}

.bg-grad-sd2-right {
    background: linear-gradient(to right, var(--secondary-color), var(--secondary-color-dark-2));
}

.bg-grad-sd3-right {
    background: linear-gradient(to right, var(--secondary-color), var(--secondary-color-dark-3));
}

.bg-grad-sl1-top-right {
    background: linear-gradient(to top right, var(--secondary-color), var(--secondary-color-light-1));
}

.bg-grad-sl2-top-right {
    background: linear-gradient(to top right, var(--secondary-color), var(--secondary-color-light-2));
}

.bg-grad-sl3-top-right {
    background: linear-gradient(to top right, var(--secondary-color), var(--secondary-color-light-3));
}

.bg-grad-sd1-top-right {
    background: linear-gradient(to top right, var(--secondary-color), var(--secondary-color-dark-1));
}

.bg-grad-sd2-top-right {
    background: linear-gradient(to top right, var(--secondary-color), var(--secondary-color-dark-2));
}

.bg-grad-sd3-top-right {
    background: linear-gradient(to top right, var(--secondary-color), var(--secondary-color-dark-3));
}

.bg-grad-sl1-top-left {
    background: linear-gradient(to top left, var(--secondary-color), var(--secondary-color-light-1));
}

.bg-grad-sl2-top-left {
    background: linear-gradient(to top left, var(--secondary-color), var(--secondary-color-light-2));
}

.bg-grad-sl3-top-left {
    background: linear-gradient(to top left, var(--secondary-color), var(--secondary-color-light-3));
}

.bg-grad-sd1-top-left {
    background: linear-gradient(to top left, var(--secondary-color), var(--secondary-color-dark-1));
}

.bg-grad-sd2-top-left {
    background: linear-gradient(to top left, var(--secondary-color), var(--secondary-color-dark-2));
}

.bg-grad-sd3-top-left {
    background: linear-gradient(to top left, var(--secondary-color), var(--secondary-color-dark-3));
}

.bg-grad-sl1-left {
    background: linear-gradient(to left, var(--secondary-color), var(--secondary-color-light-1));
}

.bg-grad-sl2-left {
    background: linear-gradient(to left, var(--secondary-color), var(--secondary-color-light-2));
}

.bg-grad-sl3-left {
    background: linear-gradient(to left, var(--secondary-color), var(--secondary-color-light-3));
}

.bg-grad-sd1-left {
    background: linear-gradient(to left, var(--secondary-color), var(--secondary-color-dark-1));
}

.bg-grad-sd2-left {
    background: linear-gradient(to left, var(--secondary-color), var(--secondary-color-dark-2));
}

.bg-grad-sd3-left {
    background: linear-gradient(to left, var(--secondary-color), var(--secondary-color-dark-3));
}

.bg-grad-sl1-bottom {
    background: linear-gradient(to bottom, var(--secondary-color), var(--secondary-color-light-1));
}

.bg-grad-sl2-bottom {
    background: linear-gradient(to bottom, var(--secondary-color), var(--secondary-color-light-2));
}

.bg-grad-sl3-bottom {
    background: linear-gradient(to bottom, var(--secondary-color), var(--secondary-color-light-3));
}

.bg-grad-sd1-bottom {
    background: linear-gradient(to bottom, var(--secondary-color), var(--secondary-color-dark-1));
}

.bg-grad-sd2-bottom {
    background: linear-gradient(to bottom, var(--secondary-color), var(--secondary-color-dark-2));
}

.bg-grad-sd3-bottom {
    background: linear-gradient(to bottom, var(--secondary-color), var(--secondary-color-dark-3));
}

.bg-grad-sl1-bottom-left {
    background: linear-gradient(to bottom left, var(--secondary-color), var(--secondary-color-light-1));
}

.bg-grad-sl2-bottom-left {
    background: linear-gradient(to bottom left, var(--secondary-color), var(--secondary-color-light-2));
}

.bg-grad-sl3-bottom-left {
    background: linear-gradient(to bottom left, var(--secondary-color), var(--secondary-color-light-3));
}

.bg-grad-sd1-bottom-left {
    background: linear-gradient(to bottom left, var(--secondary-color), var(--secondary-color-dark-1));
}

.bg-grad-sd2-bottom-left {
    background: linear-gradient(to bottom left, var(--secondary-color), var(--secondary-color-dark-2));
}

.bg-grad-sd3-bottom-left {
    background: linear-gradient(to bottom left, var(--secondary-color), var(--secondary-color-dark-3));
}

.bg-grad-sl1-bottom-right {
    background: linear-gradient(to bottom right, var(--secondary-color), var(--secondary-color-light-1));
}

.bg-grad-sl2-bottom-right {
    background: linear-gradient(to bottom right, var(--secondary-color), var(--secondary-color-light-2));
}

.bg-grad-sl3-bottom-right {
    background: linear-gradient(to bottom right, var(--secondary-color), var(--secondary-color-light-3));
}

.bg-grad-sd1-bottom-right {
    background: linear-gradient(to bottom right, var(--secondary-color), var(--secondary-color-dark-1));
}

.bg-grad-sd2-bottom-right {
    background: linear-gradient(to bottom right, var(--secondary-color), var(--secondary-color-dark-2));
}

.bg-grad-sd3-bottom-right {
    background: linear-gradient(to bottom right, var(--secondary-color), var(--secondary-color-dark-3));
}

.bg-grad-mix-right {
    background: linear-gradient(to right, var(--main-color), var(--secondary-color));
}

.bg-grad-mix-left {
    background: linear-gradient(to left, var(--main-color), var(--secondary-color));
}

.bg-grad-mix-top {
    background: linear-gradient(to top, var(--main-color), var(--secondary-color));
}

.bg-grad-mix-bottom {
    background: linear-gradient(to bottom, var(--main-color), var(--secondary-color));
}

.bg-grad-mix-l1-top {
    background: linear-gradient(to top, var(--main-color-light-1), var(--secondary-color-light-1));
}

.bg-grad-mix-l2-top {
    background: linear-gradient(to top, var(--main-color-light-2), var(--secondary-color-light-2));
}

.bg-grad-mix-l3-top {
    background: linear-gradient(to top, var(--main-color-light-3), var(--secondary-color-light-3));
}

.bg-grad-mix-d1-top {
    background: linear-gradient(to top, var(--main-color-dark-1), var(--secondary-color-dark-1));
}

.bg-grad-mix-d2-top {
    background: linear-gradient(to top, var(--main-color-dark-2), var(--secondary-color-dark-2));
}

.bg-grad-mix-d3-top {
    background: linear-gradient(to top, var(--main-color-dark-3), var(--secondary-color-dark-3));
}

.bg-grad-mix-l1-right {
    background: linear-gradient(to right, var(--main-color-light-1), var(--secondary-color-light-1));
}

.bg-grad-mix-l2-right {
    background: linear-gradient(to right, var(--main-color-light-2), var(--secondary-color-light-2));
}

.bg-grad-mix-l3-right {
    background: linear-gradient(to right, var(--main-color-light-3), var(--secondary-color-light-3));
}

.bg-grad-mix-d1-right {
    background: linear-gradient(to right, var(--main-color-dark-1), var(--secondary-color-dark-1));
}

.bg-grad-mix-d2-right {
    background: linear-gradient(to right, var(--main-color-dark-2), var(--secondary-color-dark-2));
}

.bg-grad-mix-d3-right {
    background: linear-gradient(to right, var(--main-color-dark-3), var(--secondary-color-dark-3));
}

.bg-grad-mix-l1-top-right {
    background: linear-gradient(to top right, var(--main-color-light-1), var(--secondary-color-light-1));
}

.bg-grad-mix-l2-top-right {
    background: linear-gradient(to top right, var(--main-color-light-2), var(--secondary-color-light-2));
}

.bg-grad-mix-l3-top-right {
    background: linear-gradient(to top right, var(--main-color-light-3), var(--secondary-color-light-3));
}

.bg-grad-mix-d1-top-right {
    background: linear-gradient(to top right, var(--main-color-dark-1), var(--secondary-color-dark-1));
}

.bg-grad-mix-d2-top-right {
    background: linear-gradient(to top right, var(--main-color-dark-2), var(--secondary-color-dark-2));
}

.bg-grad-mix-d3-top-right {
    background: linear-gradient(to top right, var(--main-color-dark-3), var(--secondary-color-dark-3));
}

.bg-grad-mix-l1-left {
    background: linear-gradient(to left, var(--main-color-light-1), var(--secondary-color-light-1));
}

.bg-grad-mix-l2-left {
    background: linear-gradient(to left, var(--main-color-light-2), var(--secondary-color-light-2));
}

.bg-grad-mix-l3-left {
    background: linear-gradient(to left, var(--main-color-light-3), var(--secondary-color-light-3));
}

.bg-grad-mix-d1-left {
    background: linear-gradient(to left, var(--main-color-dark-1), var(--secondary-color-dark-1));
}

.bg-grad-mix-d2-left {
    background: linear-gradient(to left, var(--main-color-dark-2), var(--secondary-color-dark-2));
}

.bg-grad-mix-d3-left {
    background: linear-gradient(to left, var(--main-color-dark-3), var(--secondary-color-dark-3));
}

.bg-grad-mix-l1-top-left {
    background: linear-gradient(to top left, var(--main-color-light-1), var(--secondary-color-light-1));
}

.bg-grad-mix-l2-top-left {
    background: linear-gradient(to top left, var(--main-color-light-2), var(--secondary-color-light-2));
}

.bg-grad-mix-l3-top-left {
    background: linear-gradient(to top left, var(--main-color-light-3), var(--secondary-color-light-3));
}

.bg-grad-mix-d1-top-left {
    background: linear-gradient(to top left, var(--main-color-dark-1), var(--secondary-color-dark-1));
}

.bg-grad-mix-d2-top-left {
    background: linear-gradient(to top left, var(--main-color-dark-2), var(--secondary-color-dark-2));
}

.bg-grad-mix-d3-top-left {
    background: linear-gradient(to top left, var(--main-color-dark-3), var(--secondary-color-dark-3));
}

.bg-grad-mix-l1-bottom {
    background: linear-gradient(to bottom, var(--main-color-light-1), var(--secondary-color-light-1));
}

.bg-grad-mix-l2-bottom {
    background: linear-gradient(to bottom, var(--main-color-light-2), var(--secondary-color-light-2));
}

.bg-grad-mix-l3-bottom {
    background: linear-gradient(to bottom, var(--main-color-light-3), var(--secondary-color-light-3));
}

.bg-grad-mix-d1-bottom {
    background: linear-gradient(to bottom, var(--main-color-dark-1), var(--secondary-color-dark-1));
}

.bg-grad-mix-d2-bottom {
    background: linear-gradient(to bottom, var(--main-color-dark-2), var(--secondary-color-dark-2));
}

.bg-grad-mix-d3-bottom {
    background: linear-gradient(to bottom, var(--main-color-dark-3), var(--secondary-color-dark-3));
}

.bg-grad-mix-l1-bottom-right {
    background: linear-gradient(to bottom right, var(--main-color-light-1), var(--secondary-color-light-1));
}

.bg-grad-mix-l2-bottom-right {
    background: linear-gradient(to bottom right, var(--main-color-light-2), var(--secondary-color-light-2));
}

.bg-grad-mix-l3-bottom-right {
    background: linear-gradient(to bottom right, var(--main-color-light-3), var(--secondary-color-light-3));
}

.bg-grad-mix-d1-bottom-right {
    background: linear-gradient(to bottom right, var(--main-color-dark-1), var(--secondary-color-dark-1));
}

.bg-grad-mix-d2-bottom-right {
    background: linear-gradient(to bottom right, var(--main-color-dark-2), var(--secondary-color-dark-2));
}

.bg-grad-mix-d3-bottom-right {
    background: linear-gradient(to bottom right, var(--main-color-dark-3), var(--secondary-color-dark-3));
}

.bg-grad-mix-l1-bottom-left {
    background: linear-gradient(to bottom left, var(--main-color-light-1), var(--secondary-color-light-1));
}

.bg-grad-mix-l2-bottom-left {
    background: linear-gradient(to bottom left, var(--main-color-light-2), var(--secondary-color-light-2));
}

.bg-grad-mix-l3-bottom-left {
    background: linear-gradient(to bottom left, var(--main-color-light-3), var(--secondary-color-light-3));
}

.bg-grad-mix-d1-bottom-left {
    background: linear-gradient(to bottom left, var(--main-color-dark-1), var(--secondary-color-dark-1));
}

.bg-grad-mix-d2-bottom-left {
    background: linear-gradient(to bottom left, var(--main-color-dark-2), var(--secondary-color-dark-2));
}

.bg-grad-mix-d3-bottom-left {
    background: linear-gradient(to bottom left, var(--main-color-dark-3), var(--secondary-color-dark-3));
}

.bg-grey-1 {
    background-color: #eee;
}

.bg-grey-2 {
    background-color: #ddd;
}

.bg-grey-3 {
    background-color: #ccc;
}

.bg-grey-4 {
    background-color: #aaa;
}

.bg-grey-5 {
    background-color: #777;
}

.bg-grey-6 {
    background-color: #666;
}

.bg-grey-7 {
    background-color: #444;
}

.bg-grey-8 {
    background-color: #222;
}

.bg-main,
.bg-m {
    background: var(--main-color);
}

.bg-md1 {
    background: var(--main-color-dark-1);
}

.bg-md2 {
    background: var(--main-color-dark-2);
}

.bg-md3 {
    background: var(--main-color-dark-3);
}

.bg-ml1 {
    background: var(--main-color-light-1);
}

.bg-ml2 {
    background: var(--main-color-light-2);
}

.bg-ml3 {
    background: var(--main-color-light-3);
}

.bg-secondary,
.bg-s {
    background: var(--secondary-color);
}

.bg-sd1 {
    background: var(--secondary-color-dark-1);
}

.bg-sd2 {
    background: var(--secondary-color-dark-2);
}

.bg-sd3 {
    background: var(--secondary-color-dark-3);
}

.bg-sl1 {
    background: var(--secondary-color-light-1);
}

.bg-sl2 {
    background: var(--secondary-color-light-2);
}

.bg-sl3 {
    background: var(--secondary-color-light-3);
}

.bg-white {
    background-color: #ffffff;
}

/* End Background Utilities */

/* Start Flex Utilities */

.flex,
.flex-center,
.flex-column,
.flex-align-bottom,
.flex-align-top,
.flex-align-center,
.flex-align-right,
.flex-align-left,
.flex-align-start,
.flex-align-end,
.flex-justify-bottom,
.flex-justify-top,
.flex-justify-center,
.flex-justify-right,
.flex-justify-left,
.flex-justify-start,
.flex-justify-end,
.flex-between,
.flex-dynamic,
.flex-even,
.flex-left,
.flex-right,
.flex-top,
.flex-bottom,
.flex-rev,
.flex-hcenter,
.flex-vcenter,
.flex-wrap {
    display: flex;
}

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

.flex-column {
    flex-direction: column;
}

.flex-even {
    justify-content: space-evenly;
}

.flex-column-gap-1 {
    -moz-column-gap: 10px;
    column-gap: 10px;
}

.flex-column-gap-2 {
    -moz-column-gap: 20px;
    column-gap: 20px;
}

.flex-row-gap-1 {
    row-gap: 10px;
}

.flex-row-gap-2 {
    row-gap: 20px;
}

.flex-grow {
    flex: 2;
}

.flex-relative {
    flex: 1;
}

.flex-shrink {
    flex: 0;
}

.flex-stretch {
    align-items: stretch;
}

.flex-reverse {
    flex-direction: row-reverse;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-even {
    display: flex;
    justify-content: space-evenly;
}

.flex-between {
    display: flex;
    justify-content: space-between;
}

.flex-row {
    display: flex;
    flex-direction: row;
}

.flex-row-rev {
    display: flex;
    flex-direction: row-reverse;
}

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

.flex-column-rev {
    display: flex;
    flex-direction: column-reverse;
}

.flex-justify-center {
    display: flex;
    justify-content: center;
}

.flex-justify-top {
    display: flex;
    justify-content: top;
}

.flex-justify-bottom {
    display: flex;
    justify-content: bottom;
}

.flex-justify-right {
    display: flex;
    justify-content: right;
}

.flex-justify-left {
    display: flex;
    justify-content: left;
}

.flex-justify-end {
    display: flex;
    justify-content: flex-end;
}

.flex-justify-start {
    display: flex;
    justify-content: flex-start;
}

.flex-align-center {
    display: flex;
    align-items: center;
}

.flex-align-end {
    display: flex;
    align-items: flex-end;
}

.flex-align-start {
    display: flex;
    align-items: flex-start;
}

.self-center {
    display: flex;
    align-self: center;
}

/* End Flex Utilities */

/* Start Size Utilities */

.w-10 {
    width: 10%;
}

.w-20 {
    width: 20%;
}

.w-30 {
    width: 30%;
}

.w-40 {
    width: 40%;
}

.w-50 {
    width: 50%;
}

.w-60 {
    width: 60%;
}

.w-70 {
    width: 70%;
}

.w-80 {
    width: 80%;
}

.w-90 {
    width: 90%;
}

.w-100 {
    width: 100%;
}

.w-auto {
    width: auto;
}

.w-25 {
    width: 25%;
}

.w-33 {
    width: 33.3%;
}

.w-45 {
    width: 45%;
}

.w-48 {
    width: 48%;
}

.w-75 {
    width: 75%;
}

.w-constrain {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--row-width);
}

.h-100 {
    height: 100vh;
}

/* End Size Utilities */

.offset-l0 {
    transform: translateX(0px);
}

.offset-l1 {
    transform: translateX(-10px);
}

.offset-l2 {
    transform: translateX(-20px);
}

.offset-l3 {
    transform: translateX(-30px);
}

.offset-l4 {
    transform: translateX(-40px);
}

.offset-l5 {
    transform: translateX(-50px);
}

.offset-l6 {
    transform: translateX(-60px);
}

.offset-l7 {
    transform: translateX(-70px);
}

.offset-l8 {
    transform: translateX(-80px);
}

.offset-l9 {
    transform: translateX(-90px);
}

.offset-l10 {
    transform: translateX(-100px);
}

.offset-r0 {
    transform: translateX(0px);
}

.offset-r1 {
    transform: translateX(10px);
}

.offset-r2 {
    transform: translateX(20px);
}

.offset-r3 {
    transform: translateX(30px);
}

.offset-r4 {
    transform: translateX(40px);
}

.offset-r5 {
    transform: translateX(50px);
}

.offset-r6 {
    transform: translateX(60px);
}

.offset-r7 {
    transform: translateX(70px);
}

.offset-r8 {
    transform: translateX(80px);
}

.offset-r9 {
    transform: translateX(90px);
}

.offset-r10 {
    transform: translateX(100px);
}

.offset-b0 {
    transform: translateY(0px);
}

.offset-b1 {
    transform: translateY(10px);
}

.offset-b2 {
    transform: translateY(20px);
}

.offset-b3 {
    transform: translateY(30px);
}

.offset-b4 {
    transform: translateY(40px);
}

.offset-b5 {
    transform: translateY(50px);
}

.offset-b6 {
    transform: translateY(60px);
}

.offset-b7 {
    transform: translateY(70px);
}

.offset-b8 {
    transform: translateY(80px);
}

.offset-b9 {
    transform: translateY(90px);
}

.offset-b10 {
    transform: translateY(100px);
}

.offset-bl0 {
    transform: translate(0px, 0px);
}

.offset-bl1 {
    transform: translate(-10px, 10px);
}

.offset-bl2 {
    transform: translate(-20px, 20px);
}

.offset-bl3 {
    transform: translate(-30px, 30px);
}

.offset-bl4 {
    transform: translate(-40px, 40px);
}

.offset-bl5 {
    transform: translate(-50px, 50px);
}

.offset-bl6 {
    transform: translate(-60px, 60px);
}

.offset-bl7 {
    transform: translate(-70px, 70px);
}

.offset-bl8 {
    transform: translate(-80px, 80px);
}

.offset-bl9 {
    transform: translate(-90px, 90px);
}

.offset-bl10 {
    transform: translate(-100px, 100px);
}

.offset-br0 {
    transform: translate(0px, 0px);
}

.offset-br1 {
    transform: translate(10px, 10px);
}

.offset-br2 {
    transform: translate(20px, 20px);
}

.offset-br3 {
    transform: translate(30px, 30px);
}

.offset-br4 {
    transform: translate(40px, 40px);
}

.offset-br5 {
    transform: translate(50px, 50px);
}

.offset-br6 {
    transform: translate(60px, 60px);
}

.offset-br7 {
    transform: translate(70px, 70px);
}

.offset-br8 {
    transform: translate(80px, 80px);
}

.offset-br9 {
    transform: translate(90px, 90px);
}

.offset-br10 {
    transform: translate(100px, 100px);
}

.offset-t0 {
    transform: translateY(0px);
}

.offset-t1 {
    transform: translateY(-10px);
}

.offset-t2 {
    transform: translateY(-20px);
}

.offset-t3 {
    transform: translateY(-30px);
}

.offset-t4 {
    transform: translateY(-40px);
}

.offset-t5 {
    transform: translateY(-50px);
}

.offset-t6 {
    transform: translateY(-60px);
}

.offset-t7 {
    transform: translateY(-70px);
}

.offset-t8 {
    transform: translateY(-80px);
}

.offset-t9 {
    transform: translateY(-90px);
}

.offset-t10 {
    transform: translateY(-100px);
}

.offset-tl0 {
    transform: translate(0px, 0px);
}

.offset-tl1 {
    transform: translate(-10px, -10px);
}

.offset-tl2 {
    transform: translate(-20px, -20px);
}

.offset-tl3 {
    transform: translate(-30px, -30px);
}

.offset-tl4 {
    transform: translate(-40px, -40px);
}

.offset-tl5 {
    transform: translate(-50px, -50px);
}

.offset-tl6 {
    transform: translate(-60px, -60px);
}

.offset-tl7 {
    transform: translate(-70px, -70px);
}

.offset-tl8 {
    transform: translate(-80px, -80px);
}

.offset-tl9 {
    transform: translate(-90px, -90px);
}

.offset-tl10 {
    transform: translate(-100px, -100px);
}

.offset-tr0 {
    transform: translate(0px, 0px);
}

.offset-tr1 {
    transform: translate(10px, -10px);
}

.offset-tr2 {
    transform: translate(20px, -20px);
}

.offset-tr3 {
    transform: translate(30px, -30px);
}

.offset-tr4 {
    transform: translate(40px, -40px);
}

.offset-tr5 {
    transform: translate(50px, -50px);
}

.offset-tr6 {
    transform: translate(60px, -60px);
}

.offset-tr7 {
    transform: translate(70px, -70px);
}

.offset-tr8 {
    transform: translate(80px, -80px);
}

.offset-tr9 {
    transform: translate(90px, -90px);
}

.offset-tr10 {
    transform: translate(100px, -100px);
}

.offset-y-reset {
    transform: translateY(0px);
}

.offset-x-reset {
    transform: translateX(0px);
}

/* Start Margin and Padding Utilities */

.m1 {
    margin: 10px;
}

.m2 {
    margin: 20px;
}

.m3 {
    margin: 30px;
}

.m4 {
    margin: 40px;
}

.m5 {
    margin: 50px;
}

.m6 {
    margin: 60px;
}

.m7 {
    margin: 70px;
}

.m8 {
    margin: 80px;
}

.m9 {
    margin: 90px;
}

.m10 {
    margin: 100px;
}

.m11 {
    margin: 110px;
}

.m12 {
    margin: 120px;
}

.m13 {
    margin: 130px;
}

.m14 {
    margin: 140px;
}

.m15 {
    margin: 150px;
}

.m16 {
    margin: 160px;
}

.m17 {
    margin: 170px;
}

.m18 {
    margin: 180px;
}

.m19 {
    margin: 190px;
}

.m20 {
    margin: 200px;
}

.mb1 {
    margin-bottom: 10px;
}

.mb2 {
    margin-bottom: 20px;
}

.mb3 {
    margin-bottom: 30px;
}

.mb4 {
    margin-bottom: 40px;
}

.mb5 {
    margin-bottom: 50px;
}

.mb6 {
    margin-bottom: 60px;
}

.mb7 {
    margin-bottom: 70px;
}

.mb8 {
    margin-bottom: 80px;
}

.mb9 {
    margin-bottom: 90px;
}

.mb10 {
    margin-bottom: 100px;
}

.mb11 {
    margin-bottom: 110px;
}

.mb12 {
    margin-bottom: 120px;
}

.mb13 {
    margin-bottom: 130px;
}

.mb14 {
    margin-bottom: 140px;
}

.mb15 {
    margin-bottom: 150px;
}

.mb16 {
    margin-bottom: 160px;
}

.mb17 {
    margin-bottom: 170px;
}

.mb18 {
    margin-bottom: 180px;
}

.mb19 {
    margin-bottom: 190px;
}

.mb20 {
    margin-bottom: 200px;
}

.ml1 {
    margin-left: 10px;
}

.ml2 {
    margin-left: 20px;
}

.ml3 {
    margin-left: 30px;
}

.ml4 {
    margin-left: 40px;
}

.ml5 {
    margin-left: 50px;
}

.ml6 {
    margin-left: 60px;
}

.ml7 {
    margin-left: 70px;
}

.ml8 {
    margin-left: 80px;
}

.ml9 {
    margin-left: 90px;
}

.ml10 {
    margin-left: 100px;
}

.ml11 {
    margin-left: 110px;
}

.ml12 {
    margin-left: 120px;
}

.ml13 {
    margin-left: 130px;
}

.ml14 {
    margin-left: 140px;
}

.ml15 {
    margin-left: 150px;
}

.ml16 {
    margin-left: 160px;
}

.ml17 {
    margin-left: 170px;
}

.ml18 {
    margin-left: 180px;
}

.ml19 {
    margin-left: 190px;
}

.ml20 {
    margin-left: 200px;
}

.mr1 {
    margin-right: 10px;
}

.mr2 {
    margin-right: 20px;
}

.mr3 {
    margin-right: 30px;
}

.mr4 {
    margin-right: 40px;
}

.mr5 {
    margin-right: 50px;
}

.mr6 {
    margin-right: 60px;
}

.mr7 {
    margin-right: 70px;
}

.mr8 {
    margin-right: 80px;
}

.mr9 {
    margin-right: 90px;
}

.mr10 {
    margin-right: 100px;
}

.mr11 {
    margin-right: 110px;
}

.mr12 {
    margin-right: 120px;
}

.mr13 {
    margin-right: 130px;
}

.mr14 {
    margin-right: 140px;
}

.mr15 {
    margin-right: 150px;
}

.mr16 {
    margin-right: 160px;
}

.mr17 {
    margin-right: 170px;
}

.mr18 {
    margin-right: 180px;
}

.mr19 {
    margin-right: 190px;
}

.mr20 {
    margin-right: 200px;
}

.mt1 {
    margin-top: 10px;
}

.mt2 {
    margin-top: 20px;
}

.mt3 {
    margin-top: 30px;
}

.mt4 {
    margin-top: 40px;
}

.mt5 {
    margin-top: 50px;
}

.mt6 {
    margin-top: 60px;
}

.mt7 {
    margin-top: 70px;
}

.mt8 {
    margin-top: 80px;
}

.mt9 {
    margin-top: 90px;
}

.mt10 {
    margin-top: 100px;
}

.mt11 {
    margin-top: 110px;
}

.mt12 {
    margin-top: 120px;
}

.mt13 {
    margin-top: 130px;
}

.mt14 {
    margin-top: 140px;
}

.mt15 {
    margin-top: 150px;
}

.mt16 {
    margin-top: 160px;
}

.mt17 {
    margin-top: 170px;
}

.mt18 {
    margin-top: 180px;
}

.mt19 {
    margin-top: 190px;
}

.mt20 {
    margin-top: 200px;
}

.p1 {
    padding: 10px;
}

.p2 {
    padding: 20px;
}

.p3 {
    padding: 30px;
}

.p4 {
    padding: 40px;
}

.p5 {
    padding: 50px;
}

.p6 {
    padding: 60px;
}

.p7 {
    padding: 70px;
}

.p8 {
    padding: 80px;
}

.p9 {
    padding: 90px;
}

.p10 {
    padding: 100px;
}

.p11 {
    padding: 110px;
}

.p12 {
    padding: 120px;
}

.p13 {
    padding: 130px;
}

.p14 {
    padding: 140px;
}

.p15 {
    padding: 150px;
}

.p16 {
    padding: 160px;
}

.p17 {
    padding: 170px;
}

.p18 {
    padding: 180px;
}

.p19 {
    padding: 190px;
}

.p20 {
    padding: 200px;
}

.pb1 {
    padding-bottom: 10px;
}

.pb2 {
    padding-bottom: 20px;
}

.pb3 {
    padding-bottom: 30px;
}

.pb4 {
    padding-bottom: 40px;
}

.pb5 {
    padding-bottom: 50px;
}

.pb6 {
    padding-bottom: 60px;
}

.pb7 {
    padding-bottom: 70px;
}

.pb8 {
    padding-bottom: 80px;
}

.pb9 {
    padding-bottom: 90px;
}

.pb10 {
    padding-bottom: 100px;
}

.pb11 {
    padding-bottom: 110px;
}

.pb12 {
    padding-bottom: 120px;
}

.pb13 {
    padding-bottom: 130px;
}

.pb14 {
    padding-bottom: 140px;
}

.pb15 {
    padding-bottom: 150px;
}

.pb16 {
    padding-bottom: 160px;
}

.pb17 {
    padding-bottom: 170px;
}

.pb18 {
    padding-bottom: 180px;
}

.pb19 {
    padding-bottom: 190px;
}

.pb20 {
    padding-bottom: 200px;
}

.pl1 {
    padding-left: 10px;
}

.pl2 {
    padding-left: 20px;
}

.pl3 {
    padding-left: 30px;
}

.pl4 {
    padding-left: 40px;
}

.pl5 {
    padding-left: 50px;
}

.pl6 {
    padding-left: 60px;
}

.pl7 {
    padding-left: 70px;
}

.pl8 {
    padding-left: 80px;
}

.pl9 {
    padding-left: 90px;
}

.pl10 {
    padding-left: 100px;
}

.pl11 {
    padding-left: 110px;
}

.pl12 {
    padding-left: 120px;
}

.pl13 {
    padding-left: 130px;
}

.pl14 {
    padding-left: 140px;
}

.pl15 {
    padding-left: 150px;
}

.pl16 {
    padding-left: 160px;
}

.pl17 {
    padding-left: 170px;
}

.pl18 {
    padding-left: 180px;
}

.pl19 {
    padding-left: 190px;
}

.pl20 {
    padding-left: 200px;
}

.pr1 {
    padding-right: 10px;
}

.pr2 {
    padding-right: 20px;
}

.pr3 {
    padding-right: 30px;
}

.pr4 {
    padding-right: 40px;
}

.pr5 {
    padding-right: 50px;
}

.pr6 {
    padding-right: 60px;
}

.pr7 {
    padding-right: 70px;
}

.pr8 {
    padding-right: 80px;
}

.pr9 {
    padding-right: 90px;
}

.pr10 {
    padding-right: 100px;
}

.pr11 {
    padding-right: 110px;
}

.pr12 {
    padding-right: 120px;
}

.pr13 {
    padding-right: 130px;
}

.pr14 {
    padding-right: 140px;
}

.pr15 {
    padding-right: 150px;
}

.pr16 {
    padding-right: 160px;
}

.pr17 {
    padding-right: 170px;
}

.pr18 {
    padding-right: 180px;
}

.pr19 {
    padding-right: 190px;
}

.pr20 {
    padding-right: 200px;
}

.pt1 {
    padding-top: 10px;
}

.pt2 {
    padding-top: 20px;
}

.pt3 {
    padding-top: 30px;
}

.pt4 {
    padding-top: 40px;
}

.pt5 {
    padding-top: 50px;
}

.pt6 {
    padding-top: 60px;
}

.pt7 {
    padding-top: 70px;
}

.pt8 {
    padding-top: 80px;
}

.pt9 {
    padding-top: 90px;
}

.pt10 {
    padding-top: 100px;
}

.pt11 {
    padding-top: 110px;
}

.pt12 {
    padding-top: 120px;
}

.pt13 {
    padding-top: 130px;
}

.pt14 {
    padding-top: 140px;
}

.pt15 {
    padding-top: 150px;
}

.pt16 {
    padding-top: 160px;
}

.pt17 {
    padding-top: 170px;
}

.pt18 {
    padding-top: 180px;
}

.pt19 {
    padding-top: 190px;
}

.pt20 {
    padding-top: 200px;
}

.m0 {
    margin: 0px;
}

.ml0 {
    margin-left: 0px;
}

.mr0 {
    margin-right: 0px;
}

.mt0 {
    margin-top: 0px;
}

.mb0 {
    margin-bottom: 0px;
}

.p0 {
    padding: 0px;
}

.pb0 {
    padding-bottom: 0px;
}

.pt0 {
    padding-top: 0px;
}

.pr0 {
    padding-right: 0px;
}

.pl0 {
    padding-left: 0px;
}

/* End Margin and Padding Utilities */

/* Start Text Utilities */

.text-1 {
    font-size: 10px !important;
}

.text-2 {
    font-size: 12px !important;
}

.text-3 {
    font-size: 14px !important;
}

.text-4 {
    font-size: 16px !important;
}

.text-5 {
    font-size: 18px !important;
}

.text-6 {
    font-size: 20px !important;
}

.text-7 {
    font-size: 22px !important;
}

.text-8 {
    font-size: 24px !important;
}

.text-9 {
    font-size: 26px !important;
}

.text-10 {
    font-size: 28px !important;
}

.text-11 {
    font-size: 30px !important;
}

.text-12 {
    font-size: 32px !important;
}

.text-13 {
    font-size: 34px !important;
}

.text-14 {
    font-size: 36px !important;
}

.text-15 {
    font-size: 38px !important;
}

.text-16 {
    font-size: 40px !important;
}

.text-17 {
    font-size: 42px !important;
}

.text-18 {
    font-size: 44px !important;
}

.text-19 {
    font-size: 46px !important;
}

.text-20 {
    font-size: 48px !important;
}

.text-21 {
    font-size: 50px !important;
}

.text-22 {
    font-size: 52px !important;
}

.text-23 {
    font-size: 54px !important;
}

.text-24 {
    font-size: 56px !important;
}

.text-25 {
    font-size: 58px !important;
}

.text-26 {
    font-size: 60px !important;
}

.text-27 {
    font-size: 62px !important;
}

.text-28 {
    font-size: 64px !important;
}

.text-29 {
    font-size: 66px !important;
}

.text-30 {
    font-size: 68px !important;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-black {
    color: #111;
}

.text-break {
    line-break: anywhere;
}

.text-capitalize {
    text-transform: capitalize;
}

.text-color-main,
.text-color-m {
    color: var(--main-color);
}

.text-color-md1 {
    color: var(--main-color-dark-1);
}

.text-color-md2 {
    color: var(--main-color-dark-2);
}

.text-color-md3 {
    color: var(--main-color-dark-3);
}

.text-color-ml1 {
    color: var(--main-color-light-1);
}

.text-color-ml2 {
    color: var(--main-color-light-2);
}

.text-color-ml3 {
    color: var(--main-color-light-3);
}

.text-color-secondary,
.text-color-s {
    color: var(--secondary-color);
}

.text-color-sd1 {
    color: var(--secondary-color-dark-1);
}

.text-color-sd2 {
    color: var(--secondary-color-dark-2);
}

.text-color-sd3 {
    color: var(--secondary-color-dark-3);
}

.text-color-sl1 {
    color: var(--secondary-color-light-1);
}

.text-color-sl2 {
    color: var(--secondary-color-light-2);
}

.text-color-sl3 {
    color: var(--secondary-color-light-3);
}

.text-grey-1 {
    color: var(--grey-1);
}

.text-grey-2 {
    color: var(--grey-2);
}

.text-grey-3 {
    color: var(--grey-3);
}

.text-grey-4 {
    color: var(--grey-4);
}

.text-grey-5 {
    color: var(--grey-5);
}

.text-grey-6 {
    color: var(--grey-6);
}

.text-grey-7 {
    color: var(--grey-7);
}

.text-height-normal {
    line-height: normal !important;
}

.text-height-1 {
    line-height: 10px !important;
}

.text-height-2 {
    line-height: 20px !important;
}

.text-height-22 {
    line-height: 22px !important;
}

.text-height-25 {
    line-height: 25px !important;
}

.text-height-3 {
    line-height: 30px !important;
}

.text-height-10 {
    line-height: 100px !important;
}

.text-heavy {
    font-weight: 700 !important;
}

.text-italic {
    font-style: italic !important;
}

.text-style-none {
    font-style: normal !important;
}

.text-bold {
    font-weight: bold !important;
}

.text-left {
    text-align: left;
}

.text-light {
    font-weight: 100 !important;
}

.text-right {
    text-align: right;
}

.text-shadow-1 {
    text-shadow: 1px 1px 1px #919191, 1px 2px 1px #919191, 1px 3px 1px #919191, 1px 4px 1px #919191, 1px 5px 1px #919191, 1px 6px 1px #919191, 1px 7px 1px #919191, 1px 8px 1px #919191, 1px 9px 1px #919191, 1px 10px 1px #919191;
}

.text-shadow-2 {
    text-shadow: 1px 1px 1px #eee, 1px 2px 1px #919191, 1px 3px 1px #919191, 1px 4px 1px #919191, 1px 5px 20px #ffffff;
}

.text-shadow-3 {
    text-shadow: -1px 0px 10px var(--main-color-dark-1);
}

.text-shadow-4 {
    text-shadow: 0px 15px 2px rgba(0, 0, 0, 0.2);
}

.text-shadow-glass {
    text-shadow: 16px 22px 11px rgba(0, 0, 0, 0.8);
}

.text-spacing-1 {
    letter-spacing: 1px;
}

.text-spacing-2 {
    letter-spacing: 2px;
}

.text-spacing-3 {
    letter-spacing: 3px;
}

.text-spacing-4 {
    letter-spacing: 4px;
}

.text-spacing-5 {
    letter-spacing: 5px;
}

.text-spacing-6 {
    letter-spacing: 6px;
}

.text-spacing-7 {
    letter-spacing: 7px;
}

.text-spacing-8 {
    letter-spacing: 8px;
}

.text-spacing-9 {
    letter-spacing: 9px;
}

.text-spacing-10 {
    letter-spacing: 10px;
}

.text-sub-spacing-1 {
    letter-spacing: -1px;
}

.text-sub-spacing-2 {
    letter-spacing: -2px;
}

.text-sub-spacing-3 {
    letter-spacing: -3px;
}

.text-sub-spacing-4 {
    letter-spacing: -4px;
}

.text-sub-spacing-5 {
    letter-spacing: -5px;
}

.text-sub-spacing-6 {
    letter-spacing: -6px;
}

.text-sub-spacing-7 {
    letter-spacing: -7px;
}

.text-sub-spacing-8 {
    letter-spacing: -8px;
}

.text-sub-spacing-9 {
    letter-spacing: -9px;
}

.text-sub-spacing-10 {
    letter-spacing: -10px;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-weight-normal {
    font-weight: normal !important;
}

.text-white {
    color: #fff !important;
}

/* End Text Utilities */

.frmGridRow-1 {
    display: grid;
    grid-auto-columns: 100%;
    grid-auto-rows: auto;
    grid-template-columns: repeat(1, 1fr);
}

.frmGridRow-2 {
    display: grid;
    grid-auto-columns: 100%;
    grid-auto-rows: auto;
    grid-template-columns: repeat(2, 1fr);
}

.frmGridRow-3 {
    display: grid;
    grid-auto-columns: 100%;
    grid-auto-rows: auto;
    grid-template-columns: repeat(3, 1fr);
}

.frmGridRow-4 {
    display: grid;
    grid-auto-columns: 100%;
    grid-auto-rows: auto;
    grid-template-columns: repeat(4, 1fr);
}

.frmGridRow-5 {
    display: grid;
    grid-auto-columns: 100%;
    grid-auto-rows: auto;
    grid-template-columns: repeat(5, 1fr);
}

.frmGridRow-6 {
    display: grid;
    grid-auto-columns: 100%;
    grid-auto-rows: auto;
    grid-template-columns: repeat(6, 1fr);
}

.frmGridRow-7 {
    display: grid;
    grid-auto-columns: 100%;
    grid-auto-rows: auto;
    grid-template-columns: repeat(7, 1fr);
}

.frmGridRow-8 {
    display: grid;
    grid-auto-columns: 100%;
    grid-auto-rows: auto;
    grid-template-columns: repeat(8, 1fr);
}

.frmGridRow-9 {
    display: grid;
    grid-auto-columns: 100%;
    grid-auto-rows: auto;
    grid-template-columns: repeat(9, 1fr);
}

.frmGridCell-1 {
    grid-column: span 1;
}

.frmGridCell-2 {
    grid-column: span 2;
}

.frmGridCell-3 {
    grid-column: span 3;
}

.frmGridCell-4 {
    grid-column: span 4;
}

.frmGridCell-5 {
    grid-column: span 5;
}

.frmGridCell-6 {
    grid-column: span 6;
}

.frmGridCell-7 {
    grid-column: span 7;
}

.frmGridCell-8 {
    grid-column: span 8;
}

.frmGridCell-9 {
    grid-column: span 9;
}

.square-1 {
    display: flex;
    height: 20px !important;
    width: 20px !important;
}

.square-2 {
    display: flex;
    height: 40px !important;
    width: 40px !important;
}

.square-3 {
    display: flex;
    height: 60px !important;
    width: 60px !important;
}

.square-4 {
    display: flex;
    height: 80px !important;
    width: 80px !important;
}

.square-5 {
    display: flex;
    height: 100px !important;
    width: 100px !important;
}

.square-6 {
    display: flex;
    height: 120px !important;
    width: 120px !important;
}

.square-7 {
    display: flex;
    height: 140px !important;
    width: 140px !important;
}

.square-8 {
    display: flex;
    height: 160px !important;
    width: 160px !important;
}

.square-9 {
    display: flex;
    height: 180px !important;
    width: 180px !important;
}

.square-10 {
    display: flex;
    height: 200px !important;
    width: 200px !important;
}

.square-11 {
    display: flex;
    height: 220px !important;
    width: 220px !important;
}

.square-12 {
    display: flex;
    height: 240px !important;
    width: 240px !important;
}

.square-13 {
    display: flex;
    height: 260px !important;
    width: 260px !important;
}

.square-14 {
    display: flex;
    height: 280px !important;
    width: 280px !important;
}

.square-15 {
    display: flex;
    height: 300px !important;
    width: 300px !important;
}

/*S 12/22/22 */

.sparkSite {
    /* Main container */
    /* Row container */
    /* Column container 
  &ContentLayoutColumn {

  }
  */
}

.sparkSiteContainer {
    display: flex;
    flex-direction: column;
}

.sparkSiteLayoutTemplateContainer {
    display: flex;
}

/*E 12/22/22 */

@media screen and (min-width: 500px) {
    .abs-right--small-up {
        right: 0;
        left: unset !important;
    }

    .abs-right--medium-up {
        right: 0;
        left: unset !important;
    }

    .abs-left--small-up {
        left: 0;
        right: unset !important;
    }

    .abs-left--medium-up {
        left: 0;
        right: unset !important;
    }

    .abs-top--small-up {
        top: 0;
        bottom: unset !important;
    }

    .abs-top--medium-up {
        top: 0;
        bottom: unset !important;
    }

    .abs-bottom--small-up {
        bottom: 0;
        top: unset !important;
    }

    .abs-bottom--medium-up {
        bottom: 0;
        top: unset !important;
    }

    .flex-even--small-up {
        display: flex;
        justify-content: space-evenly !important;
    }

    .flex-even--medium-up {
        display: flex;
        justify-content: space-evenly !important;
    }

    .flex-between--small-up {
        display: flex;
        justify-content: space-between !important;
    }

    .flex-between--medium-up {
        display: flex;
        justify-content: space-between !important;
    }

    .flex-row--small-up {
        display: flex;
        flex-direction: row !important;
    }

    .flex-row--medium-up {
        display: flex;
        flex-direction: row !important;
    }

    .flex-row-rev--small-up {
        display: flex;
        flex-direction: row-reverse !important;
    }

    .flex-row-rev--medium-up {
        display: flex;
        flex-direction: row-reverse !important;
    }

    .flex-column--small-up {
        display: flex;
        flex-direction: column !important;
    }

    .flex-column--medium-up {
        display: flex;
        flex-direction: column !important;
    }

    .flex-column-rev--small-up {
        display: flex;
        flex-direction: column-reverse !important;
    }

    .flex-column-rev--medium-up {
        display: flex;
        flex-direction: column-reverse !important;
    }

    .flex-justify-center--small-up {
        display: flex;
        justify-content: center !important;
    }

    .flex-justify-center--medium-up {
        display: flex;
        justify-content: center !important;
    }

    .flex-justify-top--small-up {
        display: flex;
        justify-content: top !important;
    }

    .flex-justify-top--medium-up {
        display: flex;
        justify-content: top !important;
    }

    .flex-justify-bottom--small-up {
        display: flex;
        justify-content: bottom !important;
    }

    .flex-justify-bottom--medium-up {
        display: flex;
        justify-content: bottom !important;
    }

    .flex-justify-right--small-up {
        display: flex;
        justify-content: right !important;
    }

    .flex-justify-right--medium-up {
        display: flex;
        justify-content: right !important;
    }

    .flex-justify-left--small-up {
        display: flex;
        justify-content: left !important;
    }

    .flex-justify-left--medium-up {
        display: flex;
        justify-content: left !important;
    }

    .flex-justify-end--small-up {
        display: flex;
        justify-content: flex-end !important;
    }

    .flex-justify-end--medium-up {
        display: flex;
        justify-content: flex-end !important;
    }

    .flex-justify-start--small-up {
        display: flex;
        justify-content: flex-start !important;
    }

    .flex-justify-start--medium-up {
        display: flex;
        justify-content: flex-start !important;
    }

    .flex-align-center--small-up {
        display: flex;
        align-items: center !important;
    }

    .flex-align-center--medium-up {
        display: flex;
        align-items: center !important;
    }

    .flex-align-end--small-up {
        display: flex;
        align-items: flex-end !important;
    }

    .flex-align-end--medium-up {
        display: flex;
        align-items: flex-end !important;
    }

    .flex-align-start--small-up {
        display: flex;
        align-items: flex-start !important;
    }

    .flex-align-start--medium-up {
        display: flex;
        align-items: flex-start !important;
    }

    .self-center--small-up {
        display: flex;
        align-self: center !important;
    }

    .self-center--medium-up {
        display: flex;
        align-self: center !important;
    }

    .w-10--small-up {
        width: 10% !important;
    }

    .w-10--medium-up {
        width: 10% !important;
    }

    .w-20--small-up {
        width: 20% !important;
    }

    .w-20--medium-up {
        width: 20% !important;
    }

    .w-30--small-up {
        width: 30% !important;
    }

    .w-30--medium-up {
        width: 30% !important;
    }

    .w-40--small-up {
        width: 40% !important;
    }

    .w-40--medium-up {
        width: 40% !important;
    }

    .w-50--small-up {
        width: 50% !important;
    }

    .w-50--medium-up {
        width: 50% !important;
    }

    .w-60--small-up {
        width: 60% !important;
    }

    .w-60--medium-up {
        width: 60% !important;
    }

    .w-70--small-up {
        width: 70% !important;
    }

    .w-70--medium-up {
        width: 70% !important;
    }

    .w-80--small-up {
        width: 80% !important;
    }

    .w-80--medium-up {
        width: 80% !important;
    }

    .w-90--small-up {
        width: 90% !important;
    }

    .w-90--medium-up {
        width: 90% !important;
    }

    .w-100--small-up {
        width: 100% !important;
    }

    .w-100--medium-up {
        width: 100% !important;
    }

    .w-auto--small-up {
        width: auto !important;
    }

    .w-auto--medium-up {
        width: auto !important;
    }

    .w-25--small-up {
        width: 25% !important;
    }

    .w-25--medium-up {
        width: 25% !important;
    }

    .w-33--small-up {
        width: 33.3% !important;
    }

    .w-33--medium-up {
        width: 33.3% !important;
    }

    .w-45--small-up {
        width: 45% !important;
    }

    .w-45--medium-up {
        width: 45% !important;
    }

    .w-48--small-up {
        width: 48% !important;
    }

    .w-48--medium-up {
        width: 48% !important;
    }

    .w-75--small-up {
        width: 75% !important;
    }

    .w-75--medium-up {
        width: 75% !important;
    }

    .offset-l0--small-up {
        transform: translateX(0px) !important;
    }

    .offset-l0--medium-up {
        transform: translateX(0px) !important;
    }

    .offset-l1--small-up {
        transform: translateX(-10px) !important;
    }

    .offset-l1--medium-up {
        transform: translateX(-10px) !important;
    }

    .offset-l2--small-up {
        transform: translateX(-20px) !important;
    }

    .offset-l2--medium-up {
        transform: translateX(-20px) !important;
    }

    .offset-l3--small-up {
        transform: translateX(-30px) !important;
    }

    .offset-l3--medium-up {
        transform: translateX(-30px) !important;
    }

    .offset-l4--small-up {
        transform: translateX(-40px) !important;
    }

    .offset-l4--medium-up {
        transform: translateX(-40px) !important;
    }

    .offset-l5--small-up {
        transform: translateX(-50px) !important;
    }

    .offset-l5--medium-up {
        transform: translateX(-50px) !important;
    }

    .offset-l6--small-up {
        transform: translateX(-60px) !important;
    }

    .offset-l6--medium-up {
        transform: translateX(-60px) !important;
    }

    .offset-l7--small-up {
        transform: translateX(-70px) !important;
    }

    .offset-l7--medium-up {
        transform: translateX(-70px) !important;
    }

    .offset-l8--small-up {
        transform: translateX(-80px) !important;
    }

    .offset-l8--medium-up {
        transform: translateX(-80px) !important;
    }

    .offset-l9--small-up {
        transform: translateX(-90px) !important;
    }

    .offset-l9--medium-up {
        transform: translateX(-90px) !important;
    }

    .offset-l10--small-up {
        transform: translateX(-100px) !important;
    }

    .offset-l10--medium-up {
        transform: translateX(-100px) !important;
    }

    .offset-r0--small-up {
        transform: translateX(0px) !important;
    }

    .offset-r0--medium-up {
        transform: translateX(0px) !important;
    }

    .offset-r1--small-up {
        transform: translateX(10px) !important;
    }

    .offset-r1--medium-up {
        transform: translateX(10px) !important;
    }

    .offset-r2--small-up {
        transform: translateX(20px) !important;
    }

    .offset-r2--medium-up {
        transform: translateX(20px) !important;
    }

    .offset-r3--small-up {
        transform: translateX(30px) !important;
    }

    .offset-r3--medium-up {
        transform: translateX(30px) !important;
    }

    .offset-r4--small-up {
        transform: translateX(40px) !important;
    }

    .offset-r4--medium-up {
        transform: translateX(40px) !important;
    }

    .offset-r5--small-up {
        transform: translateX(50px) !important;
    }

    .offset-r5--medium-up {
        transform: translateX(50px) !important;
    }

    .offset-r6--small-up {
        transform: translateX(60px) !important;
    }

    .offset-r6--medium-up {
        transform: translateX(60px) !important;
    }

    .offset-r7--small-up {
        transform: translateX(70px) !important;
    }

    .offset-r7--medium-up {
        transform: translateX(70px) !important;
    }

    .offset-r8--small-up {
        transform: translateX(80px) !important;
    }

    .offset-r8--medium-up {
        transform: translateX(80px) !important;
    }

    .offset-r9--small-up {
        transform: translateX(90px) !important;
    }

    .offset-r9--medium-up {
        transform: translateX(90px) !important;
    }

    .offset-r10--small-up {
        transform: translateX(100px) !important;
    }

    .offset-r10--medium-up {
        transform: translateX(100px) !important;
    }

    .offset-b0--small-up {
        transform: translateY(0px) !important;
    }

    .offset-b0--medium-up {
        transform: translateY(0px) !important;
    }

    .offset-b1--small-up {
        transform: translateY(10px) !important;
    }

    .offset-b1--medium-up {
        transform: translateY(10px) !important;
    }

    .offset-b2--small-up {
        transform: translateY(20px) !important;
    }

    .offset-b2--medium-up {
        transform: translateY(20px) !important;
    }

    .offset-b3--small-up {
        transform: translateY(30px) !important;
    }

    .offset-b3--medium-up {
        transform: translateY(30px) !important;
    }

    .offset-b4--small-up {
        transform: translateY(40px) !important;
    }

    .offset-b4--medium-up {
        transform: translateY(40px) !important;
    }

    .offset-b5--small-up {
        transform: translateY(50px) !important;
    }

    .offset-b5--medium-up {
        transform: translateY(50px) !important;
    }

    .offset-b6--small-up {
        transform: translateY(60px) !important;
    }

    .offset-b6--medium-up {
        transform: translateY(60px) !important;
    }

    .offset-b7--small-up {
        transform: translateY(70px) !important;
    }

    .offset-b7--medium-up {
        transform: translateY(70px) !important;
    }

    .offset-b8--small-up {
        transform: translateY(80px) !important;
    }

    .offset-b8--medium-up {
        transform: translateY(80px) !important;
    }

    .offset-b9--small-up {
        transform: translateY(90px) !important;
    }

    .offset-b9--medium-up {
        transform: translateY(90px) !important;
    }

    .offset-b10--small-up {
        transform: translateY(100px) !important;
    }

    .offset-b10--medium-up {
        transform: translateY(100px) !important;
    }

    .offset-bl0--small-up {
        transform: translate(0px, 0px) !important;
    }

    .offset-bl0--medium-up {
        transform: translate(0px, 0px) !important;
    }

    .offset-bl1--small-up {
        transform: translate(-10px, 10px) !important;
    }

    .offset-bl1--medium-up {
        transform: translate(-10px, 10px) !important;
    }

    .offset-bl2--small-up {
        transform: translate(-20px, 20px) !important;
    }

    .offset-bl2--medium-up {
        transform: translate(-20px, 20px) !important;
    }

    .offset-bl3--small-up {
        transform: translate(-30px, 30px) !important;
    }

    .offset-bl3--medium-up {
        transform: translate(-30px, 30px) !important;
    }

    .offset-bl4--small-up {
        transform: translate(-40px, 40px) !important;
    }

    .offset-bl4--medium-up {
        transform: translate(-40px, 40px) !important;
    }

    .offset-bl5--small-up {
        transform: translate(-50px, 50px) !important;
    }

    .offset-bl5--medium-up {
        transform: translate(-50px, 50px) !important;
    }

    .offset-bl6--small-up {
        transform: translate(-60px, 60px) !important;
    }

    .offset-bl6--medium-up {
        transform: translate(-60px, 60px) !important;
    }

    .offset-bl7--small-up {
        transform: translate(-70px, 70px) !important;
    }

    .offset-bl7--medium-up {
        transform: translate(-70px, 70px) !important;
    }

    .offset-bl8--small-up {
        transform: translate(-80px, 80px) !important;
    }

    .offset-bl8--medium-up {
        transform: translate(-80px, 80px) !important;
    }

    .offset-bl9--small-up {
        transform: translate(-90px, 90px) !important;
    }

    .offset-bl9--medium-up {
        transform: translate(-90px, 90px) !important;
    }

    .offset-bl10--small-up {
        transform: translate(-100px, 100px) !important;
    }

    .offset-bl10--medium-up {
        transform: translate(-100px, 100px) !important;
    }

    .offset-br0--small-up {
        transform: translate(0px, 0px) !important;
    }

    .offset-br0--medium-up {
        transform: translate(0px, 0px) !important;
    }

    .offset-br1--small-up {
        transform: translate(10px, 10px) !important;
    }

    .offset-br1--medium-up {
        transform: translate(10px, 10px) !important;
    }

    .offset-br2--small-up {
        transform: translate(20px, 20px) !important;
    }

    .offset-br2--medium-up {
        transform: translate(20px, 20px) !important;
    }

    .offset-br3--small-up {
        transform: translate(30px, 30px) !important;
    }

    .offset-br3--medium-up {
        transform: translate(30px, 30px) !important;
    }

    .offset-br4--small-up {
        transform: translate(40px, 40px) !important;
    }

    .offset-br4--medium-up {
        transform: translate(40px, 40px) !important;
    }

    .offset-br5--small-up {
        transform: translate(50px, 50px) !important;
    }

    .offset-br5--medium-up {
        transform: translate(50px, 50px) !important;
    }

    .offset-br6--small-up {
        transform: translate(60px, 60px) !important;
    }

    .offset-br6--medium-up {
        transform: translate(60px, 60px) !important;
    }

    .offset-br7--small-up {
        transform: translate(70px, 70px) !important;
    }

    .offset-br7--medium-up {
        transform: translate(70px, 70px) !important;
    }

    .offset-br8--small-up {
        transform: translate(80px, 80px) !important;
    }

    .offset-br8--medium-up {
        transform: translate(80px, 80px) !important;
    }

    .offset-br9--small-up {
        transform: translate(90px, 90px) !important;
    }

    .offset-br9--medium-up {
        transform: translate(90px, 90px) !important;
    }

    .offset-br10--small-up {
        transform: translate(100px, 100px) !important;
    }

    .offset-br10--medium-up {
        transform: translate(100px, 100px) !important;
    }

    .offset-t0--small-up {
        transform: translateY(0px) !important;
    }

    .offset-t0--medium-up {
        transform: translateY(0px) !important;
    }

    .offset-t1--small-up {
        transform: translateY(-10px) !important;
    }

    .offset-t1--medium-up {
        transform: translateY(-10px) !important;
    }

    .offset-t2--small-up {
        transform: translateY(-20px) !important;
    }

    .offset-t2--medium-up {
        transform: translateY(-20px) !important;
    }

    .offset-t3--small-up {
        transform: translateY(-30px) !important;
    }

    .offset-t3--medium-up {
        transform: translateY(-30px) !important;
    }

    .offset-t4--small-up {
        transform: translateY(-40px) !important;
    }

    .offset-t4--medium-up {
        transform: translateY(-40px) !important;
    }

    .offset-t5--small-up {
        transform: translateY(-50px) !important;
    }

    .offset-t5--medium-up {
        transform: translateY(-50px) !important;
    }

    .offset-t6--small-up {
        transform: translateY(-60px) !important;
    }

    .offset-t6--medium-up {
        transform: translateY(-60px) !important;
    }

    .offset-t7--small-up {
        transform: translateY(-70px) !important;
    }

    .offset-t7--medium-up {
        transform: translateY(-70px) !important;
    }

    .offset-t8--small-up {
        transform: translateY(-80px) !important;
    }

    .offset-t8--medium-up {
        transform: translateY(-80px) !important;
    }

    .offset-t9--small-up {
        transform: translateY(-90px) !important;
    }

    .offset-t9--medium-up {
        transform: translateY(-90px) !important;
    }

    .offset-t10--small-up {
        transform: translateY(-100px) !important;
    }

    .offset-t10--medium-up {
        transform: translateY(-100px) !important;
    }

    .offset-tl0--small-up {
        transform: translate(0px, 0px) !important;
    }

    .offset-tl0--medium-up {
        transform: translate(0px, 0px) !important;
    }

    .offset-tl1--small-up {
        transform: translate(-10px, -10px) !important;
    }

    .offset-tl1--medium-up {
        transform: translate(-10px, -10px) !important;
    }

    .offset-tl2--small-up {
        transform: translate(-20px, -20px) !important;
    }

    .offset-tl2--medium-up {
        transform: translate(-20px, -20px) !important;
    }

    .offset-tl3--small-up {
        transform: translate(-30px, -30px) !important;
    }

    .offset-tl3--medium-up {
        transform: translate(-30px, -30px) !important;
    }

    .offset-tl4--small-up {
        transform: translate(-40px, -40px) !important;
    }

    .offset-tl4--medium-up {
        transform: translate(-40px, -40px) !important;
    }

    .offset-tl5--small-up {
        transform: translate(-50px, -50px) !important;
    }

    .offset-tl5--medium-up {
        transform: translate(-50px, -50px) !important;
    }

    .offset-tl6--small-up {
        transform: translate(-60px, -60px) !important;
    }

    .offset-tl6--medium-up {
        transform: translate(-60px, -60px) !important;
    }

    .offset-tl7--small-up {
        transform: translate(-70px, -70px) !important;
    }

    .offset-tl7--medium-up {
        transform: translate(-70px, -70px) !important;
    }

    .offset-tl8--small-up {
        transform: translate(-80px, -80px) !important;
    }

    .offset-tl8--medium-up {
        transform: translate(-80px, -80px) !important;
    }

    .offset-tl9--small-up {
        transform: translate(-90px, -90px) !important;
    }

    .offset-tl9--medium-up {
        transform: translate(-90px, -90px) !important;
    }

    .offset-tl10--small-up {
        transform: translate(-100px, -100px) !important;
    }

    .offset-tl10--medium-up {
        transform: translate(-100px, -100px) !important;
    }

    .offset-tr0--small-up {
        transform: translate(0px, 0px) !important;
    }

    .offset-tr0--medium-up {
        transform: translate(0px, 0px) !important;
    }

    .offset-tr1--small-up {
        transform: translate(10px, -10px) !important;
    }

    .offset-tr1--medium-up {
        transform: translate(10px, -10px) !important;
    }

    .offset-tr2--small-up {
        transform: translate(20px, -20px) !important;
    }

    .offset-tr2--medium-up {
        transform: translate(20px, -20px) !important;
    }

    .offset-tr3--small-up {
        transform: translate(30px, -30px) !important;
    }

    .offset-tr3--medium-up {
        transform: translate(30px, -30px) !important;
    }

    .offset-tr4--small-up {
        transform: translate(40px, -40px) !important;
    }

    .offset-tr4--medium-up {
        transform: translate(40px, -40px) !important;
    }

    .offset-tr5--small-up {
        transform: translate(50px, -50px) !important;
    }

    .offset-tr5--medium-up {
        transform: translate(50px, -50px) !important;
    }

    .offset-tr6--small-up {
        transform: translate(60px, -60px) !important;
    }

    .offset-tr6--medium-up {
        transform: translate(60px, -60px) !important;
    }

    .offset-tr7--small-up {
        transform: translate(70px, -70px) !important;
    }

    .offset-tr7--medium-up {
        transform: translate(70px, -70px) !important;
    }

    .offset-tr8--small-up {
        transform: translate(80px, -80px) !important;
    }

    .offset-tr8--medium-up {
        transform: translate(80px, -80px) !important;
    }

    .offset-tr9--small-up {
        transform: translate(90px, -90px) !important;
    }

    .offset-tr9--medium-up {
        transform: translate(90px, -90px) !important;
    }

    .offset-tr10--small-up {
        transform: translate(100px, -100px) !important;
    }

    .offset-tr10--medium-up {
        transform: translate(100px, -100px) !important;
    }

    .m1--small-up {
        margin: 10px !important;
    }

    .m1--medium-up {
        margin: 10px !important;
    }

    .m2--small-up {
        margin: 20px !important;
    }

    .m2--medium-up {
        margin: 20px !important;
    }

    .m3--small-up {
        margin: 30px !important;
    }

    .m3--medium-up {
        margin: 30px !important;
    }

    .m4--small-up {
        margin: 40px !important;
    }

    .m4--medium-up {
        margin: 40px !important;
    }

    .m5--small-up {
        margin: 50px !important;
    }

    .m5--medium-up {
        margin: 50px !important;
    }

    .m6--small-up {
        margin: 60px !important;
    }

    .m6--medium-up {
        margin: 60px !important;
    }

    .m7--small-up {
        margin: 70px !important;
    }

    .m7--medium-up {
        margin: 70px !important;
    }

    .m8--small-up {
        margin: 80px !important;
    }

    .m8--medium-up {
        margin: 80px !important;
    }

    .m9--small-up {
        margin: 90px !important;
    }

    .m9--medium-up {
        margin: 90px !important;
    }

    .m10--small-up {
        margin: 100px !important;
    }

    .m10--medium-up {
        margin: 100px !important;
    }

    .m11--small-up {
        margin: 110px !important;
    }

    .m11--medium-up {
        margin: 110px !important;
    }

    .m12--small-up {
        margin: 120px !important;
    }

    .m12--medium-up {
        margin: 120px !important;
    }

    .m13--small-up {
        margin: 130px !important;
    }

    .m13--medium-up {
        margin: 130px !important;
    }

    .m14--small-up {
        margin: 140px !important;
    }

    .m14--medium-up {
        margin: 140px !important;
    }

    .m15--small-up {
        margin: 150px !important;
    }

    .m15--medium-up {
        margin: 150px !important;
    }

    .m16--small-up {
        margin: 160px !important;
    }

    .m16--medium-up {
        margin: 160px !important;
    }

    .m17--small-up {
        margin: 170px !important;
    }

    .m17--medium-up {
        margin: 170px !important;
    }

    .m18--small-up {
        margin: 180px !important;
    }

    .m18--medium-up {
        margin: 180px !important;
    }

    .m19--small-up {
        margin: 190px !important;
    }

    .m19--medium-up {
        margin: 190px !important;
    }

    .m20--small-up {
        margin: 200px !important;
    }

    .m20--medium-up {
        margin: 200px !important;
    }

    .mb1--small-up {
        margin-bottom: 10px !important;
    }

    .mb1--medium-up {
        margin-bottom: 10px !important;
    }

    .mb2--small-up {
        margin-bottom: 20px !important;
    }

    .mb2--medium-up {
        margin-bottom: 20px !important;
    }

    .mb3--small-up {
        margin-bottom: 30px !important;
    }

    .mb3--medium-up {
        margin-bottom: 30px !important;
    }

    .mb4--small-up {
        margin-bottom: 40px !important;
    }

    .mb4--medium-up {
        margin-bottom: 40px !important;
    }

    .mb5--small-up {
        margin-bottom: 50px !important;
    }

    .mb5--medium-up {
        margin-bottom: 50px !important;
    }

    .mb6--small-up {
        margin-bottom: 60px !important;
    }

    .mb6--medium-up {
        margin-bottom: 60px !important;
    }

    .mb7--small-up {
        margin-bottom: 70px !important;
    }

    .mb7--medium-up {
        margin-bottom: 70px !important;
    }

    .mb8--small-up {
        margin-bottom: 80px !important;
    }

    .mb8--medium-up {
        margin-bottom: 80px !important;
    }

    .mb9--small-up {
        margin-bottom: 90px !important;
    }

    .mb9--medium-up {
        margin-bottom: 90px !important;
    }

    .mb10--small-up {
        margin-bottom: 100px !important;
    }

    .mb10--medium-up {
        margin-bottom: 100px !important;
    }

    .mb11--small-up {
        margin-bottom: 110px !important;
    }

    .mb11--medium-up {
        margin-bottom: 110px !important;
    }

    .mb12--small-up {
        margin-bottom: 120px !important;
    }

    .mb12--medium-up {
        margin-bottom: 120px !important;
    }

    .mb13--small-up {
        margin-bottom: 130px !important;
    }

    .mb13--medium-up {
        margin-bottom: 130px !important;
    }

    .mb14--small-up {
        margin-bottom: 140px !important;
    }

    .mb14--medium-up {
        margin-bottom: 140px !important;
    }

    .mb15--small-up {
        margin-bottom: 150px !important;
    }

    .mb15--medium-up {
        margin-bottom: 150px !important;
    }

    .mb16--small-up {
        margin-bottom: 160px !important;
    }

    .mb16--medium-up {
        margin-bottom: 160px !important;
    }

    .mb17--small-up {
        margin-bottom: 170px !important;
    }

    .mb17--medium-up {
        margin-bottom: 170px !important;
    }

    .mb18--small-up {
        margin-bottom: 180px !important;
    }

    .mb18--medium-up {
        margin-bottom: 180px !important;
    }

    .mb19--small-up {
        margin-bottom: 190px !important;
    }

    .mb19--medium-up {
        margin-bottom: 190px !important;
    }

    .mb20--small-up {
        margin-bottom: 200px !important;
    }

    .mb20--medium-up {
        margin-bottom: 200px !important;
    }

    .ml1--small-up {
        margin-left: 10px !important;
    }

    .ml1--medium-up {
        margin-left: 10px !important;
    }

    .ml2--small-up {
        margin-left: 20px !important;
    }

    .ml2--medium-up {
        margin-left: 20px !important;
    }

    .ml3--small-up {
        margin-left: 30px !important;
    }

    .ml3--medium-up {
        margin-left: 30px !important;
    }

    .ml4--small-up {
        margin-left: 40px !important;
    }

    .ml4--medium-up {
        margin-left: 40px !important;
    }

    .ml5--small-up {
        margin-left: 50px !important;
    }

    .ml5--medium-up {
        margin-left: 50px !important;
    }

    .ml6--small-up {
        margin-left: 60px !important;
    }

    .ml6--medium-up {
        margin-left: 60px !important;
    }

    .ml7--small-up {
        margin-left: 70px !important;
    }

    .ml7--medium-up {
        margin-left: 70px !important;
    }

    .ml8--small-up {
        margin-left: 80px !important;
    }

    .ml8--medium-up {
        margin-left: 80px !important;
    }

    .ml9--small-up {
        margin-left: 90px !important;
    }

    .ml9--medium-up {
        margin-left: 90px !important;
    }

    .ml10--small-up {
        margin-left: 100px !important;
    }

    .ml10--medium-up {
        margin-left: 100px !important;
    }

    .ml11--small-up {
        margin-left: 110px !important;
    }

    .ml11--medium-up {
        margin-left: 110px !important;
    }

    .ml12--small-up {
        margin-left: 120px !important;
    }

    .ml12--medium-up {
        margin-left: 120px !important;
    }

    .ml13--small-up {
        margin-left: 130px !important;
    }

    .ml13--medium-up {
        margin-left: 130px !important;
    }

    .ml14--small-up {
        margin-left: 140px !important;
    }

    .ml14--medium-up {
        margin-left: 140px !important;
    }

    .ml15--small-up {
        margin-left: 150px !important;
    }

    .ml15--medium-up {
        margin-left: 150px !important;
    }

    .ml16--small-up {
        margin-left: 160px !important;
    }

    .ml16--medium-up {
        margin-left: 160px !important;
    }

    .ml17--small-up {
        margin-left: 170px !important;
    }

    .ml17--medium-up {
        margin-left: 170px !important;
    }

    .ml18--small-up {
        margin-left: 180px !important;
    }

    .ml18--medium-up {
        margin-left: 180px !important;
    }

    .ml19--small-up {
        margin-left: 190px !important;
    }

    .ml19--medium-up {
        margin-left: 190px !important;
    }

    .ml20--small-up {
        margin-left: 200px !important;
    }

    .ml20--medium-up {
        margin-left: 200px !important;
    }

    .mr1--small-up {
        margin-right: 10px !important;
    }

    .mr1--medium-up {
        margin-right: 10px !important;
    }

    .mr2--small-up {
        margin-right: 20px !important;
    }

    .mr2--medium-up {
        margin-right: 20px !important;
    }

    .mr3--small-up {
        margin-right: 30px !important;
    }

    .mr3--medium-up {
        margin-right: 30px !important;
    }

    .mr4--small-up {
        margin-right: 40px !important;
    }

    .mr4--medium-up {
        margin-right: 40px !important;
    }

    .mr5--small-up {
        margin-right: 50px !important;
    }

    .mr5--medium-up {
        margin-right: 50px !important;
    }

    .mr6--small-up {
        margin-right: 60px !important;
    }

    .mr6--medium-up {
        margin-right: 60px !important;
    }

    .mr7--small-up {
        margin-right: 70px !important;
    }

    .mr7--medium-up {
        margin-right: 70px !important;
    }

    .mr8--small-up {
        margin-right: 80px !important;
    }

    .mr8--medium-up {
        margin-right: 80px !important;
    }

    .mr9--small-up {
        margin-right: 90px !important;
    }

    .mr9--medium-up {
        margin-right: 90px !important;
    }

    .mr10--small-up {
        margin-right: 100px !important;
    }

    .mr10--medium-up {
        margin-right: 100px !important;
    }

    .mr11--small-up {
        margin-right: 110px !important;
    }

    .mr11--medium-up {
        margin-right: 110px !important;
    }

    .mr12--small-up {
        margin-right: 120px !important;
    }

    .mr12--medium-up {
        margin-right: 120px !important;
    }

    .mr13--small-up {
        margin-right: 130px !important;
    }

    .mr13--medium-up {
        margin-right: 130px !important;
    }

    .mr14--small-up {
        margin-right: 140px !important;
    }

    .mr14--medium-up {
        margin-right: 140px !important;
    }

    .mr15--small-up {
        margin-right: 150px !important;
    }

    .mr15--medium-up {
        margin-right: 150px !important;
    }

    .mr16--small-up {
        margin-right: 160px !important;
    }

    .mr16--medium-up {
        margin-right: 160px !important;
    }

    .mr17--small-up {
        margin-right: 170px !important;
    }

    .mr17--medium-up {
        margin-right: 170px !important;
    }

    .mr18--small-up {
        margin-right: 180px !important;
    }

    .mr18--medium-up {
        margin-right: 180px !important;
    }

    .mr19--small-up {
        margin-right: 190px !important;
    }

    .mr19--medium-up {
        margin-right: 190px !important;
    }

    .mr20--small-up {
        margin-right: 200px !important;
    }

    .mr20--medium-up {
        margin-right: 200px !important;
    }

    .mt1--small-up {
        margin-top: 10px !important;
    }

    .mt1--medium-up {
        margin-top: 10px !important;
    }

    .mt2--small-up {
        margin-top: 20px !important;
    }

    .mt2--medium-up {
        margin-top: 20px !important;
    }

    .mt3--small-up {
        margin-top: 30px !important;
    }

    .mt3--medium-up {
        margin-top: 30px !important;
    }

    .mt4--small-up {
        margin-top: 40px !important;
    }

    .mt4--medium-up {
        margin-top: 40px !important;
    }

    .mt5--small-up {
        margin-top: 50px !important;
    }

    .mt5--medium-up {
        margin-top: 50px !important;
    }

    .mt6--small-up {
        margin-top: 60px !important;
    }

    .mt6--medium-up {
        margin-top: 60px !important;
    }

    .mt7--small-up {
        margin-top: 70px !important;
    }

    .mt7--medium-up {
        margin-top: 70px !important;
    }

    .mt8--small-up {
        margin-top: 80px !important;
    }

    .mt8--medium-up {
        margin-top: 80px !important;
    }

    .mt9--small-up {
        margin-top: 90px !important;
    }

    .mt9--medium-up {
        margin-top: 90px !important;
    }

    .mt10--small-up {
        margin-top: 100px !important;
    }

    .mt10--medium-up {
        margin-top: 100px !important;
    }

    .mt11--small-up {
        margin-top: 110px !important;
    }

    .mt11--medium-up {
        margin-top: 110px !important;
    }

    .mt12--small-up {
        margin-top: 120px !important;
    }

    .mt12--medium-up {
        margin-top: 120px !important;
    }

    .mt13--small-up {
        margin-top: 130px !important;
    }

    .mt13--medium-up {
        margin-top: 130px !important;
    }

    .mt14--small-up {
        margin-top: 140px !important;
    }

    .mt14--medium-up {
        margin-top: 140px !important;
    }

    .mt15--small-up {
        margin-top: 150px !important;
    }

    .mt15--medium-up {
        margin-top: 150px !important;
    }

    .mt16--small-up {
        margin-top: 160px !important;
    }

    .mt16--medium-up {
        margin-top: 160px !important;
    }

    .mt17--small-up {
        margin-top: 170px !important;
    }

    .mt17--medium-up {
        margin-top: 170px !important;
    }

    .mt18--small-up {
        margin-top: 180px !important;
    }

    .mt18--medium-up {
        margin-top: 180px !important;
    }

    .mt19--small-up {
        margin-top: 190px !important;
    }

    .mt19--medium-up {
        margin-top: 190px !important;
    }

    .mt20--small-up {
        margin-top: 200px !important;
    }

    .mt20--medium-up {
        margin-top: 200px !important;
    }

    .p1--small-up {
        padding: 10px !important;
    }

    .p1--medium-up {
        padding: 10px !important;
    }

    .p2--small-up {
        padding: 20px !important;
    }

    .p2--medium-up {
        padding: 20px !important;
    }

    .p3--small-up {
        padding: 30px !important;
    }

    .p3--medium-up {
        padding: 30px !important;
    }

    .p4--small-up {
        padding: 40px !important;
    }

    .p4--medium-up {
        padding: 40px !important;
    }

    .p5--small-up {
        padding: 50px !important;
    }

    .p5--medium-up {
        padding: 50px !important;
    }

    .p6--small-up {
        padding: 60px !important;
    }

    .p6--medium-up {
        padding: 60px !important;
    }

    .p7--small-up {
        padding: 70px !important;
    }

    .p7--medium-up {
        padding: 70px !important;
    }

    .p8--small-up {
        padding: 80px !important;
    }

    .p8--medium-up {
        padding: 80px !important;
    }

    .p9--small-up {
        padding: 90px !important;
    }

    .p9--medium-up {
        padding: 90px !important;
    }

    .p10--small-up {
        padding: 100px !important;
    }

    .p10--medium-up {
        padding: 100px !important;
    }

    .p11--small-up {
        padding: 110px !important;
    }

    .p11--medium-up {
        padding: 110px !important;
    }

    .p12--small-up {
        padding: 120px !important;
    }

    .p12--medium-up {
        padding: 120px !important;
    }

    .p13--small-up {
        padding: 130px !important;
    }

    .p13--medium-up {
        padding: 130px !important;
    }

    .p14--small-up {
        padding: 140px !important;
    }

    .p14--medium-up {
        padding: 140px !important;
    }

    .p15--small-up {
        padding: 150px !important;
    }

    .p15--medium-up {
        padding: 150px !important;
    }

    .p16--small-up {
        padding: 160px !important;
    }

    .p16--medium-up {
        padding: 160px !important;
    }

    .p17--small-up {
        padding: 170px !important;
    }

    .p17--medium-up {
        padding: 170px !important;
    }

    .p18--small-up {
        padding: 180px !important;
    }

    .p18--medium-up {
        padding: 180px !important;
    }

    .p19--small-up {
        padding: 190px !important;
    }

    .p19--medium-up {
        padding: 190px !important;
    }

    .p20--small-up {
        padding: 200px !important;
    }

    .p20--medium-up {
        padding: 200px !important;
    }

    .pb1--small-up {
        padding-bottom: 10px !important;
    }

    .pb1--medium-up {
        padding-bottom: 10px !important;
    }

    .pb2--small-up {
        padding-bottom: 20px !important;
    }

    .pb2--medium-up {
        padding-bottom: 20px !important;
    }

    .pb3--small-up {
        padding-bottom: 30px !important;
    }

    .pb3--medium-up {
        padding-bottom: 30px !important;
    }

    .pb4--small-up {
        padding-bottom: 40px !important;
    }

    .pb4--medium-up {
        padding-bottom: 40px !important;
    }

    .pb5--small-up {
        padding-bottom: 50px !important;
    }

    .pb5--medium-up {
        padding-bottom: 50px !important;
    }

    .pb6--small-up {
        padding-bottom: 60px !important;
    }

    .pb6--medium-up {
        padding-bottom: 60px !important;
    }

    .pb7--small-up {
        padding-bottom: 70px !important;
    }

    .pb7--medium-up {
        padding-bottom: 70px !important;
    }

    .pb8--small-up {
        padding-bottom: 80px !important;
    }

    .pb8--medium-up {
        padding-bottom: 80px !important;
    }

    .pb9--small-up {
        padding-bottom: 90px !important;
    }

    .pb9--medium-up {
        padding-bottom: 90px !important;
    }

    .pb10--small-up {
        padding-bottom: 100px !important;
    }

    .pb10--medium-up {
        padding-bottom: 100px !important;
    }

    .pb11--small-up {
        padding-bottom: 110px !important;
    }

    .pb11--medium-up {
        padding-bottom: 110px !important;
    }

    .pb12--small-up {
        padding-bottom: 120px !important;
    }

    .pb12--medium-up {
        padding-bottom: 120px !important;
    }

    .pb13--small-up {
        padding-bottom: 130px !important;
    }

    .pb13--medium-up {
        padding-bottom: 130px !important;
    }

    .pb14--small-up {
        padding-bottom: 140px !important;
    }

    .pb14--medium-up {
        padding-bottom: 140px !important;
    }

    .pb15--small-up {
        padding-bottom: 150px !important;
    }

    .pb15--medium-up {
        padding-bottom: 150px !important;
    }

    .pb16--small-up {
        padding-bottom: 160px !important;
    }

    .pb16--medium-up {
        padding-bottom: 160px !important;
    }

    .pb17--small-up {
        padding-bottom: 170px !important;
    }

    .pb17--medium-up {
        padding-bottom: 170px !important;
    }

    .pb18--small-up {
        padding-bottom: 180px !important;
    }

    .pb18--medium-up {
        padding-bottom: 180px !important;
    }

    .pb19--small-up {
        padding-bottom: 190px !important;
    }

    .pb19--medium-up {
        padding-bottom: 190px !important;
    }

    .pb20--small-up {
        padding-bottom: 200px !important;
    }

    .pb20--medium-up {
        padding-bottom: 200px !important;
    }

    .pl1--small-up {
        padding-left: 10px !important;
    }

    .pl1--medium-up {
        padding-left: 10px !important;
    }

    .pl2--small-up {
        padding-left: 20px !important;
    }

    .pl2--medium-up {
        padding-left: 20px !important;
    }

    .pl3--small-up {
        padding-left: 30px !important;
    }

    .pl3--medium-up {
        padding-left: 30px !important;
    }

    .pl4--small-up {
        padding-left: 40px !important;
    }

    .pl4--medium-up {
        padding-left: 40px !important;
    }

    .pl5--small-up {
        padding-left: 50px !important;
    }

    .pl5--medium-up {
        padding-left: 50px !important;
    }

    .pl6--small-up {
        padding-left: 60px !important;
    }

    .pl6--medium-up {
        padding-left: 60px !important;
    }

    .pl7--small-up {
        padding-left: 70px !important;
    }

    .pl7--medium-up {
        padding-left: 70px !important;
    }

    .pl8--small-up {
        padding-left: 80px !important;
    }

    .pl8--medium-up {
        padding-left: 80px !important;
    }

    .pl9--small-up {
        padding-left: 90px !important;
    }

    .pl9--medium-up {
        padding-left: 90px !important;
    }

    .pl10--small-up {
        padding-left: 100px !important;
    }

    .pl10--medium-up {
        padding-left: 100px !important;
    }

    .pl11--small-up {
        padding-left: 110px !important;
    }

    .pl11--medium-up {
        padding-left: 110px !important;
    }

    .pl12--small-up {
        padding-left: 120px !important;
    }

    .pl12--medium-up {
        padding-left: 120px !important;
    }

    .pl13--small-up {
        padding-left: 130px !important;
    }

    .pl13--medium-up {
        padding-left: 130px !important;
    }

    .pl14--small-up {
        padding-left: 140px !important;
    }

    .pl14--medium-up {
        padding-left: 140px !important;
    }

    .pl15--small-up {
        padding-left: 150px !important;
    }

    .pl15--medium-up {
        padding-left: 150px !important;
    }

    .pl16--small-up {
        padding-left: 160px !important;
    }

    .pl16--medium-up {
        padding-left: 160px !important;
    }

    .pl17--small-up {
        padding-left: 170px !important;
    }

    .pl17--medium-up {
        padding-left: 170px !important;
    }

    .pl18--small-up {
        padding-left: 180px !important;
    }

    .pl18--medium-up {
        padding-left: 180px !important;
    }

    .pl19--small-up {
        padding-left: 190px !important;
    }

    .pl19--medium-up {
        padding-left: 190px !important;
    }

    .pl20--small-up {
        padding-left: 200px !important;
    }

    .pl20--medium-up {
        padding-left: 200px !important;
    }

    .pr1--small-up {
        padding-right: 10px !important;
    }

    .pr1--medium-up {
        padding-right: 10px !important;
    }

    .pr2--small-up {
        padding-right: 20px !important;
    }

    .pr2--medium-up {
        padding-right: 20px !important;
    }

    .pr3--small-up {
        padding-right: 30px !important;
    }

    .pr3--medium-up {
        padding-right: 30px !important;
    }

    .pr4--small-up {
        padding-right: 40px !important;
    }

    .pr4--medium-up {
        padding-right: 40px !important;
    }

    .pr5--small-up {
        padding-right: 50px !important;
    }

    .pr5--medium-up {
        padding-right: 50px !important;
    }

    .pr6--small-up {
        padding-right: 60px !important;
    }

    .pr6--medium-up {
        padding-right: 60px !important;
    }

    .pr7--small-up {
        padding-right: 70px !important;
    }

    .pr7--medium-up {
        padding-right: 70px !important;
    }

    .pr8--small-up {
        padding-right: 80px !important;
    }

    .pr8--medium-up {
        padding-right: 80px !important;
    }

    .pr9--small-up {
        padding-right: 90px !important;
    }

    .pr9--medium-up {
        padding-right: 90px !important;
    }

    .pr10--small-up {
        padding-right: 100px !important;
    }

    .pr10--medium-up {
        padding-right: 100px !important;
    }

    .pr11--small-up {
        padding-right: 110px !important;
    }

    .pr11--medium-up {
        padding-right: 110px !important;
    }

    .pr12--small-up {
        padding-right: 120px !important;
    }

    .pr12--medium-up {
        padding-right: 120px !important;
    }

    .pr13--small-up {
        padding-right: 130px !important;
    }

    .pr13--medium-up {
        padding-right: 130px !important;
    }

    .pr14--small-up {
        padding-right: 140px !important;
    }

    .pr14--medium-up {
        padding-right: 140px !important;
    }

    .pr15--small-up {
        padding-right: 150px !important;
    }

    .pr15--medium-up {
        padding-right: 150px !important;
    }

    .pr16--small-up {
        padding-right: 160px !important;
    }

    .pr16--medium-up {
        padding-right: 160px !important;
    }

    .pr17--small-up {
        padding-right: 170px !important;
    }

    .pr17--medium-up {
        padding-right: 170px !important;
    }

    .pr18--small-up {
        padding-right: 180px !important;
    }

    .pr18--medium-up {
        padding-right: 180px !important;
    }

    .pr19--small-up {
        padding-right: 190px !important;
    }

    .pr19--medium-up {
        padding-right: 190px !important;
    }

    .pr20--small-up {
        padding-right: 200px !important;
    }

    .pr20--medium-up {
        padding-right: 200px !important;
    }

    .pt1--small-up {
        padding-top: 10px !important;
    }

    .pt1--medium-up {
        padding-top: 10px !important;
    }

    .pt2--small-up {
        padding-top: 20px !important;
    }

    .pt2--medium-up {
        padding-top: 20px !important;
    }

    .pt3--small-up {
        padding-top: 30px !important;
    }

    .pt3--medium-up {
        padding-top: 30px !important;
    }

    .pt4--small-up {
        padding-top: 40px !important;
    }

    .pt4--medium-up {
        padding-top: 40px !important;
    }

    .pt5--small-up {
        padding-top: 50px !important;
    }

    .pt5--medium-up {
        padding-top: 50px !important;
    }

    .pt6--small-up {
        padding-top: 60px !important;
    }

    .pt6--medium-up {
        padding-top: 60px !important;
    }

    .pt7--small-up {
        padding-top: 70px !important;
    }

    .pt7--medium-up {
        padding-top: 70px !important;
    }

    .pt8--small-up {
        padding-top: 80px !important;
    }

    .pt8--medium-up {
        padding-top: 80px !important;
    }

    .pt9--small-up {
        padding-top: 90px !important;
    }

    .pt9--medium-up {
        padding-top: 90px !important;
    }

    .pt10--small-up {
        padding-top: 100px !important;
    }

    .pt10--medium-up {
        padding-top: 100px !important;
    }

    .pt11--small-up {
        padding-top: 110px !important;
    }

    .pt11--medium-up {
        padding-top: 110px !important;
    }

    .pt12--small-up {
        padding-top: 120px !important;
    }

    .pt12--medium-up {
        padding-top: 120px !important;
    }

    .pt13--small-up {
        padding-top: 130px !important;
    }

    .pt13--medium-up {
        padding-top: 130px !important;
    }

    .pt14--small-up {
        padding-top: 140px !important;
    }

    .pt14--medium-up {
        padding-top: 140px !important;
    }

    .pt15--small-up {
        padding-top: 150px !important;
    }

    .pt15--medium-up {
        padding-top: 150px !important;
    }

    .pt16--small-up {
        padding-top: 160px !important;
    }

    .pt16--medium-up {
        padding-top: 160px !important;
    }

    .pt17--small-up {
        padding-top: 170px !important;
    }

    .pt17--medium-up {
        padding-top: 170px !important;
    }

    .pt18--small-up {
        padding-top: 180px !important;
    }

    .pt18--medium-up {
        padding-top: 180px !important;
    }

    .pt19--small-up {
        padding-top: 190px !important;
    }

    .pt19--medium-up {
        padding-top: 190px !important;
    }

    .pt20--small-up {
        padding-top: 200px !important;
    }

    .pt20--medium-up {
        padding-top: 200px !important;
    }

    .text-center--small-up {
        text-align: center !important;
    }

    .text-center--medium-up {
        text-align: center !important;
    }

    .text-left--small-up {
        text-align: left !important;
    }

    .text-left--medium-up {
        text-align: left !important;
    }

    .text-right--small-up {
        text-align: right !important;
    }

    .text-right--medium-up {
        text-align: right !important;
    }

    .frmGridRow-1--small-up {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(1, 1fr);
    }

    .frmGridRow-1--medium-up {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(1, 1fr);
    }

    .frmGridRow-2--small-up {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(2, 1fr);
    }

    .frmGridRow-2--medium-up {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(2, 1fr);
    }

    .frmGridRow-3--small-up {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(3, 1fr);
    }

    .frmGridRow-3--medium-up {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(3, 1fr);
    }

    .frmGridRow-4--small-up {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(4, 1fr);
    }

    .frmGridRow-4--medium-up {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(4, 1fr);
    }

    .frmGridRow-5--small-up {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(5, 1fr);
    }

    .frmGridRow-5--medium-up {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(5, 1fr);
    }

    .frmGridRow-6--small-up {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(6, 1fr);
    }

    .frmGridRow-6--medium-up {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(6, 1fr);
    }

    .frmGridRow-7--small-up {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(7, 1fr);
    }

    .frmGridRow-7--medium-up {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(7, 1fr);
    }

    .frmGridRow-8--small-up {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(8, 1fr);
    }

    .frmGridRow-8--medium-up {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(8, 1fr);
    }

    .frmGridRow-9--small-up {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(9, 1fr);
    }

    .frmGridRow-9--medium-up {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(9, 1fr);
    }

    .frmGridCell-1--small-up {
        grid-column: span 1 !important;
    }

    .frmGridCell-1--medium-up {
        grid-column: span 1 !important;
    }

    .frmGridCell-2--small-up {
        grid-column: span 2 !important;
    }

    .frmGridCell-2--medium-up {
        grid-column: span 2 !important;
    }

    .frmGridCell-3--small-up {
        grid-column: span 3 !important;
    }

    .frmGridCell-3--medium-up {
        grid-column: span 3 !important;
    }

    .frmGridCell-4--small-up {
        grid-column: span 4 !important;
    }

    .frmGridCell-4--medium-up {
        grid-column: span 4 !important;
    }

    .frmGridCell-5--small-up {
        grid-column: span 5 !important;
    }

    .frmGridCell-5--medium-up {
        grid-column: span 5 !important;
    }

    .frmGridCell-6--small-up {
        grid-column: span 6 !important;
    }

    .frmGridCell-6--medium-up {
        grid-column: span 6 !important;
    }

    .frmGridCell-7--small-up {
        grid-column: span 7 !important;
    }

    .frmGridCell-7--medium-up {
        grid-column: span 7 !important;
    }

    .frmGridCell-8--small-up {
        grid-column: span 8 !important;
    }

    .frmGridCell-8--medium-up {
        grid-column: span 8 !important;
    }

    .frmGridCell-9--small-up {
        grid-column: span 9 !important;
    }

    .frmGridCell-9--medium-up {
        grid-column: span 9 !important;
    }
}

@media screen and (min-width: 900px) {
    .abs-right--large-up {
        right: 0;
        left: unset !important;
    }

    .abs-left--large-up {
        left: 0;
        right: unset !important;
    }

    .abs-top--large-up {
        top: 0;
        bottom: unset !important;
    }

    .abs-bottom--large-up {
        bottom: 0;
        top: unset !important;
    }

    .flex-even--large-up {
        display: flex;
        justify-content: space-evenly !important;
    }

    .flex-between--large-up {
        display: flex;
        justify-content: space-between !important;
    }

    .flex-row--large-up {
        display: flex;
        flex-direction: row !important;
    }

    .flex-row-rev--large-up {
        display: flex;
        flex-direction: row-reverse !important;
    }

    .flex-column--large-up {
        display: flex;
        flex-direction: column !important;
    }

    .flex-column-rev--large-up {
        display: flex;
        flex-direction: column-reverse !important;
    }

    .flex-justify-center--large-up {
        display: flex;
        justify-content: center !important;
    }

    .flex-justify-top--large-up {
        display: flex;
        justify-content: top !important;
    }

    .flex-justify-bottom--large-up {
        display: flex;
        justify-content: bottom !important;
    }

    .flex-justify-right--large-up {
        display: flex;
        justify-content: right !important;
    }

    .flex-justify-left--large-up {
        display: flex;
        justify-content: left !important;
    }

    .flex-justify-end--large-up {
        display: flex;
        justify-content: flex-end !important;
    }

    .flex-justify-start--large-up {
        display: flex;
        justify-content: flex-start !important;
    }

    .flex-align-center--large-up {
        display: flex;
        align-items: center !important;
    }

    .flex-align-end--large-up {
        display: flex;
        align-items: flex-end !important;
    }

    .flex-align-start--large-up {
        display: flex;
        align-items: flex-start !important;
    }

    .self-center--large-up {
        display: flex;
        align-self: center !important;
    }

    .w-10--large-up {
        width: 10% !important;
    }

    .w-20--large-up {
        width: 20% !important;
    }

    .w-30--large-up {
        width: 30% !important;
    }

    .w-40--large-up {
        width: 40% !important;
    }

    .w-50--large-up {
        width: 50% !important;
    }

    .w-60--large-up {
        width: 60% !important;
    }

    .w-70--large-up {
        width: 70% !important;
    }

    .w-80--large-up {
        width: 80% !important;
    }

    .w-90--large-up {
        width: 90% !important;
    }

    .w-100--large-up {
        width: 100% !important;
    }

    .w-auto--large-up {
        width: auto !important;
    }

    .w-25--large-up {
        width: 25% !important;
    }

    .w-33--large-up {
        width: 33.3% !important;
    }

    .w-45--large-up {
        width: 45% !important;
    }

    .w-48--large-up {
        width: 48% !important;
    }

    .w-75--large-up {
        width: 75% !important;
    }

    .offset-l0--large-up {
        transform: translateX(0px) !important;
    }

    .offset-l1--large-up {
        transform: translateX(-10px) !important;
    }

    .offset-l2--large-up {
        transform: translateX(-20px) !important;
    }

    .offset-l3--large-up {
        transform: translateX(-30px) !important;
    }

    .offset-l4--large-up {
        transform: translateX(-40px) !important;
    }

    .offset-l5--large-up {
        transform: translateX(-50px) !important;
    }

    .offset-l6--large-up {
        transform: translateX(-60px) !important;
    }

    .offset-l7--large-up {
        transform: translateX(-70px) !important;
    }

    .offset-l8--large-up {
        transform: translateX(-80px) !important;
    }

    .offset-l9--large-up {
        transform: translateX(-90px) !important;
    }

    .offset-l10--large-up {
        transform: translateX(-100px) !important;
    }

    .offset-r0--large-up {
        transform: translateX(0px) !important;
    }

    .offset-r1--large-up {
        transform: translateX(10px) !important;
    }

    .offset-r2--large-up {
        transform: translateX(20px) !important;
    }

    .offset-r3--large-up {
        transform: translateX(30px) !important;
    }

    .offset-r4--large-up {
        transform: translateX(40px) !important;
    }

    .offset-r5--large-up {
        transform: translateX(50px) !important;
    }

    .offset-r6--large-up {
        transform: translateX(60px) !important;
    }

    .offset-r7--large-up {
        transform: translateX(70px) !important;
    }

    .offset-r8--large-up {
        transform: translateX(80px) !important;
    }

    .offset-r9--large-up {
        transform: translateX(90px) !important;
    }

    .offset-r10--large-up {
        transform: translateX(100px) !important;
    }

    .offset-b0--large-up {
        transform: translateY(0px) !important;
    }

    .offset-b1--large-up {
        transform: translateY(10px) !important;
    }

    .offset-b2--large-up {
        transform: translateY(20px) !important;
    }

    .offset-b3--large-up {
        transform: translateY(30px) !important;
    }

    .offset-b4--large-up {
        transform: translateY(40px) !important;
    }

    .offset-b5--large-up {
        transform: translateY(50px) !important;
    }

    .offset-b6--large-up {
        transform: translateY(60px) !important;
    }

    .offset-b7--large-up {
        transform: translateY(70px) !important;
    }

    .offset-b8--large-up {
        transform: translateY(80px) !important;
    }

    .offset-b9--large-up {
        transform: translateY(90px) !important;
    }

    .offset-b10--large-up {
        transform: translateY(100px) !important;
    }

    .offset-bl0--large-up {
        transform: translate(0px, 0px) !important;
    }

    .offset-bl1--large-up {
        transform: translate(-10px, 10px) !important;
    }

    .offset-bl2--large-up {
        transform: translate(-20px, 20px) !important;
    }

    .offset-bl3--large-up {
        transform: translate(-30px, 30px) !important;
    }

    .offset-bl4--large-up {
        transform: translate(-40px, 40px) !important;
    }

    .offset-bl5--large-up {
        transform: translate(-50px, 50px) !important;
    }

    .offset-bl6--large-up {
        transform: translate(-60px, 60px) !important;
    }

    .offset-bl7--large-up {
        transform: translate(-70px, 70px) !important;
    }

    .offset-bl8--large-up {
        transform: translate(-80px, 80px) !important;
    }

    .offset-bl9--large-up {
        transform: translate(-90px, 90px) !important;
    }

    .offset-bl10--large-up {
        transform: translate(-100px, 100px) !important;
    }

    .offset-br0--large-up {
        transform: translate(0px, 0px) !important;
    }

    .offset-br1--large-up {
        transform: translate(10px, 10px) !important;
    }

    .offset-br2--large-up {
        transform: translate(20px, 20px) !important;
    }

    .offset-br3--large-up {
        transform: translate(30px, 30px) !important;
    }

    .offset-br4--large-up {
        transform: translate(40px, 40px) !important;
    }

    .offset-br5--large-up {
        transform: translate(50px, 50px) !important;
    }

    .offset-br6--large-up {
        transform: translate(60px, 60px) !important;
    }

    .offset-br7--large-up {
        transform: translate(70px, 70px) !important;
    }

    .offset-br8--large-up {
        transform: translate(80px, 80px) !important;
    }

    .offset-br9--large-up {
        transform: translate(90px, 90px) !important;
    }

    .offset-br10--large-up {
        transform: translate(100px, 100px) !important;
    }

    .offset-t0--large-up {
        transform: translateY(0px) !important;
    }

    .offset-t1--large-up {
        transform: translateY(-10px) !important;
    }

    .offset-t2--large-up {
        transform: translateY(-20px) !important;
    }

    .offset-t3--large-up {
        transform: translateY(-30px) !important;
    }

    .offset-t4--large-up {
        transform: translateY(-40px) !important;
    }

    .offset-t5--large-up {
        transform: translateY(-50px) !important;
    }

    .offset-t6--large-up {
        transform: translateY(-60px) !important;
    }

    .offset-t7--large-up {
        transform: translateY(-70px) !important;
    }

    .offset-t8--large-up {
        transform: translateY(-80px) !important;
    }

    .offset-t9--large-up {
        transform: translateY(-90px) !important;
    }

    .offset-t10--large-up {
        transform: translateY(-100px) !important;
    }

    .offset-tl0--large-up {
        transform: translate(0px, 0px) !important;
    }

    .offset-tl1--large-up {
        transform: translate(-10px, -10px) !important;
    }

    .offset-tl2--large-up {
        transform: translate(-20px, -20px) !important;
    }

    .offset-tl3--large-up {
        transform: translate(-30px, -30px) !important;
    }

    .offset-tl4--large-up {
        transform: translate(-40px, -40px) !important;
    }

    .offset-tl5--large-up {
        transform: translate(-50px, -50px) !important;
    }

    .offset-tl6--large-up {
        transform: translate(-60px, -60px) !important;
    }

    .offset-tl7--large-up {
        transform: translate(-70px, -70px) !important;
    }

    .offset-tl8--large-up {
        transform: translate(-80px, -80px) !important;
    }

    .offset-tl9--large-up {
        transform: translate(-90px, -90px) !important;
    }

    .offset-tl10--large-up {
        transform: translate(-100px, -100px) !important;
    }

    .offset-tr0--large-up {
        transform: translate(0px, 0px) !important;
    }

    .offset-tr1--large-up {
        transform: translate(10px, -10px) !important;
    }

    .offset-tr2--large-up {
        transform: translate(20px, -20px) !important;
    }

    .offset-tr3--large-up {
        transform: translate(30px, -30px) !important;
    }

    .offset-tr4--large-up {
        transform: translate(40px, -40px) !important;
    }

    .offset-tr5--large-up {
        transform: translate(50px, -50px) !important;
    }

    .offset-tr6--large-up {
        transform: translate(60px, -60px) !important;
    }

    .offset-tr7--large-up {
        transform: translate(70px, -70px) !important;
    }

    .offset-tr8--large-up {
        transform: translate(80px, -80px) !important;
    }

    .offset-tr9--large-up {
        transform: translate(90px, -90px) !important;
    }

    .offset-tr10--large-up {
        transform: translate(100px, -100px) !important;
    }

    .m1--large-up {
        margin: 10px !important;
    }

    .m2--large-up {
        margin: 20px !important;
    }

    .m3--large-up {
        margin: 30px !important;
    }

    .m4--large-up {
        margin: 40px !important;
    }

    .m5--large-up {
        margin: 50px !important;
    }

    .m6--large-up {
        margin: 60px !important;
    }

    .m7--large-up {
        margin: 70px !important;
    }

    .m8--large-up {
        margin: 80px !important;
    }

    .m9--large-up {
        margin: 90px !important;
    }

    .m10--large-up {
        margin: 100px !important;
    }

    .m11--large-up {
        margin: 110px !important;
    }

    .m12--large-up {
        margin: 120px !important;
    }

    .m13--large-up {
        margin: 130px !important;
    }

    .m14--large-up {
        margin: 140px !important;
    }

    .m15--large-up {
        margin: 150px !important;
    }

    .m16--large-up {
        margin: 160px !important;
    }

    .m17--large-up {
        margin: 170px !important;
    }

    .m18--large-up {
        margin: 180px !important;
    }

    .m19--large-up {
        margin: 190px !important;
    }

    .m20--large-up {
        margin: 200px !important;
    }

    .mb1--large-up {
        margin-bottom: 10px !important;
    }

    .mb2--large-up {
        margin-bottom: 20px !important;
    }

    .mb3--large-up {
        margin-bottom: 30px !important;
    }

    .mb4--large-up {
        margin-bottom: 40px !important;
    }

    .mb5--large-up {
        margin-bottom: 50px !important;
    }

    .mb6--large-up {
        margin-bottom: 60px !important;
    }

    .mb7--large-up {
        margin-bottom: 70px !important;
    }

    .mb8--large-up {
        margin-bottom: 80px !important;
    }

    .mb9--large-up {
        margin-bottom: 90px !important;
    }

    .mb10--large-up {
        margin-bottom: 100px !important;
    }

    .mb11--large-up {
        margin-bottom: 110px !important;
    }

    .mb12--large-up {
        margin-bottom: 120px !important;
    }

    .mb13--large-up {
        margin-bottom: 130px !important;
    }

    .mb14--large-up {
        margin-bottom: 140px !important;
    }

    .mb15--large-up {
        margin-bottom: 150px !important;
    }

    .mb16--large-up {
        margin-bottom: 160px !important;
    }

    .mb17--large-up {
        margin-bottom: 170px !important;
    }

    .mb18--large-up {
        margin-bottom: 180px !important;
    }

    .mb19--large-up {
        margin-bottom: 190px !important;
    }

    .mb20--large-up {
        margin-bottom: 200px !important;
    }

    .ml1--large-up {
        margin-left: 10px !important;
    }

    .ml2--large-up {
        margin-left: 20px !important;
    }

    .ml3--large-up {
        margin-left: 30px !important;
    }

    .ml4--large-up {
        margin-left: 40px !important;
    }

    .ml5--large-up {
        margin-left: 50px !important;
    }

    .ml6--large-up {
        margin-left: 60px !important;
    }

    .ml7--large-up {
        margin-left: 70px !important;
    }

    .ml8--large-up {
        margin-left: 80px !important;
    }

    .ml9--large-up {
        margin-left: 90px !important;
    }

    .ml10--large-up {
        margin-left: 100px !important;
    }

    .ml11--large-up {
        margin-left: 110px !important;
    }

    .ml12--large-up {
        margin-left: 120px !important;
    }

    .ml13--large-up {
        margin-left: 130px !important;
    }

    .ml14--large-up {
        margin-left: 140px !important;
    }

    .ml15--large-up {
        margin-left: 150px !important;
    }

    .ml16--large-up {
        margin-left: 160px !important;
    }

    .ml17--large-up {
        margin-left: 170px !important;
    }

    .ml18--large-up {
        margin-left: 180px !important;
    }

    .ml19--large-up {
        margin-left: 190px !important;
    }

    .ml20--large-up {
        margin-left: 200px !important;
    }

    .mr1--large-up {
        margin-right: 10px !important;
    }

    .mr2--large-up {
        margin-right: 20px !important;
    }

    .mr3--large-up {
        margin-right: 30px !important;
    }

    .mr4--large-up {
        margin-right: 40px !important;
    }

    .mr5--large-up {
        margin-right: 50px !important;
    }

    .mr6--large-up {
        margin-right: 60px !important;
    }

    .mr7--large-up {
        margin-right: 70px !important;
    }

    .mr8--large-up {
        margin-right: 80px !important;
    }

    .mr9--large-up {
        margin-right: 90px !important;
    }

    .mr10--large-up {
        margin-right: 100px !important;
    }

    .mr11--large-up {
        margin-right: 110px !important;
    }

    .mr12--large-up {
        margin-right: 120px !important;
    }

    .mr13--large-up {
        margin-right: 130px !important;
    }

    .mr14--large-up {
        margin-right: 140px !important;
    }

    .mr15--large-up {
        margin-right: 150px !important;
    }

    .mr16--large-up {
        margin-right: 160px !important;
    }

    .mr17--large-up {
        margin-right: 170px !important;
    }

    .mr18--large-up {
        margin-right: 180px !important;
    }

    .mr19--large-up {
        margin-right: 190px !important;
    }

    .mr20--large-up {
        margin-right: 200px !important;
    }

    .mt1--large-up {
        margin-top: 10px !important;
    }

    .mt2--large-up {
        margin-top: 20px !important;
    }

    .mt3--large-up {
        margin-top: 30px !important;
    }

    .mt4--large-up {
        margin-top: 40px !important;
    }

    .mt5--large-up {
        margin-top: 50px !important;
    }

    .mt6--large-up {
        margin-top: 60px !important;
    }

    .mt7--large-up {
        margin-top: 70px !important;
    }

    .mt8--large-up {
        margin-top: 80px !important;
    }

    .mt9--large-up {
        margin-top: 90px !important;
    }

    .mt10--large-up {
        margin-top: 100px !important;
    }

    .mt11--large-up {
        margin-top: 110px !important;
    }

    .mt12--large-up {
        margin-top: 120px !important;
    }

    .mt13--large-up {
        margin-top: 130px !important;
    }

    .mt14--large-up {
        margin-top: 140px !important;
    }

    .mt15--large-up {
        margin-top: 150px !important;
    }

    .mt16--large-up {
        margin-top: 160px !important;
    }

    .mt17--large-up {
        margin-top: 170px !important;
    }

    .mt18--large-up {
        margin-top: 180px !important;
    }

    .mt19--large-up {
        margin-top: 190px !important;
    }

    .mt20--large-up {
        margin-top: 200px !important;
    }

    .p1--large-up {
        padding: 10px !important;
    }

    .p2--large-up {
        padding: 20px !important;
    }

    .p3--large-up {
        padding: 30px !important;
    }

    .p4--large-up {
        padding: 40px !important;
    }

    .p5--large-up {
        padding: 50px !important;
    }

    .p6--large-up {
        padding: 60px !important;
    }

    .p7--large-up {
        padding: 70px !important;
    }

    .p8--large-up {
        padding: 80px !important;
    }

    .p9--large-up {
        padding: 90px !important;
    }

    .p10--large-up {
        padding: 100px !important;
    }

    .p11--large-up {
        padding: 110px !important;
    }

    .p12--large-up {
        padding: 120px !important;
    }

    .p13--large-up {
        padding: 130px !important;
    }

    .p14--large-up {
        padding: 140px !important;
    }

    .p15--large-up {
        padding: 150px !important;
    }

    .p16--large-up {
        padding: 160px !important;
    }

    .p17--large-up {
        padding: 170px !important;
    }

    .p18--large-up {
        padding: 180px !important;
    }

    .p19--large-up {
        padding: 190px !important;
    }

    .p20--large-up {
        padding: 200px !important;
    }

    .pb1--large-up {
        padding-bottom: 10px !important;
    }

    .pb2--large-up {
        padding-bottom: 20px !important;
    }

    .pb3--large-up {
        padding-bottom: 30px !important;
    }

    .pb4--large-up {
        padding-bottom: 40px !important;
    }

    .pb5--large-up {
        padding-bottom: 50px !important;
    }

    .pb6--large-up {
        padding-bottom: 60px !important;
    }

    .pb7--large-up {
        padding-bottom: 70px !important;
    }

    .pb8--large-up {
        padding-bottom: 80px !important;
    }

    .pb9--large-up {
        padding-bottom: 90px !important;
    }

    .pb10--large-up {
        padding-bottom: 100px !important;
    }

    .pb11--large-up {
        padding-bottom: 110px !important;
    }

    .pb12--large-up {
        padding-bottom: 120px !important;
    }

    .pb13--large-up {
        padding-bottom: 130px !important;
    }

    .pb14--large-up {
        padding-bottom: 140px !important;
    }

    .pb15--large-up {
        padding-bottom: 150px !important;
    }

    .pb16--large-up {
        padding-bottom: 160px !important;
    }

    .pb17--large-up {
        padding-bottom: 170px !important;
    }

    .pb18--large-up {
        padding-bottom: 180px !important;
    }

    .pb19--large-up {
        padding-bottom: 190px !important;
    }

    .pb20--large-up {
        padding-bottom: 200px !important;
    }

    .pl1--large-up {
        padding-left: 10px !important;
    }

    .pl2--large-up {
        padding-left: 20px !important;
    }

    .pl3--large-up {
        padding-left: 30px !important;
    }

    .pl4--large-up {
        padding-left: 40px !important;
    }

    .pl5--large-up {
        padding-left: 50px !important;
    }

    .pl6--large-up {
        padding-left: 60px !important;
    }

    .pl7--large-up {
        padding-left: 70px !important;
    }

    .pl8--large-up {
        padding-left: 80px !important;
    }

    .pl9--large-up {
        padding-left: 90px !important;
    }

    .pl10--large-up {
        padding-left: 100px !important;
    }

    .pl11--large-up {
        padding-left: 110px !important;
    }

    .pl12--large-up {
        padding-left: 120px !important;
    }

    .pl13--large-up {
        padding-left: 130px !important;
    }

    .pl14--large-up {
        padding-left: 140px !important;
    }

    .pl15--large-up {
        padding-left: 150px !important;
    }

    .pl16--large-up {
        padding-left: 160px !important;
    }

    .pl17--large-up {
        padding-left: 170px !important;
    }

    .pl18--large-up {
        padding-left: 180px !important;
    }

    .pl19--large-up {
        padding-left: 190px !important;
    }

    .pl20--large-up {
        padding-left: 200px !important;
    }

    .pr1--large-up {
        padding-right: 10px !important;
    }

    .pr2--large-up {
        padding-right: 20px !important;
    }

    .pr3--large-up {
        padding-right: 30px !important;
    }

    .pr4--large-up {
        padding-right: 40px !important;
    }

    .pr5--large-up {
        padding-right: 50px !important;
    }

    .pr6--large-up {
        padding-right: 60px !important;
    }

    .pr7--large-up {
        padding-right: 70px !important;
    }

    .pr8--large-up {
        padding-right: 80px !important;
    }

    .pr9--large-up {
        padding-right: 90px !important;
    }

    .pr10--large-up {
        padding-right: 100px !important;
    }

    .pr11--large-up {
        padding-right: 110px !important;
    }

    .pr12--large-up {
        padding-right: 120px !important;
    }

    .pr13--large-up {
        padding-right: 130px !important;
    }

    .pr14--large-up {
        padding-right: 140px !important;
    }

    .pr15--large-up {
        padding-right: 150px !important;
    }

    .pr16--large-up {
        padding-right: 160px !important;
    }

    .pr17--large-up {
        padding-right: 170px !important;
    }

    .pr18--large-up {
        padding-right: 180px !important;
    }

    .pr19--large-up {
        padding-right: 190px !important;
    }

    .pr20--large-up {
        padding-right: 200px !important;
    }

    .pt1--large-up {
        padding-top: 10px !important;
    }

    .pt2--large-up {
        padding-top: 20px !important;
    }

    .pt3--large-up {
        padding-top: 30px !important;
    }

    .pt4--large-up {
        padding-top: 40px !important;
    }

    .pt5--large-up {
        padding-top: 50px !important;
    }

    .pt6--large-up {
        padding-top: 60px !important;
    }

    .pt7--large-up {
        padding-top: 70px !important;
    }

    .pt8--large-up {
        padding-top: 80px !important;
    }

    .pt9--large-up {
        padding-top: 90px !important;
    }

    .pt10--large-up {
        padding-top: 100px !important;
    }

    .pt11--large-up {
        padding-top: 110px !important;
    }

    .pt12--large-up {
        padding-top: 120px !important;
    }

    .pt13--large-up {
        padding-top: 130px !important;
    }

    .pt14--large-up {
        padding-top: 140px !important;
    }

    .pt15--large-up {
        padding-top: 150px !important;
    }

    .pt16--large-up {
        padding-top: 160px !important;
    }

    .pt17--large-up {
        padding-top: 170px !important;
    }

    .pt18--large-up {
        padding-top: 180px !important;
    }

    .pt19--large-up {
        padding-top: 190px !important;
    }

    .pt20--large-up {
        padding-top: 200px !important;
    }

    .text-center--large-up {
        text-align: center !important;
    }

    .text-left--large-up {
        text-align: left !important;
    }

    .text-right--large-up {
        text-align: right !important;
    }

    .frmGridRow-1--large-up {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(1, 1fr);
    }

    .frmGridRow-2--large-up {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(2, 1fr);
    }

    .frmGridRow-3--large-up {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(3, 1fr);
    }

    .frmGridRow-4--large-up {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(4, 1fr);
    }

    .frmGridRow-5--large-up {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(5, 1fr);
    }

    .frmGridRow-6--large-up {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(6, 1fr);
    }

    .frmGridRow-7--large-up {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(7, 1fr);
    }

    .frmGridRow-8--large-up {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(8, 1fr);
    }

    .frmGridRow-9--large-up {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(9, 1fr);
    }

    .frmGridCell-1--large-up {
        grid-column: span 1 !important;
    }

    .frmGridCell-2--large-up {
        grid-column: span 2 !important;
    }

    .frmGridCell-3--large-up {
        grid-column: span 3 !important;
    }

    .frmGridCell-4--large-up {
        grid-column: span 4 !important;
    }

    .frmGridCell-5--large-up {
        grid-column: span 5 !important;
    }

    .frmGridCell-6--large-up {
        grid-column: span 6 !important;
    }

    .frmGridCell-7--large-up {
        grid-column: span 7 !important;
    }

    .frmGridCell-8--large-up {
        grid-column: span 8 !important;
    }

    .frmGridCell-9--large-up {
        grid-column: span 9 !important;
    }
}

@media screen and (max-width: 1400px) {
    .abs-right--large-down {
        right: 0;
        left: unset !important;
    }

    .abs-left--large-down {
        left: 0;
        right: unset !important;
    }

    .abs-top--large-down {
        top: 0;
        bottom: unset !important;
    }

    .abs-bottom--large-down {
        bottom: 0;
        top: unset !important;
    }

    .flex-even--large-down {
        display: flex;
        justify-content: space-evenly !important;
    }

    .flex-between--large-down {
        display: flex;
        justify-content: space-between !important;
    }

    .flex-row--large-down {
        display: flex;
        flex-direction: row !important;
    }

    .flex-row-rev--large-down {
        display: flex;
        flex-direction: row-reverse !important;
    }

    .flex-column--large-down {
        display: flex;
        flex-direction: column !important;
    }

    .flex-column-rev--large-down {
        display: flex;
        flex-direction: column-reverse !important;
    }

    .flex-justify-center--large-down {
        display: flex;
        justify-content: center !important;
    }

    .flex-justify-top--large-down {
        display: flex;
        justify-content: top !important;
    }

    .flex-justify-bottom--large-down {
        display: flex;
        justify-content: bottom !important;
    }

    .flex-justify-right--large-down {
        display: flex;
        justify-content: right !important;
    }

    .flex-justify-left--large-down {
        display: flex;
        justify-content: left !important;
    }

    .flex-justify-end--large-down {
        display: flex;
        justify-content: flex-end !important;
    }

    .flex-justify-start--large-down {
        display: flex;
        justify-content: flex-start !important;
    }

    .flex-align-center--large-down {
        display: flex;
        align-items: center !important;
    }

    .flex-align-end--large-down {
        display: flex;
        align-items: flex-end !important;
    }

    .flex-align-start--large-down {
        display: flex;
        align-items: flex-start !important;
    }

    .self-center--large-down {
        display: flex;
        align-self: center !important;
    }

    .w-10--large-down {
        width: 10% !important;
    }

    .w-20--large-down {
        width: 20% !important;
    }

    .w-30--large-down {
        width: 30% !important;
    }

    .w-40--large-down {
        width: 40% !important;
    }

    .w-50--large-down {
        width: 50% !important;
    }

    .w-60--large-down {
        width: 60% !important;
    }

    .w-70--large-down {
        width: 70% !important;
    }

    .w-80--large-down {
        width: 80% !important;
    }

    .w-90--large-down {
        width: 90% !important;
    }

    .w-100--large-down {
        width: 100% !important;
    }

    .w-auto--large-down {
        width: auto !important;
    }

    .w-25--large-down {
        width: 25% !important;
    }

    .w-33--large-down {
        width: 33.3% !important;
    }

    .w-45--large-down {
        width: 45% !important;
    }

    .w-48--large-down {
        width: 48% !important;
    }

    .w-75--large-down {
        width: 75% !important;
    }

    .offset-l0--large-down {
        transform: translateX(0px) !important;
    }

    .offset-l1--large-down {
        transform: translateX(-10px) !important;
    }

    .offset-l2--large-down {
        transform: translateX(-20px) !important;
    }

    .offset-l3--large-down {
        transform: translateX(-30px) !important;
    }

    .offset-l4--large-down {
        transform: translateX(-40px) !important;
    }

    .offset-l5--large-down {
        transform: translateX(-50px) !important;
    }

    .offset-l6--large-down {
        transform: translateX(-60px) !important;
    }

    .offset-l7--large-down {
        transform: translateX(-70px) !important;
    }

    .offset-l8--large-down {
        transform: translateX(-80px) !important;
    }

    .offset-l9--large-down {
        transform: translateX(-90px) !important;
    }

    .offset-l10--large-down {
        transform: translateX(-100px) !important;
    }

    .offset-r0--large-down {
        transform: translateX(0px) !important;
    }

    .offset-r1--large-down {
        transform: translateX(10px) !important;
    }

    .offset-r2--large-down {
        transform: translateX(20px) !important;
    }

    .offset-r3--large-down {
        transform: translateX(30px) !important;
    }

    .offset-r4--large-down {
        transform: translateX(40px) !important;
    }

    .offset-r5--large-down {
        transform: translateX(50px) !important;
    }

    .offset-r6--large-down {
        transform: translateX(60px) !important;
    }

    .offset-r7--large-down {
        transform: translateX(70px) !important;
    }

    .offset-r8--large-down {
        transform: translateX(80px) !important;
    }

    .offset-r9--large-down {
        transform: translateX(90px) !important;
    }

    .offset-r10--large-down {
        transform: translateX(100px) !important;
    }

    .offset-b0--large-down {
        transform: translateY(0px) !important;
    }

    .offset-b1--large-down {
        transform: translateY(10px) !important;
    }

    .offset-b2--large-down {
        transform: translateY(20px) !important;
    }

    .offset-b3--large-down {
        transform: translateY(30px) !important;
    }

    .offset-b4--large-down {
        transform: translateY(40px) !important;
    }

    .offset-b5--large-down {
        transform: translateY(50px) !important;
    }

    .offset-b6--large-down {
        transform: translateY(60px) !important;
    }

    .offset-b7--large-down {
        transform: translateY(70px) !important;
    }

    .offset-b8--large-down {
        transform: translateY(80px) !important;
    }

    .offset-b9--large-down {
        transform: translateY(90px) !important;
    }

    .offset-b10--large-down {
        transform: translateY(100px) !important;
    }

    .offset-bl0--large-down {
        transform: translate(0px, 0px) !important;
    }

    .offset-bl1--large-down {
        transform: translate(-10px, 10px) !important;
    }

    .offset-bl2--large-down {
        transform: translate(-20px, 20px) !important;
    }

    .offset-bl3--large-down {
        transform: translate(-30px, 30px) !important;
    }

    .offset-bl4--large-down {
        transform: translate(-40px, 40px) !important;
    }

    .offset-bl5--large-down {
        transform: translate(-50px, 50px) !important;
    }

    .offset-bl6--large-down {
        transform: translate(-60px, 60px) !important;
    }

    .offset-bl7--large-down {
        transform: translate(-70px, 70px) !important;
    }

    .offset-bl8--large-down {
        transform: translate(-80px, 80px) !important;
    }

    .offset-bl9--large-down {
        transform: translate(-90px, 90px) !important;
    }

    .offset-bl10--large-down {
        transform: translate(-100px, 100px) !important;
    }

    .offset-br0--large-down {
        transform: translate(0px, 0px) !important;
    }

    .offset-br1--large-down {
        transform: translate(10px, 10px) !important;
    }

    .offset-br2--large-down {
        transform: translate(20px, 20px) !important;
    }

    .offset-br3--large-down {
        transform: translate(30px, 30px) !important;
    }

    .offset-br4--large-down {
        transform: translate(40px, 40px) !important;
    }

    .offset-br5--large-down {
        transform: translate(50px, 50px) !important;
    }

    .offset-br6--large-down {
        transform: translate(60px, 60px) !important;
    }

    .offset-br7--large-down {
        transform: translate(70px, 70px) !important;
    }

    .offset-br8--large-down {
        transform: translate(80px, 80px) !important;
    }

    .offset-br9--large-down {
        transform: translate(90px, 90px) !important;
    }

    .offset-br10--large-down {
        transform: translate(100px, 100px) !important;
    }

    .offset-t0--large-down {
        transform: translateY(0px) !important;
    }

    .offset-t1--large-down {
        transform: translateY(-10px) !important;
    }

    .offset-t2--large-down {
        transform: translateY(-20px) !important;
    }

    .offset-t3--large-down {
        transform: translateY(-30px) !important;
    }

    .offset-t4--large-down {
        transform: translateY(-40px) !important;
    }

    .offset-t5--large-down {
        transform: translateY(-50px) !important;
    }

    .offset-t6--large-down {
        transform: translateY(-60px) !important;
    }

    .offset-t7--large-down {
        transform: translateY(-70px) !important;
    }

    .offset-t8--large-down {
        transform: translateY(-80px) !important;
    }

    .offset-t9--large-down {
        transform: translateY(-90px) !important;
    }

    .offset-t10--large-down {
        transform: translateY(-100px) !important;
    }

    .offset-tl0--large-down {
        transform: translate(0px, 0px) !important;
    }

    .offset-tl1--large-down {
        transform: translate(-10px, -10px) !important;
    }

    .offset-tl2--large-down {
        transform: translate(-20px, -20px) !important;
    }

    .offset-tl3--large-down {
        transform: translate(-30px, -30px) !important;
    }

    .offset-tl4--large-down {
        transform: translate(-40px, -40px) !important;
    }

    .offset-tl5--large-down {
        transform: translate(-50px, -50px) !important;
    }

    .offset-tl6--large-down {
        transform: translate(-60px, -60px) !important;
    }

    .offset-tl7--large-down {
        transform: translate(-70px, -70px) !important;
    }

    .offset-tl8--large-down {
        transform: translate(-80px, -80px) !important;
    }

    .offset-tl9--large-down {
        transform: translate(-90px, -90px) !important;
    }

    .offset-tl10--large-down {
        transform: translate(-100px, -100px) !important;
    }

    .offset-tr0--large-down {
        transform: translate(0px, 0px) !important;
    }

    .offset-tr1--large-down {
        transform: translate(10px, -10px) !important;
    }

    .offset-tr2--large-down {
        transform: translate(20px, -20px) !important;
    }

    .offset-tr3--large-down {
        transform: translate(30px, -30px) !important;
    }

    .offset-tr4--large-down {
        transform: translate(40px, -40px) !important;
    }

    .offset-tr5--large-down {
        transform: translate(50px, -50px) !important;
    }

    .offset-tr6--large-down {
        transform: translate(60px, -60px) !important;
    }

    .offset-tr7--large-down {
        transform: translate(70px, -70px) !important;
    }

    .offset-tr8--large-down {
        transform: translate(80px, -80px) !important;
    }

    .offset-tr9--large-down {
        transform: translate(90px, -90px) !important;
    }

    .offset-tr10--large-down {
        transform: translate(100px, -100px) !important;
    }

    .m1--large-down {
        margin: 10px !important;
    }

    .m2--large-down {
        margin: 20px !important;
    }

    .m3--large-down {
        margin: 30px !important;
    }

    .m4--large-down {
        margin: 40px !important;
    }

    .m5--large-down {
        margin: 50px !important;
    }

    .m6--large-down {
        margin: 60px !important;
    }

    .m7--large-down {
        margin: 70px !important;
    }

    .m8--large-down {
        margin: 80px !important;
    }

    .m9--large-down {
        margin: 90px !important;
    }

    .m10--large-down {
        margin: 100px !important;
    }

    .m11--large-down {
        margin: 110px !important;
    }

    .m12--large-down {
        margin: 120px !important;
    }

    .m13--large-down {
        margin: 130px !important;
    }

    .m14--large-down {
        margin: 140px !important;
    }

    .m15--large-down {
        margin: 150px !important;
    }

    .m16--large-down {
        margin: 160px !important;
    }

    .m17--large-down {
        margin: 170px !important;
    }

    .m18--large-down {
        margin: 180px !important;
    }

    .m19--large-down {
        margin: 190px !important;
    }

    .m20--large-down {
        margin: 200px !important;
    }

    .mb1--large-down {
        margin-bottom: 10px !important;
    }

    .mb2--large-down {
        margin-bottom: 20px !important;
    }

    .mb3--large-down {
        margin-bottom: 30px !important;
    }

    .mb4--large-down {
        margin-bottom: 40px !important;
    }

    .mb5--large-down {
        margin-bottom: 50px !important;
    }

    .mb6--large-down {
        margin-bottom: 60px !important;
    }

    .mb7--large-down {
        margin-bottom: 70px !important;
    }

    .mb8--large-down {
        margin-bottom: 80px !important;
    }

    .mb9--large-down {
        margin-bottom: 90px !important;
    }

    .mb10--large-down {
        margin-bottom: 100px !important;
    }

    .mb11--large-down {
        margin-bottom: 110px !important;
    }

    .mb12--large-down {
        margin-bottom: 120px !important;
    }

    .mb13--large-down {
        margin-bottom: 130px !important;
    }

    .mb14--large-down {
        margin-bottom: 140px !important;
    }

    .mb15--large-down {
        margin-bottom: 150px !important;
    }

    .mb16--large-down {
        margin-bottom: 160px !important;
    }

    .mb17--large-down {
        margin-bottom: 170px !important;
    }

    .mb18--large-down {
        margin-bottom: 180px !important;
    }

    .mb19--large-down {
        margin-bottom: 190px !important;
    }

    .mb20--large-down {
        margin-bottom: 200px !important;
    }

    .ml1--large-down {
        margin-left: 10px !important;
    }

    .ml2--large-down {
        margin-left: 20px !important;
    }

    .ml3--large-down {
        margin-left: 30px !important;
    }

    .ml4--large-down {
        margin-left: 40px !important;
    }

    .ml5--large-down {
        margin-left: 50px !important;
    }

    .ml6--large-down {
        margin-left: 60px !important;
    }

    .ml7--large-down {
        margin-left: 70px !important;
    }

    .ml8--large-down {
        margin-left: 80px !important;
    }

    .ml9--large-down {
        margin-left: 90px !important;
    }

    .ml10--large-down {
        margin-left: 100px !important;
    }

    .ml11--large-down {
        margin-left: 110px !important;
    }

    .ml12--large-down {
        margin-left: 120px !important;
    }

    .ml13--large-down {
        margin-left: 130px !important;
    }

    .ml14--large-down {
        margin-left: 140px !important;
    }

    .ml15--large-down {
        margin-left: 150px !important;
    }

    .ml16--large-down {
        margin-left: 160px !important;
    }

    .ml17--large-down {
        margin-left: 170px !important;
    }

    .ml18--large-down {
        margin-left: 180px !important;
    }

    .ml19--large-down {
        margin-left: 190px !important;
    }

    .ml20--large-down {
        margin-left: 200px !important;
    }

    .mr1--large-down {
        margin-right: 10px !important;
    }

    .mr2--large-down {
        margin-right: 20px !important;
    }

    .mr3--large-down {
        margin-right: 30px !important;
    }

    .mr4--large-down {
        margin-right: 40px !important;
    }

    .mr5--large-down {
        margin-right: 50px !important;
    }

    .mr6--large-down {
        margin-right: 60px !important;
    }

    .mr7--large-down {
        margin-right: 70px !important;
    }

    .mr8--large-down {
        margin-right: 80px !important;
    }

    .mr9--large-down {
        margin-right: 90px !important;
    }

    .mr10--large-down {
        margin-right: 100px !important;
    }

    .mr11--large-down {
        margin-right: 110px !important;
    }

    .mr12--large-down {
        margin-right: 120px !important;
    }

    .mr13--large-down {
        margin-right: 130px !important;
    }

    .mr14--large-down {
        margin-right: 140px !important;
    }

    .mr15--large-down {
        margin-right: 150px !important;
    }

    .mr16--large-down {
        margin-right: 160px !important;
    }

    .mr17--large-down {
        margin-right: 170px !important;
    }

    .mr18--large-down {
        margin-right: 180px !important;
    }

    .mr19--large-down {
        margin-right: 190px !important;
    }

    .mr20--large-down {
        margin-right: 200px !important;
    }

    .mt1--large-down {
        margin-top: 10px !important;
    }

    .mt2--large-down {
        margin-top: 20px !important;
    }

    .mt3--large-down {
        margin-top: 30px !important;
    }

    .mt4--large-down {
        margin-top: 40px !important;
    }

    .mt5--large-down {
        margin-top: 50px !important;
    }

    .mt6--large-down {
        margin-top: 60px !important;
    }

    .mt7--large-down {
        margin-top: 70px !important;
    }

    .mt8--large-down {
        margin-top: 80px !important;
    }

    .mt9--large-down {
        margin-top: 90px !important;
    }

    .mt10--large-down {
        margin-top: 100px !important;
    }

    .mt11--large-down {
        margin-top: 110px !important;
    }

    .mt12--large-down {
        margin-top: 120px !important;
    }

    .mt13--large-down {
        margin-top: 130px !important;
    }

    .mt14--large-down {
        margin-top: 140px !important;
    }

    .mt15--large-down {
        margin-top: 150px !important;
    }

    .mt16--large-down {
        margin-top: 160px !important;
    }

    .mt17--large-down {
        margin-top: 170px !important;
    }

    .mt18--large-down {
        margin-top: 180px !important;
    }

    .mt19--large-down {
        margin-top: 190px !important;
    }

    .mt20--large-down {
        margin-top: 200px !important;
    }

    .p1--large-down {
        padding: 10px !important;
    }

    .p2--large-down {
        padding: 20px !important;
    }

    .p3--large-down {
        padding: 30px !important;
    }

    .p4--large-down {
        padding: 40px !important;
    }

    .p5--large-down {
        padding: 50px !important;
    }

    .p6--large-down {
        padding: 60px !important;
    }

    .p7--large-down {
        padding: 70px !important;
    }

    .p8--large-down {
        padding: 80px !important;
    }

    .p9--large-down {
        padding: 90px !important;
    }

    .p10--large-down {
        padding: 100px !important;
    }

    .p11--large-down {
        padding: 110px !important;
    }

    .p12--large-down {
        padding: 120px !important;
    }

    .p13--large-down {
        padding: 130px !important;
    }

    .p14--large-down {
        padding: 140px !important;
    }

    .p15--large-down {
        padding: 150px !important;
    }

    .p16--large-down {
        padding: 160px !important;
    }

    .p17--large-down {
        padding: 170px !important;
    }

    .p18--large-down {
        padding: 180px !important;
    }

    .p19--large-down {
        padding: 190px !important;
    }

    .p20--large-down {
        padding: 200px !important;
    }

    .pb1--large-down {
        padding-bottom: 10px !important;
    }

    .pb2--large-down {
        padding-bottom: 20px !important;
    }

    .pb3--large-down {
        padding-bottom: 30px !important;
    }

    .pb4--large-down {
        padding-bottom: 40px !important;
    }

    .pb5--large-down {
        padding-bottom: 50px !important;
    }

    .pb6--large-down {
        padding-bottom: 60px !important;
    }

    .pb7--large-down {
        padding-bottom: 70px !important;
    }

    .pb8--large-down {
        padding-bottom: 80px !important;
    }

    .pb9--large-down {
        padding-bottom: 90px !important;
    }

    .pb10--large-down {
        padding-bottom: 100px !important;
    }

    .pb11--large-down {
        padding-bottom: 110px !important;
    }

    .pb12--large-down {
        padding-bottom: 120px !important;
    }

    .pb13--large-down {
        padding-bottom: 130px !important;
    }

    .pb14--large-down {
        padding-bottom: 140px !important;
    }

    .pb15--large-down {
        padding-bottom: 150px !important;
    }

    .pb16--large-down {
        padding-bottom: 160px !important;
    }

    .pb17--large-down {
        padding-bottom: 170px !important;
    }

    .pb18--large-down {
        padding-bottom: 180px !important;
    }

    .pb19--large-down {
        padding-bottom: 190px !important;
    }

    .pb20--large-down {
        padding-bottom: 200px !important;
    }

    .pl1--large-down {
        padding-left: 10px !important;
    }

    .pl2--large-down {
        padding-left: 20px !important;
    }

    .pl3--large-down {
        padding-left: 30px !important;
    }

    .pl4--large-down {
        padding-left: 40px !important;
    }

    .pl5--large-down {
        padding-left: 50px !important;
    }

    .pl6--large-down {
        padding-left: 60px !important;
    }

    .pl7--large-down {
        padding-left: 70px !important;
    }

    .pl8--large-down {
        padding-left: 80px !important;
    }

    .pl9--large-down {
        padding-left: 90px !important;
    }

    .pl10--large-down {
        padding-left: 100px !important;
    }

    .pl11--large-down {
        padding-left: 110px !important;
    }

    .pl12--large-down {
        padding-left: 120px !important;
    }

    .pl13--large-down {
        padding-left: 130px !important;
    }

    .pl14--large-down {
        padding-left: 140px !important;
    }

    .pl15--large-down {
        padding-left: 150px !important;
    }

    .pl16--large-down {
        padding-left: 160px !important;
    }

    .pl17--large-down {
        padding-left: 170px !important;
    }

    .pl18--large-down {
        padding-left: 180px !important;
    }

    .pl19--large-down {
        padding-left: 190px !important;
    }

    .pl20--large-down {
        padding-left: 200px !important;
    }

    .pr1--large-down {
        padding-right: 10px !important;
    }

    .pr2--large-down {
        padding-right: 20px !important;
    }

    .pr3--large-down {
        padding-right: 30px !important;
    }

    .pr4--large-down {
        padding-right: 40px !important;
    }

    .pr5--large-down {
        padding-right: 50px !important;
    }

    .pr6--large-down {
        padding-right: 60px !important;
    }

    .pr7--large-down {
        padding-right: 70px !important;
    }

    .pr8--large-down {
        padding-right: 80px !important;
    }

    .pr9--large-down {
        padding-right: 90px !important;
    }

    .pr10--large-down {
        padding-right: 100px !important;
    }

    .pr11--large-down {
        padding-right: 110px !important;
    }

    .pr12--large-down {
        padding-right: 120px !important;
    }

    .pr13--large-down {
        padding-right: 130px !important;
    }

    .pr14--large-down {
        padding-right: 140px !important;
    }

    .pr15--large-down {
        padding-right: 150px !important;
    }

    .pr16--large-down {
        padding-right: 160px !important;
    }

    .pr17--large-down {
        padding-right: 170px !important;
    }

    .pr18--large-down {
        padding-right: 180px !important;
    }

    .pr19--large-down {
        padding-right: 190px !important;
    }

    .pr20--large-down {
        padding-right: 200px !important;
    }

    .pt1--large-down {
        padding-top: 10px !important;
    }

    .pt2--large-down {
        padding-top: 20px !important;
    }

    .pt3--large-down {
        padding-top: 30px !important;
    }

    .pt4--large-down {
        padding-top: 40px !important;
    }

    .pt5--large-down {
        padding-top: 50px !important;
    }

    .pt6--large-down {
        padding-top: 60px !important;
    }

    .pt7--large-down {
        padding-top: 70px !important;
    }

    .pt8--large-down {
        padding-top: 80px !important;
    }

    .pt9--large-down {
        padding-top: 90px !important;
    }

    .pt10--large-down {
        padding-top: 100px !important;
    }

    .pt11--large-down {
        padding-top: 110px !important;
    }

    .pt12--large-down {
        padding-top: 120px !important;
    }

    .pt13--large-down {
        padding-top: 130px !important;
    }

    .pt14--large-down {
        padding-top: 140px !important;
    }

    .pt15--large-down {
        padding-top: 150px !important;
    }

    .pt16--large-down {
        padding-top: 160px !important;
    }

    .pt17--large-down {
        padding-top: 170px !important;
    }

    .pt18--large-down {
        padding-top: 180px !important;
    }

    .pt19--large-down {
        padding-top: 190px !important;
    }

    .pt20--large-down {
        padding-top: 200px !important;
    }

    .text-center--large-down {
        text-align: center !important;
    }

    .text-left--large-down {
        text-align: left !important;
    }

    .text-right--large-down {
        text-align: right !important;
    }

    .frmGridRow-1--large-down {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(1, 1fr);
    }

    .frmGridRow-2--large-down {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(2, 1fr);
    }

    .frmGridRow-3--large-down {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(3, 1fr);
    }

    .frmGridRow-4--large-down {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(4, 1fr);
    }

    .frmGridRow-5--large-down {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(5, 1fr);
    }

    .frmGridRow-6--large-down {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(6, 1fr);
    }

    .frmGridRow-7--large-down {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(7, 1fr);
    }

    .frmGridRow-8--large-down {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(8, 1fr);
    }

    .frmGridRow-9--large-down {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(9, 1fr);
    }

    .frmGridCell-1--large-down {
        grid-column: span 1 !important;
    }

    .frmGridCell-2--large-down {
        grid-column: span 2 !important;
    }

    .frmGridCell-3--large-down {
        grid-column: span 3 !important;
    }

    .frmGridCell-4--large-down {
        grid-column: span 4 !important;
    }

    .frmGridCell-5--large-down {
        grid-column: span 5 !important;
    }

    .frmGridCell-6--large-down {
        grid-column: span 6 !important;
    }

    .frmGridCell-7--large-down {
        grid-column: span 7 !important;
    }

    .frmGridCell-8--large-down {
        grid-column: span 8 !important;
    }

    .frmGridCell-9--large-down {
        grid-column: span 9 !important;
    }
}

@media screen and (max-width: 900px) {
    .abs-right--medium-down {
        right: 0;
        left: unset !important;
    }

    .abs-left--medium-down {
        left: 0;
        right: unset !important;
    }

    .abs-top--medium-down {
        top: 0;
        bottom: unset !important;
    }

    .abs-bottom--medium-down {
        bottom: 0;
        top: unset !important;
    }

    .flex-even--medium-down {
        display: flex;
        justify-content: space-evenly !important;
    }

    .flex-between--medium-down {
        display: flex;
        justify-content: space-between !important;
    }

    .flex-row--medium-down {
        display: flex;
        flex-direction: row !important;
    }

    .flex-row-rev--medium-down {
        display: flex;
        flex-direction: row-reverse !important;
    }

    .flex-column--medium-down {
        display: flex;
        flex-direction: column !important;
    }

    .flex-column-rev--medium-down {
        display: flex;
        flex-direction: column-reverse !important;
    }

    .flex-justify-center--medium-down {
        display: flex;
        justify-content: center !important;
    }

    .flex-justify-top--medium-down {
        display: flex;
        justify-content: top !important;
    }

    .flex-justify-bottom--medium-down {
        display: flex;
        justify-content: bottom !important;
    }

    .flex-justify-right--medium-down {
        display: flex;
        justify-content: right !important;
    }

    .flex-justify-left--medium-down {
        display: flex;
        justify-content: left !important;
    }

    .flex-justify-end--medium-down {
        display: flex;
        justify-content: flex-end !important;
    }

    .flex-justify-start--medium-down {
        display: flex;
        justify-content: flex-start !important;
    }

    .flex-align-center--medium-down {
        display: flex;
        align-items: center !important;
    }

    .flex-align-end--medium-down {
        display: flex;
        align-items: flex-end !important;
    }

    .flex-align-start--medium-down {
        display: flex;
        align-items: flex-start !important;
    }

    .self-center--medium-down {
        display: flex;
        align-self: center !important;
    }

    .w-10--medium-down {
        width: 10% !important;
    }

    .w-20--medium-down {
        width: 20% !important;
    }

    .w-30--medium-down {
        width: 30% !important;
    }

    .w-40--medium-down {
        width: 40% !important;
    }

    .w-50--medium-down {
        width: 50% !important;
    }

    .w-60--medium-down {
        width: 60% !important;
    }

    .w-70--medium-down {
        width: 70% !important;
    }

    .w-80--medium-down {
        width: 80% !important;
    }

    .w-90--medium-down {
        width: 90% !important;
    }

    .w-100--medium-down {
        width: 100% !important;
    }

    .w-auto--medium-down {
        width: auto !important;
    }

    .w-25--medium-down {
        width: 25% !important;
    }

    .w-33--medium-down {
        width: 33.3% !important;
    }

    .w-45--medium-down {
        width: 45% !important;
    }

    .w-48--medium-down {
        width: 48% !important;
    }

    .w-75--medium-down {
        width: 75% !important;
    }

    .offset-l0--medium-down {
        transform: translateX(0px) !important;
    }

    .offset-l1--medium-down {
        transform: translateX(-10px) !important;
    }

    .offset-l2--medium-down {
        transform: translateX(-20px) !important;
    }

    .offset-l3--medium-down {
        transform: translateX(-30px) !important;
    }

    .offset-l4--medium-down {
        transform: translateX(-40px) !important;
    }

    .offset-l5--medium-down {
        transform: translateX(-50px) !important;
    }

    .offset-l6--medium-down {
        transform: translateX(-60px) !important;
    }

    .offset-l7--medium-down {
        transform: translateX(-70px) !important;
    }

    .offset-l8--medium-down {
        transform: translateX(-80px) !important;
    }

    .offset-l9--medium-down {
        transform: translateX(-90px) !important;
    }

    .offset-l10--medium-down {
        transform: translateX(-100px) !important;
    }

    .offset-r0--medium-down {
        transform: translateX(0px) !important;
    }

    .offset-r1--medium-down {
        transform: translateX(10px) !important;
    }

    .offset-r2--medium-down {
        transform: translateX(20px) !important;
    }

    .offset-r3--medium-down {
        transform: translateX(30px) !important;
    }

    .offset-r4--medium-down {
        transform: translateX(40px) !important;
    }

    .offset-r5--medium-down {
        transform: translateX(50px) !important;
    }

    .offset-r6--medium-down {
        transform: translateX(60px) !important;
    }

    .offset-r7--medium-down {
        transform: translateX(70px) !important;
    }

    .offset-r8--medium-down {
        transform: translateX(80px) !important;
    }

    .offset-r9--medium-down {
        transform: translateX(90px) !important;
    }

    .offset-r10--medium-down {
        transform: translateX(100px) !important;
    }

    .offset-b0--medium-down {
        transform: translateY(0px) !important;
    }

    .offset-b1--medium-down {
        transform: translateY(10px) !important;
    }

    .offset-b2--medium-down {
        transform: translateY(20px) !important;
    }

    .offset-b3--medium-down {
        transform: translateY(30px) !important;
    }

    .offset-b4--medium-down {
        transform: translateY(40px) !important;
    }

    .offset-b5--medium-down {
        transform: translateY(50px) !important;
    }

    .offset-b6--medium-down {
        transform: translateY(60px) !important;
    }

    .offset-b7--medium-down {
        transform: translateY(70px) !important;
    }

    .offset-b8--medium-down {
        transform: translateY(80px) !important;
    }

    .offset-b9--medium-down {
        transform: translateY(90px) !important;
    }

    .offset-b10--medium-down {
        transform: translateY(100px) !important;
    }

    .offset-bl0--medium-down {
        transform: translate(0px, 0px) !important;
    }

    .offset-bl1--medium-down {
        transform: translate(-10px, 10px) !important;
    }

    .offset-bl2--medium-down {
        transform: translate(-20px, 20px) !important;
    }

    .offset-bl3--medium-down {
        transform: translate(-30px, 30px) !important;
    }

    .offset-bl4--medium-down {
        transform: translate(-40px, 40px) !important;
    }

    .offset-bl5--medium-down {
        transform: translate(-50px, 50px) !important;
    }

    .offset-bl6--medium-down {
        transform: translate(-60px, 60px) !important;
    }

    .offset-bl7--medium-down {
        transform: translate(-70px, 70px) !important;
    }

    .offset-bl8--medium-down {
        transform: translate(-80px, 80px) !important;
    }

    .offset-bl9--medium-down {
        transform: translate(-90px, 90px) !important;
    }

    .offset-bl10--medium-down {
        transform: translate(-100px, 100px) !important;
    }

    .offset-br0--medium-down {
        transform: translate(0px, 0px) !important;
    }

    .offset-br1--medium-down {
        transform: translate(10px, 10px) !important;
    }

    .offset-br2--medium-down {
        transform: translate(20px, 20px) !important;
    }

    .offset-br3--medium-down {
        transform: translate(30px, 30px) !important;
    }

    .offset-br4--medium-down {
        transform: translate(40px, 40px) !important;
    }

    .offset-br5--medium-down {
        transform: translate(50px, 50px) !important;
    }

    .offset-br6--medium-down {
        transform: translate(60px, 60px) !important;
    }

    .offset-br7--medium-down {
        transform: translate(70px, 70px) !important;
    }

    .offset-br8--medium-down {
        transform: translate(80px, 80px) !important;
    }

    .offset-br9--medium-down {
        transform: translate(90px, 90px) !important;
    }

    .offset-br10--medium-down {
        transform: translate(100px, 100px) !important;
    }

    .offset-t0--medium-down {
        transform: translateY(0px) !important;
    }

    .offset-t1--medium-down {
        transform: translateY(-10px) !important;
    }

    .offset-t2--medium-down {
        transform: translateY(-20px) !important;
    }

    .offset-t3--medium-down {
        transform: translateY(-30px) !important;
    }

    .offset-t4--medium-down {
        transform: translateY(-40px) !important;
    }

    .offset-t5--medium-down {
        transform: translateY(-50px) !important;
    }

    .offset-t6--medium-down {
        transform: translateY(-60px) !important;
    }

    .offset-t7--medium-down {
        transform: translateY(-70px) !important;
    }

    .offset-t8--medium-down {
        transform: translateY(-80px) !important;
    }

    .offset-t9--medium-down {
        transform: translateY(-90px) !important;
    }

    .offset-t10--medium-down {
        transform: translateY(-100px) !important;
    }

    .offset-tl0--medium-down {
        transform: translate(0px, 0px) !important;
    }

    .offset-tl1--medium-down {
        transform: translate(-10px, -10px) !important;
    }

    .offset-tl2--medium-down {
        transform: translate(-20px, -20px) !important;
    }

    .offset-tl3--medium-down {
        transform: translate(-30px, -30px) !important;
    }

    .offset-tl4--medium-down {
        transform: translate(-40px, -40px) !important;
    }

    .offset-tl5--medium-down {
        transform: translate(-50px, -50px) !important;
    }

    .offset-tl6--medium-down {
        transform: translate(-60px, -60px) !important;
    }

    .offset-tl7--medium-down {
        transform: translate(-70px, -70px) !important;
    }

    .offset-tl8--medium-down {
        transform: translate(-80px, -80px) !important;
    }

    .offset-tl9--medium-down {
        transform: translate(-90px, -90px) !important;
    }

    .offset-tl10--medium-down {
        transform: translate(-100px, -100px) !important;
    }

    .offset-tr0--medium-down {
        transform: translate(0px, 0px) !important;
    }

    .offset-tr1--medium-down {
        transform: translate(10px, -10px) !important;
    }

    .offset-tr2--medium-down {
        transform: translate(20px, -20px) !important;
    }

    .offset-tr3--medium-down {
        transform: translate(30px, -30px) !important;
    }

    .offset-tr4--medium-down {
        transform: translate(40px, -40px) !important;
    }

    .offset-tr5--medium-down {
        transform: translate(50px, -50px) !important;
    }

    .offset-tr6--medium-down {
        transform: translate(60px, -60px) !important;
    }

    .offset-tr7--medium-down {
        transform: translate(70px, -70px) !important;
    }

    .offset-tr8--medium-down {
        transform: translate(80px, -80px) !important;
    }

    .offset-tr9--medium-down {
        transform: translate(90px, -90px) !important;
    }

    .offset-tr10--medium-down {
        transform: translate(100px, -100px) !important;
    }

    .m1--medium-down {
        margin: 10px !important;
    }

    .m2--medium-down {
        margin: 20px !important;
    }

    .m3--medium-down {
        margin: 30px !important;
    }

    .m4--medium-down {
        margin: 40px !important;
    }

    .m5--medium-down {
        margin: 50px !important;
    }

    .m6--medium-down {
        margin: 60px !important;
    }

    .m7--medium-down {
        margin: 70px !important;
    }

    .m8--medium-down {
        margin: 80px !important;
    }

    .m9--medium-down {
        margin: 90px !important;
    }

    .m10--medium-down {
        margin: 100px !important;
    }

    .m11--medium-down {
        margin: 110px !important;
    }

    .m12--medium-down {
        margin: 120px !important;
    }

    .m13--medium-down {
        margin: 130px !important;
    }

    .m14--medium-down {
        margin: 140px !important;
    }

    .m15--medium-down {
        margin: 150px !important;
    }

    .m16--medium-down {
        margin: 160px !important;
    }

    .m17--medium-down {
        margin: 170px !important;
    }

    .m18--medium-down {
        margin: 180px !important;
    }

    .m19--medium-down {
        margin: 190px !important;
    }

    .m20--medium-down {
        margin: 200px !important;
    }

    .mb1--medium-down {
        margin-bottom: 10px !important;
    }

    .mb2--medium-down {
        margin-bottom: 20px !important;
    }

    .mb3--medium-down {
        margin-bottom: 30px !important;
    }

    .mb4--medium-down {
        margin-bottom: 40px !important;
    }

    .mb5--medium-down {
        margin-bottom: 50px !important;
    }

    .mb6--medium-down {
        margin-bottom: 60px !important;
    }

    .mb7--medium-down {
        margin-bottom: 70px !important;
    }

    .mb8--medium-down {
        margin-bottom: 80px !important;
    }

    .mb9--medium-down {
        margin-bottom: 90px !important;
    }

    .mb10--medium-down {
        margin-bottom: 100px !important;
    }

    .mb11--medium-down {
        margin-bottom: 110px !important;
    }

    .mb12--medium-down {
        margin-bottom: 120px !important;
    }

    .mb13--medium-down {
        margin-bottom: 130px !important;
    }

    .mb14--medium-down {
        margin-bottom: 140px !important;
    }

    .mb15--medium-down {
        margin-bottom: 150px !important;
    }

    .mb16--medium-down {
        margin-bottom: 160px !important;
    }

    .mb17--medium-down {
        margin-bottom: 170px !important;
    }

    .mb18--medium-down {
        margin-bottom: 180px !important;
    }

    .mb19--medium-down {
        margin-bottom: 190px !important;
    }

    .mb20--medium-down {
        margin-bottom: 200px !important;
    }

    .ml1--medium-down {
        margin-left: 10px !important;
    }

    .ml2--medium-down {
        margin-left: 20px !important;
    }

    .ml3--medium-down {
        margin-left: 30px !important;
    }

    .ml4--medium-down {
        margin-left: 40px !important;
    }

    .ml5--medium-down {
        margin-left: 50px !important;
    }

    .ml6--medium-down {
        margin-left: 60px !important;
    }

    .ml7--medium-down {
        margin-left: 70px !important;
    }

    .ml8--medium-down {
        margin-left: 80px !important;
    }

    .ml9--medium-down {
        margin-left: 90px !important;
    }

    .ml10--medium-down {
        margin-left: 100px !important;
    }

    .ml11--medium-down {
        margin-left: 110px !important;
    }

    .ml12--medium-down {
        margin-left: 120px !important;
    }

    .ml13--medium-down {
        margin-left: 130px !important;
    }

    .ml14--medium-down {
        margin-left: 140px !important;
    }

    .ml15--medium-down {
        margin-left: 150px !important;
    }

    .ml16--medium-down {
        margin-left: 160px !important;
    }

    .ml17--medium-down {
        margin-left: 170px !important;
    }

    .ml18--medium-down {
        margin-left: 180px !important;
    }

    .ml19--medium-down {
        margin-left: 190px !important;
    }

    .ml20--medium-down {
        margin-left: 200px !important;
    }

    .mr1--medium-down {
        margin-right: 10px !important;
    }

    .mr2--medium-down {
        margin-right: 20px !important;
    }

    .mr3--medium-down {
        margin-right: 30px !important;
    }

    .mr4--medium-down {
        margin-right: 40px !important;
    }

    .mr5--medium-down {
        margin-right: 50px !important;
    }

    .mr6--medium-down {
        margin-right: 60px !important;
    }

    .mr7--medium-down {
        margin-right: 70px !important;
    }

    .mr8--medium-down {
        margin-right: 80px !important;
    }

    .mr9--medium-down {
        margin-right: 90px !important;
    }

    .mr10--medium-down {
        margin-right: 100px !important;
    }

    .mr11--medium-down {
        margin-right: 110px !important;
    }

    .mr12--medium-down {
        margin-right: 120px !important;
    }

    .mr13--medium-down {
        margin-right: 130px !important;
    }

    .mr14--medium-down {
        margin-right: 140px !important;
    }

    .mr15--medium-down {
        margin-right: 150px !important;
    }

    .mr16--medium-down {
        margin-right: 160px !important;
    }

    .mr17--medium-down {
        margin-right: 170px !important;
    }

    .mr18--medium-down {
        margin-right: 180px !important;
    }

    .mr19--medium-down {
        margin-right: 190px !important;
    }

    .mr20--medium-down {
        margin-right: 200px !important;
    }

    .mt1--medium-down {
        margin-top: 10px !important;
    }

    .mt2--medium-down {
        margin-top: 20px !important;
    }

    .mt3--medium-down {
        margin-top: 30px !important;
    }

    .mt4--medium-down {
        margin-top: 40px !important;
    }

    .mt5--medium-down {
        margin-top: 50px !important;
    }

    .mt6--medium-down {
        margin-top: 60px !important;
    }

    .mt7--medium-down {
        margin-top: 70px !important;
    }

    .mt8--medium-down {
        margin-top: 80px !important;
    }

    .mt9--medium-down {
        margin-top: 90px !important;
    }

    .mt10--medium-down {
        margin-top: 100px !important;
    }

    .mt11--medium-down {
        margin-top: 110px !important;
    }

    .mt12--medium-down {
        margin-top: 120px !important;
    }

    .mt13--medium-down {
        margin-top: 130px !important;
    }

    .mt14--medium-down {
        margin-top: 140px !important;
    }

    .mt15--medium-down {
        margin-top: 150px !important;
    }

    .mt16--medium-down {
        margin-top: 160px !important;
    }

    .mt17--medium-down {
        margin-top: 170px !important;
    }

    .mt18--medium-down {
        margin-top: 180px !important;
    }

    .mt19--medium-down {
        margin-top: 190px !important;
    }

    .mt20--medium-down {
        margin-top: 200px !important;
    }

    .p1--medium-down {
        padding: 10px !important;
    }

    .p2--medium-down {
        padding: 20px !important;
    }

    .p3--medium-down {
        padding: 30px !important;
    }

    .p4--medium-down {
        padding: 40px !important;
    }

    .p5--medium-down {
        padding: 50px !important;
    }

    .p6--medium-down {
        padding: 60px !important;
    }

    .p7--medium-down {
        padding: 70px !important;
    }

    .p8--medium-down {
        padding: 80px !important;
    }

    .p9--medium-down {
        padding: 90px !important;
    }

    .p10--medium-down {
        padding: 100px !important;
    }

    .p11--medium-down {
        padding: 110px !important;
    }

    .p12--medium-down {
        padding: 120px !important;
    }

    .p13--medium-down {
        padding: 130px !important;
    }

    .p14--medium-down {
        padding: 140px !important;
    }

    .p15--medium-down {
        padding: 150px !important;
    }

    .p16--medium-down {
        padding: 160px !important;
    }

    .p17--medium-down {
        padding: 170px !important;
    }

    .p18--medium-down {
        padding: 180px !important;
    }

    .p19--medium-down {
        padding: 190px !important;
    }

    .p20--medium-down {
        padding: 200px !important;
    }

    .pb1--medium-down {
        padding-bottom: 10px !important;
    }

    .pb2--medium-down {
        padding-bottom: 20px !important;
    }

    .pb3--medium-down {
        padding-bottom: 30px !important;
    }

    .pb4--medium-down {
        padding-bottom: 40px !important;
    }

    .pb5--medium-down {
        padding-bottom: 50px !important;
    }

    .pb6--medium-down {
        padding-bottom: 60px !important;
    }

    .pb7--medium-down {
        padding-bottom: 70px !important;
    }

    .pb8--medium-down {
        padding-bottom: 80px !important;
    }

    .pb9--medium-down {
        padding-bottom: 90px !important;
    }

    .pb10--medium-down {
        padding-bottom: 100px !important;
    }

    .pb11--medium-down {
        padding-bottom: 110px !important;
    }

    .pb12--medium-down {
        padding-bottom: 120px !important;
    }

    .pb13--medium-down {
        padding-bottom: 130px !important;
    }

    .pb14--medium-down {
        padding-bottom: 140px !important;
    }

    .pb15--medium-down {
        padding-bottom: 150px !important;
    }

    .pb16--medium-down {
        padding-bottom: 160px !important;
    }

    .pb17--medium-down {
        padding-bottom: 170px !important;
    }

    .pb18--medium-down {
        padding-bottom: 180px !important;
    }

    .pb19--medium-down {
        padding-bottom: 190px !important;
    }

    .pb20--medium-down {
        padding-bottom: 200px !important;
    }

    .pl1--medium-down {
        padding-left: 10px !important;
    }

    .pl2--medium-down {
        padding-left: 20px !important;
    }

    .pl3--medium-down {
        padding-left: 30px !important;
    }

    .pl4--medium-down {
        padding-left: 40px !important;
    }

    .pl5--medium-down {
        padding-left: 50px !important;
    }

    .pl6--medium-down {
        padding-left: 60px !important;
    }

    .pl7--medium-down {
        padding-left: 70px !important;
    }

    .pl8--medium-down {
        padding-left: 80px !important;
    }

    .pl9--medium-down {
        padding-left: 90px !important;
    }

    .pl10--medium-down {
        padding-left: 100px !important;
    }

    .pl11--medium-down {
        padding-left: 110px !important;
    }

    .pl12--medium-down {
        padding-left: 120px !important;
    }

    .pl13--medium-down {
        padding-left: 130px !important;
    }

    .pl14--medium-down {
        padding-left: 140px !important;
    }

    .pl15--medium-down {
        padding-left: 150px !important;
    }

    .pl16--medium-down {
        padding-left: 160px !important;
    }

    .pl17--medium-down {
        padding-left: 170px !important;
    }

    .pl18--medium-down {
        padding-left: 180px !important;
    }

    .pl19--medium-down {
        padding-left: 190px !important;
    }

    .pl20--medium-down {
        padding-left: 200px !important;
    }

    .pr1--medium-down {
        padding-right: 10px !important;
    }

    .pr2--medium-down {
        padding-right: 20px !important;
    }

    .pr3--medium-down {
        padding-right: 30px !important;
    }

    .pr4--medium-down {
        padding-right: 40px !important;
    }

    .pr5--medium-down {
        padding-right: 50px !important;
    }

    .pr6--medium-down {
        padding-right: 60px !important;
    }

    .pr7--medium-down {
        padding-right: 70px !important;
    }

    .pr8--medium-down {
        padding-right: 80px !important;
    }

    .pr9--medium-down {
        padding-right: 90px !important;
    }

    .pr10--medium-down {
        padding-right: 100px !important;
    }

    .pr11--medium-down {
        padding-right: 110px !important;
    }

    .pr12--medium-down {
        padding-right: 120px !important;
    }

    .pr13--medium-down {
        padding-right: 130px !important;
    }

    .pr14--medium-down {
        padding-right: 140px !important;
    }

    .pr15--medium-down {
        padding-right: 150px !important;
    }

    .pr16--medium-down {
        padding-right: 160px !important;
    }

    .pr17--medium-down {
        padding-right: 170px !important;
    }

    .pr18--medium-down {
        padding-right: 180px !important;
    }

    .pr19--medium-down {
        padding-right: 190px !important;
    }

    .pr20--medium-down {
        padding-right: 200px !important;
    }

    .pt1--medium-down {
        padding-top: 10px !important;
    }

    .pt2--medium-down {
        padding-top: 20px !important;
    }

    .pt3--medium-down {
        padding-top: 30px !important;
    }

    .pt4--medium-down {
        padding-top: 40px !important;
    }

    .pt5--medium-down {
        padding-top: 50px !important;
    }

    .pt6--medium-down {
        padding-top: 60px !important;
    }

    .pt7--medium-down {
        padding-top: 70px !important;
    }

    .pt8--medium-down {
        padding-top: 80px !important;
    }

    .pt9--medium-down {
        padding-top: 90px !important;
    }

    .pt10--medium-down {
        padding-top: 100px !important;
    }

    .pt11--medium-down {
        padding-top: 110px !important;
    }

    .pt12--medium-down {
        padding-top: 120px !important;
    }

    .pt13--medium-down {
        padding-top: 130px !important;
    }

    .pt14--medium-down {
        padding-top: 140px !important;
    }

    .pt15--medium-down {
        padding-top: 150px !important;
    }

    .pt16--medium-down {
        padding-top: 160px !important;
    }

    .pt17--medium-down {
        padding-top: 170px !important;
    }

    .pt18--medium-down {
        padding-top: 180px !important;
    }

    .pt19--medium-down {
        padding-top: 190px !important;
    }

    .pt20--medium-down {
        padding-top: 200px !important;
    }

    .text-1--medium-down {
        font-size: 10px !important;
    }

    .text-2--medium-down {
        font-size: 12px !important;
    }

    .text-3--medium-down {
        font-size: 14px !important;
    }

    .text-4--medium-down {
        font-size: 16px !important;
    }

    .text-5--medium-down {
        font-size: 18px !important;
    }

    .text-6--medium-down {
        font-size: 20px !important;
    }

    .text-7--medium-down {
        font-size: 22px !important;
    }

    .text-8--medium-down {
        font-size: 24px !important;
    }

    .text-9--medium-down {
        font-size: 26px !important;
    }

    .text-10--medium-down {
        font-size: 28px !important;
    }

    .text-11--medium-down {
        font-size: 30px !important;
    }

    .text-12--medium-down {
        font-size: 32px !important;
    }

    .text-13--medium-down {
        font-size: 34px !important;
    }

    .text-14--medium-down {
        font-size: 36px !important;
    }

    .text-15--medium-down {
        font-size: 38px !important;
    }

    .text-16--medium-down {
        font-size: 40px !important;
    }

    .text-17--medium-down {
        font-size: 42px !important;
    }

    .text-18--medium-down {
        font-size: 44px !important;
    }

    .text-19--medium-down {
        font-size: 46px !important;
    }

    .text-20--medium-down {
        font-size: 48px !important;
    }

    .text-21--medium-down {
        font-size: 50px !important;
    }

    .text-22--medium-down {
        font-size: 52px !important;
    }

    .text-23--medium-down {
        font-size: 54px !important;
    }

    .text-24--medium-down {
        font-size: 56px !important;
    }

    .text-25--medium-down {
        font-size: 58px !important;
    }

    .text-26--medium-down {
        font-size: 60px !important;
    }

    .text-27--medium-down {
        font-size: 62px !important;
    }

    .text-28--medium-down {
        font-size: 64px !important;
    }

    .text-29--medium-down {
        font-size: 66px !important;
    }

    .text-30--medium-down {
        font-size: 68px !important;
    }

    .text-center--medium-down {
        text-align: center !important;
    }

    .text-left--medium-down {
        text-align: left !important;
    }

    .text-right--medium-down {
        text-align: right !important;
    }

    .frmGridRow-1--medium-down {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(1, 1fr);
    }

    .frmGridRow-2--medium-down {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(2, 1fr);
    }

    .frmGridRow-3--medium-down {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(3, 1fr);
    }

    .frmGridRow-4--medium-down {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(4, 1fr);
    }

    .frmGridRow-5--medium-down {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(5, 1fr);
    }

    .frmGridRow-6--medium-down {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(6, 1fr);
    }

    .frmGridRow-7--medium-down {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(7, 1fr);
    }

    .frmGridRow-8--medium-down {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(8, 1fr);
    }

    .frmGridRow-9--medium-down {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(9, 1fr);
    }

    .frmGridCell-1--medium-down {
        grid-column: span 1 !important;
    }

    .frmGridCell-2--medium-down {
        grid-column: span 2 !important;
    }

    .frmGridCell-3--medium-down {
        grid-column: span 3 !important;
    }

    .frmGridCell-4--medium-down {
        grid-column: span 4 !important;
    }

    .frmGridCell-5--medium-down {
        grid-column: span 5 !important;
    }

    .frmGridCell-6--medium-down {
        grid-column: span 6 !important;
    }

    .frmGridCell-7--medium-down {
        grid-column: span 7 !important;
    }

    .frmGridCell-8--medium-down {
        grid-column: span 8 !important;
    }

    .frmGridCell-9--medium-down {
        grid-column: span 9 !important;
    }
}

@media screen and (max-width: 500px) {
    .abs-right--small {
        right: 0;
        left: unset !important;
    }

    .abs-left--small {
        left: 0;
        right: unset !important;
    }

    .abs-top--small {
        top: 0;
        bottom: unset !important;
    }

    .abs-bottom--small {
        bottom: 0;
        top: unset !important;
    }

    .flex-even--small {
        display: flex;
        justify-content: space-evenly !important;
    }

    .flex-between--small {
        display: flex;
        justify-content: space-between !important;
    }

    .flex-row--small {
        display: flex;
        flex-direction: row !important;
    }

    .flex-row-rev--small {
        display: flex;
        flex-direction: row-reverse !important;
    }

    .flex-column--small {
        display: flex;
        flex-direction: column !important;
    }

    .flex-column-rev--small {
        display: flex;
        flex-direction: column-reverse !important;
    }

    .flex-justify-center--small {
        display: flex;
        justify-content: center !important;
    }

    .flex-justify-top--small {
        display: flex;
        justify-content: top !important;
    }

    .flex-justify-bottom--small {
        display: flex;
        justify-content: bottom !important;
    }

    .flex-justify-right--small {
        display: flex;
        justify-content: right !important;
    }

    .flex-justify-left--small {
        display: flex;
        justify-content: left !important;
    }

    .flex-justify-end--small {
        display: flex;
        justify-content: flex-end !important;
    }

    .flex-justify-start--small {
        display: flex;
        justify-content: flex-start !important;
    }

    .flex-align-center--small {
        display: flex;
        align-items: center !important;
    }

    .flex-align-end--small {
        display: flex;
        align-items: flex-end !important;
    }

    .flex-align-start--small {
        display: flex;
        align-items: flex-start !important;
    }

    .self-center--small {
        display: flex;
        align-self: center !important;
    }

    .w-10--small {
        width: 10% !important;
    }

    .w-20--small {
        width: 20% !important;
    }

    .w-30--small {
        width: 30% !important;
    }

    .w-40--small {
        width: 40% !important;
    }

    .w-50--small {
        width: 50% !important;
    }

    .w-60--small {
        width: 60% !important;
    }

    .w-70--small {
        width: 70% !important;
    }

    .w-80--small {
        width: 80% !important;
    }

    .w-90--small {
        width: 90% !important;
    }

    .w-100--small {
        width: 100% !important;
    }

    .w-auto--small {
        width: auto !important;
    }

    .w-25--small {
        width: 25% !important;
    }

    .w-33--small {
        width: 33.3% !important;
    }

    .w-45--small {
        width: 45% !important;
    }

    .w-48--small {
        width: 48% !important;
    }

    .w-75--small {
        width: 75% !important;
    }

    .offset-l0--small {
        transform: translateX(0px) !important;
    }

    .offset-l1--small {
        transform: translateX(-10px) !important;
    }

    .offset-l2--small {
        transform: translateX(-20px) !important;
    }

    .offset-l3--small {
        transform: translateX(-30px) !important;
    }

    .offset-l4--small {
        transform: translateX(-40px) !important;
    }

    .offset-l5--small {
        transform: translateX(-50px) !important;
    }

    .offset-l6--small {
        transform: translateX(-60px) !important;
    }

    .offset-l7--small {
        transform: translateX(-70px) !important;
    }

    .offset-l8--small {
        transform: translateX(-80px) !important;
    }

    .offset-l9--small {
        transform: translateX(-90px) !important;
    }

    .offset-l10--small {
        transform: translateX(-100px) !important;
    }

    .offset-r0--small {
        transform: translateX(0px) !important;
    }

    .offset-r1--small {
        transform: translateX(10px) !important;
    }

    .offset-r2--small {
        transform: translateX(20px) !important;
    }

    .offset-r3--small {
        transform: translateX(30px) !important;
    }

    .offset-r4--small {
        transform: translateX(40px) !important;
    }

    .offset-r5--small {
        transform: translateX(50px) !important;
    }

    .offset-r6--small {
        transform: translateX(60px) !important;
    }

    .offset-r7--small {
        transform: translateX(70px) !important;
    }

    .offset-r8--small {
        transform: translateX(80px) !important;
    }

    .offset-r9--small {
        transform: translateX(90px) !important;
    }

    .offset-r10--small {
        transform: translateX(100px) !important;
    }

    .offset-b0--small {
        transform: translateY(0px) !important;
    }

    .offset-b1--small {
        transform: translateY(10px) !important;
    }

    .offset-b2--small {
        transform: translateY(20px) !important;
    }

    .offset-b3--small {
        transform: translateY(30px) !important;
    }

    .offset-b4--small {
        transform: translateY(40px) !important;
    }

    .offset-b5--small {
        transform: translateY(50px) !important;
    }

    .offset-b6--small {
        transform: translateY(60px) !important;
    }

    .offset-b7--small {
        transform: translateY(70px) !important;
    }

    .offset-b8--small {
        transform: translateY(80px) !important;
    }

    .offset-b9--small {
        transform: translateY(90px) !important;
    }

    .offset-b10--small {
        transform: translateY(100px) !important;
    }

    .offset-bl0--small {
        transform: translate(0px, 0px) !important;
    }

    .offset-bl1--small {
        transform: translate(-10px, 10px) !important;
    }

    .offset-bl2--small {
        transform: translate(-20px, 20px) !important;
    }

    .offset-bl3--small {
        transform: translate(-30px, 30px) !important;
    }

    .offset-bl4--small {
        transform: translate(-40px, 40px) !important;
    }

    .offset-bl5--small {
        transform: translate(-50px, 50px) !important;
    }

    .offset-bl6--small {
        transform: translate(-60px, 60px) !important;
    }

    .offset-bl7--small {
        transform: translate(-70px, 70px) !important;
    }

    .offset-bl8--small {
        transform: translate(-80px, 80px) !important;
    }

    .offset-bl9--small {
        transform: translate(-90px, 90px) !important;
    }

    .offset-bl10--small {
        transform: translate(-100px, 100px) !important;
    }

    .offset-br0--small {
        transform: translate(0px, 0px) !important;
    }

    .offset-br1--small {
        transform: translate(10px, 10px) !important;
    }

    .offset-br2--small {
        transform: translate(20px, 20px) !important;
    }

    .offset-br3--small {
        transform: translate(30px, 30px) !important;
    }

    .offset-br4--small {
        transform: translate(40px, 40px) !important;
    }

    .offset-br5--small {
        transform: translate(50px, 50px) !important;
    }

    .offset-br6--small {
        transform: translate(60px, 60px) !important;
    }

    .offset-br7--small {
        transform: translate(70px, 70px) !important;
    }

    .offset-br8--small {
        transform: translate(80px, 80px) !important;
    }

    .offset-br9--small {
        transform: translate(90px, 90px) !important;
    }

    .offset-br10--small {
        transform: translate(100px, 100px) !important;
    }

    .offset-t0--small {
        transform: translateY(0px) !important;
    }

    .offset-t1--small {
        transform: translateY(-10px) !important;
    }

    .offset-t2--small {
        transform: translateY(-20px) !important;
    }

    .offset-t3--small {
        transform: translateY(-30px) !important;
    }

    .offset-t4--small {
        transform: translateY(-40px) !important;
    }

    .offset-t5--small {
        transform: translateY(-50px) !important;
    }

    .offset-t6--small {
        transform: translateY(-60px) !important;
    }

    .offset-t7--small {
        transform: translateY(-70px) !important;
    }

    .offset-t8--small {
        transform: translateY(-80px) !important;
    }

    .offset-t9--small {
        transform: translateY(-90px) !important;
    }

    .offset-t10--small {
        transform: translateY(-100px) !important;
    }

    .offset-tl0--small {
        transform: translate(0px, 0px) !important;
    }

    .offset-tl1--small {
        transform: translate(-10px, -10px) !important;
    }

    .offset-tl2--small {
        transform: translate(-20px, -20px) !important;
    }

    .offset-tl3--small {
        transform: translate(-30px, -30px) !important;
    }

    .offset-tl4--small {
        transform: translate(-40px, -40px) !important;
    }

    .offset-tl5--small {
        transform: translate(-50px, -50px) !important;
    }

    .offset-tl6--small {
        transform: translate(-60px, -60px) !important;
    }

    .offset-tl7--small {
        transform: translate(-70px, -70px) !important;
    }

    .offset-tl8--small {
        transform: translate(-80px, -80px) !important;
    }

    .offset-tl9--small {
        transform: translate(-90px, -90px) !important;
    }

    .offset-tl10--small {
        transform: translate(-100px, -100px) !important;
    }

    .offset-tr0--small {
        transform: translate(0px, 0px) !important;
    }

    .offset-tr1--small {
        transform: translate(10px, -10px) !important;
    }

    .offset-tr2--small {
        transform: translate(20px, -20px) !important;
    }

    .offset-tr3--small {
        transform: translate(30px, -30px) !important;
    }

    .offset-tr4--small {
        transform: translate(40px, -40px) !important;
    }

    .offset-tr5--small {
        transform: translate(50px, -50px) !important;
    }

    .offset-tr6--small {
        transform: translate(60px, -60px) !important;
    }

    .offset-tr7--small {
        transform: translate(70px, -70px) !important;
    }

    .offset-tr8--small {
        transform: translate(80px, -80px) !important;
    }

    .offset-tr9--small {
        transform: translate(90px, -90px) !important;
    }

    .offset-tr10--small {
        transform: translate(100px, -100px) !important;
    }

    .m1--small {
        margin: 10px !important;
    }

    .m2--small {
        margin: 20px !important;
    }

    .m3--small {
        margin: 30px !important;
    }

    .m4--small {
        margin: 40px !important;
    }

    .m5--small {
        margin: 50px !important;
    }

    .m6--small {
        margin: 60px !important;
    }

    .m7--small {
        margin: 70px !important;
    }

    .m8--small {
        margin: 80px !important;
    }

    .m9--small {
        margin: 90px !important;
    }

    .m10--small {
        margin: 100px !important;
    }

    .m11--small {
        margin: 110px !important;
    }

    .m12--small {
        margin: 120px !important;
    }

    .m13--small {
        margin: 130px !important;
    }

    .m14--small {
        margin: 140px !important;
    }

    .m15--small {
        margin: 150px !important;
    }

    .m16--small {
        margin: 160px !important;
    }

    .m17--small {
        margin: 170px !important;
    }

    .m18--small {
        margin: 180px !important;
    }

    .m19--small {
        margin: 190px !important;
    }

    .m20--small {
        margin: 200px !important;
    }

    .mb1--small {
        margin-bottom: 10px !important;
    }

    .mb2--small {
        margin-bottom: 20px !important;
    }

    .mb3--small {
        margin-bottom: 30px !important;
    }

    .mb4--small {
        margin-bottom: 40px !important;
    }

    .mb5--small {
        margin-bottom: 50px !important;
    }

    .mb6--small {
        margin-bottom: 60px !important;
    }

    .mb7--small {
        margin-bottom: 70px !important;
    }

    .mb8--small {
        margin-bottom: 80px !important;
    }

    .mb9--small {
        margin-bottom: 90px !important;
    }

    .mb10--small {
        margin-bottom: 100px !important;
    }

    .mb11--small {
        margin-bottom: 110px !important;
    }

    .mb12--small {
        margin-bottom: 120px !important;
    }

    .mb13--small {
        margin-bottom: 130px !important;
    }

    .mb14--small {
        margin-bottom: 140px !important;
    }

    .mb15--small {
        margin-bottom: 150px !important;
    }

    .mb16--small {
        margin-bottom: 160px !important;
    }

    .mb17--small {
        margin-bottom: 170px !important;
    }

    .mb18--small {
        margin-bottom: 180px !important;
    }

    .mb19--small {
        margin-bottom: 190px !important;
    }

    .mb20--small {
        margin-bottom: 200px !important;
    }

    .ml1--small {
        margin-left: 10px !important;
    }

    .ml2--small {
        margin-left: 20px !important;
    }

    .ml3--small {
        margin-left: 30px !important;
    }

    .ml4--small {
        margin-left: 40px !important;
    }

    .ml5--small {
        margin-left: 50px !important;
    }

    .ml6--small {
        margin-left: 60px !important;
    }

    .ml7--small {
        margin-left: 70px !important;
    }

    .ml8--small {
        margin-left: 80px !important;
    }

    .ml9--small {
        margin-left: 90px !important;
    }

    .ml10--small {
        margin-left: 100px !important;
    }

    .ml11--small {
        margin-left: 110px !important;
    }

    .ml12--small {
        margin-left: 120px !important;
    }

    .ml13--small {
        margin-left: 130px !important;
    }

    .ml14--small {
        margin-left: 140px !important;
    }

    .ml15--small {
        margin-left: 150px !important;
    }

    .ml16--small {
        margin-left: 160px !important;
    }

    .ml17--small {
        margin-left: 170px !important;
    }

    .ml18--small {
        margin-left: 180px !important;
    }

    .ml19--small {
        margin-left: 190px !important;
    }

    .ml20--small {
        margin-left: 200px !important;
    }

    .mr1--small {
        margin-right: 10px !important;
    }

    .mr2--small {
        margin-right: 20px !important;
    }

    .mr3--small {
        margin-right: 30px !important;
    }

    .mr4--small {
        margin-right: 40px !important;
    }

    .mr5--small {
        margin-right: 50px !important;
    }

    .mr6--small {
        margin-right: 60px !important;
    }

    .mr7--small {
        margin-right: 70px !important;
    }

    .mr8--small {
        margin-right: 80px !important;
    }

    .mr9--small {
        margin-right: 90px !important;
    }

    .mr10--small {
        margin-right: 100px !important;
    }

    .mr11--small {
        margin-right: 110px !important;
    }

    .mr12--small {
        margin-right: 120px !important;
    }

    .mr13--small {
        margin-right: 130px !important;
    }

    .mr14--small {
        margin-right: 140px !important;
    }

    .mr15--small {
        margin-right: 150px !important;
    }

    .mr16--small {
        margin-right: 160px !important;
    }

    .mr17--small {
        margin-right: 170px !important;
    }

    .mr18--small {
        margin-right: 180px !important;
    }

    .mr19--small {
        margin-right: 190px !important;
    }

    .mr20--small {
        margin-right: 200px !important;
    }

    .mt1--small {
        margin-top: 10px !important;
    }

    .mt2--small {
        margin-top: 20px !important;
    }

    .mt3--small {
        margin-top: 30px !important;
    }

    .mt4--small {
        margin-top: 40px !important;
    }

    .mt5--small {
        margin-top: 50px !important;
    }

    .mt6--small {
        margin-top: 60px !important;
    }

    .mt7--small {
        margin-top: 70px !important;
    }

    .mt8--small {
        margin-top: 80px !important;
    }

    .mt9--small {
        margin-top: 90px !important;
    }

    .mt10--small {
        margin-top: 100px !important;
    }

    .mt11--small {
        margin-top: 110px !important;
    }

    .mt12--small {
        margin-top: 120px !important;
    }

    .mt13--small {
        margin-top: 130px !important;
    }

    .mt14--small {
        margin-top: 140px !important;
    }

    .mt15--small {
        margin-top: 150px !important;
    }

    .mt16--small {
        margin-top: 160px !important;
    }

    .mt17--small {
        margin-top: 170px !important;
    }

    .mt18--small {
        margin-top: 180px !important;
    }

    .mt19--small {
        margin-top: 190px !important;
    }

    .mt20--small {
        margin-top: 200px !important;
    }

    .p1--small {
        padding: 10px !important;
    }

    .p2--small {
        padding: 20px !important;
    }

    .p3--small {
        padding: 30px !important;
    }

    .p4--small {
        padding: 40px !important;
    }

    .p5--small {
        padding: 50px !important;
    }

    .p6--small {
        padding: 60px !important;
    }

    .p7--small {
        padding: 70px !important;
    }

    .p8--small {
        padding: 80px !important;
    }

    .p9--small {
        padding: 90px !important;
    }

    .p10--small {
        padding: 100px !important;
    }

    .p11--small {
        padding: 110px !important;
    }

    .p12--small {
        padding: 120px !important;
    }

    .p13--small {
        padding: 130px !important;
    }

    .p14--small {
        padding: 140px !important;
    }

    .p15--small {
        padding: 150px !important;
    }

    .p16--small {
        padding: 160px !important;
    }

    .p17--small {
        padding: 170px !important;
    }

    .p18--small {
        padding: 180px !important;
    }

    .p19--small {
        padding: 190px !important;
    }

    .p20--small {
        padding: 200px !important;
    }

    .pb1--small {
        padding-bottom: 10px !important;
    }

    .pb2--small {
        padding-bottom: 20px !important;
    }

    .pb3--small {
        padding-bottom: 30px !important;
    }

    .pb4--small {
        padding-bottom: 40px !important;
    }

    .pb5--small {
        padding-bottom: 50px !important;
    }

    .pb6--small {
        padding-bottom: 60px !important;
    }

    .pb7--small {
        padding-bottom: 70px !important;
    }

    .pb8--small {
        padding-bottom: 80px !important;
    }

    .pb9--small {
        padding-bottom: 90px !important;
    }

    .pb10--small {
        padding-bottom: 100px !important;
    }

    .pb11--small {
        padding-bottom: 110px !important;
    }

    .pb12--small {
        padding-bottom: 120px !important;
    }

    .pb13--small {
        padding-bottom: 130px !important;
    }

    .pb14--small {
        padding-bottom: 140px !important;
    }

    .pb15--small {
        padding-bottom: 150px !important;
    }

    .pb16--small {
        padding-bottom: 160px !important;
    }

    .pb17--small {
        padding-bottom: 170px !important;
    }

    .pb18--small {
        padding-bottom: 180px !important;
    }

    .pb19--small {
        padding-bottom: 190px !important;
    }

    .pb20--small {
        padding-bottom: 200px !important;
    }

    .pl1--small {
        padding-left: 10px !important;
    }

    .pl2--small {
        padding-left: 20px !important;
    }

    .pl3--small {
        padding-left: 30px !important;
    }

    .pl4--small {
        padding-left: 40px !important;
    }

    .pl5--small {
        padding-left: 50px !important;
    }

    .pl6--small {
        padding-left: 60px !important;
    }

    .pl7--small {
        padding-left: 70px !important;
    }

    .pl8--small {
        padding-left: 80px !important;
    }

    .pl9--small {
        padding-left: 90px !important;
    }

    .pl10--small {
        padding-left: 100px !important;
    }

    .pl11--small {
        padding-left: 110px !important;
    }

    .pl12--small {
        padding-left: 120px !important;
    }

    .pl13--small {
        padding-left: 130px !important;
    }

    .pl14--small {
        padding-left: 140px !important;
    }

    .pl15--small {
        padding-left: 150px !important;
    }

    .pl16--small {
        padding-left: 160px !important;
    }

    .pl17--small {
        padding-left: 170px !important;
    }

    .pl18--small {
        padding-left: 180px !important;
    }

    .pl19--small {
        padding-left: 190px !important;
    }

    .pl20--small {
        padding-left: 200px !important;
    }

    .pr1--small {
        padding-right: 10px !important;
    }

    .pr2--small {
        padding-right: 20px !important;
    }

    .pr3--small {
        padding-right: 30px !important;
    }

    .pr4--small {
        padding-right: 40px !important;
    }

    .pr5--small {
        padding-right: 50px !important;
    }

    .pr6--small {
        padding-right: 60px !important;
    }

    .pr7--small {
        padding-right: 70px !important;
    }

    .pr8--small {
        padding-right: 80px !important;
    }

    .pr9--small {
        padding-right: 90px !important;
    }

    .pr10--small {
        padding-right: 100px !important;
    }

    .pr11--small {
        padding-right: 110px !important;
    }

    .pr12--small {
        padding-right: 120px !important;
    }

    .pr13--small {
        padding-right: 130px !important;
    }

    .pr14--small {
        padding-right: 140px !important;
    }

    .pr15--small {
        padding-right: 150px !important;
    }

    .pr16--small {
        padding-right: 160px !important;
    }

    .pr17--small {
        padding-right: 170px !important;
    }

    .pr18--small {
        padding-right: 180px !important;
    }

    .pr19--small {
        padding-right: 190px !important;
    }

    .pr20--small {
        padding-right: 200px !important;
    }

    .pt1--small {
        padding-top: 10px !important;
    }

    .pt2--small {
        padding-top: 20px !important;
    }

    .pt3--small {
        padding-top: 30px !important;
    }

    .pt4--small {
        padding-top: 40px !important;
    }

    .pt5--small {
        padding-top: 50px !important;
    }

    .pt6--small {
        padding-top: 60px !important;
    }

    .pt7--small {
        padding-top: 70px !important;
    }

    .pt8--small {
        padding-top: 80px !important;
    }

    .pt9--small {
        padding-top: 90px !important;
    }

    .pt10--small {
        padding-top: 100px !important;
    }

    .pt11--small {
        padding-top: 110px !important;
    }

    .pt12--small {
        padding-top: 120px !important;
    }

    .pt13--small {
        padding-top: 130px !important;
    }

    .pt14--small {
        padding-top: 140px !important;
    }

    .pt15--small {
        padding-top: 150px !important;
    }

    .pt16--small {
        padding-top: 160px !important;
    }

    .pt17--small {
        padding-top: 170px !important;
    }

    .pt18--small {
        padding-top: 180px !important;
    }

    .pt19--small {
        padding-top: 190px !important;
    }

    .pt20--small {
        padding-top: 200px !important;
    }

    .text-1--small {
        font-size: 10px !important;
    }

    .text-1--small-up {
        font-size: 10px !important;
    }

    .text-2--small {
        font-size: 12px !important;
    }

    .text-2--small-up {
        font-size: 12px !important;
    }

    .text-3--small {
        font-size: 14px !important;
    }

    .text-3--small-up {
        font-size: 14px !important;
    }

    .text-4--small {
        font-size: 16px !important;
    }

    .text-4--small-up {
        font-size: 16px !important;
    }

    .text-5--small {
        font-size: 18px !important;
    }

    .text-5--small-up {
        font-size: 18px !important;
    }

    .text-6--small {
        font-size: 20px !important;
    }

    .text-6--small-up {
        font-size: 20px !important;
    }

    .text-7--small {
        font-size: 22px !important;
    }

    .text-7--small-up {
        font-size: 22px !important;
    }

    .text-8--small {
        font-size: 24px !important;
    }

    .text-8--small-up {
        font-size: 24px !important;
    }

    .text-9--small {
        font-size: 26px !important;
    }

    .text-9--small-up {
        font-size: 26px !important;
    }

    .text-10--small {
        font-size: 28px !important;
    }

    .text-10--small-up {
        font-size: 28px !important;
    }

    .text-11--small {
        font-size: 30px !important;
    }

    .text-11--small-up {
        font-size: 30px !important;
    }

    .text-12--small {
        font-size: 32px !important;
    }

    .text-12--small-up {
        font-size: 32px !important;
    }

    .text-13--small {
        font-size: 34px !important;
    }

    .text-13--small-up {
        font-size: 34px !important;
    }

    .text-14--small {
        font-size: 36px !important;
    }

    .text-14--small-up {
        font-size: 36px !important;
    }

    .text-15--small {
        font-size: 38px !important;
    }

    .text-15--small-up {
        font-size: 38px !important;
    }

    .text-16--small {
        font-size: 40px !important;
    }

    .text-16--small-up {
        font-size: 40px !important;
    }

    .text-17--small {
        font-size: 42px !important;
    }

    .text-17--small-up {
        font-size: 42px !important;
    }

    .text-18--small {
        font-size: 44px !important;
    }

    .text-18--small-up {
        font-size: 44px !important;
    }

    .text-19--small {
        font-size: 46px !important;
    }

    .text-19--small-up {
        font-size: 46px !important;
    }

    .text-20--small {
        font-size: 48px !important;
    }

    .text-20--small-up {
        font-size: 48px !important;
    }

    .text-21--small {
        font-size: 50px !important;
    }

    .text-21--small-up {
        font-size: 50px !important;
    }

    .text-22--small {
        font-size: 52px !important;
    }

    .text-22--small-up {
        font-size: 52px !important;
    }

    .text-23--small {
        font-size: 54px !important;
    }

    .text-23--small-up {
        font-size: 54px !important;
    }

    .text-24--small {
        font-size: 56px !important;
    }

    .text-24--small-up {
        font-size: 56px !important;
    }

    .text-25--small {
        font-size: 58px !important;
    }

    .text-25--small-up {
        font-size: 58px !important;
    }

    .text-26--small {
        font-size: 60px !important;
    }

    .text-26--small-up {
        font-size: 60px !important;
    }

    .text-27--small {
        font-size: 62px !important;
    }

    .text-27--small-up {
        font-size: 62px !important;
    }

    .text-28--small {
        font-size: 64px !important;
    }

    .text-28--small-up {
        font-size: 64px !important;
    }

    .text-29--small {
        font-size: 66px !important;
    }

    .text-29--small-up {
        font-size: 66px !important;
    }

    .text-30--small {
        font-size: 68px !important;
    }

    .text-30--small-up {
        font-size: 68px !important;
    }

    .text-center--small {
        text-align: center !important;
    }

    .text-left--small {
        text-align: left !important;
    }

    .text-right--small {
        text-align: right !important;
    }

    .frmGridRow-1--small {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(1, 1fr);
    }

    .frmGridRow-2--small {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(2, 1fr);
    }

    .frmGridRow-3--small {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(3, 1fr);
    }

    .frmGridRow-4--small {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(4, 1fr);
    }

    .frmGridRow-5--small {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(5, 1fr);
    }

    .frmGridRow-6--small {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(6, 1fr);
    }

    .frmGridRow-7--small {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(7, 1fr);
    }

    .frmGridRow-8--small {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(8, 1fr);
    }

    .frmGridRow-9--small {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(9, 1fr);
    }

    .frmGridCell-1--small {
        grid-column: span 1 !important;
    }

    .frmGridCell-2--small {
        grid-column: span 2 !important;
    }

    .frmGridCell-3--small {
        grid-column: span 3 !important;
    }

    .frmGridCell-4--small {
        grid-column: span 4 !important;
    }

    .frmGridCell-5--small {
        grid-column: span 5 !important;
    }

    .frmGridCell-6--small {
        grid-column: span 6 !important;
    }

    .frmGridCell-7--small {
        grid-column: span 7 !important;
    }

    .frmGridCell-8--small {
        grid-column: span 8 !important;
    }

    .frmGridCell-9--small {
        grid-column: span 9 !important;
    }
}

@media screen and (min-width: 500px) and (max-width: 900px) {
    .abs-right--medium {
        right: 0;
        left: unset !important;
    }

    .abs-left--medium {
        left: 0;
        right: unset !important;
    }

    .abs-top--medium {
        top: 0;
        bottom: unset !important;
    }

    .abs-bottom--medium {
        bottom: 0;
        top: unset !important;
    }

    .flex-even--medium {
        display: flex;
        justify-content: space-evenly !important;
    }

    .flex-between--medium {
        display: flex;
        justify-content: space-between !important;
    }

    .flex-row--medium {
        display: flex;
        flex-direction: row !important;
    }

    .flex-row-rev--medium {
        display: flex;
        flex-direction: row-reverse !important;
    }

    .flex-column--medium {
        display: flex;
        flex-direction: column !important;
    }

    .flex-column-rev--medium {
        display: flex;
        flex-direction: column-reverse !important;
    }

    .flex-justify-center--medium {
        display: flex;
        justify-content: center !important;
    }

    .flex-justify-top--medium {
        display: flex;
        justify-content: top !important;
    }

    .flex-justify-bottom--medium {
        display: flex;
        justify-content: bottom !important;
    }

    .flex-justify-right--medium {
        display: flex;
        justify-content: right !important;
    }

    .flex-justify-left--medium {
        display: flex;
        justify-content: left !important;
    }

    .flex-justify-end--medium {
        display: flex;
        justify-content: flex-end !important;
    }

    .flex-justify-start--medium {
        display: flex;
        justify-content: flex-start !important;
    }

    .flex-align-center--medium {
        display: flex;
        align-items: center !important;
    }

    .flex-align-end--medium {
        display: flex;
        align-items: flex-end !important;
    }

    .flex-align-start--medium {
        display: flex;
        align-items: flex-start !important;
    }

    .self-center--medium {
        display: flex;
        align-self: center !important;
    }

    .w-10--medium {
        width: 10% !important;
    }

    .w-20--medium {
        width: 20% !important;
    }

    .w-30--medium {
        width: 30% !important;
    }

    .w-40--medium {
        width: 40% !important;
    }

    .w-50--medium {
        width: 50% !important;
    }

    .w-60--medium {
        width: 60% !important;
    }

    .w-70--medium {
        width: 70% !important;
    }

    .w-80--medium {
        width: 80% !important;
    }

    .w-90--medium {
        width: 90% !important;
    }

    .w-100--medium {
        width: 100% !important;
    }

    .w-auto--medium {
        width: auto !important;
    }

    .w-25--medium {
        width: 25% !important;
    }

    .w-33--medium {
        width: 33.3% !important;
    }

    .w-45--medium {
        width: 45% !important;
    }

    .w-48--medium {
        width: 48% !important;
    }

    .w-75--medium {
        width: 75% !important;
    }

    .offset-l0--medium {
        transform: translateX(0px) !important;
    }

    .offset-l1--medium {
        transform: translateX(-10px) !important;
    }

    .offset-l2--medium {
        transform: translateX(-20px) !important;
    }

    .offset-l3--medium {
        transform: translateX(-30px) !important;
    }

    .offset-l4--medium {
        transform: translateX(-40px) !important;
    }

    .offset-l5--medium {
        transform: translateX(-50px) !important;
    }

    .offset-l6--medium {
        transform: translateX(-60px) !important;
    }

    .offset-l7--medium {
        transform: translateX(-70px) !important;
    }

    .offset-l8--medium {
        transform: translateX(-80px) !important;
    }

    .offset-l9--medium {
        transform: translateX(-90px) !important;
    }

    .offset-l10--medium {
        transform: translateX(-100px) !important;
    }

    .offset-r0--medium {
        transform: translateX(0px) !important;
    }

    .offset-r1--medium {
        transform: translateX(10px) !important;
    }

    .offset-r2--medium {
        transform: translateX(20px) !important;
    }

    .offset-r3--medium {
        transform: translateX(30px) !important;
    }

    .offset-r4--medium {
        transform: translateX(40px) !important;
    }

    .offset-r5--medium {
        transform: translateX(50px) !important;
    }

    .offset-r6--medium {
        transform: translateX(60px) !important;
    }

    .offset-r7--medium {
        transform: translateX(70px) !important;
    }

    .offset-r8--medium {
        transform: translateX(80px) !important;
    }

    .offset-r9--medium {
        transform: translateX(90px) !important;
    }

    .offset-r10--medium {
        transform: translateX(100px) !important;
    }

    .offset-b0--medium {
        transform: translateY(0px) !important;
    }

    .offset-b1--medium {
        transform: translateY(10px) !important;
    }

    .offset-b2--medium {
        transform: translateY(20px) !important;
    }

    .offset-b3--medium {
        transform: translateY(30px) !important;
    }

    .offset-b4--medium {
        transform: translateY(40px) !important;
    }

    .offset-b5--medium {
        transform: translateY(50px) !important;
    }

    .offset-b6--medium {
        transform: translateY(60px) !important;
    }

    .offset-b7--medium {
        transform: translateY(70px) !important;
    }

    .offset-b8--medium {
        transform: translateY(80px) !important;
    }

    .offset-b9--medium {
        transform: translateY(90px) !important;
    }

    .offset-b10--medium {
        transform: translateY(100px) !important;
    }

    .offset-bl0--medium {
        transform: translate(0px, 0px) !important;
    }

    .offset-bl1--medium {
        transform: translate(-10px, 10px) !important;
    }

    .offset-bl2--medium {
        transform: translate(-20px, 20px) !important;
    }

    .offset-bl3--medium {
        transform: translate(-30px, 30px) !important;
    }

    .offset-bl4--medium {
        transform: translate(-40px, 40px) !important;
    }

    .offset-bl5--medium {
        transform: translate(-50px, 50px) !important;
    }

    .offset-bl6--medium {
        transform: translate(-60px, 60px) !important;
    }

    .offset-bl7--medium {
        transform: translate(-70px, 70px) !important;
    }

    .offset-bl8--medium {
        transform: translate(-80px, 80px) !important;
    }

    .offset-bl9--medium {
        transform: translate(-90px, 90px) !important;
    }

    .offset-bl10--medium {
        transform: translate(-100px, 100px) !important;
    }

    .offset-br0--medium {
        transform: translate(0px, 0px) !important;
    }

    .offset-br1--medium {
        transform: translate(10px, 10px) !important;
    }

    .offset-br2--medium {
        transform: translate(20px, 20px) !important;
    }

    .offset-br3--medium {
        transform: translate(30px, 30px) !important;
    }

    .offset-br4--medium {
        transform: translate(40px, 40px) !important;
    }

    .offset-br5--medium {
        transform: translate(50px, 50px) !important;
    }

    .offset-br6--medium {
        transform: translate(60px, 60px) !important;
    }

    .offset-br7--medium {
        transform: translate(70px, 70px) !important;
    }

    .offset-br8--medium {
        transform: translate(80px, 80px) !important;
    }

    .offset-br9--medium {
        transform: translate(90px, 90px) !important;
    }

    .offset-br10--medium {
        transform: translate(100px, 100px) !important;
    }

    .offset-t0--medium {
        transform: translateY(0px) !important;
    }

    .offset-t1--medium {
        transform: translateY(-10px) !important;
    }

    .offset-t2--medium {
        transform: translateY(-20px) !important;
    }

    .offset-t3--medium {
        transform: translateY(-30px) !important;
    }

    .offset-t4--medium {
        transform: translateY(-40px) !important;
    }

    .offset-t5--medium {
        transform: translateY(-50px) !important;
    }

    .offset-t6--medium {
        transform: translateY(-60px) !important;
    }

    .offset-t7--medium {
        transform: translateY(-70px) !important;
    }

    .offset-t8--medium {
        transform: translateY(-80px) !important;
    }

    .offset-t9--medium {
        transform: translateY(-90px) !important;
    }

    .offset-t10--medium {
        transform: translateY(-100px) !important;
    }

    .offset-tl0--medium {
        transform: translate(0px, 0px) !important;
    }

    .offset-tl1--medium {
        transform: translate(-10px, -10px) !important;
    }

    .offset-tl2--medium {
        transform: translate(-20px, -20px) !important;
    }

    .offset-tl3--medium {
        transform: translate(-30px, -30px) !important;
    }

    .offset-tl4--medium {
        transform: translate(-40px, -40px) !important;
    }

    .offset-tl5--medium {
        transform: translate(-50px, -50px) !important;
    }

    .offset-tl6--medium {
        transform: translate(-60px, -60px) !important;
    }

    .offset-tl7--medium {
        transform: translate(-70px, -70px) !important;
    }

    .offset-tl8--medium {
        transform: translate(-80px, -80px) !important;
    }

    .offset-tl9--medium {
        transform: translate(-90px, -90px) !important;
    }

    .offset-tl10--medium {
        transform: translate(-100px, -100px) !important;
    }

    .offset-tr0--medium {
        transform: translate(0px, 0px) !important;
    }

    .offset-tr1--medium {
        transform: translate(10px, -10px) !important;
    }

    .offset-tr2--medium {
        transform: translate(20px, -20px) !important;
    }

    .offset-tr3--medium {
        transform: translate(30px, -30px) !important;
    }

    .offset-tr4--medium {
        transform: translate(40px, -40px) !important;
    }

    .offset-tr5--medium {
        transform: translate(50px, -50px) !important;
    }

    .offset-tr6--medium {
        transform: translate(60px, -60px) !important;
    }

    .offset-tr7--medium {
        transform: translate(70px, -70px) !important;
    }

    .offset-tr8--medium {
        transform: translate(80px, -80px) !important;
    }

    .offset-tr9--medium {
        transform: translate(90px, -90px) !important;
    }

    .offset-tr10--medium {
        transform: translate(100px, -100px) !important;
    }

    .m1--medium {
        margin: 10px !important;
    }

    .m2--medium {
        margin: 20px !important;
    }

    .m3--medium {
        margin: 30px !important;
    }

    .m4--medium {
        margin: 40px !important;
    }

    .m5--medium {
        margin: 50px !important;
    }

    .m6--medium {
        margin: 60px !important;
    }

    .m7--medium {
        margin: 70px !important;
    }

    .m8--medium {
        margin: 80px !important;
    }

    .m9--medium {
        margin: 90px !important;
    }

    .m10--medium {
        margin: 100px !important;
    }

    .m11--medium {
        margin: 110px !important;
    }

    .m12--medium {
        margin: 120px !important;
    }

    .m13--medium {
        margin: 130px !important;
    }

    .m14--medium {
        margin: 140px !important;
    }

    .m15--medium {
        margin: 150px !important;
    }

    .m16--medium {
        margin: 160px !important;
    }

    .m17--medium {
        margin: 170px !important;
    }

    .m18--medium {
        margin: 180px !important;
    }

    .m19--medium {
        margin: 190px !important;
    }

    .m20--medium {
        margin: 200px !important;
    }

    .mb1--medium {
        margin-bottom: 10px !important;
    }

    .mb2--medium {
        margin-bottom: 20px !important;
    }

    .mb3--medium {
        margin-bottom: 30px !important;
    }

    .mb4--medium {
        margin-bottom: 40px !important;
    }

    .mb5--medium {
        margin-bottom: 50px !important;
    }

    .mb6--medium {
        margin-bottom: 60px !important;
    }

    .mb7--medium {
        margin-bottom: 70px !important;
    }

    .mb8--medium {
        margin-bottom: 80px !important;
    }

    .mb9--medium {
        margin-bottom: 90px !important;
    }

    .mb10--medium {
        margin-bottom: 100px !important;
    }

    .mb11--medium {
        margin-bottom: 110px !important;
    }

    .mb12--medium {
        margin-bottom: 120px !important;
    }

    .mb13--medium {
        margin-bottom: 130px !important;
    }

    .mb14--medium {
        margin-bottom: 140px !important;
    }

    .mb15--medium {
        margin-bottom: 150px !important;
    }

    .mb16--medium {
        margin-bottom: 160px !important;
    }

    .mb17--medium {
        margin-bottom: 170px !important;
    }

    .mb18--medium {
        margin-bottom: 180px !important;
    }

    .mb19--medium {
        margin-bottom: 190px !important;
    }

    .mb20--medium {
        margin-bottom: 200px !important;
    }

    .ml1--medium {
        margin-left: 10px !important;
    }

    .ml2--medium {
        margin-left: 20px !important;
    }

    .ml3--medium {
        margin-left: 30px !important;
    }

    .ml4--medium {
        margin-left: 40px !important;
    }

    .ml5--medium {
        margin-left: 50px !important;
    }

    .ml6--medium {
        margin-left: 60px !important;
    }

    .ml7--medium {
        margin-left: 70px !important;
    }

    .ml8--medium {
        margin-left: 80px !important;
    }

    .ml9--medium {
        margin-left: 90px !important;
    }

    .ml10--medium {
        margin-left: 100px !important;
    }

    .ml11--medium {
        margin-left: 110px !important;
    }

    .ml12--medium {
        margin-left: 120px !important;
    }

    .ml13--medium {
        margin-left: 130px !important;
    }

    .ml14--medium {
        margin-left: 140px !important;
    }

    .ml15--medium {
        margin-left: 150px !important;
    }

    .ml16--medium {
        margin-left: 160px !important;
    }

    .ml17--medium {
        margin-left: 170px !important;
    }

    .ml18--medium {
        margin-left: 180px !important;
    }

    .ml19--medium {
        margin-left: 190px !important;
    }

    .ml20--medium {
        margin-left: 200px !important;
    }

    .mr1--medium {
        margin-right: 10px !important;
    }

    .mr2--medium {
        margin-right: 20px !important;
    }

    .mr3--medium {
        margin-right: 30px !important;
    }

    .mr4--medium {
        margin-right: 40px !important;
    }

    .mr5--medium {
        margin-right: 50px !important;
    }

    .mr6--medium {
        margin-right: 60px !important;
    }

    .mr7--medium {
        margin-right: 70px !important;
    }

    .mr8--medium {
        margin-right: 80px !important;
    }

    .mr9--medium {
        margin-right: 90px !important;
    }

    .mr10--medium {
        margin-right: 100px !important;
    }

    .mr11--medium {
        margin-right: 110px !important;
    }

    .mr12--medium {
        margin-right: 120px !important;
    }

    .mr13--medium {
        margin-right: 130px !important;
    }

    .mr14--medium {
        margin-right: 140px !important;
    }

    .mr15--medium {
        margin-right: 150px !important;
    }

    .mr16--medium {
        margin-right: 160px !important;
    }

    .mr17--medium {
        margin-right: 170px !important;
    }

    .mr18--medium {
        margin-right: 180px !important;
    }

    .mr19--medium {
        margin-right: 190px !important;
    }

    .mr20--medium {
        margin-right: 200px !important;
    }

    .mt1--medium {
        margin-top: 10px !important;
    }

    .mt2--medium {
        margin-top: 20px !important;
    }

    .mt3--medium {
        margin-top: 30px !important;
    }

    .mt4--medium {
        margin-top: 40px !important;
    }

    .mt5--medium {
        margin-top: 50px !important;
    }

    .mt6--medium {
        margin-top: 60px !important;
    }

    .mt7--medium {
        margin-top: 70px !important;
    }

    .mt8--medium {
        margin-top: 80px !important;
    }

    .mt9--medium {
        margin-top: 90px !important;
    }

    .mt10--medium {
        margin-top: 100px !important;
    }

    .mt11--medium {
        margin-top: 110px !important;
    }

    .mt12--medium {
        margin-top: 120px !important;
    }

    .mt13--medium {
        margin-top: 130px !important;
    }

    .mt14--medium {
        margin-top: 140px !important;
    }

    .mt15--medium {
        margin-top: 150px !important;
    }

    .mt16--medium {
        margin-top: 160px !important;
    }

    .mt17--medium {
        margin-top: 170px !important;
    }

    .mt18--medium {
        margin-top: 180px !important;
    }

    .mt19--medium {
        margin-top: 190px !important;
    }

    .mt20--medium {
        margin-top: 200px !important;
    }

    .p1--medium {
        padding: 10px !important;
    }

    .p2--medium {
        padding: 20px !important;
    }

    .p3--medium {
        padding: 30px !important;
    }

    .p4--medium {
        padding: 40px !important;
    }

    .p5--medium {
        padding: 50px !important;
    }

    .p6--medium {
        padding: 60px !important;
    }

    .p7--medium {
        padding: 70px !important;
    }

    .p8--medium {
        padding: 80px !important;
    }

    .p9--medium {
        padding: 90px !important;
    }

    .p10--medium {
        padding: 100px !important;
    }

    .p11--medium {
        padding: 110px !important;
    }

    .p12--medium {
        padding: 120px !important;
    }

    .p13--medium {
        padding: 130px !important;
    }

    .p14--medium {
        padding: 140px !important;
    }

    .p15--medium {
        padding: 150px !important;
    }

    .p16--medium {
        padding: 160px !important;
    }

    .p17--medium {
        padding: 170px !important;
    }

    .p18--medium {
        padding: 180px !important;
    }

    .p19--medium {
        padding: 190px !important;
    }

    .p20--medium {
        padding: 200px !important;
    }

    .pb1--medium {
        padding-bottom: 10px !important;
    }

    .pb2--medium {
        padding-bottom: 20px !important;
    }

    .pb3--medium {
        padding-bottom: 30px !important;
    }

    .pb4--medium {
        padding-bottom: 40px !important;
    }

    .pb5--medium {
        padding-bottom: 50px !important;
    }

    .pb6--medium {
        padding-bottom: 60px !important;
    }

    .pb7--medium {
        padding-bottom: 70px !important;
    }

    .pb8--medium {
        padding-bottom: 80px !important;
    }

    .pb9--medium {
        padding-bottom: 90px !important;
    }

    .pb10--medium {
        padding-bottom: 100px !important;
    }

    .pb11--medium {
        padding-bottom: 110px !important;
    }

    .pb12--medium {
        padding-bottom: 120px !important;
    }

    .pb13--medium {
        padding-bottom: 130px !important;
    }

    .pb14--medium {
        padding-bottom: 140px !important;
    }

    .pb15--medium {
        padding-bottom: 150px !important;
    }

    .pb16--medium {
        padding-bottom: 160px !important;
    }

    .pb17--medium {
        padding-bottom: 170px !important;
    }

    .pb18--medium {
        padding-bottom: 180px !important;
    }

    .pb19--medium {
        padding-bottom: 190px !important;
    }

    .pb20--medium {
        padding-bottom: 200px !important;
    }

    .pl1--medium {
        padding-left: 10px !important;
    }

    .pl2--medium {
        padding-left: 20px !important;
    }

    .pl3--medium {
        padding-left: 30px !important;
    }

    .pl4--medium {
        padding-left: 40px !important;
    }

    .pl5--medium {
        padding-left: 50px !important;
    }

    .pl6--medium {
        padding-left: 60px !important;
    }

    .pl7--medium {
        padding-left: 70px !important;
    }

    .pl8--medium {
        padding-left: 80px !important;
    }

    .pl9--medium {
        padding-left: 90px !important;
    }

    .pl10--medium {
        padding-left: 100px !important;
    }

    .pl11--medium {
        padding-left: 110px !important;
    }

    .pl12--medium {
        padding-left: 120px !important;
    }

    .pl13--medium {
        padding-left: 130px !important;
    }

    .pl14--medium {
        padding-left: 140px !important;
    }

    .pl15--medium {
        padding-left: 150px !important;
    }

    .pl16--medium {
        padding-left: 160px !important;
    }

    .pl17--medium {
        padding-left: 170px !important;
    }

    .pl18--medium {
        padding-left: 180px !important;
    }

    .pl19--medium {
        padding-left: 190px !important;
    }

    .pl20--medium {
        padding-left: 200px !important;
    }

    .pr1--medium {
        padding-right: 10px !important;
    }

    .pr2--medium {
        padding-right: 20px !important;
    }

    .pr3--medium {
        padding-right: 30px !important;
    }

    .pr4--medium {
        padding-right: 40px !important;
    }

    .pr5--medium {
        padding-right: 50px !important;
    }

    .pr6--medium {
        padding-right: 60px !important;
    }

    .pr7--medium {
        padding-right: 70px !important;
    }

    .pr8--medium {
        padding-right: 80px !important;
    }

    .pr9--medium {
        padding-right: 90px !important;
    }

    .pr10--medium {
        padding-right: 100px !important;
    }

    .pr11--medium {
        padding-right: 110px !important;
    }

    .pr12--medium {
        padding-right: 120px !important;
    }

    .pr13--medium {
        padding-right: 130px !important;
    }

    .pr14--medium {
        padding-right: 140px !important;
    }

    .pr15--medium {
        padding-right: 150px !important;
    }

    .pr16--medium {
        padding-right: 160px !important;
    }

    .pr17--medium {
        padding-right: 170px !important;
    }

    .pr18--medium {
        padding-right: 180px !important;
    }

    .pr19--medium {
        padding-right: 190px !important;
    }

    .pr20--medium {
        padding-right: 200px !important;
    }

    .pt1--medium {
        padding-top: 10px !important;
    }

    .pt2--medium {
        padding-top: 20px !important;
    }

    .pt3--medium {
        padding-top: 30px !important;
    }

    .pt4--medium {
        padding-top: 40px !important;
    }

    .pt5--medium {
        padding-top: 50px !important;
    }

    .pt6--medium {
        padding-top: 60px !important;
    }

    .pt7--medium {
        padding-top: 70px !important;
    }

    .pt8--medium {
        padding-top: 80px !important;
    }

    .pt9--medium {
        padding-top: 90px !important;
    }

    .pt10--medium {
        padding-top: 100px !important;
    }

    .pt11--medium {
        padding-top: 110px !important;
    }

    .pt12--medium {
        padding-top: 120px !important;
    }

    .pt13--medium {
        padding-top: 130px !important;
    }

    .pt14--medium {
        padding-top: 140px !important;
    }

    .pt15--medium {
        padding-top: 150px !important;
    }

    .pt16--medium {
        padding-top: 160px !important;
    }

    .pt17--medium {
        padding-top: 170px !important;
    }

    .pt18--medium {
        padding-top: 180px !important;
    }

    .pt19--medium {
        padding-top: 190px !important;
    }

    .pt20--medium {
        padding-top: 200px !important;
    }

    .text-1--medium {
        font-size: 10px !important;
    }

    .text-2--medium {
        font-size: 12px !important;
    }

    .text-3--medium {
        font-size: 14px !important;
    }

    .text-4--medium {
        font-size: 16px !important;
    }

    .text-5--medium {
        font-size: 18px !important;
    }

    .text-6--medium {
        font-size: 20px !important;
    }

    .text-7--medium {
        font-size: 22px !important;
    }

    .text-8--medium {
        font-size: 24px !important;
    }

    .text-9--medium {
        font-size: 26px !important;
    }

    .text-10--medium {
        font-size: 28px !important;
    }

    .text-11--medium {
        font-size: 30px !important;
    }

    .text-12--medium {
        font-size: 32px !important;
    }

    .text-13--medium {
        font-size: 34px !important;
    }

    .text-14--medium {
        font-size: 36px !important;
    }

    .text-15--medium {
        font-size: 38px !important;
    }

    .text-16--medium {
        font-size: 40px !important;
    }

    .text-17--medium {
        font-size: 42px !important;
    }

    .text-18--medium {
        font-size: 44px !important;
    }

    .text-19--medium {
        font-size: 46px !important;
    }

    .text-20--medium {
        font-size: 48px !important;
    }

    .text-21--medium {
        font-size: 50px !important;
    }

    .text-22--medium {
        font-size: 52px !important;
    }

    .text-23--medium {
        font-size: 54px !important;
    }

    .text-24--medium {
        font-size: 56px !important;
    }

    .text-25--medium {
        font-size: 58px !important;
    }

    .text-26--medium {
        font-size: 60px !important;
    }

    .text-27--medium {
        font-size: 62px !important;
    }

    .text-28--medium {
        font-size: 64px !important;
    }

    .text-29--medium {
        font-size: 66px !important;
    }

    .text-30--medium {
        font-size: 68px !important;
    }

    .text-center--medium {
        text-align: center !important;
    }

    .text-left--medium {
        text-align: left !important;
    }

    .text-right--medium {
        text-align: right !important;
    }

    .frmGridRow-1--medium {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(1, 1fr);
    }

    .frmGridRow-2--medium {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(2, 1fr);
    }

    .frmGridRow-3--medium {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(3, 1fr);
    }

    .frmGridRow-4--medium {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(4, 1fr);
    }

    .frmGridRow-5--medium {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(5, 1fr);
    }

    .frmGridRow-6--medium {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(6, 1fr);
    }

    .frmGridRow-7--medium {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(7, 1fr);
    }

    .frmGridRow-8--medium {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(8, 1fr);
    }

    .frmGridRow-9--medium {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(9, 1fr);
    }

    .frmGridCell-1--medium {
        grid-column: span 1 !important;
    }

    .frmGridCell-2--medium {
        grid-column: span 2 !important;
    }

    .frmGridCell-3--medium {
        grid-column: span 3 !important;
    }

    .frmGridCell-4--medium {
        grid-column: span 4 !important;
    }

    .frmGridCell-5--medium {
        grid-column: span 5 !important;
    }

    .frmGridCell-6--medium {
        grid-column: span 6 !important;
    }

    .frmGridCell-7--medium {
        grid-column: span 7 !important;
    }

    .frmGridCell-8--medium {
        grid-column: span 8 !important;
    }

    .frmGridCell-9--medium {
        grid-column: span 9 !important;
    }
}

@media screen and (min-width: 900px) and (max-width: 1400px) {
    .abs-right--large {
        right: 0;
        left: unset !important;
    }

    .abs-left--large {
        left: 0;
        right: unset !important;
    }

    .abs-top--large {
        top: 0;
        bottom: unset !important;
    }

    .abs-bottom--large {
        bottom: 0;
        top: unset !important;
    }

    .flex-even--large {
        display: flex;
        justify-content: space-evenly !important;
    }

    .flex-between--large {
        display: flex;
        justify-content: space-between !important;
    }

    .flex-row--large {
        display: flex;
        flex-direction: row !important;
    }

    .flex-row-rev--large {
        display: flex;
        flex-direction: row-reverse !important;
    }

    .flex-column--large {
        display: flex;
        flex-direction: column !important;
    }

    .flex-column-rev--large {
        display: flex;
        flex-direction: column-reverse !important;
    }

    .flex-justify-center--large {
        display: flex;
        justify-content: center !important;
    }

    .flex-justify-top--large {
        display: flex;
        justify-content: top !important;
    }

    .flex-justify-bottom--large {
        display: flex;
        justify-content: bottom !important;
    }

    .flex-justify-right--large {
        display: flex;
        justify-content: right !important;
    }

    .flex-justify-left--large {
        display: flex;
        justify-content: left !important;
    }

    .flex-justify-end--large {
        display: flex;
        justify-content: flex-end !important;
    }

    .flex-justify-start--large {
        display: flex;
        justify-content: flex-start !important;
    }

    .flex-align-center--large {
        display: flex;
        align-items: center !important;
    }

    .flex-align-end--large {
        display: flex;
        align-items: flex-end !important;
    }

    .flex-align-start--large {
        display: flex;
        align-items: flex-start !important;
    }

    .self-center--large {
        display: flex;
        align-self: center !important;
    }

    .w-10--large {
        width: 10% !important;
    }

    .w-20--large {
        width: 20% !important;
    }

    .w-30--large {
        width: 30% !important;
    }

    .w-40--large {
        width: 40% !important;
    }

    .w-50--large {
        width: 50% !important;
    }

    .w-60--large {
        width: 60% !important;
    }

    .w-70--large {
        width: 70% !important;
    }

    .w-80--large {
        width: 80% !important;
    }

    .w-90--large {
        width: 90% !important;
    }

    .w-100--large {
        width: 100% !important;
    }

    .w-auto--large {
        width: auto !important;
    }

    .w-25--large {
        width: 25% !important;
    }

    .w-33--large {
        width: 33.3% !important;
    }

    .w-45--large {
        width: 45% !important;
    }

    .w-48--large {
        width: 48% !important;
    }

    .w-75--large {
        width: 75% !important;
    }

    .offset-l0--large {
        transform: translateX(0px) !important;
    }

    .offset-l1--large {
        transform: translateX(-10px) !important;
    }

    .offset-l2--large {
        transform: translateX(-20px) !important;
    }

    .offset-l3--large {
        transform: translateX(-30px) !important;
    }

    .offset-l4--large {
        transform: translateX(-40px) !important;
    }

    .offset-l5--large {
        transform: translateX(-50px) !important;
    }

    .offset-l6--large {
        transform: translateX(-60px) !important;
    }

    .offset-l7--large {
        transform: translateX(-70px) !important;
    }

    .offset-l8--large {
        transform: translateX(-80px) !important;
    }

    .offset-l9--large {
        transform: translateX(-90px) !important;
    }

    .offset-l10--large {
        transform: translateX(-100px) !important;
    }

    .offset-r0--large {
        transform: translateX(0px) !important;
    }

    .offset-r1--large {
        transform: translateX(10px) !important;
    }

    .offset-r2--large {
        transform: translateX(20px) !important;
    }

    .offset-r3--large {
        transform: translateX(30px) !important;
    }

    .offset-r4--large {
        transform: translateX(40px) !important;
    }

    .offset-r5--large {
        transform: translateX(50px) !important;
    }

    .offset-r6--large {
        transform: translateX(60px) !important;
    }

    .offset-r7--large {
        transform: translateX(70px) !important;
    }

    .offset-r8--large {
        transform: translateX(80px) !important;
    }

    .offset-r9--large {
        transform: translateX(90px) !important;
    }

    .offset-r10--large {
        transform: translateX(100px) !important;
    }

    .offset-b0--large {
        transform: translateY(0px) !important;
    }

    .offset-b1--large {
        transform: translateY(10px) !important;
    }

    .offset-b2--large {
        transform: translateY(20px) !important;
    }

    .offset-b3--large {
        transform: translateY(30px) !important;
    }

    .offset-b4--large {
        transform: translateY(40px) !important;
    }

    .offset-b5--large {
        transform: translateY(50px) !important;
    }

    .offset-b6--large {
        transform: translateY(60px) !important;
    }

    .offset-b7--large {
        transform: translateY(70px) !important;
    }

    .offset-b8--large {
        transform: translateY(80px) !important;
    }

    .offset-b9--large {
        transform: translateY(90px) !important;
    }

    .offset-b10--large {
        transform: translateY(100px) !important;
    }

    .offset-bl0--large {
        transform: translate(0px, 0px) !important;
    }

    .offset-bl1--large {
        transform: translate(-10px, 10px) !important;
    }

    .offset-bl2--large {
        transform: translate(-20px, 20px) !important;
    }

    .offset-bl3--large {
        transform: translate(-30px, 30px) !important;
    }

    .offset-bl4--large {
        transform: translate(-40px, 40px) !important;
    }

    .offset-bl5--large {
        transform: translate(-50px, 50px) !important;
    }

    .offset-bl6--large {
        transform: translate(-60px, 60px) !important;
    }

    .offset-bl7--large {
        transform: translate(-70px, 70px) !important;
    }

    .offset-bl8--large {
        transform: translate(-80px, 80px) !important;
    }

    .offset-bl9--large {
        transform: translate(-90px, 90px) !important;
    }

    .offset-bl10--large {
        transform: translate(-100px, 100px) !important;
    }

    .offset-br0--large {
        transform: translate(0px, 0px) !important;
    }

    .offset-br1--large {
        transform: translate(10px, 10px) !important;
    }

    .offset-br2--large {
        transform: translate(20px, 20px) !important;
    }

    .offset-br3--large {
        transform: translate(30px, 30px) !important;
    }

    .offset-br4--large {
        transform: translate(40px, 40px) !important;
    }

    .offset-br5--large {
        transform: translate(50px, 50px) !important;
    }

    .offset-br6--large {
        transform: translate(60px, 60px) !important;
    }

    .offset-br7--large {
        transform: translate(70px, 70px) !important;
    }

    .offset-br8--large {
        transform: translate(80px, 80px) !important;
    }

    .offset-br9--large {
        transform: translate(90px, 90px) !important;
    }

    .offset-br10--large {
        transform: translate(100px, 100px) !important;
    }

    .offset-t0--large {
        transform: translateY(0px) !important;
    }

    .offset-t1--large {
        transform: translateY(-10px) !important;
    }

    .offset-t2--large {
        transform: translateY(-20px) !important;
    }

    .offset-t3--large {
        transform: translateY(-30px) !important;
    }

    .offset-t4--large {
        transform: translateY(-40px) !important;
    }

    .offset-t5--large {
        transform: translateY(-50px) !important;
    }

    .offset-t6--large {
        transform: translateY(-60px) !important;
    }

    .offset-t7--large {
        transform: translateY(-70px) !important;
    }

    .offset-t8--large {
        transform: translateY(-80px) !important;
    }

    .offset-t9--large {
        transform: translateY(-90px) !important;
    }

    .offset-t10--large {
        transform: translateY(-100px) !important;
    }

    .offset-tl0--large {
        transform: translate(0px, 0px) !important;
    }

    .offset-tl1--large {
        transform: translate(-10px, -10px) !important;
    }

    .offset-tl2--large {
        transform: translate(-20px, -20px) !important;
    }

    .offset-tl3--large {
        transform: translate(-30px, -30px) !important;
    }

    .offset-tl4--large {
        transform: translate(-40px, -40px) !important;
    }

    .offset-tl5--large {
        transform: translate(-50px, -50px) !important;
    }

    .offset-tl6--large {
        transform: translate(-60px, -60px) !important;
    }

    .offset-tl7--large {
        transform: translate(-70px, -70px) !important;
    }

    .offset-tl8--large {
        transform: translate(-80px, -80px) !important;
    }

    .offset-tl9--large {
        transform: translate(-90px, -90px) !important;
    }

    .offset-tl10--large {
        transform: translate(-100px, -100px) !important;
    }

    .offset-tr0--large {
        transform: translate(0px, 0px) !important;
    }

    .offset-tr1--large {
        transform: translate(10px, -10px) !important;
    }

    .offset-tr2--large {
        transform: translate(20px, -20px) !important;
    }

    .offset-tr3--large {
        transform: translate(30px, -30px) !important;
    }

    .offset-tr4--large {
        transform: translate(40px, -40px) !important;
    }

    .offset-tr5--large {
        transform: translate(50px, -50px) !important;
    }

    .offset-tr6--large {
        transform: translate(60px, -60px) !important;
    }

    .offset-tr7--large {
        transform: translate(70px, -70px) !important;
    }

    .offset-tr8--large {
        transform: translate(80px, -80px) !important;
    }

    .offset-tr9--large {
        transform: translate(90px, -90px) !important;
    }

    .offset-tr10--large {
        transform: translate(100px, -100px) !important;
    }

    .m1--large {
        margin: 10px !important;
    }

    .m2--large {
        margin: 20px !important;
    }

    .m3--large {
        margin: 30px !important;
    }

    .m4--large {
        margin: 40px !important;
    }

    .m5--large {
        margin: 50px !important;
    }

    .m6--large {
        margin: 60px !important;
    }

    .m7--large {
        margin: 70px !important;
    }

    .m8--large {
        margin: 80px !important;
    }

    .m9--large {
        margin: 90px !important;
    }

    .m10--large {
        margin: 100px !important;
    }

    .m11--large {
        margin: 110px !important;
    }

    .m12--large {
        margin: 120px !important;
    }

    .m13--large {
        margin: 130px !important;
    }

    .m14--large {
        margin: 140px !important;
    }

    .m15--large {
        margin: 150px !important;
    }

    .m16--large {
        margin: 160px !important;
    }

    .m17--large {
        margin: 170px !important;
    }

    .m18--large {
        margin: 180px !important;
    }

    .m19--large {
        margin: 190px !important;
    }

    .m20--large {
        margin: 200px !important;
    }

    .mb1--large {
        margin-bottom: 10px !important;
    }

    .mb2--large {
        margin-bottom: 20px !important;
    }

    .mb3--large {
        margin-bottom: 30px !important;
    }

    .mb4--large {
        margin-bottom: 40px !important;
    }

    .mb5--large {
        margin-bottom: 50px !important;
    }

    .mb6--large {
        margin-bottom: 60px !important;
    }

    .mb7--large {
        margin-bottom: 70px !important;
    }

    .mb8--large {
        margin-bottom: 80px !important;
    }

    .mb9--large {
        margin-bottom: 90px !important;
    }

    .mb10--large {
        margin-bottom: 100px !important;
    }

    .mb11--large {
        margin-bottom: 110px !important;
    }

    .mb12--large {
        margin-bottom: 120px !important;
    }

    .mb13--large {
        margin-bottom: 130px !important;
    }

    .mb14--large {
        margin-bottom: 140px !important;
    }

    .mb15--large {
        margin-bottom: 150px !important;
    }

    .mb16--large {
        margin-bottom: 160px !important;
    }

    .mb17--large {
        margin-bottom: 170px !important;
    }

    .mb18--large {
        margin-bottom: 180px !important;
    }

    .mb19--large {
        margin-bottom: 190px !important;
    }

    .mb20--large {
        margin-bottom: 200px !important;
    }

    .ml1--large {
        margin-left: 10px !important;
    }

    .ml2--large {
        margin-left: 20px !important;
    }

    .ml3--large {
        margin-left: 30px !important;
    }

    .ml4--large {
        margin-left: 40px !important;
    }

    .ml5--large {
        margin-left: 50px !important;
    }

    .ml6--large {
        margin-left: 60px !important;
    }

    .ml7--large {
        margin-left: 70px !important;
    }

    .ml8--large {
        margin-left: 80px !important;
    }

    .ml9--large {
        margin-left: 90px !important;
    }

    .ml10--large {
        margin-left: 100px !important;
    }

    .ml11--large {
        margin-left: 110px !important;
    }

    .ml12--large {
        margin-left: 120px !important;
    }

    .ml13--large {
        margin-left: 130px !important;
    }

    .ml14--large {
        margin-left: 140px !important;
    }

    .ml15--large {
        margin-left: 150px !important;
    }

    .ml16--large {
        margin-left: 160px !important;
    }

    .ml17--large {
        margin-left: 170px !important;
    }

    .ml18--large {
        margin-left: 180px !important;
    }

    .ml19--large {
        margin-left: 190px !important;
    }

    .ml20--large {
        margin-left: 200px !important;
    }

    .mr1--large {
        margin-right: 10px !important;
    }

    .mr2--large {
        margin-right: 20px !important;
    }

    .mr3--large {
        margin-right: 30px !important;
    }

    .mr4--large {
        margin-right: 40px !important;
    }

    .mr5--large {
        margin-right: 50px !important;
    }

    .mr6--large {
        margin-right: 60px !important;
    }

    .mr7--large {
        margin-right: 70px !important;
    }

    .mr8--large {
        margin-right: 80px !important;
    }

    .mr9--large {
        margin-right: 90px !important;
    }

    .mr10--large {
        margin-right: 100px !important;
    }

    .mr11--large {
        margin-right: 110px !important;
    }

    .mr12--large {
        margin-right: 120px !important;
    }

    .mr13--large {
        margin-right: 130px !important;
    }

    .mr14--large {
        margin-right: 140px !important;
    }

    .mr15--large {
        margin-right: 150px !important;
    }

    .mr16--large {
        margin-right: 160px !important;
    }

    .mr17--large {
        margin-right: 170px !important;
    }

    .mr18--large {
        margin-right: 180px !important;
    }

    .mr19--large {
        margin-right: 190px !important;
    }

    .mr20--large {
        margin-right: 200px !important;
    }

    .mt1--large {
        margin-top: 10px !important;
    }

    .mt2--large {
        margin-top: 20px !important;
    }

    .mt3--large {
        margin-top: 30px !important;
    }

    .mt4--large {
        margin-top: 40px !important;
    }

    .mt5--large {
        margin-top: 50px !important;
    }

    .mt6--large {
        margin-top: 60px !important;
    }

    .mt7--large {
        margin-top: 70px !important;
    }

    .mt8--large {
        margin-top: 80px !important;
    }

    .mt9--large {
        margin-top: 90px !important;
    }

    .mt10--large {
        margin-top: 100px !important;
    }

    .mt11--large {
        margin-top: 110px !important;
    }

    .mt12--large {
        margin-top: 120px !important;
    }

    .mt13--large {
        margin-top: 130px !important;
    }

    .mt14--large {
        margin-top: 140px !important;
    }

    .mt15--large {
        margin-top: 150px !important;
    }

    .mt16--large {
        margin-top: 160px !important;
    }

    .mt17--large {
        margin-top: 170px !important;
    }

    .mt18--large {
        margin-top: 180px !important;
    }

    .mt19--large {
        margin-top: 190px !important;
    }

    .mt20--large {
        margin-top: 200px !important;
    }

    .p1--large {
        padding: 10px !important;
    }

    .p2--large {
        padding: 20px !important;
    }

    .p3--large {
        padding: 30px !important;
    }

    .p4--large {
        padding: 40px !important;
    }

    .p5--large {
        padding: 50px !important;
    }

    .p6--large {
        padding: 60px !important;
    }

    .p7--large {
        padding: 70px !important;
    }

    .p8--large {
        padding: 80px !important;
    }

    .p9--large {
        padding: 90px !important;
    }

    .p10--large {
        padding: 100px !important;
    }

    .p11--large {
        padding: 110px !important;
    }

    .p12--large {
        padding: 120px !important;
    }

    .p13--large {
        padding: 130px !important;
    }

    .p14--large {
        padding: 140px !important;
    }

    .p15--large {
        padding: 150px !important;
    }

    .p16--large {
        padding: 160px !important;
    }

    .p17--large {
        padding: 170px !important;
    }

    .p18--large {
        padding: 180px !important;
    }

    .p19--large {
        padding: 190px !important;
    }

    .p20--large {
        padding: 200px !important;
    }

    .pb1--large {
        padding-bottom: 10px !important;
    }

    .pb2--large {
        padding-bottom: 20px !important;
    }

    .pb3--large {
        padding-bottom: 30px !important;
    }

    .pb4--large {
        padding-bottom: 40px !important;
    }

    .pb5--large {
        padding-bottom: 50px !important;
    }

    .pb6--large {
        padding-bottom: 60px !important;
    }

    .pb7--large {
        padding-bottom: 70px !important;
    }

    .pb8--large {
        padding-bottom: 80px !important;
    }

    .pb9--large {
        padding-bottom: 90px !important;
    }

    .pb10--large {
        padding-bottom: 100px !important;
    }

    .pb11--large {
        padding-bottom: 110px !important;
    }

    .pb12--large {
        padding-bottom: 120px !important;
    }

    .pb13--large {
        padding-bottom: 130px !important;
    }

    .pb14--large {
        padding-bottom: 140px !important;
    }

    .pb15--large {
        padding-bottom: 150px !important;
    }

    .pb16--large {
        padding-bottom: 160px !important;
    }

    .pb17--large {
        padding-bottom: 170px !important;
    }

    .pb18--large {
        padding-bottom: 180px !important;
    }

    .pb19--large {
        padding-bottom: 190px !important;
    }

    .pb20--large {
        padding-bottom: 200px !important;
    }

    .pl1--large {
        padding-left: 10px !important;
    }

    .pl2--large {
        padding-left: 20px !important;
    }

    .pl3--large {
        padding-left: 30px !important;
    }

    .pl4--large {
        padding-left: 40px !important;
    }

    .pl5--large {
        padding-left: 50px !important;
    }

    .pl6--large {
        padding-left: 60px !important;
    }

    .pl7--large {
        padding-left: 70px !important;
    }

    .pl8--large {
        padding-left: 80px !important;
    }

    .pl9--large {
        padding-left: 90px !important;
    }

    .pl10--large {
        padding-left: 100px !important;
    }

    .pl11--large {
        padding-left: 110px !important;
    }

    .pl12--large {
        padding-left: 120px !important;
    }

    .pl13--large {
        padding-left: 130px !important;
    }

    .pl14--large {
        padding-left: 140px !important;
    }

    .pl15--large {
        padding-left: 150px !important;
    }

    .pl16--large {
        padding-left: 160px !important;
    }

    .pl17--large {
        padding-left: 170px !important;
    }

    .pl18--large {
        padding-left: 180px !important;
    }

    .pl19--large {
        padding-left: 190px !important;
    }

    .pl20--large {
        padding-left: 200px !important;
    }

    .pr1--large {
        padding-right: 10px !important;
    }

    .pr2--large {
        padding-right: 20px !important;
    }

    .pr3--large {
        padding-right: 30px !important;
    }

    .pr4--large {
        padding-right: 40px !important;
    }

    .pr5--large {
        padding-right: 50px !important;
    }

    .pr6--large {
        padding-right: 60px !important;
    }

    .pr7--large {
        padding-right: 70px !important;
    }

    .pr8--large {
        padding-right: 80px !important;
    }

    .pr9--large {
        padding-right: 90px !important;
    }

    .pr10--large {
        padding-right: 100px !important;
    }

    .pr11--large {
        padding-right: 110px !important;
    }

    .pr12--large {
        padding-right: 120px !important;
    }

    .pr13--large {
        padding-right: 130px !important;
    }

    .pr14--large {
        padding-right: 140px !important;
    }

    .pr15--large {
        padding-right: 150px !important;
    }

    .pr16--large {
        padding-right: 160px !important;
    }

    .pr17--large {
        padding-right: 170px !important;
    }

    .pr18--large {
        padding-right: 180px !important;
    }

    .pr19--large {
        padding-right: 190px !important;
    }

    .pr20--large {
        padding-right: 200px !important;
    }

    .pt1--large {
        padding-top: 10px !important;
    }

    .pt2--large {
        padding-top: 20px !important;
    }

    .pt3--large {
        padding-top: 30px !important;
    }

    .pt4--large {
        padding-top: 40px !important;
    }

    .pt5--large {
        padding-top: 50px !important;
    }

    .pt6--large {
        padding-top: 60px !important;
    }

    .pt7--large {
        padding-top: 70px !important;
    }

    .pt8--large {
        padding-top: 80px !important;
    }

    .pt9--large {
        padding-top: 90px !important;
    }

    .pt10--large {
        padding-top: 100px !important;
    }

    .pt11--large {
        padding-top: 110px !important;
    }

    .pt12--large {
        padding-top: 120px !important;
    }

    .pt13--large {
        padding-top: 130px !important;
    }

    .pt14--large {
        padding-top: 140px !important;
    }

    .pt15--large {
        padding-top: 150px !important;
    }

    .pt16--large {
        padding-top: 160px !important;
    }

    .pt17--large {
        padding-top: 170px !important;
    }

    .pt18--large {
        padding-top: 180px !important;
    }

    .pt19--large {
        padding-top: 190px !important;
    }

    .pt20--large {
        padding-top: 200px !important;
    }

    .text-center--large {
        text-align: center !important;
    }

    .text-left--large {
        text-align: left !important;
    }

    .text-right--large {
        text-align: right !important;
    }

    .frmGridRow-1--large {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(1, 1fr);
    }

    .frmGridRow-2--large {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(2, 1fr);
    }

    .frmGridRow-3--large {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(3, 1fr);
    }

    .frmGridRow-4--large {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(4, 1fr);
    }

    .frmGridRow-5--large {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(5, 1fr);
    }

    .frmGridRow-6--large {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(6, 1fr);
    }

    .frmGridRow-7--large {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(7, 1fr);
    }

    .frmGridRow-8--large {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(8, 1fr);
    }

    .frmGridRow-9--large {
        display: grid;
        grid-auto-columns: 100%;
        grid-auto-rows: auto;
        grid-template-columns: repeat(9, 1fr);
    }

    .frmGridCell-1--large {
        grid-column: span 1 !important;
    }

    .frmGridCell-2--large {
        grid-column: span 2 !important;
    }

    .frmGridCell-3--large {
        grid-column: span 3 !important;
    }

    .frmGridCell-4--large {
        grid-column: span 4 !important;
    }

    .frmGridCell-5--large {
        grid-column: span 5 !important;
    }

    .frmGridCell-6--large {
        grid-column: span 6 !important;
    }

    .frmGridCell-7--large {
        grid-column: span 7 !important;
    }

    .frmGridCell-8--large {
        grid-column: span 8 !important;
    }

    .frmGridCell-9--large {
        grid-column: span 9 !important;
    }
}

/* 03/27/23 - Media Queries for Mobile */
/* MQ if user sets xx% for max-width of row content it will set it mobile to 100%   */
@media (min-width: 2400px) {
    .sparkSiteLayoutTemplateContainer {
        max-width: 1440px !important;
    }
}

@media (max-width: 767.98px) {
    .sparkSiteLayoutTemplateContainer {
        max-width: 100% !important;
    }
}