@charset "UTF-8";

/* Bootstrapping */
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark

Added reset by Christopher Bishop
*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1.6;
  background-color: var(--bg-body);
  color: var(--text-main);
  font-family: var(--font);
  -webkit-font-smoothing: antialiased;
}

/* Tell the browser to render HTML 5 elements as block */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  color: var(--primary);
}

a:not(.button):hover {
  color: var(--secondary);
  text-decoration: underline;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input,
select {
  vertical-align: middle;
}

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

.list-unstyled>li {
  margin-bottom: 0;
}

a:focus {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}

img {
  border: none;
  /* Removes purple border caused by FireFox */
}

/* Clear Div (not suggested) */
.clear {
  clear: both;
}

/* Clear Fix */
.clear-fix {
  *zoom: 1;
}

.clear-fix:before,
.clear-fix:after {
  display: table;
  content: "";
}

.clear-fix:after {
  clear: both;
}

/*
-----------------------------------------
WIDTHS
-----------------------------------------
*/
/*
-----------------------------------------
WIDTHS
-----------------------------------------
*/
:root {
  --site-width: 1200px;
  --site-padding: 32px;
  --radius: 16px;
  /* More modern, slightly tighter radius */
  --menu-size: 400px;
}

/*
-----------------------------------------
COLORS
-----------------------------------------
*/
:root {
  /* Modern Dark Theme Palette */
  --bg-body: #050507;
  --bg-card: #121216;
  --bg-glass: rgba(255, 255, 255, 0.03);

  --primary: #3B82F6;
  /* Modern Blue */
  --primary-glow: rgba(59, 130, 246, 0.5);
  --secondary: #8B5CF6;
  /* Modern Purple */
  --accent: #06b6d4;
  /* Cyan */

  --tertiary: #1e293b;
  --green: #10b981;
  --red: #ef4444;

  /* NEUTRAL */
  --white: #ffffff;
  --gray-03: #f8fafc;
  --gray-06: #f1f5f9;
  --gray-10: #e2e8f0;
  --gray-20: #cbd5e1;
  --gray-30: #94a3b8;
  --gray-40: #64748b;
  --gray-50: #475569;
  --gray-60: #334155;
  --gray-70: #1e293b;
  --gray-80: #0f172a;
  --gray-90: #020617;

  --text-main: #f8fafc;
  --text-muted: #94a3b8;
  --text-color: var(--text-main);
  /* Restore legacy variable for compatibility */

  --form-border: var(--gray-70);
  --select-background: var(--gray-80);
  --select-text: var(--white);
  --placeholder: var(--gray-50);
}

/*
-----------------------------------------
FONTS
-----------------------------------------
*/
:root {
  --font: "Inter", "Poppins", sans-serif;
  --light: 300;
  --normal: 400;
  --medium: 500;
  --bold: 600;
  --black: 800;
}

/* Modern Utilities */
.glass {
  background: var(--bg-glass);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.card {
  background: var(--bg-card);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 24px;
  padding: 32px;
  transition: all 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.card:hover {
  transform: translateY(-5px);
  border-color: var(--primary);
  box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.5);
}

.text-gradient {
  background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.glow-hover {
  transition: all 0.3s ease;
}

.glow-hover:hover {
  box-shadow: 0 0 20px var(--primary-glow);
  transform: translateY(-2px);
}

/*
-----------------------------------------
BREAKPOINTS
-----------------------------------------
*/
/*
-----------------------------------------
REM CONVERSION
Requires $font-size variable to be set
-----------------------------------------
*/
/*
-----------------------------------------
BOX SIZING
-----------------------------------------
*/
/*
-----------------------------------------
CLEAR FLOAT
-----------------------------------------
*/
/*
-----------------------------------------
CSS3
Please use autoprefixer
-----------------------------------------
*/
/*
-----------------------------------------
ZEBRA STRIPE
-----------------------------------------
*/
/*
-----------------------------------------
PSUEDO
-----------------------------------------
*/
/* Grid */
/* ==========================================================================
    GRIDLEX
    Just a Flexbox Grid System - v. 2.7.1
========================================================================== */
[class~=gridlex],
[class*=gridlex-],
[class*=gridlex_] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 0 -16px;
}

[class~=col],
[class*=col-],
[class*=col_] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 16px 1rem;
  max-width: 100%;
}

[class~=col],
[class*=col_] {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0%;
  flex: 1 1 0%;
}

[class*=col-] {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}

[class~=gridlex][class~=col],
[class~=gridlex][class*=col-],
[class~=gridlex][class*=col_],
[class*=gridlex-][class~=col],
[class*=gridlex-][class*=col-],
[class*=gridlex-][class*=col_],
[class*=gridlex_][class~=col],
[class*=gridlex_][class*=col-],
[class*=gridlex_][class*=col_] {
  margin: 0;
  padding: 0;
}

/************************
    HELPERS SUFFIXES
*************************/
[class*=gridlex-][class*=-noGutter] {
  margin: 0;
}

[class*=gridlex-][class*=-noGutter]>[class~=col],
[class*=gridlex-][class*=-noGutter]>[class*=col-] {
  padding: 0;
}

[class*=gridlex-][class*=-noWrap] {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

[class*=gridlex-][class*=-center] {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

[class*=gridlex-][class*=-right] {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  margin-left: auto;
}

[class*=gridlex-][class*=-top] {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

[class*=gridlex-][class*=-middle] {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

[class*=gridlex-][class*=-bottom] {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

[class*=gridlex-][class*=-reverse] {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

[class*=gridlex-][class*=-column] {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

[class*=gridlex-][class*=-column]>[class*=col-] {
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

[class*=gridlex-][class*=-column-reverse] {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

[class*=gridlex-][class*=-spaceBetween] {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

[class*=gridlex-][class*=-spaceAround] {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

[class*=gridlex-][class*=-equalHeight]>[class~=col],
[class*=gridlex-][class*=-equalHeight]>[class*=col-],
[class*=gridlex-][class*=-equalHeight]>[class*=col_] {
  -ms-flex-item-align: stretch;
  align-self: stretch;
}

[class*=gridlex-][class*=-equalHeight]>[class~=col]>*,
[class*=gridlex-][class*=-equalHeight]>[class*=col-]>*,
[class*=gridlex-][class*=-equalHeight]>[class*=col_]>* {
  height: 100%;
}

[class*=gridlex-][class*=-noBottom]>[class~=col],
[class*=gridlex-][class*=-noBottom]>[class*=col-],
[class*=gridlex-][class*=-noBottom]>[class*=col_] {
  padding-bottom: 0;
}

[class*=col-][class*=-top] {
  -ms-flex-item-align: start;
  align-self: flex-start;
}

[class*=col-][class*=-middle] {
  -ms-flex-item-align: center;
  align-self: center;
}

[class*=col-][class*=-bottom] {
  -ms-flex-item-align: end;
  align-self: flex-end;
}

[class*=col-][class*=-first] {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}

[class*=col-][class*=-last] {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

/************************
    GRID BY NUMBER
*************************/
[class*=gridlex-1]>[class~=col],
[class*=gridlex-1]>[class*=col-],
[class*=gridlex-1]>[class*=col_] {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

[class*=gridlex-2]>[class~=col],
[class*=gridlex-2]>[class*=col-],
[class*=gridlex-2]>[class*=col_] {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}

[class*=gridlex-3]>[class~=col],
[class*=gridlex-3]>[class*=col-],
[class*=gridlex-3]>[class*=col_] {
  -ms-flex-preferred-size: 33.3333333333%;
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
}

[class*=gridlex-4]>[class~=col],
[class*=gridlex-4]>[class*=col-],
[class*=gridlex-4]>[class*=col_] {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
}

[class*=gridlex-5]>[class~=col],
[class*=gridlex-5]>[class*=col-],
[class*=gridlex-5]>[class*=col_] {
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
  max-width: 20%;
}

[class*=gridlex-6]>[class~=col],
[class*=gridlex-6]>[class*=col-],
[class*=gridlex-6]>[class*=col_] {
  -ms-flex-preferred-size: 16.6666666667%;
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%;
}

[class*=gridlex-7]>[class~=col],
[class*=gridlex-7]>[class*=col-],
[class*=gridlex-7]>[class*=col_] {
  -ms-flex-preferred-size: 14.2857142857%;
  flex-basis: 14.2857142857%;
  max-width: 14.2857142857%;
}

[class*=gridlex-8]>[class~=col],
[class*=gridlex-8]>[class*=col-],
[class*=gridlex-8]>[class*=col_] {
  -ms-flex-preferred-size: 12.5%;
  flex-basis: 12.5%;
  max-width: 12.5%;
}

[class*=gridlex-9]>[class~=col],
[class*=gridlex-9]>[class*=col-],
[class*=gridlex-9]>[class*=col_] {
  -ms-flex-preferred-size: 11.1111111111%;
  flex-basis: 11.1111111111%;
  max-width: 11.1111111111%;
}

[class*=gridlex-10]>[class~=col],
[class*=gridlex-10]>[class*=col-],
[class*=gridlex-10]>[class*=col_] {
  -ms-flex-preferred-size: 10%;
  flex-basis: 10%;
  max-width: 10%;
}

[class*=gridlex-11]>[class~=col],
[class*=gridlex-11]>[class*=col-],
[class*=gridlex-11]>[class*=col_] {
  -ms-flex-preferred-size: 9.0909090909%;
  flex-basis: 9.0909090909%;
  max-width: 9.0909090909%;
}

[class*=gridlex-12]>[class~=col],
[class*=gridlex-12]>[class*=col-],
[class*=gridlex-12]>[class*=col_] {
  -ms-flex-preferred-size: 8.3333333333%;
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%;
}

@media (max-width: 850px) {

  [class*=_lg-1]>[class~=col],
  [class*=_lg-1]>[class*=col-],
  [class*=_lg-1]>[class*=col_] {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  [class*=_lg-2]>[class~=col],
  [class*=_lg-2]>[class*=col-],
  [class*=_lg-2]>[class*=col_] {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  [class*=_lg-3]>[class~=col],
  [class*=_lg-3]>[class*=col-],
  [class*=_lg-3]>[class*=col_] {
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }

  [class*=_lg-4]>[class~=col],
  [class*=_lg-4]>[class*=col-],
  [class*=_lg-4]>[class*=col_] {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  [class*=_lg-5]>[class~=col],
  [class*=_lg-5]>[class*=col-],
  [class*=_lg-5]>[class*=col_] {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%;
  }

  [class*=_lg-6]>[class~=col],
  [class*=_lg-6]>[class*=col-],
  [class*=_lg-6]>[class*=col_] {
    -ms-flex-preferred-size: 16.6666666667%;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }

  [class*=_lg-7]>[class~=col],
  [class*=_lg-7]>[class*=col-],
  [class*=_lg-7]>[class*=col_] {
    -ms-flex-preferred-size: 14.2857142857%;
    flex-basis: 14.2857142857%;
    max-width: 14.2857142857%;
  }

  [class*=_lg-8]>[class~=col],
  [class*=_lg-8]>[class*=col-],
  [class*=_lg-8]>[class*=col_] {
    -ms-flex-preferred-size: 12.5%;
    flex-basis: 12.5%;
    max-width: 12.5%;
  }

  [class*=_lg-9]>[class~=col],
  [class*=_lg-9]>[class*=col-],
  [class*=_lg-9]>[class*=col_] {
    -ms-flex-preferred-size: 11.1111111111%;
    flex-basis: 11.1111111111%;
    max-width: 11.1111111111%;
  }

  [class*=_lg-10]>[class~=col],
  [class*=_lg-10]>[class*=col-],
  [class*=_lg-10]>[class*=col_] {
    -ms-flex-preferred-size: 10%;
    flex-basis: 10%;
    max-width: 10%;
  }

  [class*=_lg-11]>[class~=col],
  [class*=_lg-11]>[class*=col-],
  [class*=_lg-11]>[class*=col_] {
    -ms-flex-preferred-size: 9.0909090909%;
    flex-basis: 9.0909090909%;
    max-width: 9.0909090909%;
  }

  [class*=_lg-12]>[class~=col],
  [class*=_lg-12]>[class*=col-],
  [class*=_lg-12]>[class*=col_] {
    -ms-flex-preferred-size: 8.3333333333%;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
}

@media (max-width: 760px) {

  [class*=_md-1]>[class~=col],
  [class*=_md-1]>[class*=col-],
  [class*=_md-1]>[class*=col_] {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  [class*=_md-2]>[class~=col],
  [class*=_md-2]>[class*=col-],
  [class*=_md-2]>[class*=col_] {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  [class*=_md-3]>[class~=col],
  [class*=_md-3]>[class*=col-],
  [class*=_md-3]>[class*=col_] {
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }

  [class*=_md-4]>[class~=col],
  [class*=_md-4]>[class*=col-],
  [class*=_md-4]>[class*=col_] {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  [class*=_md-5]>[class~=col],
  [class*=_md-5]>[class*=col-],
  [class*=_md-5]>[class*=col_] {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%;
  }

  [class*=_md-6]>[class~=col],
  [class*=_md-6]>[class*=col-],
  [class*=_md-6]>[class*=col_] {
    -ms-flex-preferred-size: 16.6666666667%;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }

  [class*=_md-7]>[class~=col],
  [class*=_md-7]>[class*=col-],
  [class*=_md-7]>[class*=col_] {
    -ms-flex-preferred-size: 14.2857142857%;
    flex-basis: 14.2857142857%;
    max-width: 14.2857142857%;
  }

  [class*=_md-8]>[class~=col],
  [class*=_md-8]>[class*=col-],
  [class*=_md-8]>[class*=col_] {
    -ms-flex-preferred-size: 12.5%;
    flex-basis: 12.5%;
    max-width: 12.5%;
  }

  [class*=_md-9]>[class~=col],
  [class*=_md-9]>[class*=col-],
  [class*=_md-9]>[class*=col_] {
    -ms-flex-preferred-size: 11.1111111111%;
    flex-basis: 11.1111111111%;
    max-width: 11.1111111111%;
  }

  [class*=_md-10]>[class~=col],
  [class*=_md-10]>[class*=col-],
  [class*=_md-10]>[class*=col_] {
    -ms-flex-preferred-size: 10%;
    flex-basis: 10%;
    max-width: 10%;
  }

  [class*=_md-11]>[class~=col],
  [class*=_md-11]>[class*=col-],
  [class*=_md-11]>[class*=col_] {
    -ms-flex-preferred-size: 9.0909090909%;
    flex-basis: 9.0909090909%;
    max-width: 9.0909090909%;
  }

  [class*=_md-12]>[class~=col],
  [class*=_md-12]>[class*=col-],
  [class*=_md-12]>[class*=col_] {
    -ms-flex-preferred-size: 8.3333333333%;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
}

@media (max-width: 600px) {

  [class*=_sm-1]>[class~=col],
  [class*=_sm-1]>[class*=col-],
  [class*=_sm-1]>[class*=col_] {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  [class*=_sm-2]>[class~=col],
  [class*=_sm-2]>[class*=col-],
  [class*=_sm-2]>[class*=col_] {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  [class*=_sm-3]>[class~=col],
  [class*=_sm-3]>[class*=col-],
  [class*=_sm-3]>[class*=col_] {
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }

  [class*=_sm-4]>[class~=col],
  [class*=_sm-4]>[class*=col-],
  [class*=_sm-4]>[class*=col_] {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  [class*=_sm-5]>[class~=col],
  [class*=_sm-5]>[class*=col-],
  [class*=_sm-5]>[class*=col_] {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%;
  }

  [class*=_sm-6]>[class~=col],
  [class*=_sm-6]>[class*=col-],
  [class*=_sm-6]>[class*=col_] {
    -ms-flex-preferred-size: 16.6666666667%;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }

  [class*=_sm-7]>[class~=col],
  [class*=_sm-7]>[class*=col-],
  [class*=_sm-7]>[class*=col_] {
    -ms-flex-preferred-size: 14.2857142857%;
    flex-basis: 14.2857142857%;
    max-width: 14.2857142857%;
  }

  [class*=_sm-8]>[class~=col],
  [class*=_sm-8]>[class*=col-],
  [class*=_sm-8]>[class*=col_] {
    -ms-flex-preferred-size: 12.5%;
    flex-basis: 12.5%;
    max-width: 12.5%;
  }

  [class*=_sm-9]>[class~=col],
  [class*=_sm-9]>[class*=col-],
  [class*=_sm-9]>[class*=col_] {
    -ms-flex-preferred-size: 11.1111111111%;
    flex-basis: 11.1111111111%;
    max-width: 11.1111111111%;
  }

  [class*=_sm-10]>[class~=col],
  [class*=_sm-10]>[class*=col-],
  [class*=_sm-10]>[class*=col_] {
    -ms-flex-preferred-size: 10%;
    flex-basis: 10%;
    max-width: 10%;
  }

  [class*=_sm-11]>[class~=col],
  [class*=_sm-11]>[class*=col-],
  [class*=_sm-11]>[class*=col_] {
    -ms-flex-preferred-size: 9.0909090909%;
    flex-basis: 9.0909090909%;
    max-width: 9.0909090909%;
  }

  [class*=_sm-12]>[class~=col],
  [class*=_sm-12]>[class*=col-],
  [class*=_sm-12]>[class*=col_] {
    -ms-flex-preferred-size: 8.3333333333%;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
}

@media (max-width: 480px) {

  [class*=_xs-1]>[class~=col],
  [class*=_xs-1]>[class*=col-],
  [class*=_xs-1]>[class*=col_] {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  [class*=_xs-2]>[class~=col],
  [class*=_xs-2]>[class*=col-],
  [class*=_xs-2]>[class*=col_] {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  [class*=_xs-3]>[class~=col],
  [class*=_xs-3]>[class*=col-],
  [class*=_xs-3]>[class*=col_] {
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }

  [class*=_xs-4]>[class~=col],
  [class*=_xs-4]>[class*=col-],
  [class*=_xs-4]>[class*=col_] {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  [class*=_xs-5]>[class~=col],
  [class*=_xs-5]>[class*=col-],
  [class*=_xs-5]>[class*=col_] {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%;
  }

  [class*=_xs-6]>[class~=col],
  [class*=_xs-6]>[class*=col-],
  [class*=_xs-6]>[class*=col_] {
    -ms-flex-preferred-size: 16.6666666667%;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }

  [class*=_xs-7]>[class~=col],
  [class*=_xs-7]>[class*=col-],
  [class*=_xs-7]>[class*=col_] {
    -ms-flex-preferred-size: 14.2857142857%;
    flex-basis: 14.2857142857%;
    max-width: 14.2857142857%;
  }

  [class*=_xs-8]>[class~=col],
  [class*=_xs-8]>[class*=col-],
  [class*=_xs-8]>[class*=col_] {
    -ms-flex-preferred-size: 12.5%;
    flex-basis: 12.5%;
    max-width: 12.5%;
  }

  [class*=_xs-9]>[class~=col],
  [class*=_xs-9]>[class*=col-],
  [class*=_xs-9]>[class*=col_] {
    -ms-flex-preferred-size: 11.1111111111%;
    flex-basis: 11.1111111111%;
    max-width: 11.1111111111%;
  }

  [class*=_xs-10]>[class~=col],
  [class*=_xs-10]>[class*=col-],
  [class*=_xs-10]>[class*=col_] {
    -ms-flex-preferred-size: 10%;
    flex-basis: 10%;
    max-width: 10%;
  }

  [class*=_xs-11]>[class~=col],
  [class*=_xs-11]>[class*=col-],
  [class*=_xs-11]>[class*=col_] {
    -ms-flex-preferred-size: 9.0909090909%;
    flex-basis: 9.0909090909%;
    max-width: 9.0909090909%;
  }

  [class*=_xs-12]>[class~=col],
  [class*=_xs-12]>[class*=col-],
  [class*=_xs-12]>[class*=col_] {
    -ms-flex-preferred-size: 8.3333333333%;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
}

/************************
    COLS SIZES
*************************/
[class~=gridlex]>[class*=col-1],
[class*=gridlex-]>[class*=col-1],
[class*=gridlex_]>[class*=col-1] {
  -ms-flex-preferred-size: 8.3333333333%;
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%;
}

[class~=gridlex]>[class*=col-2],
[class*=gridlex-]>[class*=col-2],
[class*=gridlex_]>[class*=col-2] {
  -ms-flex-preferred-size: 16.6666666667%;
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%;
}

[class~=gridlex]>[class*=col-3],
[class*=gridlex-]>[class*=col-3],
[class*=gridlex_]>[class*=col-3] {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
}

[class~=gridlex]>[class*=col-4],
[class*=gridlex-]>[class*=col-4],
[class*=gridlex_]>[class*=col-4] {
  -ms-flex-preferred-size: 33.3333333333%;
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
}

[class~=gridlex]>[class*=col-5],
[class*=gridlex-]>[class*=col-5],
[class*=gridlex_]>[class*=col-5] {
  -ms-flex-preferred-size: 41.6666666667%;
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%;
}

[class~=gridlex]>[class*=col-6],
[class*=gridlex-]>[class*=col-6],
[class*=gridlex_]>[class*=col-6] {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}

[class~=gridlex]>[class*=col-7],
[class*=gridlex-]>[class*=col-7],
[class*=gridlex_]>[class*=col-7] {
  -ms-flex-preferred-size: 58.3333333333%;
  flex-basis: 58.3333333333%;
  max-width: 58.3333333333%;
}

[class~=gridlex]>[class*=col-8],
[class*=gridlex-]>[class*=col-8],
[class*=gridlex_]>[class*=col-8] {
  -ms-flex-preferred-size: 66.6666666667%;
  flex-basis: 66.6666666667%;
  max-width: 66.6666666667%;
}

[class~=gridlex]>[class*=col-9],
[class*=gridlex-]>[class*=col-9],
[class*=gridlex_]>[class*=col-9] {
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%;
}

[class~=gridlex]>[class*=col-10],
[class*=gridlex-]>[class*=col-10],
[class*=gridlex_]>[class*=col-10] {
  -ms-flex-preferred-size: 83.3333333333%;
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%;
}

[class~=gridlex]>[class*=col-11],
[class*=gridlex-]>[class*=col-11],
[class*=gridlex_]>[class*=col-11] {
  -ms-flex-preferred-size: 91.6666666667%;
  flex-basis: 91.6666666667%;
  max-width: 91.6666666667%;
}

[class~=gridlex]>[class*=col-12],
[class*=gridlex-]>[class*=col-12],
[class*=gridlex_]>[class*=col-12] {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

[class~=gridlex]>[data-push-left*=off-0],
[class*=gridlex-]>[data-push-left*=off-0],
[class*=gridlex_]>[data-push-left*=off-0] {
  margin-left: 0;
}

[class~=gridlex]>[data-push-left*=off-1],
[class*=gridlex-]>[data-push-left*=off-1],
[class*=gridlex_]>[data-push-left*=off-1] {
  margin-left: 8.3333333333%;
}

[class~=gridlex]>[data-push-left*=off-2],
[class*=gridlex-]>[data-push-left*=off-2],
[class*=gridlex_]>[data-push-left*=off-2] {
  margin-left: 16.6666666667%;
}

[class~=gridlex]>[data-push-left*=off-3],
[class*=gridlex-]>[data-push-left*=off-3],
[class*=gridlex_]>[data-push-left*=off-3] {
  margin-left: 25%;
}

[class~=gridlex]>[data-push-left*=off-4],
[class*=gridlex-]>[data-push-left*=off-4],
[class*=gridlex_]>[data-push-left*=off-4] {
  margin-left: 33.3333333333%;
}

[class~=gridlex]>[data-push-left*=off-5],
[class*=gridlex-]>[data-push-left*=off-5],
[class*=gridlex_]>[data-push-left*=off-5] {
  margin-left: 41.6666666667%;
}

[class~=gridlex]>[data-push-left*=off-6],
[class*=gridlex-]>[data-push-left*=off-6],
[class*=gridlex_]>[data-push-left*=off-6] {
  margin-left: 50%;
}

[class~=gridlex]>[data-push-left*=off-7],
[class*=gridlex-]>[data-push-left*=off-7],
[class*=gridlex_]>[data-push-left*=off-7] {
  margin-left: 58.3333333333%;
}

[class~=gridlex]>[data-push-left*=off-8],
[class*=gridlex-]>[data-push-left*=off-8],
[class*=gridlex_]>[data-push-left*=off-8] {
  margin-left: 66.6666666667%;
}

[class~=gridlex]>[data-push-left*=off-9],
[class*=gridlex-]>[data-push-left*=off-9],
[class*=gridlex_]>[data-push-left*=off-9] {
  margin-left: 75%;
}

[class~=gridlex]>[data-push-left*=off-10],
[class*=gridlex-]>[data-push-left*=off-10],
[class*=gridlex_]>[data-push-left*=off-10] {
  margin-left: 83.3333333333%;
}

[class~=gridlex]>[data-push-left*=off-11],
[class*=gridlex-]>[data-push-left*=off-11],
[class*=gridlex_]>[data-push-left*=off-11] {
  margin-left: 91.6666666667%;
}

[class~=gridlex]>[data-push-right*=off-0],
[class*=gridlex-]>[data-push-right*=off-0],
[class*=gridlex_]>[data-push-right*=off-0] {
  margin-right: 0;
}

[class~=gridlex]>[data-push-right*=off-1],
[class*=gridlex-]>[data-push-right*=off-1],
[class*=gridlex_]>[data-push-right*=off-1] {
  margin-right: 8.3333333333%;
}

[class~=gridlex]>[data-push-right*=off-2],
[class*=gridlex-]>[data-push-right*=off-2],
[class*=gridlex_]>[data-push-right*=off-2] {
  margin-right: 16.6666666667%;
}

[class~=gridlex]>[data-push-right*=off-3],
[class*=gridlex-]>[data-push-right*=off-3],
[class*=gridlex_]>[data-push-right*=off-3] {
  margin-right: 25%;
}

[class~=gridlex]>[data-push-right*=off-4],
[class*=gridlex-]>[data-push-right*=off-4],
[class*=gridlex_]>[data-push-right*=off-4] {
  margin-right: 33.3333333333%;
}

[class~=gridlex]>[data-push-right*=off-5],
[class*=gridlex-]>[data-push-right*=off-5],
[class*=gridlex_]>[data-push-right*=off-5] {
  margin-right: 41.6666666667%;
}

[class~=gridlex]>[data-push-right*=off-6],
[class*=gridlex-]>[data-push-right*=off-6],
[class*=gridlex_]>[data-push-right*=off-6] {
  margin-right: 50%;
}

[class~=gridlex]>[data-push-right*=off-7],
[class*=gridlex-]>[data-push-right*=off-7],
[class*=gridlex_]>[data-push-right*=off-7] {
  margin-right: 58.3333333333%;
}

[class~=gridlex]>[data-push-right*=off-8],
[class*=gridlex-]>[data-push-right*=off-8],
[class*=gridlex_]>[data-push-right*=off-8] {
  margin-right: 66.6666666667%;
}

[class~=gridlex]>[data-push-right*=off-9],
[class*=gridlex-]>[data-push-right*=off-9],
[class*=gridlex_]>[data-push-right*=off-9] {
  margin-right: 75%;
}

[class~=gridlex]>[data-push-right*=off-10],
[class*=gridlex-]>[data-push-right*=off-10],
[class*=gridlex_]>[data-push-right*=off-10] {
  margin-right: 83.3333333333%;
}

[class~=gridlex]>[data-push-right*=off-11],
[class*=gridlex-]>[data-push-right*=off-11],
[class*=gridlex_]>[data-push-right*=off-11] {
  margin-right: 91.6666666667%;
}

@media (max-width: 850px) {

  [class~=gridlex]>[class*=_lg-1],
  [class*=gridlex-]>[class*=_lg-1],
  [class*=gridlex_]>[class*=_lg-1] {
    -ms-flex-preferred-size: 8.3333333333%;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }

  [class~=gridlex]>[class*=_lg-2],
  [class*=gridlex-]>[class*=_lg-2],
  [class*=gridlex_]>[class*=_lg-2] {
    -ms-flex-preferred-size: 16.6666666667%;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }

  [class~=gridlex]>[class*=_lg-3],
  [class*=gridlex-]>[class*=_lg-3],
  [class*=gridlex_]>[class*=_lg-3] {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  [class~=gridlex]>[class*=_lg-4],
  [class*=gridlex-]>[class*=_lg-4],
  [class*=gridlex_]>[class*=_lg-4] {
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }

  [class~=gridlex]>[class*=_lg-5],
  [class*=gridlex-]>[class*=_lg-5],
  [class*=gridlex_]>[class*=_lg-5] {
    -ms-flex-preferred-size: 41.6666666667%;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }

  [class~=gridlex]>[class*=_lg-6],
  [class*=gridlex-]>[class*=_lg-6],
  [class*=gridlex_]>[class*=_lg-6] {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  [class~=gridlex]>[class*=_lg-7],
  [class*=gridlex-]>[class*=_lg-7],
  [class*=gridlex_]>[class*=_lg-7] {
    -ms-flex-preferred-size: 58.3333333333%;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }

  [class~=gridlex]>[class*=_lg-8],
  [class*=gridlex-]>[class*=_lg-8],
  [class*=gridlex_]>[class*=_lg-8] {
    -ms-flex-preferred-size: 66.6666666667%;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }

  [class~=gridlex]>[class*=_lg-9],
  [class*=gridlex-]>[class*=_lg-9],
  [class*=gridlex_]>[class*=_lg-9] {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  [class~=gridlex]>[class*=_lg-10],
  [class*=gridlex-]>[class*=_lg-10],
  [class*=gridlex_]>[class*=_lg-10] {
    -ms-flex-preferred-size: 83.3333333333%;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }

  [class~=gridlex]>[class*=_lg-11],
  [class*=gridlex-]>[class*=_lg-11],
  [class*=gridlex_]>[class*=_lg-11] {
    -ms-flex-preferred-size: 91.6666666667%;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }

  [class~=gridlex]>[class*=_lg-12],
  [class*=gridlex-]>[class*=_lg-12],
  [class*=gridlex_]>[class*=_lg-12] {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  [class~=gridlex]>[data-push-left*=_lg-0],
  [class*=gridlex-]>[data-push-left*=_lg-0],
  [class*=gridlex_]>[data-push-left*=_lg-0] {
    margin-left: 0;
  }

  [class~=gridlex]>[data-push-left*=_lg-1],
  [class*=gridlex-]>[data-push-left*=_lg-1],
  [class*=gridlex_]>[data-push-left*=_lg-1] {
    margin-left: 8.3333333333%;
  }

  [class~=gridlex]>[data-push-left*=_lg-2],
  [class*=gridlex-]>[data-push-left*=_lg-2],
  [class*=gridlex_]>[data-push-left*=_lg-2] {
    margin-left: 16.6666666667%;
  }

  [class~=gridlex]>[data-push-left*=_lg-3],
  [class*=gridlex-]>[data-push-left*=_lg-3],
  [class*=gridlex_]>[data-push-left*=_lg-3] {
    margin-left: 25%;
  }

  [class~=gridlex]>[data-push-left*=_lg-4],
  [class*=gridlex-]>[data-push-left*=_lg-4],
  [class*=gridlex_]>[data-push-left*=_lg-4] {
    margin-left: 33.3333333333%;
  }

  [class~=gridlex]>[data-push-left*=_lg-5],
  [class*=gridlex-]>[data-push-left*=_lg-5],
  [class*=gridlex_]>[data-push-left*=_lg-5] {
    margin-left: 41.6666666667%;
  }

  [class~=gridlex]>[data-push-left*=_lg-6],
  [class*=gridlex-]>[data-push-left*=_lg-6],
  [class*=gridlex_]>[data-push-left*=_lg-6] {
    margin-left: 50%;
  }

  [class~=gridlex]>[data-push-left*=_lg-7],
  [class*=gridlex-]>[data-push-left*=_lg-7],
  [class*=gridlex_]>[data-push-left*=_lg-7] {
    margin-left: 58.3333333333%;
  }

  [class~=gridlex]>[data-push-left*=_lg-8],
  [class*=gridlex-]>[data-push-left*=_lg-8],
  [class*=gridlex_]>[data-push-left*=_lg-8] {
    margin-left: 66.6666666667%;
  }

  [class~=gridlex]>[data-push-left*=_lg-9],
  [class*=gridlex-]>[data-push-left*=_lg-9],
  [class*=gridlex_]>[data-push-left*=_lg-9] {
    margin-left: 75%;
  }

  [class~=gridlex]>[data-push-left*=_lg-10],
  [class*=gridlex-]>[data-push-left*=_lg-10],
  [class*=gridlex_]>[data-push-left*=_lg-10] {
    margin-left: 83.3333333333%;
  }

  [class~=gridlex]>[data-push-left*=_lg-11],
  [class*=gridlex-]>[data-push-left*=_lg-11],
  [class*=gridlex_]>[data-push-left*=_lg-11] {
    margin-left: 91.6666666667%;
  }

  [class~=gridlex]>[data-push-right*=_lg-0],
  [class*=gridlex-]>[data-push-right*=_lg-0],
  [class*=gridlex_]>[data-push-right*=_lg-0] {
    margin-right: 0;
  }

  [class~=gridlex]>[data-push-right*=_lg-1],
  [class*=gridlex-]>[data-push-right*=_lg-1],
  [class*=gridlex_]>[data-push-right*=_lg-1] {
    margin-right: 8.3333333333%;
  }

  [class~=gridlex]>[data-push-right*=_lg-2],
  [class*=gridlex-]>[data-push-right*=_lg-2],
  [class*=gridlex_]>[data-push-right*=_lg-2] {
    margin-right: 16.6666666667%;
  }

  [class~=gridlex]>[data-push-right*=_lg-3],
  [class*=gridlex-]>[data-push-right*=_lg-3],
  [class*=gridlex_]>[data-push-right*=_lg-3] {
    margin-right: 25%;
  }

  [class~=gridlex]>[data-push-right*=_lg-4],
  [class*=gridlex-]>[data-push-right*=_lg-4],
  [class*=gridlex_]>[data-push-right*=_lg-4] {
    margin-right: 33.3333333333%;
  }

  [class~=gridlex]>[data-push-right*=_lg-5],
  [class*=gridlex-]>[data-push-right*=_lg-5],
  [class*=gridlex_]>[data-push-right*=_lg-5] {
    margin-right: 41.6666666667%;
  }

  [class~=gridlex]>[data-push-right*=_lg-6],
  [class*=gridlex-]>[data-push-right*=_lg-6],
  [class*=gridlex_]>[data-push-right*=_lg-6] {
    margin-right: 50%;
  }

  [class~=gridlex]>[data-push-right*=_lg-7],
  [class*=gridlex-]>[data-push-right*=_lg-7],
  [class*=gridlex_]>[data-push-right*=_lg-7] {
    margin-right: 58.3333333333%;
  }

  [class~=gridlex]>[data-push-right*=_lg-8],
  [class*=gridlex-]>[data-push-right*=_lg-8],
  [class*=gridlex_]>[data-push-right*=_lg-8] {
    margin-right: 66.6666666667%;
  }

  [class~=gridlex]>[data-push-right*=_lg-9],
  [class*=gridlex-]>[data-push-right*=_lg-9],
  [class*=gridlex_]>[data-push-right*=_lg-9] {
    margin-right: 75%;
  }

  [class~=gridlex]>[data-push-right*=_lg-10],
  [class*=gridlex-]>[data-push-right*=_lg-10],
  [class*=gridlex_]>[data-push-right*=_lg-10] {
    margin-right: 83.3333333333%;
  }

  [class~=gridlex]>[data-push-right*=_lg-11],
  [class*=gridlex-]>[data-push-right*=_lg-11],
  [class*=gridlex_]>[data-push-right*=_lg-11] {
    margin-right: 91.6666666667%;
  }

  [class~=gridlex] [class*=_lg-first],
  [class*=gridlex-] [class*=_lg-first],
  [class*=gridlex_] [class*=_lg-first] {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }

  [class~=gridlex] [class*=_lg-last],
  [class*=gridlex-] [class*=_lg-last],
  [class*=gridlex_] [class*=_lg-last] {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

@media (max-width: 760px) {

  [class~=gridlex]>[class*=_md-1],
  [class*=gridlex-]>[class*=_md-1],
  [class*=gridlex_]>[class*=_md-1] {
    -ms-flex-preferred-size: 8.3333333333%;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }

  [class~=gridlex]>[class*=_md-2],
  [class*=gridlex-]>[class*=_md-2],
  [class*=gridlex_]>[class*=_md-2] {
    -ms-flex-preferred-size: 16.6666666667%;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }

  [class~=gridlex]>[class*=_md-3],
  [class*=gridlex-]>[class*=_md-3],
  [class*=gridlex_]>[class*=_md-3] {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  [class~=gridlex]>[class*=_md-4],
  [class*=gridlex-]>[class*=_md-4],
  [class*=gridlex_]>[class*=_md-4] {
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }

  [class~=gridlex]>[class*=_md-5],
  [class*=gridlex-]>[class*=_md-5],
  [class*=gridlex_]>[class*=_md-5] {
    -ms-flex-preferred-size: 41.6666666667%;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }

  [class~=gridlex]>[class*=_md-6],
  [class*=gridlex-]>[class*=_md-6],
  [class*=gridlex_]>[class*=_md-6] {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  [class~=gridlex]>[class*=_md-7],
  [class*=gridlex-]>[class*=_md-7],
  [class*=gridlex_]>[class*=_md-7] {
    -ms-flex-preferred-size: 58.3333333333%;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }

  [class~=gridlex]>[class*=_md-8],
  [class*=gridlex-]>[class*=_md-8],
  [class*=gridlex_]>[class*=_md-8] {
    -ms-flex-preferred-size: 66.6666666667%;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }

  [class~=gridlex]>[class*=_md-9],
  [class*=gridlex-]>[class*=_md-9],
  [class*=gridlex_]>[class*=_md-9] {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  [class~=gridlex]>[class*=_md-10],
  [class*=gridlex-]>[class*=_md-10],
  [class*=gridlex_]>[class*=_md-10] {
    -ms-flex-preferred-size: 83.3333333333%;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }

  [class~=gridlex]>[class*=_md-11],
  [class*=gridlex-]>[class*=_md-11],
  [class*=gridlex_]>[class*=_md-11] {
    -ms-flex-preferred-size: 91.6666666667%;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }

  [class~=gridlex]>[class*=_md-12],
  [class*=gridlex-]>[class*=_md-12],
  [class*=gridlex_]>[class*=_md-12] {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  [class~=gridlex]>[data-push-left*=_md-0],
  [class*=gridlex-]>[data-push-left*=_md-0],
  [class*=gridlex_]>[data-push-left*=_md-0] {
    margin-left: 0;
  }

  [class~=gridlex]>[data-push-left*=_md-1],
  [class*=gridlex-]>[data-push-left*=_md-1],
  [class*=gridlex_]>[data-push-left*=_md-1] {
    margin-left: 8.3333333333%;
  }

  [class~=gridlex]>[data-push-left*=_md-2],
  [class*=gridlex-]>[data-push-left*=_md-2],
  [class*=gridlex_]>[data-push-left*=_md-2] {
    margin-left: 16.6666666667%;
  }

  [class~=gridlex]>[data-push-left*=_md-3],
  [class*=gridlex-]>[data-push-left*=_md-3],
  [class*=gridlex_]>[data-push-left*=_md-3] {
    margin-left: 25%;
  }

  [class~=gridlex]>[data-push-left*=_md-4],
  [class*=gridlex-]>[data-push-left*=_md-4],
  [class*=gridlex_]>[data-push-left*=_md-4] {
    margin-left: 33.3333333333%;
  }

  [class~=gridlex]>[data-push-left*=_md-5],
  [class*=gridlex-]>[data-push-left*=_md-5],
  [class*=gridlex_]>[data-push-left*=_md-5] {
    margin-left: 41.6666666667%;
  }

  [class~=gridlex]>[data-push-left*=_md-6],
  [class*=gridlex-]>[data-push-left*=_md-6],
  [class*=gridlex_]>[data-push-left*=_md-6] {
    margin-left: 50%;
  }

  [class~=gridlex]>[data-push-left*=_md-7],
  [class*=gridlex-]>[data-push-left*=_md-7],
  [class*=gridlex_]>[data-push-left*=_md-7] {
    margin-left: 58.3333333333%;
  }

  [class~=gridlex]>[data-push-left*=_md-8],
  [class*=gridlex-]>[data-push-left*=_md-8],
  [class*=gridlex_]>[data-push-left*=_md-8] {
    margin-left: 66.6666666667%;
  }

  [class~=gridlex]>[data-push-left*=_md-9],
  [class*=gridlex-]>[data-push-left*=_md-9],
  [class*=gridlex_]>[data-push-left*=_md-9] {
    margin-left: 75%;
  }

  [class~=gridlex]>[data-push-left*=_md-10],
  [class*=gridlex-]>[data-push-left*=_md-10],
  [class*=gridlex_]>[data-push-left*=_md-10] {
    margin-left: 83.3333333333%;
  }

  [class~=gridlex]>[data-push-left*=_md-11],
  [class*=gridlex-]>[data-push-left*=_md-11],
  [class*=gridlex_]>[data-push-left*=_md-11] {
    margin-left: 91.6666666667%;
  }

  [class~=gridlex]>[data-push-right*=_md-0],
  [class*=gridlex-]>[data-push-right*=_md-0],
  [class*=gridlex_]>[data-push-right*=_md-0] {
    margin-right: 0;
  }

  [class~=gridlex]>[data-push-right*=_md-1],
  [class*=gridlex-]>[data-push-right*=_md-1],
  [class*=gridlex_]>[data-push-right*=_md-1] {
    margin-right: 8.3333333333%;
  }

  [class~=gridlex]>[data-push-right*=_md-2],
  [class*=gridlex-]>[data-push-right*=_md-2],
  [class*=gridlex_]>[data-push-right*=_md-2] {
    margin-right: 16.6666666667%;
  }

  [class~=gridlex]>[data-push-right*=_md-3],
  [class*=gridlex-]>[data-push-right*=_md-3],
  [class*=gridlex_]>[data-push-right*=_md-3] {
    margin-right: 25%;
  }

  [class~=gridlex]>[data-push-right*=_md-4],
  [class*=gridlex-]>[data-push-right*=_md-4],
  [class*=gridlex_]>[data-push-right*=_md-4] {
    margin-right: 33.3333333333%;
  }

  [class~=gridlex]>[data-push-right*=_md-5],
  [class*=gridlex-]>[data-push-right*=_md-5],
  [class*=gridlex_]>[data-push-right*=_md-5] {
    margin-right: 41.6666666667%;
  }

  [class~=gridlex]>[data-push-right*=_md-6],
  [class*=gridlex-]>[data-push-right*=_md-6],
  [class*=gridlex_]>[data-push-right*=_md-6] {
    margin-right: 50%;
  }

  [class~=gridlex]>[data-push-right*=_md-7],
  [class*=gridlex-]>[data-push-right*=_md-7],
  [class*=gridlex_]>[data-push-right*=_md-7] {
    margin-right: 58.3333333333%;
  }

  [class~=gridlex]>[data-push-right*=_md-8],
  [class*=gridlex-]>[data-push-right*=_md-8],
  [class*=gridlex_]>[data-push-right*=_md-8] {
    margin-right: 66.6666666667%;
  }

  [class~=gridlex]>[data-push-right*=_md-9],
  [class*=gridlex-]>[data-push-right*=_md-9],
  [class*=gridlex_]>[data-push-right*=_md-9] {
    margin-right: 75%;
  }

  [class~=gridlex]>[data-push-right*=_md-10],
  [class*=gridlex-]>[data-push-right*=_md-10],
  [class*=gridlex_]>[data-push-right*=_md-10] {
    margin-right: 83.3333333333%;
  }

  [class~=gridlex]>[data-push-right*=_md-11],
  [class*=gridlex-]>[data-push-right*=_md-11],
  [class*=gridlex_]>[data-push-right*=_md-11] {
    margin-right: 91.6666666667%;
  }

  [class~=gridlex] [class*=_md-first],
  [class*=gridlex-] [class*=_md-first],
  [class*=gridlex_] [class*=_md-first] {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }

  [class~=gridlex] [class*=_md-last],
  [class*=gridlex-] [class*=_md-last],
  [class*=gridlex_] [class*=_md-last] {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

@media (max-width: 600px) {

  [class~=gridlex]>[class*=_sm-1],
  [class*=gridlex-]>[class*=_sm-1],
  [class*=gridlex_]>[class*=_sm-1] {
    -ms-flex-preferred-size: 8.3333333333%;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }

  [class~=gridlex]>[class*=_sm-2],
  [class*=gridlex-]>[class*=_sm-2],
  [class*=gridlex_]>[class*=_sm-2] {
    -ms-flex-preferred-size: 16.6666666667%;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }

  [class~=gridlex]>[class*=_sm-3],
  [class*=gridlex-]>[class*=_sm-3],
  [class*=gridlex_]>[class*=_sm-3] {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  [class~=gridlex]>[class*=_sm-4],
  [class*=gridlex-]>[class*=_sm-4],
  [class*=gridlex_]>[class*=_sm-4] {
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }

  [class~=gridlex]>[class*=_sm-5],
  [class*=gridlex-]>[class*=_sm-5],
  [class*=gridlex_]>[class*=_sm-5] {
    -ms-flex-preferred-size: 41.6666666667%;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }

  [class~=gridlex]>[class*=_sm-6],
  [class*=gridlex-]>[class*=_sm-6],
  [class*=gridlex_]>[class*=_sm-6] {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  [class~=gridlex]>[class*=_sm-7],
  [class*=gridlex-]>[class*=_sm-7],
  [class*=gridlex_]>[class*=_sm-7] {
    -ms-flex-preferred-size: 58.3333333333%;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }

  [class~=gridlex]>[class*=_sm-8],
  [class*=gridlex-]>[class*=_sm-8],
  [class*=gridlex_]>[class*=_sm-8] {
    -ms-flex-preferred-size: 66.6666666667%;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }

  [class~=gridlex]>[class*=_sm-9],
  [class*=gridlex-]>[class*=_sm-9],
  [class*=gridlex_]>[class*=_sm-9] {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  [class~=gridlex]>[class*=_sm-10],
  [class*=gridlex-]>[class*=_sm-10],
  [class*=gridlex_]>[class*=_sm-10] {
    -ms-flex-preferred-size: 83.3333333333%;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }

  [class~=gridlex]>[class*=_sm-11],
  [class*=gridlex-]>[class*=_sm-11],
  [class*=gridlex_]>[class*=_sm-11] {
    -ms-flex-preferred-size: 91.6666666667%;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }

  [class~=gridlex]>[class*=_sm-12],
  [class*=gridlex-]>[class*=_sm-12],
  [class*=gridlex_]>[class*=_sm-12] {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  [class~=gridlex]>[data-push-left*=_sm-0],
  [class*=gridlex-]>[data-push-left*=_sm-0],
  [class*=gridlex_]>[data-push-left*=_sm-0] {
    margin-left: 0;
  }

  [class~=gridlex]>[data-push-left*=_sm-1],
  [class*=gridlex-]>[data-push-left*=_sm-1],
  [class*=gridlex_]>[data-push-left*=_sm-1] {
    margin-left: 8.3333333333%;
  }

  [class~=gridlex]>[data-push-left*=_sm-2],
  [class*=gridlex-]>[data-push-left*=_sm-2],
  [class*=gridlex_]>[data-push-left*=_sm-2] {
    margin-left: 16.6666666667%;
  }

  [class~=gridlex]>[data-push-left*=_sm-3],
  [class*=gridlex-]>[data-push-left*=_sm-3],
  [class*=gridlex_]>[data-push-left*=_sm-3] {
    margin-left: 25%;
  }

  [class~=gridlex]>[data-push-left*=_sm-4],
  [class*=gridlex-]>[data-push-left*=_sm-4],
  [class*=gridlex_]>[data-push-left*=_sm-4] {
    margin-left: 33.3333333333%;
  }

  [class~=gridlex]>[data-push-left*=_sm-5],
  [class*=gridlex-]>[data-push-left*=_sm-5],
  [class*=gridlex_]>[data-push-left*=_sm-5] {
    margin-left: 41.6666666667%;
  }

  [class~=gridlex]>[data-push-left*=_sm-6],
  [class*=gridlex-]>[data-push-left*=_sm-6],
  [class*=gridlex_]>[data-push-left*=_sm-6] {
    margin-left: 50%;
  }

  [class~=gridlex]>[data-push-left*=_sm-7],
  [class*=gridlex-]>[data-push-left*=_sm-7],
  [class*=gridlex_]>[data-push-left*=_sm-7] {
    margin-left: 58.3333333333%;
  }

  [class~=gridlex]>[data-push-left*=_sm-8],
  [class*=gridlex-]>[data-push-left*=_sm-8],
  [class*=gridlex_]>[data-push-left*=_sm-8] {
    margin-left: 66.6666666667%;
  }

  [class~=gridlex]>[data-push-left*=_sm-9],
  [class*=gridlex-]>[data-push-left*=_sm-9],
  [class*=gridlex_]>[data-push-left*=_sm-9] {
    margin-left: 75%;
  }

  [class~=gridlex]>[data-push-left*=_sm-10],
  [class*=gridlex-]>[data-push-left*=_sm-10],
  [class*=gridlex_]>[data-push-left*=_sm-10] {
    margin-left: 83.3333333333%;
  }

  [class~=gridlex]>[data-push-left*=_sm-11],
  [class*=gridlex-]>[data-push-left*=_sm-11],
  [class*=gridlex_]>[data-push-left*=_sm-11] {
    margin-left: 91.6666666667%;
  }

  [class~=gridlex]>[data-push-right*=_sm-0],
  [class*=gridlex-]>[data-push-right*=_sm-0],
  [class*=gridlex_]>[data-push-right*=_sm-0] {
    margin-right: 0;
  }

  [class~=gridlex]>[data-push-right*=_sm-1],
  [class*=gridlex-]>[data-push-right*=_sm-1],
  [class*=gridlex_]>[data-push-right*=_sm-1] {
    margin-right: 8.3333333333%;
  }

  [class~=gridlex]>[data-push-right*=_sm-2],
  [class*=gridlex-]>[data-push-right*=_sm-2],
  [class*=gridlex_]>[data-push-right*=_sm-2] {
    margin-right: 16.6666666667%;
  }

  [class~=gridlex]>[data-push-right*=_sm-3],
  [class*=gridlex-]>[data-push-right*=_sm-3],
  [class*=gridlex_]>[data-push-right*=_sm-3] {
    margin-right: 25%;
  }

  [class~=gridlex]>[data-push-right*=_sm-4],
  [class*=gridlex-]>[data-push-right*=_sm-4],
  [class*=gridlex_]>[data-push-right*=_sm-4] {
    margin-right: 33.3333333333%;
  }

  [class~=gridlex]>[data-push-right*=_sm-5],
  [class*=gridlex-]>[data-push-right*=_sm-5],
  [class*=gridlex_]>[data-push-right*=_sm-5] {
    margin-right: 41.6666666667%;
  }

  [class~=gridlex]>[data-push-right*=_sm-6],
  [class*=gridlex-]>[data-push-right*=_sm-6],
  [class*=gridlex_]>[data-push-right*=_sm-6] {
    margin-right: 50%;
  }

  [class~=gridlex]>[data-push-right*=_sm-7],
  [class*=gridlex-]>[data-push-right*=_sm-7],
  [class*=gridlex_]>[data-push-right*=_sm-7] {
    margin-right: 58.3333333333%;
  }

  [class~=gridlex]>[data-push-right*=_sm-8],
  [class*=gridlex-]>[data-push-right*=_sm-8],
  [class*=gridlex_]>[data-push-right*=_sm-8] {
    margin-right: 66.6666666667%;
  }

  [class~=gridlex]>[data-push-right*=_sm-9],
  [class*=gridlex-]>[data-push-right*=_sm-9],
  [class*=gridlex_]>[data-push-right*=_sm-9] {
    margin-right: 75%;
  }

  [class~=gridlex]>[data-push-right*=_sm-10],
  [class*=gridlex-]>[data-push-right*=_sm-10],
  [class*=gridlex_]>[data-push-right*=_sm-10] {
    margin-right: 83.3333333333%;
  }

  [class~=gridlex]>[data-push-right*=_sm-11],
  [class*=gridlex-]>[data-push-right*=_sm-11],
  [class*=gridlex_]>[data-push-right*=_sm-11] {
    margin-right: 91.6666666667%;
  }

  [class~=gridlex] [class*=_sm-first],
  [class*=gridlex-] [class*=_sm-first],
  [class*=gridlex_] [class*=_sm-first] {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }

  [class~=gridlex] [class*=_sm-last],
  [class*=gridlex-] [class*=_sm-last],
  [class*=gridlex_] [class*=_sm-last] {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

@media (max-width: 480px) {

  [class~=gridlex]>[class*=_xs-1],
  [class*=gridlex-]>[class*=_xs-1],
  [class*=gridlex_]>[class*=_xs-1] {
    -ms-flex-preferred-size: 8.3333333333%;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }

  [class~=gridlex]>[class*=_xs-2],
  [class*=gridlex-]>[class*=_xs-2],
  [class*=gridlex_]>[class*=_xs-2] {
    -ms-flex-preferred-size: 16.6666666667%;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }

  [class~=gridlex]>[class*=_xs-3],
  [class*=gridlex-]>[class*=_xs-3],
  [class*=gridlex_]>[class*=_xs-3] {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  [class~=gridlex]>[class*=_xs-4],
  [class*=gridlex-]>[class*=_xs-4],
  [class*=gridlex_]>[class*=_xs-4] {
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }

  [class~=gridlex]>[class*=_xs-5],
  [class*=gridlex-]>[class*=_xs-5],
  [class*=gridlex_]>[class*=_xs-5] {
    -ms-flex-preferred-size: 41.6666666667%;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }

  [class~=gridlex]>[class*=_xs-6],
  [class*=gridlex-]>[class*=_xs-6],
  [class*=gridlex_]>[class*=_xs-6] {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  [class~=gridlex]>[class*=_xs-7],
  [class*=gridlex-]>[class*=_xs-7],
  [class*=gridlex_]>[class*=_xs-7] {
    -ms-flex-preferred-size: 58.3333333333%;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }

  [class~=gridlex]>[class*=_xs-8],
  [class*=gridlex-]>[class*=_xs-8],
  [class*=gridlex_]>[class*=_xs-8] {
    -ms-flex-preferred-size: 66.6666666667%;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }

  [class~=gridlex]>[class*=_xs-9],
  [class*=gridlex-]>[class*=_xs-9],
  [class*=gridlex_]>[class*=_xs-9] {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  [class~=gridlex]>[class*=_xs-10],
  [class*=gridlex-]>[class*=_xs-10],
  [class*=gridlex_]>[class*=_xs-10] {
    -ms-flex-preferred-size: 83.3333333333%;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }

  [class~=gridlex]>[class*=_xs-11],
  [class*=gridlex-]>[class*=_xs-11],
  [class*=gridlex_]>[class*=_xs-11] {
    -ms-flex-preferred-size: 91.6666666667%;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }

  [class~=gridlex]>[class*=_xs-12],
  [class*=gridlex-]>[class*=_xs-12],
  [class*=gridlex_]>[class*=_xs-12] {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  [class~=gridlex]>[data-push-left*=_xs-0],
  [class*=gridlex-]>[data-push-left*=_xs-0],
  [class*=gridlex_]>[data-push-left*=_xs-0] {
    margin-left: 0;
  }

  [class~=gridlex]>[data-push-left*=_xs-1],
  [class*=gridlex-]>[data-push-left*=_xs-1],
  [class*=gridlex_]>[data-push-left*=_xs-1] {
    margin-left: 8.3333333333%;
  }

  [class~=gridlex]>[data-push-left*=_xs-2],
  [class*=gridlex-]>[data-push-left*=_xs-2],
  [class*=gridlex_]>[data-push-left*=_xs-2] {
    margin-left: 16.6666666667%;
  }

  [class~=gridlex]>[data-push-left*=_xs-3],
  [class*=gridlex-]>[data-push-left*=_xs-3],
  [class*=gridlex_]>[data-push-left*=_xs-3] {
    margin-left: 25%;
  }

  [class~=gridlex]>[data-push-left*=_xs-4],
  [class*=gridlex-]>[data-push-left*=_xs-4],
  [class*=gridlex_]>[data-push-left*=_xs-4] {
    margin-left: 33.3333333333%;
  }

  [class~=gridlex]>[data-push-left*=_xs-5],
  [class*=gridlex-]>[data-push-left*=_xs-5],
  [class*=gridlex_]>[data-push-left*=_xs-5] {
    margin-left: 41.6666666667%;
  }

  [class~=gridlex]>[data-push-left*=_xs-6],
  [class*=gridlex-]>[data-push-left*=_xs-6],
  [class*=gridlex_]>[data-push-left*=_xs-6] {
    margin-left: 50%;
  }

  [class~=gridlex]>[data-push-left*=_xs-7],
  [class*=gridlex-]>[data-push-left*=_xs-7],
  [class*=gridlex_]>[data-push-left*=_xs-7] {
    margin-left: 58.3333333333%;
  }

  [class~=gridlex]>[data-push-left*=_xs-8],
  [class*=gridlex-]>[data-push-left*=_xs-8],
  [class*=gridlex_]>[data-push-left*=_xs-8] {
    margin-left: 66.6666666667%;
  }

  [class~=gridlex]>[data-push-left*=_xs-9],
  [class*=gridlex-]>[data-push-left*=_xs-9],
  [class*=gridlex_]>[data-push-left*=_xs-9] {
    margin-left: 75%;
  }

  [class~=gridlex]>[data-push-left*=_xs-10],
  [class*=gridlex-]>[data-push-left*=_xs-10],
  [class*=gridlex_]>[data-push-left*=_xs-10] {
    margin-left: 83.3333333333%;
  }

  [class~=gridlex]>[data-push-left*=_xs-11],
  [class*=gridlex-]>[data-push-left*=_xs-11],
  [class*=gridlex_]>[data-push-left*=_xs-11] {
    margin-left: 91.6666666667%;
  }

  [class~=gridlex]>[data-push-right*=_xs-0],
  [class*=gridlex-]>[data-push-right*=_xs-0],
  [class*=gridlex_]>[data-push-right*=_xs-0] {
    margin-right: 0;
  }

  [class~=gridlex]>[data-push-right*=_xs-1],
  [class*=gridlex-]>[data-push-right*=_xs-1],
  [class*=gridlex_]>[data-push-right*=_xs-1] {
    margin-right: 8.3333333333%;
  }

  [class~=gridlex]>[data-push-right*=_xs-2],
  [class*=gridlex-]>[data-push-right*=_xs-2],
  [class*=gridlex_]>[data-push-right*=_xs-2] {
    margin-right: 16.6666666667%;
  }

  [class~=gridlex]>[data-push-right*=_xs-3],
  [class*=gridlex-]>[data-push-right*=_xs-3],
  [class*=gridlex_]>[data-push-right*=_xs-3] {
    margin-right: 25%;
  }

  [class~=gridlex]>[data-push-right*=_xs-4],
  [class*=gridlex-]>[data-push-right*=_xs-4],
  [class*=gridlex_]>[data-push-right*=_xs-4] {
    margin-right: 33.3333333333%;
  }

  [class~=gridlex]>[data-push-right*=_xs-5],
  [class*=gridlex-]>[data-push-right*=_xs-5],
  [class*=gridlex_]>[data-push-right*=_xs-5] {
    margin-right: 41.6666666667%;
  }

  [class~=gridlex]>[data-push-right*=_xs-6],
  [class*=gridlex-]>[data-push-right*=_xs-6],
  [class*=gridlex_]>[data-push-right*=_xs-6] {
    margin-right: 50%;
  }

  [class~=gridlex]>[data-push-right*=_xs-7],
  [class*=gridlex-]>[data-push-right*=_xs-7],
  [class*=gridlex_]>[data-push-right*=_xs-7] {
    margin-right: 58.3333333333%;
  }

  [class~=gridlex]>[data-push-right*=_xs-8],
  [class*=gridlex-]>[data-push-right*=_xs-8],
  [class*=gridlex_]>[data-push-right*=_xs-8] {
    margin-right: 66.6666666667%;
  }

  [class~=gridlex]>[data-push-right*=_xs-9],
  [class*=gridlex-]>[data-push-right*=_xs-9],
  [class*=gridlex_]>[data-push-right*=_xs-9] {
    margin-right: 75%;
  }

  [class~=gridlex]>[data-push-right*=_xs-10],
  [class*=gridlex-]>[data-push-right*=_xs-10],
  [class*=gridlex_]>[data-push-right*=_xs-10] {
    margin-right: 83.3333333333%;
  }

  [class~=gridlex]>[data-push-right*=_xs-11],
  [class*=gridlex-]>[data-push-right*=_xs-11],
  [class*=gridlex_]>[data-push-right*=_xs-11] {
    margin-right: 91.6666666667%;
  }

  [class~=gridlex] [class*=_xs-first],
  [class*=gridlex-] [class*=_xs-first],
  [class*=gridlex_] [class*=_xs-first] {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }

  [class~=gridlex] [class*=_xs-last],
  [class*=gridlex-] [class*=_xs-last],
  [class*=gridlex_] [class*=_xs-last] {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

/************************
    HIDING COLS
*************************/
@media (max-width: 850px) {
  [class*=lg-hidden] {
    display: none;
  }
}

@media (max-width: 760px) {
  [class*=md-hidden] {
    display: none;
  }
}

@media (max-width: 600px) {
  [class*=sm-hidden] {
    display: none;
  }
}

@media (max-width: 480px) {
  [class*=xs-hidden] {
    display: none;
  }
}

/* Partials */
/*
-----------------------------------------
ANIMATION
-----------------------------------------
*/
@-webkit-keyframes move-forever {
  0% {
    -webkit-transform: translate3d(-90px, 0, 0);
    transform: translate3d(-90px, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(85px, 0, 0);
    transform: translate3d(85px, 0, 0);
  }
}

@keyframes move-forever {
  0% {
    -webkit-transform: translate3d(-90px, 0, 0);
    transform: translate3d(-90px, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(85px, 0, 0);
    transform: translate3d(85px, 0, 0);
  }
}

/*
-----------------------------------------
Background Highlights
-----------------------------------------
*/
::-moz-selection {
  background: var(--select-background);
  color: var(--select-text);
}

::selection {
  background: var(--select-background);
  color: var(--select-text);
}

/*
-----------------------------------------
HEAD TAGS
-----------------------------------------
*/
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

html,
body {
  min-height: 100vh;
  background: var(--tertiary);
}

html {
  /* Prevents webpage zooming for mobile devices change orientation */
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-family: var(--font);
}

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
  position: relative;
  z-index: 1;
}

body.nav-open {
  overflow-y: hidden;
}

@media only screen and (min-width: 769px) {
  body.nav-open {
    overflow-y: visible;
  }
}

/*
-----------------------------------------
SCROLL BAR
-----------------------------------------
*/
body::-webkit-scrollbar {
  width: 11px;
}

body {
  scrollbar-width: thin;
  scrollbar-color: var(--primary) var(--tertiary);
}

body::-webkit-scrollbar-track {
  background: var(--tertiary);
}

body::-webkit-scrollbar-thumb {
  background-color: var(--primary);
  border-radius: 6px;
  border: 3px solid var(--tertiary);
}

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

.relative {
  position: relative;
}

.left {
  float: left;
}

.right {
  float: right;
}

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

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

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

.italic {
  font-style: italic;
}

.bold {
  font-weight: bold;
}

.object-center {
  margin: 0 auto;
  text-align: center;
}

/*
-----------------------------------------
MOBILE ADJUSTMENTS
-----------------------------------------
*/
a:link {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.2);
}

/*
-----------------------------------------
FORM ADJUSTMENTS
-----------------------------------------
*/
::-webkit-input-placeholder {
  color: var(--placeholder);
}

::-moz-placeholder {
  color: var(--placeholder);
}

:-ms-input-placeholder {
  color: var(--placeholder);
}

input:-moz-placeholder {
  color: var(--placeholder);
}

input[type=text],
input[type=email],
input[type=tel],
input[type=file],
textarea {
  -webkit-appearance: none;
}

input[type=search] {
  -webkit-appearance: none;
}

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

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

/*
-----------------------------------------
LAYOUT
-----------------------------------------
*/
.m-0 {
  margin: 0px !important;
}

.mt-0 {
  margin-top: 0px !important;
}

.mr-0 {
  margin-right: 0px !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.ml-0 {
  margin-left: 0px !important;
}

.p-0 {
  padding: 0px !important;
}

.pt-0 {
  padding-top: 0px !important;
}

.pr-0 {
  padding-right: 0px !important;
}

.pb-0 {
  padding-bottom: 0px !important;
}

.pl-0 {
  padding-left: 0px !important;
}

.m-4 {
  margin: 4px !important;
}

.mt-4 {
  margin-top: 4px !important;
}

.mr-4 {
  margin-right: 4px !important;
}

.mb-4 {
  margin-bottom: 4px !important;
}

.ml-4 {
  margin-left: 4px !important;
}

.p-4 {
  padding: 4px !important;
}

.pt-4 {
  padding-top: 4px !important;
}

.pr-4 {
  padding-right: 4px !important;
}

.pb-4 {
  padding-bottom: 4px !important;
}

.pl-4 {
  padding-left: 4px !important;
}

.m-8 {
  margin: 8px !important;
}

.mt-8 {
  margin-top: 8px !important;
}

.mr-8 {
  margin-right: 8px !important;
}

.mb-8 {
  margin-bottom: 8px !important;
}

.ml-8 {
  margin-left: 8px !important;
}

.p-8 {
  padding: 8px !important;
}

.pt-8 {
  padding-top: 8px !important;
}

.pr-8 {
  padding-right: 8px !important;
}

.pb-8 {
  padding-bottom: 8px !important;
}

.pl-8 {
  padding-left: 8px !important;
}

.m-12 {
  margin: 12px !important;
}

.mt-12 {
  margin-top: 12px !important;
}

.mr-12 {
  margin-right: 12px !important;
}

.mb-12 {
  margin-bottom: 12px !important;
}

.ml-12 {
  margin-left: 12px !important;
}

.p-12 {
  padding: 12px !important;
}

.pt-12 {
  padding-top: 12px !important;
}

.pr-12 {
  padding-right: 12px !important;
}

.pb-12 {
  padding-bottom: 12px !important;
}

.pl-12 {
  padding-left: 12px !important;
}

.m-16 {
  margin: 16px !important;
}

.mt-16 {
  margin-top: 16px !important;
}

.mr-16 {
  margin-right: 16px !important;
}

.mb-16 {
  margin-bottom: 16px !important;
}

.ml-16 {
  margin-left: 16px !important;
}

.p-16 {
  padding: 16px !important;
}

.pt-16 {
  padding-top: 16px !important;
}

.pr-16 {
  padding-right: 16px !important;
}

.pb-16 {
  padding-bottom: 16px !important;
}

.pl-16 {
  padding-left: 16px !important;
}

.m-20 {
  margin: 20px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mr-20 {
  margin-right: 20px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

.p-20 {
  padding: 20px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pr-20 {
  padding-right: 20px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.pl-20 {
  padding-left: 20px !important;
}

.m-24 {
  margin: 24px !important;
}

.mt-24 {
  margin-top: 24px !important;
}

.mr-24 {
  margin-right: 24px !important;
}

.mb-24 {
  margin-bottom: 24px !important;
}

.ml-24 {
  margin-left: 24px !important;
}

.p-24 {
  padding: 24px !important;
}

.pt-24 {
  padding-top: 24px !important;
}

.pr-24 {
  padding-right: 24px !important;
}

.pb-24 {
  padding-bottom: 24px !important;
}

.pl-24 {
  padding-left: 24px !important;
}

.m-28 {
  margin: 28px !important;
}

.mt-28 {
  margin-top: 28px !important;
}

.mr-28 {
  margin-right: 28px !important;
}

.mb-28 {
  margin-bottom: 28px !important;
}

.ml-28 {
  margin-left: 28px !important;
}

.p-28 {
  padding: 28px !important;
}

.pt-28 {
  padding-top: 28px !important;
}

.pr-28 {
  padding-right: 28px !important;
}

.pb-28 {
  padding-bottom: 28px !important;
}

.pl-28 {
  padding-left: 28px !important;
}

.m-32 {
  margin: 32px !important;
}

.mt-32 {
  margin-top: 32px !important;
}

.mr-32 {
  margin-right: 32px !important;
}

.mb-32 {
  margin-bottom: 32px !important;
}

.ml-32 {
  margin-left: 32px !important;
}

.p-32 {
  padding: 32px !important;
}

.pt-32 {
  padding-top: 32px !important;
}

.pr-32 {
  padding-right: 32px !important;
}

.pb-32 {
  padding-bottom: 32px !important;
}

.pl-32 {
  padding-left: 32px !important;
}

.m-36 {
  margin: 36px !important;
}

.mt-36 {
  margin-top: 36px !important;
}

.mr-36 {
  margin-right: 36px !important;
}

.mb-36 {
  margin-bottom: 36px !important;
}

.ml-36 {
  margin-left: 36px !important;
}

.p-36 {
  padding: 36px !important;
}

.pt-36 {
  padding-top: 36px !important;
}

.pr-36 {
  padding-right: 36px !important;
}

.pb-36 {
  padding-bottom: 36px !important;
}

.pl-36 {
  padding-left: 36px !important;
}

.m-40 {
  margin: 40px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mr-40 {
  margin-right: 40px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.ml-40 {
  margin-left: 40px !important;
}

.p-40 {
  padding: 40px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.pr-40 {
  padding-right: 40px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.pl-40 {
  padding-left: 40px !important;
}

.m-44 {
  margin: 44px !important;
}

.mt-44 {
  margin-top: 44px !important;
}

.mr-44 {
  margin-right: 44px !important;
}

.mb-44 {
  margin-bottom: 44px !important;
}

.ml-44 {
  margin-left: 44px !important;
}

.p-44 {
  padding: 44px !important;
}

.pt-44 {
  padding-top: 44px !important;
}

.pr-44 {
  padding-right: 44px !important;
}

.pb-44 {
  padding-bottom: 44px !important;
}

.pl-44 {
  padding-left: 44px !important;
}

.m-48 {
  margin: 48px !important;
}

.mt-48 {
  margin-top: 48px !important;
}

.mr-48 {
  margin-right: 48px !important;
}

.mb-48 {
  margin-bottom: 48px !important;
}

.ml-48 {
  margin-left: 48px !important;
}

.p-48 {
  padding: 48px !important;
}

.pt-48 {
  padding-top: 48px !important;
}

.pr-48 {
  padding-right: 48px !important;
}

.pb-48 {
  padding-bottom: 48px !important;
}

.pl-48 {
  padding-left: 48px !important;
}

.m-52 {
  margin: 52px !important;
}

.mt-52 {
  margin-top: 52px !important;
}

.mr-52 {
  margin-right: 52px !important;
}

.mb-52 {
  margin-bottom: 52px !important;
}

.ml-52 {
  margin-left: 52px !important;
}

.p-52 {
  padding: 52px !important;
}

.pt-52 {
  padding-top: 52px !important;
}

.pr-52 {
  padding-right: 52px !important;
}

.pb-52 {
  padding-bottom: 52px !important;
}

.pl-52 {
  padding-left: 52px !important;
}

.m-56 {
  margin: 56px !important;
}

.mt-56 {
  margin-top: 56px !important;
}

.mr-56 {
  margin-right: 56px !important;
}

.mb-56 {
  margin-bottom: 56px !important;
}

.ml-56 {
  margin-left: 56px !important;
}

.p-56 {
  padding: 56px !important;
}

.pt-56 {
  padding-top: 56px !important;
}

.pr-56 {
  padding-right: 56px !important;
}

.pb-56 {
  padding-bottom: 56px !important;
}

.pl-56 {
  padding-left: 56px !important;
}

.m-60 {
  margin: 60px !important;
}

.mt-60 {
  margin-top: 60px !important;
}

.mr-60 {
  margin-right: 60px !important;
}

.mb-60 {
  margin-bottom: 60px !important;
}

.ml-60 {
  margin-left: 60px !important;
}

.p-60 {
  padding: 60px !important;
}

.pt-60 {
  padding-top: 60px !important;
}

.pr-60 {
  padding-right: 60px !important;
}

.pb-60 {
  padding-bottom: 60px !important;
}

.pl-60 {
  padding-left: 60px !important;
}

.m-64 {
  margin: 64px !important;
}

.mt-64 {
  margin-top: 64px !important;
}

.mr-64 {
  margin-right: 64px !important;
}

.mb-64 {
  margin-bottom: 64px !important;
}

.ml-64 {
  margin-left: 64px !important;
}

.p-64 {
  padding: 64px !important;
}

.pt-64 {
  padding-top: 64px !important;
}

.pr-64 {
  padding-right: 64px !important;
}

.pb-64 {
  padding-bottom: 64px !important;
}

.pl-64 {
  padding-left: 64px !important;
}

.m-68 {
  margin: 68px !important;
}

.mt-68 {
  margin-top: 68px !important;
}

.mr-68 {
  margin-right: 68px !important;
}

.mb-68 {
  margin-bottom: 68px !important;
}

.ml-68 {
  margin-left: 68px !important;
}

.p-68 {
  padding: 68px !important;
}

.pt-68 {
  padding-top: 68px !important;
}

.pr-68 {
  padding-right: 68px !important;
}

.pb-68 {
  padding-bottom: 68px !important;
}

.pl-68 {
  padding-left: 68px !important;
}

.m-72 {
  margin: 72px !important;
}

.mt-72 {
  margin-top: 72px !important;
}

.mr-72 {
  margin-right: 72px !important;
}

.mb-72 {
  margin-bottom: 72px !important;
}

.ml-72 {
  margin-left: 72px !important;
}

.p-72 {
  padding: 72px !important;
}

.pt-72 {
  padding-top: 72px !important;
}

.pr-72 {
  padding-right: 72px !important;
}

.pb-72 {
  padding-bottom: 72px !important;
}

.pl-72 {
  padding-left: 72px !important;
}

.m-76 {
  margin: 76px !important;
}

.mt-76 {
  margin-top: 76px !important;
}

.mr-76 {
  margin-right: 76px !important;
}

.mb-76 {
  margin-bottom: 76px !important;
}

.ml-76 {
  margin-left: 76px !important;
}

.p-76 {
  padding: 76px !important;
}

.pt-76 {
  padding-top: 76px !important;
}

.pr-76 {
  padding-right: 76px !important;
}

.pb-76 {
  padding-bottom: 76px !important;
}

.pl-76 {
  padding-left: 76px !important;
}

.m-80 {
  margin: 80px !important;
}

.mt-80 {
  margin-top: 80px !important;
}

.mr-80 {
  margin-right: 80px !important;
}

.mb-80 {
  margin-bottom: 80px !important;
}

.ml-80 {
  margin-left: 80px !important;
}

.p-80 {
  padding: 80px !important;
}

.pt-80 {
  padding-top: 80px !important;
}

.pr-80 {
  padding-right: 80px !important;
}

.pb-80 {
  padding-bottom: 80px !important;
}

.pl-80 {
  padding-left: 80px !important;
}

.m-84 {
  margin: 84px !important;
}

.mt-84 {
  margin-top: 84px !important;
}

.mr-84 {
  margin-right: 84px !important;
}

.mb-84 {
  margin-bottom: 84px !important;
}

.ml-84 {
  margin-left: 84px !important;
}

.p-84 {
  padding: 84px !important;
}

.pt-84 {
  padding-top: 84px !important;
}

.pr-84 {
  padding-right: 84px !important;
}

.pb-84 {
  padding-bottom: 84px !important;
}

.pl-84 {
  padding-left: 84px !important;
}

.m-88 {
  margin: 88px !important;
}

.mt-88 {
  margin-top: 88px !important;
}

.mr-88 {
  margin-right: 88px !important;
}

.mb-88 {
  margin-bottom: 88px !important;
}

.ml-88 {
  margin-left: 88px !important;
}

.p-88 {
  padding: 88px !important;
}

.pt-88 {
  padding-top: 88px !important;
}

.pr-88 {
  padding-right: 88px !important;
}

.pb-88 {
  padding-bottom: 88px !important;
}

.pl-88 {
  padding-left: 88px !important;
}

.m-92 {
  margin: 92px !important;
}

.mt-92 {
  margin-top: 92px !important;
}

.mr-92 {
  margin-right: 92px !important;
}

.mb-92 {
  margin-bottom: 92px !important;
}

.ml-92 {
  margin-left: 92px !important;
}

.p-92 {
  padding: 92px !important;
}

.pt-92 {
  padding-top: 92px !important;
}

.pr-92 {
  padding-right: 92px !important;
}

.pb-92 {
  padding-bottom: 92px !important;
}

.pl-92 {
  padding-left: 92px !important;
}

.m-96 {
  margin: 96px !important;
}

.mt-96 {
  margin-top: 96px !important;
}

.mr-96 {
  margin-right: 96px !important;
}

.mb-96 {
  margin-bottom: 96px !important;
}

.ml-96 {
  margin-left: 96px !important;
}

.p-96 {
  padding: 96px !important;
}

.pt-96 {
  padding-top: 96px !important;
}

.pr-96 {
  padding-right: 96px !important;
}

.pb-96 {
  padding-bottom: 96px !important;
}

.pl-96 {
  padding-left: 96px !important;
}

.m-100 {
  margin: 100px !important;
}

.mt-100 {
  margin-top: 100px !important;
}

.mr-100 {
  margin-right: 100px !important;
}

.mb-100 {
  margin-bottom: 100px !important;
}

.ml-100 {
  margin-left: 100px !important;
}

.p-100 {
  padding: 100px !important;
}

.pt-100 {
  padding-top: 100px !important;
}

.pr-100 {
  padding-right: 100px !important;
}

.pb-100 {
  padding-bottom: 100px !important;
}

.pl-100 {
  padding-left: 100px !important;
}

/* Layout*/
main {
  padding: 20px 0;
  overflow-x: hidden;
  background: transparent;
  position: relative;
  z-index: 2;
}

.container {
  width: 100%;
  padding: 0 var(--site-padding);
}

.container.gray {
  background: transparent;
}

.container.primary {
  background: var(--primary);
}

.container.secondary {
  background: var(--secondary);
}

.container.last-section {
  margin-bottom: -20px;
}

.content {
  margin: 0 auto;
  position: relative;
  width: 100%;
  padding: 75px 0;
  max-width: var(--site-width);
}

.mw-1000 {
  max-width: 978px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.mw-750 {
  max-width: 750px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

/* Page Header */
.page-header-wrapper {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.page-header-wrapper::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 50;
  bottom: 0;
  left: 0;
  right: 0;
  height: 43px;
  width: 100%;
  background-image: url("data:image/svg+xml,%3Csvg height='43' viewBox='0 0 1280 43' fill='none' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1280 43C1280 36.2346 1280 27.6722 1280 17.207C830.653 -48.0508 506.413 99.2725 0 17.207C0 27.6369 0 36.1994 0 43H1280Z' fill='white'/%3E%3C/svg%3E%0A");
  background-size: 100% 100%;
}

.page-header-wrapper.has-overlay::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
}

.page-header-wrapper .content {
  position: relative;
  z-index: 2;
}

.page-header-wrapper.blog::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.3);
}

.page-header-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.page-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 100%;
  margin-bottom: 140px;
}

.page-header .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 100%;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-top: 75px;
  padding: 0;
}

.page-header .content .inner {
  max-width: 800px;
}

.page-header .content h1 {
  color: var(--white);
}

.page-header .content p {
  color: var(--white);
}

@media only screen and (min-width: 769px) {
  .page-header .content p {
    font-size: 22px;
    font-size: 1.375rem;
  }
}

.page-header .content .adjusted {
  padding-left: 60px;
  margin-bottom: 0;
}

.section-header {
  margin-bottom: 64px;
}

.section-header h5 {
  font-weight: var(--bold);
}

.page-header-wrapper {
  min-height: 30vh;
  background: transparent;
}

.page-header-wrapper.homepage-header {
  min-height: 50vh;
}

.page-header-wrapper.homepage-header::before {
  display: none;
}

.page-header-wrapper.homepage-header::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(0, 171, 223, 0.65), rgba(0, 121, 193, 0.7), rgba(0, 68, 124, 0.8));
  background-size: 200% 200%;
  -webkit-animation: homepageGradientShift 16s ease-in-out infinite;
  animation: homepageGradientShift 16s ease-in-out infinite;
  z-index: 1;
  mix-blend-mode: multiply;
}

.page-header-wrapper.homepage-header .content {
  position: relative;
  z-index: 2;
  padding-bottom: 75px;
}

@-webkit-keyframes homepageGradientShift {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

@keyframes homepageGradientShift {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

.parallax__container {
  clip: rect(0, auto, auto, 0);
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -100;
}

.parallax {
  position: fixed;
  top: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  width: 100%;
  /* BG behaviour */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax-section {
  position: relative;
}

.parallax-section::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
}

.parallax-section .content {
  position: relative;
  z-index: 2;
  padding: 200px 0;
}

.shadow-image {
  background: var(--bg-card);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-shadow: 0px 28px 112px rgba(0, 0, 0, 0.0196802), 0px 11.6977px 46.7909px rgba(0, 0, 0, 0.0282725), 0px 6.25417px 25.0167px rgba(0, 0, 0, 0.035), 0px 3.50603px 14.0241px rgba(0, 0, 0, 0.0417275), 0px 1.86203px 7.44811px rgba(0, 0, 0, 0.0503198), 0px 0.774832px 3.09933px rgba(0, 0, 0, 0.07);
  box-shadow: 0px 28px 112px rgba(0, 0, 0, 0.0196802), 0px 11.6977px 46.7909px rgba(0, 0, 0, 0.0282725), 0px 6.25417px 25.0167px rgba(0, 0, 0, 0.035), 0px 3.50603px 14.0241px rgba(0, 0, 0, 0.0417275), 0px 1.86203px 7.44811px rgba(0, 0, 0, 0.0503198), 0px 0.774832px 3.09933px rgba(0, 0, 0, 0.07);
  border-radius: 6px;
  padding: 12px;
}

.shadow-image img {
  border-radius: 4px;
}

.shadow-image.video {
  width: 100%;
}

.shadow-image.video iframe {
  border-radius: 4px;
}

.youtube-video {
  width: 100%;
  aspect-ratio: 16/9;
  display: block;
}

.alternating-content li {
  margin-bottom: 100px;
  scroll-margin-top: 100px;
}

@media only screen and (min-width: 769px) {
  .alternating-content li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 32px;
  }

  .alternating-content li>div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .alternating-content li .graphic {
    margin-bottom: 0;
  }

  .alternating-content li:nth-child(even) .graphic {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}

.alternating-content .graphic {
  text-align: center;
  margin-bottom: 32px;
}

@media only screen and (min-width: 481px) {
  .entry-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 32px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.entry-nav a {
  text-align: center;
  text-decoration: none;
  margin-bottom: 48px;
  display: block;
}

.entry-nav a:last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 481px) {
  .entry-nav a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    text-align: left;
    margin-bottom: 0;
  }

  .entry-nav a:last-child {
    text-align: right;
  }

  .entry-nav a:last-child .icon {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}

.entry-nav .icon {
  font-size: 28px;
  font-size: 1.75rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.entry-nav .data {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.entry-nav .data p {
  margin: 0;
}

/*
-----------------------------------------
Fonts
-----------------------------------------
*/
@font-face {
  font-family: "icomoon";
  src: url("../fonts/icons/icomoon6169.ttf?sb9g0p") format("truetype"), url("../fonts/icons/icomoon6169.woff?sb9g0p") format("woff"), url("../fonts/icons/icomoon6169.svg?sb9g0p#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^=icon-],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^=icon-].align-middle::before,
[class*=" icon-"].align-middle::before {
  vertical-align: middle;
}

.icon-twitter:before {
  content: "\ee90";
}

.icon-brand:before {
  content: "\ee90";
}

.icon-tweet:before {
  content: "\ee90";
}

.icon-social:before {
  content: "\ee90";
}

.icon-linkedin:before {
  content: "\ee91";
}

.icon-brand1:before {
  content: "\ee91";
}

.icon-social1:before {
  content: "\ee91";
}

.icon-error:before {
  content: "\e900";
}

.icon-error_outline:before {
  content: "\e901";
}

.icon-warning:before {
  content: "\e902";
}

.icon-add_alert:before {
  content: "\e903";
}

.icon-notification_important:before {
  content: "\e904";
}

.icon-album:before {
  content: "\e905";
}

.icon-av_timer:before {
  content: "\e906";
}

.icon-closed_caption:before {
  content: "\e907";
}

.icon-equalizer:before {
  content: "\e908";
}

.icon-explicit:before {
  content: "\e909";
}

.icon-fast_forward:before {
  content: "\e90a";
}

.icon-fast_rewind:before {
  content: "\e90b";
}

.icon-games:before {
  content: "\e90c";
}

.icon-hearing:before {
  content: "\e90d";
}

.icon-high_quality:before {
  content: "\e90e";
}

.icon-loop:before {
  content: "\e90f";
}

.icon-mic:before {
  content: "\e910";
}

.icon-mic_none:before {
  content: "\e911";
}

.icon-mic_off:before {
  content: "\e912";
}

.icon-movie:before {
  content: "\e913";
}

.icon-library_add:before {
  content: "\e914";
}

.icon-library_books:before {
  content: "\e915";
}

.icon-library_music:before {
  content: "\e916";
}

.icon-new_releases:before {
  content: "\e917";
}

.icon-not_interested:before {
  content: "\e918";
}

.icon-pause:before {
  content: "\e919";
}

.icon-pause_circle_filled:before {
  content: "\e91a";
}

.icon-pause_circle_outline:before {
  content: "\e91b";
}

.icon-play_arrow:before {
  content: "\e91c";
}

.icon-play_circle_filled:before {
  content: "\e91d";
}

.icon-play_circle_outline:before {
  content: "\e91e";
}

.icon-playlist_add:before {
  content: "\e91f";
}

.icon-queue_music:before {
  content: "\e920";
}

.icon-radio:before {
  content: "\e921";
}

.icon-recent_actors:before {
  content: "\e922";
}

.icon-repeat:before {
  content: "\e923";
}

.icon-repeat_one:before {
  content: "\e924";
}

.icon-replay:before {
  content: "\e925";
}

.icon-shuffle:before {
  content: "\e926";
}

.icon-skip_next:before {
  content: "\e927";
}

.icon-skip_previous:before {
  content: "\e928";
}

.icon-snooze:before {
  content: "\e929";
}

.icon-stop:before {
  content: "\e92a";
}

.icon-subtitles:before {
  content: "\e92b";
}

.icon-surround_sound:before {
  content: "\e92c";
}

.icon-video_library:before {
  content: "\e92d";
}

.icon-videocam:before {
  content: "\e92e";
}

.icon-videocam_off:before {
  content: "\e92f";
}

.icon-volume_down:before {
  content: "\e930";
}

.icon-volume_mute:before {
  content: "\e931";
}

.icon-volume_off:before {
  content: "\e932";
}

.icon-volume_up:before {
  content: "\e933";
}

.icon-web:before {
  content: "\e934";
}

.icon-hd:before {
  content: "\e935";
}

.icon-sort_by_alpha:before {
  content: "\e936";
}

.icon-airplay:before {
  content: "\e937";
}

.icon-forward_10:before {
  content: "\e938";
}

.icon-forward_30:before {
  content: "\e939";
}

.icon-forward_5:before {
  content: "\e93a";
}

.icon-replay_10:before {
  content: "\e93b";
}

.icon-replay_30:before {
  content: "\e93c";
}

.icon-replay_5:before {
  content: "\e93d";
}

.icon-add_to_queue:before {
  content: "\e93e";
}

.icon-fiber_dvr:before {
  content: "\e93f";
}

.icon-fiber_new:before {
  content: "\e940";
}

.icon-playlist_play:before {
  content: "\e941";
}

.icon-art_track:before {
  content: "\e942";
}

.icon-fiber_manual_record:before {
  content: "\e943";
}

.icon-fiber_smart_record:before {
  content: "\e944";
}

.icon-music_video:before {
  content: "\e945";
}

.icon-subscriptions:before {
  content: "\e946";
}

.icon-playlist_add_check:before {
  content: "\e947";
}

.icon-queue_play_next:before {
  content: "\e948";
}

.icon-remove_from_queue:before {
  content: "\e949";
}

.icon-slow_motion_video:before {
  content: "\e94a";
}

.icon-web_asset:before {
  content: "\e94b";
}

.icon-fiber_pin:before {
  content: "\e94c";
}

.icon-branding_watermark:before {
  content: "\e94d";
}

.icon-call_to_action:before {
  content: "\e94e";
}

.icon-featured_play_list:before {
  content: "\e94f";
}

.icon-featured_video:before {
  content: "\e950";
}

.icon-note:before {
  content: "\e951";
}

.icon-video_call:before {
  content: "\e952";
}

.icon-video_label:before {
  content: "\e953";
}

.icon-4k:before {
  content: "\e954";
}

.icon-missed_video_call:before {
  content: "\e955";
}

.icon-control_camera:before {
  content: "\e956";
}

.icon-business:before {
  content: "\e957";
}

.icon-call:before {
  content: "\e958";
}

.icon-call_end:before {
  content: "\e959";
}

.icon-call_made:before {
  content: "\e95a";
}

.icon-call_merge:before {
  content: "\e95b";
}

.icon-call_missed:before {
  content: "\e95c";
}

.icon-call_received:before {
  content: "\e95d";
}

.icon-call_split:before {
  content: "\e95e";
}

.icon-chat:before {
  content: "\e95f";
}

.icon-clear_all:before {
  content: "\e960";
}

.icon-comment:before {
  content: "\e961";
}

.icon-contacts:before {
  content: "\e962";
}

.icon-dialer_sip:before {
  content: "\e963";
}

.icon-dialpad:before {
  content: "\e964";
}

.icon-email:before {
  content: "\e965";
}

.icon-forum:before {
  content: "\e966";
}

.icon-import_export:before {
  content: "\e967";
}

.icon-invert_colors_off:before {
  content: "\e968";
}

.icon-live_help:before {
  content: "\e969";
}

.icon-location_off:before {
  content: "\e96a";
}

.icon-location_on:before {
  content: "\e96b";
}

.icon-message:before {
  content: "\e96c";
}

.icon-chat_bubble:before {
  content: "\e96d";
}

.icon-chat_bubble_outline:before {
  content: "\e96e";
}

.icon-no_sim:before {
  content: "\e96f";
}

.icon-phone:before {
  content: "\e970";
}

.icon-portable_wifi_off:before {
  content: "\e971";
}

.icon-contact_phone:before {
  content: "\e972";
}

.icon-contact_mail:before {
  content: "\e973";
}

.icon-ring_volume:before {
  content: "\e974";
}

.icon-speaker_phone:before {
  content: "\e975";
}

.icon-stay_current_landscape:before {
  content: "\e976";
}

.icon-stay_current_portrait:before {
  content: "\e977";
}

.icon-swap_calls:before {
  content: "\e978";
}

.icon-textsms:before {
  content: "\e979";
}

.icon-voicemail:before {
  content: "\e97a";
}

.icon-vpn_key:before {
  content: "\e97b";
}

.icon-phonelink_erase:before {
  content: "\e97c";
}

.icon-phonelink_lock:before {
  content: "\e97d";
}

.icon-phonelink_ring:before {
  content: "\e97e";
}

.icon-phonelink_setup:before {
  content: "\e97f";
}

.icon-present_to_all:before {
  content: "\e980";
}

.icon-import_contacts:before {
  content: "\e981";
}

.icon-mail_outline:before {
  content: "\e982";
}

.icon-screen_share:before {
  content: "\e983";
}

.icon-stop_screen_share:before {
  content: "\e984";
}

.icon-call_missed_outgoing:before {
  content: "\e985";
}

.icon-rss_feed:before {
  content: "\e986";
}

.icon-alternate_email:before {
  content: "\e987";
}

.icon-mobile_screen_share:before {
  content: "\e988";
}

.icon-add_call:before {
  content: "\e989";
}

.icon-cancel_presentation:before {
  content: "\e98a";
}

.icon-pause_presentation:before {
  content: "\e98b";
}

.icon-unsubscribe:before {
  content: "\e98c";
}

.icon-cell_wifi:before {
  content: "\e98d";
}

.icon-sentiment_satisfied_alt:before {
  content: "\e98e";
}

.icon-list_alt:before {
  content: "\e98f";
}

.icon-domain_disabled:before {
  content: "\e990";
}

.icon-lightbulb:before {
  content: "\e991";
}

.icon-add:before {
  content: "\e992";
}

.icon-add_box:before {
  content: "\e993";
}

.icon-add_circle:before {
  content: "\e994";
}

.icon-add_circle_outline:before {
  content: "\e995";
}

.icon-archive:before {
  content: "\e996";
}

.icon-backspace:before {
  content: "\e997";
}

.icon-block:before {
  content: "\e998";
}

.icon-clear:before {
  content: "\e999";
}

.icon-content_copy:before {
  content: "\e99a";
}

.icon-content_cut:before {
  content: "\e99b";
}

.icon-content_paste:before {
  content: "\e99c";
}

.icon-create:before {
  content: "\e99d";
}

.icon-drafts:before {
  content: "\e99e";
}

.icon-filter_list:before {
  content: "\e99f";
}

.icon-flag:before {
  content: "\e9a0";
}

.icon-forward:before {
  content: "\e9a1";
}

.icon-gesture:before {
  content: "\e9a2";
}

.icon-inbox:before {
  content: "\e9a3";
}

.icon-link:before {
  content: "\e9a4";
}

.icon-redo:before {
  content: "\e9a5";
}

.icon-remove:before {
  content: "\e9a6";
}

.icon-remove_circle:before {
  content: "\e9a7";
}

.icon-remove_circle_outline:before {
  content: "\e9a8";
}

.icon-reply:before {
  content: "\e9a9";
}

.icon-reply_all:before {
  content: "\e9aa";
}

.icon-report:before {
  content: "\e9ab";
}

.icon-save:before {
  content: "\e9ac";
}

.icon-select_all:before {
  content: "\e9ad";
}

.icon-send:before {
  content: "\e9ae";
}

.icon-sort:before {
  content: "\e9af";
}

.icon-text_format:before {
  content: "\e9b0";
}

.icon-undo:before {
  content: "\e9b1";
}

.icon-font_download:before {
  content: "\e9b2";
}

.icon-move_to_inbox:before {
  content: "\e9b3";
}

.icon-unarchive:before {
  content: "\e9b4";
}

.icon-next_week:before {
  content: "\e9b5";
}

.icon-weekend:before {
  content: "\e9b6";
}

.icon-delete_sweep:before {
  content: "\e9b7";
}

.icon-low_priority:before {
  content: "\e9b8";
}

.icon-outlined_flag:before {
  content: "\e9b9";
}

.icon-link_off:before {
  content: "\e9ba";
}

.icon-report_off:before {
  content: "\e9bb";
}

.icon-save_alt:before {
  content: "\e9bc";
}

.icon-ballot:before {
  content: "\e9bd";
}

.icon-file_copy:before {
  content: "\e9be";
}

.icon-how_to_reg:before {
  content: "\e9bf";
}

.icon-how_to_vote:before {
  content: "\e9c0";
}

.icon-waves:before {
  content: "\e9c1";
}

.icon-where_to_vote:before {
  content: "\e9c2";
}

.icon-add_link:before {
  content: "\e9c3";
}

.icon-inventory:before {
  content: "\e9c4";
}

.icon-access_alarm:before {
  content: "\e9c5";
}

.icon-access_alarms:before {
  content: "\e9c6";
}

.icon-access_time:before {
  content: "\e9c7";
}

.icon-add_alarm:before {
  content: "\e9c8";
}

.icon-airplanemode_off:before {
  content: "\e9c9";
}

.icon-airplanemode_on:before {
  content: "\e9ca";
}

.icon-battery_alert:before {
  content: "\e9cb";
}

.icon-battery_charging_full:before {
  content: "\e9cc";
}

.icon-battery_full:before {
  content: "\e9cd";
}

.icon-battery_unknown:before {
  content: "\e9ce";
}

.icon-bluetooth:before {
  content: "\e9cf";
}

.icon-bluetooth_connected:before {
  content: "\e9d0";
}

.icon-bluetooth_disabled:before {
  content: "\e9d1";
}

.icon-bluetooth_searching:before {
  content: "\e9d2";
}

.icon-brightness_auto:before {
  content: "\e9d3";
}

.icon-brightness_high:before {
  content: "\e9d4";
}

.icon-brightness_low:before {
  content: "\e9d5";
}

.icon-brightness_medium:before {
  content: "\e9d6";
}

.icon-data_usage:before {
  content: "\e9d7";
}

.icon-developer_mode:before {
  content: "\e9d8";
}

.icon-devices:before {
  content: "\e9d9";
}

.icon-dvr:before {
  content: "\e9da";
}

.icon-gps_fixed:before {
  content: "\e9db";
}

.icon-gps_not_fixed:before {
  content: "\e9dc";
}

.icon-gps_off:before {
  content: "\e9dd";
}

.icon-graphic_eq:before {
  content: "\e9de";
}

.icon-network_cell:before {
  content: "\e9df";
}

.icon-network_wifi:before {
  content: "\e9e0";
}

.icon-nfc:before {
  content: "\e9e1";
}

.icon-now_wallpaper:before {
  content: "\e9e2";
}

.icon-now_widgets:before {
  content: "\e9e3";
}

.icon-screen_lock_landscape:before {
  content: "\e9e4";
}

.icon-screen_lock_portrait:before {
  content: "\e9e5";
}

.icon-screen_lock_rotation:before {
  content: "\e9e6";
}

.icon-screen_rotation:before {
  content: "\e9e7";
}

.icon-sd_storage:before {
  content: "\e9e8";
}

.icon-settings_system_daydream:before {
  content: "\e9e9";
}

.icon-signal_cellular_4_bar:before {
  content: "\e9ea";
}

.icon-signal_cellular_connected_no_internet_4_bar:before {
  content: "\e9eb";
}

.icon-signal_cellular_null:before {
  content: "\e9ec";
}

.icon-signal_cellular_off:before {
  content: "\e9ed";
}

.icon-signal_wifi_4_bar:before {
  content: "\e9ee";
}

.icon-signal_wifi_4_bar_lock:before {
  content: "\e9ef";
}

.icon-signal_wifi_off:before {
  content: "\e9f0";
}

.icon-storage:before {
  content: "\e9f1";
}

.icon-usb:before {
  content: "\e9f2";
}

.icon-wifi_lock:before {
  content: "\e9f3";
}

.icon-wifi_tethering:before {
  content: "\e9f4";
}

.icon-add_to_home_screen:before {
  content: "\e9f5";
}

.icon-device_thermostat:before {
  content: "\e9f6";
}

.icon-mobile_friendly:before {
  content: "\e9f7";
}

.icon-mobile_off:before {
  content: "\e9f8";
}

.icon-signal_cellular_alt:before {
  content: "\e9f9";
}

.icon-attach_file:before {
  content: "\e9fa";
}

.icon-attach_money:before {
  content: "\e9fb";
}

.icon-border_all:before {
  content: "\e9fc";
}

.icon-border_bottom:before {
  content: "\e9fd";
}

.icon-border_clear:before {
  content: "\e9fe";
}

.icon-border_color:before {
  content: "\e9ff";
}

.icon-border_horizontal:before {
  content: "\ea00";
}

.icon-border_inner:before {
  content: "\ea01";
}

.icon-border_left:before {
  content: "\ea02";
}

.icon-border_outer:before {
  content: "\ea03";
}

.icon-border_right:before {
  content: "\ea04";
}

.icon-border_style:before {
  content: "\ea05";
}

.icon-border_top:before {
  content: "\ea06";
}

.icon-border_vertical:before {
  content: "\ea07";
}

.icon-format_align_center:before {
  content: "\ea08";
}

.icon-format_align_justify:before {
  content: "\ea09";
}

.icon-format_align_left:before {
  content: "\ea0a";
}

.icon-format_align_right:before {
  content: "\ea0b";
}

.icon-format_bold:before {
  content: "\ea0c";
}

.icon-format_clear:before {
  content: "\ea0d";
}

.icon-format_color_fill:before {
  content: "\ea0e";
}

.icon-format_color_reset:before {
  content: "\ea0f";
}

.icon-format_color_text:before {
  content: "\ea10";
}

.icon-format_indent_decrease:before {
  content: "\ea11";
}

.icon-format_indent_increase:before {
  content: "\ea12";
}

.icon-format_italic:before {
  content: "\ea13";
}

.icon-format_line_spacing:before {
  content: "\ea14";
}

.icon-format_list_bulleted:before {
  content: "\ea15";
}

.icon-format_list_numbered:before {
  content: "\ea16";
}

.icon-format_paint:before {
  content: "\ea17";
}

.icon-format_quote:before {
  content: "\ea18";
}

.icon-format_size:before {
  content: "\ea19";
}

.icon-format_strikethrough:before {
  content: "\ea1a";
}

.icon-format_textdirection_l_to_r:before {
  content: "\ea1b";
}

.icon-format_textdirection_r_to_l:before {
  content: "\ea1c";
}

.icon-format_underlined:before {
  content: "\ea1d";
}

.icon-functions:before {
  content: "\ea1e";
}

.icon-insert_chart:before {
  content: "\ea1f";
}

.icon-insert_comment:before {
  content: "\ea20";
}

.icon-insert_drive_file:before {
  content: "\ea21";
}

.icon-insert_emoticon:before {
  content: "\ea22";
}

.icon-insert_invitation:before {
  content: "\ea23";
}

.icon-insert_photo:before {
  content: "\ea24";
}

.icon-mode_comment:before {
  content: "\ea25";
}

.icon-publish:before {
  content: "\ea26";
}

.icon-space_bar:before {
  content: "\ea27";
}

.icon-strikethrough_s:before {
  content: "\ea28";
}

.icon-vertical_align_bottom:before {
  content: "\ea29";
}

.icon-vertical_align_center:before {
  content: "\ea2a";
}

.icon-vertical_align_top:before {
  content: "\ea2b";
}

.icon-wrap_text:before {
  content: "\ea2c";
}

.icon-money_off:before {
  content: "\ea2d";
}

.icon-drag_handle:before {
  content: "\ea2e";
}

.icon-format_shapes:before {
  content: "\ea2f";
}

.icon-highlight:before {
  content: "\ea30";
}

.icon-linear_scale:before {
  content: "\ea31";
}

.icon-short_text:before {
  content: "\ea32";
}

.icon-text_fields:before {
  content: "\ea33";
}

.icon-monetization_on:before {
  content: "\ea34";
}

.icon-title:before {
  content: "\ea35";
}

.icon-table_chart:before {
  content: "\ea36";
}

.icon-add_comment:before {
  content: "\ea37";
}

.icon-format_list_numbered_rtl:before {
  content: "\ea38";
}

.icon-scatter_plot:before {
  content: "\ea39";
}

.icon-score:before {
  content: "\ea3a";
}

.icon-insert_chart_outlined:before {
  content: "\ea3b";
}

.icon-bar_chart:before {
  content: "\ea3c";
}

.icon-notes:before {
  content: "\ea3d";
}

.icon-attachment:before {
  content: "\ea3e";
}

.icon-cloud:before {
  content: "\ea3f";
}

.icon-cloud_circle:before {
  content: "\ea40";
}

.icon-cloud_done:before {
  content: "\ea41";
}

.icon-cloud_download:before {
  content: "\ea42";
}

.icon-cloud_off:before {
  content: "\ea43";
}

.icon-cloud_queue:before {
  content: "\ea44";
}

.icon-cloud_upload:before {
  content: "\ea45";
}

.icon-file_download:before {
  content: "\ea46";
}

.icon-file_upload:before {
  content: "\ea47";
}

.icon-folder:before {
  content: "\ea48";
}

.icon-folder_open:before {
  content: "\ea49";
}

.icon-folder_shared:before {
  content: "\ea4a";
}

.icon-create_new_folder:before {
  content: "\ea4b";
}

.icon-cast:before {
  content: "\ea4c";
}

.icon-cast_connected:before {
  content: "\ea4d";
}

.icon-computer:before {
  content: "\ea4e";
}

.icon-desktop_mac:before {
  content: "\ea4f";
}

.icon-desktop_windows:before {
  content: "\ea50";
}

.icon-developer_board:before {
  content: "\ea51";
}

.icon-dock:before {
  content: "\ea52";
}

.icon-headset:before {
  content: "\ea53";
}

.icon-headset_mic:before {
  content: "\ea54";
}

.icon-keyboard:before {
  content: "\ea55";
}

.icon-keyboard_arrow_down:before {
  content: "\ea56";
}

.icon-keyboard_arrow_left:before {
  content: "\ea57";
}

.icon-keyboard_arrow_right:before {
  content: "\ea58";
}

.icon-keyboard_arrow_up:before {
  content: "\ea59";
}

.icon-keyboard_backspace:before {
  content: "\ea5a";
}

.icon-keyboard_capslock:before {
  content: "\ea5b";
}

.icon-keyboard_hide:before {
  content: "\ea5c";
}

.icon-keyboard_return:before {
  content: "\ea5d";
}

.icon-keyboard_tab:before {
  content: "\ea5e";
}

.icon-keyboard_voice:before {
  content: "\ea5f";
}

.icon-laptop_chromebook:before {
  content: "\ea60";
}

.icon-laptop_mac:before {
  content: "\ea61";
}

.icon-laptop_windows:before {
  content: "\ea62";
}

.icon-memory:before {
  content: "\ea63";
}

.icon-mouse:before {
  content: "\ea64";
}

.icon-phone_android:before {
  content: "\ea65";
}

.icon-phone_iphone:before {
  content: "\ea66";
}

.icon-phonelink_off:before {
  content: "\ea67";
}

.icon-router:before {
  content: "\ea68";
}

.icon-scanner:before {
  content: "\ea69";
}

.icon-security:before {
  content: "\ea6a";
}

.icon-sim_card:before {
  content: "\ea6b";
}

.icon-speaker:before {
  content: "\ea6c";
}

.icon-speaker_group:before {
  content: "\ea6d";
}

.icon-tablet:before {
  content: "\ea6e";
}

.icon-tablet_android:before {
  content: "\ea6f";
}

.icon-tablet_mac:before {
  content: "\ea70";
}

.icon-toys:before {
  content: "\ea71";
}

.icon-tv:before {
  content: "\ea72";
}

.icon-watch:before {
  content: "\ea73";
}

.icon-device_hub:before {
  content: "\ea74";
}

.icon-power_input:before {
  content: "\ea75";
}

.icon-devices_other:before {
  content: "\ea76";
}

.icon-videogame_asset:before {
  content: "\ea77";
}

.icon-device_unknown:before {
  content: "\ea78";
}

.icon-headset_off:before {
  content: "\ea79";
}

.icon-adjust:before {
  content: "\ea7a";
}

.icon-assistant:before {
  content: "\ea7b";
}

.icon-audiotrack:before {
  content: "\ea7c";
}

.icon-blur_circular:before {
  content: "\ea7d";
}

.icon-blur_linear:before {
  content: "\ea7e";
}

.icon-blur_off:before {
  content: "\ea7f";
}

.icon-blur_on:before {
  content: "\ea80";
}

.icon-brightness_1:before {
  content: "\ea81";
}

.icon-brightness_2:before {
  content: "\ea82";
}

.icon-brightness_3:before {
  content: "\ea83";
}

.icon-brightness_4:before {
  content: "\ea84";
}

.icon-broken_image:before {
  content: "\ea85";
}

.icon-brush:before {
  content: "\ea86";
}

.icon-camera:before {
  content: "\ea87";
}

.icon-camera_alt:before {
  content: "\ea88";
}

.icon-camera_front:before {
  content: "\ea89";
}

.icon-camera_rear:before {
  content: "\ea8a";
}

.icon-camera_roll:before {
  content: "\ea8b";
}

.icon-center_focus_strong:before {
  content: "\ea8c";
}

.icon-center_focus_weak:before {
  content: "\ea8d";
}

.icon-collections:before {
  content: "\ea8e";
}

.icon-color_lens:before {
  content: "\ea8f";
}

.icon-colorize:before {
  content: "\ea90";
}

.icon-compare:before {
  content: "\ea91";
}

.icon-control_point_duplicate:before {
  content: "\ea92";
}

.icon-crop_16_9:before {
  content: "\ea93";
}

.icon-crop_3_2:before {
  content: "\ea94";
}

.icon-crop:before {
  content: "\ea95";
}

.icon-crop_5_4:before {
  content: "\ea96";
}

.icon-crop_7_5:before {
  content: "\ea97";
}

.icon-crop_din:before {
  content: "\ea98";
}

.icon-crop_free:before {
  content: "\ea99";
}

.icon-crop_original:before {
  content: "\ea9a";
}

.icon-crop_portrait:before {
  content: "\ea9b";
}

.icon-crop_square:before {
  content: "\ea9c";
}

.icon-dehaze:before {
  content: "\ea9d";
}

.icon-details:before {
  content: "\ea9e";
}

.icon-exposure:before {
  content: "\ea9f";
}

.icon-exposure_neg_1:before {
  content: "\eaa0";
}

.icon-exposure_neg_2:before {
  content: "\eaa1";
}

.icon-exposure_plus_1:before {
  content: "\eaa2";
}

.icon-exposure_plus_2:before {
  content: "\eaa3";
}

.icon-exposure_zero:before {
  content: "\eaa4";
}

.icon-filter_1:before {
  content: "\eaa5";
}

.icon-filter_2:before {
  content: "\eaa6";
}

.icon-filter_3:before {
  content: "\eaa7";
}

.icon-filter:before {
  content: "\eaa8";
}

.icon-filter_4:before {
  content: "\eaa9";
}

.icon-filter_5:before {
  content: "\eaaa";
}

.icon-filter_6:before {
  content: "\eaab";
}

.icon-filter_7:before {
  content: "\eaac";
}

.icon-filter_8:before {
  content: "\eaad";
}

.icon-filter_9:before {
  content: "\eaae";
}

.icon-filter_9_plus:before {
  content: "\eaaf";
}

.icon-filter_b_and_w:before {
  content: "\eab0";
}

.icon-filter_center_focus:before {
  content: "\eab1";
}

.icon-filter_drama:before {
  content: "\eab2";
}

.icon-filter_frames:before {
  content: "\eab3";
}

.icon-filter_hdr:before {
  content: "\eab4";
}

.icon-filter_none:before {
  content: "\eab5";
}

.icon-filter_tilt_shift:before {
  content: "\eab6";
}

.icon-filter_vintage:before {
  content: "\eab7";
}

.icon-flare:before {
  content: "\eab8";
}

.icon-flash_auto:before {
  content: "\eab9";
}

.icon-flash_off:before {
  content: "\eaba";
}

.icon-flash_on:before {
  content: "\eabb";
}

.icon-flip:before {
  content: "\eabc";
}

.icon-gradient:before {
  content: "\eabd";
}

.icon-grain:before {
  content: "\eabe";
}

.icon-grid_off:before {
  content: "\eabf";
}

.icon-grid_on:before {
  content: "\eac0";
}

.icon-hdr_off:before {
  content: "\eac1";
}

.icon-hdr_on:before {
  content: "\eac2";
}

.icon-hdr_strong:before {
  content: "\eac3";
}

.icon-hdr_weak:before {
  content: "\eac4";
}

.icon-healing:before {
  content: "\eac5";
}

.icon-image_aspect_ratio:before {
  content: "\eac6";
}

.icon-iso:before {
  content: "\eac7";
}

.icon-leak_add:before {
  content: "\eac8";
}

.icon-leak_remove:before {
  content: "\eac9";
}

.icon-lens:before {
  content: "\eaca";
}

.icon-looks_3:before {
  content: "\eacb";
}

.icon-looks:before {
  content: "\eacc";
}

.icon-looks_4:before {
  content: "\eacd";
}

.icon-looks_5:before {
  content: "\eace";
}

.icon-looks_6:before {
  content: "\eacf";
}

.icon-looks_one:before {
  content: "\ead0";
}

.icon-looks_two:before {
  content: "\ead1";
}

.icon-loupe:before {
  content: "\ead2";
}

.icon-monochrome_photos:before {
  content: "\ead3";
}

.icon-music_note:before {
  content: "\ead4";
}

.icon-nature:before {
  content: "\ead5";
}

.icon-nature_people:before {
  content: "\ead6";
}

.icon-navigate_before:before {
  content: "\ead7";
}

.icon-navigate_next:before {
  content: "\ead8";
}

.icon-panorama:before {
  content: "\ead9";
}

.icon-panorama_fisheye:before {
  content: "\eada";
}

.icon-panorama_horizontal:before {
  content: "\eadb";
}

.icon-panorama_vertical:before {
  content: "\eadc";
}

.icon-panorama_wide_angle:before {
  content: "\eadd";
}

.icon-photo_album:before {
  content: "\eade";
}

.icon-picture_as_pdf:before {
  content: "\eadf";
}

.icon-portrait:before {
  content: "\eae0";
}

.icon-remove_red_eye:before {
  content: "\eae1";
}

.icon-rotate_90_degrees_ccw:before {
  content: "\eae2";
}

.icon-rotate_left:before {
  content: "\eae3";
}

.icon-rotate_right:before {
  content: "\eae4";
}

.icon-slideshow:before {
  content: "\eae5";
}

.icon-straighten:before {
  content: "\eae6";
}

.icon-style:before {
  content: "\eae7";
}

.icon-switch_camera:before {
  content: "\eae8";
}

.icon-switch_video:before {
  content: "\eae9";
}

.icon-texture:before {
  content: "\eaea";
}

.icon-timelapse:before {
  content: "\eaeb";
}

.icon-timer_10:before {
  content: "\eaec";
}

.icon-timer_3:before {
  content: "\eaed";
}

.icon-timer:before {
  content: "\eaee";
}

.icon-timer_off:before {
  content: "\eaef";
}

.icon-tonality:before {
  content: "\eaf0";
}

.icon-transform:before {
  content: "\eaf1";
}

.icon-tune:before {
  content: "\eaf2";
}

.icon-view_comfy:before {
  content: "\eaf3";
}

.icon-view_compact:before {
  content: "\eaf4";
}

.icon-wb_auto:before {
  content: "\eaf5";
}

.icon-wb_cloudy:before {
  content: "\eaf6";
}

.icon-wb_incandescent:before {
  content: "\eaf7";
}

.icon-wb_sunny:before {
  content: "\eaf8";
}

.icon-collections_bookmark:before {
  content: "\eaf9";
}

.icon-photo_size_select_actual:before {
  content: "\eafa";
}

.icon-photo_size_select_large:before {
  content: "\eafb";
}

.icon-photo_size_select_small:before {
  content: "\eafc";
}

.icon-vignette:before {
  content: "\eafd";
}

.icon-wb_iridescent:before {
  content: "\eafe";
}

.icon-crop_rotate:before {
  content: "\eaff";
}

.icon-linked_camera:before {
  content: "\eb00";
}

.icon-add_a_photo:before {
  content: "\eb01";
}

.icon-movie_filter:before {
  content: "\eb02";
}

.icon-photo_filter:before {
  content: "\eb03";
}

.icon-burst_mode:before {
  content: "\eb04";
}

.icon-shutter_speed:before {
  content: "\eb05";
}

.icon-add_photo_alternate:before {
  content: "\eb06";
}

.icon-image_search:before {
  content: "\eb07";
}

.icon-music_off:before {
  content: "\eb08";
}

.icon-beenhere:before {
  content: "\eb09";
}

.icon-directions:before {
  content: "\eb0a";
}

.icon-directions_bike:before {
  content: "\eb0b";
}

.icon-directions_bus:before {
  content: "\eb0c";
}

.icon-directions_car:before {
  content: "\eb0d";
}

.icon-directions_ferry:before {
  content: "\eb0e";
}

.icon-directions_subway:before {
  content: "\eb0f";
}

.icon-directions_train:before {
  content: "\eb10";
}

.icon-directions_walk:before {
  content: "\eb11";
}

.icon-hotel:before {
  content: "\eb12";
}

.icon-layers:before {
  content: "\eb13";
}

.icon-layers_clear:before {
  content: "\eb14";
}

.icon-local_atm:before {
  content: "\eb15";
}

.icon-local_attraction:before {
  content: "\eb16";
}

.icon-local_bar:before {
  content: "\eb17";
}

.icon-local_cafe:before {
  content: "\eb18";
}

.icon-local_car_wash:before {
  content: "\eb19";
}

.icon-local_convenience_store:before {
  content: "\eb1a";
}

.icon-local_drink:before {
  content: "\eb1b";
}

.icon-local_florist:before {
  content: "\eb1c";
}

.icon-local_gas_station:before {
  content: "\eb1d";
}

.icon-local_grocery_store:before {
  content: "\eb1e";
}

.icon-local_hospital:before {
  content: "\eb1f";
}

.icon-local_laundry_service:before {
  content: "\eb20";
}

.icon-local_library:before {
  content: "\eb21";
}

.icon-local_mall:before {
  content: "\eb22";
}

.icon-local_movies:before {
  content: "\eb23";
}

.icon-local_offer:before {
  content: "\eb24";
}

.icon-local_parking:before {
  content: "\eb25";
}

.icon-local_pharmacy:before {
  content: "\eb26";
}

.icon-local_pizza:before {
  content: "\eb27";
}

.icon-local_printshop:before {
  content: "\eb28";
}

.icon-local_restaurant:before {
  content: "\eb29";
}

.icon-local_shipping:before {
  content: "\eb2a";
}

.icon-local_taxi:before {
  content: "\eb2b";
}

.icon-location_history:before {
  content: "\eb2c";
}

.icon-map:before {
  content: "\eb2d";
}

.icon-navigation:before {
  content: "\eb2e";
}

.icon-pin_drop:before {
  content: "\eb2f";
}

.icon-rate_review:before {
  content: "\eb30";
}

.icon-satellite:before {
  content: "\eb31";
}

.icon-store_mall_directory:before {
  content: "\eb32";
}

.icon-traffic:before {
  content: "\eb33";
}

.icon-directions_run:before {
  content: "\eb34";
}

.icon-add_location:before {
  content: "\eb35";
}

.icon-edit_location:before {
  content: "\eb36";
}

.icon-near_me:before {
  content: "\eb37";
}

.icon-person_pin_circle:before {
  content: "\eb38";
}

.icon-zoom_out_map:before {
  content: "\eb39";
}

.icon-restaurant:before {
  content: "\eb3a";
}

.icon-ev_station:before {
  content: "\eb3b";
}

.icon-streetview:before {
  content: "\eb3c";
}

.icon-subway:before {
  content: "\eb3d";
}

.icon-train:before {
  content: "\eb3e";
}

.icon-tram:before {
  content: "\eb3f";
}

.icon-transfer_within_a_station:before {
  content: "\eb40";
}

.icon-atm:before {
  content: "\eb41";
}

.icon-category:before {
  content: "\eb42";
}

.icon-not_listed_location:before {
  content: "\eb43";
}

.icon-departure_board:before {
  content: "\eb44";
}

.icon-360:before {
  content: "\eb45";
}

.icon-edit_attributes:before {
  content: "\eb46";
}

.icon-transit_enterexit:before {
  content: "\eb47";
}

.icon-fastfood:before {
  content: "\eb48";
}

.icon-trip_origin:before {
  content: "\eb49";
}

.icon-compass_calibration:before {
  content: "\eb4a";
}

.icon-money:before {
  content: "\eb4b";
}

.icon-apps:before {
  content: "\eb4c";
}

.icon-arrow_back:before {
  content: "\eb4d";
}

.icon-arrow_drop_down:before {
  content: "\eb4e";
}

.icon-arrow_drop_down_circle:before {
  content: "\eb4f";
}

.icon-arrow_drop_up:before {
  content: "\eb50";
}

.icon-arrow_forward:before {
  content: "\eb51";
}

.icon-cancel:before {
  content: "\eb52";
}

.icon-check:before {
  content: "\eb53";
}

.icon-expand_less:before {
  content: "\eb54";
}

.icon-expand_more:before {
  content: "\eb55";
}

.icon-fullscreen:before {
  content: "\eb56";
}

.icon-fullscreen_exit:before {
  content: "\eb57";
}

.icon-menu:before {
  content: "\eb58";
}

.icon-keyboard_control:before {
  content: "\eb59";
}

.icon-more_vert:before {
  content: "\eb5a";
}

.icon-refresh:before {
  content: "\eb5b";
}

.icon-unfold_less:before {
  content: "\eb5c";
}

.icon-unfold_more:before {
  content: "\eb5d";
}

.icon-arrow_upward:before {
  content: "\eb5e";
}

.icon-subdirectory_arrow_left:before {
  content: "\eb5f";
}

.icon-subdirectory_arrow_right:before {
  content: "\eb60";
}

.icon-arrow_downward:before {
  content: "\eb61";
}

.icon-first_page:before {
  content: "\eb62";
}

.icon-last_page:before {
  content: "\eb63";
}

.icon-arrow_left:before {
  content: "\eb64";
}

.icon-arrow_right:before {
  content: "\eb65";
}

.icon-arrow_back_ios:before {
  content: "\eb66";
}

.icon-arrow_forward_ios:before {
  content: "\eb67";
}

.icon-adb:before {
  content: "\eb68";
}

.icon-disc_full:before {
  content: "\eb69";
}

.icon-do_not_disturb_alt:before {
  content: "\eb6a";
}

.icon-drive_eta:before {
  content: "\eb6b";
}

.icon-event_available:before {
  content: "\eb6c";
}

.icon-event_busy:before {
  content: "\eb6d";
}

.icon-event_note:before {
  content: "\eb6e";
}

.icon-folder_special:before {
  content: "\eb6f";
}

.icon-mms:before {
  content: "\eb70";
}

.icon-more:before {
  content: "\eb71";
}

.icon-network_locked:before {
  content: "\eb72";
}

.icon-phone_bluetooth_speaker:before {
  content: "\eb73";
}

.icon-phone_forwarded:before {
  content: "\eb74";
}

.icon-phone_in_talk:before {
  content: "\eb75";
}

.icon-phone_locked:before {
  content: "\eb76";
}

.icon-phone_missed:before {
  content: "\eb77";
}

.icon-phone_paused:before {
  content: "\eb78";
}

.icon-sim_card_alert:before {
  content: "\eb79";
}

.icon-sms_failed:before {
  content: "\eb7a";
}

.icon-sync_disabled:before {
  content: "\eb7b";
}

.icon-sync_problem:before {
  content: "\eb7c";
}

.icon-system_update:before {
  content: "\eb7d";
}

.icon-tap_and_play:before {
  content: "\eb7e";
}

.icon-vibration:before {
  content: "\eb7f";
}

.icon-voice_chat:before {
  content: "\eb80";
}

.icon-vpn_lock:before {
  content: "\eb81";
}

.icon-airline_seat_flat:before {
  content: "\eb82";
}

.icon-airline_seat_flat_angled:before {
  content: "\eb83";
}

.icon-airline_seat_individual_suite:before {
  content: "\eb84";
}

.icon-airline_seat_legroom_extra:before {
  content: "\eb85";
}

.icon-airline_seat_legroom_normal:before {
  content: "\eb86";
}

.icon-airline_seat_legroom_reduced:before {
  content: "\eb87";
}

.icon-airline_seat_recline_extra:before {
  content: "\eb88";
}

.icon-airline_seat_recline_normal:before {
  content: "\eb89";
}

.icon-confirmation_number:before {
  content: "\eb8a";
}

.icon-live_tv:before {
  content: "\eb8b";
}

.icon-ondemand_video:before {
  content: "\eb8c";
}

.icon-personal_video:before {
  content: "\eb8d";
}

.icon-power:before {
  content: "\eb8e";
}

.icon-wc:before {
  content: "\eb8f";
}

.icon-wifi:before {
  content: "\eb90";
}

.icon-enhanced_encryption:before {
  content: "\eb91";
}

.icon-network_check:before {
  content: "\eb92";
}

.icon-no_encryption:before {
  content: "\eb93";
}

.icon-rv_hookup:before {
  content: "\eb94";
}

.icon-do_not_disturb_off:before {
  content: "\eb95";
}

.icon-priority_high:before {
  content: "\eb96";
}

.icon-power_off:before {
  content: "\eb97";
}

.icon-tv_off:before {
  content: "\eb98";
}

.icon-wifi_off:before {
  content: "\eb99";
}

.icon-phone_callback:before {
  content: "\eb9a";
}

.icon-pie_chart:before {
  content: "\eb9b";
}

.icon-pie_chart_outlined:before {
  content: "\eb9c";
}

.icon-bubble_chart:before {
  content: "\eb9d";
}

.icon-multiline_chart:before {
  content: "\eb9e";
}

.icon-show_chart:before {
  content: "\eb9f";
}

.icon-cake:before {
  content: "\eba0";
}

.icon-group:before {
  content: "\eba1";
}

.icon-group_add:before {
  content: "\eba2";
}

.icon-location_city:before {
  content: "\eba3";
}

.icon-mood_bad:before {
  content: "\eba4";
}

.icon-notifications:before {
  content: "\eba5";
}

.icon-notifications_none:before {
  content: "\eba6";
}

.icon-notifications_off:before {
  content: "\eba7";
}

.icon-notifications_on:before {
  content: "\eba8";
}

.icon-notifications_paused:before {
  content: "\eba9";
}

.icon-pages:before {
  content: "\ebaa";
}

.icon-party_mode:before {
  content: "\ebab";
}

.icon-people_outline:before {
  content: "\ebac";
}

.icon-person:before {
  content: "\ebad";
}

.icon-person_add:before {
  content: "\ebae";
}

.icon-person_outline:before {
  content: "\ebaf";
}

.icon-plus_one:before {
  content: "\ebb0";
}

.icon-public:before {
  content: "\ebb1";
}

.icon-school:before {
  content: "\ebb2";
}

.icon-share:before {
  content: "\ebb3";
}

.icon-whatshot:before {
  content: "\ebb4";
}

.icon-sentiment_dissatisfied:before {
  content: "\ebb5";
}

.icon-sentiment_neutral:before {
  content: "\ebb6";
}

.icon-sentiment_satisfied:before {
  content: "\ebb7";
}

.icon-sentiment_very_dissatisfied:before {
  content: "\ebb8";
}

.icon-sentiment_very_satisfied:before {
  content: "\ebb9";
}

.icon-thumb_down_alt:before {
  content: "\ebba";
}

.icon-thumb_up_alt:before {
  content: "\ebbb";
}

.icon-check_box:before {
  content: "\ebbc";
}

.icon-check_box_outline_blank:before {
  content: "\ebbd";
}

.icon-radio_button_on:before {
  content: "\ebbe";
}

.icon-star:before {
  content: "\ebbf";
}

.icon-star_half:before {
  content: "\ebc0";
}

.icon-star_outline:before {
  content: "\ebc1";
}

.icon-3d_rotation:before {
  content: "\ebc2";
}

.icon-accessibility:before {
  content: "\ebc3";
}

.icon-account_balance:before {
  content: "\ebc4";
}

.icon-account_balance_wallet:before {
  content: "\ebc5";
}

.icon-account_box:before {
  content: "\ebc6";
}

.icon-account_circle:before {
  content: "\ebc7";
}

.icon-add_shopping_cart:before {
  content: "\ebc8";
}

.icon-alarm_off:before {
  content: "\ebc9";
}

.icon-alarm_on:before {
  content: "\ebca";
}

.icon-android:before {
  content: "\ebcb";
}

.icon-announcement:before {
  content: "\ebcc";
}

.icon-aspect_ratio:before {
  content: "\ebcd";
}

.icon-assignment:before {
  content: "\ebce";
}

.icon-assignment_ind:before {
  content: "\ebcf";
}

.icon-assignment_late:before {
  content: "\ebd0";
}

.icon-assignment_return:before {
  content: "\ebd1";
}

.icon-assignment_returned:before {
  content: "\ebd2";
}

.icon-assignment_turned_in:before {
  content: "\ebd3";
}

.icon-autorenew:before {
  content: "\ebd4";
}

.icon-book:before {
  content: "\ebd5";
}

.icon-bookmark:before {
  content: "\ebd6";
}

.icon-bookmark_outline:before {
  content: "\ebd7";
}

.icon-bug_report:before {
  content: "\ebd8";
}

.icon-build:before {
  content: "\ebd9";
}

.icon-cached:before {
  content: "\ebda";
}

.icon-change_history:before {
  content: "\ebdb";
}

.icon-check_circle:before {
  content: "\ebdc";
}

.icon-chrome_reader_mode:before {
  content: "\ebdd";
}

.icon-code:before {
  content: "\ebde";
}

.icon-credit_card:before {
  content: "\ebdf";
}

.icon-dashboard:before {
  content: "\ebe0";
}

.icon-delete:before {
  content: "\ebe1";
}

.icon-description:before {
  content: "\ebe2";
}

.icon-dns:before {
  content: "\ebe3";
}

.icon-done:before {
  content: "\ebe4";
}

.icon-done_all:before {
  content: "\ebe5";
}

.icon-exit_to_app:before {
  content: "\ebe6";
}

.icon-explore:before {
  content: "\ebe7";
}

.icon-extension:before {
  content: "\ebe8";
}

.icon-face:before {
  content: "\ebe9";
}

.icon-favorite:before {
  content: "\ebea";
}

.icon-favorite_outline:before {
  content: "\ebeb";
}

.icon-find_in_page:before {
  content: "\ebec";
}

.icon-find_replace:before {
  content: "\ebed";
}

.icon-flip_to_back:before {
  content: "\ebee";
}

.icon-flip_to_front:before {
  content: "\ebef";
}

.icon-group_work:before {
  content: "\ebf0";
}

.icon-help:before {
  content: "\ebf1";
}

.icon-highlight_remove:before {
  content: "\ebf2";
}

.icon-history:before {
  content: "\ebf3";
}

.icon-home:before {
  content: "\ebf4";
}

.icon-hourglass_empty:before {
  content: "\ebf5";
}

.icon-hourglass_full:before {
  content: "\ebf6";
}

.icon-https:before {
  content: "\ebf7";
}

.icon-info:before {
  content: "\ebf8";
}

.icon-info_outline:before {
  content: "\ebf9";
}

.icon-input:before {
  content: "\ebfa";
}

.icon-invert_colors_on:before {
  content: "\ebfb";
}

.icon-label:before {
  content: "\ebfc";
}

.icon-label_outline:before {
  content: "\ebfd";
}

.icon-language:before {
  content: "\ebfe";
}

.icon-launch:before {
  content: "\ebff";
}

.icon-list:before {
  content: "\ec00";
}

.icon-lock_open:before {
  content: "\ec01";
}

.icon-lock_outline:before {
  content: "\ec02";
}

.icon-loyalty:before {
  content: "\ec03";
}

.icon-markunread_mailbox:before {
  content: "\ec04";
}

.icon-note_add:before {
  content: "\ec05";
}

.icon-open_in_browser:before {
  content: "\ec06";
}

.icon-open_with:before {
  content: "\ec07";
}

.icon-pageview:before {
  content: "\ec08";
}

.icon-perm_camera_mic:before {
  content: "\ec09";
}

.icon-perm_contact_calendar:before {
  content: "\ec0a";
}

.icon-perm_data_setting:before {
  content: "\ec0b";
}

.icon-perm_device_information:before {
  content: "\ec0c";
}

.icon-perm_media:before {
  content: "\ec0d";
}

.icon-perm_phone_msg:before {
  content: "\ec0e";
}

.icon-perm_scan_wifi:before {
  content: "\ec0f";
}

.icon-picture_in_picture:before {
  content: "\ec10";
}

.icon-polymer:before {
  content: "\ec11";
}

.icon-power_settings_new:before {
  content: "\ec12";
}

.icon-receipt:before {
  content: "\ec13";
}

.icon-redeem:before {
  content: "\ec14";
}

.icon-search:before {
  content: "\ec15";
}

.icon-settings:before {
  content: "\ec16";
}

.icon-settings_applications:before {
  content: "\ec17";
}

.icon-settings_backup_restore:before {
  content: "\ec18";
}

.icon-settings_bluetooth:before {
  content: "\ec19";
}

.icon-settings_cell:before {
  content: "\ec1a";
}

.icon-settings_display:before {
  content: "\ec1b";
}

.icon-settings_ethernet:before {
  content: "\ec1c";
}

.icon-settings_input_antenna:before {
  content: "\ec1d";
}

.icon-settings_input_component:before {
  content: "\ec1e";
}

.icon-settings_input_hdmi:before {
  content: "\ec1f";
}

.icon-settings_input_svideo:before {
  content: "\ec20";
}

.icon-settings_overscan:before {
  content: "\ec21";
}

.icon-settings_phone:before {
  content: "\ec22";
}

.icon-settings_power:before {
  content: "\ec23";
}

.icon-settings_remote:before {
  content: "\ec24";
}

.icon-settings_voice:before {
  content: "\ec25";
}

.icon-shop:before {
  content: "\ec26";
}

.icon-shop_two:before {
  content: "\ec27";
}

.icon-shopping_basket:before {
  content: "\ec28";
}

.icon-speaker_notes:before {
  content: "\ec29";
}

.icon-spellcheck:before {
  content: "\ec2a";
}

.icon-stars:before {
  content: "\ec2b";
}

.icon-subject:before {
  content: "\ec2c";
}

.icon-supervisor_account:before {
  content: "\ec2d";
}

.icon-swap_horiz:before {
  content: "\ec2e";
}

.icon-swap_vert:before {
  content: "\ec2f";
}

.icon-swap_vertical_circle:before {
  content: "\ec30";
}

.icon-system_update_tv:before {
  content: "\ec31";
}

.icon-tab:before {
  content: "\ec32";
}

.icon-tab_unselected:before {
  content: "\ec33";
}

.icon-thumb_down:before {
  content: "\ec34";
}

.icon-thumb_up:before {
  content: "\ec35";
}

.icon-thumbs_up_down:before {
  content: "\ec36";
}

.icon-toc:before {
  content: "\ec37";
}

.icon-today:before {
  content: "\ec38";
}

.icon-toll:before {
  content: "\ec39";
}

.icon-track_changes:before {
  content: "\ec3a";
}

.icon-translate:before {
  content: "\ec3b";
}

.icon-trending_down:before {
  content: "\ec3c";
}

.icon-trending_neutral:before {
  content: "\ec3d";
}

.icon-trending_up:before {
  content: "\ec3e";
}

.icon-verified_user:before {
  content: "\ec3f";
}

.icon-view_agenda:before {
  content: "\ec40";
}

.icon-view_array:before {
  content: "\ec41";
}

.icon-view_carousel:before {
  content: "\ec42";
}

.icon-view_column:before {
  content: "\ec43";
}

.icon-view_day:before {
  content: "\ec44";
}

.icon-view_headline:before {
  content: "\ec45";
}

.icon-view_list:before {
  content: "\ec46";
}

.icon-view_module:before {
  content: "\ec47";
}

.icon-view_quilt:before {
  content: "\ec48";
}

.icon-view_stream:before {
  content: "\ec49";
}

.icon-view_week:before {
  content: "\ec4a";
}

.icon-visibility_off:before {
  content: "\ec4b";
}

.icon-card_membership:before {
  content: "\ec4c";
}

.icon-card_travel:before {
  content: "\ec4d";
}

.icon-work:before {
  content: "\ec4e";
}

.icon-youtube_searched_for:before {
  content: "\ec4f";
}

.icon-eject:before {
  content: "\ec50";
}

.icon-camera_enhance:before {
  content: "\ec51";
}

.icon-help_outline:before {
  content: "\ec52";
}

.icon-reorder:before {
  content: "\ec53";
}

.icon-zoom_in:before {
  content: "\ec54";
}

.icon-zoom_out:before {
  content: "\ec55";
}

.icon-http:before {
  content: "\ec56";
}

.icon-event_seat:before {
  content: "\ec57";
}

.icon-flight_land:before {
  content: "\ec58";
}

.icon-flight_takeoff:before {
  content: "\ec59";
}

.icon-play_for_work:before {
  content: "\ec5a";
}

.icon-gif:before {
  content: "\ec5b";
}

.icon-indeterminate_check_box:before {
  content: "\ec5c";
}

.icon-offline_pin:before {
  content: "\ec5d";
}

.icon-all_out:before {
  content: "\ec5e";
}

.icon-copyright:before {
  content: "\ec5f";
}

.icon-fingerprint:before {
  content: "\ec60";
}

.icon-gavel:before {
  content: "\ec61";
}

.icon-lightbulb_outline:before {
  content: "\ec62";
}

.icon-picture_in_picture_alt:before {
  content: "\ec63";
}

.icon-important_devices:before {
  content: "\ec64";
}

.icon-touch_app:before {
  content: "\ec65";
}

.icon-accessible:before {
  content: "\ec66";
}

.icon-compare_arrows:before {
  content: "\ec67";
}

.icon-date_range:before {
  content: "\ec68";
}

.icon-donut_large:before {
  content: "\ec69";
}

.icon-donut_small:before {
  content: "\ec6a";
}

.icon-line_style:before {
  content: "\ec6b";
}

.icon-line_weight:before {
  content: "\ec6c";
}

.icon-motorcycle:before {
  content: "\ec6d";
}

.icon-opacity:before {
  content: "\ec6e";
}

.icon-pets:before {
  content: "\ec6f";
}

.icon-pregnant_woman:before {
  content: "\ec70";
}

.icon-record_voice_over:before {
  content: "\ec71";
}

.icon-rounded_corner:before {
  content: "\ec72";
}

.icon-rowing:before {
  content: "\ec73";
}

.icon-timeline:before {
  content: "\ec74";
}

.icon-update:before {
  content: "\ec75";
}

.icon-watch_later:before {
  content: "\ec76";
}

.icon-pan_tool:before {
  content: "\ec77";
}

.icon-euro_symbol:before {
  content: "\ec78";
}

.icon-g_translate:before {
  content: "\ec79";
}

.icon-remove_shopping_cart:before {
  content: "\ec7a";
}

.icon-restore_page:before {
  content: "\ec7b";
}

.icon-speaker_notes_off:before {
  content: "\ec7c";
}

.icon-delete_forever:before {
  content: "\ec7d";
}

.icon-accessibility_new:before {
  content: "\ec7e";
}

.icon-check_circle_outline:before {
  content: "\ec7f";
}

.icon-delete_outline:before {
  content: "\ec80";
}

.icon-done_outline:before {
  content: "\ec81";
}

.icon-maximize:before {
  content: "\ec82";
}

.icon-minimize:before {
  content: "\ec83";
}

.icon-offline_bolt:before {
  content: "\ec84";
}

.icon-swap_horizontal_circle:before {
  content: "\ec85";
}

.icon-accessible_forward:before {
  content: "\ec86";
}

.icon-calendar_today:before {
  content: "\ec87";
}

.icon-calendar_view_day:before {
  content: "\ec88";
}

.icon-label_important:before {
  content: "\ec89";
}

.icon-restore_from_trash:before {
  content: "\ec8a";
}

.icon-supervised_user_circle:before {
  content: "\ec8b";
}

.icon-text_rotate_up:before {
  content: "\ec8c";
}

.icon-text_rotate_vertical:before {
  content: "\ec8d";
}

.icon-text_rotation_angledown:before {
  content: "\ec8e";
}

.icon-text_rotation_angleup:before {
  content: "\ec8f";
}

.icon-text_rotation_down:before {
  content: "\ec90";
}

.icon-text_rotation_none:before {
  content: "\ec91";
}

.icon-commute:before {
  content: "\ec92";
}

.icon-arrow_right_alt:before {
  content: "\ec93";
}

.icon-work_off:before {
  content: "\ec94";
}

.icon-work_outline:before {
  content: "\ec95";
}

.icon-drag_indicator:before {
  content: "\ec96";
}

.icon-horizontal_split:before {
  content: "\ec97";
}

.icon-label_important_outline:before {
  content: "\ec98";
}

.icon-vertical_split:before {
  content: "\ec99";
}

.icon-voice_over_off:before {
  content: "\ec9a";
}

.icon-segment:before {
  content: "\ec9b";
}

.icon-contact_support:before {
  content: "\ec9c";
}

.icon-compress:before {
  content: "\ec9d";
}

.icon-filter_list_alt:before {
  content: "\ec9e";
}

.icon-expand:before {
  content: "\ec9f";
}

.icon-edit_off:before {
  content: "\eca0";
}

.icon-10k:before {
  content: "\eca1";
}

.icon-10mp:before {
  content: "\eca2";
}

.icon-11mp:before {
  content: "\eca3";
}

.icon-12mp:before {
  content: "\eca4";
}

.icon-13mp:before {
  content: "\eca5";
}

.icon-14mp:before {
  content: "\eca6";
}

.icon-15mp:before {
  content: "\eca7";
}

.icon-16mp:before {
  content: "\eca8";
}

.icon-17mp:before {
  content: "\eca9";
}

.icon-18mp:before {
  content: "\ecaa";
}

.icon-19mp:before {
  content: "\ecab";
}

.icon-1k:before {
  content: "\ecac";
}

.icon-1k_plus:before {
  content: "\ecad";
}

.icon-20mp:before {
  content: "\ecae";
}

.icon-21mp:before {
  content: "\ecaf";
}

.icon-22mp:before {
  content: "\ecb0";
}

.icon-23mp:before {
  content: "\ecb1";
}

.icon-24mp:before {
  content: "\ecb2";
}

.icon-2k:before {
  content: "\ecb3";
}

.icon-2k_plus:before {
  content: "\ecb4";
}

.icon-2mp:before {
  content: "\ecb5";
}

.icon-3k:before {
  content: "\ecb6";
}

.icon-3k_plus:before {
  content: "\ecb7";
}

.icon-3mp:before {
  content: "\ecb8";
}

.icon-4k_plus:before {
  content: "\ecb9";
}

.icon-4mp:before {
  content: "\ecba";
}

.icon-5k:before {
  content: "\ecbb";
}

.icon-5k_plus:before {
  content: "\ecbc";
}

.icon-5mp:before {
  content: "\ecbd";
}

.icon-6k:before {
  content: "\ecbe";
}

.icon-6k_plus:before {
  content: "\ecbf";
}

.icon-6mp:before {
  content: "\ecc0";
}

.icon-7k:before {
  content: "\ecc1";
}

.icon-7k_plus:before {
  content: "\ecc2";
}

.icon-7mp:before {
  content: "\ecc3";
}

.icon-8k:before {
  content: "\ecc4";
}

.icon-8k_plus:before {
  content: "\ecc5";
}

.icon-8mp:before {
  content: "\ecc6";
}

.icon-9k:before {
  content: "\ecc7";
}

.icon-9k_plus:before {
  content: "\ecc8";
}

.icon-9mp:before {
  content: "\ecc9";
}

.icon-account_tree:before {
  content: "\ecca";
}

.icon-add_chart:before {
  content: "\eccb";
}

.icon-add_ic_call:before {
  content: "\eccc";
}

.icon-add_moderator:before {
  content: "\eccd";
}

.icon-all_inbox:before {
  content: "\ecce";
}

.icon-approval:before {
  content: "\eccf";
}

.icon-assistant_direction:before {
  content: "\ecd0";
}

.icon-assistant_navigation:before {
  content: "\ecd1";
}

.icon-bookmarks:before {
  content: "\ecd2";
}

.icon-bus_alert:before {
  content: "\ecd3";
}

.icon-cases:before {
  content: "\ecd4";
}

.icon-circle_notifications:before {
  content: "\ecd5";
}

.icon-closed_caption_off:before {
  content: "\ecd6";
}

.icon-connected_tv:before {
  content: "\ecd7";
}

.icon-dangerous:before {
  content: "\ecd8";
}

.icon-dashboard_customize:before {
  content: "\ecd9";
}

.icon-desktop_access_disabled:before {
  content: "\ecda";
}

.icon-drive_file_move_outline:before {
  content: "\ecdb";
}

.icon-drive_file_rename_outline:before {
  content: "\ecdc";
}

.icon-drive_folder_upload:before {
  content: "\ecdd";
}

.icon-duo:before {
  content: "\ecde";
}

.icon-explore_off:before {
  content: "\ecdf";
}

.icon-file_download_done:before {
  content: "\ece0";
}

.icon-rtt:before {
  content: "\ece1";
}

.icon-grid_view:before {
  content: "\ece2";
}

.icon-hail:before {
  content: "\ece3";
}

.icon-home_filled:before {
  content: "\ece4";
}

.icon-imagesearch_roller:before {
  content: "\ece5";
}

.icon-label_off:before {
  content: "\ece6";
}

.icon-library_add_check:before {
  content: "\ece7";
}

.icon-logout:before {
  content: "\ece8";
}

.icon-margin:before {
  content: "\ece9";
}

.icon-mark_as_unread:before {
  content: "\ecea";
}

.icon-menu_open:before {
  content: "\eceb";
}

.icon-mp:before {
  content: "\ecec";
}

.icon-offline_share:before {
  content: "\eced";
}

.icon-padding:before {
  content: "\ecee";
}

.icon-panorama_photosphere:before {
  content: "\ecef";
}

.icon-panorama_photosphere_select:before {
  content: "\ecf0";
}

.icon-person_add_disabled:before {
  content: "\ecf1";
}

.icon-phone_disabled:before {
  content: "\ecf2";
}

.icon-phone_enabled:before {
  content: "\ecf3";
}

.icon-pivot_table_chart:before {
  content: "\ecf4";
}

.icon-print_disabled:before {
  content: "\ecf5";
}

.icon-railway_alert:before {
  content: "\ecf6";
}

.icon-recommend:before {
  content: "\ecf7";
}

.icon-remove_done:before {
  content: "\ecf8";
}

.icon-remove_moderator:before {
  content: "\ecf9";
}

.icon-repeat_on:before {
  content: "\ecfa";
}

.icon-repeat_one_on:before {
  content: "\ecfb";
}

.icon-replay_circle_filled:before {
  content: "\ecfc";
}

.icon-reset_tv:before {
  content: "\ecfd";
}

.icon-sd:before {
  content: "\ecfe";
}

.icon-shield:before {
  content: "\ecff";
}

.icon-shuffle_on:before {
  content: "\ed00";
}

.icon-speed:before {
  content: "\ed01";
}

.icon-stacked_bar_chart:before {
  content: "\ed02";
}

.icon-stream:before {
  content: "\ed03";
}

.icon-swipe:before {
  content: "\ed04";
}

.icon-switch_account:before {
  content: "\ed05";
}

.icon-tag:before {
  content: "\ed06";
}

.icon-thumb_down_off_alt:before {
  content: "\ed07";
}

.icon-thumb_up_off_alt:before {
  content: "\ed08";
}

.icon-toggle_off:before {
  content: "\ed09";
}

.icon-toggle_on:before {
  content: "\ed0a";
}

.icon-two_wheeler:before {
  content: "\ed0b";
}

.icon-upload_file:before {
  content: "\ed0c";
}

.icon-view_in_ar:before {
  content: "\ed0d";
}

.icon-waterfall_chart:before {
  content: "\ed0e";
}

.icon-wb_shade:before {
  content: "\ed0f";
}

.icon-wb_twighlight:before {
  content: "\ed10";
}

.icon-home_work:before {
  content: "\ed11";
}

.icon-schedule_send:before {
  content: "\ed12";
}

.icon-bolt:before {
  content: "\ed13";
}

.icon-send_and_archive:before {
  content: "\ed14";
}

.icon-workspaces_filled:before {
  content: "\ed15";
}

.icon-file_present:before {
  content: "\ed16";
}

.icon-workspaces_outline:before {
  content: "\ed17";
}

.icon-fit_screen:before {
  content: "\ed18";
}

.icon-saved_search:before {
  content: "\ed19";
}

.icon-storefront:before {
  content: "\ed1a";
}

.icon-amp_stories:before {
  content: "\ed1b";
}

.icon-dynamic_feed:before {
  content: "\ed1c";
}

.icon-euro:before {
  content: "\ed1d";
}

.icon-height:before {
  content: "\ed1e";
}

.icon-policy:before {
  content: "\ed1f";
}

.icon-sync_alt:before {
  content: "\ed20";
}

.icon-menu_book:before {
  content: "\ed21";
}

.icon-emoji_flags:before {
  content: "\ed22";
}

.icon-emoji_food_beverage:before {
  content: "\ed23";
}

.icon-emoji_nature:before {
  content: "\ed24";
}

.icon-emoji_people:before {
  content: "\ed25";
}

.icon-emoji_symbols:before {
  content: "\ed26";
}

.icon-emoji_transportation:before {
  content: "\ed27";
}

.icon-post_add:before {
  content: "\ed28";
}

.icon-people_alt:before {
  content: "\ed29";
}

.icon-emoji_emotions:before {
  content: "\ed2a";
}

.icon-emoji_events:before {
  content: "\ed2b";
}

.icon-emoji_objects:before {
  content: "\ed2c";
}

.icon-sports_basketball:before {
  content: "\ed2d";
}

.icon-sports_cricket:before {
  content: "\ed2e";
}

.icon-sports_esports:before {
  content: "\ed2f";
}

.icon-sports_football:before {
  content: "\ed30";
}

.icon-sports_golf:before {
  content: "\ed31";
}

.icon-sports_hockey:before {
  content: "\ed32";
}

.icon-sports_mma:before {
  content: "\ed33";
}

.icon-sports_motorsports:before {
  content: "\ed34";
}

.icon-sports_rugby:before {
  content: "\ed35";
}

.icon-sports_soccer:before {
  content: "\ed36";
}

.icon-sports:before {
  content: "\ed37";
}

.icon-sports_volleyball:before {
  content: "\ed38";
}

.icon-sports_tennis:before {
  content: "\ed39";
}

.icon-sports_handball:before {
  content: "\ed3a";
}

.icon-sports_kabaddi:before {
  content: "\ed3b";
}

.icon-eco:before {
  content: "\ed3c";
}

.icon-museum:before {
  content: "\ed3d";
}

.icon-flip_camera_android:before {
  content: "\ed3e";
}

.icon-flip_camera_ios:before {
  content: "\ed3f";
}

.icon-cancel_schedule_send:before {
  content: "\ed40";
}

.icon-apartment:before {
  content: "\ed41";
}

.icon-bathtub:before {
  content: "\ed42";
}

.icon-deck:before {
  content: "\ed43";
}

.icon-fireplace:before {
  content: "\ed44";
}

.icon-house:before {
  content: "\ed45";
}

.icon-king_bed:before {
  content: "\ed46";
}

.icon-nights_stay:before {
  content: "\ed47";
}

.icon-outdoor_grill:before {
  content: "\ed48";
}

.icon-single_bed:before {
  content: "\ed49";
}

.icon-square_foot:before {
  content: "\ed4a";
}

.icon-double_arrow:before {
  content: "\ed4b";
}

.icon-sports_baseball:before {
  content: "\ed4c";
}

.icon-attractions:before {
  content: "\ed4d";
}

.icon-bakery_dining:before {
  content: "\ed4e";
}

.icon-breakfast_dining:before {
  content: "\ed4f";
}

.icon-car_rental:before {
  content: "\ed50";
}

.icon-car_repair:before {
  content: "\ed51";
}

.icon-dinner_dining:before {
  content: "\ed52";
}

.icon-dry_cleaning:before {
  content: "\ed53";
}

.icon-hardware:before {
  content: "\ed54";
}

.icon-liquor:before {
  content: "\ed55";
}

.icon-lunch_dining:before {
  content: "\ed56";
}

.icon-nightlife:before {
  content: "\ed57";
}

.icon-park:before {
  content: "\ed58";
}

.icon-ramen_dining:before {
  content: "\ed59";
}

.icon-celebration:before {
  content: "\ed5a";
}

.icon-theater_comedy:before {
  content: "\ed5b";
}

.icon-badge:before {
  content: "\ed5c";
}

.icon-festival:before {
  content: "\ed5d";
}

.icon-icecream:before {
  content: "\ed5e";
}

.icon-volunteer_activism:before {
  content: "\ed5f";
}

.icon-contactless:before {
  content: "\ed60";
}

.icon-delivery_dining:before {
  content: "\ed61";
}

.icon-brunch_dining:before {
  content: "\ed62";
}

.icon-takeout_dining:before {
  content: "\ed63";
}

.icon-ac_unit:before {
  content: "\ed64";
}

.icon-airport_shuttle:before {
  content: "\ed65";
}

.icon-all_inclusive:before {
  content: "\ed66";
}

.icon-beach_access:before {
  content: "\ed67";
}

.icon-business_center:before {
  content: "\ed68";
}

.icon-casino:before {
  content: "\ed69";
}

.icon-child_care:before {
  content: "\ed6a";
}

.icon-child_friendly:before {
  content: "\ed6b";
}

.icon-fitness_center:before {
  content: "\ed6c";
}

.icon-golf_course:before {
  content: "\ed6d";
}

.icon-hot_tub:before {
  content: "\ed6e";
}

.icon-kitchen:before {
  content: "\ed6f";
}

.icon-pool:before {
  content: "\ed70";
}

.icon-room_service:before {
  content: "\ed71";
}

.icon-smoke_free:before {
  content: "\ed72";
}

.icon-smoking_rooms:before {
  content: "\ed73";
}

.icon-spa:before {
  content: "\ed74";
}

.icon-no_meeting_room:before {
  content: "\ed75";
}

.icon-meeting_room:before {
  content: "\ed76";
}

.icon-goat:before {
  content: "\ed77";
}

.icon-5g:before {
  content: "\ed78";
}

.icon-ad_units:before {
  content: "\ed79";
}

.icon-add_business:before {
  content: "\ed7a";
}

.icon-add_location_alt:before {
  content: "\ed7b";
}

.icon-add_road:before {
  content: "\ed7c";
}

.icon-add_to_drive:before {
  content: "\ed7d";
}

.icon-addchart:before {
  content: "\ed7e";
}

.icon-admin_panel_settings:before {
  content: "\ed7f";
}

.icon-agriculture:before {
  content: "\ed80";
}

.icon-alt_route:before {
  content: "\ed81";
}

.icon-analytics:before {
  content: "\ed82";
}

.icon-anchor:before {
  content: "\ed83";
}

.icon-animation:before {
  content: "\ed84";
}

.icon-api:before {
  content: "\ed85";
}

.icon-app_blocking:before {
  content: "\ed86";
}

.icon-app_registration:before {
  content: "\ed87";
}

.icon-app_settings_alt:before {
  content: "\ed88";
}

.icon-architecture:before {
  content: "\ed89";
}

.icon-arrow_circle_down:before {
  content: "\ed8a";
}

.icon-arrow_circle_up:before {
  content: "\ed8b";
}

.icon-article:before {
  content: "\ed8c";
}

.icon-attach_email:before {
  content: "\ed8d";
}

.icon-auto_awesome:before {
  content: "\ed8e";
}

.icon-auto_awesome_mosaic:before {
  content: "\ed8f";
}

.icon-auto_awesome_motion:before {
  content: "\ed90";
}

.icon-auto_delete:before {
  content: "\ed91";
}

.icon-auto_fix_high:before {
  content: "\ed92";
}

.icon-auto_fix_normal:before {
  content: "\ed93";
}

.icon-auto_fix_off:before {
  content: "\ed94";
}

.icon-auto_stories:before {
  content: "\ed95";
}

.icon-baby_changing_station:before {
  content: "\ed96";
}

.icon-backpack:before {
  content: "\ed97";
}

.icon-backup_table:before {
  content: "\ed98";
}

.icon-batch_prediction:before {
  content: "\ed99";
}

.icon-bedtime:before {
  content: "\ed9a";
}

.icon-bento:before {
  content: "\ed9b";
}

.icon-bike_scooter:before {
  content: "\ed9c";
}

.icon-biotech:before {
  content: "\ed9d";
}

.icon-block_flipped:before {
  content: "\ed9e";
}

.icon-browser_not_supported:before {
  content: "\ed9f";
}

.icon-build_circle:before {
  content: "\eda0";
}

.icon-calculate:before {
  content: "\eda1";
}

.icon-campaign:before {
  content: "\eda2";
}

.icon-carpenter:before {
  content: "\eda3";
}

.icon-cast_for_education:before {
  content: "\eda4";
}

.icon-charging_station:before {
  content: "\eda5";
}

.icon-checkroom:before {
  content: "\eda6";
}

.icon-circle:before {
  content: "\eda7";
}

.icon-cleaning_services:before {
  content: "\eda8";
}

.icon-close_fullscreen:before {
  content: "\eda9";
}

.icon-closed_caption_disabled:before {
  content: "\edaa";
}

.icon-comment_bank:before {
  content: "\edab";
}

.icon-construction:before {
  content: "\edac";
}

.icon-corporate_fare:before {
  content: "\edad";
}

.icon-countertops:before {
  content: "\edae";
}

.icon-design_services:before {
  content: "\edaf";
}

.icon-directions_off:before {
  content: "\edb0";
}

.icon-dirty_lens:before {
  content: "\edb1";
}

.icon-do_not_step:before {
  content: "\edb2";
}

.icon-do_not_touch:before {
  content: "\edb3";
}

.icon-domain_verification:before {
  content: "\edb4";
}

.icon-drive_file_move:before {
  content: "\edb5";
}

.icon-dry:before {
  content: "\edb6";
}

.icon-dynamic_form:before {
  content: "\edb7";
}

.icon-east:before {
  content: "\edb8";
}

.icon-edit_road:before {
  content: "\edb9";
}

.icon-electric_bike:before {
  content: "\edba";
}

.icon-electric_car:before {
  content: "\edbb";
}

.icon-electric_moped:before {
  content: "\edbc";
}

.icon-electric_rickshaw:before {
  content: "\edbd";
}

.icon-electric_scooter:before {
  content: "\edbe";
}

.icon-electrical_services:before {
  content: "\edbf";
}

.icon-elevator:before {
  content: "\edc0";
}

.icon-engineering:before {
  content: "\edc1";
}

.icon-escalator:before {
  content: "\edc2";
}

.icon-escalator_warning:before {
  content: "\edc3";
}

.icon-face_retouching_natural:before {
  content: "\edc4";
}

.icon-fact_check:before {
  content: "\edc5";
}

.icon-family_restroom:before {
  content: "\edc6";
}

.icon-fence:before {
  content: "\edc7";
}

.icon-filter_alt:before {
  content: "\edc8";
}

.icon-fire_extinguisher:before {
  content: "\edc9";
}

.icon-flaky:before {
  content: "\edca";
}

.icon-food_bank:before {
  content: "\edcb";
}

.icon-forward_to_inbox:before {
  content: "\edcc";
}

.icon-foundation:before {
  content: "\edcd";
}

.icon-grading:before {
  content: "\edce";
}

.icon-grass:before {
  content: "\edcf";
}

.icon-handyman:before {
  content: "\edd0";
}

.icon-hdr_enhanced_select:before {
  content: "\edd1";
}

.icon-hearing_disabled:before {
  content: "\edd2";
}

.icon-help_center:before {
  content: "\edd3";
}

.icon-highlight_alt:before {
  content: "\edd4";
}

.icon-history_edu:before {
  content: "\edd5";
}

.icon-history_toggle_off:before {
  content: "\edd6";
}

.icon-home_repair_service:before {
  content: "\edd7";
}

.icon-horizontal_rule:before {
  content: "\edd8";
}

.icon-hourglass_bottom:before {
  content: "\edd9";
}

.icon-hourglass_disabled:before {
  content: "\edda";
}

.icon-hourglass_top:before {
  content: "\eddb";
}

.icon-house_siding:before {
  content: "\eddc";
}

.icon-hvac:before {
  content: "\eddd";
}

.icon-image_not_supported:before {
  content: "\edde";
}

.icon-insights:before {
  content: "\eddf";
}

.icon-integration_instructions:before {
  content: "\ede0";
}

.icon-ios_share:before {
  content: "\ede1";
}

.icon-legend_toggle:before {
  content: "\ede2";
}

.icon-local_fire_department:before {
  content: "\ede3";
}

.icon-local_police:before {
  content: "\ede4";
}

.icon-location_pin:before {
  content: "\ede5";
}

.icon-lock_clock:before {
  content: "\ede6";
}

.icon-login:before {
  content: "\ede7";
}

.icon-maps_ugc:before {
  content: "\ede8";
}

.icon-mark_chat_read:before {
  content: "\ede9";
}

.icon-mark_chat_unread:before {
  content: "\edea";
}

.icon-mark_email_read:before {
  content: "\edeb";
}

.icon-mark_email_unread:before {
  content: "\edec";
}

.icon-mediation:before {
  content: "\eded";
}

.icon-medical_services:before {
  content: "\edee";
}

.icon-mic_external_off:before {
  content: "\edef";
}

.icon-mic_external_on:before {
  content: "\edf0";
}

.icon-microwave:before {
  content: "\edf1";
}

.icon-military_tech:before {
  content: "\edf2";
}

.icon-miscellaneous_services:before {
  content: "\edf3";
}

.icon-model_training:before {
  content: "\edf4";
}

.icon-monitor:before {
  content: "\edf5";
}

.icon-moped:before {
  content: "\edf6";
}

.icon-more_time:before {
  content: "\edf7";
}

.icon-motion_photos_off:before {
  content: "\edf8";
}

.icon-motion_photos_on:before {
  content: "\edf9";
}

.icon-motion_photos_paused:before {
  content: "\edfa";
}

.icon-multiple_stop:before {
  content: "\edfb";
}

.icon-nat:before {
  content: "\edfc";
}

.icon-near_me_disabled:before {
  content: "\edfd";
}

.icon-next_plan:before {
  content: "\edfe";
}

.icon-night_shelter:before {
  content: "\edff";
}

.icon-nightlight_round:before {
  content: "\ee00";
}

.icon-no_cell:before {
  content: "\ee01";
}

.icon-no_drinks:before {
  content: "\ee02";
}

.icon-no_flash:before {
  content: "\ee03";
}

.icon-no_food:before {
  content: "\ee04";
}

.icon-no_meals:before {
  content: "\ee05";
}

.icon-no_photography:before {
  content: "\ee06";
}

.icon-no_stroller:before {
  content: "\ee07";
}

.icon-no_transfer:before {
  content: "\ee08";
}

.icon-north:before {
  content: "\ee09";
}

.icon-north_east:before {
  content: "\ee0a";
}

.icon-north_west:before {
  content: "\ee0b";
}

.icon-not_accessible:before {
  content: "\ee0c";
}

.icon-not_started:before {
  content: "\ee0d";
}

.icon-online_prediction:before {
  content: "\ee0e";
}

.icon-open_in_full:before {
  content: "\ee0f";
}

.icon-outbox:before {
  content: "\ee10";
}

.icon-outgoing_mail:before {
  content: "\ee11";
}

.icon-outlet:before {
  content: "\ee12";
}

.icon-panorama_horizontal_select:before {
  content: "\ee13";
}

.icon-panorama_vertical_select:before {
  content: "\ee14";
}

.icon-panorama_wide_angle_select:before {
  content: "\ee15";
}

.icon-payments:before {
  content: "\ee16";
}

.icon-pedal_bike:before {
  content: "\ee17";
}

.icon-pending:before {
  content: "\ee18";
}

.icon-pending_actions:before {
  content: "\ee19";
}

.icon-person_add_alt:before {
  content: "\ee1a";
}

.icon-person_add_alt_1:before {
  content: "\ee1b";
}

.icon-person_remove:before {
  content: "\ee1c";
}

.icon-person_search:before {
  content: "\ee1d";
}

.icon-pest_control:before {
  content: "\ee1e";
}

.icon-pest_control_rodent:before {
  content: "\ee1f";
}

.icon-photo_camera_back:before {
  content: "\ee20";
}

.icon-photo_camera_front:before {
  content: "\ee21";
}

.icon-plagiarism:before {
  content: "\ee22";
}

.icon-play_disabled:before {
  content: "\ee23";
}

.icon-plumbing:before {
  content: "\ee24";
}

.icon-point_of_sale:before {
  content: "\ee25";
}

.icon-preview:before {
  content: "\ee26";
}

.icon-privacy_tip:before {
  content: "\ee27";
}

.icon-psychology:before {
  content: "\ee28";
}

.icon-public_off:before {
  content: "\ee29";
}

.icon-push_pin:before {
  content: "\ee2a";
}

.icon-qr_code:before {
  content: "\ee2b";
}

.icon-qr_code_scanner:before {
  content: "\ee2c";
}

.icon-quickreply:before {
  content: "\ee2d";
}

.icon-read_more:before {
  content: "\ee2e";
}

.icon-receipt_long:before {
  content: "\ee2f";
}

.icon-request_quote:before {
  content: "\ee30";
}

.icon-rice_bowl:before {
  content: "\ee31";
}

.icon-roofing:before {
  content: "\ee32";
}

.icon-room_preferences:before {
  content: "\ee33";
}

.icon-rule:before {
  content: "\ee34";
}

.icon-rule_folder:before {
  content: "\ee35";
}

.icon-run_circle:before {
  content: "\ee36";
}

.icon-science:before {
  content: "\ee37";
}

.icon-screen_search_desktop:before {
  content: "\ee38";
}

.icon-search_off:before {
  content: "\ee39";
}

.icon-self_improvement:before {
  content: "\ee3a";
}

.icon-sensor_door:before {
  content: "\ee3b";
}

.icon-sensor_window:before {
  content: "\ee3c";
}

.icon-set_meal:before {
  content: "\ee3d";
}

.icon-shopping_bag:before {
  content: "\ee3e";
}

.icon-signal_cellular_0_bar:before {
  content: "\ee3f";
}

.icon-signal_wifi_0_bar:before {
  content: "\ee40";
}

.icon-smart_button:before {
  content: "\ee41";
}

.icon-snippet_folder:before {
  content: "\ee42";
}

.icon-soap:before {
  content: "\ee43";
}

.icon-source:before {
  content: "\ee44";
}

.icon-south:before {
  content: "\ee45";
}

.icon-south_east:before {
  content: "\ee46";
}

.icon-south_west:before {
  content: "\ee47";
}

.icon-sports_bar:before {
  content: "\ee48";
}

.icon-stairs:before {
  content: "\ee49";
}

.icon-star_outline1:before {
  content: "\ee4a";
}

.icon-star_rate:before {
  content: "\ee4b";
}

.icon-sticky_note_2:before {
  content: "\ee4c";
}

.icon-stop_circle:before {
  content: "\ee4d";
}

.icon-stroller:before {
  content: "\ee4e";
}

.icon-subscript:before {
  content: "\ee4f";
}

.icon-subtitles_off:before {
  content: "\ee50";
}

.icon-superscript:before {
  content: "\ee51";
}

.icon-support:before {
  content: "\ee52";
}

.icon-support_agent:before {
  content: "\ee53";
}

.icon-switch_left:before {
  content: "\ee54";
}

.icon-switch_right:before {
  content: "\ee55";
}

.icon-table_rows:before {
  content: "\ee56";
}

.icon-table_view:before {
  content: "\ee57";
}

.icon-tapas:before {
  content: "\ee58";
}

.icon-taxi_alert:before {
  content: "\ee59";
}

.icon-text_snippet:before {
  content: "\ee5a";
}

.icon-tour:before {
  content: "\ee5b";
}

.icon-tty:before {
  content: "\ee5c";
}

.icon-umbrella:before {
  content: "\ee5d";
}

.icon-upgrade:before {
  content: "\ee5e";
}

.icon-verified:before {
  content: "\ee5f";
}

.icon-video_settings:before {
  content: "\ee60";
}

.icon-view_sidebar:before {
  content: "\ee61";
}

.icon-wash:before {
  content: "\ee62";
}

.icon-water_damage:before {
  content: "\ee63";
}

.icon-west:before {
  content: "\ee64";
}

.icon-wheelchair_pickup:before {
  content: "\ee65";
}

.icon-wifi_calling:before {
  content: "\ee66";
}

.icon-wifi_protected_setup:before {
  content: "\ee67";
}

.icon-wine_bar:before {
  content: "\ee68";
}

.icon-wrong_location:before {
  content: "\ee69";
}

.icon-wysiwyg:before {
  content: "\ee6a";
}

.icon-leaderboard:before {
  content: "\ee6b";
}

.icon-6_ft_apart:before {
  content: "\ee6c";
}

.icon-book_online:before {
  content: "\ee6d";
}

.icon-clean_hands:before {
  content: "\ee6e";
}

.icon-connect_without_contact:before {
  content: "\ee6f";
}

.icon-coronavirus:before {
  content: "\ee70";
}

.icon-elderly:before {
  content: "\ee71";
}

.icon-follow_the_signs:before {
  content: "\ee72";
}

.icon-leave_bags_at_home:before {
  content: "\ee73";
}

.icon-masks:before {
  content: "\ee74";
}

.icon-reduce_capacity:before {
  content: "\ee75";
}

.icon-sanitizer:before {
  content: "\ee76";
}

.icon-send_to_mobile:before {
  content: "\ee77";
}

.icon-sick:before {
  content: "\ee78";
}

.icon-add_task:before {
  content: "\ee79";
}

.icon-contact_page:before {
  content: "\ee7a";
}

.icon-disabled_by_default:before {
  content: "\ee7b";
}

.icon-facebook:before {
  content: "\ee7c";
}

.icon-groups:before {
  content: "\ee7d";
}

.icon-luggage:before {
  content: "\ee7e";
}

.icon-no_backpack:before {
  content: "\ee7f";
}

.icon-no_luggage:before {
  content: "\ee80";
}

.icon-outbond:before {
  content: "\ee81";
}

.icon-published_with_changes:before {
  content: "\ee82";
}

.icon-request_page:before {
  content: "\ee83";
}

.icon-stacked_line_chart:before {
  content: "\ee84";
}

.icon-unpublished:before {
  content: "\ee85";
}

.icon-align_horizontal_center:before {
  content: "\ee86";
}

.icon-align_horizontal_left:before {
  content: "\ee87";
}

.icon-align_horizontal_right:before {
  content: "\ee88";
}

.icon-align_vertical_bottom:before {
  content: "\ee89";
}

.icon-align_vertical_center:before {
  content: "\ee8a";
}

.icon-align_vertical_top:before {
  content: "\ee8b";
}

.icon-horizontal_distribute:before {
  content: "\ee8c";
}

.icon-qr_code_2:before {
  content: "\ee8d";
}

.icon-update_disabled:before {
  content: "\ee8e";
}

.icon-vertical_distribute:before {
  content: "\ee8f";
}

/*
-----------------------------------------
TYPOGRAPHY
-----------------------------------------
*/
/*  Basics */
a {
  color: var(--text-color);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

a:hover {
  color: var(--primary);
}

a [class^=icon-],
a [class*=" icon-"] {
  margin-left: 8px;
  text-decoration: none;
  display: inline-block;
}

.inner-link {
  text-decoration: underline;
}

.inner-link [class^=icon-],
.inner-link [class*=" icon-"] {
  margin-left: 8px;
  text-decoration: none;
  display: inline-block;
}

p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 1.5em;
  font-weight: var(--light);
}

@media only screen and (min-width: 769px) {
  p {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

p:last-child {
  margin-bottom: 0;
}

p.light {
  font-weight: var(--light);
}

p.medium {
  font-weight: var(--normal);
}

p.bold {
  font-weight: var(--bold);
}

p.small {
  font-size: 0.6rem !important;
}

b,
strong {
  font-weight: var(--bold);
}

.primary {
  color: var(--primary);
}

pre {
  padding: 16px;
  background: var(--gray-03);
  border-radius: var(--radius);
  margin-bottom: 1.2em;
  overflow-x: auto;
}

pre code {
  line-height: 1.5;
  font-size: 16px;
  font-size: 1rem;
}

pre code.hljs {
  background: transparent !important;
}

ul,
ol {
  padding-left: 20px;
  margin-bottom: 20px;
}

ul li,
ol li {
  color: var(--text-color);
  line-height: 1.3em;
  margin-bottom: 8px;
  font-weight: var(--light);
  font-size: 16px;
  font-size: 1rem;
}

@media only screen and (min-width: 769px) {

  ul li,
  ol li {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

ul li:last-child,
ol li:last-child {
  margin-bottom: 0;
}

ul.light li,
ol.light li {
  font-weight: var(--light);
}

ul {
  list-style: disc;
}

.bullet-colored li::marker {
  color: var(--primary);
}

hr {
  border: 0;
  border-bottom: 1px solid var(--gray-10);
  margin: 48px 0;
}

/* Headers */
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--text-color);
  line-height: 1.4em;
  margin-bottom: 12px;
  font-weight: var(--normal);
}

h1.bold,
h2.bold,
h3.bold,
h4.bold,
h5.bold,
h6.bold {
  font-weight: var(--bold);
}

h1.lined,
h2.lined,
h3.lined,
h4.lined,
h5.lined,
h6.lined {
  padding-bottom: 4px;
  border-bottom: 1px solid var(--white);
  margin-bottom: 24px;
}

h1.hyphen,
h2.hyphen,
h3.hyphen,
h4.hyphen,
h5.hyphen,
h6.hyphen {
  padding-left: 60px;
  position: relative;
}

h1.hyphen::before,
h2.hyphen::before,
h3.hyphen::before,
h4.hyphen::before,
h5.hyphen::before,
h6.hyphen::before {
  content: "";
  position: absolute;
  left: 0;
  top: 25px;
  width: 40px;
  height: 4px;
  display: block;
  background: var(--primary);
}

@media only screen and (min-width: 769px) {

  h1.hyphen::before,
  h2.hyphen::before,
  h3.hyphen::before,
  h4.hyphen::before,
  h5.hyphen::before,
  h6.hyphen::before {
    top: 40px;
  }
}

h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small {
  font-size: 0.5em;
  display: block;
  line-height: 1.5;
}

h1.light,
h2.light,
h3.light,
h4.light,
h5.light,
h6.light {
  font-weight: var(--light);
}

h1.medium,
h2.medium,
h3.medium,
h4.medium,
h5.medium,
h6.medium {
  font-weight: var(--normal);
}

h1.bold,
h2.bold,
h3.bold,
h4.bold,
h5.bold,
h6.bold {
  font-weight: var(--bold);
}

h1 {
  font-size: 40px;
  font-size: 2.5rem;
}

@media only screen and (min-width: 769px) {
  h1 {
    font-size: 60px;
    font-size: 3.75rem;
  }
}

h2 {
  font-size: 34px;
  font-size: 2.125rem;
}

@media only screen and (min-width: 769px) {
  h2 {
    font-size: 42px;
    font-size: 2.625rem;
  }
}

h3 {
  font-size: 28px;
  font-size: 1.75rem;
}

@media only screen and (min-width: 769px) {
  h3 {
    font-size: 32px;
    font-size: 2rem;
  }
}

h4 {
  font-size: 18px;
  font-size: 1.125rem;
}

@media only screen and (min-width: 769px) {
  h4 {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

h5 {
  font-size: 16px;
  font-size: 1rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-weight: var(--normal);
}

.reverse p,
.reverse li,
.reverse a,
.reverse h1,
.reverse h2,
.reverse h3,
.reverse h4,
.reverse h5,
.reverse h6 {
  color: var(--white);
}

.section-heading {
  margin-bottom: 48px;
}

.section-heading span {
  font-size: 12px;
  font-size: 0.75rem;
  display: block;
}

.tags {
  display: grid;
  gap: 12px;
  grid-template-columns: 1fr;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
}

@media only screen and (min-width: 851px) {
  .tags {
    grid-template-columns: repeat(2, 1fr);
  }
}

.tags .tag {
  display: inline-block;
  border: 1px solid var(--gray-10);
  padding: 6px 16px;
  border-radius: var(--radius);
  font-size: 15px;
  font-size: 0.9375rem;
  color: var(--secondary);
  font-weight: var(--light);
  background: var(--bg-glass);
  text-decoration: none;
  line-height: 1.3;
}

.tags .tag:hover {
  border-color: var(--secondary);
}

/*
-----------------------------------------
NAVIGATION
-----------------------------------------
*/
.site-nav {
  display: none;
}

.site-nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}

@media only screen and (min-width: 993px) {
  .site-nav ul {
    gap: 32px;
  }
}

.site-nav li {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: var(--light);
}

.site-nav li.active a:not(.button) {
  font-weight: var(--bold);
  color: var(--primary);
}

.site-nav li.active a:not(.button)::after {
  background: var(--primary);
}

.site-nav li.active a:not(.button):hover {
  color: var(--primary);
}

.site-nav a {
  text-decoration: none;
  display: block;
  font-weight: var(--normal);
}

.site-nav a:not(.button) {
  color: var(--text-color);
  padding: 8px 8px 12px;
  position: relative;
  text-decoration: none;
}

.site-nav a:not(.button)::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  border-radius: 999px;
  background: transparent;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
}

.site-nav a:not(.button):hover {
  color: var(--text-color);
  text-decoration: none;
}

.site-nav a:not(.button):hover::after {
  background: var(--primary);
}

.mobile-nav-icon {
  font-size: 28px;
  font-size: 1.75rem;
  cursor: pointer;
  color: var(--text-color);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.mobile-nav-icon:hover {
  color: var(--secondary);
}

.close-nav {
  font-size: 28px;
  font-size: 1.75rem;
  cursor: pointer;
  color: var(--white);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  margin-bottom: 24px;
}

.close-nav:hover {
  color: var(--gray-10);
}

.overlay {
  opacity: 0;
  pointer-events: none;
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  content: "";
  cursor: pointer;
}

.mobile-nav {
  position: fixed;
  z-index: 1001;
  width: 100%;
  top: 0;
  right: 0;
  max-width: var(--menu-size);
  height: 100%;
  -webkit-transform: translate(var(--menu-size), 0);
  transform: translate(var(--menu-size), 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform cubic-bezier(0.45, 0.05, 0.55, 0.95) 0.3s;
  transition: -webkit-transform cubic-bezier(0.45, 0.05, 0.55, 0.95) 0.3s;
  transition: transform cubic-bezier(0.45, 0.05, 0.55, 0.95) 0.3s;
  transition: transform cubic-bezier(0.45, 0.05, 0.55, 0.95) 0.3s, -webkit-transform cubic-bezier(0.45, 0.05, 0.55, 0.95) 0.3s;
  overflow-y: auto;
  background: var(--secondary);
  padding: 32px;
  -webkit-box-shadow: 2px 0 10px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 0 10px rgba(0, 0, 0, 0.2);
}

.show-nav .mobile-nav {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.mobile-nav li,
.mobile-nav a {
  color: var(--white);
  font-size: 16px;
  font-size: 1rem;
}

.mobile-nav li {
  margin-bottom: 8px;
}

.mobile-nav li.active a {
  font-weight: bold;
  background: rgba(255, 255, 255, 0.2);
}

.mobile-nav a {
  padding: 16px;
  display: block;
  text-decoration: none;
  border-radius: var(--radius);
}

.mobile-nav a:hover {
  background: rgba(255, 255, 255, 0.1);
}

.mobile-nav a.button {
  background: rgba(255, 255, 255, 0.12);
  text-transform: none;
  font-weight: var(--medium);
}

.mobile-nav a.button:hover {
  background: rgba(255, 255, 255, 0.18);
}

.show-nav {
  overflow-y: hidden;
}

.show-nav .overlay {
  opacity: 1;
  cursor: pointer;
  pointer-events: auto;
}

@media only screen and (min-width: 851px) {
  .site-nav {
    display: block;
  }

  .show-nav {
    overflow-y: auto;
  }

  .mobile-nav,
  .mobile-nav-icon,
  .overlay {
    display: none;
  }
}

.site-masthead.reverse-header .site-nav a {
  color: var(--white);
}

.site-masthead.reverse-header .site-nav a:not(.button):hover {
  border-bottom-color: var(--white);
}

.site-masthead.reverse-header .mobile-nav-icon {
  color: var(--white);
}

/* Pagination */
.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--text-color);
}

.pagination li {
  margin-right: 5px;
  font-size: 18px;
  font-size: 1.125rem;
}

.pagination li:last-child {
  margin-right: 0;
}

.pagination li.page-arrow:first-child {
  margin-right: 5px;
}

.pagination li.page-arrow:last-child {
  margin-left: 5px;
}

.pagination li.page-arrow a {
  padding: 4px 7px;
  background: var(--text-color);
  color: #fff;
  border-radius: 10px;
}

.pagination li.page-arrow a:hover {
  background: var(--secondary);
  color: var(--white);
}

.pagination li.active {
  padding: 5px 8px;
  color: var(--secondary);
  font-weight: var(--normal);
}

.pagination li:hover a {
  color: var(--secondary);
}

.pagination a {
  display: block;
  padding: 4px 8px;
  color: var(--text-color);
}

.pagination a [class^=icon-],
.pagination a [class*=" icon-"] {
  margin-left: 0;
}

/*
-----------------------------------------
BUTTONS
-----------------------------------------
*/
.button,
button[type=button],
input[type=button] {
  cursor: pointer;
  display: inline-block;
  border: 1px solid transparent;
  -webkit-appearance: none;
  padding: 12px 32px;
  font-family: var(--font);
  font-size: 16px;
  font-size: 1rem;
  font-weight: var(--medium);
  border-radius: 999px;
  /* Pill shape */
  background: var(--primary);
  color: var(--white);
  transition: all 0.3s ease;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}

.button:hover,
.button:active,
button[type=button]:hover,
button[type=button]:active,
input[type=button]:hover,
input[type=button]:active {
  color: var(--white);
  background: var(--secondary);
  box-shadow: 0 0 20px var(--primary-glow);
  transform: translateY(-2px);
}

.button.white,
button[type=button].white,
input[type=button].white {
  background: var(--white);
  color: var(--gray-90);
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.1);
}

.button.white:hover,
.button.white:active,
button[type=button].white:hover,
button[type=button].white:active,
input[type=button].white:hover,
input[type=button].white:active {
  color: var(--primary);
  background: var(--white);
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.3);
}

.button.ghost-white,
button[type=button].ghost-white,
input[type=button].ghost-white {
  background: transparent;
  border-color: var(--white);
  color: var(--white);
}

.button.ghost-white:hover,
.button.ghost-white:active,
button[type=button].ghost-white:hover,
button[type=button].ghost-white:active,
input[type=button].ghost-white:hover,
input[type=button].ghost-white:active {
  background: rgba(255, 255, 255, 0.2);
  color: var(--gray-03);
}

.button.outlined,
button[type=button].outlined,
input[type=button].outlined {
  background: transparent;
  color: var(--white);
  border-color: var(--white);
}

.button.outlined:hover,
.button.outlined:focus,
button[type=button].outlined:hover,
button[type=button].outlined:focus,
input[type=button].outlined:hover,
input[type=button].outlined:focus {
  color: var(--primary);
}

/* Button Group */
.button-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 32px;
}

.button-group.group-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.button-group.group-right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

/*
-----------------------------------------
TABLES
-----------------------------------------
*/
table {
  width: 100%;
  margin-bottom: 24px;
}

thead td:first-child,
thead th:first-child {
  border-radius: 4px 0 0 4px;
}

thead td:last-child,
thead th:last-child {
  border-radius: 0 4px 4px 0;
}

thead th {
  background: var(--gray-50);
  color: var(--white);
}

tfoot {
  font-weight: bold;
  border-top: 1px solid var(--gray-40);
}

tbody tr {
  border-bottom: 1px solid var(--gray-30);
}

tr.disabled {
  opacity: 0.4;
}

tr:hover td {
  background: rgba(255, 255, 255, 0.05);
}

th,
td {
  text-align: left;
  padding: 12px 8px;
  color: var(--text-color);
  font-size: 14px;
  font-size: 0.875rem;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

th a,
td a {
  text-decoration: underline;
}

th .button,
td .button {
  font-size: 12px;
  font-size: 0.75rem;
  padding: 6px 24px;
  background: transparent;
  border-color: var(--blue);
  text-decoration: none;
}

th .button:hover,
th .button.active,
td .button:hover,
td .button.active {
  background: var(--blue);
  color: var(--white);
}

th.disabled,
td.disabled {
  color: var(--gray-30);
}

th.disabled::before,
td.disabled::before {
  color: var(--text-color);
}

th.complete,
td.complete {
  color: var(--success);
}

th.complete::before,
td.complete::before {
  color: var(--text-color);
}

th {
  vertical-align: bottom;
}

td {
  vertical-align: middle;
}

.cell5 {
  width: 5%;
}

.cell10 {
  width: 10%;
}

.cell15 {
  width: 15%;
}

.cell20 {
  width: 20%;
}

.cell25 {
  width: 25%;
}

.cell30 {
  width: 30%;
}

.cell35 {
  width: 35%;
}

.cell40 {
  width: 40%;
}

.cell45 {
  width: 45%;
}

.cell50 {
  width: 50%;
}

.cell55 {
  width: 55%;
}

.cell60 {
  width: 60%;
}

.cell65 {
  width: 65%;
}

.cell70 {
  width: 70%;
}

.cell75 {
  width: 75%;
}

.cell80 {
  width: 80%;
}

.cell85 {
  width: 85%;
}

.cell90 {
  width: 90%;
}

.cell95 {
  width: 95%;
}

@media only screen and (max-width: 800px) {

  /* Force table to not be like tables anymore */
  .nontable table,
  .nontable thead,
  .nontable tbody,
  .nontable th,
  .nontable td,
  .nontable tr {
    display: block;
  }

  .nontable thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .nontable tr {
    border-bottom: 2px solid #aaa;
  }

  .nontable tr:last-child {
    border-bottom: none;
  }

  .nontable td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #333;
    position: relative;
    padding-left: 50%;
    white-space: normal;
    text-align: left;
  }

  .nontable td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 12px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    content: attr(data-title);
  }

  .nontable .more-menu-container {
    width: 100%;
  }

  .nontable .more-menu-container .more-icon {
    display: none;
  }

  .nontable .more-menu-container .more-menu {
    display: block !important;
    position: static;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: auto;
  }

  .nontable .more-menu-container .more-menu a {
    padding: 4px 0;
  }

  .nontable .table-actions a {
    display: inline-block;
  }

  .nontable .table-actions a .text {
    display: inline-block;
  }
}

/*
-----------------------------------------
FORMS
-----------------------------------------
*/
.grecaptcha-badge {
  visibility: hidden !important;
}

form {
  margin: 10px 0 10px;
}

.field {
  margin-bottom: 20px;
}

.form-layout {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 16px;
  width: 100%;
}

.form-layout label {
  margin-bottom: -8px;
}

@media only screen and (min-width: 401px) {
  .form-layout {
    grid-template-columns: -webkit-max-content 1fr;
    grid-template-columns: max-content 1fr;
  }

  .form-layout .label {
    text-align: right;
  }

  .form-layout .form-submit {
    grid-column-start: 2;
  }
}

#contact-form .content .section-header {
  margin-bottom: 32px;
}

#contact-form form,
#request-session form {
  border-radius: var(--radius);
  background: var(--white);
  -webkit-box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
  padding: 24px;
}

@media only screen and (min-width: 769px) {

  #contact-form form,
  #request-session form {
    padding: 32px 40px;
  }
}

label,
.fake-label {
  display: block;
  font-size: 16px;
  font-size: 1rem;
  color: var(--text-color);
  margin-bottom: 4px;
  line-height: 1.4em;
  font-weight: var(--light);
}

input,
textarea,
.faux-textarea,
select {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--gray-20);
  font-size: 16px;
  font-size: 1rem;
  color: var(--gray);
  border-radius: 10px;
  background: var(--white);
  font-weight: var(--light);
  font-family: var(--font);
}

input:focus,
textarea:focus,
.faux-textarea:focus,
select:focus {
  outline: none;
  -webkit-box-shadow: 0 0 5px rgb(81, 203, 238);
  box-shadow: 0 0 5px rgb(81, 203, 238);
}

textarea,
.faux-textarea {
  min-height: 200px;
}

select {
  width: 100%;
}

.required {
  color: var(--primary);
  margin-left: 2px;
}

form .gridlex [class^=col-],
form .gridlex [class*=col-] {
  padding-bottom: 0;
}

/* Form Errors */
.has-error input,
.has-error select,
.has-error textarea {
  border-color: var(--primary);
}

.error-message {
  color: var(--red);
  font-size: 12px;
  font-size: 0.75rem;
  margin-top: 4px;
  font-style: italic;
}

.error-message.top {
  margin-bottom: 8px;
}

/*
-----------------------------------------
FORM LAYOUT
-----------------------------------------
*/
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  border: 1px solid var(--form-border);
  padding: 13px 30px 13px 10px;
  font-size: 16px;
  font-size: 1rem;
  color: var(--gray-90);
  border-radius: 10px;
  display: block;
  line-height: 1;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='5' viewBox='0 0 10 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 5L0.669872 0.5L9.33013 0.500001L5 5Z' fill='%23275D38'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: right 12px top 50%;
  background-size: 10px 6px;
}

select:focus {
  outline: none;
  -webkit-box-shadow: 0 0 5px rgb(81, 203, 238);
  box-shadow: 0 0 5px rgb(81, 203, 238);
}

select:disabled {
  border-color: var(--gray-50);
  color: #ccc;
}

.input-group .radio,
.input-group .checkbox {
  margin-bottom: 20px;
}

.input-group .radio:last-child,
.input-group .checkbox:last-child {
  margin-bottom: 0;
}

.input-group.columns-2 {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(2, 1fr);
}

.input-group.columns-2 .radio,
.input-group.columns-2 .checkbox {
  margin-bottom: 0;
}

.input-group.columns-3 {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(3, 1fr);
}

.input-group.columns-3 .radio,
.input-group.columns-3 .checkbox {
  margin-bottom: 0;
}

.input-collection {
  margin-bottom: 24px;
}

.input-collection .checkbox,
.input-collection .radio,
.input-collection .toggle {
  margin-bottom: 12px;
}

.input-collection .fake-label {
  margin-bottom: 12px;
}

/*
-----------------------------------------
FORM ADDONS
-----------------------------------------
*/
.input-has-icon {
  position: relative;
}

.input-has-icon input {
  padding-right: 45px;
}

.input-has-icon .input-icon {
  font-size: 24px;
  font-size: 1.5rem;
  position: absolute;
  top: 50%;
  right: 12px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: var(--gray-60);
}

.input-has-icon .input-icon.search {
  color: var(--gray-40);
}

.input-has-icon .input-icon.search-person {
  font-size: 18px;
  font-size: 1.125rem;
  color: var(--primary);
  cursor: pointer;
}

.input-has-icon .input-icon.search-person.not-active {
  color: var(--gray-40);
  cursor: auto;
}

/*
-----------------------------------------
INPUT SPECIAL TYPES
-----------------------------------------
*/
/*  Example Markup */
/*
  <div class="input-collection">
    <p class="fake-label">This is an input group</p>
    <div class="checkbox">
      <input type="checkbox" id="checkbox-1" checked="checked"/>
      <label for="checkbox-1"><span class="label-container">Default Checkbox 1</span>
      </label>
    </div>
    <div class="checkbox">
      <input type="checkbox" id="checkbox-2"/>
      <label for="checkbox-2"><span class="label-container">Default Checkbox 2</span>
      </label>
    </div>
    <div class="checkbox">
      <input type="checkbox" id="checkbox-3"/>
      <label for="checkbox-3"><span class="label-container">Default Checkbox 3</span>
      </label>
    </div>
  </div>
  <div class="input-collection">
    <p class="fake-label">This is an input group</p>
    <div class="radio">
      <input type="radio" name="radio-group" id="radio-1" checked="checked"/>
      <label for="radio-1"><span class="label-container"><span class="inner">Default Radio 1</span></span></label>
    </div>
    <div class="radio">
      <input type="radio" name="radio-group" id="radio-2"/>
      <label for="radio-2"><span class="label-container"><span class="inner">Default Radio 2</span></span></label>
    </div>
    <div class="radio">
      <input type="radio" name="radio-group" id="radio-3"/>
      <label for="radio-3"><span class="label-container"><span class="inner">Default Radio 3</span></span></label>
    </div>
  </div>
  <div class="input-collection">
    <p class="fake-label">This is an input group</p>
    <div class="toggle">
      <input type="checkbox" id="toggle-1"/>
      <label for="toggle-1"><span class="toggle-display"></span><span class="toggle-text right">I agree to this</span></label>
    </div>
  </div>
*/
.checkbox {
  min-height: 20px;
}

.checkbox label {
  position: relative;
  padding: 4px 0 0 35px;
  z-index: 2;
}

.checkbox label:before {
  content: "";
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: absolute;
  background: #fff;
  left: 0;
  top: 0;
  border-radius: 4px;
  border: 1px solid var(--form-border);
}

.checkbox label:after {
  content: "";
  width: 11px;
  height: 5px;
  position: absolute;
  top: 5px;
  left: 4px;
  border: 3px solid #ccc;
  border-top: none;
  border-right: none;
  background: transparent;
  opacity: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.checkbox label:hover::after {
  opacity: 0.2;
}

.checkbox label .label-container {
  font-size: 16px;
  font-size: 1rem;
  line-height: 2em;
  margin-top: -9px;
  display: block;
  text-transform: none;
}

.checkbox input[type=checkbox] {
  visibility: hidden;
  position: absolute;
  left: -9999px;
}

.checkbox input[type=checkbox]:checked+label:after {
  opacity: 1;
  border-color: var(--primary);
}

.radio {
  display: block;
}

.radio label {
  position: relative;
  z-index: 2;
  padding: 4px 0 0 35px;
}

.radio label:before {
  content: "";
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: absolute;
  background: #fff;
  left: 0;
  top: 0;
  border-radius: 50%;
  border: 1px solid var(--form-border);
}

.radio label:after {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  position: absolute;
  top: 5px;
  left: 5px;
  background: #ccc;
  opacity: 0;
}

.radio label:hover::after {
  opacity: 0.2;
}

.radio label .label-container {
  font-size: 16px;
  font-size: 1rem;
  line-height: 2em;
  margin-top: -9px;
  display: block;
  text-transform: none;
}

.radio input[type=radio] {
  visibility: hidden;
  position: absolute;
  left: -9999px;
}

.radio input[type=radio]:checked+label:after {
  opacity: 1;
  background: var(--primary);
}

.toggle label {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0;
}

.toggle input {
  position: absolute;
  margin-left: -9999px;
}

.toggle input+label .toggle-display {
  width: 50px;
  height: 28px;
  border-radius: 24px;
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0 10px 0 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border: 1px solid var(--form-border);
}

.toggle input+label .toggle-display:before,
.toggle input+label .toggle-display:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  content: "";
}

.toggle input+label .toggle-display:before {
  right: 1px;
  background: var(--white);
  height: 24px;
  border-radius: 24px;
  -webkit-transition: background 0.4s;
  transition: background 0.4s;
}

.toggle input+label .toggle-display:after {
  width: 24px;
  height: 24px;
  background: var(--form-border);
  top: 1px;
  left: 2px;
  border-radius: 100%;
  -webkit-transition: margin 0.4s;
  transition: margin 0.4s;
}

.toggle input:checked+label .toggle-display:before {
  border-color: var(--primary);
}

.toggle input:checked+label .toggle-display:after {
  margin-left: 20px;
  background: var(--primary);
}

.toggle .toggle-text {
  font-size: 16px;
  font-size: 1rem;
  color: var(--text-color);
  line-height: 1;
  margin-top: -4px;
}

/*
-----------------------------------------
BANNERS
-----------------------------------------
*/
.banner {
  border-radius: 10px;
  padding: 16px 16px;
  margin-bottom: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}

.banner .graphic-icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 40px;
  font-size: 2.5rem;
}

.banner .message {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.banner p,
.banner h3,
.banner i {
  color: var(--white);
}

.banner.success {
  background: var(--green);
}

.banner.error {
  background: var(--primary);
}

/* Modules */
/*
-----------------------------------------
MASTHEAD
-----------------------------------------
*/
.site-masthead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 32px;
  padding: 16px 32px;
  background: rgba(5, 5, 7, 0.8);
  /* Semi-transparent dark bg */
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  position: sticky;
  top: 0;
  z-index: 200;
}

.site-masthead.fixed-header {
  position: fixed;
  top: 0;
  width: 100%;
  -webkit-transition: background 0.2s linear;
  transition: background 0.2s linear;
  -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}

.site-masthead.reverse-header {
  background: rgba(255, 255, 255, 0);
}

.site-masthead.reverse-header .dark {
  display: none;
}

.site-masthead.reverse-header .light {
  display: block;
}

.site-logo {
  margin-right: auto;
}

.site-logo .light {
  display: none;
}

.waves-container {
  margin: 0 -20px;
  overflow: hidden;
}

.waves {
  position: absolute !important;
  bottom: 0;
  left: 0;
  height: 40px;
  width: 100%;
  margin-bottom: -7px;
  /*Fix for safari gap*/
  min-height: 40px;
  max-height: 150px;
  z-index: 100;
}

@media only screen and (min-width: 769px) {
  .waves {
    height: 80px;
    min-height: 80px;
  }
}

.waves .parallax-waves use {
  -webkit-animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
  animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}

.waves .parallax-waves use:nth-child(1) {
  -webkit-animation-delay: -2s;
  animation-delay: -2s;
  -webkit-animation-duration: 7s;
  animation-duration: 7s;
}

.waves .parallax-waves use:nth-child(2) {
  -webkit-animation-delay: -3s;
  animation-delay: -3s;
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
}

.waves .parallax-waves use:nth-child(3) {
  -webkit-animation-delay: -4s;
  animation-delay: -4s;
  -webkit-animation-duration: 13s;
  animation-duration: 13s;
}

.waves .parallax-waves use:nth-child(4) {
  -webkit-animation-delay: -5s;
  animation-delay: -5s;
  -webkit-animation-duration: 20s;
  animation-duration: 20s;
}

/*
-----------------------------------------
FOOTER
-----------------------------------------
*/
.site-footer .content {
  padding-bottom: 12px;
}

.footer-cta.secondary {
  background: linear-gradient(135deg, #4c1d95, var(--tertiary));
}

.footer-cta .content {
  padding: 60px 0;
}

.footer-legal {
  text-align: center;
  font-size: 12px;
  font-size: 0.75rem;
}

.footer-legal a {
  font-size: 12px;
  font-size: 0.75rem;
  display: inline-block;
}

.footer-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.footer-list li .icon {
  width: 20px;
  -webkit-box-flex: 0;
  -ms-flex: 0;
  flex: 0;
}

.footer-list li .data {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.footer-list p {
  font-size: 14px;
  font-size: 0.875rem;
  margin-bottom: 10px;
}

.footer-list a {
  font-size: 14px;
  font-size: 0.875rem;
}

/*
-----------------------------------------
HOMEPAGE
-----------------------------------------
*/
.cs-card {
  border-radius: var(--radius);
  background: var(--bg-card);
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);
  -webkit-transition: box-shadow 0.18s ease, -webkit-transform 0.18s ease;
  transition: box-shadow 0.18s ease, transform 0.18s ease;
}

.cs-card:hover {
  -webkit-box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08);
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}

@media only screen and (min-width: 769px) {
  .about-home {
    display: grid;
    gap: 32px;
    grid-template-columns: 1fr 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.about-services {
  display: grid;
  gap: 32px;
  grid-template-columns: 1fr;
}

@media only screen and (min-width: 769px) {
  .about-services {
    grid-template-columns: repeat(3, 1fr);
  }
}

.about-services img {
  display: block;
  margin: 0 0 16px;
}

.about-services h3 {
  font-size: 26px;
  font-size: 1.625rem;
}

.about-services h3,
.about-services p {
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.about-services li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.about-services li>a {
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-decoration: none;
  margin-bottom: 1.5em;
  border-radius: var(--radius);
  background: var(--white);
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);
  overflow: hidden;
  padding: 0 24px 24px;
  gap: 12px;
  -webkit-transition: box-shadow 0.18s ease, -webkit-transform 0.18s ease;
  transition: box-shadow 0.18s ease, transform 0.18s ease;
}

.about-services li>a:hover {
  -webkit-box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08);
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}

.about-services li>a:hover h3,
.about-services li>a:hover p {
  color: var(--primary);
}

.about-services li p:has(a) {
  margin-top: auto;
}

.about-services li>a img,
.about-services .shadow-image img,
.services-list .shadow-image img {
  border-radius: var(--radius) var(--radius) 0 0;
  width: 100%;
  display: block;
}

.about-services li>a img {
  margin: 0 -24px 16px;
  width: calc(100% + 48px);
}

.marquee-container {
  padding: 0;
}

.marquee-container .content {
  max-width: none;
}

.marquee-list-container>div {
  margin-bottom: 25px;
}

.marquee-list-container>div:last-child {
  margin-bottom: 0;
}

.marquee {
  overflow: hidden;
  width: 100%;
  font-size: 24px;
  font-size: 1.5rem;
  color: var(--gray-30);
  font-weight: var(--bold);
}

.marquee .js-marquee {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 25px;
}

.marquee .js-marquee>div {
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  padding: 5px;
}

.marquee .js-marquee>div:hover {
  color: var(--secondary);
  cursor: default;
}

@media only screen and (min-width: 769px) {
  .marquee {
    font-size: 35px;
    font-size: 2.1875rem;
  }

  .marquee .js-marquee {
    gap: 50px;
  }

  .marquee .js-marquee>div:last-child {
    margin-right: 25px;
  }
}

.change {
  color: var(--text-color);
  display: block;
}

.logo-wall {
  text-align: center;
  margin-bottom: 48px;
}

.logo-wall h3 {
  font-weight: var(--light);
  margin-bottom: 60px;
}

.logo-wall ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(155px, 1fr));
  grid-gap: 20px;
}

.logo-wall ul>li::before {
  content: "";
  padding-bottom: 100%;
  display: block;
}

.logo-wall li {
  padding: 10px;
  background: var(--gray-03);
  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;
  opacity: 0.7;
  border-radius: 4px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.logo-wall li:hover {
  opacity: 1;
}

.logo-wall li img {
  width: 80%;
  height: 80%;
  -o-object-fit: contain;
  object-fit: contain;
}

.testimonials {
  cursor: -webkit-grab;
  cursor: grab;
}

.testimonials li {
  background: var(--bg-card);
  padding: 25px;
  border-radius: 8px;
}

.testimonials img {
  margin-bottom: 24px;
  display: block;
  max-height: 50px;
  max-width: 200px;
}

.testimonials p {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.7rem;
  color: var(--text-main);
}

.testimonials p.cite span {
  font-size: 14px;
  font-size: 0.875rem;
}

.testimonials blockquote .cite {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--gray-10);
}

.company-stats-section .content {
  padding: 75px 0 !important;
}

.company-stats {
  display: grid;
  justify-items: center;
  gap: 32px;
  grid-template-columns: 1fr;
}

.company-stats li {
  border-radius: 50%;
  border: 1px solid var(--white);
  text-align: center;
  height: 160px;
  width: 160px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  -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;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.1);
}

@media only screen and (min-width: 721px) {
  .company-stats {
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
  }
}

.company-stats p {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
}

.company-stats .title {
  font-size: 35px;
  font-size: 2.1875rem;
  margin-bottom: 0;
  font-weight: var(--bold);
}

/*
-----------------------------------------
SERVICES
-----------------------------------------
*/
.services-list {
  margin-top: 64px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
}

@media only screen and (min-width: 481px) {
  .services-list {
    --auto-grid-min-size: 300px;
    grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
  }
}

.services-list li {
  text-align: center;
}

.services-list li>a {
  display: block;
  text-decoration: none;
  border-radius: var(--radius);
  background: var(--bg-card);
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);
  overflow: hidden;
  -webkit-transition: box-shadow 0.18s ease, -webkit-transform 0.18s ease;
  transition: box-shadow 0.18s ease, transform 0.18s ease;
}

.services-list li>a:hover {
  -webkit-box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08);
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}

.services-list .shadow-image {
  margin-bottom: 12px;
}

.services-list h4,
.services-list p {
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.services-list h4 {
  font-weight: var(--normal);
}

.services-list a {
  text-decoration: none;
}

.services-list a .inner-link {
  text-decoration: underline;
}

.services-list a:hover p,
.services-list a:hover h4 {
  color: var(--primary);
}

.services-list .service-content {
  text-align: left;
  padding-top: 12px;
}

@media only screen and (min-width: 769px) {
  .services-list .service-content {
    padding: 12px;
  }
}

.services-mini-nav li {
  margin-bottom: 4px;
}

.services-mini-nav li:last-child {
  margin-bottom: 0;
}

.services-mini-nav a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  padding: 10px 12px;
  border-radius: 10px;
}

.services-mini-nav a:hover {
  background: rgba(0, 171, 223, 0.1);
}

.services-mini-nav .text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.services-mini-nav .icon {
  flex-shrink: 0;
}

/*
-----------------------------------------
SOLUTIONMAP
-----------------------------------------
*/
.solutionmap-process>li {
  padding: 0 0 80px;
  position: relative;
}

.solutionmap-process>li:last-child {
  margin-bottom: 0;
}

.solutionmap-process>li:last-child .info::after {
  display: none;
}

.solutionmap-process>li:last-child::after {
  display: none;
}

@media only screen and (min-width: 769px) {
  .solutionmap-process>li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 48px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 80px 0;
  }

  .solutionmap-process>li::after {
    content: "";
    width: calc(100% - 500px);
    height: 0;
    display: block;
    border-top: 2px dashed var(--primary);
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 100%;
  }

  .solutionmap-process>li:nth-child(even) {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .solutionmap-process>li:nth-child(even) .graphic {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .solutionmap-process>li:first-child {
    padding-top: 0;
  }

  .solutionmap-process>li:first-child .info::before {
    display: none;
  }

  .solutionmap-process>li:last-child {
    padding-bottom: 0;
  }
}

.solutionmap-process .info,
.solutionmap-process .graphic {
  margin: 0 auto;
}

.solutionmap-process .info img,
.solutionmap-process .graphic img {
  display: block;
  margin: 0 auto;
}

@media only screen and (min-width: 769px) {

  .solutionmap-process .info,
  .solutionmap-process .graphic {
    margin: 0;
  }

  .solutionmap-process .info img,
  .solutionmap-process .graphic img {
    display: inline-block;
    margin: 0;
  }
}

.solutionmap-process .info {
  max-width: 500px;
  width: 100%;
  background: var(--bg-card);
  padding: 24px;
  border-radius: var(--radius);
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);
  -webkit-transition: box-shadow 0.18s ease, -webkit-transform 0.18s ease;
  transition: box-shadow 0.18s ease, transform 0.18s ease;
  position: relative;
  color: var(--text-main);
}

.solutionmap-process .info:hover {
  -webkit-box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08);
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}

.solutionmap-process .info::before,
.solutionmap-process .info::after {
  content: "";
  width: 0;
  height: 80px;
  border-left: 2px dashed var(--primary);
  position: absolute;
  left: 50%;
}

.solutionmap-process .info::before {
  bottom: 100%;
  display: none;
}

@media only screen and (min-width: 769px) {
  .solutionmap-process .info::before {
    display: block;
  }
}

.solutionmap-process .info::after {
  top: 100%;
}

#request-session {
  scroll-margin-top: 100px;
}

/*
-----------------------------------------
CASE STUDY
-----------------------------------------
*/
.case-study-full-image {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.case-study-full-image img {
  -o-object-fit: contain;
  object-fit: contain;
  height: 100%;
  width: 100%;
  max-height: 600px;
}

.alternating-content .shadow-image {
  position: relative;
}

.alternating-content>li .shadow-image {
  border-radius: var(--radius);
  overflow: hidden;
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);
  -webkit-transition: box-shadow 0.18s ease, -webkit-transform 0.18s ease;
  transition: box-shadow 0.18s ease, transform 0.18s ease;
}

.alternating-content>li .shadow-image:hover {
  -webkit-box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08);
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}

.alternating-content .case-study-logo {
  position: absolute;
  bottom: 24px;
  left: 24px;
  max-height: 50px;
}

/*
-----------------------------------------
COMPANY
-----------------------------------------
*/
.culture-tiles {
  --grid-cols: 3;
  --grid-gap: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--grid-gap);
}

.culture-tiles .image {
  padding: 0;
}

.culture-tiles .image img {
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
  width: 100%;
  max-height: 300px;
}

@media only screen and (min-width: 769px) {
  .culture-tiles {
    display: grid;
    grid-template-columns: repeat(var(--grid-cols), 1fr);
  }

  .culture-tiles .image img {
    max-height: none;
  }
}

.culture-tiles .primary-bg {
  background: var(--primary);
}

.culture-tiles .secondary-bg {
  background: var(--secondary);
}

.culture-tiles .tertiary-bg {
  background: var(--tertiary);
}

.culture-tiles>div {
  padding: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.culture-tiles p {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 2.5;
}

.culture-tiles>* {
  grid-column-end: span var(--grid-cols);
}

.cell-1 {
  grid-column-end: span 1;
}

.cell-2 {
  grid-column-end: span 2;
}

.cell-3 {
  grid-column-end: span 3;
}

.row-1 {
  grid-row-end: span 1;
}

.row-2 {
  grid-row-end: span 2;
}

.row-3 {
  grid-row-end: span 3;
}

.cell-start-1 {
  grid-column-start: 1;
}

.cell-end-2 {
  grid-column-end: 2;
}

.cell-start-2 {
  grid-column-start: 2;
}

.cell-end-3 {
  grid-column-end: 3;
}

.cell-start-3 {
  grid-column-start: 3;
}

.cell-end-4 {
  grid-column-end: 4;
}

.company-image {
  margin-bottom: 24px;
}

@media only screen and (min-width: 769px) {
  .company-image {
    margin-bottom: 0;
  }
}

.team-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
}

@media only screen and (min-width: 481px) {
  .team-list {
    --auto-grid-min-size: 150px;
    grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
  }
}

.team-list li {
  text-align: center;
}

.team-list img {
  margin-bottom: 12px;
}

.team-list h6 {
  margin-bottom: 0;
}

/*
-----------------------------------------
BLOG
-----------------------------------------
*/
.blog-list {
  display: grid;
  grid-gap: 32px;
  grid-template-columns: 1fr;
}

@media only screen and (min-width: 769px) {
  .blog-list {
    grid-template-columns: 1fr 1fr;
  }
}

.blog-list a {
  text-decoration: none;
}

.blog-list a:hover h4 {
  color: var(--primary);
}

.blog-list h4 {
  font-weight: var(--normal);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.blog-list img {
  border-radius: 10px;
}

@media only screen and (min-width: 481px) {
  .blog-list .article-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
  }
}

.read-time {
  padding-top: 4px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: auto;
  font-size: 14px;
  font-size: 0.875rem;
}

.read-time i {
  margin-right: 4px;
}

.blog-article h5 {
  letter-spacing: normal;
}

.blog-article img {
  display: block;
  margin: 0 auto 32px;
}

.blog-article .responsive-table-container {
  margin: 30px 0;
}

.blog-article .shadow-image.video {
  margin-bottom: 30px;
}

.blog-article .photo-container {
  margin: 40px 0;
}

.blog-article .photo-container .photo-credit {
  margin-top: 10px;
  font-size: 14px;
  font-size: 0.875rem;
}

@media only screen and (min-width: 769px) {
  .blog-article .photo-container.floated {
    max-width: 50%;
    margin: 0 0 40px;
  }

  .blog-article .photo-container.floated.right {
    margin-left: 32px;
  }

  .blog-article .photo-container.floated.left {
    margin-right: 32px;
  }
}

/*
-----------------------------------------
CONTACT
-----------------------------------------
*/
.info-with-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: var(--text-color);
  margin-bottom: 20px;
  font-size: 18px;
  font-size: 1.125rem;
}

.info-with-icon a {
  font-weight: var(--light);
}

.info-with-icon .display-icon {
  margin-right: 15px;
  padding-top: 4px;
  text-align: center;
}

.info-with-icon .info {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.info-with-icon .info p {
  margin-bottom: 0;
}

#budget-slider {
  margin: 20px 0 10px;
}

.budget-display {
  font-size: 16px;
  font-size: 1rem;
  color: var(--primary);
  line-height: 1;
  margin-left: 10px;
  background: var(--gray-06);
  padding: 5px 15px;
  border-radius: 40px;
}

.budget-display .prepend-budget-text {
  color: var(--text-color);
  font-size: 14px;
  font-size: 0.875rem;
}

.budget-display .value {
  font-weight: var(--bold);
}

@media only screen and (min-width: 721px) {
  .contact-methods {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 60px;
  }

  .contact-methods .contact-info {
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }

  .contact-methods .map {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

.contact-map {
  width: 100%;
  min-height: 400px;
}

/*
-----------------------------------------
BRAND
-----------------------------------------
*/
.brand-layout .brand-mini-nav {
  display: none;
}

.brand-layout .guide-nav-mobile {
  margin-bottom: 32px;
}

@media only screen and (min-width: 721px) {
  .brand-layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 32px;
  }

  .brand-layout .guide-nav-mobile {
    display: none;
  }

  .brand-layout .brand-mini-nav {
    display: block;
  }

  .brand-layout .brand-nav {
    width: 300px;
  }

  .brand-layout .brand-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

.brand-mini-nav li {
  margin-bottom: 4px;
}

.brand-mini-nav li:last-child {
  margin-bottom: 0;
}

.brand-mini-nav li.active a {
  background: rgba(0, 171, 223, 0.1);
  color: var(--primary);
}

.brand-mini-nav a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  padding: 10px 12px;
  border-radius: 10px;
}

.brand-mini-nav a:hover {
  background: rgba(0, 171, 223, 0.1);
}

.brand-mini-nav .text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.brand-mini-nav .icon {
  flex-shrink: 0;
}

.font-example-module {
  margin-bottom: 75px;
}

.font-example-module:last-child {
  margin-bottom: 0;
}

.font-example-module .well {
  margin: 20px 0 0;
}

.typography-example {
  margin: 24px 0;
}

.typography-example .font-title-example {
  font-size: 30px;
  font-size: 1.875rem;
}

@media only screen and (min-width: 769px) {
  .typography-example .font-title-example {
    font-size: 40px;
    font-size: 2.5rem;
  }
}

.typography-example p {
  font-size: 18px;
  font-size: 1.125rem;
}

.font-example-module .none {
  display: none;
}

.colors {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
}

@media only screen and (min-width: 481px) {
  .colors {
    --auto-grid-min-size: 200px;
    grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
  }
}

.colors li li {
  margin-bottom: 8px;
}

.colors li li:last-child {
  margin-bottom: 0;
}

.design-element,
.download-asset {
  margin-bottom: 48px;
}

.design-element:last-child,
.download-asset:last-child {
  margin-bottom: 0;
}

.element-display,
.asset-preview,
.typography-example {
  background: #fff;
  border: 1px solid #d2d2d2;
  padding: 35px;
}

.element-code {
  background: #3F3F3F;
  padding: 20px;
}

.element-code .code-type {
  color: rgba(255, 255, 255, 0.5);
  font-size: 16px;
  font-size: 1rem;
  text-transform: uppercase;
}

.example-text {
  text-align: right;
  font-size: 16px;
  font-size: 1rem;
  margin-top: 20px;
}

.swatch-display {
  height: 150px;
  width: 100%;
  margin-bottom: 20px;
  cursor: pointer;
  position: relative;
}

.swatch-display:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.swatch-display:hover:after,
.swatch-display:hover .inner {
  opacity: 1;
}

.swatch-display.has-border {
  border: 1px solid #D2D2D2;
}

.swatch-display.success:after {
  opacity: 1;
  background: var(--green);
}

.swatch-display.success .success-message {
  opacity: 1;
}

.swatch-display.success .inner {
  display: none;
}

.swatch-display .inner {
  opacity: 0;
  position: absolute;
  left: 0;
  width: 100%;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  z-index: 2;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.swatch-display .success-message {
  opacity: 0;
  position: absolute;
  left: 0;
  width: 100%;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  z-index: 2;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  text-align: center;
}

.swatch-display i {
  text-align: center;
  font-size: 30px;
  font-size: 1.875rem;
  color: #fff;
  display: block;
  margin-bottom: 12px;
}

.swatch-display p {
  text-align: center;
  color: #fff;
  margin: 0;
  font-size: 16px;
  font-size: 1rem;
}

/* Download Asset */
.asset-preview {
  margin-bottom: 20px;
}

.asset-preview img {
  display: block;
  margin: 40px auto;
}

.section-title {
  font-weight: var(--bold);
}

/* Vendors */
@-webkit-keyframes splide-loading {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@keyframes splide-loading {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.splide__track--fade>.splide__list>.splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}

.splide__track--fade>.splide__list>.splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide__track--ttb>.splide__list {
  display: block;
}

.splide__container {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

.splide__list {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}

.splide__pagination {
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}

.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}

.splide:not(.is-overflow) .splide__pagination {
  display: none;
}

.splide__progress__bar {
  width: 0;
}

.splide {
  position: relative;
  visibility: hidden;
}

.splide.is-initialized,
.splide.is-rendered {
  visibility: visible;
}

.splide__slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}

.splide__slide img {
  vertical-align: bottom;
}

.splide__spinner {
  -webkit-animation: splide-loading 1s linear infinite;
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
  display: none;
}

.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
}

.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

/* Wrapper for all connect elements.
 */
.noUi-connects {
  overflow: hidden;
  z-index: 0;
}

.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  -webkit-transform-style: flat;
  transform-style: flat;
}

/* Offset direction
 */
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto;
}

/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  top: -100%;
  width: 0;
}

.noUi-horizontal .noUi-origin {
  height: 0;
}

.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
}

.noUi-touch-area {
  height: 100%;
  width: 100%;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 18px;
}

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  right: -17px;
  top: -6px;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  right: -6px;
  bottom: -17px;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto;
}

/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  -webkit-box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

.noUi-connects {
  border-radius: 3px;
}

.noUi-connect {
  background: #3FB8AF;
}

/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  -webkit-box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}

.noUi-active {
  -webkit-box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}

.noUi-handle:after {
  left: 17px;
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}

.noUi-vertical .noUi-handle:after {
  top: 17px;
}

/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8;
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}

/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-pips {
  position: absolute;
  color: #999;
}

/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC;
}

.noUi-marker-sub {
  background: #AAA;
}

.noUi-marker-large {
  background: #AAA;
}

/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}

.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

.noUi-horizontal .noUi-origin>.noUi-tooltip {
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  left: auto;
  bottom: 10px;
}

.noUi-vertical .noUi-origin>.noUi-tooltip {
  -webkit-transform: translate(0, -18px);
  transform: translate(0, -18px);
  top: auto;
  right: 28px;
}

/*
-----------------------------------------
VENDOR OVERRIDES
-----------------------------------------
*/
/* Modal */
.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  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;
  z-index: 100;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}

.modal-container {
  background-color: var(--black);
  padding: 24px;
  max-width: 600px;
  width: 100%;
  max-height: 100vh;
  border-radius: var(--radius);
  overflow-y: auto;
}

.modal-container::-webkit-scrollbar {
  width: 11px;
}

.modal-container {
  scrollbar-width: thin;
  scrollbar-color: var(--primary) var(--black);
}

.modal-container::-webkit-scrollbar-track {
  background: var(--black);
}

.modal-container::-webkit-scrollbar-thumb {
  background-color: var(--primary);
  border-radius: 6px;
  border: 3px solid var(--black);
}

.modal-container .button-group a {
  color: var(--white);
}

.modal-container .button-group a:hover {
  color: var(--primary);
}

.modal-container hr {
  margin: 40px 0;
}

.modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.modal-header h2 {
  margin-bottom: 0;
}

.modal-close {
  background: transparent;
  border: 0;
  color: var(--primary);
  font-size: 24px;
  font-size: 1.5rem;
  cursor: pointer;
}

.modal-header .modal-close:before {
  content: "✕";
}

.modal-content {
  padding-top: 12px;
  line-height: 1.5;
  color: var(--text-main);
}

/**************************\
  Demo Animation Style
\**************************/
@-webkit-keyframes mmfadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes mmfadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes mmfadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes mmfadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@-webkit-keyframes mmslideIn {
  from {
    -webkit-transform: translateY(15%);
    transform: translateY(15%);
  }

  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes mmslideIn {
  from {
    -webkit-transform: translateY(15%);
    transform: translateY(15%);
  }

  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes mmslideOut {
  from {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  to {
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
  }
}

@keyframes mmslideOut {
  from {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  to {
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
  }
}

.micromodal-slide {
  display: none;
}

.micromodal-slide.is-open {
  display: block;
}

.micromodal-slide[aria-hidden=false] .modal__overlay {
  -webkit-animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
  animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=false] .modal__container {
  -webkit-animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
  animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=true] .modal__overlay {
  -webkit-animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
  animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=true] .modal__container {
  -webkit-animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
  animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide .modal-container,
.micromodal-slide .modal-overlay {
  will-change: transform;
}

.splide__track {
  margin-bottom: 32px;
}

.splide__arrows {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 20px;
}

.splide__arrows button {
  background: none;
  border: none;
  font-size: 20px;
  font-size: 1.25rem;
  cursor: pointer;
  color: var(--text-color);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.splide__arrows button:hover {
  color: var(--secondary);
}

.noUi-target {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #ECECEC;
  border: 1px solid var(--form-border);
  border-radius: 10px;
}

.noUi-connects {
  border-radius: 10px;
  background: var(--white);
}

.noUi-connect {
  background: var(--primary);
  border-right: 2px solid #fff;
  border-radius: 0 10px 10px 0;
}

.noUi-horizontal {
  height: 22px;
}

.noUi-horizontal .noUi-origin {
  height: 22px;
}

html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
  right: -10px;
  top: 10px;
}

.noUi-horizontal .noUi-handle {
  height: 24px;
  width: 24px;
  border: 1px solid var(--form-border);
  border-radius: 50%;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
  z-index: 2;
  background: var(--white);
}

.noUi-handle:before {
  width: 1px;
  height: 40px;
  background: #fff;
  top: -6px;
  z-index: 1;
  display: none;
}

.noUi-handle:after {
  display: none;
}

@supports (-ms-ime-align: auto) {
  [data-aos^=fade][data-aos^=fade] {
    opacity: 1 !important;
  }
}

.slider-value-display {
  font-size: 20px;
  font-size: 1.25rem;
  text-align: center;
  font-weight: var(--bold);
  border: 2px dashed rgba(0, 0, 0, 0.15);
  padding: 20px 25px;
  width: 250px;
  margin: 20px auto;
}