@charset "UTF-8";
/* — — — BASE — — — */
/* — — — SPEED — — — */
/* — — — COLORS — — — */
/* — — — TYPOGRAPHY — — — */
/* — — — GRID — — — */
/* — — — MARGINS — — — */
/* — — — WIDTHS — — — */
/* — — — BREAKPOINT MAP — — — */
/* — — — SECTIONS / MODULES — — — */
.container--kart {
  padding: 0 1em; }
  @media all and (min-width: 1180px) {
    .container--kart svg {
      width: 750px;
      height: 686px; } }

.map-element-active {
  opacity: 0.5; }

#Gratis,
#Betalt,
#Uansett {
  opacity: 0; }

#Bokser g {
  cursor: pointer;
  transition: 0.3s opacity; }
  @media (min-width: 49em) {
    #Bokser g:hover {
      opacity: 1 !important; } }

.st4 {
  font-family: 'Source Sans Pro';
  font-weight: bold; }

.st1 {
  fill: red !important;
  opacity: 0.1 !important; }

.path-for-driver {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  position: fixed;
  background: #fff;
  z-index: 1;
  bottom: 0;
  left: 0;
  padding: 1em;
  width: 100%; }
  @media (min-width: 49em) {
    .path-for-driver {
      position: static;
      padding: 0.5em 0;
      bottom: auto;
      left: auto; } }
  .path-for-driver p, .path-for-driver li {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 1em; }
  .path-for-driver ul {
    display: inline-block; }
  .path-for-driver li {
    margin-right: 1em;
    margin-left: 0 !important;
    color: #3da004;
    font-size: 0.8rem;
    display: inline-block; }
    .path-for-driver li .area-num {
      background: #3da004; }
    .path-for-driver li .color-red {
      color: red; }
    .path-for-driver li .area-num--red {
      background: red; }

.form--input-checkbox {
  display: none; }
  .form--input-checkbox ~ .form--label {
    display: block;
    cursor: pointer;
    margin: 0;
    font-size: 0.8rem;
    margin-bottom: 0.75em; }
    .form--input-checkbox ~ .form--label:before {
      background: #fff;
      padding: 0.45em;
      content: '';
      display: inline-block;
      transition: 0.3s background, 0.3s border-color;
      border: 2px solid #606b5a;
      margin-right: 0.5em;
      position: relative;
      top: 0.3em;
      border-radius: 3px; }
    @media (min-width: 49em) {
      .form--input-checkbox ~ .form--label:hover:before {
        border-color: #4a5861; } }
    .form--input-checkbox ~ .form--label.hover {
      font-weight: 600; }
  .form--input-checkbox:checked ~ .form--label {
    color: green; }
    .form--input-checkbox:checked ~ .form--label .area-num {
      background: green; }
    .area--red .form--input-checkbox:checked ~ .form--label {
      color: #e72120; }
      .area--red .form--input-checkbox:checked ~ .form--label .area-num {
        background: #e72120; }
    .form--input-checkbox:checked ~ .form--label:before {
      background: #4a5861 url("data:image/svg+xml;utf8,<svg width='14' height='14' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 488.878 488.878'><path fill='#ffffff' d='M143.294 340.058l-92.457-92.456L0 298.44l122.01 122.007.14-.14 22.273 22.273L488.878 98.123l-51.823-51.825z'/></svg>") no-repeat center;
      border-color: #4a5861; }
  .form--input-checkbox .area--red:checked ~ .form--label {
    color: #e72120; }
    .form--input-checkbox .area--red:checked ~ .form--label .area-num {
      background: #e72120; }

.area-num {
  background: #c4e1b5;
  background: #3da004;
  color: #fff;
  border-radius: 1em;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.6;
  text-align: center;
  font-size: 0.8em;
  display: inline-block; }

.area-num--green {
  background: #dfffcc;
  background: #3da004; }

.area-num--red {
  background: #eccbce;
  background: #e72120; }

.button--info {
  border: 0;
  background: #777777;
  color: #fff;
  width: 1.25em;
  height: 1.25em;
  line-height: 1.1;
  border-radius: 2em;
  font-weight: 700;
  font-family: Times, 'Times New Roman', serif;
  font-style: italic;
  font-size: 0.8rem;
  cursor: pointer; }

.accordion {
  max-height: 10em;
  opacity: 1;
  transition: 0.3s max-height, 0.3s opacity; }
  .accordion p, .accordion .path-for-driver li, .path-for-driver .accordion li {
    font-size: 0.8rem !important;
    margin-top: 0 !important;
    margin-bottom: 1em !important; }

.accordion--collapsed {
  max-height: 0;
  opacity: 0;
  overflow: hidden; }

.col-spacer {
  margin: 0.5em 0; }

.area .align-center {
  text-align: center;
  margin-bottom: 1em !important; }

.area--green {
  background: #dfffcc;
  padding: 0.5rem; }

.area--red {
  padding: 0.5rem;
  background: rgba(255, 0, 0, 0.1); }

/* — — — LIBS — — — */
/* ==========================================================================
    GRIDLEX
    Just a Flexbox Grid System
========================================================================== */
[class*="grid"] {
  box-sizing: border-box;
  display: flex;
  flex-flow: row wrap;
  margin: 0 -1rem; }

.col,
[class*="col-"] {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding: 0 1rem 2rem; }

.col {
  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"] {
  justify-content: center; }

[class*="grid-"][class*="-right"] {
  justify-content: flex-end;
  align-self: flex-end;
  margin-left: auto; }

[class*="grid-"][class*="-top"] {
  align-items: flex-start; }

[class*="grid-"][class*="-middle"] {
  align-items: center; }

[class*="grid-"][class*="-bottom"] {
  align-items: flex-end; }

[class*="grid-"][class*="-reverse"] {
  flex-direction: row-reverse; }

[class*="grid-"][class*="-column"] {
  flex-direction: column; }
  [class*="grid-"][class*="-column"] > [class*="col-"] {
    flex-basis: auto; }

[class*="grid-"][class*="-column-reverse"] {
  flex-direction: column-reverse; }

[class*="grid-"][class*="-spaceBetween"] {
  justify-content: space-between; }

[class*="grid-"][class*="-spaceAround"] {
  justify-content: space-around; }

[class*="grid-"][class*="-equalHeight"] > [class*="col"] {
  display: flex; }

[class*="grid-"][class*="-noBottom"] > [class*="col"] {
  padding-bottom: 0; }

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

[class*="col-"][class*="-middle"] {
  align-self: center; }

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

[class*="col-"][class*="-first"] {
  order: -1; }

[class*="col-"][class*="-last"] {
  order: 1; }

/************************
    GRID BY NUMBER
*************************/
[class*="grid-1"] > .col, [class*="grid-1"] > [class*='col-'] {
  flex-basis: 100%;
  max-width: 100%; }

[class*="grid-2"] > .col, [class*="grid-2"] > [class*='col-'] {
  flex-basis: 50%;
  max-width: 50%; }

[class*="grid-3"] > .col, [class*="grid-3"] > [class*='col-'] {
  flex-basis: 33.33333%;
  max-width: 33.33333%; }

[class*="grid-4"] > .col, [class*="grid-4"] > [class*='col-'] {
  flex-basis: 25%;
  max-width: 25%; }

[class*="grid-5"] > .col, [class*="grid-5"] > [class*='col-'] {
  flex-basis: 20%;
  max-width: 20%; }

[class*="grid-6"] > .col, [class*="grid-6"] > [class*='col-'] {
  flex-basis: 16.66667%;
  max-width: 16.66667%; }

[class*="grid-7"] > .col, [class*="grid-7"] > [class*='col-'] {
  flex-basis: 14.28571%;
  max-width: 14.28571%; }

[class*="grid-8"] > .col, [class*="grid-8"] > [class*='col-'] {
  flex-basis: 12.5%;
  max-width: 12.5%; }

[class*="grid-9"] > .col, [class*="grid-9"] > [class*='col-'] {
  flex-basis: 11.11111%;
  max-width: 11.11111%; }

[class*="grid-10"] > .col, [class*="grid-10"] > [class*='col-'] {
  flex-basis: 10%;
  max-width: 10%; }

[class*="grid-11"] > .col, [class*="grid-11"] > [class*='col-'] {
  flex-basis: 9.09091%;
  max-width: 9.09091%; }

[class*="grid-12"] > .col, [class*="grid-12"] > [class*='col-'] {
  flex-basis: 8.33333%;
  max-width: 8.33333%; }

@media screen and (max-width: 90em) {
  [class*="_lg-1"] > .col, [class*="_lg-1"] > [class*='col-'] {
    flex-basis: 100%;
    max-width: 100%; }
  [class*="_lg-2"] > .col, [class*="_lg-2"] > [class*='col-'] {
    flex-basis: 50%;
    max-width: 50%; }
  [class*="_lg-3"] > .col, [class*="_lg-3"] > [class*='col-'] {
    flex-basis: 33.33333%;
    max-width: 33.33333%; }
  [class*="_lg-4"] > .col, [class*="_lg-4"] > [class*='col-'] {
    flex-basis: 25%;
    max-width: 25%; }
  [class*="_lg-5"] > .col, [class*="_lg-5"] > [class*='col-'] {
    flex-basis: 20%;
    max-width: 20%; }
  [class*="_lg-6"] > .col, [class*="_lg-6"] > [class*='col-'] {
    flex-basis: 16.66667%;
    max-width: 16.66667%; }
  [class*="_lg-7"] > .col, [class*="_lg-7"] > [class*='col-'] {
    flex-basis: 14.28571%;
    max-width: 14.28571%; }
  [class*="_lg-8"] > .col, [class*="_lg-8"] > [class*='col-'] {
    flex-basis: 12.5%;
    max-width: 12.5%; }
  [class*="_lg-9"] > .col, [class*="_lg-9"] > [class*='col-'] {
    flex-basis: 11.11111%;
    max-width: 11.11111%; }
  [class*="_lg-10"] > .col, [class*="_lg-10"] > [class*='col-'] {
    flex-basis: 10%;
    max-width: 10%; }
  [class*="_lg-11"] > .col, [class*="_lg-11"] > [class*='col-'] {
    flex-basis: 9.09091%;
    max-width: 9.09091%; }
  [class*="_lg-12"] > .col, [class*="_lg-12"] > [class*='col-'] {
    flex-basis: 8.33333%;
    max-width: 8.33333%; } }

@media screen and (max-width: 49em) {
  [class*="_md-1"] > .col, [class*="_md-1"] > [class*='col-'] {
    flex-basis: 100%;
    max-width: 100%; }
  [class*="_md-2"] > .col, [class*="_md-2"] > [class*='col-'] {
    flex-basis: 50%;
    max-width: 50%; }
  [class*="_md-3"] > .col, [class*="_md-3"] > [class*='col-'] {
    flex-basis: 33.33333%;
    max-width: 33.33333%; }
  [class*="_md-4"] > .col, [class*="_md-4"] > [class*='col-'] {
    flex-basis: 25%;
    max-width: 25%; }
  [class*="_md-5"] > .col, [class*="_md-5"] > [class*='col-'] {
    flex-basis: 20%;
    max-width: 20%; }
  [class*="_md-6"] > .col, [class*="_md-6"] > [class*='col-'] {
    flex-basis: 16.66667%;
    max-width: 16.66667%; }
  [class*="_md-7"] > .col, [class*="_md-7"] > [class*='col-'] {
    flex-basis: 14.28571%;
    max-width: 14.28571%; }
  [class*="_md-8"] > .col, [class*="_md-8"] > [class*='col-'] {
    flex-basis: 12.5%;
    max-width: 12.5%; }
  [class*="_md-9"] > .col, [class*="_md-9"] > [class*='col-'] {
    flex-basis: 11.11111%;
    max-width: 11.11111%; }
  [class*="_md-10"] > .col, [class*="_md-10"] > [class*='col-'] {
    flex-basis: 10%;
    max-width: 10%; }
  [class*="_md-11"] > .col, [class*="_md-11"] > [class*='col-'] {
    flex-basis: 9.09091%;
    max-width: 9.09091%; }
  [class*="_md-12"] > .col, [class*="_md-12"] > [class*='col-'] {
    flex-basis: 8.33333%;
    max-width: 8.33333%; } }

@media screen and (max-width: 40em) {
  [class*="_sm-1"] > .col, [class*="_sm-1"] > [class*='col-'] {
    flex-basis: 100%;
    max-width: 100%; }
  [class*="_sm-2"] > .col, [class*="_sm-2"] > [class*='col-'] {
    flex-basis: 50%;
    max-width: 50%; }
  [class*="_sm-3"] > .col, [class*="_sm-3"] > [class*='col-'] {
    flex-basis: 33.33333%;
    max-width: 33.33333%; }
  [class*="_sm-4"] > .col, [class*="_sm-4"] > [class*='col-'] {
    flex-basis: 25%;
    max-width: 25%; }
  [class*="_sm-5"] > .col, [class*="_sm-5"] > [class*='col-'] {
    flex-basis: 20%;
    max-width: 20%; }
  [class*="_sm-6"] > .col, [class*="_sm-6"] > [class*='col-'] {
    flex-basis: 16.66667%;
    max-width: 16.66667%; }
  [class*="_sm-7"] > .col, [class*="_sm-7"] > [class*='col-'] {
    flex-basis: 14.28571%;
    max-width: 14.28571%; }
  [class*="_sm-8"] > .col, [class*="_sm-8"] > [class*='col-'] {
    flex-basis: 12.5%;
    max-width: 12.5%; }
  [class*="_sm-9"] > .col, [class*="_sm-9"] > [class*='col-'] {
    flex-basis: 11.11111%;
    max-width: 11.11111%; }
  [class*="_sm-10"] > .col, [class*="_sm-10"] > [class*='col-'] {
    flex-basis: 10%;
    max-width: 10%; }
  [class*="_sm-11"] > .col, [class*="_sm-11"] > [class*='col-'] {
    flex-basis: 9.09091%;
    max-width: 9.09091%; }
  [class*="_sm-12"] > .col, [class*="_sm-12"] > [class*='col-'] {
    flex-basis: 8.33333%;
    max-width: 8.33333%; } }

@media screen and (max-width: 35.5em) {
  [class*="_xs-1"] > .col, [class*="_xs-1"] > [class*='col-'] {
    flex-basis: 100%;
    max-width: 100%; }
  [class*="_xs-2"] > .col, [class*="_xs-2"] > [class*='col-'] {
    flex-basis: 50%;
    max-width: 50%; }
  [class*="_xs-3"] > .col, [class*="_xs-3"] > [class*='col-'] {
    flex-basis: 33.33333%;
    max-width: 33.33333%; }
  [class*="_xs-4"] > .col, [class*="_xs-4"] > [class*='col-'] {
    flex-basis: 25%;
    max-width: 25%; }
  [class*="_xs-5"] > .col, [class*="_xs-5"] > [class*='col-'] {
    flex-basis: 20%;
    max-width: 20%; }
  [class*="_xs-6"] > .col, [class*="_xs-6"] > [class*='col-'] {
    flex-basis: 16.66667%;
    max-width: 16.66667%; }
  [class*="_xs-7"] > .col, [class*="_xs-7"] > [class*='col-'] {
    flex-basis: 14.28571%;
    max-width: 14.28571%; }
  [class*="_xs-8"] > .col, [class*="_xs-8"] > [class*='col-'] {
    flex-basis: 12.5%;
    max-width: 12.5%; }
  [class*="_xs-9"] > .col, [class*="_xs-9"] > [class*='col-'] {
    flex-basis: 11.11111%;
    max-width: 11.11111%; }
  [class*="_xs-10"] > .col, [class*="_xs-10"] > [class*='col-'] {
    flex-basis: 10%;
    max-width: 10%; }
  [class*="_xs-11"] > .col, [class*="_xs-11"] > [class*='col-'] {
    flex-basis: 9.09091%;
    max-width: 9.09091%; }
  [class*="_xs-12"] > .col, [class*="_xs-12"] > [class*='col-'] {
    flex-basis: 8.33333%;
    max-width: 8.33333%; } }

/************************
    COLS SIZES
*************************/
[class*='grid'] > [class*="col-1"] {
  flex-basis: 8.33333%;
  max-width: 8.33333%; }

[class*='grid'] > [class*="col-2"] {
  flex-basis: 16.66667%;
  max-width: 16.66667%; }

[class*='grid'] > [class*="col-3"] {
  flex-basis: 25%;
  max-width: 25%; }

[class*='grid'] > [class*="col-4"] {
  flex-basis: 33.33333%;
  max-width: 33.33333%; }

[class*='grid'] > [class*="col-5"] {
  flex-basis: 41.66667%;
  max-width: 41.66667%; }

[class*='grid'] > [class*="col-6"] {
  flex-basis: 50%;
  max-width: 50%; }

[class*='grid'] > [class*="col-7"] {
  flex-basis: 58.33333%;
  max-width: 58.33333%; }

[class*='grid'] > [class*="col-8"] {
  flex-basis: 66.66667%;
  max-width: 66.66667%; }

[class*='grid'] > [class*="col-9"] {
  flex-basis: 75%;
  max-width: 75%; }

[class*='grid'] > [class*="col-10"] {
  flex-basis: 83.33333%;
  max-width: 83.33333%; }

[class*='grid'] > [class*="col-11"] {
  flex-basis: 91.66667%;
  max-width: 91.66667%; }

[class*='grid'] > [class*="col-12"] {
  flex-basis: 100%;
  max-width: 100%; }

[class*="grid"] > [data-push-left*="off-0"] {
  margin-left: 0; }

[class*="grid"] > [data-push-left*="off-1"] {
  margin-left: 8.33333%; }

[class*="grid"] > [data-push-left*="off-2"] {
  margin-left: 16.66667%; }

[class*="grid"] > [data-push-left*="off-3"] {
  margin-left: 25%; }

[class*="grid"] > [data-push-left*="off-4"] {
  margin-left: 33.33333%; }

[class*="grid"] > [data-push-left*="off-5"] {
  margin-left: 41.66667%; }

[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.33333%; }

[class*="grid"] > [data-push-left*="off-8"] {
  margin-left: 66.66667%; }

[class*="grid"] > [data-push-left*="off-9"] {
  margin-left: 75%; }

[class*="grid"] > [data-push-left*="off-10"] {
  margin-left: 83.33333%; }

[class*="grid"] > [data-push-left*="off-11"] {
  margin-left: 91.66667%; }

[class*="grid"] > [push-right*="off-0"] {
  margin-right: 0; }

[class*="grid"] > [push-right*="off-1"] {
  margin-right: 8.33333%; }

[class*="grid"] > [push-right*="off-2"] {
  margin-right: 16.66667%; }

[class*="grid"] > [push-right*="off-3"] {
  margin-right: 25%; }

[class*="grid"] > [push-right*="off-4"] {
  margin-right: 33.33333%; }

[class*="grid"] > [push-right*="off-5"] {
  margin-right: 41.66667%; }

[class*="grid"] > [push-right*="off-6"] {
  margin-right: 50%; }

[class*="grid"] > [push-right*="off-6"] {
  margin-right: 50%; }

[class*="grid"] > [push-right*="off-7"] {
  margin-right: 58.33333%; }

[class*="grid"] > [push-right*="off-8"] {
  margin-right: 66.66667%; }

[class*="grid"] > [push-right*="off-9"] {
  margin-right: 75%; }

[class*="grid"] > [push-right*="off-10"] {
  margin-right: 83.33333%; }

[class*="grid"] > [push-right*="off-11"] {
  margin-right: 91.66667%; }

@media screen and (max-width: 90em) {
  [class*='grid'] > [class*="_lg-1"] {
    flex-basis: 8.33333%;
    max-width: 8.33333%; }
  [class*='grid'] > [class*="_lg-2"] {
    flex-basis: 16.66667%;
    max-width: 16.66667%; }
  [class*='grid'] > [class*="_lg-3"] {
    flex-basis: 25%;
    max-width: 25%; }
  [class*='grid'] > [class*="_lg-4"] {
    flex-basis: 33.33333%;
    max-width: 33.33333%; }
  [class*='grid'] > [class*="_lg-5"] {
    flex-basis: 41.66667%;
    max-width: 41.66667%; }
  [class*='grid'] > [class*="_lg-6"] {
    flex-basis: 50%;
    max-width: 50%; }
  [class*='grid'] > [class*="_lg-7"] {
    flex-basis: 58.33333%;
    max-width: 58.33333%; }
  [class*='grid'] > [class*="_lg-8"] {
    flex-basis: 66.66667%;
    max-width: 66.66667%; }
  [class*='grid'] > [class*="_lg-9"] {
    flex-basis: 75%;
    max-width: 75%; }
  [class*='grid'] > [class*="_lg-10"] {
    flex-basis: 83.33333%;
    max-width: 83.33333%; }
  [class*='grid'] > [class*="_lg-11"] {
    flex-basis: 91.66667%;
    max-width: 91.66667%; }
  [class*='grid'] > [class*="_lg-12"] {
    flex-basis: 100%;
    max-width: 100%; }
  [class*="grid"] > [data-push-left*="_lg-0"] {
    margin-left: 0; }
  [class*="grid"] > [data-push-left*="_lg-1"] {
    margin-left: 8.33333%; }
  [class*="grid"] > [data-push-left*="_lg-2"] {
    margin-left: 16.66667%; }
  [class*="grid"] > [data-push-left*="_lg-3"] {
    margin-left: 25%; }
  [class*="grid"] > [data-push-left*="_lg-4"] {
    margin-left: 33.33333%; }
  [class*="grid"] > [data-push-left*="_lg-5"] {
    margin-left: 41.66667%; }
  [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.33333%; }
  [class*="grid"] > [data-push-left*="_lg-8"] {
    margin-left: 66.66667%; }
  [class*="grid"] > [data-push-left*="_lg-9"] {
    margin-left: 75%; }
  [class*="grid"] > [data-push-left*="_lg-10"] {
    margin-left: 83.33333%; }
  [class*="grid"] > [data-push-left*="_lg-11"] {
    margin-left: 91.66667%; }
  [class*="grid"] > [push-right*="_lg-0"] {
    margin-right: 0; }
  [class*="grid"] > [push-right*="_lg-1"] {
    margin-right: 8.33333%; }
  [class*="grid"] > [push-right*="_lg-2"] {
    margin-right: 16.66667%; }
  [class*="grid"] > [push-right*="_lg-3"] {
    margin-right: 25%; }
  [class*="grid"] > [push-right*="_lg-4"] {
    margin-right: 33.33333%; }
  [class*="grid"] > [push-right*="_lg-5"] {
    margin-right: 41.66667%; }
  [class*="grid"] > [push-right*="_lg-6"] {
    margin-right: 50%; }
  [class*="grid"] > [push-right*="_lg-6"] {
    margin-right: 50%; }
  [class*="grid"] > [push-right*="_lg-7"] {
    margin-right: 58.33333%; }
  [class*="grid"] > [push-right*="_lg-8"] {
    margin-right: 66.66667%; }
  [class*="grid"] > [push-right*="_lg-9"] {
    margin-right: 75%; }
  [class*="grid"] > [push-right*="_lg-10"] {
    margin-right: 83.33333%; }
  [class*="grid"] > [push-right*="_lg-11"] {
    margin-right: 91.66667%; } }

@media screen and (max-width: 49em) {
  [class*='grid'] > [class*="_md-1"] {
    flex-basis: 8.33333%;
    max-width: 8.33333%; }
  [class*='grid'] > [class*="_md-2"] {
    flex-basis: 16.66667%;
    max-width: 16.66667%; }
  [class*='grid'] > [class*="_md-3"] {
    flex-basis: 25%;
    max-width: 25%; }
  [class*='grid'] > [class*="_md-4"] {
    flex-basis: 33.33333%;
    max-width: 33.33333%; }
  [class*='grid'] > [class*="_md-5"] {
    flex-basis: 41.66667%;
    max-width: 41.66667%; }
  [class*='grid'] > [class*="_md-6"] {
    flex-basis: 50%;
    max-width: 50%; }
  [class*='grid'] > [class*="_md-7"] {
    flex-basis: 58.33333%;
    max-width: 58.33333%; }
  [class*='grid'] > [class*="_md-8"] {
    flex-basis: 66.66667%;
    max-width: 66.66667%; }
  [class*='grid'] > [class*="_md-9"] {
    flex-basis: 75%;
    max-width: 75%; }
  [class*='grid'] > [class*="_md-10"] {
    flex-basis: 83.33333%;
    max-width: 83.33333%; }
  [class*='grid'] > [class*="_md-11"] {
    flex-basis: 91.66667%;
    max-width: 91.66667%; }
  [class*='grid'] > [class*="_md-12"] {
    flex-basis: 100%;
    max-width: 100%; }
  [class*="grid"] > [data-push-left*="_md-0"] {
    margin-left: 0; }
  [class*="grid"] > [data-push-left*="_md-1"] {
    margin-left: 8.33333%; }
  [class*="grid"] > [data-push-left*="_md-2"] {
    margin-left: 16.66667%; }
  [class*="grid"] > [data-push-left*="_md-3"] {
    margin-left: 25%; }
  [class*="grid"] > [data-push-left*="_md-4"] {
    margin-left: 33.33333%; }
  [class*="grid"] > [data-push-left*="_md-5"] {
    margin-left: 41.66667%; }
  [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.33333%; }
  [class*="grid"] > [data-push-left*="_md-8"] {
    margin-left: 66.66667%; }
  [class*="grid"] > [data-push-left*="_md-9"] {
    margin-left: 75%; }
  [class*="grid"] > [data-push-left*="_md-10"] {
    margin-left: 83.33333%; }
  [class*="grid"] > [data-push-left*="_md-11"] {
    margin-left: 91.66667%; }
  [class*="grid"] > [push-right*="_md-0"] {
    margin-right: 0; }
  [class*="grid"] > [push-right*="_md-1"] {
    margin-right: 8.33333%; }
  [class*="grid"] > [push-right*="_md-2"] {
    margin-right: 16.66667%; }
  [class*="grid"] > [push-right*="_md-3"] {
    margin-right: 25%; }
  [class*="grid"] > [push-right*="_md-4"] {
    margin-right: 33.33333%; }
  [class*="grid"] > [push-right*="_md-5"] {
    margin-right: 41.66667%; }
  [class*="grid"] > [push-right*="_md-6"] {
    margin-right: 50%; }
  [class*="grid"] > [push-right*="_md-6"] {
    margin-right: 50%; }
  [class*="grid"] > [push-right*="_md-7"] {
    margin-right: 58.33333%; }
  [class*="grid"] > [push-right*="_md-8"] {
    margin-right: 66.66667%; }
  [class*="grid"] > [push-right*="_md-9"] {
    margin-right: 75%; }
  [class*="grid"] > [push-right*="_md-10"] {
    margin-right: 83.33333%; }
  [class*="grid"] > [push-right*="_md-11"] {
    margin-right: 91.66667%; } }

@media screen and (max-width: 40em) {
  [class*='grid'] > [class*="_sm-1"] {
    flex-basis: 8.33333%;
    max-width: 8.33333%; }
  [class*='grid'] > [class*="_sm-2"] {
    flex-basis: 16.66667%;
    max-width: 16.66667%; }
  [class*='grid'] > [class*="_sm-3"] {
    flex-basis: 25%;
    max-width: 25%; }
  [class*='grid'] > [class*="_sm-4"] {
    flex-basis: 33.33333%;
    max-width: 33.33333%; }
  [class*='grid'] > [class*="_sm-5"] {
    flex-basis: 41.66667%;
    max-width: 41.66667%; }
  [class*='grid'] > [class*="_sm-6"] {
    flex-basis: 50%;
    max-width: 50%; }
  [class*='grid'] > [class*="_sm-7"] {
    flex-basis: 58.33333%;
    max-width: 58.33333%; }
  [class*='grid'] > [class*="_sm-8"] {
    flex-basis: 66.66667%;
    max-width: 66.66667%; }
  [class*='grid'] > [class*="_sm-9"] {
    flex-basis: 75%;
    max-width: 75%; }
  [class*='grid'] > [class*="_sm-10"] {
    flex-basis: 83.33333%;
    max-width: 83.33333%; }
  [class*='grid'] > [class*="_sm-11"] {
    flex-basis: 91.66667%;
    max-width: 91.66667%; }
  [class*='grid'] > [class*="_sm-12"] {
    flex-basis: 100%;
    max-width: 100%; }
  [class*="grid"] > [data-push-left*="_sm-0"] {
    margin-left: 0; }
  [class*="grid"] > [data-push-left*="_sm-1"] {
    margin-left: 8.33333%; }
  [class*="grid"] > [data-push-left*="_sm-2"] {
    margin-left: 16.66667%; }
  [class*="grid"] > [data-push-left*="_sm-3"] {
    margin-left: 25%; }
  [class*="grid"] > [data-push-left*="_sm-4"] {
    margin-left: 33.33333%; }
  [class*="grid"] > [data-push-left*="_sm-5"] {
    margin-left: 41.66667%; }
  [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.33333%; }
  [class*="grid"] > [data-push-left*="_sm-8"] {
    margin-left: 66.66667%; }
  [class*="grid"] > [data-push-left*="_sm-9"] {
    margin-left: 75%; }
  [class*="grid"] > [data-push-left*="_sm-10"] {
    margin-left: 83.33333%; }
  [class*="grid"] > [data-push-left*="_sm-11"] {
    margin-left: 91.66667%; }
  [class*="grid"] > [push-right*="_sm-0"] {
    margin-right: 0; }
  [class*="grid"] > [push-right*="_sm-1"] {
    margin-right: 8.33333%; }
  [class*="grid"] > [push-right*="_sm-2"] {
    margin-right: 16.66667%; }
  [class*="grid"] > [push-right*="_sm-3"] {
    margin-right: 25%; }
  [class*="grid"] > [push-right*="_sm-4"] {
    margin-right: 33.33333%; }
  [class*="grid"] > [push-right*="_sm-5"] {
    margin-right: 41.66667%; }
  [class*="grid"] > [push-right*="_sm-6"] {
    margin-right: 50%; }
  [class*="grid"] > [push-right*="_sm-6"] {
    margin-right: 50%; }
  [class*="grid"] > [push-right*="_sm-7"] {
    margin-right: 58.33333%; }
  [class*="grid"] > [push-right*="_sm-8"] {
    margin-right: 66.66667%; }
  [class*="grid"] > [push-right*="_sm-9"] {
    margin-right: 75%; }
  [class*="grid"] > [push-right*="_sm-10"] {
    margin-right: 83.33333%; }
  [class*="grid"] > [push-right*="_sm-11"] {
    margin-right: 91.66667%; } }

@media screen and (max-width: 35.5em) {
  [class*='grid'] > [class*="_xs-1"] {
    flex-basis: 8.33333%;
    max-width: 8.33333%; }
  [class*='grid'] > [class*="_xs-2"] {
    flex-basis: 16.66667%;
    max-width: 16.66667%; }
  [class*='grid'] > [class*="_xs-3"] {
    flex-basis: 25%;
    max-width: 25%; }
  [class*='grid'] > [class*="_xs-4"] {
    flex-basis: 33.33333%;
    max-width: 33.33333%; }
  [class*='grid'] > [class*="_xs-5"] {
    flex-basis: 41.66667%;
    max-width: 41.66667%; }
  [class*='grid'] > [class*="_xs-6"] {
    flex-basis: 50%;
    max-width: 50%; }
  [class*='grid'] > [class*="_xs-7"] {
    flex-basis: 58.33333%;
    max-width: 58.33333%; }
  [class*='grid'] > [class*="_xs-8"] {
    flex-basis: 66.66667%;
    max-width: 66.66667%; }
  [class*='grid'] > [class*="_xs-9"] {
    flex-basis: 75%;
    max-width: 75%; }
  [class*='grid'] > [class*="_xs-10"] {
    flex-basis: 83.33333%;
    max-width: 83.33333%; }
  [class*='grid'] > [class*="_xs-11"] {
    flex-basis: 91.66667%;
    max-width: 91.66667%; }
  [class*='grid'] > [class*="_xs-12"] {
    flex-basis: 100%;
    max-width: 100%; }
  [class*="grid"] > [data-push-left*="_xs-0"] {
    margin-left: 0; }
  [class*="grid"] > [data-push-left*="_xs-1"] {
    margin-left: 8.33333%; }
  [class*="grid"] > [data-push-left*="_xs-2"] {
    margin-left: 16.66667%; }
  [class*="grid"] > [data-push-left*="_xs-3"] {
    margin-left: 25%; }
  [class*="grid"] > [data-push-left*="_xs-4"] {
    margin-left: 33.33333%; }
  [class*="grid"] > [data-push-left*="_xs-5"] {
    margin-left: 41.66667%; }
  [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.33333%; }
  [class*="grid"] > [data-push-left*="_xs-8"] {
    margin-left: 66.66667%; }
  [class*="grid"] > [data-push-left*="_xs-9"] {
    margin-left: 75%; }
  [class*="grid"] > [data-push-left*="_xs-10"] {
    margin-left: 83.33333%; }
  [class*="grid"] > [data-push-left*="_xs-11"] {
    margin-left: 91.66667%; }
  [class*="grid"] > [push-right*="_xs-0"] {
    margin-right: 0; }
  [class*="grid"] > [push-right*="_xs-1"] {
    margin-right: 8.33333%; }
  [class*="grid"] > [push-right*="_xs-2"] {
    margin-right: 16.66667%; }
  [class*="grid"] > [push-right*="_xs-3"] {
    margin-right: 25%; }
  [class*="grid"] > [push-right*="_xs-4"] {
    margin-right: 33.33333%; }
  [class*="grid"] > [push-right*="_xs-5"] {
    margin-right: 41.66667%; }
  [class*="grid"] > [push-right*="_xs-6"] {
    margin-right: 50%; }
  [class*="grid"] > [push-right*="_xs-6"] {
    margin-right: 50%; }
  [class*="grid"] > [push-right*="_xs-7"] {
    margin-right: 58.33333%; }
  [class*="grid"] > [push-right*="_xs-8"] {
    margin-right: 66.66667%; }
  [class*="grid"] > [push-right*="_xs-9"] {
    margin-right: 75%; }
  [class*="grid"] > [push-right*="_xs-10"] {
    margin-right: 83.33333%; }
  [class*="grid"] > [push-right*="_xs-11"] {
    margin-right: 91.66667%; } }

@media all and (max-width: 49em) {
  .first-order-xs {
    order: -1; } }