@charset "UTF-8";

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

/*
    11/18/21 : Initial Setup (GG)   
*/

: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%;
  --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;
  /* 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;
}

a {
  text-decoration: none;
}

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

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

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

.req-mark::after {
  content: "﹡";
  display: inline;
  margin-left: 5px;
  position: absolute;
  font-size: 23px;
  line-height: 30px;
  top: -3px;
}

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

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);
}

/* 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;
}

@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;
  }
}