@charset "UTF-8";
/*-------------------------------------------------------------------------
Variables
-------------------------------------------------------------------------- */
/*================ The following are dependencies of csswizardry grid ================*/
/* ------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------
Mixins
--------------------------------------------------------------------------- */
@keyframes shimmer {
  0% {
    background-position-x: 100%; }
  100% {
    background-position-x: 0; } }

/* -------------------------------------------------------------------------
Mixins end
--------------------------------------------------------------------------- */
/*============================================================================
  #Grid Setup
    - Based on csswizardry grid, but with floated columns, a fixed gutter size, and BEM classes
    - Breakpoints defined above, under #Breakpoint and Grid Variables
    - Note the inclusion of .grid-uniform to take care of clearfixes on evenly sized grid items
==============================================================================*/
/* Force clearfix on grids */
.grid::after, .grid--rev::after, .grid--full::after,
.grid-uniform::after {
  clear: both;
  content: "";
  display: table; }

/* Manual grid__item clearfix */
.grid__item.clear {
  clear: both; }

/*============================================================================
  Drop relative positioning into silent classes which can't take advantage of
  the `[class*="push--"]` and `[class*="pull--"]` selectors.
==============================================================================*/
/*============================================================================
  Grid Setup
    1. Allow the grid system to be used on lists.
    2. Remove any margins and paddings that might affect the grid system.
    3. Apply a negative `margin-left` to negate the columns' gutters.
==============================================================================*/
.grid, .grid--rev, .grid--full,
.grid-uniform {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: -30px; }

.grid__item {
  float: left;
  min-height: 1px;
  padding-left: 30px;
  vertical-align: top;
  width: 100%;
  /*-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;*/
  box-sizing: border-box; }

/*============================================================================
  Reversed grids allow you to structure your source in the opposite
  order to how your rendered layout will appear.
==============================================================================*/
.grid--rev {
  direction: rtl;
  text-align: left; }
  .grid--rev > .grid__item {
    direction: ltr;
    text-align: left;
    float: right; }

/* Gutterless grids have all the properties of regular grids, minus any spacing. */
.grid--full {
  margin-left: 0; }
  .grid--full > .grid__item {
    padding-left: 0; }

/*============================================================================
  WIDTHS
    - Create width classes, prefixed by the specified namespace.
==============================================================================*/
/*================ Clearfix helper on uniform grids ================*/
/*================ Helper show/hide classes around our breakpoints ================*/
/*================ Our regular, non-responsive width and helper classes ================*/
/** Whole */
.one-whole {
  width: 100%; }

/* Halves */
.one-half {
  width: 50%; }

/* Thirds */
.one-third {
  width: 33.333%; }

.two-thirds {
  width: 66.666%; }

/* Quarters */
.one-quarter {
  width: 25%; }

.two-quarters {
  width: 50%; }

.three-quarters {
  width: 75%; }

/* Fifths */
.one-fifth {
  width: 20%; }

.two-fifths {
  width: 40%; }

.three-fifths {
  width: 60%; }

.four-fifths {
  width: 80%; }

/* Sixths */
.one-sixth {
  width: 16.666%; }

.two-sixths {
  width: 33.333%; }

.three-sixths {
  width: 50%; }

.four-sixths {
  width: 66.666%; }

.five-sixths {
  width: 83.333%; }

/* Eighths */
.one-eighth {
  width: 12.5%; }

.two-eighths {
  width: 25%; }

.three-eighths {
  width: 37.5%; }

.four-eighths {
  width: 50%; }

.five-eighths {
  width: 62.5%; }

.six-eighths {
  width: 75%; }

.seven-eighths {
  width: 87.5%; }

/* Tenths */
.one-tenth {
  width: 10%; }

.two-tenths {
  width: 20%; }

.three-tenths {
  width: 30%; }

.four-tenths {
  width: 40%; }

.five-tenths {
  width: 50%; }

.six-tenths {
  width: 60%; }

.seven-tenths {
  width: 70%; }

.eight-tenths {
  width: 80%; }

.nine-tenths {
  width: 90%; }

/* Twelfths */
.one-twelfth {
  width: 8.333%; }

.two-twelfths {
  width: 16.666%; }

.three-twelfths {
  width: 25%; }

.four-twelfths {
  width: 33.333%; }

.five-twelfths {
  width: 41.666%; }

.six-twelfths {
  width: 50%; }

.seven-twelfths {
  width: 58.333%; }

.eight-twelfths {
  width: 66.666%; }

.nine-twelfths {
  width: 75%; }

.ten-twelfths {
  width: 83.333%; }

.eleven-twelfths {
  width: 91.666%; }

.show {
  display: block !important; }

.hide {
  display: none !important; }

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

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

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

.left {
  float: left !important; }

.right {
  float: right !important; }

/*================ Our responsive classes, if we have enabled them ================*/
@media only screen and (max-width: 699px) {
  /** Whole */
  .small--one-whole {
    width: 100%; }
  /* Halves */
  .small--one-half {
    width: 50%; }
  /* Thirds */
  .small--one-third {
    width: 33.333%; }
  .small--two-thirds {
    width: 66.666%; }
  /* Quarters */
  .small--one-quarter {
    width: 25%; }
  .small--two-quarters {
    width: 50%; }
  .small--three-quarters {
    width: 75%; }
  /* Fifths */
  .small--one-fifth {
    width: 20%; }
  .small--two-fifths {
    width: 40%; }
  .small--three-fifths {
    width: 60%; }
  .small--four-fifths {
    width: 80%; }
  /* Sixths */
  .small--one-sixth {
    width: 16.666%; }
  .small--two-sixths {
    width: 33.333%; }
  .small--three-sixths {
    width: 50%; }
  .small--four-sixths {
    width: 66.666%; }
  .small--five-sixths {
    width: 83.333%; }
  /* Eighths */
  .small--one-eighth {
    width: 12.5%; }
  .small--two-eighths {
    width: 25%; }
  .small--three-eighths {
    width: 37.5%; }
  .small--four-eighths {
    width: 50%; }
  .small--five-eighths {
    width: 62.5%; }
  .small--six-eighths {
    width: 75%; }
  .small--seven-eighths {
    width: 87.5%; }
  /* Tenths */
  .small--one-tenth {
    width: 10%; }
  .small--two-tenths {
    width: 20%; }
  .small--three-tenths {
    width: 30%; }
  .small--four-tenths {
    width: 40%; }
  .small--five-tenths {
    width: 50%; }
  .small--six-tenths {
    width: 60%; }
  .small--seven-tenths {
    width: 70%; }
  .small--eight-tenths {
    width: 80%; }
  .small--nine-tenths {
    width: 90%; }
  /* Twelfths */
  .small--one-twelfth {
    width: 8.333%; }
  .small--two-twelfths {
    width: 16.666%; }
  .small--three-twelfths {
    width: 25%; }
  .small--four-twelfths {
    width: 33.333%; }
  .small--five-twelfths {
    width: 41.666%; }
  .small--six-twelfths {
    width: 50%; }
  .small--seven-twelfths {
    width: 58.333%; }
  .small--eight-twelfths {
    width: 66.666%; }
  .small--nine-twelfths {
    width: 75%; }
  .small--ten-twelfths {
    width: 83.333%; }
  .small--eleven-twelfths {
    width: 91.666%; }
  .small--show {
    display: block !important; }
  .small--hide {
    display: none !important; }
  .small--text-left {
    text-align: left !important; }
  .small--text-right {
    text-align: right !important; }
  .small--text-center {
    text-align: center !important; }
  .small--left {
    float: left !important; }
  .small--right {
    float: right !important; }
  .grid-uniform .small--one-half:nth-child(2n+1),
  .grid-uniform .small--one-third:nth-child(3n+1),
  .grid-uniform .small--one-quarter:nth-child(4n+1),
  .grid-uniform .small--one-fifth:nth-child(5n+1),
  .grid-uniform .small--one-sixth:nth-child(6n+1),
  .grid-uniform .small--two-sixths:nth-child(3n+1),
  .grid-uniform .small--three-sixths:nth-child(2n+1),
  .grid-uniform .small--two-eighths:nth-child(4n+1),
  .grid-uniform .small--four-eighths:nth-child(2n+1),
  .grid-uniform .small--five-tenths:nth-child(2n+1),
  .grid-uniform .small--one-twelfth:nth-child(12n+1),
  .grid-uniform .small--two-twelfths:nth-child(6n+1),
  .grid-uniform .small--three-twelfths:nth-child(4n+1),
  .grid-uniform .small--four-twelfths:nth-child(3n+1),
  .grid-uniform .small--six-twelfths:nth-child(2n+1) {
    clear: both; } }

@media only screen and (min-width: 700px) and (max-width: 900px) {
  /** Whole */
  .medium--one-whole {
    width: 100%; }
  /* Halves */
  .medium--one-half {
    width: 50%; }
  /* Thirds */
  .medium--one-third {
    width: 33.333%; }
  .medium--two-thirds {
    width: 66.666%; }
  /* Quarters */
  .medium--one-quarter {
    width: 25%; }
  .medium--two-quarters {
    width: 50%; }
  .medium--three-quarters {
    width: 75%; }
  /* Fifths */
  .medium--one-fifth {
    width: 20%; }
  .medium--two-fifths {
    width: 40%; }
  .medium--three-fifths {
    width: 60%; }
  .medium--four-fifths {
    width: 80%; }
  /* Sixths */
  .medium--one-sixth {
    width: 16.666%; }
  .medium--two-sixths {
    width: 33.333%; }
  .medium--three-sixths {
    width: 50%; }
  .medium--four-sixths {
    width: 66.666%; }
  .medium--five-sixths {
    width: 83.333%; }
  /* Eighths */
  .medium--one-eighth {
    width: 12.5%; }
  .medium--two-eighths {
    width: 25%; }
  .medium--three-eighths {
    width: 37.5%; }
  .medium--four-eighths {
    width: 50%; }
  .medium--five-eighths {
    width: 62.5%; }
  .medium--six-eighths {
    width: 75%; }
  .medium--seven-eighths {
    width: 87.5%; }
  /* Tenths */
  .medium--one-tenth {
    width: 10%; }
  .medium--two-tenths {
    width: 20%; }
  .medium--three-tenths {
    width: 30%; }
  .medium--four-tenths {
    width: 40%; }
  .medium--five-tenths {
    width: 50%; }
  .medium--six-tenths {
    width: 60%; }
  .medium--seven-tenths {
    width: 70%; }
  .medium--eight-tenths {
    width: 80%; }
  .medium--nine-tenths {
    width: 90%; }
  /* Twelfths */
  .medium--one-twelfth {
    width: 8.333%; }
  .medium--two-twelfths {
    width: 16.666%; }
  .medium--three-twelfths {
    width: 25%; }
  .medium--four-twelfths {
    width: 33.333%; }
  .medium--five-twelfths {
    width: 41.666%; }
  .medium--six-twelfths {
    width: 50%; }
  .medium--seven-twelfths {
    width: 58.333%; }
  .medium--eight-twelfths {
    width: 66.666%; }
  .medium--nine-twelfths {
    width: 75%; }
  .medium--ten-twelfths {
    width: 83.333%; }
  .medium--eleven-twelfths {
    width: 91.666%; }
  .medium--show {
    display: block !important; }
  .medium--hide {
    display: none !important; }
  .medium--text-left {
    text-align: left !important; }
  .medium--text-right {
    text-align: right !important; }
  .medium--text-center {
    text-align: center !important; }
  .medium--left {
    float: left !important; }
  .medium--right {
    float: right !important; }
  .grid-uniform .medium--one-half:nth-child(2n+1),
  .grid-uniform .medium--one-third:nth-child(3n+1),
  .grid-uniform .medium--one-quarter:nth-child(4n+1),
  .grid-uniform .medium--one-fifth:nth-child(5n+1),
  .grid-uniform .medium--one-sixth:nth-child(6n+1),
  .grid-uniform .medium--two-sixths:nth-child(3n+1),
  .grid-uniform .medium--three-sixths:nth-child(2n+1),
  .grid-uniform .medium--two-eighths:nth-child(4n+1),
  .grid-uniform .medium--four-eighths:nth-child(2n+1),
  .grid-uniform .medium--five-tenths:nth-child(2n+1),
  .grid-uniform .medium--one-twelfth:nth-child(12n+1),
  .grid-uniform .medium--two-twelfths:nth-child(6n+1),
  .grid-uniform .medium--three-twelfths:nth-child(4n+1),
  .grid-uniform .medium--four-twelfths:nth-child(3n+1),
  .grid-uniform .medium--six-twelfths:nth-child(2n+1) {
    clear: both; } }

@media only screen and (max-width: 900px) {
  /** Whole */
  .medium-down--one-whole {
    width: 100%; }
  /* Halves */
  .medium-down--one-half {
    width: 50%; }
  /* Thirds */
  .medium-down--one-third {
    width: 33.333%; }
  .medium-down--two-thirds {
    width: 66.666%; }
  /* Quarters */
  .medium-down--one-quarter {
    width: 25%; }
  .medium-down--two-quarters {
    width: 50%; }
  .medium-down--three-quarters {
    width: 75%; }
  /* Fifths */
  .medium-down--one-fifth {
    width: 20%; }
  .medium-down--two-fifths {
    width: 40%; }
  .medium-down--three-fifths {
    width: 60%; }
  .medium-down--four-fifths {
    width: 80%; }
  /* Sixths */
  .medium-down--one-sixth {
    width: 16.666%; }
  .medium-down--two-sixths {
    width: 33.333%; }
  .medium-down--three-sixths {
    width: 50%; }
  .medium-down--four-sixths {
    width: 66.666%; }
  .medium-down--five-sixths {
    width: 83.333%; }
  /* Eighths */
  .medium-down--one-eighth {
    width: 12.5%; }
  .medium-down--two-eighths {
    width: 25%; }
  .medium-down--three-eighths {
    width: 37.5%; }
  .medium-down--four-eighths {
    width: 50%; }
  .medium-down--five-eighths {
    width: 62.5%; }
  .medium-down--six-eighths {
    width: 75%; }
  .medium-down--seven-eighths {
    width: 87.5%; }
  /* Tenths */
  .medium-down--one-tenth {
    width: 10%; }
  .medium-down--two-tenths {
    width: 20%; }
  .medium-down--three-tenths {
    width: 30%; }
  .medium-down--four-tenths {
    width: 40%; }
  .medium-down--five-tenths {
    width: 50%; }
  .medium-down--six-tenths {
    width: 60%; }
  .medium-down--seven-tenths {
    width: 70%; }
  .medium-down--eight-tenths {
    width: 80%; }
  .medium-down--nine-tenths {
    width: 90%; }
  /* Twelfths */
  .medium-down--one-twelfth {
    width: 8.333%; }
  .medium-down--two-twelfths {
    width: 16.666%; }
  .medium-down--three-twelfths {
    width: 25%; }
  .medium-down--four-twelfths {
    width: 33.333%; }
  .medium-down--five-twelfths {
    width: 41.666%; }
  .medium-down--six-twelfths {
    width: 50%; }
  .medium-down--seven-twelfths {
    width: 58.333%; }
  .medium-down--eight-twelfths {
    width: 66.666%; }
  .medium-down--nine-twelfths {
    width: 75%; }
  .medium-down--ten-twelfths {
    width: 83.333%; }
  .medium-down--eleven-twelfths {
    width: 91.666%; }
  .medium-down--show {
    display: block !important; }
  .medium-down--hide {
    display: none !important; }
  .medium-down--text-left {
    text-align: left !important; }
  .medium-down--text-right {
    text-align: right !important; }
  .medium-down--text-center {
    text-align: center !important; }
  .medium-down--left {
    float: left !important; }
  .medium-down--right {
    float: right !important; }
  .grid-uniform .medium-down--one-half:nth-child(2n+1),
  .grid-uniform .medium-down--one-third:nth-child(3n+1),
  .grid-uniform .medium-down--one-quarter:nth-child(4n+1),
  .grid-uniform .medium-down--one-fifth:nth-child(5n+1),
  .grid-uniform .medium-down--one-sixth:nth-child(6n+1),
  .grid-uniform .medium-down--two-sixths:nth-child(3n+1),
  .grid-uniform .medium-down--three-sixths:nth-child(2n+1),
  .grid-uniform .medium-down--two-eighths:nth-child(4n+1),
  .grid-uniform .medium-down--four-eighths:nth-child(2n+1),
  .grid-uniform .medium-down--five-tenths:nth-child(2n+1),
  .grid-uniform .medium-down--one-twelfth:nth-child(12n+1),
  .grid-uniform .medium-down--two-twelfths:nth-child(6n+1),
  .grid-uniform .medium-down--three-twelfths:nth-child(4n+1),
  .grid-uniform .medium-down--four-twelfths:nth-child(3n+1),
  .grid-uniform .medium-down--six-twelfths:nth-child(2n+1) {
    clear: both; } }

@media only screen and (min-width: 901px) {
  /** Whole */
  .large--one-whole {
    width: 100%; }
  /* Halves */
  .large--one-half {
    width: 50%; }
  /* Thirds */
  .large--one-third {
    width: 33.333%; }
  .large--two-thirds {
    width: 66.666%; }
  /* Quarters */
  .large--one-quarter {
    width: 25%; }
  .large--two-quarters {
    width: 50%; }
  .large--three-quarters {
    width: 75%; }
  /* Fifths */
  .large--one-fifth {
    width: 20%; }
  .large--two-fifths {
    width: 40%; }
  .large--three-fifths {
    width: 60%; }
  .large--four-fifths {
    width: 80%; }
  /* Sixths */
  .large--one-sixth {
    width: 16.666%; }
  .large--two-sixths {
    width: 33.333%; }
  .large--three-sixths {
    width: 50%; }
  .large--four-sixths {
    width: 66.666%; }
  .large--five-sixths {
    width: 83.333%; }
  /* Eighths */
  .large--one-eighth {
    width: 12.5%; }
  .large--two-eighths {
    width: 25%; }
  .large--three-eighths {
    width: 37.5%; }
  .large--four-eighths {
    width: 50%; }
  .large--five-eighths {
    width: 62.5%; }
  .large--six-eighths {
    width: 75%; }
  .large--seven-eighths {
    width: 87.5%; }
  /* Tenths */
  .large--one-tenth {
    width: 10%; }
  .large--two-tenths {
    width: 20%; }
  .large--three-tenths {
    width: 30%; }
  .large--four-tenths {
    width: 40%; }
  .large--five-tenths {
    width: 50%; }
  .large--six-tenths {
    width: 60%; }
  .large--seven-tenths {
    width: 70%; }
  .large--eight-tenths {
    width: 80%; }
  .large--nine-tenths {
    width: 90%; }
  /* Twelfths */
  .large--one-twelfth {
    width: 8.333%; }
  .large--two-twelfths {
    width: 16.666%; }
  .large--three-twelfths {
    width: 25%; }
  .large--four-twelfths {
    width: 33.333%; }
  .large--five-twelfths {
    width: 41.666%; }
  .large--six-twelfths {
    width: 50%; }
  .large--seven-twelfths {
    width: 58.333%; }
  .large--eight-twelfths {
    width: 66.666%; }
  .large--nine-twelfths {
    width: 75%; }
  .large--ten-twelfths {
    width: 83.333%; }
  .large--eleven-twelfths {
    width: 91.666%; }
  .large--show {
    display: block !important; }
  .large--hide {
    display: none !important; }
  .large--text-left {
    text-align: left !important; }
  .large--text-right {
    text-align: right !important; }
  .large--text-center {
    text-align: center !important; }
  .large--left {
    float: left !important; }
  .large--right {
    float: right !important; }
  .grid-uniform .large--one-half:nth-child(2n+1),
  .grid-uniform .large--one-third:nth-child(3n+1),
  .grid-uniform .large--one-quarter:nth-child(4n+1),
  .grid-uniform .large--one-fifth:nth-child(5n+1),
  .grid-uniform .large--one-sixth:nth-child(6n+1),
  .grid-uniform .large--two-sixths:nth-child(3n+1),
  .grid-uniform .large--three-sixths:nth-child(2n+1),
  .grid-uniform .large--two-eighths:nth-child(4n+1),
  .grid-uniform .large--four-eighths:nth-child(2n+1),
  .grid-uniform .large--five-tenths:nth-child(2n+1),
  .grid-uniform .large--one-twelfth:nth-child(12n+1),
  .grid-uniform .large--two-twelfths:nth-child(6n+1),
  .grid-uniform .large--three-twelfths:nth-child(4n+1),
  .grid-uniform .large--four-twelfths:nth-child(3n+1),
  .grid-uniform .large--six-twelfths:nth-child(2n+1) {
    clear: both; } }

@media only screen and (min-width: 901px) {
  /** Whole */
  .medium-up--one-whole {
    width: 100%; }
  /* Halves */
  .medium-up--one-half {
    width: 50%; }
  /* Thirds */
  .medium-up--one-third {
    width: 33.333%; }
  .medium-up--two-thirds {
    width: 66.666%; }
  /* Quarters */
  .medium-up--one-quarter {
    width: 25%; }
  .medium-up--two-quarters {
    width: 50%; }
  .medium-up--three-quarters {
    width: 75%; }
  /* Fifths */
  .medium-up--one-fifth {
    width: 20%; }
  .medium-up--two-fifths {
    width: 40%; }
  .medium-up--three-fifths {
    width: 60%; }
  .medium-up--four-fifths {
    width: 80%; }
  /* Sixths */
  .medium-up--one-sixth {
    width: 16.666%; }
  .medium-up--two-sixths {
    width: 33.333%; }
  .medium-up--three-sixths {
    width: 50%; }
  .medium-up--four-sixths {
    width: 66.666%; }
  .medium-up--five-sixths {
    width: 83.333%; }
  /* Eighths */
  .medium-up--one-eighth {
    width: 12.5%; }
  .medium-up--two-eighths {
    width: 25%; }
  .medium-up--three-eighths {
    width: 37.5%; }
  .medium-up--four-eighths {
    width: 50%; }
  .medium-up--five-eighths {
    width: 62.5%; }
  .medium-up--six-eighths {
    width: 75%; }
  .medium-up--seven-eighths {
    width: 87.5%; }
  /* Tenths */
  .medium-up--one-tenth {
    width: 10%; }
  .medium-up--two-tenths {
    width: 20%; }
  .medium-up--three-tenths {
    width: 30%; }
  .medium-up--four-tenths {
    width: 40%; }
  .medium-up--five-tenths {
    width: 50%; }
  .medium-up--six-tenths {
    width: 60%; }
  .medium-up--seven-tenths {
    width: 70%; }
  .medium-up--eight-tenths {
    width: 80%; }
  .medium-up--nine-tenths {
    width: 90%; }
  /* Twelfths */
  .medium-up--one-twelfth {
    width: 8.333%; }
  .medium-up--two-twelfths {
    width: 16.666%; }
  .medium-up--three-twelfths {
    width: 25%; }
  .medium-up--four-twelfths {
    width: 33.333%; }
  .medium-up--five-twelfths {
    width: 41.666%; }
  .medium-up--six-twelfths {
    width: 50%; }
  .medium-up--seven-twelfths {
    width: 58.333%; }
  .medium-up--eight-twelfths {
    width: 66.666%; }
  .medium-up--nine-twelfths {
    width: 75%; }
  .medium-up--ten-twelfths {
    width: 83.333%; }
  .medium-up--eleven-twelfths {
    width: 91.666%; }
  .medium-up--show {
    display: block !important; }
  .medium-up--hide {
    display: none !important; }
  .medium-up--text-left {
    text-align: left !important; }
  .medium-up--text-right {
    text-align: right !important; }
  .medium-up--text-center {
    text-align: center !important; }
  .medium-up--left {
    float: left !important; }
  .medium-up--right {
    float: right !important; }
  .grid-uniform .medium-up--one-half:nth-child(2n+1),
  .grid-uniform .medium-up--one-third:nth-child(3n+1),
  .grid-uniform .medium-up--one-quarter:nth-child(4n+1),
  .grid-uniform .medium-up--one-fifth:nth-child(5n+1),
  .grid-uniform .medium-up--one-sixth:nth-child(6n+1),
  .grid-uniform .medium-up--two-sixths:nth-child(3n+1),
  .grid-uniform .medium-up--three-sixths:nth-child(2n+1),
  .grid-uniform .medium-up--two-eighths:nth-child(4n+1),
  .grid-uniform .medium-up--four-eighths:nth-child(2n+1),
  .grid-uniform .medium-up--five-tenths:nth-child(2n+1),
  .grid-uniform .medium-up--one-twelfth:nth-child(12n+1),
  .grid-uniform .medium-up--two-twelfths:nth-child(6n+1),
  .grid-uniform .medium-up--three-twelfths:nth-child(4n+1),
  .grid-uniform .medium-up--four-twelfths:nth-child(3n+1),
  .grid-uniform .medium-up--six-twelfths:nth-child(2n+1) {
    clear: both; } }

@media only screen and (min-width: 901px) {
  /** Whole */
  .post-large--one-whole {
    width: 100%; }
  /* Halves */
  .post-large--one-half {
    width: 50%; }
  /* Thirds */
  .post-large--one-third {
    width: 33.333%; }
  .post-large--two-thirds {
    width: 66.666%; }
  /* Quarters */
  .post-large--one-quarter {
    width: 25%; }
  .post-large--two-quarters {
    width: 50%; }
  .post-large--three-quarters {
    width: 75%; }
  /* Fifths */
  .post-large--one-fifth {
    width: 20%; }
  .post-large--two-fifths {
    width: 40%; }
  .post-large--three-fifths {
    width: 60%; }
  .post-large--four-fifths {
    width: 80%; }
  /* Sixths */
  .post-large--one-sixth {
    width: 16.666%; }
  .post-large--two-sixths {
    width: 33.333%; }
  .post-large--three-sixths {
    width: 50%; }
  .post-large--four-sixths {
    width: 66.666%; }
  .post-large--five-sixths {
    width: 83.333%; }
  /* Eighths */
  .post-large--one-eighth {
    width: 12.5%; }
  .post-large--two-eighths {
    width: 25%; }
  .post-large--three-eighths {
    width: 37.5%; }
  .post-large--four-eighths {
    width: 50%; }
  .post-large--five-eighths {
    width: 62.5%; }
  .post-large--six-eighths {
    width: 75%; }
  .post-large--seven-eighths {
    width: 87.5%; }
  /* Tenths */
  .post-large--one-tenth {
    width: 10%; }
  .post-large--two-tenths {
    width: 20%; }
  .post-large--three-tenths {
    width: 30%; }
  .post-large--four-tenths {
    width: 40%; }
  .post-large--five-tenths {
    width: 50%; }
  .post-large--six-tenths {
    width: 60%; }
  .post-large--seven-tenths {
    width: 70%; }
  .post-large--eight-tenths {
    width: 80%; }
  .post-large--nine-tenths {
    width: 90%; }
  /* Twelfths */
  .post-large--one-twelfth {
    width: 8.333%; }
  .post-large--two-twelfths {
    width: 16.666%; }
  .post-large--three-twelfths {
    width: 25%; }
  .post-large--four-twelfths {
    width: 33.333%; }
  .post-large--five-twelfths {
    width: 41.666%; }
  .post-large--six-twelfths {
    width: 50%; }
  .post-large--seven-twelfths {
    width: 58.333%; }
  .post-large--eight-twelfths {
    width: 66.666%; }
  .post-large--nine-twelfths {
    width: 75%; }
  .post-large--ten-twelfths {
    width: 83.333%; }
  .post-large--eleven-twelfths {
    width: 91.666%; }
  .post-large--show {
    display: block !important; }
  .post-large--hide {
    display: none !important; }
  .post-large--text-left {
    text-align: left !important; }
  .post-large--text-right {
    text-align: right !important; }
  .post-large--text-center {
    text-align: center !important; }
  .post-large--left {
    float: left !important; }
  .post-large--right {
    float: right !important; }
  .grid-uniform .post-large--one-half:nth-child(2n+1),
  .grid-uniform .post-large--one-third:nth-child(3n+1),
  .grid-uniform .post-large--one-quarter:nth-child(4n+1),
  .grid-uniform .post-large--one-fifth:nth-child(5n+1),
  .grid-uniform .post-large--one-sixth:nth-child(6n+1),
  .grid-uniform .post-large--two-sixths:nth-child(3n+1),
  .grid-uniform .post-large--three-sixths:nth-child(2n+1),
  .grid-uniform .post-large--two-eighths:nth-child(4n+1),
  .grid-uniform .post-large--four-eighths:nth-child(2n+1),
  .grid-uniform .post-large--five-tenths:nth-child(2n+1),
  .grid-uniform .post-large--one-twelfth:nth-child(12n+1),
  .grid-uniform .post-large--two-twelfths:nth-child(6n+1),
  .grid-uniform .post-large--three-twelfths:nth-child(4n+1),
  .grid-uniform .post-large--four-twelfths:nth-child(3n+1),
  .grid-uniform .post-large--six-twelfths:nth-child(2n+1) {
    clear: both; } }

/*============================================================================
  PUSH
    - Push classes, to move grid items over to the right by certain amounts
==============================================================================*/
[class*="push--"] {
  position: relative; }

/* Whole */
.push--one-whole {
  left: 100%; }

/* Halves */
.push--one-half {
  left: 50%; }

/* Thirds */
.push--one-third {
  left: 33.333%; }

.push--two-thirds {
  left: 66.666%; }

/* Quarters */
.push--one-quarter {
  left: 25%; }

.push--two-quarters {
  left: 50%; }

.push--three-quarters {
  left: 75%; }

/* Fifths */
.push--one-fifth {
  left: 20%; }

.push--two-fifths {
  left: 40%; }

.push--three-fifths {
  left: 60%; }

.push--four-fifths {
  left: 80%; }

/* Sixths */
.push--one-sixth {
  left: 16.666%; }

.push--two-sixths {
  left: 33.333%; }

.push--three-sixths {
  left: 50%; }

.push--four-sixths {
  left: 66.666%; }

.push--five-sixths {
  left: 83.333%; }

/* Eighths */
.push--one-eighth {
  left: 12.5%; }

.push--two-eighths {
  left: 25%; }

.push--three-eighths {
  left: 37.5%; }

.push--four-eighths {
  left: 50%; }

.push--five-eighths {
  left: 62.5%; }

.push--six-eighths {
  left: 75%; }

.push--seven-eighths {
  left: 87.5%; }

/* Tenths */
.push--one-tenth {
  left: 10%; }

.push--two-tenths {
  left: 20%; }

.push--three-tenths {
  left: 30%; }

.push--four-tenths {
  left: 40%; }

.push--five-tenths {
  left: 50%; }

.push--six-tenths {
  left: 60%; }

.push--seven-tenths {
  left: 70%; }

.push--eight-tenths {
  left: 80%; }

.push--nine-tenths {
  left: 90%; }

/* Twelfths */
.push--one-twelfth {
  left: 8.333%; }

.push--two-twelfths {
  left: 16.666%; }

.push--three-twelfths {
  left: 25%; }

.push--four-twelfths {
  left: 33.333%; }

.push--five-twelfths {
  left: 41.666%; }

.push--six-twelfths {
  left: 50%; }

.push--seven-twelfths {
  left: 58.333%; }

.push--eight-twelfths {
  left: 66.666%; }

.push--nine-twelfths {
  left: 75%; }

.push--ten-twelfths {
  left: 83.333%; }

.push--eleven-twelfths {
  left: 91.666%; }

@media only screen and (min-width: 700px) and (max-width: 900px) {
  /* Whole */
  .push--medium--one-whole {
    left: 100%; }
  /* Halves */
  .push--medium--one-half {
    left: 50%; }
  /* Thirds */
  .push--medium--one-third {
    left: 33.333%; }
  .push--medium--two-thirds {
    left: 66.666%; }
  /* Quarters */
  .push--medium--one-quarter {
    left: 25%; }
  .push--medium--two-quarters {
    left: 50%; }
  .push--medium--three-quarters {
    left: 75%; }
  /* Fifths */
  .push--medium--one-fifth {
    left: 20%; }
  .push--medium--two-fifths {
    left: 40%; }
  .push--medium--three-fifths {
    left: 60%; }
  .push--medium--four-fifths {
    left: 80%; }
  /* Sixths */
  .push--medium--one-sixth {
    left: 16.666%; }
  .push--medium--two-sixths {
    left: 33.333%; }
  .push--medium--three-sixths {
    left: 50%; }
  .push--medium--four-sixths {
    left: 66.666%; }
  .push--medium--five-sixths {
    left: 83.333%; }
  /* Eighths */
  .push--medium--one-eighth {
    left: 12.5%; }
  .push--medium--two-eighths {
    left: 25%; }
  .push--medium--three-eighths {
    left: 37.5%; }
  .push--medium--four-eighths {
    left: 50%; }
  .push--medium--five-eighths {
    left: 62.5%; }
  .push--medium--six-eighths {
    left: 75%; }
  .push--medium--seven-eighths {
    left: 87.5%; }
  /* Tenths */
  .push--medium--one-tenth {
    left: 10%; }
  .push--medium--two-tenths {
    left: 20%; }
  .push--medium--three-tenths {
    left: 30%; }
  .push--medium--four-tenths {
    left: 40%; }
  .push--medium--five-tenths {
    left: 50%; }
  .push--medium--six-tenths {
    left: 60%; }
  .push--medium--seven-tenths {
    left: 70%; }
  .push--medium--eight-tenths {
    left: 80%; }
  .push--medium--nine-tenths {
    left: 90%; }
  /* Twelfths */
  .push--medium--one-twelfth {
    left: 8.333%; }
  .push--medium--two-twelfths {
    left: 16.666%; }
  .push--medium--three-twelfths {
    left: 25%; }
  .push--medium--four-twelfths {
    left: 33.333%; }
  .push--medium--five-twelfths {
    left: 41.666%; }
  .push--medium--six-twelfths {
    left: 50%; }
  .push--medium--seven-twelfths {
    left: 58.333%; }
  .push--medium--eight-twelfths {
    left: 66.666%; }
  .push--medium--nine-twelfths {
    left: 75%; }
  .push--medium--ten-twelfths {
    left: 83.333%; }
  .push--medium--eleven-twelfths {
    left: 91.666%; } }

@media only screen and (max-width: 900px) {
  /* Whole */
  .push--medium-down--one-whole {
    left: 100%; }
  /* Halves */
  .push--medium-down--one-half {
    left: 50%; }
  /* Thirds */
  .push--medium-down--one-third {
    left: 33.333%; }
  .push--medium-down--two-thirds {
    left: 66.666%; }
  /* Quarters */
  .push--medium-down--one-quarter {
    left: 25%; }
  .push--medium-down--two-quarters {
    left: 50%; }
  .push--medium-down--three-quarters {
    left: 75%; }
  /* Fifths */
  .push--medium-down--one-fifth {
    left: 20%; }
  .push--medium-down--two-fifths {
    left: 40%; }
  .push--medium-down--three-fifths {
    left: 60%; }
  .push--medium-down--four-fifths {
    left: 80%; }
  /* Sixths */
  .push--medium-down--one-sixth {
    left: 16.666%; }
  .push--medium-down--two-sixths {
    left: 33.333%; }
  .push--medium-down--three-sixths {
    left: 50%; }
  .push--medium-down--four-sixths {
    left: 66.666%; }
  .push--medium-down--five-sixths {
    left: 83.333%; }
  /* Eighths */
  .push--medium-down--one-eighth {
    left: 12.5%; }
  .push--medium-down--two-eighths {
    left: 25%; }
  .push--medium-down--three-eighths {
    left: 37.5%; }
  .push--medium-down--four-eighths {
    left: 50%; }
  .push--medium-down--five-eighths {
    left: 62.5%; }
  .push--medium-down--six-eighths {
    left: 75%; }
  .push--medium-down--seven-eighths {
    left: 87.5%; }
  /* Tenths */
  .push--medium-down--one-tenth {
    left: 10%; }
  .push--medium-down--two-tenths {
    left: 20%; }
  .push--medium-down--three-tenths {
    left: 30%; }
  .push--medium-down--four-tenths {
    left: 40%; }
  .push--medium-down--five-tenths {
    left: 50%; }
  .push--medium-down--six-tenths {
    left: 60%; }
  .push--medium-down--seven-tenths {
    left: 70%; }
  .push--medium-down--eight-tenths {
    left: 80%; }
  .push--medium-down--nine-tenths {
    left: 90%; }
  /* Twelfths */
  .push--medium-down--one-twelfth {
    left: 8.333%; }
  .push--medium-down--two-twelfths {
    left: 16.666%; }
  .push--medium-down--three-twelfths {
    left: 25%; }
  .push--medium-down--four-twelfths {
    left: 33.333%; }
  .push--medium-down--five-twelfths {
    left: 41.666%; }
  .push--medium-down--six-twelfths {
    left: 50%; }
  .push--medium-down--seven-twelfths {
    left: 58.333%; }
  .push--medium-down--eight-twelfths {
    left: 66.666%; }
  .push--medium-down--nine-twelfths {
    left: 75%; }
  .push--medium-down--ten-twelfths {
    left: 83.333%; }
  .push--medium-down--eleven-twelfths {
    left: 91.666%; } }

@media only screen and (min-width: 901px) {
  /* Whole */
  .push--large--one-whole {
    left: 100%; }
  /* Halves */
  .push--large--one-half {
    left: 50%; }
  /* Thirds */
  .push--large--one-third {
    left: 33.333%; }
  .push--large--two-thirds {
    left: 66.666%; }
  /* Quarters */
  .push--large--one-quarter {
    left: 25%; }
  .push--large--two-quarters {
    left: 50%; }
  .push--large--three-quarters {
    left: 75%; }
  /* Fifths */
  .push--large--one-fifth {
    left: 20%; }
  .push--large--two-fifths {
    left: 40%; }
  .push--large--three-fifths {
    left: 60%; }
  .push--large--four-fifths {
    left: 80%; }
  /* Sixths */
  .push--large--one-sixth {
    left: 16.666%; }
  .push--large--two-sixths {
    left: 33.333%; }
  .push--large--three-sixths {
    left: 50%; }
  .push--large--four-sixths {
    left: 66.666%; }
  .push--large--five-sixths {
    left: 83.333%; }
  /* Eighths */
  .push--large--one-eighth {
    left: 12.5%; }
  .push--large--two-eighths {
    left: 25%; }
  .push--large--three-eighths {
    left: 37.5%; }
  .push--large--four-eighths {
    left: 50%; }
  .push--large--five-eighths {
    left: 62.5%; }
  .push--large--six-eighths {
    left: 75%; }
  .push--large--seven-eighths {
    left: 87.5%; }
  /* Tenths */
  .push--large--one-tenth {
    left: 10%; }
  .push--large--two-tenths {
    left: 20%; }
  .push--large--three-tenths {
    left: 30%; }
  .push--large--four-tenths {
    left: 40%; }
  .push--large--five-tenths {
    left: 50%; }
  .push--large--six-tenths {
    left: 60%; }
  .push--large--seven-tenths {
    left: 70%; }
  .push--large--eight-tenths {
    left: 80%; }
  .push--large--nine-tenths {
    left: 90%; }
  /* Twelfths */
  .push--large--one-twelfth {
    left: 8.333%; }
  .push--large--two-twelfths {
    left: 16.666%; }
  .push--large--three-twelfths {
    left: 25%; }
  .push--large--four-twelfths {
    left: 33.333%; }
  .push--large--five-twelfths {
    left: 41.666%; }
  .push--large--six-twelfths {
    left: 50%; }
  .push--large--seven-twelfths {
    left: 58.333%; }
  .push--large--eight-twelfths {
    left: 66.666%; }
  .push--large--nine-twelfths {
    left: 75%; }
  .push--large--ten-twelfths {
    left: 83.333%; }
  .push--large--eleven-twelfths {
    left: 91.666%; } }

@media only screen and (min-width: 901px) {
  /* Whole */
  .push--post-large--one-whole {
    left: 100%; }
  /* Halves */
  .push--post-large--one-half {
    left: 50%; }
  /* Thirds */
  .push--post-large--one-third {
    left: 33.333%; }
  .push--post-large--two-thirds {
    left: 66.666%; }
  /* Quarters */
  .push--post-large--one-quarter {
    left: 25%; }
  .push--post-large--two-quarters {
    left: 50%; }
  .push--post-large--three-quarters {
    left: 75%; }
  /* Fifths */
  .push--post-large--one-fifth {
    left: 20%; }
  .push--post-large--two-fifths {
    left: 40%; }
  .push--post-large--three-fifths {
    left: 60%; }
  .push--post-large--four-fifths {
    left: 80%; }
  /* Sixths */
  .push--post-large--one-sixth {
    left: 16.666%; }
  .push--post-large--two-sixths {
    left: 33.333%; }
  .push--post-large--three-sixths {
    left: 50%; }
  .push--post-large--four-sixths {
    left: 66.666%; }
  .push--post-large--five-sixths {
    left: 83.333%; }
  /* Eighths */
  .push--post-large--one-eighth {
    left: 12.5%; }
  .push--post-large--two-eighths {
    left: 25%; }
  .push--post-large--three-eighths {
    left: 37.5%; }
  .push--post-large--four-eighths {
    left: 50%; }
  .push--post-large--five-eighths {
    left: 62.5%; }
  .push--post-large--six-eighths {
    left: 75%; }
  .push--post-large--seven-eighths {
    left: 87.5%; }
  /* Tenths */
  .push--post-large--one-tenth {
    left: 10%; }
  .push--post-large--two-tenths {
    left: 20%; }
  .push--post-large--three-tenths {
    left: 30%; }
  .push--post-large--four-tenths {
    left: 40%; }
  .push--post-large--five-tenths {
    left: 50%; }
  .push--post-large--six-tenths {
    left: 60%; }
  .push--post-large--seven-tenths {
    left: 70%; }
  .push--post-large--eight-tenths {
    left: 80%; }
  .push--post-large--nine-tenths {
    left: 90%; }
  /* Twelfths */
  .push--post-large--one-twelfth {
    left: 8.333%; }
  .push--post-large--two-twelfths {
    left: 16.666%; }
  .push--post-large--three-twelfths {
    left: 25%; }
  .push--post-large--four-twelfths {
    left: 33.333%; }
  .push--post-large--five-twelfths {
    left: 41.666%; }
  .push--post-large--six-twelfths {
    left: 50%; }
  .push--post-large--seven-twelfths {
    left: 58.333%; }
  .push--post-large--eight-twelfths {
    left: 66.666%; }
  .push--post-large--nine-twelfths {
    left: 75%; }
  .push--post-large--ten-twelfths {
    left: 83.333%; }
  .push--post-large--eleven-twelfths {
    left: 91.666%; } }

@media only screen and (min-width: 901px) {
  /* Whole */
  .push--medium-up--one-whole {
    left: 100%; }
  /* Halves */
  .push--medium-up--one-half {
    left: 50%; }
  /* Thirds */
  .push--medium-up--one-third {
    left: 33.333%; }
  .push--medium-up--two-thirds {
    left: 66.666%; }
  /* Quarters */
  .push--medium-up--one-quarter {
    left: 25%; }
  .push--medium-up--two-quarters {
    left: 50%; }
  .push--medium-up--three-quarters {
    left: 75%; }
  /* Fifths */
  .push--medium-up--one-fifth {
    left: 20%; }
  .push--medium-up--two-fifths {
    left: 40%; }
  .push--medium-up--three-fifths {
    left: 60%; }
  .push--medium-up--four-fifths {
    left: 80%; }
  /* Sixths */
  .push--medium-up--one-sixth {
    left: 16.666%; }
  .push--medium-up--two-sixths {
    left: 33.333%; }
  .push--medium-up--three-sixths {
    left: 50%; }
  .push--medium-up--four-sixths {
    left: 66.666%; }
  .push--medium-up--five-sixths {
    left: 83.333%; }
  /* Eighths */
  .push--medium-up--one-eighth {
    left: 12.5%; }
  .push--medium-up--two-eighths {
    left: 25%; }
  .push--medium-up--three-eighths {
    left: 37.5%; }
  .push--medium-up--four-eighths {
    left: 50%; }
  .push--medium-up--five-eighths {
    left: 62.5%; }
  .push--medium-up--six-eighths {
    left: 75%; }
  .push--medium-up--seven-eighths {
    left: 87.5%; }
  /* Tenths */
  .push--medium-up--one-tenth {
    left: 10%; }
  .push--medium-up--two-tenths {
    left: 20%; }
  .push--medium-up--three-tenths {
    left: 30%; }
  .push--medium-up--four-tenths {
    left: 40%; }
  .push--medium-up--five-tenths {
    left: 50%; }
  .push--medium-up--six-tenths {
    left: 60%; }
  .push--medium-up--seven-tenths {
    left: 70%; }
  .push--medium-up--eight-tenths {
    left: 80%; }
  .push--medium-up--nine-tenths {
    left: 90%; }
  /* Twelfths */
  .push--medium-up--one-twelfth {
    left: 8.333%; }
  .push--medium-up--two-twelfths {
    left: 16.666%; }
  .push--medium-up--three-twelfths {
    left: 25%; }
  .push--medium-up--four-twelfths {
    left: 33.333%; }
  .push--medium-up--five-twelfths {
    left: 41.666%; }
  .push--medium-up--six-twelfths {
    left: 50%; }
  .push--medium-up--seven-twelfths {
    left: 58.333%; }
  .push--medium-up--eight-twelfths {
    left: 66.666%; }
  .push--medium-up--nine-twelfths {
    left: 75%; }
  .push--medium-up--ten-twelfths {
    left: 83.333%; }
  .push--medium-up--eleven-twelfths {
    left: 91.666%; } }

/*============================================================================
  PULL
    - Pull classes, to move grid items back to the left by certain amounts
==============================================================================*/
/*================ Partials | Helper Classes ================*/
.clearfix {
  *zoom: 1; }
  .clearfix:after {
    content: "";
    display: table;
    clear: both; }

.display-table {
  display: table;
  table-layout: fixed;
  width: 100%; }

.display-table-cell {
  display: table-cell;
  vertical-align: middle;
  float: none; }

@media screen and (min-width: 901px) {
  .post-large--display-table {
    display: table;
    table-layout: fixed;
    width: 100%; }
  .post-large--display-table-cell {
    display: table-cell;
    vertical-align: middle;
    float: none; } }

.visually-hidden {
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  position: absolute;
  height: 1px;
  width: 1px; }

/*  Text alignment */
.text-center {
  text-align: center; }

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

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

.float-right {
  float: right; }

.full-width {
  width: 100%; }

.centerY {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%; }

.centerX, #fixed-bg img {
  position: absolute;
  left: 50%;
  transform: translateX(-50%); }

.center, .social-icon div {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }

@font-face {
  font-family: 'bebas-neue-regular';
  src: url("/fonts/BebasNeue-Regular.ttf"); }

@font-face {
  font-family: 'bebas-neue';
  src: url("/fonts/BebasNeue-webfont.ttf"); }

@font-face {
  font-family: 'lato-regular';
  src: url("/fonts/Lato-Regular.ttf"); }

@font-face {
  font-family: 'lato-bold';
  src: url("/fonts/Lato-Bold.ttf"); }

@font-face {
  font-family: "pantera";
  src: url("/fonts/pantera.eot?fix3a7");
  src: url("/fonts/pantera.eot?fix3a7#iefix") format("embedded-opentype"), url("/fonts/pantera.ttf?fix3a7") format("truetype"), url("/fonts/pantera.woff?fix3a7") format("woff"), url("/fonts/pantera.svg?fix3a7#pantera") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "pantera" !important;
  speak: none;
  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; }

.icon-icon-down:before {
  content: "\E906"; }

.icon-arrow-up:before {
  content: "\E901"; }

.icon-arrow-down:before {
  content: "\E902"; }

.icon-phone:before {
  content: "\E900";
  color: #fff; }

.icon-twitter:before {
  content: "\E903";
  color: #fff; }

.icon-instagram:before {
  content: "\E904";
  color: #fff; }

.icon-facebook:before {
  content: "\E905";
  color: #fff; }

.icon-cross:before {
  content: "\EA0F"; }

::-moz-selection {
  background: rgba(0, 0, 0, 0); }

::selection {
  background: rgba(0, 0, 0, 0); }

html {
  scroll-behavior: smooth;
  box-sizing: border-box; }

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

input {
  text-align: left;
  outline: none; }
  input[type="text"] {
    width: 100%; }

.page-wrapper {
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0; }

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-size: 1400px;
  background-color: #080808;
  font-family: 'helvetica';
  color: white;
  margin: 0;
  font-size: 13px; }
  @media screen and (min-width: 699px) {
    body {
      height: 100vh; } }

h2 {
  text-transform: uppercase;
  text-align: center;
  font-size: 13px; }

h3 {
  text-transform: uppercase;
  text-align: center;
  font-size: 13px;
  font-family: 'lato-bold';
  line-height: 1em;
  letter-spacing: 0.1em; }
  @media screen and (min-width: 699px) {
    h3 {
      font-size: 17.94px; } }

a {
  text-decoration: none;
  color: white; }

mark {
  color: #68A0BF;
  background: none; }

form {
  display: block;
  position: relative; }

#fixed-bg {
  width: 100%;
  position: fixed;
  top: -5%;
  max-width: 100vw;
  height: 100vh;
  overflow: hidden;
  animation: fadein 4s; }
  #fixed-bg img {
    filter: blur(10px);
    max-width: 140vw;
    animation: blur 5s infinite; }

@keyframes fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes blur {
  0% {
    filter: blur(10px); }
  50% {
    filter: blur(20px); }
  100% {
    filter: blur(10px); } }

.page1,
.page2 {
  width: 100vw;
  height: 100vh;
  position: relative; }

.container {
  max-width: 812px;
  padding: 8px;
  position: relative; }

.logo-wrapper {
  opacity: 0;
  position: relative;
  display: block;
  width: 263px;
  height: 263px;
  border: 1px solid #606060;
  margin: 3vh auto 3vh; }
  .logo-wrapper img {
    width: 100%;
    height: auto; }

#tagline {
  opacity: 0; }

#name {
  opacity: 0; }

#generate {
  opacity: 0; }

.name {
  text-align: center;
  border: none;
  font-family: 'bebas-neue';
  background-color: transparent;
  font-size: 48px;
  outline: none;
  text-transform: uppercase;
  padding-top: 1vh;
  margin-bottom: 1vh;
  height: 1.3em;
  border-bottom: 1px solid white;
  border-radius: 0; }
  .name::placeholder {
    color: rgba(104, 160, 191, 0.7);
    background: linear-gradient(to right, #000 41%, #e6e6e6 49%, #fff, #e6e6e6 52%, #000 60%) repeat;
    background-size: 300% 100%;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: rgba(0, 0, 0, 0);
    animation: shimmer 2s linear 3s infinite normal; }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .name::placeholder {
        background: none; } }
  @media screen and (min-width: 900px) {
    .name {
      font-size: 100px; } }

.shimmer {
  color: rgba(104, 160, 191, 0.7);
  background: linear-gradient(to right, #000 41%, #e6e6e6 49%, #fff, #e6e6e6 52%, #000 60%) repeat;
  background-size: 300% 100%;
  background-repeat: no-repeat;
  background-position: 100% 0;
  background-clip: text;
  -webkit-background-clip: text;
  text-fill-color: rgba(0, 0, 0, 0);
  animation: shimmer 2s linear 3s infinite normal; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .shimmer {
      background: none; } }

.btn,
button {
  cursor: pointer;
  outline: none;
  box-sizing: border-box;
  display: block;
  padding: 16px 42px;
  font-family: 'lato-bold';
  text-decoration: none;
  font-size: 14.3px;
  color: white;
  background-color: #68A0BF;
  border-bottom: none;
  border-radius: 36px;
  border-width: 0;
  font-weight: 800;
  margin: 16px auto;
  text-align: center;
  text-transform: uppercase;
  overflow: hidden;
  position: relative;
  letter-spacing: 0.2em; }
  .btn:hover:after,
  button:hover:after {
    opacity: 1;
    top: -330%;
    left: 0%;
    transition-property: left, top, opacity;
    transition-duration: 0.7s, 0.7s, 0.15s;
    transition-timing-function: ease; }
  .btn:after,
  button:after {
    content: "";
    position: absolute;
    top: -330%;
    left: -210%;
    width: 200%;
    height: 300%;
    opacity: 1;
    transform: rotate(45deg);
    background: rgba(255, 255, 255, 0.13);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 75%, white 80%, white 85%, rgba(255, 255, 255, 0) 90%); }
  .btn.listen,
  button.listen {
    width: 360px;
    max-width: 100vw; }
    .btn.listen:hover:after,
    button.listen:hover:after {
      transition-property: none; }

button#generate {
  background: #002E48; }
  button#generate.active {
    background: #68A0BF; }
  @media screen and (min-width: 900px) {
    button#generate {
      margin-top: 4rem; } }

.line-top {
  display: block;
  margin: 0 auto;
  width: 3px;
  height: 70vh;
  background-color: #b49135; }

.image {
  text-align: center;
  margin: 0 auto;
  background-color: #000;
  border: 1px solid #606060;
  border-radius: 3px;
  width: calc(100% -16px);
  display: relative;
  width: 330px;
  height: 330px; }
  .image img {
    display: block;
    margin: auto;
    width: 100%;
    height: auto; }

.social-icon {
  border: 1px solid #606060;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  position: relative;
  cursor: pointer; }
  .social-icon div {
    font-size: 20px; }
  .social-icon:hover {
    background-color: rgba(104, 160, 191, 0.4); }

.share-btn {
  max-width: 330px;
  display: block;
  margin: 20px auto 54px; }
  .share-btn .instagram-menu,
  .share-btn a {
    border-bottom: none; }
    .share-btn .instagram-menu img,
    .share-btn .instagram-menu svg,
    .share-btn a img,
    .share-btn a svg {
      width: 36px;
      height: 36px; }
    .share-btn .instagram-menu .icon-download-wrapper,
    .share-btn a .icon-download-wrapper {
      display: none; }
    @media screen and (min-width: 699px) {
      .share-btn .instagram-menu .icon-instagram-wrapper,
      .share-btn a .icon-instagram-wrapper {
        display: none; }
      .share-btn .instagram-menu .icon-download-wrapper,
      .share-btn a .icon-download-wrapper {
        display: block; } }
  .share-btn ul {
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0;
    justify-content: space-between; }
    .share-btn ul li.instagram-menu {
      position: relative; }
      .share-btn ul li.instagram-menu .options-wrapper {
        opacity: 0;
        transition: opacity 0.15s ease-in-out;
        position: relative; }
        .share-btn ul li.instagram-menu .options-wrapper .menu-join {
          border-right: 1px solid #606060;
          height: 8px;
          width: 2px;
          left: 50%;
          position: absolute;
          margin-top: -1px;
          margin-left: -1px; }
        .share-btn ul li.instagram-menu .options-wrapper .options {
          min-width: 130px;
          text-transform: uppercase;
          font-size: 13px;
          position: absolute;
          border: 1px solid #606060;
          padding: 6px;
          top: 6px;
          border-radius: 10px;
          margin-left: -32px; }
          .share-btn ul li.instagram-menu .options-wrapper .options li:last-child {
            padding-right: 0; }
    .share-btn ul li.reveal .options-wrapper {
      opacity: 1; }

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

.menu {
  margin: 32px 8px;
  padding: 0;
  list-style-type: none;
  display: flex;
  font-size: 12px;
  align-items: center;
  width: 50%;
  font-family: 'gotham-book'; }
  .menu li {
    margin-right: 16px; }

footer {
  background-color: #080808;
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 28px;
  z-index: 100; }
  footer .footer-content {
    max-width: 800px;
    margin: auto; }
    footer .footer-content .legal {
      color: white;
      text-align: center;
      font-size: 10px;
      margin-top: 3px; }
      footer .footer-content .legal a {
        text-decoration: none;
        border-bottom: none; }

.reload {
  font-size: 32px;
  text-align: center; }
  .reload div {
    opacity: 0;
    margin: 16px 0; }

.anniversary-wrapper {
  width: 100%;
  text-align: center;
  height: 64px;
  position: absolute;
  bottom: 0;
  pointer-events: none; }

.anniversary-wrapper img {
  width: 160px; }

@media screen and (min-width: 699px) {
  .anniversary-wrapper {
    text-align: center;
    height: 36px;
    position: absolute;
    bottom: -4px; }
    .anniversary-wrapper img {
      width: 180px; }
  .angel {
    width: 954px;
    height: 829px;
    margin: auto;
    background: url("/images/img_bg.jpg") no-repeat;
    background-position: center 100px;
    background-size: 954px;
    background-size: auto; }
  button {
    padding: 18px 54px; }
  .container {
    margin: 0 auto; }
  .sm-left {
    display: block;
    float: right; }
  .menu-wrapper {
    justify-content: flex-end; }
  .menu-wrapper .menu {
    width: auto; } }

/* DAN ADDITIONAL STUFF */
body {
  position: relative; }

:root {
  --animation-time: 2s; }

.loader {
  border: 16px solid #222;
  border-top: 16px solid #68A0BF;
  border-radius: 50%;
  width: 110px;
  height: 110px;
  margin: 94px auto;
  animation: spin 2s linear infinite;
  -moz-animation: spin 2s linear infinite;
  -webkit-animation: spin 2s linear infinite; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@-webkit-keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@-moz-keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

#cookieplugin {
  background: #080808;
  border-top: 1px solid #606060;
  color: white;
  text-align: justify; }
  #cookieplugin a {
    color: white;
    text-decoration: underline; }
  #cookieplugin #cookiepluginclose {
    background: none;
    width: 32px;
    height: 32px; }
  #cookieplugin .cookieclose:before, #cookieplugin .cookieclose:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 33px;
    width: 2px;
    background-color: white; }
  #cookieplugin .cookieclose:before {
    transform: rotate(45deg); }
  #cookieplugin .cookieclose:after {
    transform: rotate(-45deg); }

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