/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

html {
  line-height: 1.15; /* 1 */
      -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: .67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main {
  /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"],
/* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

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

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: .35em .75em .625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

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

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

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

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details,
/* 1 */
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
  display: none;
}

/* Hidden
   ========================================================================== */

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
  display: none;
}

/**
 * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */

/**
 * 1. Prevent padding and border from affecting element width
 * https://goo.gl/pYtbK7
 * 2. Change the default font family in all browsers (opinionated)
 */

html {
  box-sizing: border-box; /* 1 */
  font-family: sans-serif; /* 2 */
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

/**
 * Removes the default spacing and border for appropriate elements.
 */

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
figure,
p,
pre {
  margin: 0;
}

button {
  background: transparent;
  padding: 0;
}

/**
 * Work around a Firefox/IE bug where the transparent `button` background
 * results in a loss of the default `button` focus styles.
 */

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

fieldset {
  margin: 0;
  padding: 0;
}

ol,
ul {
  margin: 0;
}

/**
 * Tailwind custom reset styles
 */

/**
 * Allow adding a border to an element by just adding a border-width.
 *
 * By default, the way the browser specifies that an element should have no
 * border is by setting it's border-style to `none` in the user-agent
 * stylesheet.
 *
 * In order to easily add borders to elements by just setting the `border-width`
 * property, we change the default border-style for all elements to `solid`, and
 * use border-width to hide them instead. This way our `border` utilities only
 * need to set the `border-width` property instead of the entire `border`
 * shorthand, making our border utilities much more straightforward to compose.
 *
 * https://github.com/tailwindcss/tailwindcss/pull/116
 */

*,
*::before,
*::after {
  border-width: 0;
  border-style: solid;
  border-color: #e5e4d7;
}

/**
 * Undo the `border-style: none` reset that Normalize applies to images so that
 * our `border-{width}` utilities have the expected effect.
 *
 * The Normalize reset is unnecessary for us since we default the border-width
 * to 0 on all elements.
 *
 * https://github.com/tailwindcss/tailwindcss/issues/362
 */

img {
  border-style: solid;
}

/**
 * Temporary reset for a change introduced in Chrome 62 but now reverted.
 *
 * We can remove this when the reversion is in a normal Chrome release.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  border-radius: 0;
}

textarea {
  resize: vertical;
}

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

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
}

input::placeholder,
textarea::placeholder {
  color: inherit;
  opacity: .5;
}

button,
[role=button] {
  cursor: pointer;
}

table {
  border-collapse: collapse;
}

/* Colors are also imported via tailwind.js */

.object-white {
  --object-color: #fff;
}

.object-black {
  --object-color: #000;
}

.object-transparent {
  --object-color: transparent;
}

.primary-white {
  --primary-color: #fff;
}

.primary-black {
  --primary-color: #000;
}

.primary-transparent {
  --primary-color: transparent;
}

.accent-white {
  --accent-color: #fff;
}

.accent-black {
  --accent-color: #000;
}

.accent-transparent {
  --accent-color: transparent;
}

.object-gray50 {
  --object-color: #f8f8f3;
}

.object-gray100 {
  --object-color: #e5e4d7;
}

.object-gray200 {
  --object-color: #cacbc0;
}

.object-gray300 {
  --object-color: #b0b2aa;
}

.object-gray400 {
  --object-color: #969994;
}

.object-gray500 {
  --object-color: #7c807e;
}

.object-gray600 {
  --object-color: #616767;
}

.object-gray700 {
  --object-color: #474e51;
}

.object-gray800 {
  --object-color: #2d353b;
}

.object-gray900 {
  --object-color: #22282b;
}

.primary-gray50 {
  --primary-color: #f8f8f3;
}

.primary-gray100 {
  --primary-color: #e5e4d7;
}

.primary-gray200 {
  --primary-color: #cacbc0;
}

.primary-gray300 {
  --primary-color: #b0b2aa;
}

.primary-gray400 {
  --primary-color: #969994;
}

.primary-gray500 {
  --primary-color: #7c807e;
}

.primary-gray600 {
  --primary-color: #616767;
}

.primary-gray700 {
  --primary-color: #474e51;
}

.primary-gray800 {
  --primary-color: #2d353b;
}

.primary-gray900 {
  --primary-color: #22282b;
}

.accent-gray50 {
  --accent-color: #f8f8f3;
}

.accent-gray100 {
  --accent-color: #e5e4d7;
}

.accent-gray200 {
  --accent-color: #cacbc0;
}

.accent-gray300 {
  --accent-color: #b0b2aa;
}

.accent-gray400 {
  --accent-color: #969994;
}

.accent-gray500 {
  --accent-color: #7c807e;
}

.accent-gray600 {
  --accent-color: #616767;
}

.accent-gray700 {
  --accent-color: #474e51;
}

.accent-gray800 {
  --accent-color: #2d353b;
}

.accent-gray900 {
  --accent-color: #22282b;
}

.object-blue50 {
  --object-color: #ebf7fa;
}

.object-blue100 {
  --object-color: #d6eef5;
}

.object-blue200 {
  --object-color: #adddea;
}

.object-blue300 {
  --object-color: #85cde0;
}

.object-blue400 {
  --object-color: #5cbcd5;
}

.object-blue500 {
  --object-color: #33abcb;
}

.object-blue600 {
  --object-color: #2e91af;
}

.object-blue700 {
  --object-color: #287792;
}

.object-blue800 {
  --object-color: #235c76;
}

.object-blue900 {
  --object-color: #1e4259;
}

.primary-blue50 {
  --primary-color: #ebf7fa;
}

.primary-blue100 {
  --primary-color: #d6eef5;
}

.primary-blue200 {
  --primary-color: #adddea;
}

.primary-blue300 {
  --primary-color: #85cde0;
}

.primary-blue400 {
  --primary-color: #5cbcd5;
}

.primary-blue500 {
  --primary-color: #33abcb;
}

.primary-blue600 {
  --primary-color: #2e91af;
}

.primary-blue700 {
  --primary-color: #287792;
}

.primary-blue800 {
  --primary-color: #235c76;
}

.primary-blue900 {
  --primary-color: #1e4259;
}

.accent-blue50 {
  --accent-color: #ebf7fa;
}

.accent-blue100 {
  --accent-color: #d6eef5;
}

.accent-blue200 {
  --accent-color: #adddea;
}

.accent-blue300 {
  --accent-color: #85cde0;
}

.accent-blue400 {
  --accent-color: #5cbcd5;
}

.accent-blue500 {
  --accent-color: #33abcb;
}

.accent-blue600 {
  --accent-color: #2e91af;
}

.accent-blue700 {
  --accent-color: #287792;
}

.accent-blue800 {
  --accent-color: #235c76;
}

.accent-blue900 {
  --accent-color: #1e4259;
}

.object-orange50 {
  --object-color: #fff6ed;
}

.object-orange100 {
  --object-color: #feeddb;
}

.object-orange200 {
  --object-color: #fddbb7;
}

.object-orange300 {
  --object-color: #fbc894;
}

.object-orange400 {
  --object-color: #fab670;
}

.object-orange500 {
  --object-color: #f9a44c;
}

.object-orange600 {
  --object-color: #d58744;
}

.object-orange700 {
  --object-color: #b16a3d;
}

.object-orange800 {
  --object-color: #8c4d35;
}

.object-orange900 {
  --object-color: #68302d;
}

.primary-orange50 {
  --primary-color: #fff6ed;
}

.primary-orange100 {
  --primary-color: #feeddb;
}

.primary-orange200 {
  --primary-color: #fddbb7;
}

.primary-orange300 {
  --primary-color: #fbc894;
}

.primary-orange400 {
  --primary-color: #fab670;
}

.primary-orange500 {
  --primary-color: #f9a44c;
}

.primary-orange600 {
  --primary-color: #d58744;
}

.primary-orange700 {
  --primary-color: #b16a3d;
}

.primary-orange800 {
  --primary-color: #8c4d35;
}

.primary-orange900 {
  --primary-color: #68302d;
}

.accent-orange50 {
  --accent-color: #fff6ed;
}

.accent-orange100 {
  --accent-color: #feeddb;
}

.accent-orange200 {
  --accent-color: #fddbb7;
}

.accent-orange300 {
  --accent-color: #fbc894;
}

.accent-orange400 {
  --accent-color: #fab670;
}

.accent-orange500 {
  --accent-color: #f9a44c;
}

.accent-orange600 {
  --accent-color: #d58744;
}

.accent-orange700 {
  --accent-color: #b16a3d;
}

.accent-orange800 {
  --accent-color: #8c4d35;
}

.accent-orange900 {
  --accent-color: #68302d;
}

.object-coral50 {
  --object-color: #fdefee;
}

.object-coral100 {
  --object-color: #fbe0dd;
}

.object-coral200 {
  --object-color: #f7c1bc;
}

.object-coral300 {
  --object-color: #f2a19a;
}

.object-coral400 {
  --object-color: #ee8279;
}

.object-coral500 {
  --object-color: #ea6357;
}

.object-coral600 {
  --object-color: #c65552;
}

.object-coral700 {
  --object-color: #a3484e;
}

.object-coral800 {
  --object-color: #7f3a4a;
}

.object-coral900 {
  --object-color: #5b2c45;
}

.primary-coral50 {
  --primary-color: #fdefee;
}

.primary-coral100 {
  --primary-color: #fbe0dd;
}

.primary-coral200 {
  --primary-color: #f7c1bc;
}

.primary-coral300 {
  --primary-color: #f2a19a;
}

.primary-coral400 {
  --primary-color: #ee8279;
}

.primary-coral500 {
  --primary-color: #ea6357;
}

.primary-coral600 {
  --primary-color: #c65552;
}

.primary-coral700 {
  --primary-color: #a3484e;
}

.primary-coral800 {
  --primary-color: #7f3a4a;
}

.primary-coral900 {
  --primary-color: #5b2c45;
}

.accent-coral50 {
  --accent-color: #fdefee;
}

.accent-coral100 {
  --accent-color: #fbe0dd;
}

.accent-coral200 {
  --accent-color: #f7c1bc;
}

.accent-coral300 {
  --accent-color: #f2a19a;
}

.accent-coral400 {
  --accent-color: #ee8279;
}

.accent-coral500 {
  --accent-color: #ea6357;
}

.accent-coral600 {
  --accent-color: #c65552;
}

.accent-coral700 {
  --accent-color: #a3484e;
}

.accent-coral800 {
  --accent-color: #7f3a4a;
}

.accent-coral900 {
  --accent-color: #5b2c45;
}

/**
 * @license
 * MyFonts Webfont Build ID 3736103, 2019-03-19T14:38:26-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: OCR-ABTWXX-Regular by Bitstream
 * URL: https://www.myfonts.com/fonts/bitstream/ocr-a/ocr-a/
 * Copyright: Copyright 1990-2004 Bitstream Inc. All rights reserved.
 * Licensed pageviews: 10,000
 * 
 * 
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3736103
 * 
 * © 2019 MyFonts Inc
*/

/* @import must be at top of file, otherwise CSS will not work */

@font-face {
  font-family: 'OCR-A';
  src: url('../fonts/ocr-a/390227_0_0.eot');
  src: url('../fonts/ocr-a/390227_0_0.eot?#iefix') format('embedded-opentype'), url('../fonts/ocr-a/390227_0_0.woff2') format('woff2'), url('../fonts/ocr-a/390227_0_0.woff') format('woff'), url('../fonts/ocr-a/390227_0_0.ttf') format('truetype');
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/montserrat/montserrat-bold.woff2') format('woff2'), url('../fonts/montserrat/montserrat-bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/montserrat/montserrat-bolditalic.woff2') format('woff2'), url('../fonts/montserrat/montserrat-bolditalic.woff') format('woff');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/montserrat/montserrat-semibold.woff2') format('woff2'), url('../fonts/montserrat/montserrat-semibold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/montserrat/montserrat-semibolditalic.woff2') format('woff2'), url('../fonts/montserrat/montserrat-semibolditalic.woff') format('woff');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/montserrat/montserrat-medium.woff2') format('woff2'), url('../fonts/montserrat/montserrat-medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/montserrat/montserrat-mediumitalic.woff2') format('woff2'), url('../fonts/montserrat/montserrat-mediumitalic.woff') format('woff');
  font-weight: 500;
  font-style: italic;
}

/* Font declarations are imported via tailwind.js */

/* 
 * Flex Grid v2.0.1
 * © 2019 Rob Hewitt
 */

/* 
 * Flex Grid v2.0.1
 * © 2019 Steadfast Design Firm
 */

/* 
 * Flex Grid v2.0.1
 * © 2019 Rob Hewitt
 */

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
xmp {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 100%;
}

html,
body {
  height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

b,
strong {
  font-weight: bold;
}

img,
object,
embed {
  max-width: 100%;
}

img {
  height: auto;
  color: transparent;
  font-size: 0;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}

svg {
  overflow: hidden;
}

a img {
  border: none;
}

ol,
ul {
  list-style: none;
}

li {
  display: list-item;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th,
td,
caption {
  font-weight: normal;
  vertical-align: top;
  text-align: left;
}

q {
  quotes: none;
}

q:before,
q:after {
  content: '';
  content: none;
}

sub,
sup,
small {
  font-size: 75%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button {
  cursor: pointer;
  border: none;
  -webkit-appearance: none;
  background: none;
  padding: 0;
}

button:focus {
  outline: none;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (min-width: 768px) {
  .mobile-only {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .mobile-only {
    display: block;
  }

  .mobile-hide {
    display: none;
  }
}

:root {
  --padding: 80px;
  --site-margin: 180px;
  --vertical-padding: 170px;
  --overlap: -40px;
  --split-offset: 18vw;
  --split-offset-neg: -18vw;
  --split-offset-other: 82vw;
  --split-offset-other-neg: -82vw;
  --frame-thickness: 10px;
  --frame-thickness-neg: 10px;
  --vertical-overlap: 30px;
  --hover-offset: 5px;
  --hover-offset-negative: -5px;
  --menu-position: 57.3%;
  --menu-position-negative: -57.3%;
  --object-color: currentColor;
  --object-secondary: var(--object-color);
  --primary-color: currentColor;
  --accent-color: var(--primary-color);
}

@media screen and (max-width: 1350px) {
  :root {
    --menu-position: 30%;
    --menu-position-negative: -30%;
  }
}

@media screen and (max-width: 1300px) {
  :root {
    --site-margin: 140px;
  }
}

@media screen and (max-width: 1200px) {
  :root {
    --split-offset: 13vw;
    --split-offset-neg: -13vw;
    --split-offset-other: 87vw;
    --split-offset-other-neg: -87vw;
  }
}

@media screen and (max-width: 1000px) {
  :root {
    --padding: 60px;
    --site-margin: 100px;
  }
}

@media screen and (max-width: 900px) {
  :root {
    --split-offset: 5vw;
    --split-offset-neg: -5vw;
    --split-offset-other: 95vw;
    --split-offset-other-neg: -95vw;
  }
}

@media screen and (max-width: 767px) {
  :root {
    --padding: 30px;
    --site-margin: 80px;
    --vertical-padding: 100px;
    --frame-thickness: 6px;
    --vertical-overlap: 20px;
  }
}

@media screen and (max-width: 650px) {
  :root {
    --site-margin: 40px;
    --vertical-padding: 80px;
    --menu-position: 15%;
    --menu-position-negative: -15%;
  }
}

html {
  font-family: Montserrat, Roboto, Helvetica Neue, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.7;
  font-weight: 500;
  color: #22282b;
  padding: var(--frame-thickness);
  background-color: #22282b;
  overflow-x: hidden;
}

@media screen and (max-width: 767px) {
  html {
    font-size: 16px;
  }
}

html.site-nav-overlay-loading {
  -webkit-animation: loading-blur 8s infinite .25s;
          animation: loading-blur 8s infinite .25s;
}

@-moz-document url-prefix() {
  html.site-nav-overlay-loading {
    animation: none;
  }
}

html.site-nav-overlay-loading,
html.site-nav-overlay-menu,
html.site-nav-overlay-exiting,
html.video-modal-open,
html.newsletter-modal-open {
  overflow-y: hidden;
}

body {
  width: 100vw;
  height: auto;
  font-size: inherit;
  overflow-x: hidden;
  background-color: #f8f8f3;
}

h1 {
  font-size: 5rem;
  font-weight: 600;
  line-height: 1.07;
  text-align: center;
  color: var(--accent-color);
}

.about h1,
.caseStudies h1 {
  color: #fff;
}

.reverse h1 {
  color: #2d353b;
}

.caseStudies h1 {
  font-size: 1.9444rem;
  line-height: 1.5;
}

@media screen and (max-width: 1200px) {
  h1 {
    font-size: 4rem;
  }
}

@media screen and (max-width: 600px) {
  h1 {
    font-size: 3rem;
  }
}

h2 {
  font-size: 1.777rem;
  font-weight: 600;
  line-height: 1.55;
  margin-bottom: 1.1em;
}

h2 span {
  font-family: OCR-A, Courier New, monospace;
  font-size: 1.2em;
  font-weight: normal;
  text-transform: uppercase;
  line-height: .7;
}

h3 {
  font-size: 1.333rem;
  font-weight: 600;
  line-height: 1.32;
  margin-bottom: .8em;
}

h3 span {
  font-family: OCR-A, Courier New, monospace;
  font-size: 1.2em;
  font-weight: normal;
  text-transform: uppercase;
  line-height: .7;
}

h4 {
  font-family: OCR-A, Courier New, monospace;
  font-size: .88888889rem;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: .08em;
  line-height: .7;
  margin-bottom: 1.6em;
}

h4.sentence-case {
  text-transform: none;
}

h5 {
  font-size: .8333rem;
  letter-spacing: .2em;
  line-height: 1.4;
  font-weight: 700;
  text-transform: uppercase;
}

h6 {
  font-size: .88888889rem;
  font-weight: 700;
}

a {
  text-decoration: none;
  -webkit-box-shadow: 0 1px 0 0 currentColor;
          box-shadow: 0 1px 0 0 currentColor;
  font-weight: 500;
  color: inherit;
  -webkit-transition: .5s color, .5s opacity;
          transition: .5s color, .5s opacity;
}

a:hover {
  opacity: .7;
}

p {
  margin-bottom: 2.1em;
}

h1 + p {
  margin-top: 1.7em;
}

p.large {
  font-size: 1.222rem;
  letter-spacing: .025em;
}

p.small {
  font-size: .8333rem;
  letter-spacing: .03em;
}

blockquote {
  position: relative;
  font-size: .88888889rem;
  padding-left: 60px;
  font-style: italic;
  letter-spacing: .02em;
}

blockquote p {
  margin-bottom: .5em;
}

blockquote p:last-child {
  padding-bottom: 0;
}

blockquote footer:before {
  content: '';
  display: inline-block;
  position: relative;
  top: -0.03em;
  width: 10px;
  border-bottom: 1px solid currentColor;
  margin-right: .4em;
}

ul {
  margin-bottom: 2.1em;
}

ul li {
  position: relative;
  padding-left: 1.3em;
  font-size: .88888889rem;
}

ul li:before {
  content: '';
  display: block;
  position: absolute;
  top: 1em;
  left: 1px;
  width: 7px;
  height: 2px;
  border-bottom: 2px solid currentColor;
  opacity: .2;
}

ul.mono-list {
  font-family: OCR-A, Courier New, monospace;
}

ul.mono-list li:before {
  content: '/';
  top: auto;
  left: -0.1em;
  border-bottom: 0;
}

p.pin-left-bottom + ul.mono-list {
  margin-top: 3.5rem;
}

ol {
  counter-reset: ol;
  margin-bottom: 2.1em;
}

ol li {
  position: relative;
  padding-left: 1.666em;
  counter-increment: ol;
}

ol li:before {
  content: counter(ol);
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 700;
  letter-spacing: .2em;
  color: currentColor;
}

[class^='button-'],
[class*=' button-'] {
  display: inline-block;
  position: relative;
  z-index: 81;
  top: 0;
  -webkit-transform: skewX(-33deg);
          transform: skewX(-33deg);
  -webkit-box-shadow: none;
          box-shadow: none;
  font-family: OCR-A, Courier New, monospace;
  font-size: .88888889rem;
  font-weight: normal;
     text-transform: uppercase;
  letter-spacing: .08em;
  line-height: .7;
  padding: 26px 45px 29px;
  font-weight: bold;
  -webkit-transition: .5s top;
          transition: .5s top;
}

[class^='button-']:before,
[class*=' button-']:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-transition: .5s opacity, .5s -webkit-box-shadow;
          transition: .5s opacity, .5s -webkit-box-shadow;
          transition: .5s opacity, .5s box-shadow;
          transition: .5s opacity, .5s box-shadow, .5s -webkit-box-shadow;
}

[class^='button-'] > span,
[class*=' button-'] > span {
  position: relative;
  z-index: 1;
  display: inline-block;
  -webkit-transform: skewX(33deg);
          transform: skewX(33deg);
  -webkit-transition: .5s color;
          transition: .5s color;
}

.button-solid {
  background: currentColor;
}

.button-solid:before {
  box-shadow: 0px 7px 20px currentColor;
  opacity: .5;
}

.button-solid > span {
  color: #fff;
}

.text-white.button-solid > span {
  color: #2d353b;
}

.button-solid:hover {
  opacity: 1;
  top: var(--hover-offset-negative);
}

.button-solid:hover:before {
  box-shadow: 0px 10px 30px 2px currentColor;
}

.button-outline:before {
  border: 2px solid currentColor;
  border-left-width: 3px;
  border-right-width: 3px;
}

.button-outline:after {
  content: '';
  display: block;
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  background: currentColor;
  -webkit-transform: translateX(-50%) scaleX(0);
          transform: translateX(-50%) scaleX(0);
  -webkit-transition: .5s -webkit-transform;
          transition: .5s -webkit-transform;
          transition: .5s transform;
          transition: .5s transform, .5s -webkit-transform;
}

.button-outline:hover {
  opacity: 1;
}

.button-outline:hover:after {
  -webkit-transform: translateX(0) scaleX(1);
          transform: translateX(0) scaleX(1);
}

.button-outline:hover > span {
  color: #fff;
}

.text-white.button-outline:hover > span {
  color: #22282b;
}

.button-inline {
  -webkit-transition: .5s color, .5s opacity;
          transition: .5s color, .5s opacity;
}

.buttons {
  margin-left: -20px;
  margin-top: -20px;
  margin-bottom: 2.1em;
}

.buttons [class^='button-'],
.buttons [class*=' button-'] {
  margin-left: 20px;
  margin-top: 20px;
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
p.large:last-child,
p.small:last-child,
blockquote:last-child,
ul:last-child,
ol:last-child,
.buttons:last-child {
  margin-bottom: 0;
}

.site-nav-logo {
  position: fixed;
  z-index: 104;
  top: 34px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: block;
  width: 240px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

@media screen and (max-width: 767px) {
  .site-nav-logo {
    left: 40px;
    -webkit-transform: none;
            transform: none;
  }
}

.site-nav-logo > svg {
  position: relative;
  display: block;
}

.site-nav-logo > svg #letters {
  fill: #fff;
  -webkit-transition: .5s fill;
          transition: .5s fill;
}

.site-nav-logo > svg #mark {
  fill: #33abcb;
  -webkit-transition: .5s fill;
          transition: .5s fill;
}

.caseStudies .site-nav-logo > svg #mark {
  fill: var(--primary-color);
}

.site-nav-logo .mark-shadow {
  position: absolute;
  left: 44%;
  top: 50%;
  width: 20px;
  height: 5px;
  background: #33abcb;
  -webkit-box-shadow: 0 5px 30px 28px #33abcb;
          box-shadow: 0 5px 30px 28px #33abcb;
  border-radius: 100%;
  opacity: .4;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  cursor: default;
  -webkit-transition: .5s opacity, .5s background, .5s -webkit-box-shadow;
          transition: .5s opacity, .5s background, .5s -webkit-box-shadow;
          transition: .5s opacity, .5s background, .5s box-shadow;
          transition: .5s opacity, .5s background, .5s box-shadow, .5s -webkit-box-shadow;
}

.caseStudies .site-nav-logo .mark-shadow {
  background: var(--primary-color);
  -webkit-box-shadow: 0 5px 30px 28px var(--primary-color);
          box-shadow: 0 5px 30px 28px var(--primary-color);
}

.site-nav-logo.white-only > svg #letters,
.site-nav-logo.white-only > svg #mark {
  fill: #fff;
}

.site-nav-logo.white-only > .mark-shadow {
  opacity: 0;
}

.site-nav-logo.reverse > svg #letters {
  fill: #22282b;
}

.site-nav-overlay-loading .site-nav-logo #letters,
.site-nav-overlay-loading .site-nav-logo.reverse #letters,
.site-nav-overlay-loading .site-nav-logo.white-only #letters {
  fill: #fff;
}

.site-nav-overlay-loading .site-nav-logo #mark,
.site-nav-overlay-loading .site-nav-logo.reverse #mark,
.site-nav-overlay-loading .site-nav-logo.white-only #mark {
  fill: #33abcb;
}

.caseStudies .site-nav-overlay-loading .site-nav-logo #mark,
.caseStudies .site-nav-overlay-loading .site-nav-logo.reverse #mark,
.caseStudies .site-nav-overlay-loading .site-nav-logo.white-only #mark {
  fill: var(--primary-color);
}

.site-nav-overlay-menu .site-nav-logo #letters,
.site-nav-overlay-menu .site-nav-logo.reverse #letters,
.site-nav-overlay-loading .site-nav-logo.white-only #letters {
  fill: #fff;
}

@media screen and (max-width: 1350px) {
  .site-nav-overlay-menu .site-nav-logo #mark,
  .site-nav-overlay-menu .site-nav-logo.reverse #mark,
  .site-nav-overlay-loading .site-nav-logo.white-only #mark {
    fill: #33abcb !important;
  }

  .caseStudies .site-nav-overlay-menu .site-nav-logo #mark,
  .caseStudies .site-nav-overlay-menu .site-nav-logo.reverse #mark,
  .caseStudies .site-nav-overlay-loading .site-nav-logo.white-only #mark {
    fill: var(--primary-color) !important;
  }
}

.site-nav-overlay-loading .site-nav-logo .mark-shadow,
.site-nav-overlay-loading .site-nav-logo.reverse .mark-shadow,
.site-nav-overlay-loading .site-nav-logo.white-only .mark-shadow {
  opacity: .4;
}

.site-nav-overlay-loading .site-nav-logo .mark-shadow,
.site-nav-overlay-loading .site-nav-logo.reverse .mark-shadow,
.site-nav-overlay-loading .site-nav-logo.white-only .mark-shadow {
  opacity: .4;
}

.scroll .site-nav-logo #letters {
  fill: #fff !important;
}

.scroll .site-nav-logo #mark {
  fill: #33abcb !important;
}

.caseStudies .scroll .site-nav-logo #mark {
  fill: var(--primary-color) !important;
}

.scroll .site-nav-logo .mark-shadow {
  opacity: .4 !important;
}

.site-nav-trigger {
  position: fixed;
  z-index: 104;
  top: 36px;
  right: 40px;
  width: 36px;
  height: 22px;
  color: #fff;
  -webkit-transition: .25s color, .5s opacity;
          transition: .25s color, .5s opacity;
}

.site-nav-trigger:hover {
  opacity: .7;
}

.site-nav-trigger:before,
.site-nav-trigger > span,
.site-nav-trigger:after {
  content: '';
  position: absolute;
  right: 0;
  border-bottom: 2px solid currentColor;
  width: 100%;
  -webkit-transition: .5s opacity, .5s -webkit-transform;
          transition: .5s opacity, .5s -webkit-transform;
          transition: .5s transform, .5s opacity;
          transition: .5s transform, .5s opacity, .5s -webkit-transform;
}

.site-nav-trigger:before {
  top: 0;
}

.site-nav-trigger > span {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 85%;
}

.site-nav-trigger:after {
  bottom: 0;
}

.site-nav-overlay-menu .site-nav-trigger:before {
  -webkit-transform: translateY(10px) rotate(45deg);
          transform: translateY(10px) rotate(45deg);
}

.site-nav-overlay-menu .site-nav-trigger > span {
  opacity: 0;
  -webkit-transform: translateY(-50%) translateX(25%);
          transform: translateY(-50%) translateX(25%);
}

.site-nav-overlay-menu .site-nav-trigger:after {
  -webkit-transform: translateY(-10px) rotate(-45deg);
          transform: translateY(-10px) rotate(-45deg);
}

.site-nav-trigger.reverse {
  color: #22282b;
}

.site-nav-overlay-loading .site-nav-trigger,
.site-nav-overlay-loading .site-nav-trigger.reverse,
.site-nav-overlay-loading .site-nav-trigger.white-only,
.site-nav-overlay-menu .site-nav-trigger,
.site-nav-overlay-menu .site-nav-trigger.reverse,
.site-nav-overlay-menu .site-nav-trigger.white-only {
  color: #fff;
}

.scroll .site-nav-trigger {
  color: #fff !important;
}

.site-nav-overlay {
  position: fixed;
  z-index: 101;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  color: #22282b;
  background: currentColor;
  -webkit-transform: translateX(100vw) translateX(64.94075931973347vh);
          transform: translateX(100vw) translateX(64.94075931973347vh);
  visibility: hidden;
  -webkit-transition: 0s visibility 1s, 1s -webkit-transform;
          transition: 0s visibility 1s, 1s -webkit-transform;
          transition: 0s visibility 1s, 1s transform;
          transition: 0s visibility 1s, 1s transform, 1s -webkit-transform;
}

.site-nav-overlay-menu .site-nav-overlay {
  -webkit-transform: translateX(var(--menu-position));
          transform: translateX(var(--menu-position));
  visibility: visible;
  -webkit-transition: 1s -webkit-transform;
          transition: 1s -webkit-transform;
          transition: 1s transform;
          transition: 1s transform, 1s -webkit-transform;
}

.site-nav-overlay-loading .site-nav-overlay {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  visibility: visible;
  -webkit-transition: 1s -webkit-transform;
          transition: 1s -webkit-transform;
          transition: 1s transform;
          transition: 1s transform, 1s -webkit-transform;
}

.site-nav-overlay-exiting .site-nav-overlay {
  -webkit-transform: translateX(-100vw) translateX(-64.94075931973347vh);
          transform: translateX(-100vw) translateX(-64.94075931973347vh);
  visibility: visible;
  -webkit-transition: 1s -webkit-transform;
          transition: 1s -webkit-transform;
          transition: 1s transform;
          transition: 1s transform, 1s -webkit-transform;
}

.site-nav-overlay-exited .site-nav-overlay {
  visibility: hidden !important;
  -webkit-transition: none !important;
          transition: none !important;
  -webkit-transform: translateX(100vw) translateX(64.94075931973347vh) !important;
          transform: translateX(100vw) translateX(64.94075931973347vh) !important;
}

.site-nav-overlay:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  background: currentColor;
  height: 100%;
  width: calc(100% + (32.47037965986674*2vh));
  -webkit-transform: translateX(-50%) skewX(-33deg);
          transform: translateX(-50%) skewX(-33deg);
  opacity: 0;
  -webkit-transition: 1s opacity, 1s -webkit-transform;
          transition: 1s opacity, 1s -webkit-transform;
          transition: 1s opacity, 1s transform;
          transition: 1s opacity, 1s transform, 1s -webkit-transform;
}

.site-nav-overlay-menu .site-nav-overlay:before,
.site-nav-overlay-loading .site-nav-overlay:before {
  opacity: .3;
  -webkit-transform: translateX(-50%) translateX(-100%) translateX(var(--menu-position)) skewX(-33deg);
          transform: translateX(-50%) translateX(-100%) translateX(var(--menu-position)) skewX(-33deg);
}

.site-nav-overlay:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  background: currentColor;
  height: 100%;
  width: calc(100% + (32.47037965986674*2vh));
  -webkit-transform: translateX(-50%) skewX(-33deg);
          transform: translateX(-50%) skewX(-33deg);
}

.site-nav-overlay-inner {
  position: relative;
  z-index: 1;
  height: 100%;
  padding: var(--frame-thickness);
  color: #fff;
}

.site-nav-menu,
.site-nav-loader {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
}

.site-nav-menu {
  color: #fff;
  width: calc(100% - var(--menu-position));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  overflow-y: auto;
  padding: var(--padding) var(--padding) var(--padding) calc(var(--padding) / 4);
  opacity: 0;
  -webkit-transform: translateX(100px);
          transform: translateX(100px);
  -webkit-transition: .5s opacity, 0s visibility .5s, .5s -webkit-transform;
          transition: .5s opacity, 0s visibility .5s, .5s -webkit-transform;
          transition: .5s opacity, .5s transform, 0s visibility .5s;
          transition: .5s opacity, .5s transform, 0s visibility .5s, .5s -webkit-transform;
}

.site-nav-overlay-menu .site-nav-menu {
  opacity: 1;
  visibility: initial;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: 1s .25s, 1s -webkit-transform .25s;
          transition: 1s .25s, 1s -webkit-transform .25s;
          transition: 1s .25s, 1s transform .25s;
          transition: 1s .25s, 1s transform .25s, 1s -webkit-transform .25s;
}

.site-nav-menu-inner {
  width: 100%;
  max-width: 600px;
  margin: auto;
}

.site-nav-loader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: var(--frame-thickness);
  opacity: 0;
  -webkit-transition: .5s opacity, 0s visibility .5s;
          transition: .5s opacity, 0s visibility .5s;
}

.site-nav-loader > span {
  position: relative;
  font-family: OCR-A, Courier New, monospace;
  font-size: .88888889rem;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: .08em;
  line-height: .7;
  color: #fff;
}

.site-nav-loader > span:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
  width: 180px;
  height: 180px;
  border: 2px solid #474e51;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-radius: 50%;
}

.site-nav-overlay-loading .site-nav-loader > span:before {
  -webkit-animation: loading 8s infinite .25s;
          animation: loading 8s infinite .25s;
}

@-webkit-keyframes loading-blur {
  0%,
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }

  10% {
    -webkit-filter: blur(1px);
            filter: blur(1px);
  }

  20% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }

  50% {
    -webkit-filter: blur(2px);
            filter: blur(2px);
  }

  60% {
    -webkit-filter: blur(1px);
            filter: blur(1px);
  }

  70% {
    -webkit-filter: blur(2px);
            filter: blur(2px);
  }
}

@keyframes loading-blur {
  0%,
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }

  10% {
    -webkit-filter: blur(1px);
            filter: blur(1px);
  }

  20% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }

  50% {
    -webkit-filter: blur(2px);
            filter: blur(2px);
  }

  60% {
    -webkit-filter: blur(1px);
            filter: blur(1px);
  }

  70% {
    -webkit-filter: blur(2px);
            filter: blur(2px);
  }
}

@-webkit-keyframes loading {
  0%,
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg);
  }

  10% {
    -webkit-transform: translate(-50%, -50%) rotate(112.5deg);
            transform: translate(-50%, -50%) rotate(112.5deg);
  }

  20% {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg);
  }

  50% {
    -webkit-transform: translate(-50%, -50%) rotate(405deg);
            transform: translate(-50%, -50%) rotate(405deg);
  }

  60% {
    -webkit-transform: translate(-50%, -50%) rotate(337.5deg);
            transform: translate(-50%, -50%) rotate(337.5deg);
  }

  70% {
    -webkit-transform: translate(-50%, -50%) rotate(405deg);
            transform: translate(-50%, -50%) rotate(405deg);
  }
}

@keyframes loading {
  0%,
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg);
  }

  10% {
    -webkit-transform: translate(-50%, -50%) rotate(112.5deg);
            transform: translate(-50%, -50%) rotate(112.5deg);
  }

  20% {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg);
  }

  50% {
    -webkit-transform: translate(-50%, -50%) rotate(405deg);
            transform: translate(-50%, -50%) rotate(405deg);
  }

  60% {
    -webkit-transform: translate(-50%, -50%) rotate(337.5deg);
            transform: translate(-50%, -50%) rotate(337.5deg);
  }

  70% {
    -webkit-transform: translate(-50%, -50%) rotate(405deg);
            transform: translate(-50%, -50%) rotate(405deg);
  }
}

.site-nav-overlay-loading .site-nav-loader {
  opacity: 1;
  visibility: initial;
  -webkit-transition: .5s opacity .25s;
          transition: .5s opacity .25s;
}

.site-nav-overlay-exiting .site-nav-loader {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .5s opacity, 0s .5s visibility;
          transition: .5s opacity, 0s .5s visibility;
}

.site-nav-links {
  margin: 0;
}

.site-nav-links > li {
  padding: 0;
}

.site-nav-links > li > a {
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 3.333rem;
  font-weight: 600;
  line-height: 1.35;
}

@media screen and (max-width: 767px) {
  .site-nav-links > li > a {
    font-size: 3rem;
  }
}

.site-nav-links > li:before {
  display: none;
}

.site-nav-contact {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #2d353b;
  padding: 30px 35px;
  margin-top: var(--padding);
}

.site-nav-contact > h4 {
  position: absolute;
  top: -6px;
  left: 15px;
  background: #22282b;
  padding: 0 20px;
  color: #7c807e;
}

.site-nav-contact .site-nav-contact-left {
  width: 100%;
}

.site-nav-contact .site-nav-contact-right {
  width: 100%;
  margin-left: 20px;
}

.site-nav-contact a {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.site-nav-contact .address {
  color: #b0b2aa;
}

@media screen and (max-width: 850px) {
  .site-nav-contact {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
  }

  .site-nav-contact .site-nav-contact-right {
    margin-top: 20px;
    margin-left: 0;
  }
}

.site-nav-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  height: .9rem;
  margin-top: var(--padding);
}

@media screen and (max-width: 500px) {
  .site-nav-social {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
    -webkit-box-align: initial;
    -ms-flex-align: initial;
    align-items: initial;
    height: auto;
  }
}

.site-nav-social > h4 {
  color: #7c807e;
  margin: 0;
}

.site-nav-social .site-nav-social-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 500px) {
  .site-nav-social .site-nav-social-list {
    margin-top: 30px;
  }
}

.site-nav-social .site-nav-social-list li {
  padding: 0;
  margin-left: 30px;
}

@media screen and (max-width: 500px) {
  .site-nav-social .site-nav-social-list li:first-child {
    margin-left: 0;
  }
}

.site-nav-social .site-nav-social-list li:before {
  display: none;
}

.site-nav-social .site-nav-social-list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-shadow: none;
          box-shadow: none;
  height: 24px;
  color: #7c807e;
}

.site-nav-social .site-nav-social-list a:hover {
  opacity: 1;
  color: #ea6357;
}

.site-nav-social .site-nav-social-list svg {
  display: block;
  width: 24px;
  max-height: 100%;
}

.site-nav-social .site-nav-social-list svg path {
  fill: currentColor;
  -webkit-transition: .5s fill;
          transition: .5s fill;
}

.site-nav-social .site-nav-social-list .facebook svg {
  width: 12px;
}

.hud {
  font-family: OCR-A, Courier New, monospace;
  font-size: .88888889rem;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: .08em;
  line-height: .7;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  cursor: default;
}

.hud-header {
  position: fixed;
  z-index: 100;
  left: 0;
  right: 0;
  top: 0;
  height: 95px;
  background: #22282b;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition: .5s -webkit-transform;
          transition: .5s -webkit-transform;
          transition: .5s transform;
          transition: .5s transform, .5s -webkit-transform;
}

.scroll .hud-header {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.hud-header:before,
.hud-header:after {
  content: '';
  display: block;
  position: absolute;
  top: calc(100% - var(--frame-thickness));
  border: var(--frame-thickness) solid #22282b;
  border-bottom: 0;
  width: calc(var(--frame-thickness) * 2);
  height: calc(var(--frame-thickness) * 2);
}

.hud-header:before {
  left: 0;
  border-right: 0;
  border-top-left-radius: calc(var(--frame-thickness) * 2);
}

.hud-header::after {
  right: 0;
  border-left: 0;
  border-top-right-radius: calc(var(--frame-thickness) * 2);
}

.hud-frame {
  position: fixed;
  z-index: 103;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border: var(--frame-thickness) solid #22282b;
  border-radius: calc(var(--frame-thickness) * 2);
  -webkit-box-shadow: 0 0 0 var(--frame-thickness) #22282b;
          box-shadow: 0 0 0 var(--frame-thickness) #22282b;
}

.hud-grid {
  position: fixed;
  z-index: 80;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.hud-grid .hud-grid-x:before,
.hud-grid .hud-grid-x:after {
  content: '';
  position: absolute;
  top: 0;
  height: 100vh;
  border-left: 1px solid rgba(0, 0, 0, .075);
}

.hud-grid .hud-grid-x:before {
  left: 33.333%;
}

.hud-grid .hud-grid-x:after {
  left: 66.666%;
}

.hud-grid .hud-grid-y:before,
.hud-grid .hud-grid-y:after {
  content: '';
  position: absolute;
  left: 0;
  width: 100vw;
  border-top: 1px solid rgba(0, 0, 0, .075);
}

.hud-grid .hud-grid-y:before {
  top: 33.333%;
}

.hud-grid .hud-grid-y:after {
  top: 66.666%;
}

.hud:before,
.hud:after,
.hud-grid:before,
.hud-grid:after {
  content: '';
  position: fixed;
  width: calc(var(--frame-thickness) * 3);
  border-top: var(--frame-thickness) solid #22282b;
}

.hud:before,
.hud:after {
  top: 0;
}

.hud:before {
  left: 0;
}

.hud:after {
  right: 0;
}

.hud-grid:before,
.hud-grid:after {
  bottom: 0;
}

.hud-grid:before {
  left: 0;
}

.hud-grid:after {
  right: 0;
}

.hud-record {
  position: fixed;
  z-index: 104;
  left: 40px;
  top: 40px;
  color: #ea6357;
  -webkit-transition: .25s color;
          transition: .25s color;
}

@media screen and (max-width: 767px) {
  .hud-record {
    top: auto;
    left: auto;
    bottom: 40px;
    right: 40px;
  }
}

.hud-record:before {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  position: relative;
  z-index: 1;
  top: 1px;
  margin-right: .5em;
  background: currentColor;
  border-radius: 50%;
}

.hud-record:after {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 1px;
  left: 0;
  margin-right: .5em;
  background: currentColor;
  border-radius: 50%;
  -webkit-box-shadow: 0px 3px 15px currentColor;
          box-shadow: 0px 3px 15px currentColor;
  -webkit-animation: record 2s infinite;
          animation: record 2s infinite;
}

.hud-record.white-only {
  color: #fff;
}

.site-nav-overlay-loading .hud-record,
.site-nav-overlay-loading .hud-record.white-only {
  color: #ea6357;
}

@media screen and (min-width: 768px) {
  .scroll .hud-record {
    color: #ea6357 !important;
  }
}

@-webkit-keyframes record {
  0%,
  100% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }
}

@keyframes record {
  0%,
  100% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }
}

.hud-date,
.hud-time {
  position: fixed;
  z-index: 104;
  bottom: 40px;
  color: #fff;
  -webkit-transition: .5s color, .5s opacity;
          transition: .5s color, .5s opacity;
}

.hud-date.reverse,
.hud-time.reverse {
  color: #22282b;
  opacity: .5;
}

@media screen and (max-width: 767px) {
  .hud-date,
  .hud-time {
    display: none;
  }
}

.hud-date {
  left: 40px;
}

.site-nav-overlay-loading .hud-date,
.site-nav-overlay-loading .hud-date.reverse {
  color: #fff;
  opacity: 1;
}

.hud-time {
  right: 40px;
}

.site-nav-overlay-loading .hud-time,
.site-nav-overlay-loading .hud-time.reverse,
.site-nav-overlay-menu .hud-time,
.site-nav-overlay-menu .hud-time.reverse {
  color: #fff;
  opacity: 1;
}

.hero-outer {
  position: relative;
  background: var(--primary-color);
  padding: 0 !important;
}

.caseStudies .hero-outer {
  --object-color: inherit;
}

.home .hero-outer {
  background: #2d353b;
}

.hero-outer.reverse {
  background: #fff;
}

.hero-outer .bg-object-container {
  height: calc(100vh - var(--frame-thickness) * 2);
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%) translateX(var(--bg-object-position-x)) translateY(var(--bg-object-position-y)) scale(var(--bg-object-width));
          transform: translateX(-50%) translateX(var(--bg-object-position-x)) translateY(var(--bg-object-position-y)) scale(var(--bg-object-width));
}

.hero-outer .bg-object-container .bg-object {
  width: 100%;
  height: 100%;
}

.hero-outer .bg-image-container,
.hero-outer .bg-video-container {
  width: calc(100vw - var(--frame-thickness) * 2);
  height: 100%;
  max-height: 140vh;
  top: 0;
  left: 0;
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(75vh, #000), to(rgba(0, 0, 0, 0)));
  -webkit-mask-image: linear-gradient(to bottom, #000 75vh, rgba(0, 0, 0, 0) 100%);
          mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(75vh, #000), to(rgba(0, 0, 0, 0)));
          mask-image: linear-gradient(to bottom, #000 75vh, rgba(0, 0, 0, 0) 100%);
}

.hero-outer .content {
  padding-bottom: var(--padding);
  margin-top: -18vh;
  color: #fff;
}

.reverse.hero-outer .content {
  color: #2d353b;
}

.hero-outer .content ~ .content {
  margin-top: 0;
}

.hero-outer .content:last-child {
  padding-bottom: var(--vertical-padding);
}

.has-overlap.hero-outer .content:last-child {
  padding-bottom: calc(var(--vertical-padding) - var(--overlap));
}

@media screen and (max-width: 767px) {
  .about .hero-outer .content {
    padding-bottom: calc(var(--vertical-padding) + (190px - var(--vertical-padding)));
  }
}

.hero {
  min-height: calc(100vh - var(--frame-thickness) * 2);
  padding-left: var(--site-margin);
  padding-right: var(--site-margin);
  padding-top: var(--vertical-padding);
  padding-bottom: var(--vertical-padding);
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.hero-outer.has-content .hero {
  padding-bottom: calc(var(--vertical-padding) + 8vh);
}

.hero-header {
  position: relative;
  width: 100%;
  max-width: 800px;
  margin-top: auto;
  margin-bottom: auto;
}

.caseStudies .hero-header {
  max-width: 600px;
}

.hero-words {
  margin: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  cursor: default;
}

.hero-words > li {
  position: absolute;
  padding: 0;
  font-size: 3.888rem;
  font-weight: 600;
  white-space: nowrap;
  color: var(--accent-color);
  -webkit-filter: blur(9px);
          filter: blur(9px);
  opacity: .4;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.about .hero-words > li {
  color: #fff;
}

.hero-words > li:before {
  display: none;
}

.hero-words > li.layer-2 {
  font-size: 4.5rem;
  -webkit-filter: blur(8px);
          filter: blur(8px);
  opacity: .45;
}

.hero-words > li.layer-3 {
  font-size: 5.5rem;
  -webkit-filter: blur(8px);
          filter: blur(8px);
  opacity: .5;
}

.hero-words > li .rellax-hero {
  display: block;
}

.subtitle {
  font-size: 1.333rem;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-weight: 600;
  margin-top: 1em;
}

@media screen and (max-width: 1200px) {
  .subtitle {
    font-size: 1.222rem;
    width: auto;
    max-width: 400px;
  }
}

main > section {
  padding-top: var(--vertical-padding);
  padding-bottom: var(--vertical-padding);
}

.has-cta main > section:last-of-type {
  padding-bottom: calc(var(--vertical-padding) + 40px);
}

main > section.bg-gray50 + section.bg-gray50 {
  padding-top: 0;
}

main > section.case-details.has-overlap {
  padding-bottom: calc(var(--vertical-padding) - var(--overlap));
}

.content {
  z-index: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: var(--site-margin);
  padding-right: var(--site-margin);
}

@media screen and (max-width: 767px) {
  .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

.content-xs {
  width: 17%;
}

.content-xs.overlap-left,
.content-xs.overlap-right {
  width: calc(17% + var(--site-margin));
}

.content-s {
  width: 33.333%;
}

.content-s.overlap-left,
.content-s.overlap-right {
  width: calc(33.333% + var(--site-margin));
}

.content-m {
  width: 50%;
}

.content-m.overlap-left,
.content-m.overlap-right {
  width: calc(50% + var(--site-margin));
}

.content-l {
  width: 66.666%;
}

.content-l.overlap-left,
.content-l.overlap-right {
  width: calc(66.666% + var(--site-margin));
}

.content-xl {
  width: 82%;
}

.content-xl.overlap-left,
.content-xl.overlap-right {
  width: calc(82% + var(--site-margin));
}

@media screen and (max-width: 767px) {
  [class^='content-']:last-child:not(:only-child),
  [class*=' content-']:last-child:not(:only-child) {
    margin-top: var(--vertical-padding);
  }

  [class^='content-'].m-content-first:last-child:not(:only-child),
  [class*=' content-'].m-content-first:last-child:not(:only-child) {
    margin-top: 0;
    margin-bottom: var(--vertical-padding);
  }

  .content-xs,
  .content-s,
  .content-m,
  .content-l,
  .content-xl {
    width: 100%;
  }

  .content-xs.overlap-left,
  .content-s.overlap-left,
  .content-m.overlap-left,
  .content-l.overlap-left,
  .content-xl.overlap-left,
  .content-xs.overlap-right,
  .content-s.overlap-right,
  .content-m.overlap-right,
  .content-l.overlap-right,
  .content-xl.overlap-right {
    width: calc(100% + var(--site-margin));
  }

  .m-content-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }

  .m-content-last {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
}

.padding {
  padding-left: var(--padding);
}

.padding-left {
  padding-left: var(--padding);
}

.padding-right {
  padding-right: var(--padding);
}

.padding-top {
  padding-top: var(--padding);
}

.padding-bottom {
  padding-bottom: var(--padding);
}

.indent {
  padding: calc(var(--padding) / 2);
}

.indent-left {
  padding-left: calc(var(--padding) / 2);
}

.indent-right {
  padding-right: calc(var(--padding) / 2);
}

.indent-top {
  padding-top: calc(var(--padding) / 2);
}

.indent-bottom {
  padding-bottom: calc(var(--padding) / 2);
}

.offset-left {
  margin-left: calc(var(--padding) / -2);
}

.offset-right {
  margin-right: calc(var(--padding) / -2);
}

.offset-top {
  margin-top: calc(var(--padding) / -2);
}

.offset-bottom {
  margin-bottom: calc(var(--padding) / -2);
}

.offset-full-left {
  margin-left: calc(var(--padding) / -1);
}

.offset-full-right {
  margin-right: calc(var(--padding) / -1);
}

.offset-full-top {
  margin-top: calc(var(--padding) / -1);
}

.offset-full-bottom {
  margin-bottom: calc(var(--padding) / -1);
}

.overlap-right {
  margin-right: calc(var(--site-margin) * -1);
}

.overlap-left {
  margin-left: calc(var(--site-margin) * -1);
}

.overlap-top {
  margin-top: calc(var(--vertical-padding) * -1 - var(--vertical-overlap));
}

.overlap-bottom {
  margin-bottom: calc(var(--vertical-padding) * -1 - var(--vertical-overlap));
}

@media screen and (max-width: 767px) {
  [class^='content-']:last-child > .overlap-top,
  [class*=' content-']:last-child > .overlap-top {
    margin-top: 0;
  }

  [class^='content-']:first-child > .overlap-bottom,
  [class*=' content-']:first-child > .overlap-bottom {
    margin-bottom: 0;
  }
}

.text-column-two {
  -webkit-column-count: 2;
          column-count: 2;
  -webkit-column-gap: var(--padding);
          column-gap: var(--padding);
}

@media screen and (max-width: 600px) {
  .text-column-two {
    -webkit-column-count: initial;
            column-count: initial;
  }
}

.pin-ground {
  position: relative;
  z-index: 0;
}

.pin-ground .pin-icon {
  position: static;
}

.pin-icon {
  position: relative;
}

.pin-icon > .pinned-icon {
  position: absolute;
  z-index: -1;
  display: block;
  -webkit-transform: translate(-50%, -50%) translateZ(0);
          transform: translate(-50%, -50%) translateZ(0);
}

.pin-icon > .pinned-icon svg,
.pin-icon > .pinned-icon img {
  display: block;
  width: 70px;
  height: 80px;
  -webkit-filter: drop-shadow(0px 7px 20px currentColor);
          filter: drop-shadow(0px 7px 20px currentColor);
}

.pin-icon.pin-reset {
  font: inherit;
  text-transform: inherit;
}

.pin-icon.pin-left-top > .pinned-icon {
  top: 0;
  left: 0;
}

.pin-icon.pin-left-top.indent-left > .pinned-icon {
  left: calc(var(--padding) / 2);
}

.pin-icon.pin-left-top.indent-top > .pinned-icon {
  top: calc(var(--padding) / 2);
}

.pin-icon.pin-right-top > .pinned-icon {
  top: 0;
  left: 100%;
}

.pin-icon.pin-right-top.indent-right > .pinned-icon {
  left: calc(100% - var(--padding) / 2);
}

.pin-icon.pin-right-top.indent-top > .pinned-icon {
  top: calc(var(--padding) / 2);
}

.pin-icon.pin-left-bottom > .pinned-icon {
  top: 100%;
  left: 0;
}

.pin-icon.pin-left-bottom.indent-left > .pinned-icon {
  left: calc(var(--padding) / 2);
}

.pin-icon.pin-left-bottom.indent-bottom > .pinned-icon {
  top: calc(100% - var(--padding) / 2);
}

.pin-icon.pin-right-bottom > .pinned-icon {
  top: 100%;
  left: 100%;
}

.pin-icon.pin-right-bottom.indent-right > .pinned-icon {
  left: calc(100% - var(--padding) / 2);
}

.pin-icon.pin-right-bottom.indent-bottom > .pinned-icon {
  top: calc(100% - var(--padding) / 2);
}

.clip-left-top {
  -webkit-clip-path: polygon(34px 0, 100% 0, 100% 100%, 0 100%, 0 52px);
          clip-path: polygon(34px 0, 100% 0, 100% 100%, 0 100%, 0 52px);
}

.clip-right-top {
  -webkit-clip-path: polygon(0 0, calc(100% - 34px) 0, 100% 52px, 100% 100%, 0 100%);
          clip-path: polygon(0 0, calc(100% - 34px) 0, 100% 52px, 100% 100%, 0 100%);
}

.clip-left-bottom {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 34px 100%, 0 calc(100% - 52px));
          clip-path: polygon(0 0, 100% 0, 100% 100%, 34px 100%, 0 calc(100% - 52px));
}

.clip-right-bottom {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 52px), calc(100% - 34px) 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% calc(100% - 52px), calc(100% - 34px) 100%, 0 100%);
}

.clip-left-top-large {
  -webkit-clip-path: polygon(68px 0, 100% 0, 100% 100%, 0 100%, 0 104px);
          clip-path: polygon(68px 0, 100% 0, 100% 100%, 0 100%, 0 104px);
}

.clip-right-top-large {
  -webkit-clip-path: polygon(0 0, calc(100% - 68px) 0, 100% 104px, 100% 100%, 0 100%);
          clip-path: polygon(0 0, calc(100% - 68px) 0, 100% 104px, 100% 100%, 0 100%);
}

.clip-left-bottom-large {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 68px 100%, 0 calc(100% - 104px));
          clip-path: polygon(0 0, 100% 0, 100% 100%, 68px 100%, 0 calc(100% - 104px));
}

.clip-right-bottom-large {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 104px), calc(100% - 68px) 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% calc(100% - 104px), calc(100% - 68px) 100%, 0 100%);
}

.clip-both {
  -webkit-clip-path: polygon(68px 0, 100% 0, 100% calc(100% - 52px), calc(100% - 34px) 100%, 0 100%, 0 104px);
          clip-path: polygon(68px 0, 100% 0, 100% calc(100% - 52px), calc(100% - 34px) 100%, 0 100%, 0 104px);
}

.images-2 {
  position: relative;
  margin-bottom: var(--padding);
}

.images-2:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .images-2 {
    margin-bottom: calc(var(--padding) * 2);
  }

  .images-2:last-child {
    margin-bottom: 0;
  }
}

.images-2 .image {
  position: relative;
  z-index: 81;
  width: 62.5%;
  background: no-repeat center center;
  background-size: cover;
}

.about .images-2 .image {
  --object-color: #33abcb !important;
}

.about .images-2 .image > div {
  background-color: var(--object-color);
}

.about .images-2 .image > div:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--object-color);
  opacity: .5;
}

.images-2 .image:before {
  content: '';
  display: block;
  width: 100%;
  padding-top: var(--video-ratio);
}

.images-2 .image > div {
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: no-repeat center center;
  background-size: cover;
}

.images-2 .image > span {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-filter: drop-shadow(0px 7px 20px var(--object-color));
          filter: drop-shadow(0px 7px 20px var(--object-color));
  opacity: .5;
}

.images-2 .image > span > span {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: var(--object-color);
}

.images-2 .image:nth-child(2) {
  margin-left: auto;
  margin-top: calc(var(--vertical-overlap) * -1);
}

.about .images-2 .image:nth-child(2) {
  --object-color: #f9a44c !important;
}

@media screen and (max-width: 767px) {
  .images-2.indent-left {
    padding-left: 0;
  }

  .images-2.indent-right {
    padding-right: 0;
  }
}

@media screen and (max-width: 600px) {
  .images-2 .image {
    width: calc(100% - var(--site-margin));
    margin-right: var(--site-margin);
  }

  .images-2 .image:nth-child(2) {
    margin-right: 0;
    margin-left: var(--site-margin);
  }
}

.images-2.images-2-flip .image:nth-child(1) {
  margin-left: auto;
}

.images-2.images-2-flip .image:nth-child(2) {
  margin-left: 0;
  margin-top: calc(var(--vertical-overlap) * -1);
}

@media screen and (max-width: 600px) {
  .images-2.images-2-flip .image:nth-child(1) {
    margin-left: var(--site-margin);
    margin-right: 0;
  }

  .images-2.images-2-flip .image:nth-child(2) {
    margin-left: 0;
    margin-right: 0;
  }
}

.process-dial {
  position: absolute;
  top: 58%;
  left: 37%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  background: url(/assets/img/about/dial.svg) no-repeat center center;
  background-size: contain;
  width: 38%;
  opacity: .08;
}

.process-dial:before {
  content: '';
  display: block;
  padding-top: 100%;
}

@media screen and (max-width: 600px) {
  .process-dial {
    display: none;
  }
}

.process-ruler {
  position: absolute;
  top: calc(var(--vertical-padding)*0.75);
  left: 0;
  background: url(/assets/img/about/ruler.svg) no-repeat center center;
  background-size: contain;
  width: 40px;
  height: 420px;
  opacity: .08;
}

.has-bg-image,
.has-bg-object {
  position: relative;
}

.has-bg-image > .content,
.has-bg-object > .content {
  position: relative;
}

.bg-image-container {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  cursor: default;
}

.bg-image-container .bg-image {
  position: absolute;
  top: -10%;
  left: 0;
  width: 100%;
  height: 120%;
  background: no-repeat center center;
  background-size: cover;
  opacity: .3;
}

.bg-video-container {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  cursor: default;
}

.bg-video-container .bg-video-placeholder {
  position: absolute;
  top: -10%;
  left: 0;
  width: 100%;
  height: 120%;
  background: no-repeat center center;
  background-size: cover;
  opacity: .1;
  background-attachment: fixed;
}

.bg-video-container .bg-video {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100vw;
  min-height: 100vh;
  opacity: .1;
}

.bg-object-container {
  --bg-object-position-y: 0;
  --bg-object-position-x: 0;
  --bg-object-width: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) translateX(var(--bg-object-position-x)) translateY(var(--bg-object-position-y)) scale(var(--bg-object-width));
          transform: translate(-50%, -50%) translateX(var(--bg-object-position-x)) translateY(var(--bg-object-position-y)) scale(var(--bg-object-width));
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  cursor: default;
}

@media screen and (max-width: 767px) {
  .bg-object-container.mobile-unpin {
    position: relative;
    top: 0 !important;
    left: 0 !important;
    margin-bottom: var(--vertical-padding);
  }

  .bg-object-container.mobile-unpin:last-child {
    margin-bottom: 0;
  }
}

.bg-object-container.about-camera {
  margin-top: -130px;
  top: 0;
  left: calc(var(--site-margin) + (100% - var(--site-margin)) * -0.02);
  -webkit-transform: none;
          transform: none;
  width: calc((100% - var(--site-margin)) * .25);
  max-width: 300px;
}

@media screen and (max-width: 767px) {
  .bg-object-container.about-camera {
    margin-top: -190px;
    width: calc((100% - var(--site-margin)) * .5);
    margin-left: auto;
    margin-right: auto;
  }
}

.bg-object-container.about-camera:after {
  content: '';
  display: block;
  position: absolute;
  bottom: -20%;
  right: 8%;
  height: 75%;
  border-right: 2px solid #f9a44c;
  -webkit-transform: rotate(33deg);
          transform: rotate(33deg);
}

.bg-object-container.about-camera > .clip-right-bottom-large {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 126px), calc(100% - 82px) 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% calc(100% - 126px), calc(100% - 82px) 100%, 0 100%);
}

.bg-object-container .bg-object {
  background: no-repeat center center;
  background-size: contain;
  opacity: .6;
}

.reverse .bg-object-container .bg-object {
  opacity: .4;
}

.bg-object-container > span {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-family: OCR-A, Courier New, monospace;
  font-size: .88888889rem;
  font-weight: normal;
     text-transform: uppercase;
  white-space: nowrap;
  opacity: .8;
}

.site-margin-left {
  padding-left: var(--site-margin);
}

.site-margin-right {
  padding-right: var(--site-margin);
}

.fun-fact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: start;
  align-self: flex-start;
  font-family: OCR-A, Courier New, monospace;
  font-size: .88888889rem;
  font-weight: normal;
  text-transform: uppercase;
  text-transform: none;
  max-width: 350px;
  --fun-fact-bg-position-x: 0px;
  --fun-fact-bg-position-y: calc(100% - 1em);
}

.fun-fact.site-margin-right {
  max-width: calc(350px + var(--site-margin));
}

.fun-fact:last-child {
  margin-bottom: calc(var(--padding) / -2);
}

@media screen and (max-width: 767px) {
  .fun-fact:last-child {
    margin-bottom: 0;
  }
}

.content > .fun-fact {
  width: auto;
}

.fun-fact.text-white {
  color: rgba(255, 255, 255, .6);
}

.fun-fact .fun-fact-inner {
  position: relative;
  z-index: 0;
}

.fun-fact svg {
  display: block;
  width: 33px;
  max-height: 50px;
  margin-bottom: 20px;
}

.fun-fact .bg-image {
  position: absolute;
  z-index: -1;
  top: var(--fun-fact-bg-position-y);
  left: var(--fun-fact-bg-position-x);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: no-repeat center center;
  background-size: contain;
  opacity: .35;
  width: 100px;
  height: 130px;
}

.fun-fact .bg-image .bg-image-inner {
  display: block;
  background: no-repeat center center;
  background-size: contain;
  width: 100px;
  height: 130px;
}

.fun-fact.align-left {
  margin-left: 0;
  margin-right: auto;
}

.fun-fact.align-right {
  margin-right: 0;
  margin-left: auto;
}

.fun-fact.align-right > .fun-fact-inner {
  margin-left: auto;
  text-align: right;
}

.fun-fact.align-right > .fun-fact-inner svg {
  margin-left: auto;
}

.fun-fact.align-right > .fun-fact-inner .bg-image {
  left: auto;
  right: var(--fun-fact-bg-position-x);
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}

@media (max-width: 767px) {
  .fun-fact.align-right > .fun-fact-inner {
    margin-left: initial;
    margin-right: auto;
    text-align: left;
  }

  .fun-fact.align-right > .fun-fact-inner svg {
    margin-left: initial;
  }

  .fun-fact.align-right > .fun-fact-inner .bg-image {
    left: var(--fun-fact-bg-position-x);
    right: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

.fun-fact.align-bottom {
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.caseStudies main .case-study-list h3,
.caseStudies main h2 {
  color: var(--primary-color);
}

.caseStudies main .hero-outer h2 {
  color: #fff;
}

.caseStudies main .hero-outer.reverse h2 {
  color: var(--primary-color);
}

.caseStudies main .pin-icon svg {
  color: var(--accent-color);
}

.case-studies {
  width: 100%;
  position: relative;
  z-index: 81;
}

.case-study-container {
  position: relative;
  padding: 0;
}

.case-study-container:before {
  display: none;
}

.case-study-container .case-study {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 55%;
  min-height: 25vw;
  -webkit-transition: .5s -webkit-transform;
          transition: .5s -webkit-transform;
          transition: .5s transform;
          transition: .5s transform, .5s -webkit-transform;
}

.case-study-container .bg-image-container {
  width: 100%;
}

.case-study-container .bg-image {
  background-attachment: unset;
}

.case-study-container .bg-object-container {
  height: 100%;
}

.case-study-container .bg-object-container .bg-object {
  opacity: .5;
  width: 100%;
  height: 100%;
}

.reverse.case-study-container .bg-object-container .bg-object {
  opacity: .4;
}

.case-study-container .case-study-shadow {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-filter: drop-shadow(0px 7px 20px var(--object-color));
          filter: drop-shadow(0px 7px 20px var(--object-color));
  opacity: .5;
}

.case-study-container .case-study-shadow:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: var(--object-color);
}

.reverse.case-study-container .case-study-shadow {
  --object-color: #fff;
}

.case-study-container .case-study-inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  background: var(--object-color);
  text-align: center;
  padding: var(--padding);
  -webkit-box-shadow: none;
          box-shadow: none;
  overflow: hidden;
}

.case-study-container .case-study-inner h4 {
  opacity: .6;
}

.reverse.case-study-container .case-study-inner {
  background: #fff;
  color: #2d353b;
}

.reverse.case-study-container .case-study-inner h4 {
  color: var(--object-color);
  opacity: 1;
}

.case-study-container .case-study-inner:before {
  content: 'Case Study';
  font-family: OCR-A, Courier New, monospace;
  font-size: .88888889rem;
  font-weight: normal;
     text-transform: uppercase;
  letter-spacing: .08em;
  line-height: .7;
  position: absolute;
  bottom: 20px;
  left: 20px;
  width: .7em;
  white-space: nowrap;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  opacity: .4;
}

.case-study-container .case-study-inner .case-study-hover {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  padding: 0 calc(var(--padding)/2);
  font-family: OCR-A, Courier New, monospace;
  font-size: 1.333rem;
  font-weight: normal;
     text-transform: uppercase;
  color: #fff;
  text-align: center;
  opacity: 0;
  -webkit-transform: translateY(-50%) translateY(-20px);
          transform: translateY(-50%) translateY(-20px);
  -webkit-transition: .5s opacity, .5s -webkit-transform;
          transition: .5s opacity, .5s -webkit-transform;
          transition: .5s opacity, .5s transform;
          transition: .5s opacity, .5s transform, .5s -webkit-transform;
}

.reverse.case-study-container .case-study-inner .case-study-hover {
  color: #2d353b;
}

.case-study-container .case-study-inner .case-study-hover:before {
  content: '';
  position: relative;
  top: .17em;
  display: inline-block;
  width: 34px;
  height: 27px;
  background: url(/assets/img/ui/dot-arrow-gray900.svg) no-repeat center center;
  background-size: contain;
  opacity: .4;
  margin-right: 1.5em;
}

.case-study-container .case-study-inner .case-study-hover:after {
  content: 'View Case Study';
}

.case-study-container .case-study-content {
  position: relative;
  -webkit-transition: .5s opacity .25s;
          transition: .5s opacity .25s;
}

.case-study-container .subtitle {
  width: 100%;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .case-study-container:nth-of-type(6n-5) {
    z-index: 1;
  }

  .case-study-container:nth-of-type(6n-5) .case-study {
    margin-left: auto;
  }

  .case-study-container:nth-of-type(6n-5) .case-study-shadow:before {
    -webkit-clip-path: polygon(0 0, calc(100% - 68px) 0, 100% 104px, 100% 100%, 0 100%);
            clip-path: polygon(0 0, calc(100% - 68px) 0, 100% 104px, 100% 100%, 0 100%);
  }

  .case-study-container:nth-of-type(6n-5) .case-study-inner {
    -webkit-clip-path: polygon(0 0, calc(100% - 68px) 0, 100% 104px, 100% 100%, 0 100%);
            clip-path: polygon(0 0, calc(100% - 68px) 0, 100% 104px, 100% 100%, 0 100%);
  }

  .case-study-container:nth-of-type(6n-5) .case-study-inner:before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    left: auto;
    right: 20px;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }

  .case-study-container:nth-of-type(6n-4) .case-study {
    margin-top: calc(var(--padding) / -1);
    margin-left: calc(var(--padding) / -2);
  }

  .case-study-container:nth-of-type(6n-4) .case-study-shadow:before {
    -webkit-clip-path: polygon(68px 0, 100% 0, 100% 100%, 0 100%, 0 104px);
            clip-path: polygon(68px 0, 100% 0, 100% 100%, 0 100%, 0 104px);
  }

  .case-study-container:nth-of-type(6n-4) .case-study-inner {
    -webkit-clip-path: polygon(68px 0, 100% 0, 100% 100%, 0 100%, 0 104px);
            clip-path: polygon(68px 0, 100% 0, 100% 100%, 0 100%, 0 104px);
  }

  .case-study-container:nth-of-type(6n-3) .case-study {
    margin-left: auto;
    margin-right: calc(var(--site-margin) * -1);
    margin-top: calc(var(--padding) / -2);
  }

  .case-study-container:nth-of-type(6n-3) .case-study-shadow:before {
    -webkit-clip-path: polygon(68px 0, 100% 0, 100% calc(100% - 52px), calc(100% - 34px) 100%, 0 100%, 0 104px);
            clip-path: polygon(68px 0, 100% 0, 100% calc(100% - 52px), calc(100% - 34px) 100%, 0 100%, 0 104px);
  }

  .case-study-container:nth-of-type(6n-3) .case-study-inner {
    -webkit-clip-path: polygon(68px 0, 100% 0, 100% calc(100% - 52px), calc(100% - 34px) 100%, 0 100%, 0 104px);
            clip-path: polygon(68px 0, 100% 0, 100% calc(100% - 52px), calc(100% - 34px) 100%, 0 100%, 0 104px);
  }

  .case-study-container:nth-of-type(6n-2) {
    z-index: 1;
  }

  .case-study-container:nth-of-type(6n-2) .case-study-shadow:before {
    -webkit-clip-path: polygon(68px 0, 100% 0, 100% 100%, 0 100%, 0 104px);
            clip-path: polygon(68px 0, 100% 0, 100% 100%, 0 100%, 0 104px);
  }

  .case-study-container:nth-of-type(6n-2) .case-study-inner {
    -webkit-clip-path: polygon(68px 0, 100% 0, 100% 100%, 0 100%, 0 104px);
            clip-path: polygon(68px 0, 100% 0, 100% 100%, 0 100%, 0 104px);
  }

  .case-study-container:nth-of-type(6n-1) .case-study {
    margin-top: calc(var(--padding) / -1);
    margin-right: calc(var(--padding) / -2);
    margin-left: auto;
  }

  .case-study-container:nth-of-type(6n-1) .case-study-shadow:before {
    -webkit-clip-path: polygon(0 0, calc(100% - 68px) 0, 100% 104px, 100% 100%, 0 100%);
            clip-path: polygon(0 0, calc(100% - 68px) 0, 100% 104px, 100% 100%, 0 100%);
  }

  .case-study-container:nth-of-type(6n-1) .case-study-inner {
    -webkit-clip-path: polygon(0 0, calc(100% - 68px) 0, 100% 104px, 100% 100%, 0 100%);
            clip-path: polygon(0 0, calc(100% - 68px) 0, 100% 104px, 100% 100%, 0 100%);
  }

  .case-study-container:nth-of-type(6n-1) .case-study-inner:before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    left: auto;
    right: 20px;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }

  .case-study-container:nth-of-type(6n) .case-study {
    margin-left: calc(var(--site-margin) * -1);
    margin-top: calc(var(--padding) / -2);
  }

  .case-study-container:nth-of-type(6n) .case-study-shadow:before {
    -webkit-clip-path: polygon(68px 0, 100% 0, 100% calc(100% - 52px), calc(100% - 34px) 100%, 0 100%, 0 104px);
            clip-path: polygon(68px 0, 100% 0, 100% calc(100% - 52px), calc(100% - 34px) 100%, 0 100%, 0 104px);
  }

  .case-study-container:nth-of-type(6n) .case-study-inner {
    -webkit-clip-path: polygon(68px 0, 100% 0, 100% calc(100% - 52px), calc(100% - 34px) 100%, 0 100%, 0 104px);
            clip-path: polygon(68px 0, 100% 0, 100% calc(100% - 52px), calc(100% - 34px) 100%, 0 100%, 0 104px);
  }
}

@media screen and (max-width: 767px) {
  .case-study-container .case-study {
    width: calc(100vw - var(--site-margin) - (var(--frame-thickness)*2));
    max-width: 400px;
  }

  .case-study-container .case-study-inner {
    padding: calc(var(--padding) * 2);
  }

  .case-study-container:nth-of-type(6n-5) {
    z-index: 1;
  }

  .case-study-container:nth-of-type(6n-5) .case-study {
    margin-right: calc(var(--site-margin) * -1);
    margin-left: auto;
  }

  .case-study-container:nth-of-type(6n-5) .case-study-shadow:before {
    -webkit-clip-path: polygon(0 0, calc(100% - 34px) 0, 100% 52px, 100% 100%, 0 100%);
            clip-path: polygon(0 0, calc(100% - 34px) 0, 100% 52px, 100% 100%, 0 100%);
  }

  .case-study-container:nth-of-type(6n-5) .case-study-inner {
    -webkit-clip-path: polygon(0 0, calc(100% - 34px) 0, 100% 52px, 100% 100%, 0 100%);
            clip-path: polygon(0 0, calc(100% - 34px) 0, 100% 52px, 100% 100%, 0 100%);
  }

  .case-study-container:nth-of-type(6n-5) .case-study-inner:before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    left: auto;
    right: 20px;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }

  .case-study-container:nth-of-type(6n-4) .case-study {
    margin-top: calc(var(--padding) / -1);
    margin-left: calc(var(--site-margin) * -1);
  }

  .case-study-container:nth-of-type(6n-4) .case-study-shadow:before {
    -webkit-clip-path: polygon(34px 0, 100% 0, 100% 100%, 0 100%, 0 52px);
            clip-path: polygon(34px 0, 100% 0, 100% 100%, 0 100%, 0 52px);
  }

  .case-study-container:nth-of-type(6n-4) .case-study-inner {
    -webkit-clip-path: polygon(34px 0, 100% 0, 100% 100%, 0 100%, 0 52px);
            clip-path: polygon(34px 0, 100% 0, 100% 100%, 0 100%, 0 52px);
    padding-top: calc(var(--padding) * 3);
  }

  .case-study-container:nth-of-type(6n-3) .case-study {
    margin-left: auto;
    margin-right: calc(var(--site-margin) * -1);
    margin-top: var(--vertical-padding);
  }

  .case-study-container:nth-of-type(6n-3) .case-study-shadow:before {
    -webkit-clip-path: polygon(34px 0, 100% 0, 100% 100%, 0 100%, 0 52px);
            clip-path: polygon(34px 0, 100% 0, 100% 100%, 0 100%, 0 52px);
  }

  .case-study-container:nth-of-type(6n-3) .case-study-inner {
    -webkit-clip-path: polygon(34px 0, 100% 0, 100% 100%, 0 100%, 0 52px);
            clip-path: polygon(34px 0, 100% 0, 100% 100%, 0 100%, 0 52px);
  }

  .case-study-container:nth-of-type(6n-2) {
    z-index: 1;
  }

  .case-study-container:nth-of-type(6n-2) .case-study {
    margin-left: calc(var(--site-margin) * -1);
  }

  .case-study-container:nth-of-type(6n-2) .case-study-shadow:before {
    -webkit-clip-path: polygon(34px 0, 100% 0, 100% 100%, 0 100%, 0 52px);
            clip-path: polygon(34px 0, 100% 0, 100% 100%, 0 100%, 0 52px);
  }

  .case-study-container:nth-of-type(6n-2) .case-study-inner {
    -webkit-clip-path: polygon(34px 0, 100% 0, 100% 100%, 0 100%, 0 52px);
            clip-path: polygon(34px 0, 100% 0, 100% 100%, 0 100%, 0 52px);
  }

  .case-study-container:nth-of-type(6n-1) .case-study {
    margin-top: calc(var(--padding) / -1);
    margin-right: calc(var(--site-margin) * -1);
    margin-left: auto;
  }

  .case-study-container:nth-of-type(6n-1) .case-study-shadow:before {
    -webkit-clip-path: polygon(0 0, calc(100% - 34px) 0, 100% 52px, 100% 100%, 0 100%);
            clip-path: polygon(0 0, calc(100% - 34px) 0, 100% 52px, 100% 100%, 0 100%);
  }

  .case-study-container:nth-of-type(6n-1) .case-study-inner {
    -webkit-clip-path: polygon(0 0, calc(100% - 34px) 0, 100% 52px, 100% 100%, 0 100%);
            clip-path: polygon(0 0, calc(100% - 34px) 0, 100% 52px, 100% 100%, 0 100%);
    padding-top: calc(var(--padding) * 2.5);
  }

  .case-study-container:nth-of-type(6n-1) .case-study-inner:before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    left: auto;
    right: 20px;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }

  .case-study-container:nth-of-type(6n) .case-study {
    margin-left: calc(var(--site-margin) * -1);
    margin-top: var(--vertical-padding);
  }

  .case-study-container:nth-of-type(6n) .case-study-shadow:before {
    -webkit-clip-path: polygon(0 0, calc(100% - 34px) 0, 100% 52px, 100% 100%, 0 100%);
            clip-path: polygon(0 0, calc(100% - 34px) 0, 100% 52px, 100% 100%, 0 100%);
  }

  .case-study-container:nth-of-type(6n) .case-study-inner {
    -webkit-clip-path: polygon(0 0, calc(100% - 34px) 0, 100% 52px, 100% 100%, 0 100%);
            clip-path: polygon(0 0, calc(100% - 34px) 0, 100% 52px, 100% 100%, 0 100%);
  }
}

.case-study-container .case-study:hover {
  -webkit-transform: translateY(var(--hover-offset-negative));
          transform: translateY(var(--hover-offset-negative));
}

.case-study-container .case-study:hover .case-study-inner {
  opacity: 1;
}

.case-study-container .case-study:hover .case-study-content {
  opacity: 0;
  -webkit-transition: .5s opacity;
          transition: .5s opacity;
}

.case-study-container .case-study:hover .case-study-hover {
  opacity: 1;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: .5s opacity .25s, .5s -webkit-transform .25s;
          transition: .5s opacity .25s, .5s -webkit-transform .25s;
          transition: .5s transform .25s, .5s opacity .25s;
          transition: .5s transform .25s, .5s opacity .25s, .5s -webkit-transform .25s;
}

.case-study-bg-object {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 var(--video-padding);
}

.case-study-bg-object:before {
  display: none;
}

@media screen and (min-width: 768px) {
  .case-study-bg-object {
    width: calc(45% + var(--site-margin) * 2);
  }

  .case-study-bg-object:nth-of-type(odd) {
    margin-left: calc(var(--site-margin) * -1);
    margin-right: auto;
    margin-top: calc(var(--vertical-padding) * -1);
    margin-bottom: var(--vertical-padding);
  }

  .case-study-bg-object:nth-of-type(even) {
    margin-left: auto;
    margin-right: calc(var(--site-margin) * -1);
    margin-top: calc(var(--vertical-padding) * -1);
    margin-bottom: var(--vertical-padding);
  }

  .case-study-bg-object:last-child {
    margin-bottom: calc(var(--vertical-padding)/2);
  }
}

@media screen and (max-width: 767px) {
  .case-study-bg-object {
    position: relative;
    width: 100%;
    margin-top: var(--vertical-padding);
    margin-bottom: var(--vertical-padding);
  }
}

.case-study-bg-object .bg-object-container {
  position: relative;
  left: auto;
  top: auto;
  -webkit-transform: none;
          transform: none;
}

.case-study-bg-object .fun-fact {
  -ms-flex-item-align: inherit;
  align-self: inherit;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.case-study-bg-object .fun-fact .fun-fact-inner {
  color: var(--accent-color);
}

.case-study-bg-object .fun-fact svg {
  color: #969994;
}

:root {
  --video-padding: calc(var(--padding) / 2);
  --video-width: calc(((100vw - var(--frame-thickness)*2) + (var(--padding) / 2) - var(--video-padding) * 4 - var(--site-margin)) / 4);
  --video-ratio: 67.8571429%;
  --video-ratio-decimal: .67857143;
  --video-ratio-wide: 42.192429%;
  --video-ratio-wide-decimal: .42192429;
}

@supports (-ms-ime-align: auto) {
  :root {
    --video-width: calc(((100vw - var(--frame-thickness)*2) + (var(--padding) / 2) - var(--video-padding) * 4 - var(--site-margin)) / 4 - 4px);
  }
}

@media screen and (max-width: 767px) {
  :root {
    --video-width: calc(((100vw - var(--frame-thickness)*2) + (var(--padding) / 2) - var(--video-padding) * 2 - var(--site-margin)) / 2);
  }

  @supports (-ms-ime-align: auto) {
    :root {
      --video-width: calc(((100vw - var(--frame-thickness)*2) + (var(--padding) / 2) - var(--video-padding) * 2 - var(--site-margin)) / 2 - 8px);
    }
  }
}

.videos {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: calc(var(--padding) / -2);
  margin-top: calc(var(--padding) * -1);
}

.videos .video {
  width: var(--video-width);
  margin-left: var(--video-padding);
  margin-top: calc(var(--vertical-padding) / 2);
}

@media screen and (min-width: 768px) {
  .videos .video:nth-of-type(18n-17) {
    margin-left: calc(var(--site-margin) + var(--video-padding));
  }

  .videos .video:nth-of-type(18n-11) {
    margin-right: calc(var(--site-margin) + var(--video-padding) + var(--video-width));
  }

  .videos .video:nth-of-type(18n-10) {
    margin-left: calc(var(--site-margin) + var(--video-padding));
  }

  .videos .video:nth-of-type(18n-9) {
    margin-right: calc(var(--video-padding)*2 + var(--video-width)*2);
  }

  .videos .video:nth-of-type(18n-4) {
    margin-left: calc(var(--site-margin) + var(--video-padding)*2 + var(--video-width));
  }

  .videos .video:nth-of-type(18n-1) {
    margin-left: calc(var(--video-padding)*3 + var(--video-width)*2);
  }
}

@media screen and (max-width: 767px) {
  .videos .video:nth-of-type(18n-17) {
    margin-left: calc(var(--site-margin) + var(--video-padding));
  }

  .videos .video:nth-of-type(18n-13) {
    margin-left: calc(var(--site-margin) + var(--video-padding));
  }

  .videos .video:nth-of-type(18n-9) {
    margin-left: calc(var(--site-margin) + var(--video-padding));
  }

  .videos .video:nth-of-type(18n-6) {
    margin-left: calc(var(--site-margin) + var(--video-padding));
  }

  .videos .video:nth-of-type(18n-2) {
    margin-left: calc(var(--site-margin) + var(--video-padding));
  }
}

.videos .video .video-inner {
  --object-color: #2d353b;
  display: block;
  position: relative;
  z-index: 81;
  width: 100%;
  padding: 0;
  background: no-repeat center center;
  background-size: cover;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: .5s -webkit-transform;
          transition: .5s -webkit-transform;
          transition: .5s transform;
          transition: .5s transform, .5s -webkit-transform;
  cursor: pointer;
}

.videos .video .video-inner:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: #22282b;
  opacity: 0;
  -webkit-transition: .5s opacity;
          transition: .5s opacity;
}

.videos .video .video-inner:after {
  content: '';
  display: block;
  padding-top: var(--video-ratio);
}

.videos .video .video-inner > span {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  box-shadow: 0px 7px 20px var(--object-color);
  opacity: .3;
  -webkit-transition: .5s opacity, .5s -webkit-box-shadow;
          transition: .5s opacity, .5s -webkit-box-shadow;
          transition: .5s box-shadow, .5s opacity;
          transition: .5s box-shadow, .5s opacity, .5s -webkit-box-shadow;
}

.videos .video .video-inner svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 15%;
  opacity: 0;
  -webkit-transition: .5s opacity;
          transition: .5s opacity;
}

.videos .video .video-inner svg path {
  fill: #fff;
}

.videos .video .video-inner:hover {
  opacity: 1;
  -webkit-transform: translateY(var(--hover-offset-negative));
          transform: translateY(var(--hover-offset-negative));
}

.videos .video .video-inner:hover:before {
  opacity: .65;
}

.videos .video .video-inner:hover > span {
  box-shadow: 0px 10px 30px 2px var(--object-color);
}

.videos .video .video-inner:hover svg {
  opacity: 1;
}

.videos .video-bg-object {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 var(--video-padding);
  position: absolute;
}

.videos .video-bg-object:before {
  display: none;
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object {
    width: calc(var(--video-width) + var(--video-padding) + var(--site-margin));
    height: calc((var(--video-width) * var(--video-ratio-decimal)) * 2 + (var(--vertical-padding) / 2));
  }

  .videos .video-bg-object:nth-of-type(odd) {
    right: 0;
  }

  .videos .video-bg-object:nth-of-type(even) {
    left: calc(var(--padding) / 2);
  }
}

@media screen and (max-width: 767px) {
  .videos .video-bg-object {
    position: relative;
    width: 100%;
    padding: 0 var(--site-margin);
    margin-left: calc(var(--padding) / 2);
    margin-top: calc(var(--vertical-padding) * .75);
    margin-bottom: calc(var(--vertical-padding) * .25);
  }
}

.videos .video-bg-object .bg-object-container {
  position: relative;
  left: auto;
  top: auto;
  -webkit-transform: none;
          transform: none;
  max-width: 200px;
}

.videos .video-bg-object .fun-fact {
  -ms-flex-item-align: inherit;
  align-self: inherit;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(1) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * 1);
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(2) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (2 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(3) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (3 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(4) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (4 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(5) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (5 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(6) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (6 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(7) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (7 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(8) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (8 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(9) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (9 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(10) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (10 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(11) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (11 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(12) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (12 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(13) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (13 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(14) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (14 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(15) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (15 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(16) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (16 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(17) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (17 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(18) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (18 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(19) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (19 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(20) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (20 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(21) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (21 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(22) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (22 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(23) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (23 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(24) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (24 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(25) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (25 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(26) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (26 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(27) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (27 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(28) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (28 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(29) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (29 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(30) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (30 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(31) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (31 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(32) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (32 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(33) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (33 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(34) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (34 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(35) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (35 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(36) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (36 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(37) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (37 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(38) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (38 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(39) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (39 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(40) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (40 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(41) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (41 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(42) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (42 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(43) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (43 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(44) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (44 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(45) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (45 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(46) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (46 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(47) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (47 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(48) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (48 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(49) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (49 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(50) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (50 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(51) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (51 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(52) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (52 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(53) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (53 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(54) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (54 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(55) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (55 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(56) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (56 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(57) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (57 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(58) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (58 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(59) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (59 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(60) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (60 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(61) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (61 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(62) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (62 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(63) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (63 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(64) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (64 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(65) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (65 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(66) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (66 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(67) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (67 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(68) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (68 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(69) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (69 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(70) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (70 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(71) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (71 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(72) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (72 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(73) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (73 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(74) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (74 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(75) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (75 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(76) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (76 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(77) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (77 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(78) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (78 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(79) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (79 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(80) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (80 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(81) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (81 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(82) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (82 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(83) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (83 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(84) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (84 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(85) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (85 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(86) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (86 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(87) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (87 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(88) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (88 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(89) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (89 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(90) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (90 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(91) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (91 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(92) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (92 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(93) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (93 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(94) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (94 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(95) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (95 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(96) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (96 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(97) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (97 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(98) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (98 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(99) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (99 - 1)*3));
  }
}

@media screen and (min-width: 768px) {
  .videos .video-bg-object:nth-of-type(100) {
    top: calc((var(--vertical-padding) / 2) + (var(--video-width) * var(--video-ratio-decimal) + (var(--vertical-padding) / 2)) * (1 + (100 - 1)*3));
  }
}

.video-modal {
  --object-color: #22282b;
  position: fixed;
  z-index: 105;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #2d353b;
  border: var(--frame-thickness) solid #22282b;
  border-radius: calc(var(--frame-thickness) * 2);
  -webkit-box-shadow: 0 0 0 var(--frame-thickness) #22282b;
          box-shadow: 0 0 0 var(--frame-thickness) #22282b;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: .5s opacity, 0s visibility .5s;
          transition: .5s opacity, 0s visibility .5s;
}

.video-modal-open .video-modal {
  opacity: 1;
  visibility: inherit;
  -webkit-transition: .5s opacity;
          transition: .5s opacity;
}

.video-modal .hud-grid {
  z-index: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  cursor: default;
}

.video-modal .hud-frame {
  z-index: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  cursor: default;
}

.video-modal .video-modal-close {
  position: absolute;
  top: calc(var(--padding) / 4);
  right: calc(var(--padding) / 4);
  width: 25px;
  height: 25px;
}

.video-modal .video-modal-close:before,
.video-modal .video-modal-close:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  border-bottom: 2px solid #7c807e;
  width: 33px;
}

.video-modal .video-modal-close:before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}

.video-modal .video-modal-close:after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

@media screen and (max-width: 767px) {
  .video-modal .video-modal-close {
    top: calc(var(--padding) / 2);
    right: calc(var(--padding) / 2);
  }
}

.video-modal .video-modal-previous,
.video-modal .video-modal-next {
  position: absolute;
  top: 50%;
  width: 25px;
  height: 50px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.video-modal .video-modal-previous:before,
.video-modal .video-modal-next:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  border-left: 2px solid #7c807e;
  border-bottom: 2px solid #7c807e;
  width: 33px;
  height: 33px;
}

@media screen and (max-width: 767px) {
  .video-modal .video-modal-previous,
  .video-modal .video-modal-next {
    top: calc(var(--padding) / 2);
    width: 14px;
    height: 25px;
    -webkit-transform: none;
            transform: none;
  }

  .video-modal .video-modal-previous:before,
  .video-modal .video-modal-next:before {
    width: 17px;
    height: 17px;
  }
}

.video-modal .video-modal-previous {
  left: var(--padding);
}

.video-modal .video-modal-previous:before {
  -webkit-transform: translate(-50%, -50%) translateX(34%) rotate(45deg);
          transform: translate(-50%, -50%) translateX(34%) rotate(45deg);
}

@media screen and (max-width: 767px) {
  .video-modal .video-modal-previous {
    left: calc(var(--padding) / 2);
  }
}

.video-modal .video-modal-next {
  right: var(--padding);
}

.video-modal .video-modal-next:before {
  -webkit-transform: translate(-50%, -50%) translateX(-34%) rotate(-135deg);
          transform: translate(-50%, -50%) translateX(-34%) rotate(-135deg);
}

@media screen and (max-width: 767px) {
  .video-modal .video-modal-next {
    left: calc(var(--padding) + 14px);
    right: auto;
  }
}

.video-modal .video-modal-videos {
  position: absolute;
  left: calc(var(--padding)*2 + 25px);
  right: calc(var(--padding)*2 + 25px);
  top: calc(var(--padding) / 2);
  bottom: calc(var(--padding) / 2);
}

@media screen and (max-width: 767px) {
  .video-modal .video-modal-videos {
    left: var(--padding);
    right: var(--padding);
  }
}

.video-modal .video-modal-videos .video-modal-video {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: .5s opacity, 0s visibility .5s, .5s -webkit-transform;
          transition: .5s opacity, 0s visibility .5s, .5s -webkit-transform;
          transition: .5s opacity, .5s transform, 0s visibility .5s;
          transition: .5s opacity, .5s transform, 0s visibility .5s, .5s -webkit-transform;
}

.video-modal .video-modal-videos .video-modal-video.active {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: .5s opacity, .5s -webkit-transform;
          transition: .5s opacity, .5s -webkit-transform;
          transition: .5s opacity, .5s transform;
          transition: .5s opacity, .5s transform, .5s -webkit-transform;
}

.video-modal-open .video-modal .video-modal-videos .video-modal-video.active {
  visibility: initial;
}

.video-modal .video-modal-videos .video-modal-video.active ~ .video-modal-video {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}

.video-modal .video-modal-videos .video-modal-video video,
.video-modal .video-modal-videos .video-modal-video .iframe {
  width: 100%;
  box-shadow: 0px 7px 20px var(--object-color);
  border-radius: 10px;
  overflow: hidden;
}

.video-modal .video-modal-videos .video-modal-video .iframe {
  position: relative;
}

.video-modal .video-modal-videos .video-modal-video .iframe:before {
  content: '';
  display: block;
  padding-top: 56.25%;
}

.video-modal .video-modal-videos .video-modal-video .iframe.wide:before {
  padding-top: var(--video-ratio-wide);
}

.video-modal .video-modal-videos .video-modal-video .iframe iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background: #22282b;
}

.video-modal .video-modal-videos .video-modal-video .video-modal-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: calc(var(--padding) / 2);
}

.video-modal .video-modal-videos .video-modal-video .video-modal-content h4 {
  margin-right: 2em;
  color: #ea6357;
  white-space: nowrap;
  margin-bottom: 0;
  margin-top: .95em;
}

.caseStudies .video-modal .video-modal-videos .video-modal-video .video-modal-content h4 {
  color: var(--primary-color);
}

.video-modal .video-modal-videos .video-modal-video .video-modal-content p {
  color: #fff;
}

@media screen and (max-width: 767px) {
  .video-modal .video-modal-videos .video-modal-video .video-modal-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
    text-align: center;
    padding-top: calc(var(--vertical-padding) / 2);
  }

  .video-modal .video-modal-videos .video-modal-video .video-modal-content h4 {
    margin-right: 0;
    margin-bottom: 1em;
    margin-top: 0;
  }
}

.clients-container {
  padding: 0;
  background: #f8f8f3;
}

.clients {
  --object-color: var(--accent-color);
  position: relative;
  z-index: 81;
  width: calc(100% - var(--site-margin));
  color: var(--object-color);
  top: -40px;
  margin-left: auto;
  margin-bottom: -40px;
}

@media screen and (max-width: 1100px) {
  .clients {
    width: 100%;
  }
}

.clients:before,
.clients:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--object-color);
  height: 100%;
  width: 150%;
  -webkit-transform: skewX(-33deg);
          transform: skewX(-33deg);
}

@media screen and (max-width: 500px) {
  .clients:before,
  .clients:after {
    left: -5%;
  }
}

@media screen and (max-width: 400px) {
  .clients:before,
  .clients:after {
    left: -10%;
  }
}

.clients:before {
  box-shadow: 0px 7px 20px var(--object-color);
  opacity: .5;
}

.clients .clients-inner {
  position: relative;
  z-index: 1;
  color: #fff;
  padding-left: var(--padding);
  padding-right: var(--padding);
  padding-top: calc(var(--padding) * .5);
  padding-bottom: calc(var(--padding) * .5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .clients .clients-inner {
    padding-left: calc(var(--padding) * 2);
    padding-right: calc(var(--padding) * 2);
    padding-top: calc(var(--padding) * 1.25);
    padding-bottom: calc(var(--padding) * 1.5);
  }
}

@media screen and (max-width: 650px) {
  .clients .clients-inner {
    padding-left: calc(var(--padding) * 2);
  }
}

@media screen and (max-width: 600px) {
  .clients .clients-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
    padding-left: calc(var(--site-margin));
    padding-right: calc(var(--site-margin));
    padding-top: calc(var(--padding) * 1.25);
    padding-bottom: calc(var(--padding) * 1.5);
  }
}

.clients h4 {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-bottom: 0;
  opacity: .5;
  line-height: 1.3;
  margin-right: calc(var(--padding)/2);
}

.clients .clients-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin-left: calc(var(--padding)/-2);
  margin-top: calc(var(--padding)/-2);
  position: relative;
  top: -0.1em;
}

.clients .clients-list .client {
  padding: 0;
  margin-left: calc(var(--padding)/2);
  margin-top: calc(var(--padding)/2);
}

.clients .clients-list .client:before {
  display: none;
}

.clients .clients-list .client img {
  height: 25px;
}

@media screen and (max-width: 767px) {
  .clients .clients-inner {
    display: block;
    text-align: center;
  }

  .clients h4 {
    margin-bottom: var(--padding);
  }

  .clients h4 br {
    display: none;
  }

  .clients .clients-list {
    width: auto;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: calc(var(--padding)*-1.5);
    margin-top: calc(var(--padding)*-1);
  }

  .clients .clients-list .client {
    margin-left: calc(var(--padding)*1.5);
    margin-top: calc(var(--padding));
  }
}

.client-title {
  font-family: OCR-A, Courier New, monospace;
  font-size: 1.2777rem;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: .08em;
  line-height: .7;
  text-align: center;
  opacity: .5;
  margin-bottom: 1em;
}

.reverse .client-title {
  color: var(--primary-color);
  opacity: 1;
}

.case-video + .case-study-list {
  margin-top: var(--vertical-padding);
}

.content.case-study-list > div {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-left: var(--padding);
  max-width: 400px;
}

.content.case-study-list > div:first-child {
  margin-left: 0;
}

@media screen and (max-width: 767px) {
  .content.case-study-list > div {
    margin-left: 0;
  }

  .content.case-study-list > div ul {
    margin-bottom: calc(var(--vertical-padding)/2);
  }

  .content.case-study-list > div:last-child ul {
    margin-bottom: 0;
  }
}

.asset {
  position: relative;
  z-index: 81;
}

.asset + .asset {
  margin-left: calc(var(--padding) / 2);
}

@media screen and (max-width: 767px) {
  .asset + .asset {
    margin-left: 0;
    margin-top: calc(var(--vertical-padding) / 2);
  }
}

.asset > .asset-inner {
  --object-color: #2d353b;
  display: block;
  position: relative;
  background: no-repeat center center;
  background-size: cover;
  -webkit-transition: .5s -webkit-transform;
          transition: .5s -webkit-transform;
          transition: .5s transform;
          transition: .5s transform, .5s -webkit-transform;
}

.asset > .asset-inner:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: #22282b;
  opacity: 0;
  -webkit-transition: .5s opacity;
          transition: .5s opacity;
}

.asset > .asset-inner:after {
  content: '';
  display: block;
  padding-top: var(--video-ratio);
}

.asset > .asset-inner.wide:after {
  padding-top: var(--video-ratio-wide);
}

.asset > .asset-inner > span {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  box-shadow: 0px 7px 20px var(--object-color);
  opacity: .5;
  -webkit-transition: .5s opacity, .5s -webkit-box-shadow;
          transition: .5s opacity, .5s -webkit-box-shadow;
          transition: .5s box-shadow, .5s opacity;
          transition: .5s box-shadow, .5s opacity, .5s -webkit-box-shadow;
}

.asset > .asset-inner svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 60px;
  opacity: 0;
  -webkit-transition: .5s opacity;
          transition: .5s opacity;
}

@media screen and (max-width: 767px) {
  .asset > .asset-inner svg {
    width: 50px;
  }
}

@media screen and (max-width: 500px) {
  .asset > .asset-inner svg {
    width: 40px;
  }
}

.asset > .asset-inner svg path {
  fill: #fff;
}

.asset a.asset-inner.video {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.asset a.asset-inner.video svg {
  opacity: .5;
}

.asset a.asset-inner.video > span {
  opacity: .3;
}

.asset a.asset-inner.video:hover {
  opacity: 1;
  -webkit-transform: translateY(var(--hover-offset-negative));
          transform: translateY(var(--hover-offset-negative));
}

.asset a.asset-inner.video:hover:before {
  opacity: .65;
}

.asset a.asset-inner.video:hover > span {
  box-shadow: 0px 10px 30px 2px var(--object-color);
}

.asset a.asset-inner.video:hover svg {
  opacity: 1;
}

.three-assets .asset {
  width: calc(33.333% + var(--site-margin));
}

@media screen and (min-width: 768px) {
  .three-assets .asset:nth-child(1) {
    margin-left: calc(var(--site-margin) * -1);
  }

  .three-assets .asset:nth-child(3) {
    margin-right: calc(var(--site-margin) * -1);
  }
}

@media screen and (max-width: 767px) {
  .three-assets .asset {
    width: calc(100% + var(--site-margin));
  }

  .three-assets .asset:nth-child(1) {
    margin-left: calc(var(--site-margin) * -1);
  }

  .three-assets .asset:nth-child(2) {
    margin-right: calc(var(--site-margin) * -1);
  }

  .three-assets .asset:nth-child(3) {
    margin-left: calc(var(--site-margin) * -1);
  }
}

.full-width-asset {
  position: relative;
  height: calc(120vh - var(--frame-thickness) * 2);
}

.full-width-asset .bg-image {
  opacity: 1;
}

.full-width-asset a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.full-width-asset a:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: #22282b;
  opacity: 0;
  -webkit-transition: .5s opacity;
          transition: .5s opacity;
}

.full-width-asset a svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 60px;
  opacity: .5;
  -webkit-transition: .5s opacity;
          transition: .5s opacity;
}

@media screen and (max-width: 767px) {
  .full-width-asset a svg {
    width: 50px;
  }
}

@media screen and (max-width: 500px) {
  .full-width-asset a svg {
    width: 40px;
  }
}

.full-width-asset a svg path {
  fill: #fff;
}

.full-width-asset a:hover {
  opacity: 1;
}

.full-width-asset a:hover:before {
  opacity: .65;
}

.full-width-asset a:hover svg {
  opacity: 1;
}

section.text .content {
  position: relative;
}

.hero-outer + .single-asset,
.case-details + .single-asset,
.hero-outer + .two-assets,
.case-details + .two-assets,
.hero-outer + .three-assets,
.case-details + .three-assets,
.hero-outer + .layout-left,
.case-details + .layout-left,
.hero-outer + .layout-right,
.case-details + .layout-right,
.hero-outer + .case-details,
.case-details + .case-details {
  padding-top: 0;
}

.hero-outer + .single-asset .asset,
.case-details + .single-asset .asset,
.hero-outer + .two-assets .asset,
.case-details + .two-assets .asset,
.hero-outer + .three-assets .asset,
.case-details + .three-assets .asset,
.hero-outer + .layout-left .asset,
.case-details + .layout-left .asset,
.hero-outer + .layout-right .asset,
.case-details + .layout-right .asset,
.hero-outer + .case-details .asset,
.case-details + .case-details .asset {
  margin-top: var(--overlap);
}

@media screen and (max-width: 767px) {
  .hero-outer + .single-asset .asset,
  .case-details + .single-asset .asset,
  .hero-outer + .two-assets .asset,
  .case-details + .two-assets .asset,
  .hero-outer + .three-assets .asset,
  .case-details + .three-assets .asset,
  .hero-outer + .layout-left .asset,
  .case-details + .layout-left .asset,
  .hero-outer + .layout-right .asset,
  .case-details + .layout-right .asset,
  .hero-outer + .case-details .asset,
  .case-details + .case-details .asset {
    margin-top: 0;
  }

  .hero-outer + .single-asset .asset:first-child,
  .case-details + .single-asset .asset:first-child,
  .hero-outer + .two-assets .asset:first-child,
  .case-details + .two-assets .asset:first-child,
  .hero-outer + .three-assets .asset:first-child,
  .case-details + .three-assets .asset:first-child,
  .hero-outer + .layout-left .asset:first-child,
  .case-details + .layout-left .asset:first-child,
  .hero-outer + .layout-right .asset:first-child,
  .case-details + .layout-right .asset:first-child,
  .hero-outer + .case-details .asset:first-child,
  .case-details + .case-details .asset:first-child {
    margin-top: var(--overlap);
  }
}

.layout-left .layout-text,
.layout-right .layout-text {
  position: relative;
  z-index: 0;
  width: 45%;
  margin-bottom: calc(var(--vertical-padding) + var(--vertical-padding)/2);
}

@media screen and (max-width: 767px) {
  .layout-left .layout-text,
  .layout-right .layout-text {
    width: 100%;
    margin-top: var(--vertical-padding);
    margin-bottom: var(--vertical-padding);
  }
}

.layout-left .images-2,
.layout-right .images-2 {
  margin-bottom: 0;
  width: 40%;
  margin-top: calc(var(--padding) / -2);
}

.layout-left .images-2.overlap-left,
.layout-right .images-2.overlap-left,
.layout-left .images-2.overlap-right,
.layout-right .images-2.overlap-right {
  width: calc(40% + var(--site-margin));
}

@media screen and (max-width: 767px) {
  .layout-left .images-2,
  .layout-right .images-2 {
    margin-bottom: 0;
    width: 100%;
  }

  .layout-left .images-2.overlap-left,
  .layout-right .images-2.overlap-left,
  .layout-left .images-2.overlap-right,
  .layout-right .images-2.overlap-right {
    width: calc(100% + var(--site-margin));
  }
}

.layout-left .asset,
.layout-right .asset {
  width: 64%;
  margin-top: calc(var(--vertical-padding) / -2);
}

.layout-left .asset.overlap-left,
.layout-right .asset.overlap-left,
.layout-left .asset.overlap-right,
.layout-right .asset.overlap-right {
  width: calc(64% + var(--site-margin));
}

@media screen and (max-width: 767px) {
  .layout-left .asset,
  .layout-right .asset {
    margin-top: 0;
    width: 100%;
  }

  .layout-left .asset.overlap-left,
  .layout-right .asset.overlap-left,
  .layout-left .asset.overlap-right,
  .layout-right .asset.overlap-right {
    width: calc(100% + var(--site-margin));
  }
}

.layout-left .layout-text {
  margin-right: auto;
}

.layout-left .images-2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

@media screen and (max-width: 767px) {
  .layout-left .images-2 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
}

.layout-right .layout-text {
  margin-left: auto;
}

.layout-right .asset {
  margin-left: auto;
}

.split {
  position: relative;
  width: calc(100vw - var(--frame-thickness) * 2);
  height: calc(100vh - var(--frame-thickness) * 2);
}

@media screen and (min-width: 768px) {
  .split-mobile {
    display: none;
  }

  .split-neutral {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    height: calc(100vh - var(--frame-thickness) * 2);
    width: 25%;
    -webkit-transition: 0s visibility .75s;
            transition: 0s visibility .75s;
  }

  .side {
    position: absolute;
    top: 0;
    left: 0;
    width: calc((100vw - var(--frame-thickness) * 2) + (32.47037965986674*2vh));
    height: calc(100vh - var(--frame-thickness) * 2);
    background-color: var(--primary-color);
    overflow: hidden;
    -webkit-transition: .5s -webkit-transform .25s;
            transition: .5s -webkit-transform .25s;
            transition: .5s transform .25s;
            transition: .5s transform .25s, .5s -webkit-transform .25s;
  }

  .side .side-content {
    position: relative;
    width: calc(100vw - var(--frame-thickness) * 2);
    height: calc(100vh - var(--frame-thickness) * 2);
    -webkit-transition: .5s -webkit-transform .25s;
            transition: .5s -webkit-transform .25s;
            transition: .5s transform .25s;
            transition: .5s transform .25s, .5s -webkit-transform .25s;
    background-color: var(--primary-color);
  }

  .side .side-content .side-content-inner {
    height: calc(100vh - var(--frame-thickness) * 2);
    width: calc(100vw - var(--frame-thickness) * 2);
    overflow-y: auto;
  }

  .side .side-content .side-content-inner .hero {
    position: relative;
    -webkit-transition: .5s padding .25s;
            transition: .5s padding .25s;
  }

  .side .side-content .bg-image-container,
  .side .side-content .bg-object-container,
  .side .side-content h1 {
    -webkit-transition: .5s -webkit-transform .25s;
            transition: .5s -webkit-transform .25s;
            transition: .5s transform .25s;
            transition: .5s transform .25s, .5s -webkit-transform .25s;
  }

  .side .side-content .subtitle {
    margin-top: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .5s height .25s, .5s opacity .25s, .5s margin-top .25s, 0s visibility .75s;
            transition: .5s height .25s, .5s opacity .25s, .5s margin-top .25s, 0s visibility .75s;
  }

  .side .side-content .subtitle .subtitle-inner {
    display: block;
  }

  .side .side-content .buttons {
    position: absolute;
    bottom: var(--padding);
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(var(--hover-offset-negative)) translateY(var(--hover-offset-negative)) translateY(var(--hover-offset-negative));
            transform: translateX(-50%) translateY(var(--hover-offset-negative)) translateY(var(--hover-offset-negative)) translateY(var(--hover-offset-negative));
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .5s opacity .25s, 0s visibility .75s, .5s -webkit-transform .25s;
            transition: .5s opacity .25s, 0s visibility .75s, .5s -webkit-transform .25s;
            transition: .5s transform .25s, .5s opacity .25s, 0s visibility .75s;
            transition: .5s transform .25s, .5s opacity .25s, 0s visibility .75s, .5s -webkit-transform .25s;
  }

  .side .side-content .buttons .button-solid {
    color: var(--accent-color);
  }

  .side:first-child {
    margin-left: var(--frame-thickness);
    -webkit-transform: skew(-33deg) translateX(-50vw) translateX(-64.94075932vh);
            transform: skew(-33deg) translateX(-50vw) translateX(-64.94075932vh);
  }

  .side:first-child .side-content {
    margin-left: calc(var(--frame-thickness) * -1);
    -webkit-transform: skew(33deg) translateX(50vw) translateX(64.94075932vh);
            transform: skew(33deg) translateX(50vw) translateX(64.94075932vh);
  }

  .side:first-child .side-content .bg-image-container {
    -webkit-transform: translateX(-10vw);
            transform: translateX(-10vw);
  }

  .side:first-child .side-content .bg-object-container {
    -webkit-transform: translateX(-50%) translateX(var(--bg-object-position-x)) translateY(var(--bg-object-position-y)) scale(var(--bg-object-width)) translateX(-5vw);
            transform: translateX(-50%) translateX(var(--bg-object-position-x)) translateY(var(--bg-object-position-y)) scale(var(--bg-object-width)) translateX(-5vw);
  }

  .side:last-child {
    margin-left: calc(var(--frame-thickness) * -1);
    -webkit-transform: skew(-33deg) translateX(50vw);
            transform: skew(-33deg) translateX(50vw);
  }

  .side:last-child .side-content {
    margin-left: var(--frame-thickness);
    -webkit-transform: skew(33deg) translateX(-50vw);
            transform: skew(33deg) translateX(-50vw);
  }

  .side:last-child .side-content .bg-image-container {
    -webkit-transform: translateX(10vw);
            transform: translateX(10vw);
  }

  .side:last-child .side-content .bg-object-container {
    -webkit-transform: translateX(-50%) translateX(var(--bg-object-position-x)) translateY(var(--bg-object-position-y)) scale(var(--bg-object-width)) translateX(5vw);
            transform: translateX(-50%) translateX(var(--bg-object-position-x)) translateY(var(--bg-object-position-y)) scale(var(--bg-object-width)) translateX(5vw);
  }

  .split:hover + .split-neutral {
    visibility: hidden;
    -webkit-transition: 0s visibility .25s;
            transition: 0s visibility .25s;
  }

  .split:hover .side .side-content h1 {
    -webkit-transform: none !important;
            transform: none !important;
  }

  .split:hover .side:first-child {
    -webkit-transform: skew(-33deg) translateX(var(--split-offset-other-neg)) translateX(-64.94075932vh);
            transform: skew(-33deg) translateX(var(--split-offset-other-neg)) translateX(-64.94075932vh);
  }

  .split:hover .side:first-child .side-content .bg-image-container {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  .split:hover .side:first-child .side-content .bg-object-container {
    -webkit-transform: translateX(-50%) translateX(var(--bg-object-position-x)) translateY(var(--bg-object-position-y)) scale(var(--bg-object-width)) translateX(0);
            transform: translateX(-50%) translateX(var(--bg-object-position-x)) translateY(var(--bg-object-position-y)) scale(var(--bg-object-width)) translateX(0);
  }

  .split:hover .side:first-child .side-content .subtitle {
    -webkit-transition: .5s height .25s, .5s opacity .25s, .5s margin-top .25s, 0s visibility .75s;
            transition: .5s height .25s, .5s opacity .25s, .5s margin-top .25s, 0s visibility .75s;
  }

  .split:hover .side:first-child .side-content .buttons {
    -webkit-transition: .5s opacity .25s, 0s visibility .75s, .5s -webkit-transform .25s;
            transition: .5s opacity .25s, 0s visibility .75s, .5s -webkit-transform .25s;
            transition: .5s transform .25s, .5s opacity .25s, 0s visibility .75s;
            transition: .5s transform .25s, .5s opacity .25s, 0s visibility .75s, .5s -webkit-transform .25s;
  }

  .split .side:hover .subtitle {
    margin-top: 1em;
    opacity: 1;
    visibility: unset;
    -webkit-transition: .5s height .25s, .5s opacity .25s, .5s margin-top .25s, 0s visibility .25s;
            transition: .5s height .25s, .5s opacity .25s, .5s margin-top .25s, 0s visibility .25s;
  }

  .split .side:hover .buttons {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    opacity: 1;
    visibility: unset;
    -webkit-transition: .5s opacity .25s, 0s visibility .25s, .5s -webkit-transform .25s;
            transition: .5s opacity .25s, 0s visibility .25s, .5s -webkit-transform .25s;
            transition: .5s transform .25s, .5s opacity .25s, 0s visibility .25s;
            transition: .5s transform .25s, .5s opacity .25s, 0s visibility .25s, .5s -webkit-transform .25s;
  }

  .split .side:hover .side-content .side-content-inner .hero {
    padding-bottom: calc(var(--vertical-padding) + 8vh);
  }

  .split .side:first-child:hover {
    -webkit-transform: skew(-33deg) translateX(var(--split-offset-neg)) translateX(-64.94075932vh);
            transform: skew(-33deg) translateX(var(--split-offset-neg)) translateX(-64.94075932vh);
  }

  .split .side:first-child:hover .side-content {
    -webkit-transform: skew(33deg) translateX(var(--split-offset)) translateX(64.94075932vh);
            transform: skew(33deg) translateX(var(--split-offset)) translateX(64.94075932vh);
  }

  .split .side:first-child:hover .side-content .bg-image-container {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  .split .side:first-child:hover .side-content .bg-object-container {
    -webkit-transform: translateX(-50%) translateX(var(--bg-object-position-x)) translateY(var(--bg-object-position-y)) scale(var(--bg-object-width)) translateX(0);
            transform: translateX(-50%) translateX(var(--bg-object-position-x)) translateY(var(--bg-object-position-y)) scale(var(--bg-object-width)) translateX(0);
  }

  .split .side:first-child:hover .side-content .subtitle {
    -webkit-transition: .5s height .25s, .5s opacity .25s, .5s margin-top .25s, 0s visibility .25s;
            transition: .5s height .25s, .5s opacity .25s, .5s margin-top .25s, 0s visibility .25s;
  }

  .split .side:first-child:hover .side-content .buttons {
    -webkit-transition: .5s opacity .25s, 0s visibility .25s, .5s -webkit-transform .25s;
            transition: .5s opacity .25s, 0s visibility .25s, .5s -webkit-transform .25s;
            transition: .5s transform .25s, .5s opacity .25s, 0s visibility .25s;
            transition: .5s transform .25s, .5s opacity .25s, 0s visibility .25s, .5s -webkit-transform .25s;
  }

  .split .side:first-child:hover ~ .side:last-child {
    -webkit-transform: skew(-33deg) translateX(var(--split-offset-other));
            transform: skew(-33deg) translateX(var(--split-offset-other));
  }

  .split .side:first-child:hover ~ .side:last-child .side-content .bg-image-container {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  .split .side:first-child:hover ~ .side:last-child .side-content .bg-object-container {
    -webkit-transform: translateX(-50%) translateX(var(--bg-object-position-x)) translateY(var(--bg-object-position-y)) scale(var(--bg-object-width)) translateX(0);
            transform: translateX(-50%) translateX(var(--bg-object-position-x)) translateY(var(--bg-object-position-y)) scale(var(--bg-object-width)) translateX(0);
  }

  .split .side:first-child:hover ~ .side:last-child .side-content .subtitle {
    -webkit-transition: .5s height .25s, .5s opacity .25s, .5s margin-top .25s, 0s visibility .75s;
            transition: .5s height .25s, .5s opacity .25s, .5s margin-top .25s, 0s visibility .75s;
  }

  .split .side:first-child:hover ~ .side:last-child .side-content .buttons {
    -webkit-transition: .5s opacity .25s, 0s visibility .75s, .5s -webkit-transform .25s;
            transition: .5s opacity .25s, 0s visibility .75s, .5s -webkit-transform .25s;
            transition: .5s transform .25s, .5s opacity .25s, 0s visibility .75s;
            transition: .5s transform .25s, .5s opacity .25s, 0s visibility .75s, .5s -webkit-transform .25s;
  }

  .split .side:last-child:hover {
    -webkit-transform: skew(-33deg) translateX(var(--split-offset));
            transform: skew(-33deg) translateX(var(--split-offset));
  }

  .split .side:last-child:hover .side-content {
    -webkit-transform: skew(33deg) translateX(var(--split-offset-neg));
            transform: skew(33deg) translateX(var(--split-offset-neg));
  }

  .split .side:last-child:hover .side-content .bg-image-container {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  .split .side:last-child:hover .side-content .bg-object-container {
    -webkit-transform: translateX(-50%) translateX(var(--bg-object-position-x)) translateY(var(--bg-object-position-y)) scale(var(--bg-object-width)) translateX(0);
            transform: translateX(-50%) translateX(var(--bg-object-position-x)) translateY(var(--bg-object-position-y)) scale(var(--bg-object-width)) translateX(0);
  }

  .split .side:last-child:hover .side-content .subtitle {
    -webkit-transition: .5s height .25s, .5s opacity .25s, .5s margin-top .25s, 0s visibility .25s;
            transition: .5s height .25s, .5s opacity .25s, .5s margin-top .25s, 0s visibility .25s;
  }

  .split .side:last-child:hover .side-content .buttons {
    -webkit-transition: .5s opacity .25s, 0s visibility .25s, .5s -webkit-transform .25s;
            transition: .5s opacity .25s, 0s visibility .25s, .5s -webkit-transform .25s;
            transition: .5s transform .25s, .5s opacity .25s, 0s visibility .25s;
            transition: .5s transform .25s, .5s opacity .25s, 0s visibility .25s, .5s -webkit-transform .25s;
  }
}

@media screen and (max-width: 767px) {
  .hero-outer {
    overflow: hidden;
  }

  .split-mobile {
    position: relative;
    z-index: 1;
    width: calc(100vw - var(--frame-thickness) * 2);
    min-height: calc(100vh - var(--frame-thickness) * 2);
    padding-left: var(--site-margin);
    padding-right: var(--site-margin);
    padding-top: calc(var(--vertical-padding) * 2);
    padding-bottom: calc(var(--vertical-padding) * 2 + var(--padding));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
  }

  .split-mobile .button-solid {
    color: var(--accent-color);
  }

  .split-mobile .buttons {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    left: 0;
    bottom: var(--padding);
  }

  .split {
    position: absolute;
    top: 0;
    left: 0;
  }

  .side {
    position: absolute;
    top: 0;
    left: 0;
    height: calc((100vh - var(--frame-thickness) * 2) + (32.47037965986674*2vw));
    width: calc(100vw - var(--frame-thickness) * 2);
    background-color: var(--primary-color);
    overflow: hidden;
    -webkit-transition: .5s -webkit-transform .25s;
            transition: .5s -webkit-transform .25s;
            transition: .5s transform .25s;
            transition: .5s transform .25s, .5s -webkit-transform .25s;
  }

  .side .side-content {
    position: relative;
    width: calc(100vw - var(--frame-thickness) * 2);
    height: calc(100vh - var(--frame-thickness) * 2);
    -webkit-transition: .5s -webkit-transform .25s;
            transition: .5s -webkit-transform .25s;
            transition: .5s transform .25s;
            transition: .5s transform .25s, .5s -webkit-transform .25s;
    background-color: var(--primary-color);
  }

  .side .side-content .side-content-inner {
    display: none;
  }

  .side:last-child {
    margin-top: var(--frame-thickness);
    -webkit-transform: skew(0, -33deg) translateY(-50vh) translateY(-64.94075932vw);
            transform: skew(0, -33deg) translateY(-50vh) translateY(-64.94075932vw);
  }

  .side:last-child .side-content {
    margin-top: calc(var(--frame-thickness) * -1);
    -webkit-transform: skew(0, 33deg) translateY(50vh) translateY(64.94075932vw);
            transform: skew(0, 33deg) translateY(50vh) translateY(64.94075932vw);
  }

  .side:last-child .side-content .bg-image-container {
    -webkit-transform: translateY(-10vh);
            transform: translateY(-10vh);
  }

  .side:last-child .side-content .bg-object-container {
    -webkit-transform: translateX(-50%) translateX(var(--bg-object-position-x)) translateY(var(--bg-object-position-y)) scale(var(--bg-object-width)) translateY(-15vh);
            transform: translateX(-50%) translateX(var(--bg-object-position-x)) translateY(var(--bg-object-position-y)) scale(var(--bg-object-width)) translateY(-15vh);
  }

  .side:first-child {
    margin-top: calc(var(--frame-thickness) * -1);
    -webkit-transform: skew(0, -33deg) translateY(50vh);
            transform: skew(0, -33deg) translateY(50vh);
  }

  .side:first-child .side-content {
    margin-top: var(--frame-thickness);
    -webkit-transform: skew(0, 33deg) translateY(-50vh);
            transform: skew(0, 33deg) translateY(-50vh);
  }

  .side:first-child .side-content .bg-image-container {
    -webkit-transform: translateY(10vh);
            transform: translateY(10vh);
  }

  .side:first-child .side-content .bg-object-container {
    -webkit-transform: translateY(-50%) translateX(var(--bg-object-position-x)) translateY(var(--bg-object-position-y)) scale(var(--bg-object-width)) translateY(15vh);
            transform: translateY(-50%) translateX(var(--bg-object-position-x)) translateY(var(--bg-object-position-y)) scale(var(--bg-object-width)) translateY(15vh);
  }
}

.cta-container {
  background: #2d353b;
}

.cta-container[hud-reverse] {
  background: #f8f8f3;
}

.cta {
  position: relative;
  z-index: 81;
  width: 76%;
  color: var(--object-color);
  top: -40px;
  margin-bottom: -40px;
}

.cta.reverse {
  color: #fff;
}

@media screen and (max-width: 1100px) {
  .cta {
    width: 100%;
  }
}

.cta:before,
.cta:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background: var(--object-color);
  height: 100%;
  width: 150%;
  -webkit-transform: skewX(33deg);
          transform: skewX(33deg);
}

.reverse.cta:before,
.reverse.cta:after {
  background: #fff;
}

@media screen and (max-width: 500px) {
  .cta:before,
  .cta:after {
    right: -5%;
  }
}

@media screen and (max-width: 400px) {
  .cta:before,
  .cta:after {
    right: -10%;
  }
}

.cta:before {
  box-shadow: 0px 7px 20px var(--object-color);
  opacity: .5;
}

.reverse.cta:before {
  box-shadow: 0px 7px 20px rgba(34, 40, 43, .5);
  opacity: .2;
}

.cta .cta-background {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: skewX(33deg);
          transform: skewX(33deg);
  height: 100%;
  width: 150%;
  overflow: hidden;
  z-index: 1;
}

@media screen and (max-width: 500px) {
  .cta .cta-background {
    right: -5%;
  }
}

@media screen and (max-width: 400px) {
  .cta .cta-background {
    right: -10%;
  }
}

.cta .cta-background .cta-image {
  position: absolute;
  right: -8%;
  top: 0;
  width: 80%;
  height: 100%;
  -webkit-transform: skewX(-33deg);
          transform: skewX(-33deg);
}

.cta .cta-background .cta-image .cta-image-inner {
  position: absolute;
  left: 0;
  top: calc(50% - 50vh);
  width: 100%;
  height: 100vh;
  background: no-repeat center center;
  background-size: cover;
  opacity: .3;
}

.cta .cta-background .cta-object {
  --bg-object-position-x: 0;
  --bg-object-position-y: 0;
  position: relative;
  top: -50%;
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  height: 200%;
  opacity: .4;
  background: no-repeat center center;
  background-size: contain;
  -webkit-transform: translateX(var(--bg-object-position-x)) translateX(40vw) translateY(var(--bg-object-position-y)) skewX(-33deg);
          transform: translateX(var(--bg-object-position-x)) translateX(40vw) translateY(var(--bg-object-position-y)) skewX(-33deg);
}

@media screen and (max-width: 600px) {
  .cta .cta-background .cta-object {
    -webkit-transform: translateX(var(--bg-object-position-x)) translateY(var(--bg-object-position-y)) skewX(-33deg);
            transform: translateX(var(--bg-object-position-x)) translateY(var(--bg-object-position-y)) skewX(-33deg);
  }
}

.cta .cta-inner {
  position: relative;
  z-index: 1;
  color: #fff;
  padding-left: var(--padding);
  padding-right: var(--vertical-padding);
  padding-top: calc(var(--padding) * .75);
  padding-bottom: calc(var(--padding) * .75);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.reverse.cta .cta-inner {
  color: var(--object-color);
}

.cta .cta-inner .cta-content {
  position: relative;
  z-index: 1;
  width: 100%;
  margin-right: var(--padding);
}

.cta .cta-inner [class^=button] {
  white-space: nowrap;
}

.reverse.cta .cta-inner [class^=button] {
  color: var(--object-color);
}

.reverse.cta .cta-inner [class^=button]:hover > span {
  color: #fff;
}

@media screen and (max-width: 1100px) {
  .cta .cta-inner {
    padding-right: calc(var(--vertical-padding) / 1.25);
  }
}

@media screen and (max-width: 767px) {
  .cta .cta-inner {
    padding-left: calc(var(--padding) * 2);
    padding-right: calc(var(--vertical-padding));
    padding-top: calc(var(--padding) * 1.25);
    padding-bottom: calc(var(--padding) * 1.5);
  }
}

@media screen and (max-width: 650px) {
  .cta .cta-inner {
    padding-right: calc(var(--vertical-padding) * 1.2);
  }
}

@media screen and (max-width: 600px) {
  .cta .cta-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
    padding-left: calc(var(--site-margin));
    padding-right: calc(var(--vertical-padding));
    padding-top: calc(var(--padding) * 1.25);
    padding-bottom: calc(var(--padding) * 1.5);
  }

  .cta .cta-inner .cta-content {
    width: auto;
    margin-right: 0;
    margin-bottom: calc(var(--padding));
  }

  .cta .cta-inner .cta-action .cta-background {
    right: -3%;
  }
}

@media screen and (max-width: 500px) {
  .cta .cta-inner .cta-action .cta-background {
    right: -8%;
  }
}

@media screen and (max-width: 400px) {
  .cta .cta-inner .cta-action .cta-background {
    right: -13%;
  }
}

.cta-link {
  -webkit-box-shadow: none;
          box-shadow: none;
  font-family: OCR-A, Courier New, monospace;
  font-size: 1.333rem;
  font-weight: normal;
  text-transform: uppercase;
  text-transform: none;
  color: #22282b;
  margin-left: 1.5em;
  line-height: 1.4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.cta-link:before {
  content: '';
  position: relative;
  top: .08em;
  display: inline-block;
  width: 34px;
  height: 27px;
  background: url(/assets/img/ui/dot-arrow-gray900.svg) no-repeat center center;
  background-size: contain;
  opacity: .2;
  margin-right: 1.5em;
  -webkit-transition: .5s opacity, .5s -webkit-transform;
          transition: .5s opacity, .5s -webkit-transform;
          transition: .5s opacity, .5s transform;
          transition: .5s opacity, .5s transform, .5s -webkit-transform;
}

.cta-link:hover:before {
  opacity: .5;
  -webkit-transform: translateX(.4em);
          transform: translateX(.4em);
}

.cta-link > span {
  display: inline-block;
}

@media screen and (max-width: 1200px) {
  .cta-link {
    margin-left: 0;
    font-size: 1.22222222rem;
  }

  .cta-link:before {
    width: 24px;
    height: 19px;
    margin-right: 1em;
    top: .25em;
  }
}

.site-footer {
  padding-top: calc(var(--vertical-padding) * .65);
  padding-bottom: calc(var(--vertical-padding) * .65);
  background: #2d353b;
  color: #fff;
}

.site-footer[hud-reverse] {
  background: #f8f8f3;
  color: #22282b;
}

.site-footer-cta {
  position: relative;
  text-align: center;
  padding: calc(var(--padding) / 2) var(--padding);
}

@media screen and (max-width: 1000px) {
  .site-footer-cta {
    padding: var(--padding) var(--padding);
  }
}

.site-footer-cta .contact-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  font-family: OCR-A, Courier New, monospace;
  font-size: .88888889rem;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: .08em;
  line-height: .7;
  text-transform: none;
}

.site-footer-cta .contact-info .email {
  margin-left: 1.3rem;
}

.site-footer-cta .contact-info .email:before {
  content: '/';
  margin-right: 1.3rem;
  opacity: .2;
}

.site-footer-cta .contact-info a {
  opacity: .55;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.site-footer-cta .contact-info a:hover {
  opacity: .85;
}

@media screen and (max-width: 550px) {
  .site-footer-cta .contact-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
  }

  .site-footer-cta .contact-info .email {
    margin-top: 1.3rem;
    margin-left: 0;
  }

  .site-footer-cta .contact-info .email:before {
    display: none;
  }
}

.site-footer-cta:before,
.site-footer-cta:after {
  content: '';
  position: absolute;
  display: block;
  width: 30px;
  height: 30px;
  border: 0 solid #474e51;
}

[hud-reverse] .site-footer-cta:before,
[hud-reverse] .site-footer-cta:after {
  border-color: #cacbc0;
}

.site-footer-cta:before {
  left: 0;
  top: 0;
  border-top-width: 1px;
  border-left-width: 1px;
}

.site-footer-cta:after {
  right: 0;
  bottom: 0;
  border-bottom-width: 1px;
  border-right-width: 1px;
}

.site-footer-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: var(--site-margin);
  padding-right: var(--site-margin);
  margin-top: calc(var(--vertical-padding) * .65);
  margin-bottom: var(--padding);
}

@media screen and (max-width: 1100px) {
  .site-footer-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

@media screen and (max-width: 767px) {
  .site-footer-content {
    margin-bottom: calc(var(--padding) * 1.5);
  }
}

.site-footer-content .site-footer-links,
.site-footer-content .site-footer-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

@media screen and (max-width: 1100px) {
  .site-footer-content .site-footer-links,
  .site-footer-content .site-footer-social {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.site-footer-content .site-footer-links {
  margin: 0;
}

@media screen and (max-width: 1100px) {
  .site-footer-content .site-footer-links {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.site-footer-content .site-footer-links a {
  -webkit-box-shadow: none;
          box-shadow: none;
  color: var(--accent-color);
  font-weight: 600;
  font-size: 1rem;
}

[hud-reverse] .site-footer-content .site-footer-links a,
.caseStudies .site-footer-content .site-footer-links a {
  color: var(--primary-color);
}

.site-footer-content .site-footer-links li {
  padding: 0;
  margin-left: 40px;
}

.site-footer-content .site-footer-links li:first-child {
  margin-left: 0;
}

.site-footer-content .site-footer-links li:before {
  display: none;
}

.site-footer-content .site-footer-social {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  height: .9rem;
}

@media screen and (max-width: 1100px) {
  .site-footer-content .site-footer-social {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: auto;
  }
}

@media screen and (max-width: 400px) {
  .site-footer-content .site-footer-social {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: calc(var(--padding) / 3);
  }
}

.site-footer-content .site-footer-social h4 {
  margin-bottom: 0;
  opacity: .55;
}

@media screen and (max-width: 400px) {
  .site-footer-content .site-footer-social h4 {
    margin-bottom: var(--padding);
  }
}

[hud-reverse] .site-footer-content .site-footer-social h4 {
  opacity: 1;
}

.site-footer-content .site-footer-social .site-footer-social-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.site-footer-content .site-footer-social .site-footer-social-list li {
  padding: 0;
  margin-left: 30px;
}

@media screen and (max-width: 400px) {
  .site-footer-content .site-footer-social .site-footer-social-list li:first-child {
    margin-left: 0;
  }
}

.site-footer-content .site-footer-social .site-footer-social-list li:before {
  display: none;
}

.site-footer-content .site-footer-social .site-footer-social-list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-shadow: none;
          box-shadow: none;
  height: 24px;
}

.site-footer-content .site-footer-social .site-footer-social-list a:hover {
  opacity: 1;
  color: var(--accent-color);
}

[hud-reverse] .site-footer-content .site-footer-social .site-footer-social-list a:hover,
.caseStudies .site-footer-content .site-footer-social .site-footer-social-list a:hover {
  color: var(--primary-color);
}

.site-footer-content .site-footer-social .site-footer-social-list svg {
  display: block;
  width: 24px;
  max-height: 100%;
}

.site-footer-content .site-footer-social .site-footer-social-list svg path {
  fill: currentColor;
  -webkit-transition: .5s fill;
          transition: .5s fill;
}

.site-footer-content .site-footer-social .site-footer-social-list .facebook svg {
  width: 12px;
}

.site-footer-content .site-footer-logo {
  position: relative;
  z-index: 81;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: var(--accent-color);
  -webkit-transition: .5s top;
          transition: .5s top;
}

.site-footer-content .site-footer-logo:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  opacity: .5;
  box-shadow: 0px 7px 20px var(--accent-color);
  -webkit-transition: .5s -webkit-box-shadow;
          transition: .5s -webkit-box-shadow;
          transition: .5s box-shadow;
          transition: .5s box-shadow, .5s -webkit-box-shadow;
}

@media screen and (max-width: 1100px) {
  .site-footer-content .site-footer-logo {
    margin-top: calc(var(--padding) / 1.25);
    margin-bottom: calc(var(--padding) / 1.25);
  }
}

@media screen and (max-width: 767px) {
  .site-footer-content .site-footer-logo {
    margin-top: calc(var(--padding));
    margin-bottom: calc(var(--padding));
  }
}

[hud-reverse] .site-footer-content .site-footer-logo,
.caseStudies .site-footer-content .site-footer-logo {
  background: var(--primary-color);
}

[hud-reverse] .site-footer-content .site-footer-logo:after,
.caseStudies .site-footer-content .site-footer-logo:after {
  box-shadow: 0px 7px 20px var(--primary-color);
}

.site-footer-content .site-footer-logo svg {
  display: block;
  width: 44px;
  height: 36px;
}

.site-footer-content .site-footer-logo svg #mark {
  fill: #fff;
  -webkit-transition: .5s opacity;
          transition: .5s opacity;
}

.site-footer-content .site-footer-logo:hover {
  opacity: 1;
  top: var(--hover-offset-negative);
}

.site-footer-content .site-footer-logo:hover:after {
  box-shadow: 0px 10px 30px 2px var(--accent-color);
}

[hud-reverse] .site-footer-content .site-footer-logo:hover:after,
.caseStudies .site-footer-content .site-footer-logo:hover:after {
  box-shadow: 0px 10px 30px 2px var(--primary-color);
}

.site-footer-content .site-footer-logo:hover:before {
  content: '';
  display: block;
  position: absolute;
  top: var(--hover-offset);
  left: 0;
  width: 100%;
  height: 100%;
}

.site-footer-content .site-footer-logo:hover svg #mark {
  opacity: .8;
}

.copyright {
  opacity: .3;
  font-weight: 400;
  font-size: .777rem;
  text-align: center;
}

/*****
	Modified [MailChimp Form Embed Code - Classic - 12/17/2015 v10.7]
*****/

#mc_embed_signup form {
  display: block;
  position: relative;
}

#mc_embed_signup input {
  border: 2px solid #e5e4d7;
  border-radius: 5px;
  background: #f8f8f3;
  -webkit-transition: .5s border;
          transition: .5s border;
  color: #474e51;
}

#mc_embed_signup input[type="checkbox"] {
  -webkit-appearance: checkbox;
}

#mc_embed_signup input[type="radio"] {
  -webkit-appearance: radio;
}

#mc_embed_signup input:focus {
  border-color: #cacbc0;
  outline: none;
}

#mc_embed_signup .small-meta {
  font-size: 11px;
}

#mc_embed_signup .nowrap {
  white-space: nowrap;
}

#mc_embed_signup .mc-field-group {
  position: relative;
  width: 100%;
  margin-bottom: 30px;
}

#mc_embed_signup .mc-field-group label {
  display: block;
  margin-bottom: 10px;
  font-family: OCR-A, Courier New, monospace;
  font-size: .88888889rem;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: .08em;
  line-height: .7;
}

#mc_embed_signup .mc-field-group input {
  width: 100%;
  padding: 5px 10px 8px;
}

#mc_embed_signup .mc-field-group select {
  display: inline-block;
  width: 100%;
  padding: 5px 0;
  margin-bottom: 2px;
}

#mc_embed_signup .datefield input,
#mc_embed_signup .phonefield-us input {
  display: inline;
  width: 100px;
}

#mc_embed_signup .phonefield-us .phonearea input,
#mc_embed_signup .phonefield-us .phonedetail1 input {
  width: 100px;
}

#mc_embed_signup .datefield .monthfield input,
#mc_embed_signup .datefield .dayfield input {
  width: 100px;
}

#mc_embed_signup .datefield label,
#mc_embed_signup .phonefield-us label {
  display: none;
}

#mc_embed_signup .indicates-required {
  text-align: right;
  font-size: 11px;
  margin-right: 4%;
}

#mc_embed_signup .asterisk {
  color: #ea6357;
}

#mc_embed_signup .split-fields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#mc_embed_signup .split-fields .mc-field-group {
  margin-left: 40px;
}

#mc_embed_signup .split-fields .mc-field-group:first-child {
  margin-left: 0;
}

@media screen and (max-width: 767px) {
  #mc_embed_signup .split-fields {
    display: block;
  }

  #mc_embed_signup .split-fields .mc-field-group {
    margin-left: 0;
  }
}

#mc_embed_signup .mc-field-group.input-group ul {
  margin: 0;
  padding: 5px 0;
  list-style: none;
}

#mc_embed_signup .mc-field-group.input-group ul li {
  display: block;
  padding: 3px 0;
  margin: 0;
}

#mc_embed_signup .mc-field-group.input-group label {
  display: inline;
}

#mc_embed_signup .mc-field-group.input-group input {
  display: inline;
  width: auto;
  border: none;
}

#mc_embed_signup div.response {
  text-align: center;
  max-width: 600px;
  margin: 40px auto 0;
}

#mc_embed_signup #mce-error-response {
  display: none;
}

#mc_embed_signup #mce-success-response {
  display: none;
}

#mc_embed_signup label.error {
  color: #ea6357;
}

#mc-embedded-subscribe {
  display: block;
  margin-top: 40px;
}

#mc_embed_signup #num-subscribers {
  font-size: 1.1em;
}

#mc_embed_signup #num-subscribers span {
  padding: .5em;
  border: 1px solid #ccc;
  margin-right: .5em;
  font-weight: bold;
}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
  display: inline-block;
  padding: 2px 10px 5px;
  margin: 0;
  background-color: #ea6357;
  font-size: 14px;
  font-weight: normal;
  z-index: 1;
  color: white;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  position: relative;
  top: -0.2em;
}

#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {
  border: 2px solid #ea6357;
  border-bottom-left-radius: 0;
}

.newsletter-modal {
  position: fixed;
  z-index: 106;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: .5s opacity, 0s visibility .5s;
          transition: .5s opacity, 0s visibility .5s;
}

.newsletter-modal-open .newsletter-modal {
  opacity: 1;
  visibility: inherit;
  -webkit-transition: .5s opacity;
          transition: .5s opacity;
}

.newsletter-modal:before {
  content: '';
  display: block;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #22282b;
  opacity: .3;
}

.newsletter-modal .newsletter-modal-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
  overflow-y: hidden;
  overflow-y: auto;
  padding: var(--padding) var(--site-margin);
}

.newsletter-modal .newsletter-modal-content {
  --object-color: #22282b;
  position: relative;
  width: 100%;
  max-width: 800px;
  margin: auto;
  border-radius: 10px;
  background: #f8f8f3;
  padding: var(--padding);
  color: #474e51;
  opacity: 0;
  -webkit-transform: translateY(-50px);
          transform: translateY(-50px);
  -webkit-transition: .5s opacity, .5s -webkit-transform;
          transition: .5s opacity, .5s -webkit-transform;
          transition: .5s transform, .5s opacity;
          transition: .5s transform, .5s opacity, .5s -webkit-transform;
}

.newsletter-modal-open .newsletter-modal .newsletter-modal-content {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

@media screen and (max-width: 767px) {
  .newsletter-modal .newsletter-modal-content {
    padding-top: calc(var(--padding) * 2);
    padding-bottom: calc(var(--padding) * 2);
  }
}

.newsletter-modal h2 {
  margin-bottom: .6em;
}

.newsletter-modal .form-header {
  margin-bottom: var(--padding);
}

@media screen and (max-width: 767px) {
  .newsletter-modal .form-header {
    margin-bottom: calc(var(--padding) * 2);
  }
}

.newsletter-modal .newsletter-modal-close {
  position: absolute;
  top: calc(var(--padding) / 2);
  right: calc(var(--padding) / 2);
  width: 25px;
  height: 25px;
}

.newsletter-modal .newsletter-modal-close:before,
.newsletter-modal .newsletter-modal-close:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  border-bottom: 2px solid #7c807e;
  width: 33px;
}

.newsletter-modal .newsletter-modal-close:before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}

.newsletter-modal .newsletter-modal-close:after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

@media screen and (max-width: 767px) {
  .newsletter-modal .newsletter-modal-close {
    top: calc(var(--padding) / 2);
    right: calc(var(--padding) / 2);
  }
}

.bg-transparent {
  background-color: transparent;
}

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

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

.bg-gray50 {
  background-color: #f8f8f3;
}

.bg-gray100 {
  background-color: #e5e4d7;
}

.bg-gray200 {
  background-color: #cacbc0;
}

.bg-gray300 {
  background-color: #b0b2aa;
}

.bg-gray400 {
  background-color: #969994;
}

.bg-gray500 {
  background-color: #7c807e;
}

.bg-gray600 {
  background-color: #616767;
}

.bg-gray700 {
  background-color: #474e51;
}

.bg-gray800 {
  background-color: #2d353b;
}

.bg-gray900 {
  background-color: #22282b;
}

.bg-blue50 {
  background-color: #ebf7fa;
}

.bg-blue100 {
  background-color: #d6eef5;
}

.bg-blue200 {
  background-color: #adddea;
}

.bg-blue300 {
  background-color: #85cde0;
}

.bg-blue400 {
  background-color: #5cbcd5;
}

.bg-blue500 {
  background-color: #33abcb;
}

.bg-blue600 {
  background-color: #2e91af;
}

.bg-blue700 {
  background-color: #287792;
}

.bg-blue800 {
  background-color: #235c76;
}

.bg-blue900 {
  background-color: #1e4259;
}

.bg-orange50 {
  background-color: #fff6ed;
}

.bg-orange100 {
  background-color: #feeddb;
}

.bg-orange200 {
  background-color: #fddbb7;
}

.bg-orange300 {
  background-color: #fbc894;
}

.bg-orange400 {
  background-color: #fab670;
}

.bg-orange500 {
  background-color: #f9a44c;
}

.bg-orange600 {
  background-color: #d58744;
}

.bg-orange700 {
  background-color: #b16a3d;
}

.bg-orange800 {
  background-color: #8c4d35;
}

.bg-orange900 {
  background-color: #68302d;
}

.bg-coral50 {
  background-color: #fdefee;
}

.bg-coral100 {
  background-color: #fbe0dd;
}

.bg-coral200 {
  background-color: #f7c1bc;
}

.bg-coral300 {
  background-color: #f2a19a;
}

.bg-coral400 {
  background-color: #ee8279;
}

.bg-coral500 {
  background-color: #ea6357;
}

.bg-coral600 {
  background-color: #c65552;
}

.bg-coral700 {
  background-color: #a3484e;
}

.bg-coral800 {
  background-color: #7f3a4a;
}

.bg-coral900 {
  background-color: #5b2c45;
}

.bg-primary {
  background-color: var(--primary-color);
}

.bg-accent {
  background-color: var(--accent-color);
}

.bg-object {
  background-color: var(--object-color);
}

.bg-objectSecondary {
  background-color: var(--object-secondary);
}

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

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

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

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

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

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

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

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

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

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

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

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

.border-transparent {
  border-color: transparent;
}

.border-black {
  border-color: #000;
}

.border-white {
  border-color: #fff;
}

.border-gray50 {
  border-color: #f8f8f3;
}

.border-gray100 {
  border-color: #e5e4d7;
}

.border-gray200 {
  border-color: #cacbc0;
}

.border-gray300 {
  border-color: #b0b2aa;
}

.border-gray400 {
  border-color: #969994;
}

.border-gray500 {
  border-color: #7c807e;
}

.border-gray600 {
  border-color: #616767;
}

.border-gray700 {
  border-color: #474e51;
}

.border-gray800 {
  border-color: #2d353b;
}

.border-gray900 {
  border-color: #22282b;
}

.border-blue50 {
  border-color: #ebf7fa;
}

.border-blue100 {
  border-color: #d6eef5;
}

.border-blue200 {
  border-color: #adddea;
}

.border-blue300 {
  border-color: #85cde0;
}

.border-blue400 {
  border-color: #5cbcd5;
}

.border-blue500 {
  border-color: #33abcb;
}

.border-blue600 {
  border-color: #2e91af;
}

.border-blue700 {
  border-color: #287792;
}

.border-blue800 {
  border-color: #235c76;
}

.border-blue900 {
  border-color: #1e4259;
}

.border-orange50 {
  border-color: #fff6ed;
}

.border-orange100 {
  border-color: #feeddb;
}

.border-orange200 {
  border-color: #fddbb7;
}

.border-orange300 {
  border-color: #fbc894;
}

.border-orange400 {
  border-color: #fab670;
}

.border-orange500 {
  border-color: #f9a44c;
}

.border-orange600 {
  border-color: #d58744;
}

.border-orange700 {
  border-color: #b16a3d;
}

.border-orange800 {
  border-color: #8c4d35;
}

.border-orange900 {
  border-color: #68302d;
}

.border-coral50 {
  border-color: #fdefee;
}

.border-coral100 {
  border-color: #fbe0dd;
}

.border-coral200 {
  border-color: #f7c1bc;
}

.border-coral300 {
  border-color: #f2a19a;
}

.border-coral400 {
  border-color: #ee8279;
}

.border-coral500 {
  border-color: #ea6357;
}

.border-coral600 {
  border-color: #c65552;
}

.border-coral700 {
  border-color: #a3484e;
}

.border-coral800 {
  border-color: #7f3a4a;
}

.border-coral900 {
  border-color: #5b2c45;
}

.border-primary {
  border-color: var(--primary-color);
}

.border-accent {
  border-color: var(--accent-color);
}

.border-object {
  border-color: var(--object-color);
}

.border-objectSecondary {
  border-color: var(--object-secondary);
}

.hover\:border-transparent:hover {
  border-color: transparent;
}

.hover\:border-black:hover {
  border-color: #000;
}

.hover\:border-white:hover {
  border-color: #fff;
}

.hover\:border-gray50:hover {
  border-color: #f8f8f3;
}

.hover\:border-gray100:hover {
  border-color: #e5e4d7;
}

.hover\:border-gray200:hover {
  border-color: #cacbc0;
}

.hover\:border-gray300:hover {
  border-color: #b0b2aa;
}

.hover\:border-gray400:hover {
  border-color: #969994;
}

.hover\:border-gray500:hover {
  border-color: #7c807e;
}

.hover\:border-gray600:hover {
  border-color: #616767;
}

.hover\:border-gray700:hover {
  border-color: #474e51;
}

.hover\:border-gray800:hover {
  border-color: #2d353b;
}

.hover\:border-gray900:hover {
  border-color: #22282b;
}

.hover\:border-blue50:hover {
  border-color: #ebf7fa;
}

.hover\:border-blue100:hover {
  border-color: #d6eef5;
}

.hover\:border-blue200:hover {
  border-color: #adddea;
}

.hover\:border-blue300:hover {
  border-color: #85cde0;
}

.hover\:border-blue400:hover {
  border-color: #5cbcd5;
}

.hover\:border-blue500:hover {
  border-color: #33abcb;
}

.hover\:border-blue600:hover {
  border-color: #2e91af;
}

.hover\:border-blue700:hover {
  border-color: #287792;
}

.hover\:border-blue800:hover {
  border-color: #235c76;
}

.hover\:border-blue900:hover {
  border-color: #1e4259;
}

.hover\:border-orange50:hover {
  border-color: #fff6ed;
}

.hover\:border-orange100:hover {
  border-color: #feeddb;
}

.hover\:border-orange200:hover {
  border-color: #fddbb7;
}

.hover\:border-orange300:hover {
  border-color: #fbc894;
}

.hover\:border-orange400:hover {
  border-color: #fab670;
}

.hover\:border-orange500:hover {
  border-color: #f9a44c;
}

.hover\:border-orange600:hover {
  border-color: #d58744;
}

.hover\:border-orange700:hover {
  border-color: #b16a3d;
}

.hover\:border-orange800:hover {
  border-color: #8c4d35;
}

.hover\:border-orange900:hover {
  border-color: #68302d;
}

.hover\:border-coral50:hover {
  border-color: #fdefee;
}

.hover\:border-coral100:hover {
  border-color: #fbe0dd;
}

.hover\:border-coral200:hover {
  border-color: #f7c1bc;
}

.hover\:border-coral300:hover {
  border-color: #f2a19a;
}

.hover\:border-coral400:hover {
  border-color: #ee8279;
}

.hover\:border-coral500:hover {
  border-color: #ea6357;
}

.hover\:border-coral600:hover {
  border-color: #c65552;
}

.hover\:border-coral700:hover {
  border-color: #a3484e;
}

.hover\:border-coral800:hover {
  border-color: #7f3a4a;
}

.hover\:border-coral900:hover {
  border-color: #5b2c45;
}

.hover\:border-primary:hover {
  border-color: var(--primary-color);
}

.hover\:border-accent:hover {
  border-color: var(--accent-color);
}

.hover\:border-object:hover {
  border-color: var(--object-color);
}

.hover\:border-objectSecondary:hover {
  border-color: var(--object-secondary);
}

.rounded-none {
  border-radius: 0;
}

.rounded-sm {
  border-radius: .125rem;
}

.rounded {
  border-radius: .25rem;
}

.rounded-lg {
  border-radius: .5rem;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-t-none {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.rounded-r-none {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.rounded-b-none {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.rounded-l-none {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.rounded-t-sm {
  border-top-left-radius: .125rem;
  border-top-right-radius: .125rem;
}

.rounded-r-sm {
  border-top-right-radius: .125rem;
  border-bottom-right-radius: .125rem;
}

.rounded-b-sm {
  border-bottom-right-radius: .125rem;
  border-bottom-left-radius: .125rem;
}

.rounded-l-sm {
  border-top-left-radius: .125rem;
  border-bottom-left-radius: .125rem;
}

.rounded-t {
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
}

.rounded-r {
  border-top-right-radius: .25rem;
  border-bottom-right-radius: .25rem;
}

.rounded-b {
  border-bottom-right-radius: .25rem;
  border-bottom-left-radius: .25rem;
}

.rounded-l {
  border-top-left-radius: .25rem;
  border-bottom-left-radius: .25rem;
}

.rounded-t-lg {
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
}

.rounded-r-lg {
  border-top-right-radius: .5rem;
  border-bottom-right-radius: .5rem;
}

.rounded-b-lg {
  border-bottom-right-radius: .5rem;
  border-bottom-left-radius: .5rem;
}

.rounded-l-lg {
  border-top-left-radius: .5rem;
  border-bottom-left-radius: .5rem;
}

.rounded-t-full {
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
}

.rounded-r-full {
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}

.rounded-b-full {
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px;
}

.rounded-l-full {
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}

.rounded-tl-none {
  border-top-left-radius: 0;
}

.rounded-tr-none {
  border-top-right-radius: 0;
}

.rounded-br-none {
  border-bottom-right-radius: 0;
}

.rounded-bl-none {
  border-bottom-left-radius: 0;
}

.rounded-tl-sm {
  border-top-left-radius: .125rem;
}

.rounded-tr-sm {
  border-top-right-radius: .125rem;
}

.rounded-br-sm {
  border-bottom-right-radius: .125rem;
}

.rounded-bl-sm {
  border-bottom-left-radius: .125rem;
}

.rounded-tl {
  border-top-left-radius: .25rem;
}

.rounded-tr {
  border-top-right-radius: .25rem;
}

.rounded-br {
  border-bottom-right-radius: .25rem;
}

.rounded-bl {
  border-bottom-left-radius: .25rem;
}

.rounded-tl-lg {
  border-top-left-radius: .5rem;
}

.rounded-tr-lg {
  border-top-right-radius: .5rem;
}

.rounded-br-lg {
  border-bottom-right-radius: .5rem;
}

.rounded-bl-lg {
  border-bottom-left-radius: .5rem;
}

.rounded-tl-full {
  border-top-left-radius: 9999px;
}

.rounded-tr-full {
  border-top-right-radius: 9999px;
}

.rounded-br-full {
  border-bottom-right-radius: 9999px;
}

.rounded-bl-full {
  border-bottom-left-radius: 9999px;
}

.border-solid {
  border-style: solid;
}

.border-dashed {
  border-style: dashed;
}

.border-dotted {
  border-style: dotted;
}

.border-none {
  border-style: none;
}

.border-0 {
  border-width: 0;
}

.border-2 {
  border-width: 2px;
}

.border-4 {
  border-width: 4px;
}

.border-8 {
  border-width: 8px;
}

.border {
  border-width: 1px;
}

.border-t-0 {
  border-top-width: 0;
}

.border-r-0 {
  border-right-width: 0;
}

.border-b-0 {
  border-bottom-width: 0;
}

.border-l-0 {
  border-left-width: 0;
}

.border-t-2 {
  border-top-width: 2px;
}

.border-r-2 {
  border-right-width: 2px;
}

.border-b-2 {
  border-bottom-width: 2px;
}

.border-l-2 {
  border-left-width: 2px;
}

.border-t-4 {
  border-top-width: 4px;
}

.border-r-4 {
  border-right-width: 4px;
}

.border-b-4 {
  border-bottom-width: 4px;
}

.border-l-4 {
  border-left-width: 4px;
}

.border-t-8 {
  border-top-width: 8px;
}

.border-r-8 {
  border-right-width: 8px;
}

.border-b-8 {
  border-bottom-width: 8px;
}

.border-l-8 {
  border-left-width: 8px;
}

.border-t {
  border-top-width: 1px;
}

.border-r {
  border-right-width: 1px;
}

.border-b {
  border-bottom-width: 1px;
}

.border-l {
  border-left-width: 1px;
}

.cursor-auto {
  cursor: auto;
}

.cursor-default {
  cursor: default;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-wait {
  cursor: wait;
}

.cursor-move {
  cursor: move;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.block {
  display: block;
}

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

.inline {
  display: inline;
}

.table {
  display: table;
}

.table-row {
  display: table-row;
}

.table-cell {
  display: table-cell;
}

.hidden {
  display: none;
}

.flex {
  display: flex;
}

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

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

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

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

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

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

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

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

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

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

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

.items-baseline {
  align-items: baseline;
}

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

.self-auto {
  align-self: auto;
}

.self-start {
  align-self: flex-start;
}

.self-end {
  align-self: flex-end;
}

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

.self-stretch {
  align-self: stretch;
}

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

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

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

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

.justify-around {
  justify-content: space-around;
}

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

.content-start {
  align-content: flex-start;
}

.content-end {
  align-content: flex-end;
}

.content-between {
  align-content: space-between;
}

.content-around {
  align-content: space-around;
}

.flex-1 {
  flex: 1;
}

.flex-auto {
  flex: auto;
}

.flex-initial {
  flex: initial;
}

.flex-none {
  flex: none;
}

.flex-grow {
  flex-grow: 1;
}

.flex-shrink {
  flex-shrink: 1;
}

.flex-no-grow {
  flex-grow: 0;
}

.flex-no-shrink {
  flex-shrink: 0;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.float-none {
  float: none;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.font-sans {
  font-family: Montserrat, Roboto, Helvetica Neue, Arial, sans-serif;
}

.font-mono {
  font-family: OCR-A, Courier New, monospace;
}

.font-hairline {
  font-weight: 100;
}

.font-thin {
  font-weight: 200;
}

.font-light {
  font-weight: 300;
}

.font-normal {
  font-weight: 400;
}

.font-medium {
  font-weight: 500;
}

.font-semibold {
  font-weight: 600;
}

.font-bold {
  font-weight: 700;
}

.font-extrabold {
  font-weight: 800;
}

.font-black {
  font-weight: 900;
}

.h-1 {
  height: .25rem;
}

.h-2 {
  height: .5rem;
}

.h-3 {
  height: .75rem;
}

.h-4 {
  height: 1rem;
}

.h-5 {
  height: 1.25rem;
}

.h-6 {
  height: 1.5rem;
}

.h-8 {
  height: 2rem;
}

.h-10 {
  height: 2.5rem;
}

.h-12 {
  height: 3rem;
}

.h-16 {
  height: 4rem;
}

.h-24 {
  height: 6rem;
}

.h-32 {
  height: 8rem;
}

.h-48 {
  height: 12rem;
}

.h-64 {
  height: 16rem;
}

.h-auto {
  height: auto;
}

.h-px {
  height: 1px;
}

.h-full {
  height: 100%;
}

.h-screen {
  height: 100vh;
}

.leading-none {
  line-height: 1;
}

.leading-tight {
  line-height: 1.25;
}

.leading-normal {
  line-height: 1.5;
}

.leading-loose {
  line-height: 2;
}

.m-0 {
  margin: 0;
}

.m-1 {
  margin: .25rem;
}

.m-2 {
  margin: .5rem;
}

.m-3 {
  margin: .75rem;
}

.m-4 {
  margin: 1rem;
}

.m-5 {
  margin: 1.25rem;
}

.m-6 {
  margin: 1.5rem;
}

.m-8 {
  margin: 2rem;
}

.m-10 {
  margin: 2.5rem;
}

.m-12 {
  margin: 3rem;
}

.m-16 {
  margin: 4rem;
}

.m-20 {
  margin: 5rem;
}

.m-24 {
  margin: 6rem;
}

.m-32 {
  margin: 8rem;
}

.m-auto {
  margin: auto;
}

.m-px {
  margin: 1px;
}

.my-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.mx-0 {
  margin-left: 0;
  margin-right: 0;
}

.my-1 {
  margin-top: .25rem;
  margin-bottom: .25rem;
}

.mx-1 {
  margin-left: .25rem;
  margin-right: .25rem;
}

.my-2 {
  margin-top: .5rem;
  margin-bottom: .5rem;
}

.mx-2 {
  margin-left: .5rem;
  margin-right: .5rem;
}

.my-3 {
  margin-top: .75rem;
  margin-bottom: .75rem;
}

.mx-3 {
  margin-left: .75rem;
  margin-right: .75rem;
}

.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.mx-5 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.mx-8 {
  margin-left: 2rem;
  margin-right: 2rem;
}

.my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.mx-10 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

.my-12 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.mx-12 {
  margin-left: 3rem;
  margin-right: 3rem;
}

.my-16 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.mx-16 {
  margin-left: 4rem;
  margin-right: 4rem;
}

.my-20 {
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.mx-20 {
  margin-left: 5rem;
  margin-right: 5rem;
}

.my-24 {
  margin-top: 6rem;
  margin-bottom: 6rem;
}

.mx-24 {
  margin-left: 6rem;
  margin-right: 6rem;
}

.my-32 {
  margin-top: 8rem;
  margin-bottom: 8rem;
}

.mx-32 {
  margin-left: 8rem;
  margin-right: 8rem;
}

.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.my-px {
  margin-top: 1px;
  margin-bottom: 1px;
}

.mx-px {
  margin-left: 1px;
  margin-right: 1px;
}

.mt-0 {
  margin-top: 0;
}

.mr-0 {
  margin-right: 0;
}

.mb-0 {
  margin-bottom: 0;
}

.ml-0 {
  margin-left: 0;
}

.mt-1 {
  margin-top: .25rem;
}

.mr-1 {
  margin-right: .25rem;
}

.mb-1 {
  margin-bottom: .25rem;
}

.ml-1 {
  margin-left: .25rem;
}

.mt-2 {
  margin-top: .5rem;
}

.mr-2 {
  margin-right: .5rem;
}

.mb-2 {
  margin-bottom: .5rem;
}

.ml-2 {
  margin-left: .5rem;
}

.mt-3 {
  margin-top: .75rem;
}

.mr-3 {
  margin-right: .75rem;
}

.mb-3 {
  margin-bottom: .75rem;
}

.ml-3 {
  margin-left: .75rem;
}

.mt-4 {
  margin-top: 1rem;
}

.mr-4 {
  margin-right: 1rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.ml-4 {
  margin-left: 1rem;
}

.mt-5 {
  margin-top: 1.25rem;
}

.mr-5 {
  margin-right: 1.25rem;
}

.mb-5 {
  margin-bottom: 1.25rem;
}

.ml-5 {
  margin-left: 1.25rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mr-6 {
  margin-right: 1.5rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.ml-6 {
  margin-left: 1.5rem;
}

.mt-8 {
  margin-top: 2rem;
}

.mr-8 {
  margin-right: 2rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.ml-8 {
  margin-left: 2rem;
}

.mt-10 {
  margin-top: 2.5rem;
}

.mr-10 {
  margin-right: 2.5rem;
}

.mb-10 {
  margin-bottom: 2.5rem;
}

.ml-10 {
  margin-left: 2.5rem;
}

.mt-12 {
  margin-top: 3rem;
}

.mr-12 {
  margin-right: 3rem;
}

.mb-12 {
  margin-bottom: 3rem;
}

.ml-12 {
  margin-left: 3rem;
}

.mt-16 {
  margin-top: 4rem;
}

.mr-16 {
  margin-right: 4rem;
}

.mb-16 {
  margin-bottom: 4rem;
}

.ml-16 {
  margin-left: 4rem;
}

.mt-20 {
  margin-top: 5rem;
}

.mr-20 {
  margin-right: 5rem;
}

.mb-20 {
  margin-bottom: 5rem;
}

.ml-20 {
  margin-left: 5rem;
}

.mt-24 {
  margin-top: 6rem;
}

.mr-24 {
  margin-right: 6rem;
}

.mb-24 {
  margin-bottom: 6rem;
}

.ml-24 {
  margin-left: 6rem;
}

.mt-32 {
  margin-top: 8rem;
}

.mr-32 {
  margin-right: 8rem;
}

.mb-32 {
  margin-bottom: 8rem;
}

.ml-32 {
  margin-left: 8rem;
}

.mt-auto {
  margin-top: auto;
}

.mr-auto {
  margin-right: auto;
}

.mb-auto {
  margin-bottom: auto;
}

.ml-auto {
  margin-left: auto;
}

.mt-px {
  margin-top: 1px;
}

.mr-px {
  margin-right: 1px;
}

.mb-px {
  margin-bottom: 1px;
}

.ml-px {
  margin-left: 1px;
}

.max-w-xs {
  max-width: 20rem;
}

.max-w-sm {
  max-width: 30rem;
}

.max-w-md {
  max-width: 40rem;
}

.max-w-lg {
  max-width: 50rem;
}

.max-w-xl {
  max-width: 60rem;
}

.max-w-2xl {
  max-width: 70rem;
}

.max-w-3xl {
  max-width: 80rem;
}

.max-w-4xl {
  max-width: 90rem;
}

.max-w-5xl {
  max-width: 100rem;
}

.max-w-full {
  max-width: 100%;
}

.-m-0 {
  margin: 0;
}

.-m-1 {
  margin: -0.25rem;
}

.-m-2 {
  margin: -0.5rem;
}

.-m-3 {
  margin: -0.75rem;
}

.-m-4 {
  margin: -1rem;
}

.-m-5 {
  margin: -1.25rem;
}

.-m-6 {
  margin: -1.5rem;
}

.-m-8 {
  margin: -2rem;
}

.-m-10 {
  margin: -2.5rem;
}

.-m-12 {
  margin: -3rem;
}

.-m-16 {
  margin: -4rem;
}

.-m-20 {
  margin: -5rem;
}

.-m-24 {
  margin: -6rem;
}

.-m-32 {
  margin: -8rem;
}

.-m-px {
  margin: -1px;
}

.-my-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.-mx-0 {
  margin-left: 0;
  margin-right: 0;
}

.-my-1 {
  margin-top: -0.25rem;
  margin-bottom: -0.25rem;
}

.-mx-1 {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}

.-my-2 {
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
}

.-mx-2 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.-my-3 {
  margin-top: -0.75rem;
  margin-bottom: -0.75rem;
}

.-mx-3 {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}

.-my-4 {
  margin-top: -1rem;
  margin-bottom: -1rem;
}

.-mx-4 {
  margin-left: -1rem;
  margin-right: -1rem;
}

.-my-5 {
  margin-top: -1.25rem;
  margin-bottom: -1.25rem;
}

.-mx-5 {
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}

.-my-6 {
  margin-top: -1.5rem;
  margin-bottom: -1.5rem;
}

.-mx-6 {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}

.-my-8 {
  margin-top: -2rem;
  margin-bottom: -2rem;
}

.-mx-8 {
  margin-left: -2rem;
  margin-right: -2rem;
}

.-my-10 {
  margin-top: -2.5rem;
  margin-bottom: -2.5rem;
}

.-mx-10 {
  margin-left: -2.5rem;
  margin-right: -2.5rem;
}

.-my-12 {
  margin-top: -3rem;
  margin-bottom: -3rem;
}

.-mx-12 {
  margin-left: -3rem;
  margin-right: -3rem;
}

.-my-16 {
  margin-top: -4rem;
  margin-bottom: -4rem;
}

.-mx-16 {
  margin-left: -4rem;
  margin-right: -4rem;
}

.-my-20 {
  margin-top: -5rem;
  margin-bottom: -5rem;
}

.-mx-20 {
  margin-left: -5rem;
  margin-right: -5rem;
}

.-my-24 {
  margin-top: -6rem;
  margin-bottom: -6rem;
}

.-mx-24 {
  margin-left: -6rem;
  margin-right: -6rem;
}

.-my-32 {
  margin-top: -8rem;
  margin-bottom: -8rem;
}

.-mx-32 {
  margin-left: -8rem;
  margin-right: -8rem;
}

.-my-px {
  margin-top: -1px;
  margin-bottom: -1px;
}

.-mx-px {
  margin-left: -1px;
  margin-right: -1px;
}

.-mt-0 {
  margin-top: 0;
}

.-mr-0 {
  margin-right: 0;
}

.-mb-0 {
  margin-bottom: 0;
}

.-ml-0 {
  margin-left: 0;
}

.-mt-1 {
  margin-top: -0.25rem;
}

.-mr-1 {
  margin-right: -0.25rem;
}

.-mb-1 {
  margin-bottom: -0.25rem;
}

.-ml-1 {
  margin-left: -0.25rem;
}

.-mt-2 {
  margin-top: -0.5rem;
}

.-mr-2 {
  margin-right: -0.5rem;
}

.-mb-2 {
  margin-bottom: -0.5rem;
}

.-ml-2 {
  margin-left: -0.5rem;
}

.-mt-3 {
  margin-top: -0.75rem;
}

.-mr-3 {
  margin-right: -0.75rem;
}

.-mb-3 {
  margin-bottom: -0.75rem;
}

.-ml-3 {
  margin-left: -0.75rem;
}

.-mt-4 {
  margin-top: -1rem;
}

.-mr-4 {
  margin-right: -1rem;
}

.-mb-4 {
  margin-bottom: -1rem;
}

.-ml-4 {
  margin-left: -1rem;
}

.-mt-5 {
  margin-top: -1.25rem;
}

.-mr-5 {
  margin-right: -1.25rem;
}

.-mb-5 {
  margin-bottom: -1.25rem;
}

.-ml-5 {
  margin-left: -1.25rem;
}

.-mt-6 {
  margin-top: -1.5rem;
}

.-mr-6 {
  margin-right: -1.5rem;
}

.-mb-6 {
  margin-bottom: -1.5rem;
}

.-ml-6 {
  margin-left: -1.5rem;
}

.-mt-8 {
  margin-top: -2rem;
}

.-mr-8 {
  margin-right: -2rem;
}

.-mb-8 {
  margin-bottom: -2rem;
}

.-ml-8 {
  margin-left: -2rem;
}

.-mt-10 {
  margin-top: -2.5rem;
}

.-mr-10 {
  margin-right: -2.5rem;
}

.-mb-10 {
  margin-bottom: -2.5rem;
}

.-ml-10 {
  margin-left: -2.5rem;
}

.-mt-12 {
  margin-top: -3rem;
}

.-mr-12 {
  margin-right: -3rem;
}

.-mb-12 {
  margin-bottom: -3rem;
}

.-ml-12 {
  margin-left: -3rem;
}

.-mt-16 {
  margin-top: -4rem;
}

.-mr-16 {
  margin-right: -4rem;
}

.-mb-16 {
  margin-bottom: -4rem;
}

.-ml-16 {
  margin-left: -4rem;
}

.-mt-20 {
  margin-top: -5rem;
}

.-mr-20 {
  margin-right: -5rem;
}

.-mb-20 {
  margin-bottom: -5rem;
}

.-ml-20 {
  margin-left: -5rem;
}

.-mt-24 {
  margin-top: -6rem;
}

.-mr-24 {
  margin-right: -6rem;
}

.-mb-24 {
  margin-bottom: -6rem;
}

.-ml-24 {
  margin-left: -6rem;
}

.-mt-32 {
  margin-top: -8rem;
}

.-mr-32 {
  margin-right: -8rem;
}

.-mb-32 {
  margin-bottom: -8rem;
}

.-ml-32 {
  margin-left: -8rem;
}

.-mt-px {
  margin-top: -1px;
}

.-mr-px {
  margin-right: -1px;
}

.-mb-px {
  margin-bottom: -1px;
}

.-ml-px {
  margin-left: -1px;
}

.opacity-0 {
  opacity: 0;
}

.opacity-25 {
  opacity: .25;
}

.opacity-50 {
  opacity: .5;
}

.opacity-75 {
  opacity: .75;
}

.opacity-100 {
  opacity: 1;
}

.outline-none {
  outline: 0;
}

.focus\:outline-none:focus {
  outline: 0;
}

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-visible {
  overflow: visible;
}

.overflow-scroll {
  overflow: scroll;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-y-auto {
  overflow-y: auto;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.overflow-y-hidden {
  overflow-y: hidden;
}

.overflow-x-visible {
  overflow-x: visible;
}

.overflow-y-visible {
  overflow-y: visible;
}

.overflow-x-scroll {
  overflow-x: scroll;
}

.overflow-y-scroll {
  overflow-y: scroll;
}

.scrolling-touch {
  -webkit-overflow-scrolling: touch;
}

.scrolling-auto {
  -webkit-overflow-scrolling: auto;
}

.p-0 {
  padding: 0;
}

.p-1 {
  padding: .25rem;
}

.p-2 {
  padding: .5rem;
}

.p-3 {
  padding: .75rem;
}

.p-4 {
  padding: 1rem;
}

.p-5 {
  padding: 1.25rem;
}

.p-6 {
  padding: 1.5rem;
}

.p-8 {
  padding: 2rem;
}

.p-10 {
  padding: 2.5rem;
}

.p-12 {
  padding: 3rem;
}

.p-16 {
  padding: 4rem;
}

.p-20 {
  padding: 5rem;
}

.p-24 {
  padding: 6rem;
}

.p-32 {
  padding: 8rem;
}

.p-px {
  padding: 1px;
}

.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.px-0 {
  padding-left: 0;
  padding-right: 0;
}

.py-1 {
  padding-top: .25rem;
  padding-bottom: .25rem;
}

.px-1 {
  padding-left: .25rem;
  padding-right: .25rem;
}

.py-2 {
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.px-2 {
  padding-left: .5rem;
  padding-right: .5rem;
}

.py-3 {
  padding-top: .75rem;
  padding-bottom: .75rem;
}

.px-3 {
  padding-left: .75rem;
  padding-right: .75rem;
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}

.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.px-16 {
  padding-left: 4rem;
  padding-right: 4rem;
}

.py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.px-20 {
  padding-left: 5rem;
  padding-right: 5rem;
}

.py-24 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.px-24 {
  padding-left: 6rem;
  padding-right: 6rem;
}

.py-32 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.px-32 {
  padding-left: 8rem;
  padding-right: 8rem;
}

.py-px {
  padding-top: 1px;
  padding-bottom: 1px;
}

.px-px {
  padding-left: 1px;
  padding-right: 1px;
}

.pt-0 {
  padding-top: 0;
}

.pr-0 {
  padding-right: 0;
}

.pb-0 {
  padding-bottom: 0;
}

.pl-0 {
  padding-left: 0;
}

.pt-1 {
  padding-top: .25rem;
}

.pr-1 {
  padding-right: .25rem;
}

.pb-1 {
  padding-bottom: .25rem;
}

.pl-1 {
  padding-left: .25rem;
}

.pt-2 {
  padding-top: .5rem;
}

.pr-2 {
  padding-right: .5rem;
}

.pb-2 {
  padding-bottom: .5rem;
}

.pl-2 {
  padding-left: .5rem;
}

.pt-3 {
  padding-top: .75rem;
}

.pr-3 {
  padding-right: .75rem;
}

.pb-3 {
  padding-bottom: .75rem;
}

.pl-3 {
  padding-left: .75rem;
}

.pt-4 {
  padding-top: 1rem;
}

.pr-4 {
  padding-right: 1rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.pl-4 {
  padding-left: 1rem;
}

.pt-5 {
  padding-top: 1.25rem;
}

.pr-5 {
  padding-right: 1.25rem;
}

.pb-5 {
  padding-bottom: 1.25rem;
}

.pl-5 {
  padding-left: 1.25rem;
}

.pt-6 {
  padding-top: 1.5rem;
}

.pr-6 {
  padding-right: 1.5rem;
}

.pb-6 {
  padding-bottom: 1.5rem;
}

.pl-6 {
  padding-left: 1.5rem;
}

.pt-8 {
  padding-top: 2rem;
}

.pr-8 {
  padding-right: 2rem;
}

.pb-8 {
  padding-bottom: 2rem;
}

.pl-8 {
  padding-left: 2rem;
}

.pt-10 {
  padding-top: 2.5rem;
}

.pr-10 {
  padding-right: 2.5rem;
}

.pb-10 {
  padding-bottom: 2.5rem;
}

.pl-10 {
  padding-left: 2.5rem;
}

.pt-12 {
  padding-top: 3rem;
}

.pr-12 {
  padding-right: 3rem;
}

.pb-12 {
  padding-bottom: 3rem;
}

.pl-12 {
  padding-left: 3rem;
}

.pt-16 {
  padding-top: 4rem;
}

.pr-16 {
  padding-right: 4rem;
}

.pb-16 {
  padding-bottom: 4rem;
}

.pl-16 {
  padding-left: 4rem;
}

.pt-20 {
  padding-top: 5rem;
}

.pr-20 {
  padding-right: 5rem;
}

.pb-20 {
  padding-bottom: 5rem;
}

.pl-20 {
  padding-left: 5rem;
}

.pt-24 {
  padding-top: 6rem;
}

.pr-24 {
  padding-right: 6rem;
}

.pb-24 {
  padding-bottom: 6rem;
}

.pl-24 {
  padding-left: 6rem;
}

.pt-32 {
  padding-top: 8rem;
}

.pr-32 {
  padding-right: 8rem;
}

.pb-32 {
  padding-bottom: 8rem;
}

.pl-32 {
  padding-left: 8rem;
}

.pt-px {
  padding-top: 1px;
}

.pr-px {
  padding-right: 1px;
}

.pb-px {
  padding-bottom: 1px;
}

.pl-px {
  padding-left: 1px;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.pin-none {
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}

.pin {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.pin-y {
  top: 0;
  bottom: 0;
}

.pin-x {
  right: 0;
  left: 0;
}

.pin-t {
  top: 0;
}

.pin-r {
  right: 0;
}

.pin-b {
  bottom: 0;
}

.pin-l {
  left: 0;
}

.shadow-coral25 {
  box-shadow: 0px 7px 20px rgba(234, 99, 87, .25);
}

.shadow-coral30 {
  box-shadow: 0px 7px 20px rgba(234, 99, 87, .3);
}

.shadow-coral40 {
  box-shadow: 0px 7px 20px rgba(234, 99, 87, .4);
}

.shadow-coral50 {
  box-shadow: 0px 7px 20px rgba(234, 99, 87, .5);
}

.shadow-blue50 {
  box-shadow: 0px 7px 20px rgba(51, 171, 203, .5);
}

.shadow-gray50 {
  box-shadow: 0px 7px 20px rgba(34, 40, 43, .5);
}

.shadow-black50 {
  box-shadow: 0px 7px 20px rgba(0, 0, 0, .5);
}

.shadow-currentColor {
  box-shadow: 0px 7px 20px currentColor;
}

.shadow-objectColor {
  box-shadow: 0px 7px 20px var(--object-color);
}

.shadow-secondaryColor {
  box-shadow: 0px 7px 20px var(--object-secondary);
}

.shadow-primary {
  box-shadow: 0px 7px 20px var(--primary-color);
}

.shadow-accent {
  box-shadow: 0px 7px 20px var(--accent-color);
}

.shadow-white {
  box-shadow: 0px 7px 20px #fff;
}

.shadow-coral50Hover {
  box-shadow: 0px 10px 30px rgba(234, 99, 87, .5);
}

.shadow-blue50Hover {
  box-shadow: 0px 10px 30px 2px rgba(51, 171, 203, .5);
}

.shadow-currentColorHover {
  box-shadow: 0px 10px 30px 2px currentColor;
}

.shadow-objectColorHover {
  box-shadow: 0px 10px 30px 2px var(--object-color);
}

.shadow-objectSecondaryHover {
  box-shadow: 0px 10px 30px 2px var(--object-secondary);
}

.shadow-primaryHover {
  box-shadow: 0px 10px 30px 2px var(--primary-color);
}

.shadow-accentHover {
  box-shadow: 0px 10px 30px 2px var(--accent-color);
}

.group:hover .group-hover\:shadow-coral25 {
  box-shadow: 0px 7px 20px rgba(234, 99, 87, .25);
}

.group:hover .group-hover\:shadow-coral30 {
  box-shadow: 0px 7px 20px rgba(234, 99, 87, .3);
}

.group:hover .group-hover\:shadow-coral40 {
  box-shadow: 0px 7px 20px rgba(234, 99, 87, .4);
}

.group:hover .group-hover\:shadow-coral50 {
  box-shadow: 0px 7px 20px rgba(234, 99, 87, .5);
}

.group:hover .group-hover\:shadow-blue50 {
  box-shadow: 0px 7px 20px rgba(51, 171, 203, .5);
}

.group:hover .group-hover\:shadow-gray50 {
  box-shadow: 0px 7px 20px rgba(34, 40, 43, .5);
}

.group:hover .group-hover\:shadow-black50 {
  box-shadow: 0px 7px 20px rgba(0, 0, 0, .5);
}

.group:hover .group-hover\:shadow-currentColor {
  box-shadow: 0px 7px 20px currentColor;
}

.group:hover .group-hover\:shadow-objectColor {
  box-shadow: 0px 7px 20px var(--object-color);
}

.group:hover .group-hover\:shadow-secondaryColor {
  box-shadow: 0px 7px 20px var(--object-secondary);
}

.group:hover .group-hover\:shadow-primary {
  box-shadow: 0px 7px 20px var(--primary-color);
}

.group:hover .group-hover\:shadow-accent {
  box-shadow: 0px 7px 20px var(--accent-color);
}

.group:hover .group-hover\:shadow-white {
  box-shadow: 0px 7px 20px #fff;
}

.group:hover .group-hover\:shadow-coral50Hover {
  box-shadow: 0px 10px 30px rgba(234, 99, 87, .5);
}

.group:hover .group-hover\:shadow-blue50Hover {
  box-shadow: 0px 10px 30px 2px rgba(51, 171, 203, .5);
}

.group:hover .group-hover\:shadow-currentColorHover {
  box-shadow: 0px 10px 30px 2px currentColor;
}

.group:hover .group-hover\:shadow-objectColorHover {
  box-shadow: 0px 10px 30px 2px var(--object-color);
}

.group:hover .group-hover\:shadow-objectSecondaryHover {
  box-shadow: 0px 10px 30px 2px var(--object-secondary);
}

.group:hover .group-hover\:shadow-primaryHover {
  box-shadow: 0px 10px 30px 2px var(--primary-color);
}

.group:hover .group-hover\:shadow-accentHover {
  box-shadow: 0px 10px 30px 2px var(--accent-color);
}

.hover\:shadow-coral25:hover {
  box-shadow: 0px 7px 20px rgba(234, 99, 87, .25);
}

.hover\:shadow-coral30:hover {
  box-shadow: 0px 7px 20px rgba(234, 99, 87, .3);
}

.hover\:shadow-coral40:hover {
  box-shadow: 0px 7px 20px rgba(234, 99, 87, .4);
}

.hover\:shadow-coral50:hover {
  box-shadow: 0px 7px 20px rgba(234, 99, 87, .5);
}

.hover\:shadow-blue50:hover {
  box-shadow: 0px 7px 20px rgba(51, 171, 203, .5);
}

.hover\:shadow-gray50:hover {
  box-shadow: 0px 7px 20px rgba(34, 40, 43, .5);
}

.hover\:shadow-black50:hover {
  box-shadow: 0px 7px 20px rgba(0, 0, 0, .5);
}

.hover\:shadow-currentColor:hover {
  box-shadow: 0px 7px 20px currentColor;
}

.hover\:shadow-objectColor:hover {
  box-shadow: 0px 7px 20px var(--object-color);
}

.hover\:shadow-secondaryColor:hover {
  box-shadow: 0px 7px 20px var(--object-secondary);
}

.hover\:shadow-primary:hover {
  box-shadow: 0px 7px 20px var(--primary-color);
}

.hover\:shadow-accent:hover {
  box-shadow: 0px 7px 20px var(--accent-color);
}

.hover\:shadow-white:hover {
  box-shadow: 0px 7px 20px #fff;
}

.hover\:shadow-coral50Hover:hover {
  box-shadow: 0px 10px 30px rgba(234, 99, 87, .5);
}

.hover\:shadow-blue50Hover:hover {
  box-shadow: 0px 10px 30px 2px rgba(51, 171, 203, .5);
}

.hover\:shadow-currentColorHover:hover {
  box-shadow: 0px 10px 30px 2px currentColor;
}

.hover\:shadow-objectColorHover:hover {
  box-shadow: 0px 10px 30px 2px var(--object-color);
}

.hover\:shadow-objectSecondaryHover:hover {
  box-shadow: 0px 10px 30px 2px var(--object-secondary);
}

.hover\:shadow-primaryHover:hover {
  box-shadow: 0px 10px 30px 2px var(--primary-color);
}

.hover\:shadow-accentHover:hover {
  box-shadow: 0px 10px 30px 2px var(--accent-color);
}

.stroke-current {
  stroke: currentColor;
}

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

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

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

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

.text-transparent {
  color: transparent;
}

.text-black {
  color: #000;
}

.text-white {
  color: #fff;
}

.text-gray50 {
  color: #f8f8f3;
}

.text-gray100 {
  color: #e5e4d7;
}

.text-gray200 {
  color: #cacbc0;
}

.text-gray300 {
  color: #b0b2aa;
}

.text-gray400 {
  color: #969994;
}

.text-gray500 {
  color: #7c807e;
}

.text-gray600 {
  color: #616767;
}

.text-gray700 {
  color: #474e51;
}

.text-gray800 {
  color: #2d353b;
}

.text-gray900 {
  color: #22282b;
}

.text-blue50 {
  color: #ebf7fa;
}

.text-blue100 {
  color: #d6eef5;
}

.text-blue200 {
  color: #adddea;
}

.text-blue300 {
  color: #85cde0;
}

.text-blue400 {
  color: #5cbcd5;
}

.text-blue500 {
  color: #33abcb;
}

.text-blue600 {
  color: #2e91af;
}

.text-blue700 {
  color: #287792;
}

.text-blue800 {
  color: #235c76;
}

.text-blue900 {
  color: #1e4259;
}

.text-orange50 {
  color: #fff6ed;
}

.text-orange100 {
  color: #feeddb;
}

.text-orange200 {
  color: #fddbb7;
}

.text-orange300 {
  color: #fbc894;
}

.text-orange400 {
  color: #fab670;
}

.text-orange500 {
  color: #f9a44c;
}

.text-orange600 {
  color: #d58744;
}

.text-orange700 {
  color: #b16a3d;
}

.text-orange800 {
  color: #8c4d35;
}

.text-orange900 {
  color: #68302d;
}

.text-coral50 {
  color: #fdefee;
}

.text-coral100 {
  color: #fbe0dd;
}

.text-coral200 {
  color: #f7c1bc;
}

.text-coral300 {
  color: #f2a19a;
}

.text-coral400 {
  color: #ee8279;
}

.text-coral500 {
  color: #ea6357;
}

.text-coral600 {
  color: #c65552;
}

.text-coral700 {
  color: #a3484e;
}

.text-coral800 {
  color: #7f3a4a;
}

.text-coral900 {
  color: #5b2c45;
}

.text-primary {
  color: var(--primary-color);
}

.text-accent {
  color: var(--accent-color);
}

.text-object {
  color: var(--object-color);
}

.text-objectSecondary {
  color: var(--object-secondary);
}

.group:hover .group-hover\:text-transparent {
  color: transparent;
}

.group:hover .group-hover\:text-black {
  color: #000;
}

.group:hover .group-hover\:text-white {
  color: #fff;
}

.group:hover .group-hover\:text-gray50 {
  color: #f8f8f3;
}

.group:hover .group-hover\:text-gray100 {
  color: #e5e4d7;
}

.group:hover .group-hover\:text-gray200 {
  color: #cacbc0;
}

.group:hover .group-hover\:text-gray300 {
  color: #b0b2aa;
}

.group:hover .group-hover\:text-gray400 {
  color: #969994;
}

.group:hover .group-hover\:text-gray500 {
  color: #7c807e;
}

.group:hover .group-hover\:text-gray600 {
  color: #616767;
}

.group:hover .group-hover\:text-gray700 {
  color: #474e51;
}

.group:hover .group-hover\:text-gray800 {
  color: #2d353b;
}

.group:hover .group-hover\:text-gray900 {
  color: #22282b;
}

.group:hover .group-hover\:text-blue50 {
  color: #ebf7fa;
}

.group:hover .group-hover\:text-blue100 {
  color: #d6eef5;
}

.group:hover .group-hover\:text-blue200 {
  color: #adddea;
}

.group:hover .group-hover\:text-blue300 {
  color: #85cde0;
}

.group:hover .group-hover\:text-blue400 {
  color: #5cbcd5;
}

.group:hover .group-hover\:text-blue500 {
  color: #33abcb;
}

.group:hover .group-hover\:text-blue600 {
  color: #2e91af;
}

.group:hover .group-hover\:text-blue700 {
  color: #287792;
}

.group:hover .group-hover\:text-blue800 {
  color: #235c76;
}

.group:hover .group-hover\:text-blue900 {
  color: #1e4259;
}

.group:hover .group-hover\:text-orange50 {
  color: #fff6ed;
}

.group:hover .group-hover\:text-orange100 {
  color: #feeddb;
}

.group:hover .group-hover\:text-orange200 {
  color: #fddbb7;
}

.group:hover .group-hover\:text-orange300 {
  color: #fbc894;
}

.group:hover .group-hover\:text-orange400 {
  color: #fab670;
}

.group:hover .group-hover\:text-orange500 {
  color: #f9a44c;
}

.group:hover .group-hover\:text-orange600 {
  color: #d58744;
}

.group:hover .group-hover\:text-orange700 {
  color: #b16a3d;
}

.group:hover .group-hover\:text-orange800 {
  color: #8c4d35;
}

.group:hover .group-hover\:text-orange900 {
  color: #68302d;
}

.group:hover .group-hover\:text-coral50 {
  color: #fdefee;
}

.group:hover .group-hover\:text-coral100 {
  color: #fbe0dd;
}

.group:hover .group-hover\:text-coral200 {
  color: #f7c1bc;
}

.group:hover .group-hover\:text-coral300 {
  color: #f2a19a;
}

.group:hover .group-hover\:text-coral400 {
  color: #ee8279;
}

.group:hover .group-hover\:text-coral500 {
  color: #ea6357;
}

.group:hover .group-hover\:text-coral600 {
  color: #c65552;
}

.group:hover .group-hover\:text-coral700 {
  color: #a3484e;
}

.group:hover .group-hover\:text-coral800 {
  color: #7f3a4a;
}

.group:hover .group-hover\:text-coral900 {
  color: #5b2c45;
}

.group:hover .group-hover\:text-primary {
  color: var(--primary-color);
}

.group:hover .group-hover\:text-accent {
  color: var(--accent-color);
}

.group:hover .group-hover\:text-object {
  color: var(--object-color);
}

.group:hover .group-hover\:text-objectSecondary {
  color: var(--object-secondary);
}

.hover\:text-transparent:hover {
  color: transparent;
}

.hover\:text-black:hover {
  color: #000;
}

.hover\:text-white:hover {
  color: #fff;
}

.hover\:text-gray50:hover {
  color: #f8f8f3;
}

.hover\:text-gray100:hover {
  color: #e5e4d7;
}

.hover\:text-gray200:hover {
  color: #cacbc0;
}

.hover\:text-gray300:hover {
  color: #b0b2aa;
}

.hover\:text-gray400:hover {
  color: #969994;
}

.hover\:text-gray500:hover {
  color: #7c807e;
}

.hover\:text-gray600:hover {
  color: #616767;
}

.hover\:text-gray700:hover {
  color: #474e51;
}

.hover\:text-gray800:hover {
  color: #2d353b;
}

.hover\:text-gray900:hover {
  color: #22282b;
}

.hover\:text-blue50:hover {
  color: #ebf7fa;
}

.hover\:text-blue100:hover {
  color: #d6eef5;
}

.hover\:text-blue200:hover {
  color: #adddea;
}

.hover\:text-blue300:hover {
  color: #85cde0;
}

.hover\:text-blue400:hover {
  color: #5cbcd5;
}

.hover\:text-blue500:hover {
  color: #33abcb;
}

.hover\:text-blue600:hover {
  color: #2e91af;
}

.hover\:text-blue700:hover {
  color: #287792;
}

.hover\:text-blue800:hover {
  color: #235c76;
}

.hover\:text-blue900:hover {
  color: #1e4259;
}

.hover\:text-orange50:hover {
  color: #fff6ed;
}

.hover\:text-orange100:hover {
  color: #feeddb;
}

.hover\:text-orange200:hover {
  color: #fddbb7;
}

.hover\:text-orange300:hover {
  color: #fbc894;
}

.hover\:text-orange400:hover {
  color: #fab670;
}

.hover\:text-orange500:hover {
  color: #f9a44c;
}

.hover\:text-orange600:hover {
  color: #d58744;
}

.hover\:text-orange700:hover {
  color: #b16a3d;
}

.hover\:text-orange800:hover {
  color: #8c4d35;
}

.hover\:text-orange900:hover {
  color: #68302d;
}

.hover\:text-coral50:hover {
  color: #fdefee;
}

.hover\:text-coral100:hover {
  color: #fbe0dd;
}

.hover\:text-coral200:hover {
  color: #f7c1bc;
}

.hover\:text-coral300:hover {
  color: #f2a19a;
}

.hover\:text-coral400:hover {
  color: #ee8279;
}

.hover\:text-coral500:hover {
  color: #ea6357;
}

.hover\:text-coral600:hover {
  color: #c65552;
}

.hover\:text-coral700:hover {
  color: #a3484e;
}

.hover\:text-coral800:hover {
  color: #7f3a4a;
}

.hover\:text-coral900:hover {
  color: #5b2c45;
}

.hover\:text-primary:hover {
  color: var(--primary-color);
}

.hover\:text-accent:hover {
  color: var(--accent-color);
}

.hover\:text-object:hover {
  color: var(--object-color);
}

.hover\:text-objectSecondary:hover {
  color: var(--object-secondary);
}

.text-xs {
  font-size: .75rem;
}

.text-sm {
  font-size: .875rem;
}

.text-base {
  font-size: 1rem;
}

.text-lg {
  font-size: 1.125rem;
}

.text-xl {
  font-size: 1.25rem;
}

.text-2xl {
  font-size: 1.5rem;
}

.text-3xl {
  font-size: 1.875rem;
}

.text-4xl {
  font-size: 2.25rem;
}

.text-5xl {
  font-size: 3rem;
}

.italic {
  font-style: italic;
}

.roman {
  font-style: normal;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.capitalize {
  text-transform: capitalize;
}

.normal-case {
  text-transform: none;
}

.underline {
  text-decoration: underline;
}

.line-through {
  text-decoration: line-through;
}

.no-underline {
  text-decoration: none;
}

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.subpixel-antialiased {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}

.tracking-tight {
  letter-spacing: -0.05em;
}

.tracking-normal {
  letter-spacing: 0;
}

.tracking-wide {
  letter-spacing: .05em;
}

.visible {
  visibility: visible;
}

.invisible {
  visibility: hidden;
}

.w-1 {
  width: .25rem;
}

.w-2 {
  width: .5rem;
}

.w-3 {
  width: .75rem;
}

.w-4 {
  width: 1rem;
}

.w-5 {
  width: 1.25rem;
}

.w-6 {
  width: 1.5rem;
}

.w-8 {
  width: 2rem;
}

.w-10 {
  width: 2.5rem;
}

.w-12 {
  width: 3rem;
}

.w-16 {
  width: 4rem;
}

.w-24 {
  width: 6rem;
}

.w-32 {
  width: 8rem;
}

.w-48 {
  width: 12rem;
}

.w-64 {
  width: 16rem;
}

.w-auto {
  width: auto;
}

.w-px {
  width: 1px;
}

.w-1\/2 {
  width: 50%;
}

.w-1\/3 {
  width: 33.33333%;
}

.w-2\/3 {
  width: 66.66667%;
}

.w-1\/4 {
  width: 25%;
}

.w-3\/4 {
  width: 75%;
}

.w-1\/5 {
  width: 20%;
}

.w-2\/5 {
  width: 40%;
}

.w-3\/5 {
  width: 60%;
}

.w-4\/5 {
  width: 80%;
}

.w-1\/6 {
  width: 16.66667%;
}

.w-5\/6 {
  width: 83.33333%;
}

.w-full {
  width: 100%;
}

.w-screen {
  width: 100vw;
}

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

.z-10 {
  z-index: 10;
}

.z-20 {
  z-index: 20;
}

.z-30 {
  z-index: 30;
}

.z-40 {
  z-index: 40;
}

.z-50 {
  z-index: 50;
}

.z-auto {
  z-index: auto;
}

@media (min-width: 576px) {
  .sm\:rounded-none {
    border-radius: 0;
  }

  .sm\:rounded-sm {
    border-radius: .125rem;
  }

  .sm\:rounded {
    border-radius: .25rem;
  }

  .sm\:rounded-lg {
    border-radius: .5rem;
  }

  .sm\:rounded-full {
    border-radius: 9999px;
  }

  .sm\:rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .sm\:rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .sm\:rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .sm\:rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .sm\:rounded-t-sm {
    border-top-left-radius: .125rem;
    border-top-right-radius: .125rem;
  }

  .sm\:rounded-r-sm {
    border-top-right-radius: .125rem;
    border-bottom-right-radius: .125rem;
  }

  .sm\:rounded-b-sm {
    border-bottom-right-radius: .125rem;
    border-bottom-left-radius: .125rem;
  }

  .sm\:rounded-l-sm {
    border-top-left-radius: .125rem;
    border-bottom-left-radius: .125rem;
  }

  .sm\:rounded-t {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
  }

  .sm\:rounded-r {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
  }

  .sm\:rounded-b {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
  }

  .sm\:rounded-l {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
  }

  .sm\:rounded-t-lg {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
  }

  .sm\:rounded-r-lg {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem;
  }

  .sm\:rounded-b-lg {
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem;
  }

  .sm\:rounded-l-lg {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem;
  }

  .sm\:rounded-t-full {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
  }

  .sm\:rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
  }

  .sm\:rounded-b-full {
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .sm\:rounded-l-full {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .sm\:rounded-tl-none {
    border-top-left-radius: 0;
  }

  .sm\:rounded-tr-none {
    border-top-right-radius: 0;
  }

  .sm\:rounded-br-none {
    border-bottom-right-radius: 0;
  }

  .sm\:rounded-bl-none {
    border-bottom-left-radius: 0;
  }

  .sm\:rounded-tl-sm {
    border-top-left-radius: .125rem;
  }

  .sm\:rounded-tr-sm {
    border-top-right-radius: .125rem;
  }

  .sm\:rounded-br-sm {
    border-bottom-right-radius: .125rem;
  }

  .sm\:rounded-bl-sm {
    border-bottom-left-radius: .125rem;
  }

  .sm\:rounded-tl {
    border-top-left-radius: .25rem;
  }

  .sm\:rounded-tr {
    border-top-right-radius: .25rem;
  }

  .sm\:rounded-br {
    border-bottom-right-radius: .25rem;
  }

  .sm\:rounded-bl {
    border-bottom-left-radius: .25rem;
  }

  .sm\:rounded-tl-lg {
    border-top-left-radius: .5rem;
  }

  .sm\:rounded-tr-lg {
    border-top-right-radius: .5rem;
  }

  .sm\:rounded-br-lg {
    border-bottom-right-radius: .5rem;
  }

  .sm\:rounded-bl-lg {
    border-bottom-left-radius: .5rem;
  }

  .sm\:rounded-tl-full {
    border-top-left-radius: 9999px;
  }

  .sm\:rounded-tr-full {
    border-top-right-radius: 9999px;
  }

  .sm\:rounded-br-full {
    border-bottom-right-radius: 9999px;
  }

  .sm\:rounded-bl-full {
    border-bottom-left-radius: 9999px;
  }

  .sm\:border-0 {
    border-width: 0;
  }

  .sm\:border-2 {
    border-width: 2px;
  }

  .sm\:border-4 {
    border-width: 4px;
  }

  .sm\:border-8 {
    border-width: 8px;
  }

  .sm\:border {
    border-width: 1px;
  }

  .sm\:border-t-0 {
    border-top-width: 0;
  }

  .sm\:border-r-0 {
    border-right-width: 0;
  }

  .sm\:border-b-0 {
    border-bottom-width: 0;
  }

  .sm\:border-l-0 {
    border-left-width: 0;
  }

  .sm\:border-t-2 {
    border-top-width: 2px;
  }

  .sm\:border-r-2 {
    border-right-width: 2px;
  }

  .sm\:border-b-2 {
    border-bottom-width: 2px;
  }

  .sm\:border-l-2 {
    border-left-width: 2px;
  }

  .sm\:border-t-4 {
    border-top-width: 4px;
  }

  .sm\:border-r-4 {
    border-right-width: 4px;
  }

  .sm\:border-b-4 {
    border-bottom-width: 4px;
  }

  .sm\:border-l-4 {
    border-left-width: 4px;
  }

  .sm\:border-t-8 {
    border-top-width: 8px;
  }

  .sm\:border-r-8 {
    border-right-width: 8px;
  }

  .sm\:border-b-8 {
    border-bottom-width: 8px;
  }

  .sm\:border-l-8 {
    border-left-width: 8px;
  }

  .sm\:border-t {
    border-top-width: 1px;
  }

  .sm\:border-r {
    border-right-width: 1px;
  }

  .sm\:border-b {
    border-bottom-width: 1px;
  }

  .sm\:border-l {
    border-left-width: 1px;
  }

  .sm\:block {
    display: block;
  }

  .sm\:inline-block {
    display: inline-block;
  }

  .sm\:inline {
    display: inline;
  }

  .sm\:table {
    display: table;
  }

  .sm\:table-row {
    display: table-row;
  }

  .sm\:table-cell {
    display: table-cell;
  }

  .sm\:hidden {
    display: none;
  }

  .sm\:flex {
    display: flex;
  }

  .sm\:inline-flex {
    display: inline-flex;
  }

  .sm\:flex-row {
    flex-direction: row;
  }

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

  .sm\:flex-col {
    flex-direction: column;
  }

  .sm\:flex-col-reverse {
    flex-direction: column-reverse;
  }

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

  .sm\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }

  .sm\:flex-no-wrap {
    flex-wrap: nowrap;
  }

  .sm\:items-start {
    align-items: flex-start;
  }

  .sm\:items-end {
    align-items: flex-end;
  }

  .sm\:items-center {
    align-items: center;
  }

  .sm\:items-baseline {
    align-items: baseline;
  }

  .sm\:items-stretch {
    align-items: stretch;
  }

  .sm\:self-auto {
    align-self: auto;
  }

  .sm\:self-start {
    align-self: flex-start;
  }

  .sm\:self-end {
    align-self: flex-end;
  }

  .sm\:self-center {
    align-self: center;
  }

  .sm\:self-stretch {
    align-self: stretch;
  }

  .sm\:justify-start {
    justify-content: flex-start;
  }

  .sm\:justify-end {
    justify-content: flex-end;
  }

  .sm\:justify-center {
    justify-content: center;
  }

  .sm\:justify-between {
    justify-content: space-between;
  }

  .sm\:justify-around {
    justify-content: space-around;
  }

  .sm\:content-center {
    align-content: center;
  }

  .sm\:content-start {
    align-content: flex-start;
  }

  .sm\:content-end {
    align-content: flex-end;
  }

  .sm\:content-between {
    align-content: space-between;
  }

  .sm\:content-around {
    align-content: space-around;
  }

  .sm\:flex-1 {
    flex: 1;
  }

  .sm\:flex-auto {
    flex: auto;
  }

  .sm\:flex-initial {
    flex: initial;
  }

  .sm\:flex-none {
    flex: none;
  }

  .sm\:flex-grow {
    flex-grow: 1;
  }

  .sm\:flex-shrink {
    flex-shrink: 1;
  }

  .sm\:flex-no-grow {
    flex-grow: 0;
  }

  .sm\:flex-no-shrink {
    flex-shrink: 0;
  }

  .sm\:float-right {
    float: right;
  }

  .sm\:float-left {
    float: left;
  }

  .sm\:float-none {
    float: none;
  }

  .sm\:clearfix:after {
    content: "";
    display: table;
    clear: both;
  }

  .sm\:m-0 {
    margin: 0;
  }

  .sm\:m-1 {
    margin: .25rem;
  }

  .sm\:m-2 {
    margin: .5rem;
  }

  .sm\:m-3 {
    margin: .75rem;
  }

  .sm\:m-4 {
    margin: 1rem;
  }

  .sm\:m-5 {
    margin: 1.25rem;
  }

  .sm\:m-6 {
    margin: 1.5rem;
  }

  .sm\:m-8 {
    margin: 2rem;
  }

  .sm\:m-10 {
    margin: 2.5rem;
  }

  .sm\:m-12 {
    margin: 3rem;
  }

  .sm\:m-16 {
    margin: 4rem;
  }

  .sm\:m-20 {
    margin: 5rem;
  }

  .sm\:m-24 {
    margin: 6rem;
  }

  .sm\:m-32 {
    margin: 8rem;
  }

  .sm\:m-auto {
    margin: auto;
  }

  .sm\:m-px {
    margin: 1px;
  }

  .sm\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .sm\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .sm\:my-1 {
    margin-top: .25rem;
    margin-bottom: .25rem;
  }

  .sm\:mx-1 {
    margin-left: .25rem;
    margin-right: .25rem;
  }

  .sm\:my-2 {
    margin-top: .5rem;
    margin-bottom: .5rem;
  }

  .sm\:mx-2 {
    margin-left: .5rem;
    margin-right: .5rem;
  }

  .sm\:my-3 {
    margin-top: .75rem;
    margin-bottom: .75rem;
  }

  .sm\:mx-3 {
    margin-left: .75rem;
    margin-right: .75rem;
  }

  .sm\:my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .sm\:mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .sm\:my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  .sm\:mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  .sm\:my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .sm\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .sm\:my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .sm\:mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .sm\:my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .sm\:mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  .sm\:my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .sm\:mx-12 {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  .sm\:my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .sm\:mx-16 {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .sm\:my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  .sm\:mx-20 {
    margin-left: 5rem;
    margin-right: 5rem;
  }

  .sm\:my-24 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  .sm\:mx-24 {
    margin-left: 6rem;
    margin-right: 6rem;
  }

  .sm\:my-32 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  .sm\:mx-32 {
    margin-left: 8rem;
    margin-right: 8rem;
  }

  .sm\:my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  .sm\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .sm\:my-px {
    margin-top: 1px;
    margin-bottom: 1px;
  }

  .sm\:mx-px {
    margin-left: 1px;
    margin-right: 1px;
  }

  .sm\:mt-0 {
    margin-top: 0;
  }

  .sm\:mr-0 {
    margin-right: 0;
  }

  .sm\:mb-0 {
    margin-bottom: 0;
  }

  .sm\:ml-0 {
    margin-left: 0;
  }

  .sm\:mt-1 {
    margin-top: .25rem;
  }

  .sm\:mr-1 {
    margin-right: .25rem;
  }

  .sm\:mb-1 {
    margin-bottom: .25rem;
  }

  .sm\:ml-1 {
    margin-left: .25rem;
  }

  .sm\:mt-2 {
    margin-top: .5rem;
  }

  .sm\:mr-2 {
    margin-right: .5rem;
  }

  .sm\:mb-2 {
    margin-bottom: .5rem;
  }

  .sm\:ml-2 {
    margin-left: .5rem;
  }

  .sm\:mt-3 {
    margin-top: .75rem;
  }

  .sm\:mr-3 {
    margin-right: .75rem;
  }

  .sm\:mb-3 {
    margin-bottom: .75rem;
  }

  .sm\:ml-3 {
    margin-left: .75rem;
  }

  .sm\:mt-4 {
    margin-top: 1rem;
  }

  .sm\:mr-4 {
    margin-right: 1rem;
  }

  .sm\:mb-4 {
    margin-bottom: 1rem;
  }

  .sm\:ml-4 {
    margin-left: 1rem;
  }

  .sm\:mt-5 {
    margin-top: 1.25rem;
  }

  .sm\:mr-5 {
    margin-right: 1.25rem;
  }

  .sm\:mb-5 {
    margin-bottom: 1.25rem;
  }

  .sm\:ml-5 {
    margin-left: 1.25rem;
  }

  .sm\:mt-6 {
    margin-top: 1.5rem;
  }

  .sm\:mr-6 {
    margin-right: 1.5rem;
  }

  .sm\:mb-6 {
    margin-bottom: 1.5rem;
  }

  .sm\:ml-6 {
    margin-left: 1.5rem;
  }

  .sm\:mt-8 {
    margin-top: 2rem;
  }

  .sm\:mr-8 {
    margin-right: 2rem;
  }

  .sm\:mb-8 {
    margin-bottom: 2rem;
  }

  .sm\:ml-8 {
    margin-left: 2rem;
  }

  .sm\:mt-10 {
    margin-top: 2.5rem;
  }

  .sm\:mr-10 {
    margin-right: 2.5rem;
  }

  .sm\:mb-10 {
    margin-bottom: 2.5rem;
  }

  .sm\:ml-10 {
    margin-left: 2.5rem;
  }

  .sm\:mt-12 {
    margin-top: 3rem;
  }

  .sm\:mr-12 {
    margin-right: 3rem;
  }

  .sm\:mb-12 {
    margin-bottom: 3rem;
  }

  .sm\:ml-12 {
    margin-left: 3rem;
  }

  .sm\:mt-16 {
    margin-top: 4rem;
  }

  .sm\:mr-16 {
    margin-right: 4rem;
  }

  .sm\:mb-16 {
    margin-bottom: 4rem;
  }

  .sm\:ml-16 {
    margin-left: 4rem;
  }

  .sm\:mt-20 {
    margin-top: 5rem;
  }

  .sm\:mr-20 {
    margin-right: 5rem;
  }

  .sm\:mb-20 {
    margin-bottom: 5rem;
  }

  .sm\:ml-20 {
    margin-left: 5rem;
  }

  .sm\:mt-24 {
    margin-top: 6rem;
  }

  .sm\:mr-24 {
    margin-right: 6rem;
  }

  .sm\:mb-24 {
    margin-bottom: 6rem;
  }

  .sm\:ml-24 {
    margin-left: 6rem;
  }

  .sm\:mt-32 {
    margin-top: 8rem;
  }

  .sm\:mr-32 {
    margin-right: 8rem;
  }

  .sm\:mb-32 {
    margin-bottom: 8rem;
  }

  .sm\:ml-32 {
    margin-left: 8rem;
  }

  .sm\:mt-auto {
    margin-top: auto;
  }

  .sm\:mr-auto {
    margin-right: auto;
  }

  .sm\:mb-auto {
    margin-bottom: auto;
  }

  .sm\:ml-auto {
    margin-left: auto;
  }

  .sm\:mt-px {
    margin-top: 1px;
  }

  .sm\:mr-px {
    margin-right: 1px;
  }

  .sm\:mb-px {
    margin-bottom: 1px;
  }

  .sm\:ml-px {
    margin-left: 1px;
  }

  .sm\:max-w-xs {
    max-width: 20rem;
  }

  .sm\:max-w-sm {
    max-width: 30rem;
  }

  .sm\:max-w-md {
    max-width: 40rem;
  }

  .sm\:max-w-lg {
    max-width: 50rem;
  }

  .sm\:max-w-xl {
    max-width: 60rem;
  }

  .sm\:max-w-2xl {
    max-width: 70rem;
  }

  .sm\:max-w-3xl {
    max-width: 80rem;
  }

  .sm\:max-w-4xl {
    max-width: 90rem;
  }

  .sm\:max-w-5xl {
    max-width: 100rem;
  }

  .sm\:max-w-full {
    max-width: 100%;
  }

  .sm\:-m-0 {
    margin: 0;
  }

  .sm\:-m-1 {
    margin: -0.25rem;
  }

  .sm\:-m-2 {
    margin: -0.5rem;
  }

  .sm\:-m-3 {
    margin: -0.75rem;
  }

  .sm\:-m-4 {
    margin: -1rem;
  }

  .sm\:-m-5 {
    margin: -1.25rem;
  }

  .sm\:-m-6 {
    margin: -1.5rem;
  }

  .sm\:-m-8 {
    margin: -2rem;
  }

  .sm\:-m-10 {
    margin: -2.5rem;
  }

  .sm\:-m-12 {
    margin: -3rem;
  }

  .sm\:-m-16 {
    margin: -4rem;
  }

  .sm\:-m-20 {
    margin: -5rem;
  }

  .sm\:-m-24 {
    margin: -6rem;
  }

  .sm\:-m-32 {
    margin: -8rem;
  }

  .sm\:-m-px {
    margin: -1px;
  }

  .sm\:-my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .sm\:-mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .sm\:-my-1 {
    margin-top: -0.25rem;
    margin-bottom: -0.25rem;
  }

  .sm\:-mx-1 {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }

  .sm\:-my-2 {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
  }

  .sm\:-mx-2 {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }

  .sm\:-my-3 {
    margin-top: -0.75rem;
    margin-bottom: -0.75rem;
  }

  .sm\:-mx-3 {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }

  .sm\:-my-4 {
    margin-top: -1rem;
    margin-bottom: -1rem;
  }

  .sm\:-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem;
  }

  .sm\:-my-5 {
    margin-top: -1.25rem;
    margin-bottom: -1.25rem;
  }

  .sm\:-mx-5 {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  .sm\:-my-6 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
  }

  .sm\:-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  .sm\:-my-8 {
    margin-top: -2rem;
    margin-bottom: -2rem;
  }

  .sm\:-mx-8 {
    margin-left: -2rem;
    margin-right: -2rem;
  }

  .sm\:-my-10 {
    margin-top: -2.5rem;
    margin-bottom: -2.5rem;
  }

  .sm\:-mx-10 {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }

  .sm\:-my-12 {
    margin-top: -3rem;
    margin-bottom: -3rem;
  }

  .sm\:-mx-12 {
    margin-left: -3rem;
    margin-right: -3rem;
  }

  .sm\:-my-16 {
    margin-top: -4rem;
    margin-bottom: -4rem;
  }

  .sm\:-mx-16 {
    margin-left: -4rem;
    margin-right: -4rem;
  }

  .sm\:-my-20 {
    margin-top: -5rem;
    margin-bottom: -5rem;
  }

  .sm\:-mx-20 {
    margin-left: -5rem;
    margin-right: -5rem;
  }

  .sm\:-my-24 {
    margin-top: -6rem;
    margin-bottom: -6rem;
  }

  .sm\:-mx-24 {
    margin-left: -6rem;
    margin-right: -6rem;
  }

  .sm\:-my-32 {
    margin-top: -8rem;
    margin-bottom: -8rem;
  }

  .sm\:-mx-32 {
    margin-left: -8rem;
    margin-right: -8rem;
  }

  .sm\:-my-px {
    margin-top: -1px;
    margin-bottom: -1px;
  }

  .sm\:-mx-px {
    margin-left: -1px;
    margin-right: -1px;
  }

  .sm\:-mt-0 {
    margin-top: 0;
  }

  .sm\:-mr-0 {
    margin-right: 0;
  }

  .sm\:-mb-0 {
    margin-bottom: 0;
  }

  .sm\:-ml-0 {
    margin-left: 0;
  }

  .sm\:-mt-1 {
    margin-top: -0.25rem;
  }

  .sm\:-mr-1 {
    margin-right: -0.25rem;
  }

  .sm\:-mb-1 {
    margin-bottom: -0.25rem;
  }

  .sm\:-ml-1 {
    margin-left: -0.25rem;
  }

  .sm\:-mt-2 {
    margin-top: -0.5rem;
  }

  .sm\:-mr-2 {
    margin-right: -0.5rem;
  }

  .sm\:-mb-2 {
    margin-bottom: -0.5rem;
  }

  .sm\:-ml-2 {
    margin-left: -0.5rem;
  }

  .sm\:-mt-3 {
    margin-top: -0.75rem;
  }

  .sm\:-mr-3 {
    margin-right: -0.75rem;
  }

  .sm\:-mb-3 {
    margin-bottom: -0.75rem;
  }

  .sm\:-ml-3 {
    margin-left: -0.75rem;
  }

  .sm\:-mt-4 {
    margin-top: -1rem;
  }

  .sm\:-mr-4 {
    margin-right: -1rem;
  }

  .sm\:-mb-4 {
    margin-bottom: -1rem;
  }

  .sm\:-ml-4 {
    margin-left: -1rem;
  }

  .sm\:-mt-5 {
    margin-top: -1.25rem;
  }

  .sm\:-mr-5 {
    margin-right: -1.25rem;
  }

  .sm\:-mb-5 {
    margin-bottom: -1.25rem;
  }

  .sm\:-ml-5 {
    margin-left: -1.25rem;
  }

  .sm\:-mt-6 {
    margin-top: -1.5rem;
  }

  .sm\:-mr-6 {
    margin-right: -1.5rem;
  }

  .sm\:-mb-6 {
    margin-bottom: -1.5rem;
  }

  .sm\:-ml-6 {
    margin-left: -1.5rem;
  }

  .sm\:-mt-8 {
    margin-top: -2rem;
  }

  .sm\:-mr-8 {
    margin-right: -2rem;
  }

  .sm\:-mb-8 {
    margin-bottom: -2rem;
  }

  .sm\:-ml-8 {
    margin-left: -2rem;
  }

  .sm\:-mt-10 {
    margin-top: -2.5rem;
  }

  .sm\:-mr-10 {
    margin-right: -2.5rem;
  }

  .sm\:-mb-10 {
    margin-bottom: -2.5rem;
  }

  .sm\:-ml-10 {
    margin-left: -2.5rem;
  }

  .sm\:-mt-12 {
    margin-top: -3rem;
  }

  .sm\:-mr-12 {
    margin-right: -3rem;
  }

  .sm\:-mb-12 {
    margin-bottom: -3rem;
  }

  .sm\:-ml-12 {
    margin-left: -3rem;
  }

  .sm\:-mt-16 {
    margin-top: -4rem;
  }

  .sm\:-mr-16 {
    margin-right: -4rem;
  }

  .sm\:-mb-16 {
    margin-bottom: -4rem;
  }

  .sm\:-ml-16 {
    margin-left: -4rem;
  }

  .sm\:-mt-20 {
    margin-top: -5rem;
  }

  .sm\:-mr-20 {
    margin-right: -5rem;
  }

  .sm\:-mb-20 {
    margin-bottom: -5rem;
  }

  .sm\:-ml-20 {
    margin-left: -5rem;
  }

  .sm\:-mt-24 {
    margin-top: -6rem;
  }

  .sm\:-mr-24 {
    margin-right: -6rem;
  }

  .sm\:-mb-24 {
    margin-bottom: -6rem;
  }

  .sm\:-ml-24 {
    margin-left: -6rem;
  }

  .sm\:-mt-32 {
    margin-top: -8rem;
  }

  .sm\:-mr-32 {
    margin-right: -8rem;
  }

  .sm\:-mb-32 {
    margin-bottom: -8rem;
  }

  .sm\:-ml-32 {
    margin-left: -8rem;
  }

  .sm\:-mt-px {
    margin-top: -1px;
  }

  .sm\:-mr-px {
    margin-right: -1px;
  }

  .sm\:-mb-px {
    margin-bottom: -1px;
  }

  .sm\:-ml-px {
    margin-left: -1px;
  }

  .sm\:p-0 {
    padding: 0;
  }

  .sm\:p-1 {
    padding: .25rem;
  }

  .sm\:p-2 {
    padding: .5rem;
  }

  .sm\:p-3 {
    padding: .75rem;
  }

  .sm\:p-4 {
    padding: 1rem;
  }

  .sm\:p-5 {
    padding: 1.25rem;
  }

  .sm\:p-6 {
    padding: 1.5rem;
  }

  .sm\:p-8 {
    padding: 2rem;
  }

  .sm\:p-10 {
    padding: 2.5rem;
  }

  .sm\:p-12 {
    padding: 3rem;
  }

  .sm\:p-16 {
    padding: 4rem;
  }

  .sm\:p-20 {
    padding: 5rem;
  }

  .sm\:p-24 {
    padding: 6rem;
  }

  .sm\:p-32 {
    padding: 8rem;
  }

  .sm\:p-px {
    padding: 1px;
  }

  .sm\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .sm\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .sm\:py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem;
  }

  .sm\:px-1 {
    padding-left: .25rem;
    padding-right: .25rem;
  }

  .sm\:py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .sm\:px-2 {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .sm\:py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem;
  }

  .sm\:px-3 {
    padding-left: .75rem;
    padding-right: .75rem;
  }

  .sm\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .sm\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .sm\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .sm\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .sm\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .sm\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .sm\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .sm\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .sm\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .sm\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .sm\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .sm\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .sm\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .sm\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .sm\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .sm\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .sm\:px-24 {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .sm\:py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .sm\:px-32 {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .sm\:py-px {
    padding-top: 1px;
    padding-bottom: 1px;
  }

  .sm\:px-px {
    padding-left: 1px;
    padding-right: 1px;
  }

  .sm\:pt-0 {
    padding-top: 0;
  }

  .sm\:pr-0 {
    padding-right: 0;
  }

  .sm\:pb-0 {
    padding-bottom: 0;
  }

  .sm\:pl-0 {
    padding-left: 0;
  }

  .sm\:pt-1 {
    padding-top: .25rem;
  }

  .sm\:pr-1 {
    padding-right: .25rem;
  }

  .sm\:pb-1 {
    padding-bottom: .25rem;
  }

  .sm\:pl-1 {
    padding-left: .25rem;
  }

  .sm\:pt-2 {
    padding-top: .5rem;
  }

  .sm\:pr-2 {
    padding-right: .5rem;
  }

  .sm\:pb-2 {
    padding-bottom: .5rem;
  }

  .sm\:pl-2 {
    padding-left: .5rem;
  }

  .sm\:pt-3 {
    padding-top: .75rem;
  }

  .sm\:pr-3 {
    padding-right: .75rem;
  }

  .sm\:pb-3 {
    padding-bottom: .75rem;
  }

  .sm\:pl-3 {
    padding-left: .75rem;
  }

  .sm\:pt-4 {
    padding-top: 1rem;
  }

  .sm\:pr-4 {
    padding-right: 1rem;
  }

  .sm\:pb-4 {
    padding-bottom: 1rem;
  }

  .sm\:pl-4 {
    padding-left: 1rem;
  }

  .sm\:pt-5 {
    padding-top: 1.25rem;
  }

  .sm\:pr-5 {
    padding-right: 1.25rem;
  }

  .sm\:pb-5 {
    padding-bottom: 1.25rem;
  }

  .sm\:pl-5 {
    padding-left: 1.25rem;
  }

  .sm\:pt-6 {
    padding-top: 1.5rem;
  }

  .sm\:pr-6 {
    padding-right: 1.5rem;
  }

  .sm\:pb-6 {
    padding-bottom: 1.5rem;
  }

  .sm\:pl-6 {
    padding-left: 1.5rem;
  }

  .sm\:pt-8 {
    padding-top: 2rem;
  }

  .sm\:pr-8 {
    padding-right: 2rem;
  }

  .sm\:pb-8 {
    padding-bottom: 2rem;
  }

  .sm\:pl-8 {
    padding-left: 2rem;
  }

  .sm\:pt-10 {
    padding-top: 2.5rem;
  }

  .sm\:pr-10 {
    padding-right: 2.5rem;
  }

  .sm\:pb-10 {
    padding-bottom: 2.5rem;
  }

  .sm\:pl-10 {
    padding-left: 2.5rem;
  }

  .sm\:pt-12 {
    padding-top: 3rem;
  }

  .sm\:pr-12 {
    padding-right: 3rem;
  }

  .sm\:pb-12 {
    padding-bottom: 3rem;
  }

  .sm\:pl-12 {
    padding-left: 3rem;
  }

  .sm\:pt-16 {
    padding-top: 4rem;
  }

  .sm\:pr-16 {
    padding-right: 4rem;
  }

  .sm\:pb-16 {
    padding-bottom: 4rem;
  }

  .sm\:pl-16 {
    padding-left: 4rem;
  }

  .sm\:pt-20 {
    padding-top: 5rem;
  }

  .sm\:pr-20 {
    padding-right: 5rem;
  }

  .sm\:pb-20 {
    padding-bottom: 5rem;
  }

  .sm\:pl-20 {
    padding-left: 5rem;
  }

  .sm\:pt-24 {
    padding-top: 6rem;
  }

  .sm\:pr-24 {
    padding-right: 6rem;
  }

  .sm\:pb-24 {
    padding-bottom: 6rem;
  }

  .sm\:pl-24 {
    padding-left: 6rem;
  }

  .sm\:pt-32 {
    padding-top: 8rem;
  }

  .sm\:pr-32 {
    padding-right: 8rem;
  }

  .sm\:pb-32 {
    padding-bottom: 8rem;
  }

  .sm\:pl-32 {
    padding-left: 8rem;
  }

  .sm\:pt-px {
    padding-top: 1px;
  }

  .sm\:pr-px {
    padding-right: 1px;
  }

  .sm\:pb-px {
    padding-bottom: 1px;
  }

  .sm\:pl-px {
    padding-left: 1px;
  }

  .sm\:static {
    position: static;
  }

  .sm\:fixed {
    position: fixed;
  }

  .sm\:absolute {
    position: absolute;
  }

  .sm\:relative {
    position: relative;
  }

  .sm\:sticky {
    position: sticky;
  }

  .sm\:pin-none {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .sm\:pin {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .sm\:pin-y {
    top: 0;
    bottom: 0;
  }

  .sm\:pin-x {
    right: 0;
    left: 0;
  }

  .sm\:pin-t {
    top: 0;
  }

  .sm\:pin-r {
    right: 0;
  }

  .sm\:pin-b {
    bottom: 0;
  }

  .sm\:pin-l {
    left: 0;
  }

  .sm\:w-1 {
    width: .25rem;
  }

  .sm\:w-2 {
    width: .5rem;
  }

  .sm\:w-3 {
    width: .75rem;
  }

  .sm\:w-4 {
    width: 1rem;
  }

  .sm\:w-5 {
    width: 1.25rem;
  }

  .sm\:w-6 {
    width: 1.5rem;
  }

  .sm\:w-8 {
    width: 2rem;
  }

  .sm\:w-10 {
    width: 2.5rem;
  }

  .sm\:w-12 {
    width: 3rem;
  }

  .sm\:w-16 {
    width: 4rem;
  }

  .sm\:w-24 {
    width: 6rem;
  }

  .sm\:w-32 {
    width: 8rem;
  }

  .sm\:w-48 {
    width: 12rem;
  }

  .sm\:w-64 {
    width: 16rem;
  }

  .sm\:w-auto {
    width: auto;
  }

  .sm\:w-px {
    width: 1px;
  }

  .sm\:w-1\/2 {
    width: 50%;
  }

  .sm\:w-1\/3 {
    width: 33.33333%;
  }

  .sm\:w-2\/3 {
    width: 66.66667%;
  }

  .sm\:w-1\/4 {
    width: 25%;
  }

  .sm\:w-3\/4 {
    width: 75%;
  }

  .sm\:w-1\/5 {
    width: 20%;
  }

  .sm\:w-2\/5 {
    width: 40%;
  }

  .sm\:w-3\/5 {
    width: 60%;
  }

  .sm\:w-4\/5 {
    width: 80%;
  }

  .sm\:w-1\/6 {
    width: 16.66667%;
  }

  .sm\:w-5\/6 {
    width: 83.33333%;
  }

  .sm\:w-full {
    width: 100%;
  }

  .sm\:w-screen {
    width: 100vw;
  }
}

@media (min-width: 768px) {
  .md\:rounded-none {
    border-radius: 0;
  }

  .md\:rounded-sm {
    border-radius: .125rem;
  }

  .md\:rounded {
    border-radius: .25rem;
  }

  .md\:rounded-lg {
    border-radius: .5rem;
  }

  .md\:rounded-full {
    border-radius: 9999px;
  }

  .md\:rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .md\:rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .md\:rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .md\:rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .md\:rounded-t-sm {
    border-top-left-radius: .125rem;
    border-top-right-radius: .125rem;
  }

  .md\:rounded-r-sm {
    border-top-right-radius: .125rem;
    border-bottom-right-radius: .125rem;
  }

  .md\:rounded-b-sm {
    border-bottom-right-radius: .125rem;
    border-bottom-left-radius: .125rem;
  }

  .md\:rounded-l-sm {
    border-top-left-radius: .125rem;
    border-bottom-left-radius: .125rem;
  }

  .md\:rounded-t {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
  }

  .md\:rounded-r {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
  }

  .md\:rounded-b {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
  }

  .md\:rounded-l {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
  }

  .md\:rounded-t-lg {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
  }

  .md\:rounded-r-lg {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem;
  }

  .md\:rounded-b-lg {
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem;
  }

  .md\:rounded-l-lg {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem;
  }

  .md\:rounded-t-full {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
  }

  .md\:rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
  }

  .md\:rounded-b-full {
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .md\:rounded-l-full {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .md\:rounded-tl-none {
    border-top-left-radius: 0;
  }

  .md\:rounded-tr-none {
    border-top-right-radius: 0;
  }

  .md\:rounded-br-none {
    border-bottom-right-radius: 0;
  }

  .md\:rounded-bl-none {
    border-bottom-left-radius: 0;
  }

  .md\:rounded-tl-sm {
    border-top-left-radius: .125rem;
  }

  .md\:rounded-tr-sm {
    border-top-right-radius: .125rem;
  }

  .md\:rounded-br-sm {
    border-bottom-right-radius: .125rem;
  }

  .md\:rounded-bl-sm {
    border-bottom-left-radius: .125rem;
  }

  .md\:rounded-tl {
    border-top-left-radius: .25rem;
  }

  .md\:rounded-tr {
    border-top-right-radius: .25rem;
  }

  .md\:rounded-br {
    border-bottom-right-radius: .25rem;
  }

  .md\:rounded-bl {
    border-bottom-left-radius: .25rem;
  }

  .md\:rounded-tl-lg {
    border-top-left-radius: .5rem;
  }

  .md\:rounded-tr-lg {
    border-top-right-radius: .5rem;
  }

  .md\:rounded-br-lg {
    border-bottom-right-radius: .5rem;
  }

  .md\:rounded-bl-lg {
    border-bottom-left-radius: .5rem;
  }

  .md\:rounded-tl-full {
    border-top-left-radius: 9999px;
  }

  .md\:rounded-tr-full {
    border-top-right-radius: 9999px;
  }

  .md\:rounded-br-full {
    border-bottom-right-radius: 9999px;
  }

  .md\:rounded-bl-full {
    border-bottom-left-radius: 9999px;
  }

  .md\:border-0 {
    border-width: 0;
  }

  .md\:border-2 {
    border-width: 2px;
  }

  .md\:border-4 {
    border-width: 4px;
  }

  .md\:border-8 {
    border-width: 8px;
  }

  .md\:border {
    border-width: 1px;
  }

  .md\:border-t-0 {
    border-top-width: 0;
  }

  .md\:border-r-0 {
    border-right-width: 0;
  }

  .md\:border-b-0 {
    border-bottom-width: 0;
  }

  .md\:border-l-0 {
    border-left-width: 0;
  }

  .md\:border-t-2 {
    border-top-width: 2px;
  }

  .md\:border-r-2 {
    border-right-width: 2px;
  }

  .md\:border-b-2 {
    border-bottom-width: 2px;
  }

  .md\:border-l-2 {
    border-left-width: 2px;
  }

  .md\:border-t-4 {
    border-top-width: 4px;
  }

  .md\:border-r-4 {
    border-right-width: 4px;
  }

  .md\:border-b-4 {
    border-bottom-width: 4px;
  }

  .md\:border-l-4 {
    border-left-width: 4px;
  }

  .md\:border-t-8 {
    border-top-width: 8px;
  }

  .md\:border-r-8 {
    border-right-width: 8px;
  }

  .md\:border-b-8 {
    border-bottom-width: 8px;
  }

  .md\:border-l-8 {
    border-left-width: 8px;
  }

  .md\:border-t {
    border-top-width: 1px;
  }

  .md\:border-r {
    border-right-width: 1px;
  }

  .md\:border-b {
    border-bottom-width: 1px;
  }

  .md\:border-l {
    border-left-width: 1px;
  }

  .md\:block {
    display: block;
  }

  .md\:inline-block {
    display: inline-block;
  }

  .md\:inline {
    display: inline;
  }

  .md\:table {
    display: table;
  }

  .md\:table-row {
    display: table-row;
  }

  .md\:table-cell {
    display: table-cell;
  }

  .md\:hidden {
    display: none;
  }

  .md\:flex {
    display: flex;
  }

  .md\:inline-flex {
    display: inline-flex;
  }

  .md\:flex-row {
    flex-direction: row;
  }

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

  .md\:flex-col {
    flex-direction: column;
  }

  .md\:flex-col-reverse {
    flex-direction: column-reverse;
  }

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

  .md\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }

  .md\:flex-no-wrap {
    flex-wrap: nowrap;
  }

  .md\:items-start {
    align-items: flex-start;
  }

  .md\:items-end {
    align-items: flex-end;
  }

  .md\:items-center {
    align-items: center;
  }

  .md\:items-baseline {
    align-items: baseline;
  }

  .md\:items-stretch {
    align-items: stretch;
  }

  .md\:self-auto {
    align-self: auto;
  }

  .md\:self-start {
    align-self: flex-start;
  }

  .md\:self-end {
    align-self: flex-end;
  }

  .md\:self-center {
    align-self: center;
  }

  .md\:self-stretch {
    align-self: stretch;
  }

  .md\:justify-start {
    justify-content: flex-start;
  }

  .md\:justify-end {
    justify-content: flex-end;
  }

  .md\:justify-center {
    justify-content: center;
  }

  .md\:justify-between {
    justify-content: space-between;
  }

  .md\:justify-around {
    justify-content: space-around;
  }

  .md\:content-center {
    align-content: center;
  }

  .md\:content-start {
    align-content: flex-start;
  }

  .md\:content-end {
    align-content: flex-end;
  }

  .md\:content-between {
    align-content: space-between;
  }

  .md\:content-around {
    align-content: space-around;
  }

  .md\:flex-1 {
    flex: 1;
  }

  .md\:flex-auto {
    flex: auto;
  }

  .md\:flex-initial {
    flex: initial;
  }

  .md\:flex-none {
    flex: none;
  }

  .md\:flex-grow {
    flex-grow: 1;
  }

  .md\:flex-shrink {
    flex-shrink: 1;
  }

  .md\:flex-no-grow {
    flex-grow: 0;
  }

  .md\:flex-no-shrink {
    flex-shrink: 0;
  }

  .md\:float-right {
    float: right;
  }

  .md\:float-left {
    float: left;
  }

  .md\:float-none {
    float: none;
  }

  .md\:clearfix:after {
    content: "";
    display: table;
    clear: both;
  }

  .md\:m-0 {
    margin: 0;
  }

  .md\:m-1 {
    margin: .25rem;
  }

  .md\:m-2 {
    margin: .5rem;
  }

  .md\:m-3 {
    margin: .75rem;
  }

  .md\:m-4 {
    margin: 1rem;
  }

  .md\:m-5 {
    margin: 1.25rem;
  }

  .md\:m-6 {
    margin: 1.5rem;
  }

  .md\:m-8 {
    margin: 2rem;
  }

  .md\:m-10 {
    margin: 2.5rem;
  }

  .md\:m-12 {
    margin: 3rem;
  }

  .md\:m-16 {
    margin: 4rem;
  }

  .md\:m-20 {
    margin: 5rem;
  }

  .md\:m-24 {
    margin: 6rem;
  }

  .md\:m-32 {
    margin: 8rem;
  }

  .md\:m-auto {
    margin: auto;
  }

  .md\:m-px {
    margin: 1px;
  }

  .md\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .md\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .md\:my-1 {
    margin-top: .25rem;
    margin-bottom: .25rem;
  }

  .md\:mx-1 {
    margin-left: .25rem;
    margin-right: .25rem;
  }

  .md\:my-2 {
    margin-top: .5rem;
    margin-bottom: .5rem;
  }

  .md\:mx-2 {
    margin-left: .5rem;
    margin-right: .5rem;
  }

  .md\:my-3 {
    margin-top: .75rem;
    margin-bottom: .75rem;
  }

  .md\:mx-3 {
    margin-left: .75rem;
    margin-right: .75rem;
  }

  .md\:my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .md\:mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .md\:my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  .md\:mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  .md\:my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .md\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .md\:my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .md\:mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .md\:my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .md\:mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  .md\:my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .md\:mx-12 {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  .md\:my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .md\:mx-16 {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .md\:my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  .md\:mx-20 {
    margin-left: 5rem;
    margin-right: 5rem;
  }

  .md\:my-24 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  .md\:mx-24 {
    margin-left: 6rem;
    margin-right: 6rem;
  }

  .md\:my-32 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  .md\:mx-32 {
    margin-left: 8rem;
    margin-right: 8rem;
  }

  .md\:my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  .md\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .md\:my-px {
    margin-top: 1px;
    margin-bottom: 1px;
  }

  .md\:mx-px {
    margin-left: 1px;
    margin-right: 1px;
  }

  .md\:mt-0 {
    margin-top: 0;
  }

  .md\:mr-0 {
    margin-right: 0;
  }

  .md\:mb-0 {
    margin-bottom: 0;
  }

  .md\:ml-0 {
    margin-left: 0;
  }

  .md\:mt-1 {
    margin-top: .25rem;
  }

  .md\:mr-1 {
    margin-right: .25rem;
  }

  .md\:mb-1 {
    margin-bottom: .25rem;
  }

  .md\:ml-1 {
    margin-left: .25rem;
  }

  .md\:mt-2 {
    margin-top: .5rem;
  }

  .md\:mr-2 {
    margin-right: .5rem;
  }

  .md\:mb-2 {
    margin-bottom: .5rem;
  }

  .md\:ml-2 {
    margin-left: .5rem;
  }

  .md\:mt-3 {
    margin-top: .75rem;
  }

  .md\:mr-3 {
    margin-right: .75rem;
  }

  .md\:mb-3 {
    margin-bottom: .75rem;
  }

  .md\:ml-3 {
    margin-left: .75rem;
  }

  .md\:mt-4 {
    margin-top: 1rem;
  }

  .md\:mr-4 {
    margin-right: 1rem;
  }

  .md\:mb-4 {
    margin-bottom: 1rem;
  }

  .md\:ml-4 {
    margin-left: 1rem;
  }

  .md\:mt-5 {
    margin-top: 1.25rem;
  }

  .md\:mr-5 {
    margin-right: 1.25rem;
  }

  .md\:mb-5 {
    margin-bottom: 1.25rem;
  }

  .md\:ml-5 {
    margin-left: 1.25rem;
  }

  .md\:mt-6 {
    margin-top: 1.5rem;
  }

  .md\:mr-6 {
    margin-right: 1.5rem;
  }

  .md\:mb-6 {
    margin-bottom: 1.5rem;
  }

  .md\:ml-6 {
    margin-left: 1.5rem;
  }

  .md\:mt-8 {
    margin-top: 2rem;
  }

  .md\:mr-8 {
    margin-right: 2rem;
  }

  .md\:mb-8 {
    margin-bottom: 2rem;
  }

  .md\:ml-8 {
    margin-left: 2rem;
  }

  .md\:mt-10 {
    margin-top: 2.5rem;
  }

  .md\:mr-10 {
    margin-right: 2.5rem;
  }

  .md\:mb-10 {
    margin-bottom: 2.5rem;
  }

  .md\:ml-10 {
    margin-left: 2.5rem;
  }

  .md\:mt-12 {
    margin-top: 3rem;
  }

  .md\:mr-12 {
    margin-right: 3rem;
  }

  .md\:mb-12 {
    margin-bottom: 3rem;
  }

  .md\:ml-12 {
    margin-left: 3rem;
  }

  .md\:mt-16 {
    margin-top: 4rem;
  }

  .md\:mr-16 {
    margin-right: 4rem;
  }

  .md\:mb-16 {
    margin-bottom: 4rem;
  }

  .md\:ml-16 {
    margin-left: 4rem;
  }

  .md\:mt-20 {
    margin-top: 5rem;
  }

  .md\:mr-20 {
    margin-right: 5rem;
  }

  .md\:mb-20 {
    margin-bottom: 5rem;
  }

  .md\:ml-20 {
    margin-left: 5rem;
  }

  .md\:mt-24 {
    margin-top: 6rem;
  }

  .md\:mr-24 {
    margin-right: 6rem;
  }

  .md\:mb-24 {
    margin-bottom: 6rem;
  }

  .md\:ml-24 {
    margin-left: 6rem;
  }

  .md\:mt-32 {
    margin-top: 8rem;
  }

  .md\:mr-32 {
    margin-right: 8rem;
  }

  .md\:mb-32 {
    margin-bottom: 8rem;
  }

  .md\:ml-32 {
    margin-left: 8rem;
  }

  .md\:mt-auto {
    margin-top: auto;
  }

  .md\:mr-auto {
    margin-right: auto;
  }

  .md\:mb-auto {
    margin-bottom: auto;
  }

  .md\:ml-auto {
    margin-left: auto;
  }

  .md\:mt-px {
    margin-top: 1px;
  }

  .md\:mr-px {
    margin-right: 1px;
  }

  .md\:mb-px {
    margin-bottom: 1px;
  }

  .md\:ml-px {
    margin-left: 1px;
  }

  .md\:max-w-xs {
    max-width: 20rem;
  }

  .md\:max-w-sm {
    max-width: 30rem;
  }

  .md\:max-w-md {
    max-width: 40rem;
  }

  .md\:max-w-lg {
    max-width: 50rem;
  }

  .md\:max-w-xl {
    max-width: 60rem;
  }

  .md\:max-w-2xl {
    max-width: 70rem;
  }

  .md\:max-w-3xl {
    max-width: 80rem;
  }

  .md\:max-w-4xl {
    max-width: 90rem;
  }

  .md\:max-w-5xl {
    max-width: 100rem;
  }

  .md\:max-w-full {
    max-width: 100%;
  }

  .md\:-m-0 {
    margin: 0;
  }

  .md\:-m-1 {
    margin: -0.25rem;
  }

  .md\:-m-2 {
    margin: -0.5rem;
  }

  .md\:-m-3 {
    margin: -0.75rem;
  }

  .md\:-m-4 {
    margin: -1rem;
  }

  .md\:-m-5 {
    margin: -1.25rem;
  }

  .md\:-m-6 {
    margin: -1.5rem;
  }

  .md\:-m-8 {
    margin: -2rem;
  }

  .md\:-m-10 {
    margin: -2.5rem;
  }

  .md\:-m-12 {
    margin: -3rem;
  }

  .md\:-m-16 {
    margin: -4rem;
  }

  .md\:-m-20 {
    margin: -5rem;
  }

  .md\:-m-24 {
    margin: -6rem;
  }

  .md\:-m-32 {
    margin: -8rem;
  }

  .md\:-m-px {
    margin: -1px;
  }

  .md\:-my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .md\:-mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .md\:-my-1 {
    margin-top: -0.25rem;
    margin-bottom: -0.25rem;
  }

  .md\:-mx-1 {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }

  .md\:-my-2 {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
  }

  .md\:-mx-2 {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }

  .md\:-my-3 {
    margin-top: -0.75rem;
    margin-bottom: -0.75rem;
  }

  .md\:-mx-3 {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }

  .md\:-my-4 {
    margin-top: -1rem;
    margin-bottom: -1rem;
  }

  .md\:-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem;
  }

  .md\:-my-5 {
    margin-top: -1.25rem;
    margin-bottom: -1.25rem;
  }

  .md\:-mx-5 {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  .md\:-my-6 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
  }

  .md\:-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  .md\:-my-8 {
    margin-top: -2rem;
    margin-bottom: -2rem;
  }

  .md\:-mx-8 {
    margin-left: -2rem;
    margin-right: -2rem;
  }

  .md\:-my-10 {
    margin-top: -2.5rem;
    margin-bottom: -2.5rem;
  }

  .md\:-mx-10 {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }

  .md\:-my-12 {
    margin-top: -3rem;
    margin-bottom: -3rem;
  }

  .md\:-mx-12 {
    margin-left: -3rem;
    margin-right: -3rem;
  }

  .md\:-my-16 {
    margin-top: -4rem;
    margin-bottom: -4rem;
  }

  .md\:-mx-16 {
    margin-left: -4rem;
    margin-right: -4rem;
  }

  .md\:-my-20 {
    margin-top: -5rem;
    margin-bottom: -5rem;
  }

  .md\:-mx-20 {
    margin-left: -5rem;
    margin-right: -5rem;
  }

  .md\:-my-24 {
    margin-top: -6rem;
    margin-bottom: -6rem;
  }

  .md\:-mx-24 {
    margin-left: -6rem;
    margin-right: -6rem;
  }

  .md\:-my-32 {
    margin-top: -8rem;
    margin-bottom: -8rem;
  }

  .md\:-mx-32 {
    margin-left: -8rem;
    margin-right: -8rem;
  }

  .md\:-my-px {
    margin-top: -1px;
    margin-bottom: -1px;
  }

  .md\:-mx-px {
    margin-left: -1px;
    margin-right: -1px;
  }

  .md\:-mt-0 {
    margin-top: 0;
  }

  .md\:-mr-0 {
    margin-right: 0;
  }

  .md\:-mb-0 {
    margin-bottom: 0;
  }

  .md\:-ml-0 {
    margin-left: 0;
  }

  .md\:-mt-1 {
    margin-top: -0.25rem;
  }

  .md\:-mr-1 {
    margin-right: -0.25rem;
  }

  .md\:-mb-1 {
    margin-bottom: -0.25rem;
  }

  .md\:-ml-1 {
    margin-left: -0.25rem;
  }

  .md\:-mt-2 {
    margin-top: -0.5rem;
  }

  .md\:-mr-2 {
    margin-right: -0.5rem;
  }

  .md\:-mb-2 {
    margin-bottom: -0.5rem;
  }

  .md\:-ml-2 {
    margin-left: -0.5rem;
  }

  .md\:-mt-3 {
    margin-top: -0.75rem;
  }

  .md\:-mr-3 {
    margin-right: -0.75rem;
  }

  .md\:-mb-3 {
    margin-bottom: -0.75rem;
  }

  .md\:-ml-3 {
    margin-left: -0.75rem;
  }

  .md\:-mt-4 {
    margin-top: -1rem;
  }

  .md\:-mr-4 {
    margin-right: -1rem;
  }

  .md\:-mb-4 {
    margin-bottom: -1rem;
  }

  .md\:-ml-4 {
    margin-left: -1rem;
  }

  .md\:-mt-5 {
    margin-top: -1.25rem;
  }

  .md\:-mr-5 {
    margin-right: -1.25rem;
  }

  .md\:-mb-5 {
    margin-bottom: -1.25rem;
  }

  .md\:-ml-5 {
    margin-left: -1.25rem;
  }

  .md\:-mt-6 {
    margin-top: -1.5rem;
  }

  .md\:-mr-6 {
    margin-right: -1.5rem;
  }

  .md\:-mb-6 {
    margin-bottom: -1.5rem;
  }

  .md\:-ml-6 {
    margin-left: -1.5rem;
  }

  .md\:-mt-8 {
    margin-top: -2rem;
  }

  .md\:-mr-8 {
    margin-right: -2rem;
  }

  .md\:-mb-8 {
    margin-bottom: -2rem;
  }

  .md\:-ml-8 {
    margin-left: -2rem;
  }

  .md\:-mt-10 {
    margin-top: -2.5rem;
  }

  .md\:-mr-10 {
    margin-right: -2.5rem;
  }

  .md\:-mb-10 {
    margin-bottom: -2.5rem;
  }

  .md\:-ml-10 {
    margin-left: -2.5rem;
  }

  .md\:-mt-12 {
    margin-top: -3rem;
  }

  .md\:-mr-12 {
    margin-right: -3rem;
  }

  .md\:-mb-12 {
    margin-bottom: -3rem;
  }

  .md\:-ml-12 {
    margin-left: -3rem;
  }

  .md\:-mt-16 {
    margin-top: -4rem;
  }

  .md\:-mr-16 {
    margin-right: -4rem;
  }

  .md\:-mb-16 {
    margin-bottom: -4rem;
  }

  .md\:-ml-16 {
    margin-left: -4rem;
  }

  .md\:-mt-20 {
    margin-top: -5rem;
  }

  .md\:-mr-20 {
    margin-right: -5rem;
  }

  .md\:-mb-20 {
    margin-bottom: -5rem;
  }

  .md\:-ml-20 {
    margin-left: -5rem;
  }

  .md\:-mt-24 {
    margin-top: -6rem;
  }

  .md\:-mr-24 {
    margin-right: -6rem;
  }

  .md\:-mb-24 {
    margin-bottom: -6rem;
  }

  .md\:-ml-24 {
    margin-left: -6rem;
  }

  .md\:-mt-32 {
    margin-top: -8rem;
  }

  .md\:-mr-32 {
    margin-right: -8rem;
  }

  .md\:-mb-32 {
    margin-bottom: -8rem;
  }

  .md\:-ml-32 {
    margin-left: -8rem;
  }

  .md\:-mt-px {
    margin-top: -1px;
  }

  .md\:-mr-px {
    margin-right: -1px;
  }

  .md\:-mb-px {
    margin-bottom: -1px;
  }

  .md\:-ml-px {
    margin-left: -1px;
  }

  .md\:p-0 {
    padding: 0;
  }

  .md\:p-1 {
    padding: .25rem;
  }

  .md\:p-2 {
    padding: .5rem;
  }

  .md\:p-3 {
    padding: .75rem;
  }

  .md\:p-4 {
    padding: 1rem;
  }

  .md\:p-5 {
    padding: 1.25rem;
  }

  .md\:p-6 {
    padding: 1.5rem;
  }

  .md\:p-8 {
    padding: 2rem;
  }

  .md\:p-10 {
    padding: 2.5rem;
  }

  .md\:p-12 {
    padding: 3rem;
  }

  .md\:p-16 {
    padding: 4rem;
  }

  .md\:p-20 {
    padding: 5rem;
  }

  .md\:p-24 {
    padding: 6rem;
  }

  .md\:p-32 {
    padding: 8rem;
  }

  .md\:p-px {
    padding: 1px;
  }

  .md\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .md\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .md\:py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem;
  }

  .md\:px-1 {
    padding-left: .25rem;
    padding-right: .25rem;
  }

  .md\:py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .md\:px-2 {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .md\:py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem;
  }

  .md\:px-3 {
    padding-left: .75rem;
    padding-right: .75rem;
  }

  .md\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .md\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .md\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .md\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .md\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .md\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .md\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .md\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .md\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .md\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .md\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .md\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .md\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .md\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .md\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .md\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .md\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .md\:px-24 {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .md\:py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .md\:px-32 {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .md\:py-px {
    padding-top: 1px;
    padding-bottom: 1px;
  }

  .md\:px-px {
    padding-left: 1px;
    padding-right: 1px;
  }

  .md\:pt-0 {
    padding-top: 0;
  }

  .md\:pr-0 {
    padding-right: 0;
  }

  .md\:pb-0 {
    padding-bottom: 0;
  }

  .md\:pl-0 {
    padding-left: 0;
  }

  .md\:pt-1 {
    padding-top: .25rem;
  }

  .md\:pr-1 {
    padding-right: .25rem;
  }

  .md\:pb-1 {
    padding-bottom: .25rem;
  }

  .md\:pl-1 {
    padding-left: .25rem;
  }

  .md\:pt-2 {
    padding-top: .5rem;
  }

  .md\:pr-2 {
    padding-right: .5rem;
  }

  .md\:pb-2 {
    padding-bottom: .5rem;
  }

  .md\:pl-2 {
    padding-left: .5rem;
  }

  .md\:pt-3 {
    padding-top: .75rem;
  }

  .md\:pr-3 {
    padding-right: .75rem;
  }

  .md\:pb-3 {
    padding-bottom: .75rem;
  }

  .md\:pl-3 {
    padding-left: .75rem;
  }

  .md\:pt-4 {
    padding-top: 1rem;
  }

  .md\:pr-4 {
    padding-right: 1rem;
  }

  .md\:pb-4 {
    padding-bottom: 1rem;
  }

  .md\:pl-4 {
    padding-left: 1rem;
  }

  .md\:pt-5 {
    padding-top: 1.25rem;
  }

  .md\:pr-5 {
    padding-right: 1.25rem;
  }

  .md\:pb-5 {
    padding-bottom: 1.25rem;
  }

  .md\:pl-5 {
    padding-left: 1.25rem;
  }

  .md\:pt-6 {
    padding-top: 1.5rem;
  }

  .md\:pr-6 {
    padding-right: 1.5rem;
  }

  .md\:pb-6 {
    padding-bottom: 1.5rem;
  }

  .md\:pl-6 {
    padding-left: 1.5rem;
  }

  .md\:pt-8 {
    padding-top: 2rem;
  }

  .md\:pr-8 {
    padding-right: 2rem;
  }

  .md\:pb-8 {
    padding-bottom: 2rem;
  }

  .md\:pl-8 {
    padding-left: 2rem;
  }

  .md\:pt-10 {
    padding-top: 2.5rem;
  }

  .md\:pr-10 {
    padding-right: 2.5rem;
  }

  .md\:pb-10 {
    padding-bottom: 2.5rem;
  }

  .md\:pl-10 {
    padding-left: 2.5rem;
  }

  .md\:pt-12 {
    padding-top: 3rem;
  }

  .md\:pr-12 {
    padding-right: 3rem;
  }

  .md\:pb-12 {
    padding-bottom: 3rem;
  }

  .md\:pl-12 {
    padding-left: 3rem;
  }

  .md\:pt-16 {
    padding-top: 4rem;
  }

  .md\:pr-16 {
    padding-right: 4rem;
  }

  .md\:pb-16 {
    padding-bottom: 4rem;
  }

  .md\:pl-16 {
    padding-left: 4rem;
  }

  .md\:pt-20 {
    padding-top: 5rem;
  }

  .md\:pr-20 {
    padding-right: 5rem;
  }

  .md\:pb-20 {
    padding-bottom: 5rem;
  }

  .md\:pl-20 {
    padding-left: 5rem;
  }

  .md\:pt-24 {
    padding-top: 6rem;
  }

  .md\:pr-24 {
    padding-right: 6rem;
  }

  .md\:pb-24 {
    padding-bottom: 6rem;
  }

  .md\:pl-24 {
    padding-left: 6rem;
  }

  .md\:pt-32 {
    padding-top: 8rem;
  }

  .md\:pr-32 {
    padding-right: 8rem;
  }

  .md\:pb-32 {
    padding-bottom: 8rem;
  }

  .md\:pl-32 {
    padding-left: 8rem;
  }

  .md\:pt-px {
    padding-top: 1px;
  }

  .md\:pr-px {
    padding-right: 1px;
  }

  .md\:pb-px {
    padding-bottom: 1px;
  }

  .md\:pl-px {
    padding-left: 1px;
  }

  .md\:static {
    position: static;
  }

  .md\:fixed {
    position: fixed;
  }

  .md\:absolute {
    position: absolute;
  }

  .md\:relative {
    position: relative;
  }

  .md\:sticky {
    position: sticky;
  }

  .md\:pin-none {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .md\:pin {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .md\:pin-y {
    top: 0;
    bottom: 0;
  }

  .md\:pin-x {
    right: 0;
    left: 0;
  }

  .md\:pin-t {
    top: 0;
  }

  .md\:pin-r {
    right: 0;
  }

  .md\:pin-b {
    bottom: 0;
  }

  .md\:pin-l {
    left: 0;
  }

  .md\:w-1 {
    width: .25rem;
  }

  .md\:w-2 {
    width: .5rem;
  }

  .md\:w-3 {
    width: .75rem;
  }

  .md\:w-4 {
    width: 1rem;
  }

  .md\:w-5 {
    width: 1.25rem;
  }

  .md\:w-6 {
    width: 1.5rem;
  }

  .md\:w-8 {
    width: 2rem;
  }

  .md\:w-10 {
    width: 2.5rem;
  }

  .md\:w-12 {
    width: 3rem;
  }

  .md\:w-16 {
    width: 4rem;
  }

  .md\:w-24 {
    width: 6rem;
  }

  .md\:w-32 {
    width: 8rem;
  }

  .md\:w-48 {
    width: 12rem;
  }

  .md\:w-64 {
    width: 16rem;
  }

  .md\:w-auto {
    width: auto;
  }

  .md\:w-px {
    width: 1px;
  }

  .md\:w-1\/2 {
    width: 50%;
  }

  .md\:w-1\/3 {
    width: 33.33333%;
  }

  .md\:w-2\/3 {
    width: 66.66667%;
  }

  .md\:w-1\/4 {
    width: 25%;
  }

  .md\:w-3\/4 {
    width: 75%;
  }

  .md\:w-1\/5 {
    width: 20%;
  }

  .md\:w-2\/5 {
    width: 40%;
  }

  .md\:w-3\/5 {
    width: 60%;
  }

  .md\:w-4\/5 {
    width: 80%;
  }

  .md\:w-1\/6 {
    width: 16.66667%;
  }

  .md\:w-5\/6 {
    width: 83.33333%;
  }

  .md\:w-full {
    width: 100%;
  }

  .md\:w-screen {
    width: 100vw;
  }
}

@media (min-width: 992px) {
  .lg\:rounded-none {
    border-radius: 0;
  }

  .lg\:rounded-sm {
    border-radius: .125rem;
  }

  .lg\:rounded {
    border-radius: .25rem;
  }

  .lg\:rounded-lg {
    border-radius: .5rem;
  }

  .lg\:rounded-full {
    border-radius: 9999px;
  }

  .lg\:rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .lg\:rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .lg\:rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .lg\:rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .lg\:rounded-t-sm {
    border-top-left-radius: .125rem;
    border-top-right-radius: .125rem;
  }

  .lg\:rounded-r-sm {
    border-top-right-radius: .125rem;
    border-bottom-right-radius: .125rem;
  }

  .lg\:rounded-b-sm {
    border-bottom-right-radius: .125rem;
    border-bottom-left-radius: .125rem;
  }

  .lg\:rounded-l-sm {
    border-top-left-radius: .125rem;
    border-bottom-left-radius: .125rem;
  }

  .lg\:rounded-t {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
  }

  .lg\:rounded-r {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
  }

  .lg\:rounded-b {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
  }

  .lg\:rounded-l {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
  }

  .lg\:rounded-t-lg {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
  }

  .lg\:rounded-r-lg {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem;
  }

  .lg\:rounded-b-lg {
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem;
  }

  .lg\:rounded-l-lg {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem;
  }

  .lg\:rounded-t-full {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
  }

  .lg\:rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
  }

  .lg\:rounded-b-full {
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .lg\:rounded-l-full {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .lg\:rounded-tl-none {
    border-top-left-radius: 0;
  }

  .lg\:rounded-tr-none {
    border-top-right-radius: 0;
  }

  .lg\:rounded-br-none {
    border-bottom-right-radius: 0;
  }

  .lg\:rounded-bl-none {
    border-bottom-left-radius: 0;
  }

  .lg\:rounded-tl-sm {
    border-top-left-radius: .125rem;
  }

  .lg\:rounded-tr-sm {
    border-top-right-radius: .125rem;
  }

  .lg\:rounded-br-sm {
    border-bottom-right-radius: .125rem;
  }

  .lg\:rounded-bl-sm {
    border-bottom-left-radius: .125rem;
  }

  .lg\:rounded-tl {
    border-top-left-radius: .25rem;
  }

  .lg\:rounded-tr {
    border-top-right-radius: .25rem;
  }

  .lg\:rounded-br {
    border-bottom-right-radius: .25rem;
  }

  .lg\:rounded-bl {
    border-bottom-left-radius: .25rem;
  }

  .lg\:rounded-tl-lg {
    border-top-left-radius: .5rem;
  }

  .lg\:rounded-tr-lg {
    border-top-right-radius: .5rem;
  }

  .lg\:rounded-br-lg {
    border-bottom-right-radius: .5rem;
  }

  .lg\:rounded-bl-lg {
    border-bottom-left-radius: .5rem;
  }

  .lg\:rounded-tl-full {
    border-top-left-radius: 9999px;
  }

  .lg\:rounded-tr-full {
    border-top-right-radius: 9999px;
  }

  .lg\:rounded-br-full {
    border-bottom-right-radius: 9999px;
  }

  .lg\:rounded-bl-full {
    border-bottom-left-radius: 9999px;
  }

  .lg\:border-0 {
    border-width: 0;
  }

  .lg\:border-2 {
    border-width: 2px;
  }

  .lg\:border-4 {
    border-width: 4px;
  }

  .lg\:border-8 {
    border-width: 8px;
  }

  .lg\:border {
    border-width: 1px;
  }

  .lg\:border-t-0 {
    border-top-width: 0;
  }

  .lg\:border-r-0 {
    border-right-width: 0;
  }

  .lg\:border-b-0 {
    border-bottom-width: 0;
  }

  .lg\:border-l-0 {
    border-left-width: 0;
  }

  .lg\:border-t-2 {
    border-top-width: 2px;
  }

  .lg\:border-r-2 {
    border-right-width: 2px;
  }

  .lg\:border-b-2 {
    border-bottom-width: 2px;
  }

  .lg\:border-l-2 {
    border-left-width: 2px;
  }

  .lg\:border-t-4 {
    border-top-width: 4px;
  }

  .lg\:border-r-4 {
    border-right-width: 4px;
  }

  .lg\:border-b-4 {
    border-bottom-width: 4px;
  }

  .lg\:border-l-4 {
    border-left-width: 4px;
  }

  .lg\:border-t-8 {
    border-top-width: 8px;
  }

  .lg\:border-r-8 {
    border-right-width: 8px;
  }

  .lg\:border-b-8 {
    border-bottom-width: 8px;
  }

  .lg\:border-l-8 {
    border-left-width: 8px;
  }

  .lg\:border-t {
    border-top-width: 1px;
  }

  .lg\:border-r {
    border-right-width: 1px;
  }

  .lg\:border-b {
    border-bottom-width: 1px;
  }

  .lg\:border-l {
    border-left-width: 1px;
  }

  .lg\:block {
    display: block;
  }

  .lg\:inline-block {
    display: inline-block;
  }

  .lg\:inline {
    display: inline;
  }

  .lg\:table {
    display: table;
  }

  .lg\:table-row {
    display: table-row;
  }

  .lg\:table-cell {
    display: table-cell;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:inline-flex {
    display: inline-flex;
  }

  .lg\:flex-row {
    flex-direction: row;
  }

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

  .lg\:flex-col {
    flex-direction: column;
  }

  .lg\:flex-col-reverse {
    flex-direction: column-reverse;
  }

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

  .lg\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }

  .lg\:flex-no-wrap {
    flex-wrap: nowrap;
  }

  .lg\:items-start {
    align-items: flex-start;
  }

  .lg\:items-end {
    align-items: flex-end;
  }

  .lg\:items-center {
    align-items: center;
  }

  .lg\:items-baseline {
    align-items: baseline;
  }

  .lg\:items-stretch {
    align-items: stretch;
  }

  .lg\:self-auto {
    align-self: auto;
  }

  .lg\:self-start {
    align-self: flex-start;
  }

  .lg\:self-end {
    align-self: flex-end;
  }

  .lg\:self-center {
    align-self: center;
  }

  .lg\:self-stretch {
    align-self: stretch;
  }

  .lg\:justify-start {
    justify-content: flex-start;
  }

  .lg\:justify-end {
    justify-content: flex-end;
  }

  .lg\:justify-center {
    justify-content: center;
  }

  .lg\:justify-between {
    justify-content: space-between;
  }

  .lg\:justify-around {
    justify-content: space-around;
  }

  .lg\:content-center {
    align-content: center;
  }

  .lg\:content-start {
    align-content: flex-start;
  }

  .lg\:content-end {
    align-content: flex-end;
  }

  .lg\:content-between {
    align-content: space-between;
  }

  .lg\:content-around {
    align-content: space-around;
  }

  .lg\:flex-1 {
    flex: 1;
  }

  .lg\:flex-auto {
    flex: auto;
  }

  .lg\:flex-initial {
    flex: initial;
  }

  .lg\:flex-none {
    flex: none;
  }

  .lg\:flex-grow {
    flex-grow: 1;
  }

  .lg\:flex-shrink {
    flex-shrink: 1;
  }

  .lg\:flex-no-grow {
    flex-grow: 0;
  }

  .lg\:flex-no-shrink {
    flex-shrink: 0;
  }

  .lg\:float-right {
    float: right;
  }

  .lg\:float-left {
    float: left;
  }

  .lg\:float-none {
    float: none;
  }

  .lg\:clearfix:after {
    content: "";
    display: table;
    clear: both;
  }

  .lg\:m-0 {
    margin: 0;
  }

  .lg\:m-1 {
    margin: .25rem;
  }

  .lg\:m-2 {
    margin: .5rem;
  }

  .lg\:m-3 {
    margin: .75rem;
  }

  .lg\:m-4 {
    margin: 1rem;
  }

  .lg\:m-5 {
    margin: 1.25rem;
  }

  .lg\:m-6 {
    margin: 1.5rem;
  }

  .lg\:m-8 {
    margin: 2rem;
  }

  .lg\:m-10 {
    margin: 2.5rem;
  }

  .lg\:m-12 {
    margin: 3rem;
  }

  .lg\:m-16 {
    margin: 4rem;
  }

  .lg\:m-20 {
    margin: 5rem;
  }

  .lg\:m-24 {
    margin: 6rem;
  }

  .lg\:m-32 {
    margin: 8rem;
  }

  .lg\:m-auto {
    margin: auto;
  }

  .lg\:m-px {
    margin: 1px;
  }

  .lg\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .lg\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .lg\:my-1 {
    margin-top: .25rem;
    margin-bottom: .25rem;
  }

  .lg\:mx-1 {
    margin-left: .25rem;
    margin-right: .25rem;
  }

  .lg\:my-2 {
    margin-top: .5rem;
    margin-bottom: .5rem;
  }

  .lg\:mx-2 {
    margin-left: .5rem;
    margin-right: .5rem;
  }

  .lg\:my-3 {
    margin-top: .75rem;
    margin-bottom: .75rem;
  }

  .lg\:mx-3 {
    margin-left: .75rem;
    margin-right: .75rem;
  }

  .lg\:my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .lg\:mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .lg\:my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  .lg\:mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  .lg\:my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .lg\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .lg\:my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .lg\:mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .lg\:my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .lg\:mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  .lg\:my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .lg\:mx-12 {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  .lg\:my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .lg\:mx-16 {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .lg\:my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  .lg\:mx-20 {
    margin-left: 5rem;
    margin-right: 5rem;
  }

  .lg\:my-24 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  .lg\:mx-24 {
    margin-left: 6rem;
    margin-right: 6rem;
  }

  .lg\:my-32 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  .lg\:mx-32 {
    margin-left: 8rem;
    margin-right: 8rem;
  }

  .lg\:my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  .lg\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .lg\:my-px {
    margin-top: 1px;
    margin-bottom: 1px;
  }

  .lg\:mx-px {
    margin-left: 1px;
    margin-right: 1px;
  }

  .lg\:mt-0 {
    margin-top: 0;
  }

  .lg\:mr-0 {
    margin-right: 0;
  }

  .lg\:mb-0 {
    margin-bottom: 0;
  }

  .lg\:ml-0 {
    margin-left: 0;
  }

  .lg\:mt-1 {
    margin-top: .25rem;
  }

  .lg\:mr-1 {
    margin-right: .25rem;
  }

  .lg\:mb-1 {
    margin-bottom: .25rem;
  }

  .lg\:ml-1 {
    margin-left: .25rem;
  }

  .lg\:mt-2 {
    margin-top: .5rem;
  }

  .lg\:mr-2 {
    margin-right: .5rem;
  }

  .lg\:mb-2 {
    margin-bottom: .5rem;
  }

  .lg\:ml-2 {
    margin-left: .5rem;
  }

  .lg\:mt-3 {
    margin-top: .75rem;
  }

  .lg\:mr-3 {
    margin-right: .75rem;
  }

  .lg\:mb-3 {
    margin-bottom: .75rem;
  }

  .lg\:ml-3 {
    margin-left: .75rem;
  }

  .lg\:mt-4 {
    margin-top: 1rem;
  }

  .lg\:mr-4 {
    margin-right: 1rem;
  }

  .lg\:mb-4 {
    margin-bottom: 1rem;
  }

  .lg\:ml-4 {
    margin-left: 1rem;
  }

  .lg\:mt-5 {
    margin-top: 1.25rem;
  }

  .lg\:mr-5 {
    margin-right: 1.25rem;
  }

  .lg\:mb-5 {
    margin-bottom: 1.25rem;
  }

  .lg\:ml-5 {
    margin-left: 1.25rem;
  }

  .lg\:mt-6 {
    margin-top: 1.5rem;
  }

  .lg\:mr-6 {
    margin-right: 1.5rem;
  }

  .lg\:mb-6 {
    margin-bottom: 1.5rem;
  }

  .lg\:ml-6 {
    margin-left: 1.5rem;
  }

  .lg\:mt-8 {
    margin-top: 2rem;
  }

  .lg\:mr-8 {
    margin-right: 2rem;
  }

  .lg\:mb-8 {
    margin-bottom: 2rem;
  }

  .lg\:ml-8 {
    margin-left: 2rem;
  }

  .lg\:mt-10 {
    margin-top: 2.5rem;
  }

  .lg\:mr-10 {
    margin-right: 2.5rem;
  }

  .lg\:mb-10 {
    margin-bottom: 2.5rem;
  }

  .lg\:ml-10 {
    margin-left: 2.5rem;
  }

  .lg\:mt-12 {
    margin-top: 3rem;
  }

  .lg\:mr-12 {
    margin-right: 3rem;
  }

  .lg\:mb-12 {
    margin-bottom: 3rem;
  }

  .lg\:ml-12 {
    margin-left: 3rem;
  }

  .lg\:mt-16 {
    margin-top: 4rem;
  }

  .lg\:mr-16 {
    margin-right: 4rem;
  }

  .lg\:mb-16 {
    margin-bottom: 4rem;
  }

  .lg\:ml-16 {
    margin-left: 4rem;
  }

  .lg\:mt-20 {
    margin-top: 5rem;
  }

  .lg\:mr-20 {
    margin-right: 5rem;
  }

  .lg\:mb-20 {
    margin-bottom: 5rem;
  }

  .lg\:ml-20 {
    margin-left: 5rem;
  }

  .lg\:mt-24 {
    margin-top: 6rem;
  }

  .lg\:mr-24 {
    margin-right: 6rem;
  }

  .lg\:mb-24 {
    margin-bottom: 6rem;
  }

  .lg\:ml-24 {
    margin-left: 6rem;
  }

  .lg\:mt-32 {
    margin-top: 8rem;
  }

  .lg\:mr-32 {
    margin-right: 8rem;
  }

  .lg\:mb-32 {
    margin-bottom: 8rem;
  }

  .lg\:ml-32 {
    margin-left: 8rem;
  }

  .lg\:mt-auto {
    margin-top: auto;
  }

  .lg\:mr-auto {
    margin-right: auto;
  }

  .lg\:mb-auto {
    margin-bottom: auto;
  }

  .lg\:ml-auto {
    margin-left: auto;
  }

  .lg\:mt-px {
    margin-top: 1px;
  }

  .lg\:mr-px {
    margin-right: 1px;
  }

  .lg\:mb-px {
    margin-bottom: 1px;
  }

  .lg\:ml-px {
    margin-left: 1px;
  }

  .lg\:max-w-xs {
    max-width: 20rem;
  }

  .lg\:max-w-sm {
    max-width: 30rem;
  }

  .lg\:max-w-md {
    max-width: 40rem;
  }

  .lg\:max-w-lg {
    max-width: 50rem;
  }

  .lg\:max-w-xl {
    max-width: 60rem;
  }

  .lg\:max-w-2xl {
    max-width: 70rem;
  }

  .lg\:max-w-3xl {
    max-width: 80rem;
  }

  .lg\:max-w-4xl {
    max-width: 90rem;
  }

  .lg\:max-w-5xl {
    max-width: 100rem;
  }

  .lg\:max-w-full {
    max-width: 100%;
  }

  .lg\:-m-0 {
    margin: 0;
  }

  .lg\:-m-1 {
    margin: -0.25rem;
  }

  .lg\:-m-2 {
    margin: -0.5rem;
  }

  .lg\:-m-3 {
    margin: -0.75rem;
  }

  .lg\:-m-4 {
    margin: -1rem;
  }

  .lg\:-m-5 {
    margin: -1.25rem;
  }

  .lg\:-m-6 {
    margin: -1.5rem;
  }

  .lg\:-m-8 {
    margin: -2rem;
  }

  .lg\:-m-10 {
    margin: -2.5rem;
  }

  .lg\:-m-12 {
    margin: -3rem;
  }

  .lg\:-m-16 {
    margin: -4rem;
  }

  .lg\:-m-20 {
    margin: -5rem;
  }

  .lg\:-m-24 {
    margin: -6rem;
  }

  .lg\:-m-32 {
    margin: -8rem;
  }

  .lg\:-m-px {
    margin: -1px;
  }

  .lg\:-my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .lg\:-mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .lg\:-my-1 {
    margin-top: -0.25rem;
    margin-bottom: -0.25rem;
  }

  .lg\:-mx-1 {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }

  .lg\:-my-2 {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
  }

  .lg\:-mx-2 {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }

  .lg\:-my-3 {
    margin-top: -0.75rem;
    margin-bottom: -0.75rem;
  }

  .lg\:-mx-3 {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }

  .lg\:-my-4 {
    margin-top: -1rem;
    margin-bottom: -1rem;
  }

  .lg\:-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem;
  }

  .lg\:-my-5 {
    margin-top: -1.25rem;
    margin-bottom: -1.25rem;
  }

  .lg\:-mx-5 {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  .lg\:-my-6 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
  }

  .lg\:-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  .lg\:-my-8 {
    margin-top: -2rem;
    margin-bottom: -2rem;
  }

  .lg\:-mx-8 {
    margin-left: -2rem;
    margin-right: -2rem;
  }

  .lg\:-my-10 {
    margin-top: -2.5rem;
    margin-bottom: -2.5rem;
  }

  .lg\:-mx-10 {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }

  .lg\:-my-12 {
    margin-top: -3rem;
    margin-bottom: -3rem;
  }

  .lg\:-mx-12 {
    margin-left: -3rem;
    margin-right: -3rem;
  }

  .lg\:-my-16 {
    margin-top: -4rem;
    margin-bottom: -4rem;
  }

  .lg\:-mx-16 {
    margin-left: -4rem;
    margin-right: -4rem;
  }

  .lg\:-my-20 {
    margin-top: -5rem;
    margin-bottom: -5rem;
  }

  .lg\:-mx-20 {
    margin-left: -5rem;
    margin-right: -5rem;
  }

  .lg\:-my-24 {
    margin-top: -6rem;
    margin-bottom: -6rem;
  }

  .lg\:-mx-24 {
    margin-left: -6rem;
    margin-right: -6rem;
  }

  .lg\:-my-32 {
    margin-top: -8rem;
    margin-bottom: -8rem;
  }

  .lg\:-mx-32 {
    margin-left: -8rem;
    margin-right: -8rem;
  }

  .lg\:-my-px {
    margin-top: -1px;
    margin-bottom: -1px;
  }

  .lg\:-mx-px {
    margin-left: -1px;
    margin-right: -1px;
  }

  .lg\:-mt-0 {
    margin-top: 0;
  }

  .lg\:-mr-0 {
    margin-right: 0;
  }

  .lg\:-mb-0 {
    margin-bottom: 0;
  }

  .lg\:-ml-0 {
    margin-left: 0;
  }

  .lg\:-mt-1 {
    margin-top: -0.25rem;
  }

  .lg\:-mr-1 {
    margin-right: -0.25rem;
  }

  .lg\:-mb-1 {
    margin-bottom: -0.25rem;
  }

  .lg\:-ml-1 {
    margin-left: -0.25rem;
  }

  .lg\:-mt-2 {
    margin-top: -0.5rem;
  }

  .lg\:-mr-2 {
    margin-right: -0.5rem;
  }

  .lg\:-mb-2 {
    margin-bottom: -0.5rem;
  }

  .lg\:-ml-2 {
    margin-left: -0.5rem;
  }

  .lg\:-mt-3 {
    margin-top: -0.75rem;
  }

  .lg\:-mr-3 {
    margin-right: -0.75rem;
  }

  .lg\:-mb-3 {
    margin-bottom: -0.75rem;
  }

  .lg\:-ml-3 {
    margin-left: -0.75rem;
  }

  .lg\:-mt-4 {
    margin-top: -1rem;
  }

  .lg\:-mr-4 {
    margin-right: -1rem;
  }

  .lg\:-mb-4 {
    margin-bottom: -1rem;
  }

  .lg\:-ml-4 {
    margin-left: -1rem;
  }

  .lg\:-mt-5 {
    margin-top: -1.25rem;
  }

  .lg\:-mr-5 {
    margin-right: -1.25rem;
  }

  .lg\:-mb-5 {
    margin-bottom: -1.25rem;
  }

  .lg\:-ml-5 {
    margin-left: -1.25rem;
  }

  .lg\:-mt-6 {
    margin-top: -1.5rem;
  }

  .lg\:-mr-6 {
    margin-right: -1.5rem;
  }

  .lg\:-mb-6 {
    margin-bottom: -1.5rem;
  }

  .lg\:-ml-6 {
    margin-left: -1.5rem;
  }

  .lg\:-mt-8 {
    margin-top: -2rem;
  }

  .lg\:-mr-8 {
    margin-right: -2rem;
  }

  .lg\:-mb-8 {
    margin-bottom: -2rem;
  }

  .lg\:-ml-8 {
    margin-left: -2rem;
  }

  .lg\:-mt-10 {
    margin-top: -2.5rem;
  }

  .lg\:-mr-10 {
    margin-right: -2.5rem;
  }

  .lg\:-mb-10 {
    margin-bottom: -2.5rem;
  }

  .lg\:-ml-10 {
    margin-left: -2.5rem;
  }

  .lg\:-mt-12 {
    margin-top: -3rem;
  }

  .lg\:-mr-12 {
    margin-right: -3rem;
  }

  .lg\:-mb-12 {
    margin-bottom: -3rem;
  }

  .lg\:-ml-12 {
    margin-left: -3rem;
  }

  .lg\:-mt-16 {
    margin-top: -4rem;
  }

  .lg\:-mr-16 {
    margin-right: -4rem;
  }

  .lg\:-mb-16 {
    margin-bottom: -4rem;
  }

  .lg\:-ml-16 {
    margin-left: -4rem;
  }

  .lg\:-mt-20 {
    margin-top: -5rem;
  }

  .lg\:-mr-20 {
    margin-right: -5rem;
  }

  .lg\:-mb-20 {
    margin-bottom: -5rem;
  }

  .lg\:-ml-20 {
    margin-left: -5rem;
  }

  .lg\:-mt-24 {
    margin-top: -6rem;
  }

  .lg\:-mr-24 {
    margin-right: -6rem;
  }

  .lg\:-mb-24 {
    margin-bottom: -6rem;
  }

  .lg\:-ml-24 {
    margin-left: -6rem;
  }

  .lg\:-mt-32 {
    margin-top: -8rem;
  }

  .lg\:-mr-32 {
    margin-right: -8rem;
  }

  .lg\:-mb-32 {
    margin-bottom: -8rem;
  }

  .lg\:-ml-32 {
    margin-left: -8rem;
  }

  .lg\:-mt-px {
    margin-top: -1px;
  }

  .lg\:-mr-px {
    margin-right: -1px;
  }

  .lg\:-mb-px {
    margin-bottom: -1px;
  }

  .lg\:-ml-px {
    margin-left: -1px;
  }

  .lg\:p-0 {
    padding: 0;
  }

  .lg\:p-1 {
    padding: .25rem;
  }

  .lg\:p-2 {
    padding: .5rem;
  }

  .lg\:p-3 {
    padding: .75rem;
  }

  .lg\:p-4 {
    padding: 1rem;
  }

  .lg\:p-5 {
    padding: 1.25rem;
  }

  .lg\:p-6 {
    padding: 1.5rem;
  }

  .lg\:p-8 {
    padding: 2rem;
  }

  .lg\:p-10 {
    padding: 2.5rem;
  }

  .lg\:p-12 {
    padding: 3rem;
  }

  .lg\:p-16 {
    padding: 4rem;
  }

  .lg\:p-20 {
    padding: 5rem;
  }

  .lg\:p-24 {
    padding: 6rem;
  }

  .lg\:p-32 {
    padding: 8rem;
  }

  .lg\:p-px {
    padding: 1px;
  }

  .lg\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .lg\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .lg\:py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem;
  }

  .lg\:px-1 {
    padding-left: .25rem;
    padding-right: .25rem;
  }

  .lg\:py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .lg\:px-2 {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .lg\:py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem;
  }

  .lg\:px-3 {
    padding-left: .75rem;
    padding-right: .75rem;
  }

  .lg\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .lg\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .lg\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .lg\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .lg\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .lg\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .lg\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .lg\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .lg\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .lg\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .lg\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .lg\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .lg\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .lg\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .lg\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .lg\:px-24 {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .lg\:py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .lg\:px-32 {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .lg\:py-px {
    padding-top: 1px;
    padding-bottom: 1px;
  }

  .lg\:px-px {
    padding-left: 1px;
    padding-right: 1px;
  }

  .lg\:pt-0 {
    padding-top: 0;
  }

  .lg\:pr-0 {
    padding-right: 0;
  }

  .lg\:pb-0 {
    padding-bottom: 0;
  }

  .lg\:pl-0 {
    padding-left: 0;
  }

  .lg\:pt-1 {
    padding-top: .25rem;
  }

  .lg\:pr-1 {
    padding-right: .25rem;
  }

  .lg\:pb-1 {
    padding-bottom: .25rem;
  }

  .lg\:pl-1 {
    padding-left: .25rem;
  }

  .lg\:pt-2 {
    padding-top: .5rem;
  }

  .lg\:pr-2 {
    padding-right: .5rem;
  }

  .lg\:pb-2 {
    padding-bottom: .5rem;
  }

  .lg\:pl-2 {
    padding-left: .5rem;
  }

  .lg\:pt-3 {
    padding-top: .75rem;
  }

  .lg\:pr-3 {
    padding-right: .75rem;
  }

  .lg\:pb-3 {
    padding-bottom: .75rem;
  }

  .lg\:pl-3 {
    padding-left: .75rem;
  }

  .lg\:pt-4 {
    padding-top: 1rem;
  }

  .lg\:pr-4 {
    padding-right: 1rem;
  }

  .lg\:pb-4 {
    padding-bottom: 1rem;
  }

  .lg\:pl-4 {
    padding-left: 1rem;
  }

  .lg\:pt-5 {
    padding-top: 1.25rem;
  }

  .lg\:pr-5 {
    padding-right: 1.25rem;
  }

  .lg\:pb-5 {
    padding-bottom: 1.25rem;
  }

  .lg\:pl-5 {
    padding-left: 1.25rem;
  }

  .lg\:pt-6 {
    padding-top: 1.5rem;
  }

  .lg\:pr-6 {
    padding-right: 1.5rem;
  }

  .lg\:pb-6 {
    padding-bottom: 1.5rem;
  }

  .lg\:pl-6 {
    padding-left: 1.5rem;
  }

  .lg\:pt-8 {
    padding-top: 2rem;
  }

  .lg\:pr-8 {
    padding-right: 2rem;
  }

  .lg\:pb-8 {
    padding-bottom: 2rem;
  }

  .lg\:pl-8 {
    padding-left: 2rem;
  }

  .lg\:pt-10 {
    padding-top: 2.5rem;
  }

  .lg\:pr-10 {
    padding-right: 2.5rem;
  }

  .lg\:pb-10 {
    padding-bottom: 2.5rem;
  }

  .lg\:pl-10 {
    padding-left: 2.5rem;
  }

  .lg\:pt-12 {
    padding-top: 3rem;
  }

  .lg\:pr-12 {
    padding-right: 3rem;
  }

  .lg\:pb-12 {
    padding-bottom: 3rem;
  }

  .lg\:pl-12 {
    padding-left: 3rem;
  }

  .lg\:pt-16 {
    padding-top: 4rem;
  }

  .lg\:pr-16 {
    padding-right: 4rem;
  }

  .lg\:pb-16 {
    padding-bottom: 4rem;
  }

  .lg\:pl-16 {
    padding-left: 4rem;
  }

  .lg\:pt-20 {
    padding-top: 5rem;
  }

  .lg\:pr-20 {
    padding-right: 5rem;
  }

  .lg\:pb-20 {
    padding-bottom: 5rem;
  }

  .lg\:pl-20 {
    padding-left: 5rem;
  }

  .lg\:pt-24 {
    padding-top: 6rem;
  }

  .lg\:pr-24 {
    padding-right: 6rem;
  }

  .lg\:pb-24 {
    padding-bottom: 6rem;
  }

  .lg\:pl-24 {
    padding-left: 6rem;
  }

  .lg\:pt-32 {
    padding-top: 8rem;
  }

  .lg\:pr-32 {
    padding-right: 8rem;
  }

  .lg\:pb-32 {
    padding-bottom: 8rem;
  }

  .lg\:pl-32 {
    padding-left: 8rem;
  }

  .lg\:pt-px {
    padding-top: 1px;
  }

  .lg\:pr-px {
    padding-right: 1px;
  }

  .lg\:pb-px {
    padding-bottom: 1px;
  }

  .lg\:pl-px {
    padding-left: 1px;
  }

  .lg\:static {
    position: static;
  }

  .lg\:fixed {
    position: fixed;
  }

  .lg\:absolute {
    position: absolute;
  }

  .lg\:relative {
    position: relative;
  }

  .lg\:sticky {
    position: sticky;
  }

  .lg\:pin-none {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .lg\:pin {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .lg\:pin-y {
    top: 0;
    bottom: 0;
  }

  .lg\:pin-x {
    right: 0;
    left: 0;
  }

  .lg\:pin-t {
    top: 0;
  }

  .lg\:pin-r {
    right: 0;
  }

  .lg\:pin-b {
    bottom: 0;
  }

  .lg\:pin-l {
    left: 0;
  }

  .lg\:w-1 {
    width: .25rem;
  }

  .lg\:w-2 {
    width: .5rem;
  }

  .lg\:w-3 {
    width: .75rem;
  }

  .lg\:w-4 {
    width: 1rem;
  }

  .lg\:w-5 {
    width: 1.25rem;
  }

  .lg\:w-6 {
    width: 1.5rem;
  }

  .lg\:w-8 {
    width: 2rem;
  }

  .lg\:w-10 {
    width: 2.5rem;
  }

  .lg\:w-12 {
    width: 3rem;
  }

  .lg\:w-16 {
    width: 4rem;
  }

  .lg\:w-24 {
    width: 6rem;
  }

  .lg\:w-32 {
    width: 8rem;
  }

  .lg\:w-48 {
    width: 12rem;
  }

  .lg\:w-64 {
    width: 16rem;
  }

  .lg\:w-auto {
    width: auto;
  }

  .lg\:w-px {
    width: 1px;
  }

  .lg\:w-1\/2 {
    width: 50%;
  }

  .lg\:w-1\/3 {
    width: 33.33333%;
  }

  .lg\:w-2\/3 {
    width: 66.66667%;
  }

  .lg\:w-1\/4 {
    width: 25%;
  }

  .lg\:w-3\/4 {
    width: 75%;
  }

  .lg\:w-1\/5 {
    width: 20%;
  }

  .lg\:w-2\/5 {
    width: 40%;
  }

  .lg\:w-3\/5 {
    width: 60%;
  }

  .lg\:w-4\/5 {
    width: 80%;
  }

  .lg\:w-1\/6 {
    width: 16.66667%;
  }

  .lg\:w-5\/6 {
    width: 83.33333%;
  }

  .lg\:w-full {
    width: 100%;
  }

  .lg\:w-screen {
    width: 100vw;
  }
}

@media (min-width: 1200px) {
  .xl\:rounded-none {
    border-radius: 0;
  }

  .xl\:rounded-sm {
    border-radius: .125rem;
  }

  .xl\:rounded {
    border-radius: .25rem;
  }

  .xl\:rounded-lg {
    border-radius: .5rem;
  }

  .xl\:rounded-full {
    border-radius: 9999px;
  }

  .xl\:rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .xl\:rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .xl\:rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .xl\:rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .xl\:rounded-t-sm {
    border-top-left-radius: .125rem;
    border-top-right-radius: .125rem;
  }

  .xl\:rounded-r-sm {
    border-top-right-radius: .125rem;
    border-bottom-right-radius: .125rem;
  }

  .xl\:rounded-b-sm {
    border-bottom-right-radius: .125rem;
    border-bottom-left-radius: .125rem;
  }

  .xl\:rounded-l-sm {
    border-top-left-radius: .125rem;
    border-bottom-left-radius: .125rem;
  }

  .xl\:rounded-t {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
  }

  .xl\:rounded-r {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
  }

  .xl\:rounded-b {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
  }

  .xl\:rounded-l {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
  }

  .xl\:rounded-t-lg {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
  }

  .xl\:rounded-r-lg {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem;
  }

  .xl\:rounded-b-lg {
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem;
  }

  .xl\:rounded-l-lg {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem;
  }

  .xl\:rounded-t-full {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
  }

  .xl\:rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
  }

  .xl\:rounded-b-full {
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .xl\:rounded-l-full {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .xl\:rounded-tl-none {
    border-top-left-radius: 0;
  }

  .xl\:rounded-tr-none {
    border-top-right-radius: 0;
  }

  .xl\:rounded-br-none {
    border-bottom-right-radius: 0;
  }

  .xl\:rounded-bl-none {
    border-bottom-left-radius: 0;
  }

  .xl\:rounded-tl-sm {
    border-top-left-radius: .125rem;
  }

  .xl\:rounded-tr-sm {
    border-top-right-radius: .125rem;
  }

  .xl\:rounded-br-sm {
    border-bottom-right-radius: .125rem;
  }

  .xl\:rounded-bl-sm {
    border-bottom-left-radius: .125rem;
  }

  .xl\:rounded-tl {
    border-top-left-radius: .25rem;
  }

  .xl\:rounded-tr {
    border-top-right-radius: .25rem;
  }

  .xl\:rounded-br {
    border-bottom-right-radius: .25rem;
  }

  .xl\:rounded-bl {
    border-bottom-left-radius: .25rem;
  }

  .xl\:rounded-tl-lg {
    border-top-left-radius: .5rem;
  }

  .xl\:rounded-tr-lg {
    border-top-right-radius: .5rem;
  }

  .xl\:rounded-br-lg {
    border-bottom-right-radius: .5rem;
  }

  .xl\:rounded-bl-lg {
    border-bottom-left-radius: .5rem;
  }

  .xl\:rounded-tl-full {
    border-top-left-radius: 9999px;
  }

  .xl\:rounded-tr-full {
    border-top-right-radius: 9999px;
  }

  .xl\:rounded-br-full {
    border-bottom-right-radius: 9999px;
  }

  .xl\:rounded-bl-full {
    border-bottom-left-radius: 9999px;
  }

  .xl\:border-0 {
    border-width: 0;
  }

  .xl\:border-2 {
    border-width: 2px;
  }

  .xl\:border-4 {
    border-width: 4px;
  }

  .xl\:border-8 {
    border-width: 8px;
  }

  .xl\:border {
    border-width: 1px;
  }

  .xl\:border-t-0 {
    border-top-width: 0;
  }

  .xl\:border-r-0 {
    border-right-width: 0;
  }

  .xl\:border-b-0 {
    border-bottom-width: 0;
  }

  .xl\:border-l-0 {
    border-left-width: 0;
  }

  .xl\:border-t-2 {
    border-top-width: 2px;
  }

  .xl\:border-r-2 {
    border-right-width: 2px;
  }

  .xl\:border-b-2 {
    border-bottom-width: 2px;
  }

  .xl\:border-l-2 {
    border-left-width: 2px;
  }

  .xl\:border-t-4 {
    border-top-width: 4px;
  }

  .xl\:border-r-4 {
    border-right-width: 4px;
  }

  .xl\:border-b-4 {
    border-bottom-width: 4px;
  }

  .xl\:border-l-4 {
    border-left-width: 4px;
  }

  .xl\:border-t-8 {
    border-top-width: 8px;
  }

  .xl\:border-r-8 {
    border-right-width: 8px;
  }

  .xl\:border-b-8 {
    border-bottom-width: 8px;
  }

  .xl\:border-l-8 {
    border-left-width: 8px;
  }

  .xl\:border-t {
    border-top-width: 1px;
  }

  .xl\:border-r {
    border-right-width: 1px;
  }

  .xl\:border-b {
    border-bottom-width: 1px;
  }

  .xl\:border-l {
    border-left-width: 1px;
  }

  .xl\:block {
    display: block;
  }

  .xl\:inline-block {
    display: inline-block;
  }

  .xl\:inline {
    display: inline;
  }

  .xl\:table {
    display: table;
  }

  .xl\:table-row {
    display: table-row;
  }

  .xl\:table-cell {
    display: table-cell;
  }

  .xl\:hidden {
    display: none;
  }

  .xl\:flex {
    display: flex;
  }

  .xl\:inline-flex {
    display: inline-flex;
  }

  .xl\:flex-row {
    flex-direction: row;
  }

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

  .xl\:flex-col {
    flex-direction: column;
  }

  .xl\:flex-col-reverse {
    flex-direction: column-reverse;
  }

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

  .xl\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }

  .xl\:flex-no-wrap {
    flex-wrap: nowrap;
  }

  .xl\:items-start {
    align-items: flex-start;
  }

  .xl\:items-end {
    align-items: flex-end;
  }

  .xl\:items-center {
    align-items: center;
  }

  .xl\:items-baseline {
    align-items: baseline;
  }

  .xl\:items-stretch {
    align-items: stretch;
  }

  .xl\:self-auto {
    align-self: auto;
  }

  .xl\:self-start {
    align-self: flex-start;
  }

  .xl\:self-end {
    align-self: flex-end;
  }

  .xl\:self-center {
    align-self: center;
  }

  .xl\:self-stretch {
    align-self: stretch;
  }

  .xl\:justify-start {
    justify-content: flex-start;
  }

  .xl\:justify-end {
    justify-content: flex-end;
  }

  .xl\:justify-center {
    justify-content: center;
  }

  .xl\:justify-between {
    justify-content: space-between;
  }

  .xl\:justify-around {
    justify-content: space-around;
  }

  .xl\:content-center {
    align-content: center;
  }

  .xl\:content-start {
    align-content: flex-start;
  }

  .xl\:content-end {
    align-content: flex-end;
  }

  .xl\:content-between {
    align-content: space-between;
  }

  .xl\:content-around {
    align-content: space-around;
  }

  .xl\:flex-1 {
    flex: 1;
  }

  .xl\:flex-auto {
    flex: auto;
  }

  .xl\:flex-initial {
    flex: initial;
  }

  .xl\:flex-none {
    flex: none;
  }

  .xl\:flex-grow {
    flex-grow: 1;
  }

  .xl\:flex-shrink {
    flex-shrink: 1;
  }

  .xl\:flex-no-grow {
    flex-grow: 0;
  }

  .xl\:flex-no-shrink {
    flex-shrink: 0;
  }

  .xl\:float-right {
    float: right;
  }

  .xl\:float-left {
    float: left;
  }

  .xl\:float-none {
    float: none;
  }

  .xl\:clearfix:after {
    content: "";
    display: table;
    clear: both;
  }

  .xl\:m-0 {
    margin: 0;
  }

  .xl\:m-1 {
    margin: .25rem;
  }

  .xl\:m-2 {
    margin: .5rem;
  }

  .xl\:m-3 {
    margin: .75rem;
  }

  .xl\:m-4 {
    margin: 1rem;
  }

  .xl\:m-5 {
    margin: 1.25rem;
  }

  .xl\:m-6 {
    margin: 1.5rem;
  }

  .xl\:m-8 {
    margin: 2rem;
  }

  .xl\:m-10 {
    margin: 2.5rem;
  }

  .xl\:m-12 {
    margin: 3rem;
  }

  .xl\:m-16 {
    margin: 4rem;
  }

  .xl\:m-20 {
    margin: 5rem;
  }

  .xl\:m-24 {
    margin: 6rem;
  }

  .xl\:m-32 {
    margin: 8rem;
  }

  .xl\:m-auto {
    margin: auto;
  }

  .xl\:m-px {
    margin: 1px;
  }

  .xl\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .xl\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .xl\:my-1 {
    margin-top: .25rem;
    margin-bottom: .25rem;
  }

  .xl\:mx-1 {
    margin-left: .25rem;
    margin-right: .25rem;
  }

  .xl\:my-2 {
    margin-top: .5rem;
    margin-bottom: .5rem;
  }

  .xl\:mx-2 {
    margin-left: .5rem;
    margin-right: .5rem;
  }

  .xl\:my-3 {
    margin-top: .75rem;
    margin-bottom: .75rem;
  }

  .xl\:mx-3 {
    margin-left: .75rem;
    margin-right: .75rem;
  }

  .xl\:my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .xl\:mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .xl\:my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  .xl\:mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  .xl\:my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .xl\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .xl\:my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .xl\:mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .xl\:my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .xl\:mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  .xl\:my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .xl\:mx-12 {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  .xl\:my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .xl\:mx-16 {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .xl\:my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  .xl\:mx-20 {
    margin-left: 5rem;
    margin-right: 5rem;
  }

  .xl\:my-24 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  .xl\:mx-24 {
    margin-left: 6rem;
    margin-right: 6rem;
  }

  .xl\:my-32 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  .xl\:mx-32 {
    margin-left: 8rem;
    margin-right: 8rem;
  }

  .xl\:my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  .xl\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .xl\:my-px {
    margin-top: 1px;
    margin-bottom: 1px;
  }

  .xl\:mx-px {
    margin-left: 1px;
    margin-right: 1px;
  }

  .xl\:mt-0 {
    margin-top: 0;
  }

  .xl\:mr-0 {
    margin-right: 0;
  }

  .xl\:mb-0 {
    margin-bottom: 0;
  }

  .xl\:ml-0 {
    margin-left: 0;
  }

  .xl\:mt-1 {
    margin-top: .25rem;
  }

  .xl\:mr-1 {
    margin-right: .25rem;
  }

  .xl\:mb-1 {
    margin-bottom: .25rem;
  }

  .xl\:ml-1 {
    margin-left: .25rem;
  }

  .xl\:mt-2 {
    margin-top: .5rem;
  }

  .xl\:mr-2 {
    margin-right: .5rem;
  }

  .xl\:mb-2 {
    margin-bottom: .5rem;
  }

  .xl\:ml-2 {
    margin-left: .5rem;
  }

  .xl\:mt-3 {
    margin-top: .75rem;
  }

  .xl\:mr-3 {
    margin-right: .75rem;
  }

  .xl\:mb-3 {
    margin-bottom: .75rem;
  }

  .xl\:ml-3 {
    margin-left: .75rem;
  }

  .xl\:mt-4 {
    margin-top: 1rem;
  }

  .xl\:mr-4 {
    margin-right: 1rem;
  }

  .xl\:mb-4 {
    margin-bottom: 1rem;
  }

  .xl\:ml-4 {
    margin-left: 1rem;
  }

  .xl\:mt-5 {
    margin-top: 1.25rem;
  }

  .xl\:mr-5 {
    margin-right: 1.25rem;
  }

  .xl\:mb-5 {
    margin-bottom: 1.25rem;
  }

  .xl\:ml-5 {
    margin-left: 1.25rem;
  }

  .xl\:mt-6 {
    margin-top: 1.5rem;
  }

  .xl\:mr-6 {
    margin-right: 1.5rem;
  }

  .xl\:mb-6 {
    margin-bottom: 1.5rem;
  }

  .xl\:ml-6 {
    margin-left: 1.5rem;
  }

  .xl\:mt-8 {
    margin-top: 2rem;
  }

  .xl\:mr-8 {
    margin-right: 2rem;
  }

  .xl\:mb-8 {
    margin-bottom: 2rem;
  }

  .xl\:ml-8 {
    margin-left: 2rem;
  }

  .xl\:mt-10 {
    margin-top: 2.5rem;
  }

  .xl\:mr-10 {
    margin-right: 2.5rem;
  }

  .xl\:mb-10 {
    margin-bottom: 2.5rem;
  }

  .xl\:ml-10 {
    margin-left: 2.5rem;
  }

  .xl\:mt-12 {
    margin-top: 3rem;
  }

  .xl\:mr-12 {
    margin-right: 3rem;
  }

  .xl\:mb-12 {
    margin-bottom: 3rem;
  }

  .xl\:ml-12 {
    margin-left: 3rem;
  }

  .xl\:mt-16 {
    margin-top: 4rem;
  }

  .xl\:mr-16 {
    margin-right: 4rem;
  }

  .xl\:mb-16 {
    margin-bottom: 4rem;
  }

  .xl\:ml-16 {
    margin-left: 4rem;
  }

  .xl\:mt-20 {
    margin-top: 5rem;
  }

  .xl\:mr-20 {
    margin-right: 5rem;
  }

  .xl\:mb-20 {
    margin-bottom: 5rem;
  }

  .xl\:ml-20 {
    margin-left: 5rem;
  }

  .xl\:mt-24 {
    margin-top: 6rem;
  }

  .xl\:mr-24 {
    margin-right: 6rem;
  }

  .xl\:mb-24 {
    margin-bottom: 6rem;
  }

  .xl\:ml-24 {
    margin-left: 6rem;
  }

  .xl\:mt-32 {
    margin-top: 8rem;
  }

  .xl\:mr-32 {
    margin-right: 8rem;
  }

  .xl\:mb-32 {
    margin-bottom: 8rem;
  }

  .xl\:ml-32 {
    margin-left: 8rem;
  }

  .xl\:mt-auto {
    margin-top: auto;
  }

  .xl\:mr-auto {
    margin-right: auto;
  }

  .xl\:mb-auto {
    margin-bottom: auto;
  }

  .xl\:ml-auto {
    margin-left: auto;
  }

  .xl\:mt-px {
    margin-top: 1px;
  }

  .xl\:mr-px {
    margin-right: 1px;
  }

  .xl\:mb-px {
    margin-bottom: 1px;
  }

  .xl\:ml-px {
    margin-left: 1px;
  }

  .xl\:max-w-xs {
    max-width: 20rem;
  }

  .xl\:max-w-sm {
    max-width: 30rem;
  }

  .xl\:max-w-md {
    max-width: 40rem;
  }

  .xl\:max-w-lg {
    max-width: 50rem;
  }

  .xl\:max-w-xl {
    max-width: 60rem;
  }

  .xl\:max-w-2xl {
    max-width: 70rem;
  }

  .xl\:max-w-3xl {
    max-width: 80rem;
  }

  .xl\:max-w-4xl {
    max-width: 90rem;
  }

  .xl\:max-w-5xl {
    max-width: 100rem;
  }

  .xl\:max-w-full {
    max-width: 100%;
  }

  .xl\:-m-0 {
    margin: 0;
  }

  .xl\:-m-1 {
    margin: -0.25rem;
  }

  .xl\:-m-2 {
    margin: -0.5rem;
  }

  .xl\:-m-3 {
    margin: -0.75rem;
  }

  .xl\:-m-4 {
    margin: -1rem;
  }

  .xl\:-m-5 {
    margin: -1.25rem;
  }

  .xl\:-m-6 {
    margin: -1.5rem;
  }

  .xl\:-m-8 {
    margin: -2rem;
  }

  .xl\:-m-10 {
    margin: -2.5rem;
  }

  .xl\:-m-12 {
    margin: -3rem;
  }

  .xl\:-m-16 {
    margin: -4rem;
  }

  .xl\:-m-20 {
    margin: -5rem;
  }

  .xl\:-m-24 {
    margin: -6rem;
  }

  .xl\:-m-32 {
    margin: -8rem;
  }

  .xl\:-m-px {
    margin: -1px;
  }

  .xl\:-my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .xl\:-mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .xl\:-my-1 {
    margin-top: -0.25rem;
    margin-bottom: -0.25rem;
  }

  .xl\:-mx-1 {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }

  .xl\:-my-2 {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
  }

  .xl\:-mx-2 {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }

  .xl\:-my-3 {
    margin-top: -0.75rem;
    margin-bottom: -0.75rem;
  }

  .xl\:-mx-3 {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }

  .xl\:-my-4 {
    margin-top: -1rem;
    margin-bottom: -1rem;
  }

  .xl\:-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem;
  }

  .xl\:-my-5 {
    margin-top: -1.25rem;
    margin-bottom: -1.25rem;
  }

  .xl\:-mx-5 {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  .xl\:-my-6 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
  }

  .xl\:-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  .xl\:-my-8 {
    margin-top: -2rem;
    margin-bottom: -2rem;
  }

  .xl\:-mx-8 {
    margin-left: -2rem;
    margin-right: -2rem;
  }

  .xl\:-my-10 {
    margin-top: -2.5rem;
    margin-bottom: -2.5rem;
  }

  .xl\:-mx-10 {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }

  .xl\:-my-12 {
    margin-top: -3rem;
    margin-bottom: -3rem;
  }

  .xl\:-mx-12 {
    margin-left: -3rem;
    margin-right: -3rem;
  }

  .xl\:-my-16 {
    margin-top: -4rem;
    margin-bottom: -4rem;
  }

  .xl\:-mx-16 {
    margin-left: -4rem;
    margin-right: -4rem;
  }

  .xl\:-my-20 {
    margin-top: -5rem;
    margin-bottom: -5rem;
  }

  .xl\:-mx-20 {
    margin-left: -5rem;
    margin-right: -5rem;
  }

  .xl\:-my-24 {
    margin-top: -6rem;
    margin-bottom: -6rem;
  }

  .xl\:-mx-24 {
    margin-left: -6rem;
    margin-right: -6rem;
  }

  .xl\:-my-32 {
    margin-top: -8rem;
    margin-bottom: -8rem;
  }

  .xl\:-mx-32 {
    margin-left: -8rem;
    margin-right: -8rem;
  }

  .xl\:-my-px {
    margin-top: -1px;
    margin-bottom: -1px;
  }

  .xl\:-mx-px {
    margin-left: -1px;
    margin-right: -1px;
  }

  .xl\:-mt-0 {
    margin-top: 0;
  }

  .xl\:-mr-0 {
    margin-right: 0;
  }

  .xl\:-mb-0 {
    margin-bottom: 0;
  }

  .xl\:-ml-0 {
    margin-left: 0;
  }

  .xl\:-mt-1 {
    margin-top: -0.25rem;
  }

  .xl\:-mr-1 {
    margin-right: -0.25rem;
  }

  .xl\:-mb-1 {
    margin-bottom: -0.25rem;
  }

  .xl\:-ml-1 {
    margin-left: -0.25rem;
  }

  .xl\:-mt-2 {
    margin-top: -0.5rem;
  }

  .xl\:-mr-2 {
    margin-right: -0.5rem;
  }

  .xl\:-mb-2 {
    margin-bottom: -0.5rem;
  }

  .xl\:-ml-2 {
    margin-left: -0.5rem;
  }

  .xl\:-mt-3 {
    margin-top: -0.75rem;
  }

  .xl\:-mr-3 {
    margin-right: -0.75rem;
  }

  .xl\:-mb-3 {
    margin-bottom: -0.75rem;
  }

  .xl\:-ml-3 {
    margin-left: -0.75rem;
  }

  .xl\:-mt-4 {
    margin-top: -1rem;
  }

  .xl\:-mr-4 {
    margin-right: -1rem;
  }

  .xl\:-mb-4 {
    margin-bottom: -1rem;
  }

  .xl\:-ml-4 {
    margin-left: -1rem;
  }

  .xl\:-mt-5 {
    margin-top: -1.25rem;
  }

  .xl\:-mr-5 {
    margin-right: -1.25rem;
  }

  .xl\:-mb-5 {
    margin-bottom: -1.25rem;
  }

  .xl\:-ml-5 {
    margin-left: -1.25rem;
  }

  .xl\:-mt-6 {
    margin-top: -1.5rem;
  }

  .xl\:-mr-6 {
    margin-right: -1.5rem;
  }

  .xl\:-mb-6 {
    margin-bottom: -1.5rem;
  }

  .xl\:-ml-6 {
    margin-left: -1.5rem;
  }

  .xl\:-mt-8 {
    margin-top: -2rem;
  }

  .xl\:-mr-8 {
    margin-right: -2rem;
  }

  .xl\:-mb-8 {
    margin-bottom: -2rem;
  }

  .xl\:-ml-8 {
    margin-left: -2rem;
  }

  .xl\:-mt-10 {
    margin-top: -2.5rem;
  }

  .xl\:-mr-10 {
    margin-right: -2.5rem;
  }

  .xl\:-mb-10 {
    margin-bottom: -2.5rem;
  }

  .xl\:-ml-10 {
    margin-left: -2.5rem;
  }

  .xl\:-mt-12 {
    margin-top: -3rem;
  }

  .xl\:-mr-12 {
    margin-right: -3rem;
  }

  .xl\:-mb-12 {
    margin-bottom: -3rem;
  }

  .xl\:-ml-12 {
    margin-left: -3rem;
  }

  .xl\:-mt-16 {
    margin-top: -4rem;
  }

  .xl\:-mr-16 {
    margin-right: -4rem;
  }

  .xl\:-mb-16 {
    margin-bottom: -4rem;
  }

  .xl\:-ml-16 {
    margin-left: -4rem;
  }

  .xl\:-mt-20 {
    margin-top: -5rem;
  }

  .xl\:-mr-20 {
    margin-right: -5rem;
  }

  .xl\:-mb-20 {
    margin-bottom: -5rem;
  }

  .xl\:-ml-20 {
    margin-left: -5rem;
  }

  .xl\:-mt-24 {
    margin-top: -6rem;
  }

  .xl\:-mr-24 {
    margin-right: -6rem;
  }

  .xl\:-mb-24 {
    margin-bottom: -6rem;
  }

  .xl\:-ml-24 {
    margin-left: -6rem;
  }

  .xl\:-mt-32 {
    margin-top: -8rem;
  }

  .xl\:-mr-32 {
    margin-right: -8rem;
  }

  .xl\:-mb-32 {
    margin-bottom: -8rem;
  }

  .xl\:-ml-32 {
    margin-left: -8rem;
  }

  .xl\:-mt-px {
    margin-top: -1px;
  }

  .xl\:-mr-px {
    margin-right: -1px;
  }

  .xl\:-mb-px {
    margin-bottom: -1px;
  }

  .xl\:-ml-px {
    margin-left: -1px;
  }

  .xl\:p-0 {
    padding: 0;
  }

  .xl\:p-1 {
    padding: .25rem;
  }

  .xl\:p-2 {
    padding: .5rem;
  }

  .xl\:p-3 {
    padding: .75rem;
  }

  .xl\:p-4 {
    padding: 1rem;
  }

  .xl\:p-5 {
    padding: 1.25rem;
  }

  .xl\:p-6 {
    padding: 1.5rem;
  }

  .xl\:p-8 {
    padding: 2rem;
  }

  .xl\:p-10 {
    padding: 2.5rem;
  }

  .xl\:p-12 {
    padding: 3rem;
  }

  .xl\:p-16 {
    padding: 4rem;
  }

  .xl\:p-20 {
    padding: 5rem;
  }

  .xl\:p-24 {
    padding: 6rem;
  }

  .xl\:p-32 {
    padding: 8rem;
  }

  .xl\:p-px {
    padding: 1px;
  }

  .xl\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .xl\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .xl\:py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem;
  }

  .xl\:px-1 {
    padding-left: .25rem;
    padding-right: .25rem;
  }

  .xl\:py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .xl\:px-2 {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .xl\:py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem;
  }

  .xl\:px-3 {
    padding-left: .75rem;
    padding-right: .75rem;
  }

  .xl\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .xl\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .xl\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .xl\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .xl\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .xl\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .xl\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .xl\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .xl\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .xl\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .xl\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .xl\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .xl\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .xl\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .xl\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .xl\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .xl\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .xl\:px-24 {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .xl\:py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .xl\:px-32 {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .xl\:py-px {
    padding-top: 1px;
    padding-bottom: 1px;
  }

  .xl\:px-px {
    padding-left: 1px;
    padding-right: 1px;
  }

  .xl\:pt-0 {
    padding-top: 0;
  }

  .xl\:pr-0 {
    padding-right: 0;
  }

  .xl\:pb-0 {
    padding-bottom: 0;
  }

  .xl\:pl-0 {
    padding-left: 0;
  }

  .xl\:pt-1 {
    padding-top: .25rem;
  }

  .xl\:pr-1 {
    padding-right: .25rem;
  }

  .xl\:pb-1 {
    padding-bottom: .25rem;
  }

  .xl\:pl-1 {
    padding-left: .25rem;
  }

  .xl\:pt-2 {
    padding-top: .5rem;
  }

  .xl\:pr-2 {
    padding-right: .5rem;
  }

  .xl\:pb-2 {
    padding-bottom: .5rem;
  }

  .xl\:pl-2 {
    padding-left: .5rem;
  }

  .xl\:pt-3 {
    padding-top: .75rem;
  }

  .xl\:pr-3 {
    padding-right: .75rem;
  }

  .xl\:pb-3 {
    padding-bottom: .75rem;
  }

  .xl\:pl-3 {
    padding-left: .75rem;
  }

  .xl\:pt-4 {
    padding-top: 1rem;
  }

  .xl\:pr-4 {
    padding-right: 1rem;
  }

  .xl\:pb-4 {
    padding-bottom: 1rem;
  }

  .xl\:pl-4 {
    padding-left: 1rem;
  }

  .xl\:pt-5 {
    padding-top: 1.25rem;
  }

  .xl\:pr-5 {
    padding-right: 1.25rem;
  }

  .xl\:pb-5 {
    padding-bottom: 1.25rem;
  }

  .xl\:pl-5 {
    padding-left: 1.25rem;
  }

  .xl\:pt-6 {
    padding-top: 1.5rem;
  }

  .xl\:pr-6 {
    padding-right: 1.5rem;
  }

  .xl\:pb-6 {
    padding-bottom: 1.5rem;
  }

  .xl\:pl-6 {
    padding-left: 1.5rem;
  }

  .xl\:pt-8 {
    padding-top: 2rem;
  }

  .xl\:pr-8 {
    padding-right: 2rem;
  }

  .xl\:pb-8 {
    padding-bottom: 2rem;
  }

  .xl\:pl-8 {
    padding-left: 2rem;
  }

  .xl\:pt-10 {
    padding-top: 2.5rem;
  }

  .xl\:pr-10 {
    padding-right: 2.5rem;
  }

  .xl\:pb-10 {
    padding-bottom: 2.5rem;
  }

  .xl\:pl-10 {
    padding-left: 2.5rem;
  }

  .xl\:pt-12 {
    padding-top: 3rem;
  }

  .xl\:pr-12 {
    padding-right: 3rem;
  }

  .xl\:pb-12 {
    padding-bottom: 3rem;
  }

  .xl\:pl-12 {
    padding-left: 3rem;
  }

  .xl\:pt-16 {
    padding-top: 4rem;
  }

  .xl\:pr-16 {
    padding-right: 4rem;
  }

  .xl\:pb-16 {
    padding-bottom: 4rem;
  }

  .xl\:pl-16 {
    padding-left: 4rem;
  }

  .xl\:pt-20 {
    padding-top: 5rem;
  }

  .xl\:pr-20 {
    padding-right: 5rem;
  }

  .xl\:pb-20 {
    padding-bottom: 5rem;
  }

  .xl\:pl-20 {
    padding-left: 5rem;
  }

  .xl\:pt-24 {
    padding-top: 6rem;
  }

  .xl\:pr-24 {
    padding-right: 6rem;
  }

  .xl\:pb-24 {
    padding-bottom: 6rem;
  }

  .xl\:pl-24 {
    padding-left: 6rem;
  }

  .xl\:pt-32 {
    padding-top: 8rem;
  }

  .xl\:pr-32 {
    padding-right: 8rem;
  }

  .xl\:pb-32 {
    padding-bottom: 8rem;
  }

  .xl\:pl-32 {
    padding-left: 8rem;
  }

  .xl\:pt-px {
    padding-top: 1px;
  }

  .xl\:pr-px {
    padding-right: 1px;
  }

  .xl\:pb-px {
    padding-bottom: 1px;
  }

  .xl\:pl-px {
    padding-left: 1px;
  }

  .xl\:static {
    position: static;
  }

  .xl\:fixed {
    position: fixed;
  }

  .xl\:absolute {
    position: absolute;
  }

  .xl\:relative {
    position: relative;
  }

  .xl\:sticky {
    position: sticky;
  }

  .xl\:pin-none {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .xl\:pin {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .xl\:pin-y {
    top: 0;
    bottom: 0;
  }

  .xl\:pin-x {
    right: 0;
    left: 0;
  }

  .xl\:pin-t {
    top: 0;
  }

  .xl\:pin-r {
    right: 0;
  }

  .xl\:pin-b {
    bottom: 0;
  }

  .xl\:pin-l {
    left: 0;
  }

  .xl\:w-1 {
    width: .25rem;
  }

  .xl\:w-2 {
    width: .5rem;
  }

  .xl\:w-3 {
    width: .75rem;
  }

  .xl\:w-4 {
    width: 1rem;
  }

  .xl\:w-5 {
    width: 1.25rem;
  }

  .xl\:w-6 {
    width: 1.5rem;
  }

  .xl\:w-8 {
    width: 2rem;
  }

  .xl\:w-10 {
    width: 2.5rem;
  }

  .xl\:w-12 {
    width: 3rem;
  }

  .xl\:w-16 {
    width: 4rem;
  }

  .xl\:w-24 {
    width: 6rem;
  }

  .xl\:w-32 {
    width: 8rem;
  }

  .xl\:w-48 {
    width: 12rem;
  }

  .xl\:w-64 {
    width: 16rem;
  }

  .xl\:w-auto {
    width: auto;
  }

  .xl\:w-px {
    width: 1px;
  }

  .xl\:w-1\/2 {
    width: 50%;
  }

  .xl\:w-1\/3 {
    width: 33.33333%;
  }

  .xl\:w-2\/3 {
    width: 66.66667%;
  }

  .xl\:w-1\/4 {
    width: 25%;
  }

  .xl\:w-3\/4 {
    width: 75%;
  }

  .xl\:w-1\/5 {
    width: 20%;
  }

  .xl\:w-2\/5 {
    width: 40%;
  }

  .xl\:w-3\/5 {
    width: 60%;
  }

  .xl\:w-4\/5 {
    width: 80%;
  }

  .xl\:w-1\/6 {
    width: 16.66667%;
  }

  .xl\:w-5\/6 {
    width: 83.33333%;
  }

  .xl\:w-full {
    width: 100%;
  }

  .xl\:w-screen {
    width: 100vw;
  }
}