/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

/*8888b.  8888888b.  8888888 8888888b.
d88P  Y88b 888   Y88b   888   888  "Y88b
888    888 888    888   888   888    888
888        888   d88P   888   888    888
888  88888 8888888P"    888   888    888
888    888 888 T88b     888   888    888
Y88b  d88P 888  T88b    888   888  .d88P
 "Y8888P88 888   T88b 8888888 8888888*/
:root {
  --gl-gutter: 40px;
  --gl-gutter-neg: -40px;
}

@media only screen and (max-width: 768px) {
  :root {
    --gl-gutter: 24px;
    --gl-gutter-neg: -24px;
  }
}
/*==============================================================================
	#GRIDLEX
==============================================================================*/
[class*=grid] {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-left: var(--gl-gutter-neg);
}

.col,
[class*=col-] {
  box-sizing: border-box;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 0 0 0 var(--gl-gutter);
}

.col {
  -webkit-flex: 1 1 0%;
  -ms-flex: 1 1 0%;
  flex: 1 1 0%;
}

.grid.col,
.grid[class*=col-] {
  margin: 0;
  padding: 0;
}

/*==============================================================================
	#HELPERS SUFFIXES
==============================================================================*/
[class*=grid-][class*=-noGutter] {
  margin: 0;
}
[class*=grid-][class*=-noGutter] > [class*=col] {
  padding: 0;
}
[class*=grid-][class*=-center] {
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
[class*=grid-][class*=-right] {
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  margin-left: auto;
}
[class*=grid-][class*=-top] {
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
[class*=grid-][class*=-middle] {
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
[class*=grid-][class*=-bottom] {
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}
[class*=grid-][class*=-nowrap] {
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
[class*=grid-][class*=-reverse] {
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
[class*=grid-][class*=-column] {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
[class*=grid-][class*=-column] > [class*=col-] {
  -webkit-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}
[class*=grid-][class*=-column-reverse] {
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
[class*=grid-][class*=-spaceBetween] {
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
[class*=grid-][class*=-spaceAround] {
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-aroun;
}
[class*=grid-][class*=-equalHeight] > [class*=col] {
  -js-display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

[class*=col-][class*=-top] {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}
[class*=col-][class*=-middle] {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}
[class*=col-][class*=-bottom] {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}
[class*=col-][class*=-hug] {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.col {
  -webkit-flex: 1 1 0%;
  -ms-flex: 1 1 0%;
  flex: 1 1 0%;
}

/*==============================================================================
	#GRID BY NUMBER
==============================================================================*/
[class*=grid-1] > .col, [class*=grid-1] > [class*=col-] {
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

[class*=grid-2] > .col, [class*=grid-2] > [class*=col-] {
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}

[class*=grid-3] > .col, [class*=grid-3] > [class*=col-] {
  -webkit-flex-basis: 33.3333333333%;
  -ms-flex-preferred-size: 33.3333333333%;
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
}

[class*=grid-4] > .col, [class*=grid-4] > [class*=col-] {
  -webkit-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
}

[class*=grid-5] > .col, [class*=grid-5] > [class*=col-] {
  -webkit-flex-basis: 20%;
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
  max-width: 20%;
}

[class*=grid-6] > .col, [class*=grid-6] > [class*=col-] {
  -webkit-flex-basis: 16.6666666667%;
  -ms-flex-preferred-size: 16.6666666667%;
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%;
}

[class*=grid-7] > .col, [class*=grid-7] > [class*=col-] {
  -webkit-flex-basis: 14.2857142857%;
  -ms-flex-preferred-size: 14.2857142857%;
  flex-basis: 14.2857142857%;
  max-width: 14.2857142857%;
}

[class*=grid-8] > .col, [class*=grid-8] > [class*=col-] {
  -webkit-flex-basis: 12.5%;
  -ms-flex-preferred-size: 12.5%;
  flex-basis: 12.5%;
  max-width: 12.5%;
}

[class*=grid-9] > .col, [class*=grid-9] > [class*=col-] {
  -webkit-flex-basis: 11.1111111111%;
  -ms-flex-preferred-size: 11.1111111111%;
  flex-basis: 11.1111111111%;
  max-width: 11.1111111111%;
}

[class*=grid-10] > .col, [class*=grid-10] > [class*=col-] {
  -webkit-flex-basis: 10%;
  -ms-flex-preferred-size: 10%;
  flex-basis: 10%;
  max-width: 10%;
}

[class*=grid-11] > .col, [class*=grid-11] > [class*=col-] {
  -webkit-flex-basis: 9.0909090909%;
  -ms-flex-preferred-size: 9.0909090909%;
  flex-basis: 9.0909090909%;
  max-width: 9.0909090909%;
}

[class*=grid-12] > .col, [class*=grid-12] > [class*=col-] {
  -webkit-flex-basis: 8.3333333333%;
  -ms-flex-preferred-size: 8.3333333333%;
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%;
}

@media screen and (max-width: 1024px) {
  [class*=_lg-1] > .col, [class*=_lg-1] > [class*=col-] {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  [class*=_lg-2] > .col, [class*=_lg-2] > [class*=col-] {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  [class*=_lg-3] > .col, [class*=_lg-3] > [class*=col-] {
    -webkit-flex-basis: 33.3333333333%;
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  [class*=_lg-4] > .col, [class*=_lg-4] > [class*=col-] {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  [class*=_lg-5] > .col, [class*=_lg-5] > [class*=col-] {
    -webkit-flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%;
  }
  [class*=_lg-6] > .col, [class*=_lg-6] > [class*=col-] {
    -webkit-flex-basis: 16.6666666667%;
    -ms-flex-preferred-size: 16.6666666667%;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  [class*=_lg-7] > .col, [class*=_lg-7] > [class*=col-] {
    -webkit-flex-basis: 14.2857142857%;
    -ms-flex-preferred-size: 14.2857142857%;
    flex-basis: 14.2857142857%;
    max-width: 14.2857142857%;
  }
  [class*=_lg-8] > .col, [class*=_lg-8] > [class*=col-] {
    -webkit-flex-basis: 12.5%;
    -ms-flex-preferred-size: 12.5%;
    flex-basis: 12.5%;
    max-width: 12.5%;
  }
  [class*=_lg-9] > .col, [class*=_lg-9] > [class*=col-] {
    -webkit-flex-basis: 11.1111111111%;
    -ms-flex-preferred-size: 11.1111111111%;
    flex-basis: 11.1111111111%;
    max-width: 11.1111111111%;
  }
  [class*=_lg-10] > .col, [class*=_lg-10] > [class*=col-] {
    -webkit-flex-basis: 10%;
    -ms-flex-preferred-size: 10%;
    flex-basis: 10%;
    max-width: 10%;
  }
  [class*=_lg-11] > .col, [class*=_lg-11] > [class*=col-] {
    -webkit-flex-basis: 9.0909090909%;
    -ms-flex-preferred-size: 9.0909090909%;
    flex-basis: 9.0909090909%;
    max-width: 9.0909090909%;
  }
  [class*=_lg-12] > .col, [class*=_lg-12] > [class*=col-] {
    -webkit-flex-basis: 8.3333333333%;
    -ms-flex-preferred-size: 8.3333333333%;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
}
@media screen and (max-width: 1024px) {
  [class*=_md-1] > .col, [class*=_md-1] > [class*=col-] {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  [class*=_md-2] > .col, [class*=_md-2] > [class*=col-] {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  [class*=_md-3] > .col, [class*=_md-3] > [class*=col-] {
    -webkit-flex-basis: 33.3333333333%;
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  [class*=_md-4] > .col, [class*=_md-4] > [class*=col-] {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  [class*=_md-5] > .col, [class*=_md-5] > [class*=col-] {
    -webkit-flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%;
  }
  [class*=_md-6] > .col, [class*=_md-6] > [class*=col-] {
    -webkit-flex-basis: 16.6666666667%;
    -ms-flex-preferred-size: 16.6666666667%;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  [class*=_md-7] > .col, [class*=_md-7] > [class*=col-] {
    -webkit-flex-basis: 14.2857142857%;
    -ms-flex-preferred-size: 14.2857142857%;
    flex-basis: 14.2857142857%;
    max-width: 14.2857142857%;
  }
  [class*=_md-8] > .col, [class*=_md-8] > [class*=col-] {
    -webkit-flex-basis: 12.5%;
    -ms-flex-preferred-size: 12.5%;
    flex-basis: 12.5%;
    max-width: 12.5%;
  }
  [class*=_md-9] > .col, [class*=_md-9] > [class*=col-] {
    -webkit-flex-basis: 11.1111111111%;
    -ms-flex-preferred-size: 11.1111111111%;
    flex-basis: 11.1111111111%;
    max-width: 11.1111111111%;
  }
  [class*=_md-10] > .col, [class*=_md-10] > [class*=col-] {
    -webkit-flex-basis: 10%;
    -ms-flex-preferred-size: 10%;
    flex-basis: 10%;
    max-width: 10%;
  }
  [class*=_md-11] > .col, [class*=_md-11] > [class*=col-] {
    -webkit-flex-basis: 9.0909090909%;
    -ms-flex-preferred-size: 9.0909090909%;
    flex-basis: 9.0909090909%;
    max-width: 9.0909090909%;
  }
  [class*=_md-12] > .col, [class*=_md-12] > [class*=col-] {
    -webkit-flex-basis: 8.3333333333%;
    -ms-flex-preferred-size: 8.3333333333%;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
}
@media screen and (max-width: 768px) {
  [class*=_sm-1] > .col, [class*=_sm-1] > [class*=col-] {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  [class*=_sm-2] > .col, [class*=_sm-2] > [class*=col-] {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  [class*=_sm-3] > .col, [class*=_sm-3] > [class*=col-] {
    -webkit-flex-basis: 33.3333333333%;
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  [class*=_sm-4] > .col, [class*=_sm-4] > [class*=col-] {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  [class*=_sm-5] > .col, [class*=_sm-5] > [class*=col-] {
    -webkit-flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%;
  }
  [class*=_sm-6] > .col, [class*=_sm-6] > [class*=col-] {
    -webkit-flex-basis: 16.6666666667%;
    -ms-flex-preferred-size: 16.6666666667%;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  [class*=_sm-7] > .col, [class*=_sm-7] > [class*=col-] {
    -webkit-flex-basis: 14.2857142857%;
    -ms-flex-preferred-size: 14.2857142857%;
    flex-basis: 14.2857142857%;
    max-width: 14.2857142857%;
  }
  [class*=_sm-8] > .col, [class*=_sm-8] > [class*=col-] {
    -webkit-flex-basis: 12.5%;
    -ms-flex-preferred-size: 12.5%;
    flex-basis: 12.5%;
    max-width: 12.5%;
  }
  [class*=_sm-9] > .col, [class*=_sm-9] > [class*=col-] {
    -webkit-flex-basis: 11.1111111111%;
    -ms-flex-preferred-size: 11.1111111111%;
    flex-basis: 11.1111111111%;
    max-width: 11.1111111111%;
  }
  [class*=_sm-10] > .col, [class*=_sm-10] > [class*=col-] {
    -webkit-flex-basis: 10%;
    -ms-flex-preferred-size: 10%;
    flex-basis: 10%;
    max-width: 10%;
  }
  [class*=_sm-11] > .col, [class*=_sm-11] > [class*=col-] {
    -webkit-flex-basis: 9.0909090909%;
    -ms-flex-preferred-size: 9.0909090909%;
    flex-basis: 9.0909090909%;
    max-width: 9.0909090909%;
  }
  [class*=_sm-12] > .col, [class*=_sm-12] > [class*=col-] {
    -webkit-flex-basis: 8.3333333333%;
    -ms-flex-preferred-size: 8.3333333333%;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
}
@media screen and (max-width: 480px) {
  [class*=_xs-1] > .col, [class*=_xs-1] > [class*=col-] {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  [class*=_xs-2] > .col, [class*=_xs-2] > [class*=col-] {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  [class*=_xs-3] > .col, [class*=_xs-3] > [class*=col-] {
    -webkit-flex-basis: 33.3333333333%;
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  [class*=_xs-4] > .col, [class*=_xs-4] > [class*=col-] {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  [class*=_xs-5] > .col, [class*=_xs-5] > [class*=col-] {
    -webkit-flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%;
  }
  [class*=_xs-6] > .col, [class*=_xs-6] > [class*=col-] {
    -webkit-flex-basis: 16.6666666667%;
    -ms-flex-preferred-size: 16.6666666667%;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  [class*=_xs-7] > .col, [class*=_xs-7] > [class*=col-] {
    -webkit-flex-basis: 14.2857142857%;
    -ms-flex-preferred-size: 14.2857142857%;
    flex-basis: 14.2857142857%;
    max-width: 14.2857142857%;
  }
  [class*=_xs-8] > .col, [class*=_xs-8] > [class*=col-] {
    -webkit-flex-basis: 12.5%;
    -ms-flex-preferred-size: 12.5%;
    flex-basis: 12.5%;
    max-width: 12.5%;
  }
  [class*=_xs-9] > .col, [class*=_xs-9] > [class*=col-] {
    -webkit-flex-basis: 11.1111111111%;
    -ms-flex-preferred-size: 11.1111111111%;
    flex-basis: 11.1111111111%;
    max-width: 11.1111111111%;
  }
  [class*=_xs-10] > .col, [class*=_xs-10] > [class*=col-] {
    -webkit-flex-basis: 10%;
    -ms-flex-preferred-size: 10%;
    flex-basis: 10%;
    max-width: 10%;
  }
  [class*=_xs-11] > .col, [class*=_xs-11] > [class*=col-] {
    -webkit-flex-basis: 9.0909090909%;
    -ms-flex-preferred-size: 9.0909090909%;
    flex-basis: 9.0909090909%;
    max-width: 9.0909090909%;
  }
  [class*=_xs-12] > .col, [class*=_xs-12] > [class*=col-] {
    -webkit-flex-basis: 8.3333333333%;
    -ms-flex-preferred-size: 8.3333333333%;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
}
@media screen and (max-width: 360px) {
  [class*=_ty-1] > .col, [class*=_ty-1] > [class*=col-] {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  [class*=_ty-2] > .col, [class*=_ty-2] > [class*=col-] {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  [class*=_ty-3] > .col, [class*=_ty-3] > [class*=col-] {
    -webkit-flex-basis: 33.3333333333%;
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  [class*=_ty-4] > .col, [class*=_ty-4] > [class*=col-] {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  [class*=_ty-5] > .col, [class*=_ty-5] > [class*=col-] {
    -webkit-flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%;
  }
  [class*=_ty-6] > .col, [class*=_ty-6] > [class*=col-] {
    -webkit-flex-basis: 16.6666666667%;
    -ms-flex-preferred-size: 16.6666666667%;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  [class*=_ty-7] > .col, [class*=_ty-7] > [class*=col-] {
    -webkit-flex-basis: 14.2857142857%;
    -ms-flex-preferred-size: 14.2857142857%;
    flex-basis: 14.2857142857%;
    max-width: 14.2857142857%;
  }
  [class*=_ty-8] > .col, [class*=_ty-8] > [class*=col-] {
    -webkit-flex-basis: 12.5%;
    -ms-flex-preferred-size: 12.5%;
    flex-basis: 12.5%;
    max-width: 12.5%;
  }
  [class*=_ty-9] > .col, [class*=_ty-9] > [class*=col-] {
    -webkit-flex-basis: 11.1111111111%;
    -ms-flex-preferred-size: 11.1111111111%;
    flex-basis: 11.1111111111%;
    max-width: 11.1111111111%;
  }
  [class*=_ty-10] > .col, [class*=_ty-10] > [class*=col-] {
    -webkit-flex-basis: 10%;
    -ms-flex-preferred-size: 10%;
    flex-basis: 10%;
    max-width: 10%;
  }
  [class*=_ty-11] > .col, [class*=_ty-11] > [class*=col-] {
    -webkit-flex-basis: 9.0909090909%;
    -ms-flex-preferred-size: 9.0909090909%;
    flex-basis: 9.0909090909%;
    max-width: 9.0909090909%;
  }
  [class*=_ty-12] > .col, [class*=_ty-12] > [class*=col-] {
    -webkit-flex-basis: 8.3333333333%;
    -ms-flex-preferred-size: 8.3333333333%;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
}
/*==============================================================================
	#COLUMN SIZES
==============================================================================*/
[class*=grid] > [class*=col-1] {
  -webkit-flex-basis: 8.3333333333%;
  -ms-flex-preferred-size: 8.3333333333%;
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%;
}
[class*=grid] > [class*=col-2] {
  -webkit-flex-basis: 16.6666666667%;
  -ms-flex-preferred-size: 16.6666666667%;
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%;
}
[class*=grid] > [class*=col-3] {
  -webkit-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
}
[class*=grid] > [class*=col-4] {
  -webkit-flex-basis: 33.3333333333%;
  -ms-flex-preferred-size: 33.3333333333%;
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
}
[class*=grid] > [class*=col-5] {
  -webkit-flex-basis: 41.6666666667%;
  -ms-flex-preferred-size: 41.6666666667%;
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%;
}
[class*=grid] > [class*=col-6] {
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}
[class*=grid] > [class*=col-7] {
  -webkit-flex-basis: 58.3333333333%;
  -ms-flex-preferred-size: 58.3333333333%;
  flex-basis: 58.3333333333%;
  max-width: 58.3333333333%;
}
[class*=grid] > [class*=col-8] {
  -webkit-flex-basis: 66.6666666667%;
  -ms-flex-preferred-size: 66.6666666667%;
  flex-basis: 66.6666666667%;
  max-width: 66.6666666667%;
}
[class*=grid] > [class*=col-9] {
  -webkit-flex-basis: 75%;
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%;
}
[class*=grid] > [class*=col-10] {
  -webkit-flex-basis: 83.3333333333%;
  -ms-flex-preferred-size: 83.3333333333%;
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%;
}
[class*=grid] > [class*=col-11] {
  -webkit-flex-basis: 91.6666666667%;
  -ms-flex-preferred-size: 91.6666666667%;
  flex-basis: 91.6666666667%;
  max-width: 91.6666666667%;
}
[class*=grid] > [class*=col-12] {
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}
[class*=grid] > [class*=col-first] {
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
}
[class*=grid] > [class*=col-last] {
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

[class*=grid] > [data-push-left*=off-0] {
  margin-left: 0;
}
[class*=grid] > [data-push-left*=off-1] {
  margin-left: 8.3333333333%;
}
[class*=grid] > [data-push-left*=off-2] {
  margin-left: 16.6666666667%;
}
[class*=grid] > [data-push-left*=off-3] {
  margin-left: 25%;
}
[class*=grid] > [data-push-left*=off-4] {
  margin-left: 33.3333333333%;
}
[class*=grid] > [data-push-left*=off-5] {
  margin-left: 41.6666666667%;
}
[class*=grid] > [data-push-left*=off-6] {
  margin-left: 50%;
}
[class*=grid] > [data-push-left*=off-6] {
  margin-left: 50%;
}
[class*=grid] > [data-push-left*=off-7] {
  margin-left: 58.3333333333%;
}
[class*=grid] > [data-push-left*=off-8] {
  margin-left: 66.6666666667%;
}
[class*=grid] > [data-push-left*=off-9] {
  margin-left: 75%;
}
[class*=grid] > [data-push-left*=off-10] {
  margin-left: 83.3333333333%;
}
[class*=grid] > [data-push-left*=off-11] {
  margin-left: 91.6666666667%;
}
[class*=grid] > [data-push-right*=off-0] {
  margin-right: 0;
}
[class*=grid] > [data-push-right*=off-1] {
  margin-right: 8.3333333333%;
}
[class*=grid] > [data-push-right*=off-2] {
  margin-right: 16.6666666667%;
}
[class*=grid] > [data-push-right*=off-3] {
  margin-right: 25%;
}
[class*=grid] > [data-push-right*=off-4] {
  margin-right: 33.3333333333%;
}
[class*=grid] > [data-push-right*=off-5] {
  margin-right: 41.6666666667%;
}
[class*=grid] > [data-push-right*=off-6] {
  margin-right: 50%;
}
[class*=grid] > [data-push-right*=off-6] {
  margin-right: 50%;
}
[class*=grid] > [data-push-right*=off-7] {
  margin-right: 58.3333333333%;
}
[class*=grid] > [data-push-right*=off-8] {
  margin-right: 66.6666666667%;
}
[class*=grid] > [data-push-right*=off-9] {
  margin-right: 75%;
}
[class*=grid] > [data-push-right*=off-10] {
  margin-right: 83.3333333333%;
}
[class*=grid] > [data-push-right*=off-11] {
  margin-right: 91.6666666667%;
}

@media screen and (max-width: 1024px) {
  [class*=grid] > [class*=_lg-1] {
    -webkit-flex-basis: 8.3333333333%;
    -ms-flex-preferred-size: 8.3333333333%;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  [class*=grid] > [class*=_lg-2] {
    -webkit-flex-basis: 16.6666666667%;
    -ms-flex-preferred-size: 16.6666666667%;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  [class*=grid] > [class*=_lg-3] {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  [class*=grid] > [class*=_lg-4] {
    -webkit-flex-basis: 33.3333333333%;
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  [class*=grid] > [class*=_lg-5] {
    -webkit-flex-basis: 41.6666666667%;
    -ms-flex-preferred-size: 41.6666666667%;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  [class*=grid] > [class*=_lg-6] {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  [class*=grid] > [class*=_lg-7] {
    -webkit-flex-basis: 58.3333333333%;
    -ms-flex-preferred-size: 58.3333333333%;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  [class*=grid] > [class*=_lg-8] {
    -webkit-flex-basis: 66.6666666667%;
    -ms-flex-preferred-size: 66.6666666667%;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  [class*=grid] > [class*=_lg-9] {
    -webkit-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  [class*=grid] > [class*=_lg-10] {
    -webkit-flex-basis: 83.3333333333%;
    -ms-flex-preferred-size: 83.3333333333%;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  [class*=grid] > [class*=_lg-11] {
    -webkit-flex-basis: 91.6666666667%;
    -ms-flex-preferred-size: 91.6666666667%;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  [class*=grid] > [class*=_lg-12] {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  [class*=grid] > [class*=_lg-first] {
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  [class*=grid] > [class*=_lg-last] {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  [class*=grid] > [data-push-left*=_lg-0] {
    margin-left: 0;
  }
  [class*=grid] > [data-push-left*=_lg-1] {
    margin-left: 8.3333333333%;
  }
  [class*=grid] > [data-push-left*=_lg-2] {
    margin-left: 16.6666666667%;
  }
  [class*=grid] > [data-push-left*=_lg-3] {
    margin-left: 25%;
  }
  [class*=grid] > [data-push-left*=_lg-4] {
    margin-left: 33.3333333333%;
  }
  [class*=grid] > [data-push-left*=_lg-5] {
    margin-left: 41.6666666667%;
  }
  [class*=grid] > [data-push-left*=_lg-6] {
    margin-left: 50%;
  }
  [class*=grid] > [data-push-left*=_lg-6] {
    margin-left: 50%;
  }
  [class*=grid] > [data-push-left*=_lg-7] {
    margin-left: 58.3333333333%;
  }
  [class*=grid] > [data-push-left*=_lg-8] {
    margin-left: 66.6666666667%;
  }
  [class*=grid] > [data-push-left*=_lg-9] {
    margin-left: 75%;
  }
  [class*=grid] > [data-push-left*=_lg-10] {
    margin-left: 83.3333333333%;
  }
  [class*=grid] > [data-push-left*=_lg-11] {
    margin-left: 91.6666666667%;
  }
  [class*=grid] > [data-push-right*=_lg-0] {
    margin-right: 0;
  }
  [class*=grid] > [data-push-right*=_lg-1] {
    margin-right: 8.3333333333%;
  }
  [class*=grid] > [data-push-right*=_lg-2] {
    margin-right: 16.6666666667%;
  }
  [class*=grid] > [data-push-right*=_lg-3] {
    margin-right: 25%;
  }
  [class*=grid] > [data-push-right*=_lg-4] {
    margin-right: 33.3333333333%;
  }
  [class*=grid] > [data-push-right*=_lg-5] {
    margin-right: 41.6666666667%;
  }
  [class*=grid] > [data-push-right*=_lg-6] {
    margin-right: 50%;
  }
  [class*=grid] > [data-push-right*=_lg-6] {
    margin-right: 50%;
  }
  [class*=grid] > [data-push-right*=_lg-7] {
    margin-right: 58.3333333333%;
  }
  [class*=grid] > [data-push-right*=_lg-8] {
    margin-right: 66.6666666667%;
  }
  [class*=grid] > [data-push-right*=_lg-9] {
    margin-right: 75%;
  }
  [class*=grid] > [data-push-right*=_lg-10] {
    margin-right: 83.3333333333%;
  }
  [class*=grid] > [data-push-right*=_lg-11] {
    margin-right: 91.6666666667%;
  }
}
@media screen and (max-width: 1024px) {
  [class*=grid] > [class*=_md-1] {
    -webkit-flex-basis: 8.3333333333%;
    -ms-flex-preferred-size: 8.3333333333%;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  [class*=grid] > [class*=_md-2] {
    -webkit-flex-basis: 16.6666666667%;
    -ms-flex-preferred-size: 16.6666666667%;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  [class*=grid] > [class*=_md-3] {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  [class*=grid] > [class*=_md-4] {
    -webkit-flex-basis: 33.3333333333%;
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  [class*=grid] > [class*=_md-5] {
    -webkit-flex-basis: 41.6666666667%;
    -ms-flex-preferred-size: 41.6666666667%;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  [class*=grid] > [class*=_md-6] {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  [class*=grid] > [class*=_md-7] {
    -webkit-flex-basis: 58.3333333333%;
    -ms-flex-preferred-size: 58.3333333333%;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  [class*=grid] > [class*=_md-8] {
    -webkit-flex-basis: 66.6666666667%;
    -ms-flex-preferred-size: 66.6666666667%;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  [class*=grid] > [class*=_md-9] {
    -webkit-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  [class*=grid] > [class*=_md-10] {
    -webkit-flex-basis: 83.3333333333%;
    -ms-flex-preferred-size: 83.3333333333%;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  [class*=grid] > [class*=_md-11] {
    -webkit-flex-basis: 91.6666666667%;
    -ms-flex-preferred-size: 91.6666666667%;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  [class*=grid] > [class*=_md-12] {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  [class*=grid] > [class*=_md-first] {
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  [class*=grid] > [class*=_md-last] {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  [class*=grid] > [data-push-left*=_md-0] {
    margin-left: 0;
  }
  [class*=grid] > [data-push-left*=_md-1] {
    margin-left: 8.3333333333%;
  }
  [class*=grid] > [data-push-left*=_md-2] {
    margin-left: 16.6666666667%;
  }
  [class*=grid] > [data-push-left*=_md-3] {
    margin-left: 25%;
  }
  [class*=grid] > [data-push-left*=_md-4] {
    margin-left: 33.3333333333%;
  }
  [class*=grid] > [data-push-left*=_md-5] {
    margin-left: 41.6666666667%;
  }
  [class*=grid] > [data-push-left*=_md-6] {
    margin-left: 50%;
  }
  [class*=grid] > [data-push-left*=_md-6] {
    margin-left: 50%;
  }
  [class*=grid] > [data-push-left*=_md-7] {
    margin-left: 58.3333333333%;
  }
  [class*=grid] > [data-push-left*=_md-8] {
    margin-left: 66.6666666667%;
  }
  [class*=grid] > [data-push-left*=_md-9] {
    margin-left: 75%;
  }
  [class*=grid] > [data-push-left*=_md-10] {
    margin-left: 83.3333333333%;
  }
  [class*=grid] > [data-push-left*=_md-11] {
    margin-left: 91.6666666667%;
  }
  [class*=grid] > [data-push-right*=_md-0] {
    margin-right: 0;
  }
  [class*=grid] > [data-push-right*=_md-1] {
    margin-right: 8.3333333333%;
  }
  [class*=grid] > [data-push-right*=_md-2] {
    margin-right: 16.6666666667%;
  }
  [class*=grid] > [data-push-right*=_md-3] {
    margin-right: 25%;
  }
  [class*=grid] > [data-push-right*=_md-4] {
    margin-right: 33.3333333333%;
  }
  [class*=grid] > [data-push-right*=_md-5] {
    margin-right: 41.6666666667%;
  }
  [class*=grid] > [data-push-right*=_md-6] {
    margin-right: 50%;
  }
  [class*=grid] > [data-push-right*=_md-6] {
    margin-right: 50%;
  }
  [class*=grid] > [data-push-right*=_md-7] {
    margin-right: 58.3333333333%;
  }
  [class*=grid] > [data-push-right*=_md-8] {
    margin-right: 66.6666666667%;
  }
  [class*=grid] > [data-push-right*=_md-9] {
    margin-right: 75%;
  }
  [class*=grid] > [data-push-right*=_md-10] {
    margin-right: 83.3333333333%;
  }
  [class*=grid] > [data-push-right*=_md-11] {
    margin-right: 91.6666666667%;
  }
}
@media screen and (max-width: 768px) {
  [class*=grid] > [class*=_sm-1] {
    -webkit-flex-basis: 8.3333333333%;
    -ms-flex-preferred-size: 8.3333333333%;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  [class*=grid] > [class*=_sm-2] {
    -webkit-flex-basis: 16.6666666667%;
    -ms-flex-preferred-size: 16.6666666667%;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  [class*=grid] > [class*=_sm-3] {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  [class*=grid] > [class*=_sm-4] {
    -webkit-flex-basis: 33.3333333333%;
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  [class*=grid] > [class*=_sm-5] {
    -webkit-flex-basis: 41.6666666667%;
    -ms-flex-preferred-size: 41.6666666667%;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  [class*=grid] > [class*=_sm-6] {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  [class*=grid] > [class*=_sm-7] {
    -webkit-flex-basis: 58.3333333333%;
    -ms-flex-preferred-size: 58.3333333333%;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  [class*=grid] > [class*=_sm-8] {
    -webkit-flex-basis: 66.6666666667%;
    -ms-flex-preferred-size: 66.6666666667%;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  [class*=grid] > [class*=_sm-9] {
    -webkit-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  [class*=grid] > [class*=_sm-10] {
    -webkit-flex-basis: 83.3333333333%;
    -ms-flex-preferred-size: 83.3333333333%;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  [class*=grid] > [class*=_sm-11] {
    -webkit-flex-basis: 91.6666666667%;
    -ms-flex-preferred-size: 91.6666666667%;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  [class*=grid] > [class*=_sm-12] {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  [class*=grid] > [class*=_sm-first] {
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  [class*=grid] > [class*=_sm-last] {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  [class*=grid] > [data-push-left*=_sm-0] {
    margin-left: 0;
  }
  [class*=grid] > [data-push-left*=_sm-1] {
    margin-left: 8.3333333333%;
  }
  [class*=grid] > [data-push-left*=_sm-2] {
    margin-left: 16.6666666667%;
  }
  [class*=grid] > [data-push-left*=_sm-3] {
    margin-left: 25%;
  }
  [class*=grid] > [data-push-left*=_sm-4] {
    margin-left: 33.3333333333%;
  }
  [class*=grid] > [data-push-left*=_sm-5] {
    margin-left: 41.6666666667%;
  }
  [class*=grid] > [data-push-left*=_sm-6] {
    margin-left: 50%;
  }
  [class*=grid] > [data-push-left*=_sm-6] {
    margin-left: 50%;
  }
  [class*=grid] > [data-push-left*=_sm-7] {
    margin-left: 58.3333333333%;
  }
  [class*=grid] > [data-push-left*=_sm-8] {
    margin-left: 66.6666666667%;
  }
  [class*=grid] > [data-push-left*=_sm-9] {
    margin-left: 75%;
  }
  [class*=grid] > [data-push-left*=_sm-10] {
    margin-left: 83.3333333333%;
  }
  [class*=grid] > [data-push-left*=_sm-11] {
    margin-left: 91.6666666667%;
  }
  [class*=grid] > [data-push-right*=_sm-0] {
    margin-right: 0;
  }
  [class*=grid] > [data-push-right*=_sm-1] {
    margin-right: 8.3333333333%;
  }
  [class*=grid] > [data-push-right*=_sm-2] {
    margin-right: 16.6666666667%;
  }
  [class*=grid] > [data-push-right*=_sm-3] {
    margin-right: 25%;
  }
  [class*=grid] > [data-push-right*=_sm-4] {
    margin-right: 33.3333333333%;
  }
  [class*=grid] > [data-push-right*=_sm-5] {
    margin-right: 41.6666666667%;
  }
  [class*=grid] > [data-push-right*=_sm-6] {
    margin-right: 50%;
  }
  [class*=grid] > [data-push-right*=_sm-6] {
    margin-right: 50%;
  }
  [class*=grid] > [data-push-right*=_sm-7] {
    margin-right: 58.3333333333%;
  }
  [class*=grid] > [data-push-right*=_sm-8] {
    margin-right: 66.6666666667%;
  }
  [class*=grid] > [data-push-right*=_sm-9] {
    margin-right: 75%;
  }
  [class*=grid] > [data-push-right*=_sm-10] {
    margin-right: 83.3333333333%;
  }
  [class*=grid] > [data-push-right*=_sm-11] {
    margin-right: 91.6666666667%;
  }
}
@media screen and (max-width: 480px) {
  [class*=grid] > [class*=_xs-1] {
    -webkit-flex-basis: 8.3333333333%;
    -ms-flex-preferred-size: 8.3333333333%;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  [class*=grid] > [class*=_xs-2] {
    -webkit-flex-basis: 16.6666666667%;
    -ms-flex-preferred-size: 16.6666666667%;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  [class*=grid] > [class*=_xs-3] {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  [class*=grid] > [class*=_xs-4] {
    -webkit-flex-basis: 33.3333333333%;
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  [class*=grid] > [class*=_xs-5] {
    -webkit-flex-basis: 41.6666666667%;
    -ms-flex-preferred-size: 41.6666666667%;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  [class*=grid] > [class*=_xs-6] {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  [class*=grid] > [class*=_xs-7] {
    -webkit-flex-basis: 58.3333333333%;
    -ms-flex-preferred-size: 58.3333333333%;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  [class*=grid] > [class*=_xs-8] {
    -webkit-flex-basis: 66.6666666667%;
    -ms-flex-preferred-size: 66.6666666667%;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  [class*=grid] > [class*=_xs-9] {
    -webkit-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  [class*=grid] > [class*=_xs-10] {
    -webkit-flex-basis: 83.3333333333%;
    -ms-flex-preferred-size: 83.3333333333%;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  [class*=grid] > [class*=_xs-11] {
    -webkit-flex-basis: 91.6666666667%;
    -ms-flex-preferred-size: 91.6666666667%;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  [class*=grid] > [class*=_xs-12] {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  [class*=grid] > [class*=_xs-first] {
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  [class*=grid] > [class*=_xs-last] {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  [class*=grid] > [data-push-left*=_xs-0] {
    margin-left: 0;
  }
  [class*=grid] > [data-push-left*=_xs-1] {
    margin-left: 8.3333333333%;
  }
  [class*=grid] > [data-push-left*=_xs-2] {
    margin-left: 16.6666666667%;
  }
  [class*=grid] > [data-push-left*=_xs-3] {
    margin-left: 25%;
  }
  [class*=grid] > [data-push-left*=_xs-4] {
    margin-left: 33.3333333333%;
  }
  [class*=grid] > [data-push-left*=_xs-5] {
    margin-left: 41.6666666667%;
  }
  [class*=grid] > [data-push-left*=_xs-6] {
    margin-left: 50%;
  }
  [class*=grid] > [data-push-left*=_xs-6] {
    margin-left: 50%;
  }
  [class*=grid] > [data-push-left*=_xs-7] {
    margin-left: 58.3333333333%;
  }
  [class*=grid] > [data-push-left*=_xs-8] {
    margin-left: 66.6666666667%;
  }
  [class*=grid] > [data-push-left*=_xs-9] {
    margin-left: 75%;
  }
  [class*=grid] > [data-push-left*=_xs-10] {
    margin-left: 83.3333333333%;
  }
  [class*=grid] > [data-push-left*=_xs-11] {
    margin-left: 91.6666666667%;
  }
  [class*=grid] > [data-push-right*=_xs-0] {
    margin-right: 0;
  }
  [class*=grid] > [data-push-right*=_xs-1] {
    margin-right: 8.3333333333%;
  }
  [class*=grid] > [data-push-right*=_xs-2] {
    margin-right: 16.6666666667%;
  }
  [class*=grid] > [data-push-right*=_xs-3] {
    margin-right: 25%;
  }
  [class*=grid] > [data-push-right*=_xs-4] {
    margin-right: 33.3333333333%;
  }
  [class*=grid] > [data-push-right*=_xs-5] {
    margin-right: 41.6666666667%;
  }
  [class*=grid] > [data-push-right*=_xs-6] {
    margin-right: 50%;
  }
  [class*=grid] > [data-push-right*=_xs-6] {
    margin-right: 50%;
  }
  [class*=grid] > [data-push-right*=_xs-7] {
    margin-right: 58.3333333333%;
  }
  [class*=grid] > [data-push-right*=_xs-8] {
    margin-right: 66.6666666667%;
  }
  [class*=grid] > [data-push-right*=_xs-9] {
    margin-right: 75%;
  }
  [class*=grid] > [data-push-right*=_xs-10] {
    margin-right: 83.3333333333%;
  }
  [class*=grid] > [data-push-right*=_xs-11] {
    margin-right: 91.6666666667%;
  }
}
@media screen and (max-width: 360px) {
  [class*=grid] > [class*=_ty-1] {
    -webkit-flex-basis: 8.3333333333%;
    -ms-flex-preferred-size: 8.3333333333%;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  [class*=grid] > [class*=_ty-2] {
    -webkit-flex-basis: 16.6666666667%;
    -ms-flex-preferred-size: 16.6666666667%;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  [class*=grid] > [class*=_ty-3] {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  [class*=grid] > [class*=_ty-4] {
    -webkit-flex-basis: 33.3333333333%;
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  [class*=grid] > [class*=_ty-5] {
    -webkit-flex-basis: 41.6666666667%;
    -ms-flex-preferred-size: 41.6666666667%;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  [class*=grid] > [class*=_ty-6] {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  [class*=grid] > [class*=_ty-7] {
    -webkit-flex-basis: 58.3333333333%;
    -ms-flex-preferred-size: 58.3333333333%;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  [class*=grid] > [class*=_ty-8] {
    -webkit-flex-basis: 66.6666666667%;
    -ms-flex-preferred-size: 66.6666666667%;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  [class*=grid] > [class*=_ty-9] {
    -webkit-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  [class*=grid] > [class*=_ty-10] {
    -webkit-flex-basis: 83.3333333333%;
    -ms-flex-preferred-size: 83.3333333333%;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  [class*=grid] > [class*=_ty-11] {
    -webkit-flex-basis: 91.6666666667%;
    -ms-flex-preferred-size: 91.6666666667%;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  [class*=grid] > [class*=_ty-12] {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  [class*=grid] > [class*=_ty-first] {
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  [class*=grid] > [class*=_ty-last] {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  [class*=grid] > [data-push-left*=_ty-0] {
    margin-left: 0;
  }
  [class*=grid] > [data-push-left*=_ty-1] {
    margin-left: 8.3333333333%;
  }
  [class*=grid] > [data-push-left*=_ty-2] {
    margin-left: 16.6666666667%;
  }
  [class*=grid] > [data-push-left*=_ty-3] {
    margin-left: 25%;
  }
  [class*=grid] > [data-push-left*=_ty-4] {
    margin-left: 33.3333333333%;
  }
  [class*=grid] > [data-push-left*=_ty-5] {
    margin-left: 41.6666666667%;
  }
  [class*=grid] > [data-push-left*=_ty-6] {
    margin-left: 50%;
  }
  [class*=grid] > [data-push-left*=_ty-6] {
    margin-left: 50%;
  }
  [class*=grid] > [data-push-left*=_ty-7] {
    margin-left: 58.3333333333%;
  }
  [class*=grid] > [data-push-left*=_ty-8] {
    margin-left: 66.6666666667%;
  }
  [class*=grid] > [data-push-left*=_ty-9] {
    margin-left: 75%;
  }
  [class*=grid] > [data-push-left*=_ty-10] {
    margin-left: 83.3333333333%;
  }
  [class*=grid] > [data-push-left*=_ty-11] {
    margin-left: 91.6666666667%;
  }
  [class*=grid] > [data-push-right*=_ty-0] {
    margin-right: 0;
  }
  [class*=grid] > [data-push-right*=_ty-1] {
    margin-right: 8.3333333333%;
  }
  [class*=grid] > [data-push-right*=_ty-2] {
    margin-right: 16.6666666667%;
  }
  [class*=grid] > [data-push-right*=_ty-3] {
    margin-right: 25%;
  }
  [class*=grid] > [data-push-right*=_ty-4] {
    margin-right: 33.3333333333%;
  }
  [class*=grid] > [data-push-right*=_ty-5] {
    margin-right: 41.6666666667%;
  }
  [class*=grid] > [data-push-right*=_ty-6] {
    margin-right: 50%;
  }
  [class*=grid] > [data-push-right*=_ty-6] {
    margin-right: 50%;
  }
  [class*=grid] > [data-push-right*=_ty-7] {
    margin-right: 58.3333333333%;
  }
  [class*=grid] > [data-push-right*=_ty-8] {
    margin-right: 66.6666666667%;
  }
  [class*=grid] > [data-push-right*=_ty-9] {
    margin-right: 75%;
  }
  [class*=grid] > [data-push-right*=_ty-10] {
    margin-right: 83.3333333333%;
  }
  [class*=grid] > [data-push-right*=_ty-11] {
    margin-right: 91.6666666667%;
  }
}
/*==============================================================================
	#HIDE SHOW
==============================================================================*/
[class*=lg-show] {
  display: none !important;
}

[class*=md-show] {
  display: none !important;
}

[class*=sm-show] {
  display: none !important;
}

[class*=sm-show-ib] {
  display: none !important;
}

[class*=xs-show] {
  display: none !important;
}

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

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

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

@media screen and (max-width: 1024px) {
  [class*=lg-hide] {
    display: none !important;
  }
  [class*=lg-show] {
    display: flex !important;
  }
  [class*=lg-show-ib] {
    display: inline-block !important;
  }
  [class*=md-show] {
    display: none;
  }
  [class*=sm-show] {
    display: none;
  }
  [class*=xs-show] {
    display: none;
  }
  .padding-lg {
    padding-bottom: 24px;
  }
}
@media screen and (max-width: 1024px) {
  [class*=md-hide] {
    display: none !important;
  }
  [class*=md-show] {
    display: flex !important;
  }
  [class*=md-show-ib] {
    display: inline-block !important;
  }
  [class*=sm-show] {
    display: none;
  }
  [class*=xs-show] {
    display: none;
  }
  .md-text-left {
    text-align: left;
  }
  .md-text-center {
    text-align: center;
  }
  .md-text-right {
    text-align: right;
  }
  .padding-md {
    padding-bottom: 24px;
  }
}
@media screen and (max-width: 768px) {
  [class*=sm-hide] {
    display: none !important;
  }
  [class*=sm-show] {
    display: flex !important;
  }
  [class*=sm-show-ib] {
    display: inline-block !important;
  }
  [class*=xs-show] {
    display: none;
  }
  .sm-text-left {
    text-align: left;
  }
  .sm-text-center {
    text-align: center;
  }
  .sm-text-right {
    text-align: right;
  }
  .padding-sm {
    padding-bottom: 24px;
  }
}
@media screen and (max-width: 480px) {
  [class*=xs-hide] {
    display: none !important;
  }
  [class*=xs-show] {
    display: flex !important;
  }
  [class*=xs-show-ib] {
    display: inline-block !important;
  }
  .xs-text-left {
    text-align: left;
  }
  .xs-text-center {
    text-align: center;
  }
  .xs-text-right {
    text-align: right;
  }
  .padding-xs {
    padding-bottom: 24px;
  }
}
/*==============================================================================
	#HELPERS
==============================================================================*/
.container {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
  padding: 0 var(--gl-gutter);
}

.grid-gap40 {
  margin-left: -40px;
}

.col-gap40 {
  padding: 0 0 0 40px;
}

.grid-gap64 {
  margin-left: -64px;
}

.col-gap64 {
  padding: 0 0 0 64px;
}

@media only screen and (max-width: 1024px) {
  .container {
    padding: 0 var(--gl-gutter);
  }
}
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on April 3, 2023 */
@font-face {
  font-family: "Norwester";
  src: url("/assets/fonts/norwester-webfont.woff2") format("woff2"), url("/assets/fonts/norwester-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/*8     888     d8888 8888888b.  8888888        d8888 888888b.   888      8888888888 .d8888b.  
888     888    d88888 888   Y88b   888         d88888 888  "88b  888      888       d88P  Y88b 
888     888   d88P888 888    888   888        d88P888 888  .88P  888      888       Y88b.      
Y88b   d88P  d88P 888 888   d88P   888       d88P 888 8888888K.  888      8888888    "Y888b.   
 Y88b d88P  d88P  888 8888888P"    888      d88P  888 888  "Y88b 888      888           "Y88b. 
  Y88o88P  d88P   888 888 T88b     888     d88P   888 888    888 888      888             "888 
   Y888P  d8888888888 888  T88b    888    d8888888888 888   d88P 888      888       Y88b  d88P 
    Y8P  d88P     888 888   T88b 8888888 d88P     888 8888888P"  88888888 8888888888 "Y8888*/
:root {
  --color-accent: #F8CD4E;
  --color-accent-50: rgba(209,171,111,0.50);
  --color-background: #1A1A1A;
  --color-background-dark: #000000;
  --color-border: #333333;
  --color-text: #ffffff;
  --color-dark: #1E1C1C;
  --color-dark-50: rgba(1,19,39,0.50);
  --color-text-light: #fff;
  --color-white-10: rgba(255,255,255,0.10);
  --color-white-15: rgba(255,255,255,0.15);
  --font-family-main: "Karla", sans-serif;
  --font-family-accent: "Norwester", serif;
  --font-size-normal: 16px;
  --font-size-larger: 20px;
  --font-size-small: 12px;
  --font-size-nav: 12px;
  --font-size-h6: 18px;
  --font-size-h5: 20px;
  --font-size-h4: 24px;
  --font-size-h3: 24px;
  --font-size-h2: 24px;
  --font-size-h1: 40px;
  --font-size-hero: 40px;
  --gutter-1: 4px;
  --gutter-2: 8px;
  --gutter-3: 12px;
  --gutter-4: 16px;
  --gutter-5: 20px;
  --gutter-6: 24px;
  --gutter-7: 28px;
  --gutter-8: 32px;
  --gutter-9: 36px;
  --gutter-10: 40px;
  --screen-xs: 480px;
  --screen-sm: 768px;
  --screen-md: 1024px;
  --screen-lg: 1280px;
  --screen-xlg: 1440px;
  --border-radius: 4px;
}

@media screen and (max-width: 768px) {
  :root {
    --font-size-normal: 16px;
    --font-size-nav: 16px;
    --font-size-h6: 16px;
    --font-size-h5: 18px;
    --font-size-h4: 20px;
    --font-size-h3: 24px;
    --font-size-h2: 28px;
    --font-size-h1: 32px;
    --font-size-hero: 40px;
  }
}
@media screen and (max-width: 480px) {
  :root {
    --font-size-hero: 32px;
  }
}
/*8    888 8888888888 888      8888888b.  8888888888 8888888b.   .d8888b.  
888    888 888        888      888   Y88b 888        888   Y88b d88P  Y88b 
888    888 888        888      888    888 888        888    888 Y88b.      
8888888888 8888888    888      888   d88P 8888888    888   d88P  "Y888b.   
888    888 888        888      8888888P"  888        8888888P"      "Y88b. 
888    888 888        888      888        888        888 T88b         "888 
888    888 888        888      888        888        888  T88b  Y88b  d88P 
888    888 8888888888 88888888 888        8888888888 888   T88b  "Y8888*/
/* container */
.flex {
  display: flex;
}

/* direction */
.flex-cl {
  flex-direction: column;
}

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

.flex-cl-r {
  flex-direction: column-reverse;
}

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

@media only screen and (max-width: 1024px) {
  .flex-cl-md {
    flex-direction: column;
  }
  .flex-row-md {
    flex-direction: row;
  }
}
@media only screen and (max-width: 768px) {
  .flex-cl-sm {
    flex-direction: column;
  }
  .flex-row-sm {
    flex-direction: row;
  }
}
@media only screen and (max-width: 480px) {
  .flex-cl-xs {
    flex-direction: column;
  }
  .flex-row-xs {
    flex-direction: row;
  }
}
/* wrap */
.flex.nowrap {
  flex-wrap: nowrap;
}

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

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

@media only screen and (max-width: 1024px) {
  .flex.wrap-md {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 768px) {
  .flex.wrap-sm {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 480px) {
  .flex.nowrap-xs {
    flex-wrap: nowrap;
  }
}
/* main axis */
.justify-start {
  justify-content: flex-start;
}

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

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

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

.justify-around {
  justify-content: space-around;
}

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

@media only screen and (max-width: 1024px) {
  .justify-between-md {
    justify-content: space-between;
  }
}
/* cross axis */
.align-start {
  align-items: flex-start;
}

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

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

.align-baseline {
  align-items: baseline;
}

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

@media only screen and (max-width: 768px) {
  .align-start-sm {
    align-items: flex-start;
  }
  .align-center-sm {
    align-items: center;
  }
}
@media only screen and (max-width: 480px) {
  .align-start-xs {
    align-items: flex-start;
  }
  .align-center-xs {
    align-items: center;
  }
}
/* grow/shrink */
.flex-grow {
  flex-grow: 1;
}

.flex-shrink {
  flex-shrink: 1;
}

/* gap */
.gap-8 {
  gap: 8px;
}

.gap-12 {
  gap: 12px;
}

.gap-16 {
  gap: 16px;
}

.gap-24 {
  gap: 24px;
}

.gap-32 {
  gap: 32px;
}

.gap-40 {
  gap: 40px;
}

.gap-64 {
  gap: 64px;
}

@media only screen and (max-width: 1024px) {
  .gap-8-md {
    gap: 8px;
  }
  .gap-12-md {
    gap: 12px;
  }
  .gap-16-md {
    gap: 16px;
  }
  .gap-24-md {
    gap: 24px;
  }
  .gap-32-md {
    gap: 32px;
  }
  .gap-40-md {
    gap: 40px;
  }
  .gap-64-md {
    gap: 64px;
  }
  .order-first-md {
    order: -1;
  }
}
@media only screen and (max-width: 768px) {
  .gap-8-sm {
    gap: 8px;
  }
  .gap-12-sm {
    gap: 12px;
  }
  .gap-16-sm {
    gap: 16px;
  }
  .gap-24-sm {
    gap: 24px;
  }
  .gap-32-sm {
    gap: 32px;
  }
  .gap-40-sm {
    gap: 40px;
  }
  .gap-64-sm {
    gap: 64px;
  }
}
/* width */
.width-20 {
  width: 20%;
}

.width-25 {
  width: 25%;
}

.width-33 {
  width: 33.333333333%;
}

.width-40 {
  width: 40%;
}

.width-50 {
  width: 50%;
}

.width-60 {
  width: 60%;
}

.width-70 {
  width: 70%;
}

.width-75 {
  width: 75%;
}

.width-80 {
  width: 80%;
}

.width-90 {
  width: 90%;
}

.width-100 {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .width-100-sm {
    width: 100%;
  }
}
/* margin */
.margin-bot-24 {
  margin-bottom: 24px;
}

.margin-bot-32 {
  margin-bottom: 32px;
}

.margin-bot-40 {
  margin-bottom: 40px;
}

.margin-bot-80 {
  margin-bottom: 80px;
}

.margin-bot-120 {
  margin-bottom: 120px;
}

.margin-top-32 {
  margin-top: 32px;
}

.padding-164 {
  padding-top: 164px;
  padding-bottom: 164px;
}

.padding-64 {
  padding-top: 64px;
  padding-bottom: 64px;
}

@media screen and (max-width: 1024px) {
  .md-margin-top-0 {
    margin-top: 0;
  }
  .md-padding-64 {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}
@media screen and (max-width: 768px) {
  .sm-margin-bot-24 {
    margin-bottom: 24px;
  }
  .sm-margin-bot-32 {
    margin-bottom: 32px;
  }
  .sm-margin-bot-40 {
    margin-bottom: 40px;
  }
  .sm-margin-bot-64 {
    margin-bottom: 64px;
  }
  .sm-margin-bot-80 {
    margin-bottom: 80px;
  }
  .sm-margin-bot-120 {
    margin-bottom: 120px;
  }
  .sm-padding-64 {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}
@media screen and (max-width: 480px) {
  .xs-margin-bot-24 {
    margin-bottom: 24px;
  }
  .xs-margin-bot-32 {
    margin-bottom: 32px;
  }
  .xs-margin-bot-40 {
    margin-bottom: 40px;
  }
  .xs-margin-bot-64 {
    margin-bottom: 64px;
  }
  .xs-margin-bot-80 {
    margin-bottom: 80px;
  }
  .xs-margin-bot-120 {
    margin-bottom: 120px;
  }
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: var(--font-family-accent);
  font-weight: normal;
  text-transform: uppercase;
  line-height: 120%;
}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span,
.h1 span, .h2 span, .h3 span, .h4 span, .h5 span, .h6 span {
  color: var(--color-accent);
}

h1, .h1 {
  font-size: var(--font-size-h1);
}

h2, .h2 {
  font-size: var(--font-size-h2);
}

h3, .h3 {
  font-size: var(--font-size-h3);
}

h4, .h4 {
  font-size: var(--font-size-h4);
}

h5, .h5 {
  font-size: var(--font-size-h5);
}

h6, .h6 {
  font-size: var(--font-size-h6);
}

a {
  text-decoration: none;
}

p span {
  font-weight: 700;
  text-transform: uppercase;
  color: var(--color-accent);
}
p strong {
  font-weight: 700;
}
p a {
  color: var(--color-accent);
}
p a:hover {
  text-decoration: underline;
}

.button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 36px;
  padding: 0 var(--gutter-4);
  font-family: var(--font-family-main);
  font-size: var(--font-size-nav);
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: none;
  color: var(--color-background);
  background-color: var(--color-accent);
  border: 0;
  border-radius: 0;
  cursor: pointer;
}
.button:hover {
  opacity: 0.75;
}
.button .svg-inline--fa {
  font-size: 12px;
}

.logo-text {
  font-family: var(--font-family-main);
  font-weight: 500;
  text-transform: uppercase;
  color: var(--color-accent);
}

/*8888b.  888      .d88888b.  888888b.         d8888 888      
d88P  Y88b 888     d88P" "Y88b 888  "88b       d88888 888      
888    888 888     888     888 888  .88P      d88P888 888      
888        888     888     888 8888888K.     d88P 888 888      
888  88888 888     888     888 888  "Y88b   d88P  888 888      
888    888 888     888     888 888    888  d88P   888 888      
Y88b  d88P 888     Y88b. .d88P 888   d88P d8888888888 888      
 "Y8888P88 88888888 "Y88888P"  8888888P" d88P     888 888888*/
* {
  box-sizing: border-box;
}

body {
  position: relative;
  font-family: var(--font-family-main);
  font-weight: 300;
  font-size: var(--font-size-normal);
  line-height: 130%;
  color: var(--color-text);
  background-color: var(--color-background);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  opacity: 0;
  transition: opacity 250ms ease-in-out;
}

.wrapper {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}

.contact-message {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5;
  display: none;
  width: 100%;
  text-align: center;
  background-color: #66b166;
}
.contact-message__text {
  padding: var(--gutter-2) 0;
  font-size: 16px;
  color: var(--color-text-light);
}

/*8    888 8888888888        d8888 8888888b.  8888888888 8888888b.  
888    888 888              d88888 888  "Y88b 888        888   Y88b 
888    888 888             d88P888 888    888 888        888    888 
8888888888 8888888        d88P 888 888    888 8888888    888   d88P 
888    888 888           d88P  888 888    888 888        8888888P"  
888    888 888          d88P   888 888    888 888        888 T88b   
888    888 888         d8888888888 888  .d88P 888        888  T88b  
888    888 8888888888 d88P     888 8888888P"  8888888888 888   T8*/
.header {
  position: relative;
  width: 100%;
  padding: var(--gutter-4) 0;
}
.header__logo-wrapper {
  display: block;
}
.header__logo {
  display: block;
  height: 56px;
}
@media screen and (max-width: 480px) {
  .header__logo {
    height: 32px;
  }
}
.header__navigation-link {
  font-family: var(--font-family-main);
  font-size: var(--font-size-nav);
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: none;
  color: var(--color-text);
}
.header__mobile-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  width: 100%;
  min-height: 100vh;
  padding: var(--gutter-4) 0 var(--gutter-10) 0;
  background-color: var(--color-dark);
}
.header__mobile-menu-text {
  color: var(--color-text-light);
}
.header__mobile-menu-text a {
  color: var(--color-accent);
}
.header .button {
  color: var(--color-dark);
}

.menu-active {
  overflow: hidden;
}
.menu-active .header {
  background-color: var(--color-dark);
}
.menu-active .header__mobile-menu {
  display: flex;
}

/*8    888  .d88888b.  888b     d888 8888888888 
888    888 d88P" "Y88b 8888b   d8888 888        
888    888 888     888 88888b.d88888 888        
8888888888 888     888 888Y88888P888 8888888    
888    888 888     888 888 Y888P 888 888        
888    888 888     888 888  Y8P  888 888        
888    888 Y88b. .d88P 888   "   888 888        
888    888  "Y88888P"  888       888 88888888*/
.hero-banner {
  position: relative;
  height: 500px;
  background-position: center center;
  background-size: cover;
}
@media screen and (max-width: 480px) {
  .hero-banner {
    height: auto;
    overflow: hidden;
  }
}
.hero-banner__container {
  position: relative;
  height: 100%;
}
@media screen and (max-width: 480px) {
  .hero-banner__container {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}
.hero-banner__content {
  position: relative;
  z-index: 2;
  max-width: 400px;
}
.hero-banner__title {
  font-size: var(--font-size-hero);
  color: var(--color-text-light);
}
.hero-banner__text {
  color: var(--color-text-light);
}
.hero-banner__text span {
  font-weight: 700;
  text-transform: uppercase;
  color: var(--color-accent);
}
.hero-banner__image-wrapper {
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 1;
  transform: translate(0, -50%);
  width: 600px;
}
@media screen and (max-width: 480px) {
  .hero-banner__image-wrapper {
    position: relative;
    top: 0;
    left: 50%;
    width: 130%;
    transform: translate(-50%, 0);
  }
}
.hero-banner__image {
  width: 100%;
}

.landing-page {
  height: 100vh;
}
.landing-page__logo {
  height: 64px;
}
.landing-page__link {
  text-decoration: none;
  color: var(--color-text-light);
}
.landing-page__link:hover {
  color: var(--color-accent);
}

/*88888b.     d8888  .d8888b.  8888888888 
888   Y88b   d88888 d88P  Y88b 888        
888    888  d88P888 888    888 888        
888   d88P d88P 888 888        8888888    
8888888P" d88P  888 888  88888 888        
888      d88P   888 888    888 888        
888     d8888888888 Y88b  d88P 888        
888    d88P     888  "Y8888P88 88888888*/
.section {
  padding: 64px 0;
}
.section--dark {
  background-color: var(--color-background-dark);
}

.max-800 {
  max-width: 800px;
}

.max-600 {
  max-width: 600px;
}

.services {
  width: 100%;
}
.services__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  width: calc(33% - 48px);
}
@media screen and (max-width: 768px) {
  .services__item {
    width: 100%;
  }
}
.services__item-image-wrapper {
  position: relative;
  width: 120px;
  height: 120px;
}
.services__item-image {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  display: block;
  max-width: 100%;
  max-height: 100%;
  transform: translate(-50%, -50%);
}
.services__item-title {
  font-family: var(--font-family-main);
  font-size: var(--font-size-nav);
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: none;
  color: var(--color-text);
}

.form__group {
  width: 100%;
}
.form__group-label {
  display: block;
  font-size: var(--font-size-nav);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: -2%;
  text-decoration: none;
  color: var(--color-text-light);
}
.form__group-input {
  display: block;
  width: 100%;
  height: 44px;
  padding: 0 var(--gutter-4);
  font-family: var(--font-family-main);
  font-size: 16px;
  background-color: #fff;
  border: 0;
}
.form__group-input--textarea {
  padding-top: var(--gutter-3);
  padding-bottom: var(--gutter-3);
  height: 180px;
  resize: none;
}
.form__group-input::placeholder {
  font-style: italic;
  opacity: 0.5;
}

.footer {
  padding: var(--gutter-4) 0;
  background-color: var(--color-background-dark);
}
.footer p {
  font-size: 12px;
  color: var(--color-text-light);
}
.footer p a {
  color: var(--color-accent);
}

/*88888888 .d88888b.   .d88888b. 88888888888 8888888888 8888888b.  
888       d88P" "Y88b d88P" "Y88b    888     888        888   Y88b 
888       888     888 888     888    888     888        888    888 
8888888   888     888 888     888    888     8888888    888   d88P 
888       888     888 888     888    888     888        8888888P"  
888       888     888 888     888    888     888        888 T88b   
888       Y88b. .d88P Y88b. .d88P    888     888        888  T88b  
888        "Y88888P"   "Y88888P"     888     8888888888 888   T8*/

/*# sourceMappingURL=main.css.map */