@charset "UTF-8";
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/*
@include foundation-global-styles;
@include foundation-forms;
@include foundation-typography;
*/
@import url("//hello.myfonts.net/count/3be984");
.grid-container {
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto; }
  @media print, screen and (min-width: 64em) {
    .grid-container {
      padding-right: 1.5625rem;
      padding-left: 1.5625rem; } }
  .grid-container.fluid {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; }
    @media print, screen and (min-width: 64em) {
      .grid-container.fluid {
        padding-right: 1.5625rem;
        padding-left: 1.5625rem; } }
  .grid-container.full {
    padding-right: 0;
    padding-left: 0;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; }

.grid-x {
  display: flex;
  flex-flow: row wrap; }

.cell {
  flex: 0 0 auto;
  min-height: 0px;
  min-width: 0px;
  width: 100%; }
  .cell.auto {
    flex: 1 1 0px; }
  .cell.shrink {
    flex: 0 0 auto; }

.grid-x > .auto {
  width: auto; }

.grid-x > .shrink {
  width: auto; }

.grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {
  flex-basis: auto; }

@media print, screen and (min-width: 40em) {
  .grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 {
    flex-basis: auto; } }

@media print, screen and (min-width: 64em) {
  .grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {
    flex-basis: auto; } }

.grid-x > .small-12, .grid-x > .small-11, .grid-x > .small-10, .grid-x > .small-9, .grid-x > .small-8, .grid-x > .small-7, .grid-x > .small-6, .grid-x > .small-5, .grid-x > .small-4, .grid-x > .small-3, .grid-x > .small-2, .grid-x > .small-1 {
  flex: 0 0 auto; }

.grid-x > .small-1 {
  width: 8.3333333333%; }

.grid-x > .small-2 {
  width: 16.6666666667%; }

.grid-x > .small-3 {
  width: 25%; }

.grid-x > .small-4 {
  width: 33.3333333333%; }

.grid-x > .small-5 {
  width: 41.6666666667%; }

.grid-x > .small-6 {
  width: 50%; }

.grid-x > .small-7 {
  width: 58.3333333333%; }

.grid-x > .small-8 {
  width: 66.6666666667%; }

.grid-x > .small-9 {
  width: 75%; }

.grid-x > .small-10 {
  width: 83.3333333333%; }

.grid-x > .small-11 {
  width: 91.6666666667%; }

.grid-x > .small-12 {
  width: 100%; }

@media print, screen and (min-width: 40em) {
  .grid-x > .medium-auto {
    flex: 1 1 0px;
    width: auto; }
  .grid-x > .medium-12, .grid-x > .medium-11, .grid-x > .medium-10, .grid-x > .medium-9, .grid-x > .medium-8, .grid-x > .medium-7, .grid-x > .medium-6, .grid-x > .medium-5, .grid-x > .medium-4, .grid-x > .medium-3, .grid-x > .medium-2, .grid-x > .medium-1, .grid-x > .medium-shrink {
    flex: 0 0 auto; }
  .grid-x > .medium-shrink {
    width: auto; }
  .grid-x > .medium-1 {
    width: 8.3333333333%; }
  .grid-x > .medium-2 {
    width: 16.6666666667%; }
  .grid-x > .medium-3 {
    width: 25%; }
  .grid-x > .medium-4 {
    width: 33.3333333333%; }
  .grid-x > .medium-5 {
    width: 41.6666666667%; }
  .grid-x > .medium-6 {
    width: 50%; }
  .grid-x > .medium-7 {
    width: 58.3333333333%; }
  .grid-x > .medium-8 {
    width: 66.6666666667%; }
  .grid-x > .medium-9 {
    width: 75%; }
  .grid-x > .medium-10 {
    width: 83.3333333333%; }
  .grid-x > .medium-11 {
    width: 91.6666666667%; }
  .grid-x > .medium-12 {
    width: 100%; } }

@media print, screen and (min-width: 64em) {
  .grid-x > .large-auto {
    flex: 1 1 0px;
    width: auto; }
  .grid-x > .large-12, .grid-x > .large-11, .grid-x > .large-10, .grid-x > .large-9, .grid-x > .large-8, .grid-x > .large-7, .grid-x > .large-6, .grid-x > .large-5, .grid-x > .large-4, .grid-x > .large-3, .grid-x > .large-2, .grid-x > .large-1, .grid-x > .large-shrink {
    flex: 0 0 auto; }
  .grid-x > .large-shrink {
    width: auto; }
  .grid-x > .large-1 {
    width: 8.3333333333%; }
  .grid-x > .large-2 {
    width: 16.6666666667%; }
  .grid-x > .large-3 {
    width: 25%; }
  .grid-x > .large-4 {
    width: 33.3333333333%; }
  .grid-x > .large-5 {
    width: 41.6666666667%; }
  .grid-x > .large-6 {
    width: 50%; }
  .grid-x > .large-7 {
    width: 58.3333333333%; }
  .grid-x > .large-8 {
    width: 66.6666666667%; }
  .grid-x > .large-9 {
    width: 75%; }
  .grid-x > .large-10 {
    width: 83.3333333333%; }
  .grid-x > .large-11 {
    width: 91.6666666667%; }
  .grid-x > .large-12 {
    width: 100%; } }

.grid-margin-x:not(.grid-x) > .cell {
  width: auto; }

.grid-margin-y:not(.grid-y) > .cell {
  height: auto; }

.grid-margin-x {
  margin-left: -0.9375rem;
  margin-right: -0.9375rem; }
  @media print, screen and (min-width: 64em) {
    .grid-margin-x {
      margin-left: -1.5625rem;
      margin-right: -1.5625rem; } }
  .grid-margin-x > .cell {
    width: calc(100% - 1.875rem);
    margin-left: 0.9375rem;
    margin-right: 0.9375rem; }
  @media print, screen and (min-width: 64em) {
    .grid-margin-x > .cell {
      width: calc(100% - 3.125rem);
      margin-left: 1.5625rem;
      margin-right: 1.5625rem; } }
  .grid-margin-x > .auto {
    width: auto; }
  .grid-margin-x > .shrink {
    width: auto; }
  .grid-margin-x > .small-1 {
    width: calc(8.3333333333% - 1.875rem); }
  .grid-margin-x > .small-2 {
    width: calc(16.6666666667% - 1.875rem); }
  .grid-margin-x > .small-3 {
    width: calc(25% - 1.875rem); }
  .grid-margin-x > .small-4 {
    width: calc(33.3333333333% - 1.875rem); }
  .grid-margin-x > .small-5 {
    width: calc(41.6666666667% - 1.875rem); }
  .grid-margin-x > .small-6 {
    width: calc(50% - 1.875rem); }
  .grid-margin-x > .small-7 {
    width: calc(58.3333333333% - 1.875rem); }
  .grid-margin-x > .small-8 {
    width: calc(66.6666666667% - 1.875rem); }
  .grid-margin-x > .small-9 {
    width: calc(75% - 1.875rem); }
  .grid-margin-x > .small-10 {
    width: calc(83.3333333333% - 1.875rem); }
  .grid-margin-x > .small-11 {
    width: calc(91.6666666667% - 1.875rem); }
  .grid-margin-x > .small-12 {
    width: calc(100% - 1.875rem); }
  @media print, screen and (min-width: 40em) {
    .grid-margin-x > .medium-auto {
      width: auto; }
    .grid-margin-x > .medium-shrink {
      width: auto; }
    .grid-margin-x > .medium-1 {
      width: calc(8.3333333333% - 1.875rem); }
    .grid-margin-x > .medium-2 {
      width: calc(16.6666666667% - 1.875rem); }
    .grid-margin-x > .medium-3 {
      width: calc(25% - 1.875rem); }
    .grid-margin-x > .medium-4 {
      width: calc(33.3333333333% - 1.875rem); }
    .grid-margin-x > .medium-5 {
      width: calc(41.6666666667% - 1.875rem); }
    .grid-margin-x > .medium-6 {
      width: calc(50% - 1.875rem); }
    .grid-margin-x > .medium-7 {
      width: calc(58.3333333333% - 1.875rem); }
    .grid-margin-x > .medium-8 {
      width: calc(66.6666666667% - 1.875rem); }
    .grid-margin-x > .medium-9 {
      width: calc(75% - 1.875rem); }
    .grid-margin-x > .medium-10 {
      width: calc(83.3333333333% - 1.875rem); }
    .grid-margin-x > .medium-11 {
      width: calc(91.6666666667% - 1.875rem); }
    .grid-margin-x > .medium-12 {
      width: calc(100% - 1.875rem); } }
  @media print, screen and (min-width: 64em) {
    .grid-margin-x > .auto {
      width: auto; }
    .grid-margin-x > .shrink {
      width: auto; }
    .grid-margin-x > .small-1 {
      width: calc(8.3333333333% - 3.125rem); }
    .grid-margin-x > .small-2 {
      width: calc(16.6666666667% - 3.125rem); }
    .grid-margin-x > .small-3 {
      width: calc(25% - 3.125rem); }
    .grid-margin-x > .small-4 {
      width: calc(33.3333333333% - 3.125rem); }
    .grid-margin-x > .small-5 {
      width: calc(41.6666666667% - 3.125rem); }
    .grid-margin-x > .small-6 {
      width: calc(50% - 3.125rem); }
    .grid-margin-x > .small-7 {
      width: calc(58.3333333333% - 3.125rem); }
    .grid-margin-x > .small-8 {
      width: calc(66.6666666667% - 3.125rem); }
    .grid-margin-x > .small-9 {
      width: calc(75% - 3.125rem); }
    .grid-margin-x > .small-10 {
      width: calc(83.3333333333% - 3.125rem); }
    .grid-margin-x > .small-11 {
      width: calc(91.6666666667% - 3.125rem); }
    .grid-margin-x > .small-12 {
      width: calc(100% - 3.125rem); }
    .grid-margin-x > .medium-auto {
      width: auto; }
    .grid-margin-x > .medium-shrink {
      width: auto; }
    .grid-margin-x > .medium-1 {
      width: calc(8.3333333333% - 3.125rem); }
    .grid-margin-x > .medium-2 {
      width: calc(16.6666666667% - 3.125rem); }
    .grid-margin-x > .medium-3 {
      width: calc(25% - 3.125rem); }
    .grid-margin-x > .medium-4 {
      width: calc(33.3333333333% - 3.125rem); }
    .grid-margin-x > .medium-5 {
      width: calc(41.6666666667% - 3.125rem); }
    .grid-margin-x > .medium-6 {
      width: calc(50% - 3.125rem); }
    .grid-margin-x > .medium-7 {
      width: calc(58.3333333333% - 3.125rem); }
    .grid-margin-x > .medium-8 {
      width: calc(66.6666666667% - 3.125rem); }
    .grid-margin-x > .medium-9 {
      width: calc(75% - 3.125rem); }
    .grid-margin-x > .medium-10 {
      width: calc(83.3333333333% - 3.125rem); }
    .grid-margin-x > .medium-11 {
      width: calc(91.6666666667% - 3.125rem); }
    .grid-margin-x > .medium-12 {
      width: calc(100% - 3.125rem); }
    .grid-margin-x > .large-auto {
      width: auto; }
    .grid-margin-x > .large-shrink {
      width: auto; }
    .grid-margin-x > .large-1 {
      width: calc(8.3333333333% - 3.125rem); }
    .grid-margin-x > .large-2 {
      width: calc(16.6666666667% - 3.125rem); }
    .grid-margin-x > .large-3 {
      width: calc(25% - 3.125rem); }
    .grid-margin-x > .large-4 {
      width: calc(33.3333333333% - 3.125rem); }
    .grid-margin-x > .large-5 {
      width: calc(41.6666666667% - 3.125rem); }
    .grid-margin-x > .large-6 {
      width: calc(50% - 3.125rem); }
    .grid-margin-x > .large-7 {
      width: calc(58.3333333333% - 3.125rem); }
    .grid-margin-x > .large-8 {
      width: calc(66.6666666667% - 3.125rem); }
    .grid-margin-x > .large-9 {
      width: calc(75% - 3.125rem); }
    .grid-margin-x > .large-10 {
      width: calc(83.3333333333% - 3.125rem); }
    .grid-margin-x > .large-11 {
      width: calc(91.6666666667% - 3.125rem); }
    .grid-margin-x > .large-12 {
      width: calc(100% - 3.125rem); } }
.grid-padding-x .grid-padding-x {
  margin-right: -0.9375rem;
  margin-left: -0.9375rem; }
  @media print, screen and (min-width: 64em) {
    .grid-padding-x .grid-padding-x {
      margin-right: -1.5625rem;
      margin-left: -1.5625rem; } }
.grid-container:not(.full) > .grid-padding-x {
  margin-right: -0.9375rem;
  margin-left: -0.9375rem; }
  @media print, screen and (min-width: 64em) {
    .grid-container:not(.full) > .grid-padding-x {
      margin-right: -1.5625rem;
      margin-left: -1.5625rem; } }
.grid-padding-x > .cell {
  padding-right: 0.9375rem;
  padding-left: 0.9375rem; }
  @media print, screen and (min-width: 64em) {
    .grid-padding-x > .cell {
      padding-right: 1.5625rem;
      padding-left: 1.5625rem; } }
.small-up-1 > .cell {
  width: 100%; }

.small-up-2 > .cell {
  width: 50%; }

.small-up-3 > .cell {
  width: 33.3333333333%; }

.small-up-4 > .cell {
  width: 25%; }

.small-up-5 > .cell {
  width: 20%; }

.small-up-6 > .cell {
  width: 16.6666666667%; }

.small-up-7 > .cell {
  width: 14.2857142857%; }

.small-up-8 > .cell {
  width: 12.5%; }

@media print, screen and (min-width: 40em) {
  .medium-up-1 > .cell {
    width: 100%; }
  .medium-up-2 > .cell {
    width: 50%; }
  .medium-up-3 > .cell {
    width: 33.3333333333%; }
  .medium-up-4 > .cell {
    width: 25%; }
  .medium-up-5 > .cell {
    width: 20%; }
  .medium-up-6 > .cell {
    width: 16.6666666667%; }
  .medium-up-7 > .cell {
    width: 14.2857142857%; }
  .medium-up-8 > .cell {
    width: 12.5%; } }

@media print, screen and (min-width: 64em) {
  .large-up-1 > .cell {
    width: 100%; }
  .large-up-2 > .cell {
    width: 50%; }
  .large-up-3 > .cell {
    width: 33.3333333333%; }
  .large-up-4 > .cell {
    width: 25%; }
  .large-up-5 > .cell {
    width: 20%; }
  .large-up-6 > .cell {
    width: 16.6666666667%; }
  .large-up-7 > .cell {
    width: 14.2857142857%; }
  .large-up-8 > .cell {
    width: 12.5%; } }

.grid-margin-x.small-up-1 > .cell {
  width: calc(100% - 1.875rem); }

.grid-margin-x.small-up-2 > .cell {
  width: calc(50% - 1.875rem); }

.grid-margin-x.small-up-3 > .cell {
  width: calc(33.3333333333% - 1.875rem); }

.grid-margin-x.small-up-4 > .cell {
  width: calc(25% - 1.875rem); }

.grid-margin-x.small-up-5 > .cell {
  width: calc(20% - 1.875rem); }

.grid-margin-x.small-up-6 > .cell {
  width: calc(16.6666666667% - 1.875rem); }

.grid-margin-x.small-up-7 > .cell {
  width: calc(14.2857142857% - 1.875rem); }

.grid-margin-x.small-up-8 > .cell {
  width: calc(12.5% - 1.875rem); }

@media print, screen and (min-width: 40em) {
  .grid-margin-x.medium-up-1 > .cell {
    width: calc(100% - 1.875rem); }
  .grid-margin-x.medium-up-2 > .cell {
    width: calc(50% - 1.875rem); }
  .grid-margin-x.medium-up-3 > .cell {
    width: calc(33.3333333333% - 1.875rem); }
  .grid-margin-x.medium-up-4 > .cell {
    width: calc(25% - 1.875rem); }
  .grid-margin-x.medium-up-5 > .cell {
    width: calc(20% - 1.875rem); }
  .grid-margin-x.medium-up-6 > .cell {
    width: calc(16.6666666667% - 1.875rem); }
  .grid-margin-x.medium-up-7 > .cell {
    width: calc(14.2857142857% - 1.875rem); }
  .grid-margin-x.medium-up-8 > .cell {
    width: calc(12.5% - 1.875rem); } }

@media print, screen and (min-width: 64em) {
  .grid-margin-x.small-up-1 > .cell {
    width: calc(100% - 3.125rem); }
  .grid-margin-x.small-up-2 > .cell {
    width: calc(50% - 3.125rem); }
  .grid-margin-x.small-up-3 > .cell {
    width: calc(33.3333333333% - 3.125rem); }
  .grid-margin-x.small-up-4 > .cell {
    width: calc(25% - 3.125rem); }
  .grid-margin-x.small-up-5 > .cell {
    width: calc(20% - 3.125rem); }
  .grid-margin-x.small-up-6 > .cell {
    width: calc(16.6666666667% - 3.125rem); }
  .grid-margin-x.small-up-7 > .cell {
    width: calc(14.2857142857% - 3.125rem); }
  .grid-margin-x.small-up-8 > .cell {
    width: calc(12.5% - 3.125rem); }
  .grid-margin-x.large-up-1 > .cell {
    width: calc(100% - 3.125rem); }
  .grid-margin-x.large-up-2 > .cell {
    width: calc(50% - 3.125rem); }
  .grid-margin-x.large-up-3 > .cell {
    width: calc(33.3333333333% - 3.125rem); }
  .grid-margin-x.large-up-4 > .cell {
    width: calc(25% - 3.125rem); }
  .grid-margin-x.large-up-5 > .cell {
    width: calc(20% - 3.125rem); }
  .grid-margin-x.large-up-6 > .cell {
    width: calc(16.6666666667% - 3.125rem); }
  .grid-margin-x.large-up-7 > .cell {
    width: calc(14.2857142857% - 3.125rem); }
  .grid-margin-x.large-up-8 > .cell {
    width: calc(12.5% - 3.125rem); } }

.small-margin-collapse {
  margin-right: 0;
  margin-left: 0; }
  .small-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0; }
  .small-margin-collapse > .small-1 {
    width: 8.3333333333%; }
  .small-margin-collapse > .small-2 {
    width: 16.6666666667%; }
  .small-margin-collapse > .small-3 {
    width: 25%; }
  .small-margin-collapse > .small-4 {
    width: 33.3333333333%; }
  .small-margin-collapse > .small-5 {
    width: 41.6666666667%; }
  .small-margin-collapse > .small-6 {
    width: 50%; }
  .small-margin-collapse > .small-7 {
    width: 58.3333333333%; }
  .small-margin-collapse > .small-8 {
    width: 66.6666666667%; }
  .small-margin-collapse > .small-9 {
    width: 75%; }
  .small-margin-collapse > .small-10 {
    width: 83.3333333333%; }
  .small-margin-collapse > .small-11 {
    width: 91.6666666667%; }
  .small-margin-collapse > .small-12 {
    width: 100%; }
  @media print, screen and (min-width: 40em) {
    .small-margin-collapse > .medium-1 {
      width: 8.3333333333%; }
    .small-margin-collapse > .medium-2 {
      width: 16.6666666667%; }
    .small-margin-collapse > .medium-3 {
      width: 25%; }
    .small-margin-collapse > .medium-4 {
      width: 33.3333333333%; }
    .small-margin-collapse > .medium-5 {
      width: 41.6666666667%; }
    .small-margin-collapse > .medium-6 {
      width: 50%; }
    .small-margin-collapse > .medium-7 {
      width: 58.3333333333%; }
    .small-margin-collapse > .medium-8 {
      width: 66.6666666667%; }
    .small-margin-collapse > .medium-9 {
      width: 75%; }
    .small-margin-collapse > .medium-10 {
      width: 83.3333333333%; }
    .small-margin-collapse > .medium-11 {
      width: 91.6666666667%; }
    .small-margin-collapse > .medium-12 {
      width: 100%; } }
  @media print, screen and (min-width: 64em) {
    .small-margin-collapse > .large-1 {
      width: 8.3333333333%; }
    .small-margin-collapse > .large-2 {
      width: 16.6666666667%; }
    .small-margin-collapse > .large-3 {
      width: 25%; }
    .small-margin-collapse > .large-4 {
      width: 33.3333333333%; }
    .small-margin-collapse > .large-5 {
      width: 41.6666666667%; }
    .small-margin-collapse > .large-6 {
      width: 50%; }
    .small-margin-collapse > .large-7 {
      width: 58.3333333333%; }
    .small-margin-collapse > .large-8 {
      width: 66.6666666667%; }
    .small-margin-collapse > .large-9 {
      width: 75%; }
    .small-margin-collapse > .large-10 {
      width: 83.3333333333%; }
    .small-margin-collapse > .large-11 {
      width: 91.6666666667%; }
    .small-margin-collapse > .large-12 {
      width: 100%; } }
.small-padding-collapse {
  margin-right: 0;
  margin-left: 0; }
  .small-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0; }

@media print, screen and (min-width: 40em) {
  .medium-margin-collapse {
    margin-right: 0;
    margin-left: 0; }
    .medium-margin-collapse > .cell {
      margin-right: 0;
      margin-left: 0; } }

@media print, screen and (min-width: 40em) {
  .medium-margin-collapse > .small-1 {
    width: 8.3333333333%; }
  .medium-margin-collapse > .small-2 {
    width: 16.6666666667%; }
  .medium-margin-collapse > .small-3 {
    width: 25%; }
  .medium-margin-collapse > .small-4 {
    width: 33.3333333333%; }
  .medium-margin-collapse > .small-5 {
    width: 41.6666666667%; }
  .medium-margin-collapse > .small-6 {
    width: 50%; }
  .medium-margin-collapse > .small-7 {
    width: 58.3333333333%; }
  .medium-margin-collapse > .small-8 {
    width: 66.6666666667%; }
  .medium-margin-collapse > .small-9 {
    width: 75%; }
  .medium-margin-collapse > .small-10 {
    width: 83.3333333333%; }
  .medium-margin-collapse > .small-11 {
    width: 91.6666666667%; }
  .medium-margin-collapse > .small-12 {
    width: 100%; } }

@media print, screen and (min-width: 40em) {
  .medium-margin-collapse > .medium-1 {
    width: 8.3333333333%; }
  .medium-margin-collapse > .medium-2 {
    width: 16.6666666667%; }
  .medium-margin-collapse > .medium-3 {
    width: 25%; }
  .medium-margin-collapse > .medium-4 {
    width: 33.3333333333%; }
  .medium-margin-collapse > .medium-5 {
    width: 41.6666666667%; }
  .medium-margin-collapse > .medium-6 {
    width: 50%; }
  .medium-margin-collapse > .medium-7 {
    width: 58.3333333333%; }
  .medium-margin-collapse > .medium-8 {
    width: 66.6666666667%; }
  .medium-margin-collapse > .medium-9 {
    width: 75%; }
  .medium-margin-collapse > .medium-10 {
    width: 83.3333333333%; }
  .medium-margin-collapse > .medium-11 {
    width: 91.6666666667%; }
  .medium-margin-collapse > .medium-12 {
    width: 100%; } }

@media print, screen and (min-width: 64em) {
  .medium-margin-collapse > .large-1 {
    width: 8.3333333333%; }
  .medium-margin-collapse > .large-2 {
    width: 16.6666666667%; }
  .medium-margin-collapse > .large-3 {
    width: 25%; }
  .medium-margin-collapse > .large-4 {
    width: 33.3333333333%; }
  .medium-margin-collapse > .large-5 {
    width: 41.6666666667%; }
  .medium-margin-collapse > .large-6 {
    width: 50%; }
  .medium-margin-collapse > .large-7 {
    width: 58.3333333333%; }
  .medium-margin-collapse > .large-8 {
    width: 66.6666666667%; }
  .medium-margin-collapse > .large-9 {
    width: 75%; }
  .medium-margin-collapse > .large-10 {
    width: 83.3333333333%; }
  .medium-margin-collapse > .large-11 {
    width: 91.6666666667%; }
  .medium-margin-collapse > .large-12 {
    width: 100%; } }

@media print, screen and (min-width: 40em) {
  .medium-padding-collapse {
    margin-right: 0;
    margin-left: 0; }
    .medium-padding-collapse > .cell {
      padding-right: 0;
      padding-left: 0; } }

@media print, screen and (min-width: 64em) {
  .large-margin-collapse {
    margin-right: 0;
    margin-left: 0; }
    .large-margin-collapse > .cell {
      margin-right: 0;
      margin-left: 0; } }

@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .small-1 {
    width: 8.3333333333%; }
  .large-margin-collapse > .small-2 {
    width: 16.6666666667%; }
  .large-margin-collapse > .small-3 {
    width: 25%; }
  .large-margin-collapse > .small-4 {
    width: 33.3333333333%; }
  .large-margin-collapse > .small-5 {
    width: 41.6666666667%; }
  .large-margin-collapse > .small-6 {
    width: 50%; }
  .large-margin-collapse > .small-7 {
    width: 58.3333333333%; }
  .large-margin-collapse > .small-8 {
    width: 66.6666666667%; }
  .large-margin-collapse > .small-9 {
    width: 75%; }
  .large-margin-collapse > .small-10 {
    width: 83.3333333333%; }
  .large-margin-collapse > .small-11 {
    width: 91.6666666667%; }
  .large-margin-collapse > .small-12 {
    width: 100%; } }

@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .medium-1 {
    width: 8.3333333333%; }
  .large-margin-collapse > .medium-2 {
    width: 16.6666666667%; }
  .large-margin-collapse > .medium-3 {
    width: 25%; }
  .large-margin-collapse > .medium-4 {
    width: 33.3333333333%; }
  .large-margin-collapse > .medium-5 {
    width: 41.6666666667%; }
  .large-margin-collapse > .medium-6 {
    width: 50%; }
  .large-margin-collapse > .medium-7 {
    width: 58.3333333333%; }
  .large-margin-collapse > .medium-8 {
    width: 66.6666666667%; }
  .large-margin-collapse > .medium-9 {
    width: 75%; }
  .large-margin-collapse > .medium-10 {
    width: 83.3333333333%; }
  .large-margin-collapse > .medium-11 {
    width: 91.6666666667%; }
  .large-margin-collapse > .medium-12 {
    width: 100%; } }

@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .large-1 {
    width: 8.3333333333%; }
  .large-margin-collapse > .large-2 {
    width: 16.6666666667%; }
  .large-margin-collapse > .large-3 {
    width: 25%; }
  .large-margin-collapse > .large-4 {
    width: 33.3333333333%; }
  .large-margin-collapse > .large-5 {
    width: 41.6666666667%; }
  .large-margin-collapse > .large-6 {
    width: 50%; }
  .large-margin-collapse > .large-7 {
    width: 58.3333333333%; }
  .large-margin-collapse > .large-8 {
    width: 66.6666666667%; }
  .large-margin-collapse > .large-9 {
    width: 75%; }
  .large-margin-collapse > .large-10 {
    width: 83.3333333333%; }
  .large-margin-collapse > .large-11 {
    width: 91.6666666667%; }
  .large-margin-collapse > .large-12 {
    width: 100%; } }

@media print, screen and (min-width: 64em) {
  .large-padding-collapse {
    margin-right: 0;
    margin-left: 0; }
    .large-padding-collapse > .cell {
      padding-right: 0;
      padding-left: 0; } }

.small-offset-0 {
  margin-left: 0%; }

.grid-margin-x > .small-offset-0 {
  margin-left: calc(0% + 0.9375rem); }

.small-offset-1 {
  margin-left: 8.3333333333%; }

.grid-margin-x > .small-offset-1 {
  margin-left: calc(8.3333333333% + 0.9375rem); }

.small-offset-2 {
  margin-left: 16.6666666667%; }

.grid-margin-x > .small-offset-2 {
  margin-left: calc(16.6666666667% + 0.9375rem); }

.small-offset-3 {
  margin-left: 25%; }

.grid-margin-x > .small-offset-3 {
  margin-left: calc(25% + 0.9375rem); }

.small-offset-4 {
  margin-left: 33.3333333333%; }

.grid-margin-x > .small-offset-4 {
  margin-left: calc(33.3333333333% + 0.9375rem); }

.small-offset-5 {
  margin-left: 41.6666666667%; }

.grid-margin-x > .small-offset-5 {
  margin-left: calc(41.6666666667% + 0.9375rem); }

.small-offset-6 {
  margin-left: 50%; }

.grid-margin-x > .small-offset-6 {
  margin-left: calc(50% + 0.9375rem); }

.small-offset-7 {
  margin-left: 58.3333333333%; }

.grid-margin-x > .small-offset-7 {
  margin-left: calc(58.3333333333% + 0.9375rem); }

.small-offset-8 {
  margin-left: 66.6666666667%; }

.grid-margin-x > .small-offset-8 {
  margin-left: calc(66.6666666667% + 0.9375rem); }

.small-offset-9 {
  margin-left: 75%; }

.grid-margin-x > .small-offset-9 {
  margin-left: calc(75% + 0.9375rem); }

.small-offset-10 {
  margin-left: 83.3333333333%; }

.grid-margin-x > .small-offset-10 {
  margin-left: calc(83.3333333333% + 0.9375rem); }

.small-offset-11 {
  margin-left: 91.6666666667%; }

.grid-margin-x > .small-offset-11 {
  margin-left: calc(91.6666666667% + 0.9375rem); }

@media print, screen and (min-width: 40em) {
  .medium-offset-0 {
    margin-left: 0%; }
  .grid-margin-x > .medium-offset-0 {
    margin-left: calc(0% + 0.9375rem); }
  .medium-offset-1 {
    margin-left: 8.3333333333%; }
  .grid-margin-x > .medium-offset-1 {
    margin-left: calc(8.3333333333% + 0.9375rem); }
  .medium-offset-2 {
    margin-left: 16.6666666667%; }
  .grid-margin-x > .medium-offset-2 {
    margin-left: calc(16.6666666667% + 0.9375rem); }
  .medium-offset-3 {
    margin-left: 25%; }
  .grid-margin-x > .medium-offset-3 {
    margin-left: calc(25% + 0.9375rem); }
  .medium-offset-4 {
    margin-left: 33.3333333333%; }
  .grid-margin-x > .medium-offset-4 {
    margin-left: calc(33.3333333333% + 0.9375rem); }
  .medium-offset-5 {
    margin-left: 41.6666666667%; }
  .grid-margin-x > .medium-offset-5 {
    margin-left: calc(41.6666666667% + 0.9375rem); }
  .medium-offset-6 {
    margin-left: 50%; }
  .grid-margin-x > .medium-offset-6 {
    margin-left: calc(50% + 0.9375rem); }
  .medium-offset-7 {
    margin-left: 58.3333333333%; }
  .grid-margin-x > .medium-offset-7 {
    margin-left: calc(58.3333333333% + 0.9375rem); }
  .medium-offset-8 {
    margin-left: 66.6666666667%; }
  .grid-margin-x > .medium-offset-8 {
    margin-left: calc(66.6666666667% + 0.9375rem); }
  .medium-offset-9 {
    margin-left: 75%; }
  .grid-margin-x > .medium-offset-9 {
    margin-left: calc(75% + 0.9375rem); }
  .medium-offset-10 {
    margin-left: 83.3333333333%; }
  .grid-margin-x > .medium-offset-10 {
    margin-left: calc(83.3333333333% + 0.9375rem); }
  .medium-offset-11 {
    margin-left: 91.6666666667%; }
  .grid-margin-x > .medium-offset-11 {
    margin-left: calc(91.6666666667% + 0.9375rem); } }

@media print, screen and (min-width: 64em) {
  .large-offset-0 {
    margin-left: 0%; }
  .grid-margin-x > .large-offset-0 {
    margin-left: calc(0% + 1.5625rem); }
  .large-offset-1 {
    margin-left: 8.3333333333%; }
  .grid-margin-x > .large-offset-1 {
    margin-left: calc(8.3333333333% + 1.5625rem); }
  .large-offset-2 {
    margin-left: 16.6666666667%; }
  .grid-margin-x > .large-offset-2 {
    margin-left: calc(16.6666666667% + 1.5625rem); }
  .large-offset-3 {
    margin-left: 25%; }
  .grid-margin-x > .large-offset-3 {
    margin-left: calc(25% + 1.5625rem); }
  .large-offset-4 {
    margin-left: 33.3333333333%; }
  .grid-margin-x > .large-offset-4 {
    margin-left: calc(33.3333333333% + 1.5625rem); }
  .large-offset-5 {
    margin-left: 41.6666666667%; }
  .grid-margin-x > .large-offset-5 {
    margin-left: calc(41.6666666667% + 1.5625rem); }
  .large-offset-6 {
    margin-left: 50%; }
  .grid-margin-x > .large-offset-6 {
    margin-left: calc(50% + 1.5625rem); }
  .large-offset-7 {
    margin-left: 58.3333333333%; }
  .grid-margin-x > .large-offset-7 {
    margin-left: calc(58.3333333333% + 1.5625rem); }
  .large-offset-8 {
    margin-left: 66.6666666667%; }
  .grid-margin-x > .large-offset-8 {
    margin-left: calc(66.6666666667% + 1.5625rem); }
  .large-offset-9 {
    margin-left: 75%; }
  .grid-margin-x > .large-offset-9 {
    margin-left: calc(75% + 1.5625rem); }
  .large-offset-10 {
    margin-left: 83.3333333333%; }
  .grid-margin-x > .large-offset-10 {
    margin-left: calc(83.3333333333% + 1.5625rem); }
  .large-offset-11 {
    margin-left: 91.6666666667%; }
  .grid-margin-x > .large-offset-11 {
    margin-left: calc(91.6666666667% + 1.5625rem); } }

.grid-y {
  display: flex;
  flex-flow: column nowrap; }
  .grid-y > .cell {
    height: auto;
    max-height: none; }
  .grid-y > .auto {
    height: auto; }
  .grid-y > .shrink {
    height: auto; }
  .grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 {
    flex-basis: auto; }
  @media print, screen and (min-width: 40em) {
    .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 {
      flex-basis: auto; } }
  @media print, screen and (min-width: 64em) {
    .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 {
      flex-basis: auto; } }
  .grid-y > .small-12, .grid-y > .small-11, .grid-y > .small-10, .grid-y > .small-9, .grid-y > .small-8, .grid-y > .small-7, .grid-y > .small-6, .grid-y > .small-5, .grid-y > .small-4, .grid-y > .small-3, .grid-y > .small-2, .grid-y > .small-1 {
    flex: 0 0 auto; }
  .grid-y > .small-1 {
    height: 8.3333333333%; }
  .grid-y > .small-2 {
    height: 16.6666666667%; }
  .grid-y > .small-3 {
    height: 25%; }
  .grid-y > .small-4 {
    height: 33.3333333333%; }
  .grid-y > .small-5 {
    height: 41.6666666667%; }
  .grid-y > .small-6 {
    height: 50%; }
  .grid-y > .small-7 {
    height: 58.3333333333%; }
  .grid-y > .small-8 {
    height: 66.6666666667%; }
  .grid-y > .small-9 {
    height: 75%; }
  .grid-y > .small-10 {
    height: 83.3333333333%; }
  .grid-y > .small-11 {
    height: 91.6666666667%; }
  .grid-y > .small-12 {
    height: 100%; }
  @media print, screen and (min-width: 40em) {
    .grid-y > .medium-auto {
      flex: 1 1 0px;
      height: auto; }
    .grid-y > .medium-12, .grid-y > .medium-11, .grid-y > .medium-10, .grid-y > .medium-9, .grid-y > .medium-8, .grid-y > .medium-7, .grid-y > .medium-6, .grid-y > .medium-5, .grid-y > .medium-4, .grid-y > .medium-3, .grid-y > .medium-2, .grid-y > .medium-1, .grid-y > .medium-shrink {
      flex: 0 0 auto; }
    .grid-y > .medium-shrink {
      height: auto; }
    .grid-y > .medium-1 {
      height: 8.3333333333%; }
    .grid-y > .medium-2 {
      height: 16.6666666667%; }
    .grid-y > .medium-3 {
      height: 25%; }
    .grid-y > .medium-4 {
      height: 33.3333333333%; }
    .grid-y > .medium-5 {
      height: 41.6666666667%; }
    .grid-y > .medium-6 {
      height: 50%; }
    .grid-y > .medium-7 {
      height: 58.3333333333%; }
    .grid-y > .medium-8 {
      height: 66.6666666667%; }
    .grid-y > .medium-9 {
      height: 75%; }
    .grid-y > .medium-10 {
      height: 83.3333333333%; }
    .grid-y > .medium-11 {
      height: 91.6666666667%; }
    .grid-y > .medium-12 {
      height: 100%; } }
  @media print, screen and (min-width: 64em) {
    .grid-y > .large-auto {
      flex: 1 1 0px;
      height: auto; }
    .grid-y > .large-12, .grid-y > .large-11, .grid-y > .large-10, .grid-y > .large-9, .grid-y > .large-8, .grid-y > .large-7, .grid-y > .large-6, .grid-y > .large-5, .grid-y > .large-4, .grid-y > .large-3, .grid-y > .large-2, .grid-y > .large-1, .grid-y > .large-shrink {
      flex: 0 0 auto; }
    .grid-y > .large-shrink {
      height: auto; }
    .grid-y > .large-1 {
      height: 8.3333333333%; }
    .grid-y > .large-2 {
      height: 16.6666666667%; }
    .grid-y > .large-3 {
      height: 25%; }
    .grid-y > .large-4 {
      height: 33.3333333333%; }
    .grid-y > .large-5 {
      height: 41.6666666667%; }
    .grid-y > .large-6 {
      height: 50%; }
    .grid-y > .large-7 {
      height: 58.3333333333%; }
    .grid-y > .large-8 {
      height: 66.6666666667%; }
    .grid-y > .large-9 {
      height: 75%; }
    .grid-y > .large-10 {
      height: 83.3333333333%; }
    .grid-y > .large-11 {
      height: 91.6666666667%; }
    .grid-y > .large-12 {
      height: 100%; } }
.grid-padding-y .grid-padding-y {
  margin-top: -0.9375rem;
  margin-bottom: -0.9375rem; }
  @media print, screen and (min-width: 64em) {
    .grid-padding-y .grid-padding-y {
      margin-top: -1.5625rem;
      margin-bottom: -1.5625rem; } }
.grid-padding-y > .cell {
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem; }
  @media print, screen and (min-width: 64em) {
    .grid-padding-y > .cell {
      padding-top: 1.5625rem;
      padding-bottom: 1.5625rem; } }
.grid-margin-y {
  margin-top: -0.9375rem;
  margin-bottom: -0.9375rem; }
  @media print, screen and (min-width: 64em) {
    .grid-margin-y {
      margin-top: -1.5625rem;
      margin-bottom: -1.5625rem; } }
  .grid-margin-y > .cell {
    height: calc(100% - 1.875rem);
    margin-top: 0.9375rem;
    margin-bottom: 0.9375rem; }
  @media print, screen and (min-width: 64em) {
    .grid-margin-y > .cell {
      height: calc(100% - 3.125rem);
      margin-top: 1.5625rem;
      margin-bottom: 1.5625rem; } }
  .grid-margin-y > .auto {
    height: auto; }
  .grid-margin-y > .shrink {
    height: auto; }
  .grid-margin-y > .small-1 {
    height: calc(8.3333333333% - 1.875rem); }
  .grid-margin-y > .small-2 {
    height: calc(16.6666666667% - 1.875rem); }
  .grid-margin-y > .small-3 {
    height: calc(25% - 1.875rem); }
  .grid-margin-y > .small-4 {
    height: calc(33.3333333333% - 1.875rem); }
  .grid-margin-y > .small-5 {
    height: calc(41.6666666667% - 1.875rem); }
  .grid-margin-y > .small-6 {
    height: calc(50% - 1.875rem); }
  .grid-margin-y > .small-7 {
    height: calc(58.3333333333% - 1.875rem); }
  .grid-margin-y > .small-8 {
    height: calc(66.6666666667% - 1.875rem); }
  .grid-margin-y > .small-9 {
    height: calc(75% - 1.875rem); }
  .grid-margin-y > .small-10 {
    height: calc(83.3333333333% - 1.875rem); }
  .grid-margin-y > .small-11 {
    height: calc(91.6666666667% - 1.875rem); }
  .grid-margin-y > .small-12 {
    height: calc(100% - 1.875rem); }
  @media print, screen and (min-width: 40em) {
    .grid-margin-y > .medium-auto {
      height: auto; }
    .grid-margin-y > .medium-shrink {
      height: auto; }
    .grid-margin-y > .medium-1 {
      height: calc(8.3333333333% - 1.875rem); }
    .grid-margin-y > .medium-2 {
      height: calc(16.6666666667% - 1.875rem); }
    .grid-margin-y > .medium-3 {
      height: calc(25% - 1.875rem); }
    .grid-margin-y > .medium-4 {
      height: calc(33.3333333333% - 1.875rem); }
    .grid-margin-y > .medium-5 {
      height: calc(41.6666666667% - 1.875rem); }
    .grid-margin-y > .medium-6 {
      height: calc(50% - 1.875rem); }
    .grid-margin-y > .medium-7 {
      height: calc(58.3333333333% - 1.875rem); }
    .grid-margin-y > .medium-8 {
      height: calc(66.6666666667% - 1.875rem); }
    .grid-margin-y > .medium-9 {
      height: calc(75% - 1.875rem); }
    .grid-margin-y > .medium-10 {
      height: calc(83.3333333333% - 1.875rem); }
    .grid-margin-y > .medium-11 {
      height: calc(91.6666666667% - 1.875rem); }
    .grid-margin-y > .medium-12 {
      height: calc(100% - 1.875rem); } }
  @media print, screen and (min-width: 64em) {
    .grid-margin-y > .auto {
      height: auto; }
    .grid-margin-y > .shrink {
      height: auto; }
    .grid-margin-y > .small-1 {
      height: calc(8.3333333333% - 3.125rem); }
    .grid-margin-y > .small-2 {
      height: calc(16.6666666667% - 3.125rem); }
    .grid-margin-y > .small-3 {
      height: calc(25% - 3.125rem); }
    .grid-margin-y > .small-4 {
      height: calc(33.3333333333% - 3.125rem); }
    .grid-margin-y > .small-5 {
      height: calc(41.6666666667% - 3.125rem); }
    .grid-margin-y > .small-6 {
      height: calc(50% - 3.125rem); }
    .grid-margin-y > .small-7 {
      height: calc(58.3333333333% - 3.125rem); }
    .grid-margin-y > .small-8 {
      height: calc(66.6666666667% - 3.125rem); }
    .grid-margin-y > .small-9 {
      height: calc(75% - 3.125rem); }
    .grid-margin-y > .small-10 {
      height: calc(83.3333333333% - 3.125rem); }
    .grid-margin-y > .small-11 {
      height: calc(91.6666666667% - 3.125rem); }
    .grid-margin-y > .small-12 {
      height: calc(100% - 3.125rem); }
    .grid-margin-y > .medium-auto {
      height: auto; }
    .grid-margin-y > .medium-shrink {
      height: auto; }
    .grid-margin-y > .medium-1 {
      height: calc(8.3333333333% - 3.125rem); }
    .grid-margin-y > .medium-2 {
      height: calc(16.6666666667% - 3.125rem); }
    .grid-margin-y > .medium-3 {
      height: calc(25% - 3.125rem); }
    .grid-margin-y > .medium-4 {
      height: calc(33.3333333333% - 3.125rem); }
    .grid-margin-y > .medium-5 {
      height: calc(41.6666666667% - 3.125rem); }
    .grid-margin-y > .medium-6 {
      height: calc(50% - 3.125rem); }
    .grid-margin-y > .medium-7 {
      height: calc(58.3333333333% - 3.125rem); }
    .grid-margin-y > .medium-8 {
      height: calc(66.6666666667% - 3.125rem); }
    .grid-margin-y > .medium-9 {
      height: calc(75% - 3.125rem); }
    .grid-margin-y > .medium-10 {
      height: calc(83.3333333333% - 3.125rem); }
    .grid-margin-y > .medium-11 {
      height: calc(91.6666666667% - 3.125rem); }
    .grid-margin-y > .medium-12 {
      height: calc(100% - 3.125rem); }
    .grid-margin-y > .large-auto {
      height: auto; }
    .grid-margin-y > .large-shrink {
      height: auto; }
    .grid-margin-y > .large-1 {
      height: calc(8.3333333333% - 3.125rem); }
    .grid-margin-y > .large-2 {
      height: calc(16.6666666667% - 3.125rem); }
    .grid-margin-y > .large-3 {
      height: calc(25% - 3.125rem); }
    .grid-margin-y > .large-4 {
      height: calc(33.3333333333% - 3.125rem); }
    .grid-margin-y > .large-5 {
      height: calc(41.6666666667% - 3.125rem); }
    .grid-margin-y > .large-6 {
      height: calc(50% - 3.125rem); }
    .grid-margin-y > .large-7 {
      height: calc(58.3333333333% - 3.125rem); }
    .grid-margin-y > .large-8 {
      height: calc(66.6666666667% - 3.125rem); }
    .grid-margin-y > .large-9 {
      height: calc(75% - 3.125rem); }
    .grid-margin-y > .large-10 {
      height: calc(83.3333333333% - 3.125rem); }
    .grid-margin-y > .large-11 {
      height: calc(91.6666666667% - 3.125rem); }
    .grid-margin-y > .large-12 {
      height: calc(100% - 3.125rem); } }
.grid-frame {
  overflow: hidden;
  position: relative;
  flex-wrap: nowrap;
  align-items: stretch;
  width: 100vw; }

.cell .grid-frame {
  width: 100%; }

.cell-block {
  overflow-x: auto;
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar; }

.cell-block-y {
  overflow-y: auto;
  max-height: 100%;
  min-height: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar; }

.cell-block-container {
  display: flex;
  flex-direction: column;
  max-height: 100%; }
  .cell-block-container > .grid-x {
    max-height: 100%;
    flex-wrap: nowrap; }

@media print, screen and (min-width: 40em) {
  .medium-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100vw; }
  .cell .medium-grid-frame {
    width: 100%; }
  .medium-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
  .medium-cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%; }
    .medium-cell-block-container > .grid-x {
      max-height: 100%;
      flex-wrap: nowrap; }
  .medium-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; } }

@media print, screen and (min-width: 64em) {
  .large-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100vw; }
  .cell .large-grid-frame {
    width: 100%; }
  .large-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
  .large-cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%; }
    .large-cell-block-container > .grid-x {
      max-height: 100%;
      flex-wrap: nowrap; }
  .large-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; } }

.grid-y.grid-frame {
  width: auto;
  overflow: hidden;
  position: relative;
  flex-wrap: nowrap;
  align-items: stretch;
  height: 100vh; }

@media print, screen and (min-width: 40em) {
  .grid-y.medium-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh; } }

@media print, screen and (min-width: 64em) {
  .grid-y.large-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh; } }

.cell .grid-y.grid-frame {
  height: 100%; }

@media print, screen and (min-width: 40em) {
  .cell .grid-y.medium-grid-frame {
    height: 100%; } }

@media print, screen and (min-width: 64em) {
  .cell .grid-y.large-grid-frame {
    height: 100%; } }

.grid-margin-y {
  margin-top: -0.9375rem;
  margin-bottom: -0.9375rem; }
  @media print, screen and (min-width: 64em) {
    .grid-margin-y {
      margin-top: -1.5625rem;
      margin-bottom: -1.5625rem; } }
  .grid-margin-y > .cell {
    height: calc(100% - 1.875rem);
    margin-top: 0.9375rem;
    margin-bottom: 0.9375rem; }
  @media print, screen and (min-width: 64em) {
    .grid-margin-y > .cell {
      height: calc(100% - 3.125rem);
      margin-top: 1.5625rem;
      margin-bottom: 1.5625rem; } }
  .grid-margin-y > .auto {
    height: auto; }
  .grid-margin-y > .shrink {
    height: auto; }
  .grid-margin-y > .small-1 {
    height: calc(8.3333333333% - 1.875rem); }
  .grid-margin-y > .small-2 {
    height: calc(16.6666666667% - 1.875rem); }
  .grid-margin-y > .small-3 {
    height: calc(25% - 1.875rem); }
  .grid-margin-y > .small-4 {
    height: calc(33.3333333333% - 1.875rem); }
  .grid-margin-y > .small-5 {
    height: calc(41.6666666667% - 1.875rem); }
  .grid-margin-y > .small-6 {
    height: calc(50% - 1.875rem); }
  .grid-margin-y > .small-7 {
    height: calc(58.3333333333% - 1.875rem); }
  .grid-margin-y > .small-8 {
    height: calc(66.6666666667% - 1.875rem); }
  .grid-margin-y > .small-9 {
    height: calc(75% - 1.875rem); }
  .grid-margin-y > .small-10 {
    height: calc(83.3333333333% - 1.875rem); }
  .grid-margin-y > .small-11 {
    height: calc(91.6666666667% - 1.875rem); }
  .grid-margin-y > .small-12 {
    height: calc(100% - 1.875rem); }
  @media print, screen and (min-width: 40em) {
    .grid-margin-y > .medium-auto {
      height: auto; }
    .grid-margin-y > .medium-shrink {
      height: auto; }
    .grid-margin-y > .medium-1 {
      height: calc(8.3333333333% - 1.875rem); }
    .grid-margin-y > .medium-2 {
      height: calc(16.6666666667% - 1.875rem); }
    .grid-margin-y > .medium-3 {
      height: calc(25% - 1.875rem); }
    .grid-margin-y > .medium-4 {
      height: calc(33.3333333333% - 1.875rem); }
    .grid-margin-y > .medium-5 {
      height: calc(41.6666666667% - 1.875rem); }
    .grid-margin-y > .medium-6 {
      height: calc(50% - 1.875rem); }
    .grid-margin-y > .medium-7 {
      height: calc(58.3333333333% - 1.875rem); }
    .grid-margin-y > .medium-8 {
      height: calc(66.6666666667% - 1.875rem); }
    .grid-margin-y > .medium-9 {
      height: calc(75% - 1.875rem); }
    .grid-margin-y > .medium-10 {
      height: calc(83.3333333333% - 1.875rem); }
    .grid-margin-y > .medium-11 {
      height: calc(91.6666666667% - 1.875rem); }
    .grid-margin-y > .medium-12 {
      height: calc(100% - 1.875rem); } }
  @media print, screen and (min-width: 64em) {
    .grid-margin-y > .auto {
      height: auto; }
    .grid-margin-y > .shrink {
      height: auto; }
    .grid-margin-y > .small-1 {
      height: calc(8.3333333333% - 3.125rem); }
    .grid-margin-y > .small-2 {
      height: calc(16.6666666667% - 3.125rem); }
    .grid-margin-y > .small-3 {
      height: calc(25% - 3.125rem); }
    .grid-margin-y > .small-4 {
      height: calc(33.3333333333% - 3.125rem); }
    .grid-margin-y > .small-5 {
      height: calc(41.6666666667% - 3.125rem); }
    .grid-margin-y > .small-6 {
      height: calc(50% - 3.125rem); }
    .grid-margin-y > .small-7 {
      height: calc(58.3333333333% - 3.125rem); }
    .grid-margin-y > .small-8 {
      height: calc(66.6666666667% - 3.125rem); }
    .grid-margin-y > .small-9 {
      height: calc(75% - 3.125rem); }
    .grid-margin-y > .small-10 {
      height: calc(83.3333333333% - 3.125rem); }
    .grid-margin-y > .small-11 {
      height: calc(91.6666666667% - 3.125rem); }
    .grid-margin-y > .small-12 {
      height: calc(100% - 3.125rem); }
    .grid-margin-y > .medium-auto {
      height: auto; }
    .grid-margin-y > .medium-shrink {
      height: auto; }
    .grid-margin-y > .medium-1 {
      height: calc(8.3333333333% - 3.125rem); }
    .grid-margin-y > .medium-2 {
      height: calc(16.6666666667% - 3.125rem); }
    .grid-margin-y > .medium-3 {
      height: calc(25% - 3.125rem); }
    .grid-margin-y > .medium-4 {
      height: calc(33.3333333333% - 3.125rem); }
    .grid-margin-y > .medium-5 {
      height: calc(41.6666666667% - 3.125rem); }
    .grid-margin-y > .medium-6 {
      height: calc(50% - 3.125rem); }
    .grid-margin-y > .medium-7 {
      height: calc(58.3333333333% - 3.125rem); }
    .grid-margin-y > .medium-8 {
      height: calc(66.6666666667% - 3.125rem); }
    .grid-margin-y > .medium-9 {
      height: calc(75% - 3.125rem); }
    .grid-margin-y > .medium-10 {
      height: calc(83.3333333333% - 3.125rem); }
    .grid-margin-y > .medium-11 {
      height: calc(91.6666666667% - 3.125rem); }
    .grid-margin-y > .medium-12 {
      height: calc(100% - 3.125rem); }
    .grid-margin-y > .large-auto {
      height: auto; }
    .grid-margin-y > .large-shrink {
      height: auto; }
    .grid-margin-y > .large-1 {
      height: calc(8.3333333333% - 3.125rem); }
    .grid-margin-y > .large-2 {
      height: calc(16.6666666667% - 3.125rem); }
    .grid-margin-y > .large-3 {
      height: calc(25% - 3.125rem); }
    .grid-margin-y > .large-4 {
      height: calc(33.3333333333% - 3.125rem); }
    .grid-margin-y > .large-5 {
      height: calc(41.6666666667% - 3.125rem); }
    .grid-margin-y > .large-6 {
      height: calc(50% - 3.125rem); }
    .grid-margin-y > .large-7 {
      height: calc(58.3333333333% - 3.125rem); }
    .grid-margin-y > .large-8 {
      height: calc(66.6666666667% - 3.125rem); }
    .grid-margin-y > .large-9 {
      height: calc(75% - 3.125rem); }
    .grid-margin-y > .large-10 {
      height: calc(83.3333333333% - 3.125rem); }
    .grid-margin-y > .large-11 {
      height: calc(91.6666666667% - 3.125rem); }
    .grid-margin-y > .large-12 {
      height: calc(100% - 3.125rem); } }
.grid-frame.grid-margin-y {
  height: calc(100vh + 1.875rem); }
  @media print, screen and (min-width: 40em) {
    .grid-frame.grid-margin-y {
      height: calc(100vh + 1.875rem); } }
  @media print, screen and (min-width: 64em) {
    .grid-frame.grid-margin-y {
      height: calc(100vh + 3.125rem); } }
@media print, screen and (min-width: 40em) {
  .grid-margin-y.medium-grid-frame {
    height: calc(100vh + 1.875rem); } }

@media print, screen and (min-width: 64em) {
  .grid-margin-y.large-grid-frame {
    height: calc(100vh + 3.125rem); } }

.grid-container {
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto; }
  @media print, screen and (min-width: 64em) {
    .grid-container {
      padding-right: 1.5625rem;
      padding-left: 1.5625rem; } }
  .grid-container.fluid {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; }
    @media print, screen and (min-width: 64em) {
      .grid-container.fluid {
        padding-right: 1.5625rem;
        padding-left: 1.5625rem; } }
  .grid-container.full {
    padding-right: 0;
    padding-left: 0;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; }

.grid-x {
  display: flex;
  flex-flow: row wrap; }

.cell {
  flex: 0 0 auto;
  min-height: 0px;
  min-width: 0px;
  width: 100%; }
  .cell.auto {
    flex: 1 1 0px; }
  .cell.shrink {
    flex: 0 0 auto; }

.grid-x > .auto {
  width: auto; }

.grid-x > .shrink {
  width: auto; }

.grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {
  flex-basis: auto; }

@media print, screen and (min-width: 40em) {
  .grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 {
    flex-basis: auto; } }

@media print, screen and (min-width: 64em) {
  .grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {
    flex-basis: auto; } }

.grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {
  flex: 0 0 auto; }

.grid-x > .small-1 {
  width: 8.3333333333%; }

.grid-x > .small-2 {
  width: 16.6666666667%; }

.grid-x > .small-3 {
  width: 25%; }

.grid-x > .small-4 {
  width: 33.3333333333%; }

.grid-x > .small-5 {
  width: 41.6666666667%; }

.grid-x > .small-6 {
  width: 50%; }

.grid-x > .small-7 {
  width: 58.3333333333%; }

.grid-x > .small-8 {
  width: 66.6666666667%; }

.grid-x > .small-9 {
  width: 75%; }

.grid-x > .small-10 {
  width: 83.3333333333%; }

.grid-x > .small-11 {
  width: 91.6666666667%; }

.grid-x > .small-12 {
  width: 100%; }

@media print, screen and (min-width: 40em) {
  .grid-x > .medium-auto {
    flex: 1 1 0px;
    width: auto; }
  .grid-x > .medium-shrink, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 {
    flex: 0 0 auto; }
  .grid-x > .medium-shrink {
    width: auto; }
  .grid-x > .medium-1 {
    width: 8.3333333333%; }
  .grid-x > .medium-2 {
    width: 16.6666666667%; }
  .grid-x > .medium-3 {
    width: 25%; }
  .grid-x > .medium-4 {
    width: 33.3333333333%; }
  .grid-x > .medium-5 {
    width: 41.6666666667%; }
  .grid-x > .medium-6 {
    width: 50%; }
  .grid-x > .medium-7 {
    width: 58.3333333333%; }
  .grid-x > .medium-8 {
    width: 66.6666666667%; }
  .grid-x > .medium-9 {
    width: 75%; }
  .grid-x > .medium-10 {
    width: 83.3333333333%; }
  .grid-x > .medium-11 {
    width: 91.6666666667%; }
  .grid-x > .medium-12 {
    width: 100%; } }

@media print, screen and (min-width: 64em) {
  .grid-x > .large-auto {
    flex: 1 1 0px;
    width: auto; }
  .grid-x > .large-shrink, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {
    flex: 0 0 auto; }
  .grid-x > .large-shrink {
    width: auto; }
  .grid-x > .large-1 {
    width: 8.3333333333%; }
  .grid-x > .large-2 {
    width: 16.6666666667%; }
  .grid-x > .large-3 {
    width: 25%; }
  .grid-x > .large-4 {
    width: 33.3333333333%; }
  .grid-x > .large-5 {
    width: 41.6666666667%; }
  .grid-x > .large-6 {
    width: 50%; }
  .grid-x > .large-7 {
    width: 58.3333333333%; }
  .grid-x > .large-8 {
    width: 66.6666666667%; }
  .grid-x > .large-9 {
    width: 75%; }
  .grid-x > .large-10 {
    width: 83.3333333333%; }
  .grid-x > .large-11 {
    width: 91.6666666667%; }
  .grid-x > .large-12 {
    width: 100%; } }

.grid-margin-x:not(.grid-x) > .cell {
  width: auto; }

.grid-margin-y:not(.grid-y) > .cell {
  height: auto; }

.grid-margin-x {
  margin-left: -0.9375rem;
  margin-right: -0.9375rem; }
  @media print, screen and (min-width: 64em) {
    .grid-margin-x {
      margin-left: -1.5625rem;
      margin-right: -1.5625rem; } }
  .grid-margin-x > .cell {
    width: calc(100% - 1.875rem);
    margin-left: 0.9375rem;
    margin-right: 0.9375rem; }
  @media print, screen and (min-width: 64em) {
    .grid-margin-x > .cell {
      width: calc(100% - 3.125rem);
      margin-left: 1.5625rem;
      margin-right: 1.5625rem; } }
  .grid-margin-x > .auto {
    width: auto; }
  .grid-margin-x > .shrink {
    width: auto; }
  .grid-margin-x > .small-1 {
    width: calc(8.3333333333% - 1.875rem); }
  .grid-margin-x > .small-2 {
    width: calc(16.6666666667% - 1.875rem); }
  .grid-margin-x > .small-3 {
    width: calc(25% - 1.875rem); }
  .grid-margin-x > .small-4 {
    width: calc(33.3333333333% - 1.875rem); }
  .grid-margin-x > .small-5 {
    width: calc(41.6666666667% - 1.875rem); }
  .grid-margin-x > .small-6 {
    width: calc(50% - 1.875rem); }
  .grid-margin-x > .small-7 {
    width: calc(58.3333333333% - 1.875rem); }
  .grid-margin-x > .small-8 {
    width: calc(66.6666666667% - 1.875rem); }
  .grid-margin-x > .small-9 {
    width: calc(75% - 1.875rem); }
  .grid-margin-x > .small-10 {
    width: calc(83.3333333333% - 1.875rem); }
  .grid-margin-x > .small-11 {
    width: calc(91.6666666667% - 1.875rem); }
  .grid-margin-x > .small-12 {
    width: calc(100% - 1.875rem); }
  @media print, screen and (min-width: 40em) {
    .grid-margin-x > .medium-auto {
      width: auto; }
    .grid-margin-x > .medium-shrink {
      width: auto; }
    .grid-margin-x > .medium-1 {
      width: calc(8.3333333333% - 1.875rem); }
    .grid-margin-x > .medium-2 {
      width: calc(16.6666666667% - 1.875rem); }
    .grid-margin-x > .medium-3 {
      width: calc(25% - 1.875rem); }
    .grid-margin-x > .medium-4 {
      width: calc(33.3333333333% - 1.875rem); }
    .grid-margin-x > .medium-5 {
      width: calc(41.6666666667% - 1.875rem); }
    .grid-margin-x > .medium-6 {
      width: calc(50% - 1.875rem); }
    .grid-margin-x > .medium-7 {
      width: calc(58.3333333333% - 1.875rem); }
    .grid-margin-x > .medium-8 {
      width: calc(66.6666666667% - 1.875rem); }
    .grid-margin-x > .medium-9 {
      width: calc(75% - 1.875rem); }
    .grid-margin-x > .medium-10 {
      width: calc(83.3333333333% - 1.875rem); }
    .grid-margin-x > .medium-11 {
      width: calc(91.6666666667% - 1.875rem); }
    .grid-margin-x > .medium-12 {
      width: calc(100% - 1.875rem); } }
  @media print, screen and (min-width: 64em) {
    .grid-margin-x > .auto {
      width: auto; }
    .grid-margin-x > .shrink {
      width: auto; }
    .grid-margin-x > .small-1 {
      width: calc(8.3333333333% - 3.125rem); }
    .grid-margin-x > .small-2 {
      width: calc(16.6666666667% - 3.125rem); }
    .grid-margin-x > .small-3 {
      width: calc(25% - 3.125rem); }
    .grid-margin-x > .small-4 {
      width: calc(33.3333333333% - 3.125rem); }
    .grid-margin-x > .small-5 {
      width: calc(41.6666666667% - 3.125rem); }
    .grid-margin-x > .small-6 {
      width: calc(50% - 3.125rem); }
    .grid-margin-x > .small-7 {
      width: calc(58.3333333333% - 3.125rem); }
    .grid-margin-x > .small-8 {
      width: calc(66.6666666667% - 3.125rem); }
    .grid-margin-x > .small-9 {
      width: calc(75% - 3.125rem); }
    .grid-margin-x > .small-10 {
      width: calc(83.3333333333% - 3.125rem); }
    .grid-margin-x > .small-11 {
      width: calc(91.6666666667% - 3.125rem); }
    .grid-margin-x > .small-12 {
      width: calc(100% - 3.125rem); }
    .grid-margin-x > .medium-auto {
      width: auto; }
    .grid-margin-x > .medium-shrink {
      width: auto; }
    .grid-margin-x > .medium-1 {
      width: calc(8.3333333333% - 3.125rem); }
    .grid-margin-x > .medium-2 {
      width: calc(16.6666666667% - 3.125rem); }
    .grid-margin-x > .medium-3 {
      width: calc(25% - 3.125rem); }
    .grid-margin-x > .medium-4 {
      width: calc(33.3333333333% - 3.125rem); }
    .grid-margin-x > .medium-5 {
      width: calc(41.6666666667% - 3.125rem); }
    .grid-margin-x > .medium-6 {
      width: calc(50% - 3.125rem); }
    .grid-margin-x > .medium-7 {
      width: calc(58.3333333333% - 3.125rem); }
    .grid-margin-x > .medium-8 {
      width: calc(66.6666666667% - 3.125rem); }
    .grid-margin-x > .medium-9 {
      width: calc(75% - 3.125rem); }
    .grid-margin-x > .medium-10 {
      width: calc(83.3333333333% - 3.125rem); }
    .grid-margin-x > .medium-11 {
      width: calc(91.6666666667% - 3.125rem); }
    .grid-margin-x > .medium-12 {
      width: calc(100% - 3.125rem); }
    .grid-margin-x > .large-auto {
      width: auto; }
    .grid-margin-x > .large-shrink {
      width: auto; }
    .grid-margin-x > .large-1 {
      width: calc(8.3333333333% - 3.125rem); }
    .grid-margin-x > .large-2 {
      width: calc(16.6666666667% - 3.125rem); }
    .grid-margin-x > .large-3 {
      width: calc(25% - 3.125rem); }
    .grid-margin-x > .large-4 {
      width: calc(33.3333333333% - 3.125rem); }
    .grid-margin-x > .large-5 {
      width: calc(41.6666666667% - 3.125rem); }
    .grid-margin-x > .large-6 {
      width: calc(50% - 3.125rem); }
    .grid-margin-x > .large-7 {
      width: calc(58.3333333333% - 3.125rem); }
    .grid-margin-x > .large-8 {
      width: calc(66.6666666667% - 3.125rem); }
    .grid-margin-x > .large-9 {
      width: calc(75% - 3.125rem); }
    .grid-margin-x > .large-10 {
      width: calc(83.3333333333% - 3.125rem); }
    .grid-margin-x > .large-11 {
      width: calc(91.6666666667% - 3.125rem); }
    .grid-margin-x > .large-12 {
      width: calc(100% - 3.125rem); } }
.grid-padding-x .grid-padding-x {
  margin-right: -0.9375rem;
  margin-left: -0.9375rem; }
  @media print, screen and (min-width: 64em) {
    .grid-padding-x .grid-padding-x {
      margin-right: -1.5625rem;
      margin-left: -1.5625rem; } }
.grid-container:not(.full) > .grid-padding-x {
  margin-right: -0.9375rem;
  margin-left: -0.9375rem; }
  @media print, screen and (min-width: 64em) {
    .grid-container:not(.full) > .grid-padding-x {
      margin-right: -1.5625rem;
      margin-left: -1.5625rem; } }
.grid-padding-x > .cell {
  padding-right: 0.9375rem;
  padding-left: 0.9375rem; }
  @media print, screen and (min-width: 64em) {
    .grid-padding-x > .cell {
      padding-right: 1.5625rem;
      padding-left: 1.5625rem; } }
.small-up-1 > .cell {
  width: 100%; }

.small-up-2 > .cell {
  width: 50%; }

.small-up-3 > .cell {
  width: 33.3333333333%; }

.small-up-4 > .cell {
  width: 25%; }

.small-up-5 > .cell {
  width: 20%; }

.small-up-6 > .cell {
  width: 16.6666666667%; }

.small-up-7 > .cell {
  width: 14.2857142857%; }

.small-up-8 > .cell {
  width: 12.5%; }

@media print, screen and (min-width: 40em) {
  .medium-up-1 > .cell {
    width: 100%; }
  .medium-up-2 > .cell {
    width: 50%; }
  .medium-up-3 > .cell {
    width: 33.3333333333%; }
  .medium-up-4 > .cell {
    width: 25%; }
  .medium-up-5 > .cell {
    width: 20%; }
  .medium-up-6 > .cell {
    width: 16.6666666667%; }
  .medium-up-7 > .cell {
    width: 14.2857142857%; }
  .medium-up-8 > .cell {
    width: 12.5%; } }

@media print, screen and (min-width: 64em) {
  .large-up-1 > .cell {
    width: 100%; }
  .large-up-2 > .cell {
    width: 50%; }
  .large-up-3 > .cell {
    width: 33.3333333333%; }
  .large-up-4 > .cell {
    width: 25%; }
  .large-up-5 > .cell {
    width: 20%; }
  .large-up-6 > .cell {
    width: 16.6666666667%; }
  .large-up-7 > .cell {
    width: 14.2857142857%; }
  .large-up-8 > .cell {
    width: 12.5%; } }

.grid-margin-x.small-up-1 > .cell {
  width: calc(100% - 1.875rem); }

.grid-margin-x.small-up-2 > .cell {
  width: calc(50% - 1.875rem); }

.grid-margin-x.small-up-3 > .cell {
  width: calc(33.3333333333% - 1.875rem); }

.grid-margin-x.small-up-4 > .cell {
  width: calc(25% - 1.875rem); }

.grid-margin-x.small-up-5 > .cell {
  width: calc(20% - 1.875rem); }

.grid-margin-x.small-up-6 > .cell {
  width: calc(16.6666666667% - 1.875rem); }

.grid-margin-x.small-up-7 > .cell {
  width: calc(14.2857142857% - 1.875rem); }

.grid-margin-x.small-up-8 > .cell {
  width: calc(12.5% - 1.875rem); }

@media print, screen and (min-width: 40em) {
  .grid-margin-x.medium-up-1 > .cell {
    width: calc(100% - 1.875rem); }
  .grid-margin-x.medium-up-2 > .cell {
    width: calc(50% - 1.875rem); }
  .grid-margin-x.medium-up-3 > .cell {
    width: calc(33.3333333333% - 1.875rem); }
  .grid-margin-x.medium-up-4 > .cell {
    width: calc(25% - 1.875rem); }
  .grid-margin-x.medium-up-5 > .cell {
    width: calc(20% - 1.875rem); }
  .grid-margin-x.medium-up-6 > .cell {
    width: calc(16.6666666667% - 1.875rem); }
  .grid-margin-x.medium-up-7 > .cell {
    width: calc(14.2857142857% - 1.875rem); }
  .grid-margin-x.medium-up-8 > .cell {
    width: calc(12.5% - 1.875rem); } }

@media print, screen and (min-width: 64em) {
  .grid-margin-x.small-up-1 > .cell {
    width: calc(100% - 3.125rem); }
  .grid-margin-x.small-up-2 > .cell {
    width: calc(50% - 3.125rem); }
  .grid-margin-x.small-up-3 > .cell {
    width: calc(33.3333333333% - 3.125rem); }
  .grid-margin-x.small-up-4 > .cell {
    width: calc(25% - 3.125rem); }
  .grid-margin-x.small-up-5 > .cell {
    width: calc(20% - 3.125rem); }
  .grid-margin-x.small-up-6 > .cell {
    width: calc(16.6666666667% - 3.125rem); }
  .grid-margin-x.small-up-7 > .cell {
    width: calc(14.2857142857% - 3.125rem); }
  .grid-margin-x.small-up-8 > .cell {
    width: calc(12.5% - 3.125rem); }
  .grid-margin-x.large-up-1 > .cell {
    width: calc(100% - 3.125rem); }
  .grid-margin-x.large-up-2 > .cell {
    width: calc(50% - 3.125rem); }
  .grid-margin-x.large-up-3 > .cell {
    width: calc(33.3333333333% - 3.125rem); }
  .grid-margin-x.large-up-4 > .cell {
    width: calc(25% - 3.125rem); }
  .grid-margin-x.large-up-5 > .cell {
    width: calc(20% - 3.125rem); }
  .grid-margin-x.large-up-6 > .cell {
    width: calc(16.6666666667% - 3.125rem); }
  .grid-margin-x.large-up-7 > .cell {
    width: calc(14.2857142857% - 3.125rem); }
  .grid-margin-x.large-up-8 > .cell {
    width: calc(12.5% - 3.125rem); } }

.small-margin-collapse {
  margin-right: 0;
  margin-left: 0; }
  .small-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0; }
  .small-margin-collapse > .small-1 {
    width: 8.3333333333%; }
  .small-margin-collapse > .small-2 {
    width: 16.6666666667%; }
  .small-margin-collapse > .small-3 {
    width: 25%; }
  .small-margin-collapse > .small-4 {
    width: 33.3333333333%; }
  .small-margin-collapse > .small-5 {
    width: 41.6666666667%; }
  .small-margin-collapse > .small-6 {
    width: 50%; }
  .small-margin-collapse > .small-7 {
    width: 58.3333333333%; }
  .small-margin-collapse > .small-8 {
    width: 66.6666666667%; }
  .small-margin-collapse > .small-9 {
    width: 75%; }
  .small-margin-collapse > .small-10 {
    width: 83.3333333333%; }
  .small-margin-collapse > .small-11 {
    width: 91.6666666667%; }
  .small-margin-collapse > .small-12 {
    width: 100%; }
  @media print, screen and (min-width: 40em) {
    .small-margin-collapse > .medium-1 {
      width: 8.3333333333%; }
    .small-margin-collapse > .medium-2 {
      width: 16.6666666667%; }
    .small-margin-collapse > .medium-3 {
      width: 25%; }
    .small-margin-collapse > .medium-4 {
      width: 33.3333333333%; }
    .small-margin-collapse > .medium-5 {
      width: 41.6666666667%; }
    .small-margin-collapse > .medium-6 {
      width: 50%; }
    .small-margin-collapse > .medium-7 {
      width: 58.3333333333%; }
    .small-margin-collapse > .medium-8 {
      width: 66.6666666667%; }
    .small-margin-collapse > .medium-9 {
      width: 75%; }
    .small-margin-collapse > .medium-10 {
      width: 83.3333333333%; }
    .small-margin-collapse > .medium-11 {
      width: 91.6666666667%; }
    .small-margin-collapse > .medium-12 {
      width: 100%; } }
  @media print, screen and (min-width: 64em) {
    .small-margin-collapse > .large-1 {
      width: 8.3333333333%; }
    .small-margin-collapse > .large-2 {
      width: 16.6666666667%; }
    .small-margin-collapse > .large-3 {
      width: 25%; }
    .small-margin-collapse > .large-4 {
      width: 33.3333333333%; }
    .small-margin-collapse > .large-5 {
      width: 41.6666666667%; }
    .small-margin-collapse > .large-6 {
      width: 50%; }
    .small-margin-collapse > .large-7 {
      width: 58.3333333333%; }
    .small-margin-collapse > .large-8 {
      width: 66.6666666667%; }
    .small-margin-collapse > .large-9 {
      width: 75%; }
    .small-margin-collapse > .large-10 {
      width: 83.3333333333%; }
    .small-margin-collapse > .large-11 {
      width: 91.6666666667%; }
    .small-margin-collapse > .large-12 {
      width: 100%; } }
.small-padding-collapse {
  margin-right: 0;
  margin-left: 0; }
  .small-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0; }

@media print, screen and (min-width: 40em) {
  .medium-margin-collapse {
    margin-right: 0;
    margin-left: 0; }
    .medium-margin-collapse > .cell {
      margin-right: 0;
      margin-left: 0; } }

@media print, screen and (min-width: 40em) {
  .medium-margin-collapse > .small-1 {
    width: 8.3333333333%; }
  .medium-margin-collapse > .small-2 {
    width: 16.6666666667%; }
  .medium-margin-collapse > .small-3 {
    width: 25%; }
  .medium-margin-collapse > .small-4 {
    width: 33.3333333333%; }
  .medium-margin-collapse > .small-5 {
    width: 41.6666666667%; }
  .medium-margin-collapse > .small-6 {
    width: 50%; }
  .medium-margin-collapse > .small-7 {
    width: 58.3333333333%; }
  .medium-margin-collapse > .small-8 {
    width: 66.6666666667%; }
  .medium-margin-collapse > .small-9 {
    width: 75%; }
  .medium-margin-collapse > .small-10 {
    width: 83.3333333333%; }
  .medium-margin-collapse > .small-11 {
    width: 91.6666666667%; }
  .medium-margin-collapse > .small-12 {
    width: 100%; } }

@media print, screen and (min-width: 40em) {
  .medium-margin-collapse > .medium-1 {
    width: 8.3333333333%; }
  .medium-margin-collapse > .medium-2 {
    width: 16.6666666667%; }
  .medium-margin-collapse > .medium-3 {
    width: 25%; }
  .medium-margin-collapse > .medium-4 {
    width: 33.3333333333%; }
  .medium-margin-collapse > .medium-5 {
    width: 41.6666666667%; }
  .medium-margin-collapse > .medium-6 {
    width: 50%; }
  .medium-margin-collapse > .medium-7 {
    width: 58.3333333333%; }
  .medium-margin-collapse > .medium-8 {
    width: 66.6666666667%; }
  .medium-margin-collapse > .medium-9 {
    width: 75%; }
  .medium-margin-collapse > .medium-10 {
    width: 83.3333333333%; }
  .medium-margin-collapse > .medium-11 {
    width: 91.6666666667%; }
  .medium-margin-collapse > .medium-12 {
    width: 100%; } }

@media print, screen and (min-width: 64em) {
  .medium-margin-collapse > .large-1 {
    width: 8.3333333333%; }
  .medium-margin-collapse > .large-2 {
    width: 16.6666666667%; }
  .medium-margin-collapse > .large-3 {
    width: 25%; }
  .medium-margin-collapse > .large-4 {
    width: 33.3333333333%; }
  .medium-margin-collapse > .large-5 {
    width: 41.6666666667%; }
  .medium-margin-collapse > .large-6 {
    width: 50%; }
  .medium-margin-collapse > .large-7 {
    width: 58.3333333333%; }
  .medium-margin-collapse > .large-8 {
    width: 66.6666666667%; }
  .medium-margin-collapse > .large-9 {
    width: 75%; }
  .medium-margin-collapse > .large-10 {
    width: 83.3333333333%; }
  .medium-margin-collapse > .large-11 {
    width: 91.6666666667%; }
  .medium-margin-collapse > .large-12 {
    width: 100%; } }

@media print, screen and (min-width: 40em) {
  .medium-padding-collapse {
    margin-right: 0;
    margin-left: 0; }
    .medium-padding-collapse > .cell {
      padding-right: 0;
      padding-left: 0; } }

@media print, screen and (min-width: 64em) {
  .large-margin-collapse {
    margin-right: 0;
    margin-left: 0; }
    .large-margin-collapse > .cell {
      margin-right: 0;
      margin-left: 0; } }

@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .small-1 {
    width: 8.3333333333%; }
  .large-margin-collapse > .small-2 {
    width: 16.6666666667%; }
  .large-margin-collapse > .small-3 {
    width: 25%; }
  .large-margin-collapse > .small-4 {
    width: 33.3333333333%; }
  .large-margin-collapse > .small-5 {
    width: 41.6666666667%; }
  .large-margin-collapse > .small-6 {
    width: 50%; }
  .large-margin-collapse > .small-7 {
    width: 58.3333333333%; }
  .large-margin-collapse > .small-8 {
    width: 66.6666666667%; }
  .large-margin-collapse > .small-9 {
    width: 75%; }
  .large-margin-collapse > .small-10 {
    width: 83.3333333333%; }
  .large-margin-collapse > .small-11 {
    width: 91.6666666667%; }
  .large-margin-collapse > .small-12 {
    width: 100%; } }

@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .medium-1 {
    width: 8.3333333333%; }
  .large-margin-collapse > .medium-2 {
    width: 16.6666666667%; }
  .large-margin-collapse > .medium-3 {
    width: 25%; }
  .large-margin-collapse > .medium-4 {
    width: 33.3333333333%; }
  .large-margin-collapse > .medium-5 {
    width: 41.6666666667%; }
  .large-margin-collapse > .medium-6 {
    width: 50%; }
  .large-margin-collapse > .medium-7 {
    width: 58.3333333333%; }
  .large-margin-collapse > .medium-8 {
    width: 66.6666666667%; }
  .large-margin-collapse > .medium-9 {
    width: 75%; }
  .large-margin-collapse > .medium-10 {
    width: 83.3333333333%; }
  .large-margin-collapse > .medium-11 {
    width: 91.6666666667%; }
  .large-margin-collapse > .medium-12 {
    width: 100%; } }

@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .large-1 {
    width: 8.3333333333%; }
  .large-margin-collapse > .large-2 {
    width: 16.6666666667%; }
  .large-margin-collapse > .large-3 {
    width: 25%; }
  .large-margin-collapse > .large-4 {
    width: 33.3333333333%; }
  .large-margin-collapse > .large-5 {
    width: 41.6666666667%; }
  .large-margin-collapse > .large-6 {
    width: 50%; }
  .large-margin-collapse > .large-7 {
    width: 58.3333333333%; }
  .large-margin-collapse > .large-8 {
    width: 66.6666666667%; }
  .large-margin-collapse > .large-9 {
    width: 75%; }
  .large-margin-collapse > .large-10 {
    width: 83.3333333333%; }
  .large-margin-collapse > .large-11 {
    width: 91.6666666667%; }
  .large-margin-collapse > .large-12 {
    width: 100%; } }

@media print, screen and (min-width: 64em) {
  .large-padding-collapse {
    margin-right: 0;
    margin-left: 0; }
    .large-padding-collapse > .cell {
      padding-right: 0;
      padding-left: 0; } }

.small-offset-0 {
  margin-left: 0%; }

.grid-margin-x > .small-offset-0 {
  margin-left: calc(0% + 0.9375rem); }

.small-offset-1 {
  margin-left: 8.3333333333%; }

.grid-margin-x > .small-offset-1 {
  margin-left: calc(8.3333333333% + 0.9375rem); }

.small-offset-2 {
  margin-left: 16.6666666667%; }

.grid-margin-x > .small-offset-2 {
  margin-left: calc(16.6666666667% + 0.9375rem); }

.small-offset-3 {
  margin-left: 25%; }

.grid-margin-x > .small-offset-3 {
  margin-left: calc(25% + 0.9375rem); }

.small-offset-4 {
  margin-left: 33.3333333333%; }

.grid-margin-x > .small-offset-4 {
  margin-left: calc(33.3333333333% + 0.9375rem); }

.small-offset-5 {
  margin-left: 41.6666666667%; }

.grid-margin-x > .small-offset-5 {
  margin-left: calc(41.6666666667% + 0.9375rem); }

.small-offset-6 {
  margin-left: 50%; }

.grid-margin-x > .small-offset-6 {
  margin-left: calc(50% + 0.9375rem); }

.small-offset-7 {
  margin-left: 58.3333333333%; }

.grid-margin-x > .small-offset-7 {
  margin-left: calc(58.3333333333% + 0.9375rem); }

.small-offset-8 {
  margin-left: 66.6666666667%; }

.grid-margin-x > .small-offset-8 {
  margin-left: calc(66.6666666667% + 0.9375rem); }

.small-offset-9 {
  margin-left: 75%; }

.grid-margin-x > .small-offset-9 {
  margin-left: calc(75% + 0.9375rem); }

.small-offset-10 {
  margin-left: 83.3333333333%; }

.grid-margin-x > .small-offset-10 {
  margin-left: calc(83.3333333333% + 0.9375rem); }

.small-offset-11 {
  margin-left: 91.6666666667%; }

.grid-margin-x > .small-offset-11 {
  margin-left: calc(91.6666666667% + 0.9375rem); }

@media print, screen and (min-width: 40em) {
  .medium-offset-0 {
    margin-left: 0%; }
  .grid-margin-x > .medium-offset-0 {
    margin-left: calc(0% + 0.9375rem); }
  .medium-offset-1 {
    margin-left: 8.3333333333%; }
  .grid-margin-x > .medium-offset-1 {
    margin-left: calc(8.3333333333% + 0.9375rem); }
  .medium-offset-2 {
    margin-left: 16.6666666667%; }
  .grid-margin-x > .medium-offset-2 {
    margin-left: calc(16.6666666667% + 0.9375rem); }
  .medium-offset-3 {
    margin-left: 25%; }
  .grid-margin-x > .medium-offset-3 {
    margin-left: calc(25% + 0.9375rem); }
  .medium-offset-4 {
    margin-left: 33.3333333333%; }
  .grid-margin-x > .medium-offset-4 {
    margin-left: calc(33.3333333333% + 0.9375rem); }
  .medium-offset-5 {
    margin-left: 41.6666666667%; }
  .grid-margin-x > .medium-offset-5 {
    margin-left: calc(41.6666666667% + 0.9375rem); }
  .medium-offset-6 {
    margin-left: 50%; }
  .grid-margin-x > .medium-offset-6 {
    margin-left: calc(50% + 0.9375rem); }
  .medium-offset-7 {
    margin-left: 58.3333333333%; }
  .grid-margin-x > .medium-offset-7 {
    margin-left: calc(58.3333333333% + 0.9375rem); }
  .medium-offset-8 {
    margin-left: 66.6666666667%; }
  .grid-margin-x > .medium-offset-8 {
    margin-left: calc(66.6666666667% + 0.9375rem); }
  .medium-offset-9 {
    margin-left: 75%; }
  .grid-margin-x > .medium-offset-9 {
    margin-left: calc(75% + 0.9375rem); }
  .medium-offset-10 {
    margin-left: 83.3333333333%; }
  .grid-margin-x > .medium-offset-10 {
    margin-left: calc(83.3333333333% + 0.9375rem); }
  .medium-offset-11 {
    margin-left: 91.6666666667%; }
  .grid-margin-x > .medium-offset-11 {
    margin-left: calc(91.6666666667% + 0.9375rem); } }

@media print, screen and (min-width: 64em) {
  .large-offset-0 {
    margin-left: 0%; }
  .grid-margin-x > .large-offset-0 {
    margin-left: calc(0% + 1.5625rem); }
  .large-offset-1 {
    margin-left: 8.3333333333%; }
  .grid-margin-x > .large-offset-1 {
    margin-left: calc(8.3333333333% + 1.5625rem); }
  .large-offset-2 {
    margin-left: 16.6666666667%; }
  .grid-margin-x > .large-offset-2 {
    margin-left: calc(16.6666666667% + 1.5625rem); }
  .large-offset-3 {
    margin-left: 25%; }
  .grid-margin-x > .large-offset-3 {
    margin-left: calc(25% + 1.5625rem); }
  .large-offset-4 {
    margin-left: 33.3333333333%; }
  .grid-margin-x > .large-offset-4 {
    margin-left: calc(33.3333333333% + 1.5625rem); }
  .large-offset-5 {
    margin-left: 41.6666666667%; }
  .grid-margin-x > .large-offset-5 {
    margin-left: calc(41.6666666667% + 1.5625rem); }
  .large-offset-6 {
    margin-left: 50%; }
  .grid-margin-x > .large-offset-6 {
    margin-left: calc(50% + 1.5625rem); }
  .large-offset-7 {
    margin-left: 58.3333333333%; }
  .grid-margin-x > .large-offset-7 {
    margin-left: calc(58.3333333333% + 1.5625rem); }
  .large-offset-8 {
    margin-left: 66.6666666667%; }
  .grid-margin-x > .large-offset-8 {
    margin-left: calc(66.6666666667% + 1.5625rem); }
  .large-offset-9 {
    margin-left: 75%; }
  .grid-margin-x > .large-offset-9 {
    margin-left: calc(75% + 1.5625rem); }
  .large-offset-10 {
    margin-left: 83.3333333333%; }
  .grid-margin-x > .large-offset-10 {
    margin-left: calc(83.3333333333% + 1.5625rem); }
  .large-offset-11 {
    margin-left: 91.6666666667%; }
  .grid-margin-x > .large-offset-11 {
    margin-left: calc(91.6666666667% + 1.5625rem); } }

.grid-y {
  display: flex;
  flex-flow: column nowrap; }
  .grid-y > .cell {
    height: auto;
    max-height: none; }
  .grid-y > .auto {
    height: auto; }
  .grid-y > .shrink {
    height: auto; }
  .grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 {
    flex-basis: auto; }
  @media print, screen and (min-width: 40em) {
    .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 {
      flex-basis: auto; } }
  @media print, screen and (min-width: 64em) {
    .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 {
      flex-basis: auto; } }
  .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 {
    flex: 0 0 auto; }
  .grid-y > .small-1 {
    height: 8.3333333333%; }
  .grid-y > .small-2 {
    height: 16.6666666667%; }
  .grid-y > .small-3 {
    height: 25%; }
  .grid-y > .small-4 {
    height: 33.3333333333%; }
  .grid-y > .small-5 {
    height: 41.6666666667%; }
  .grid-y > .small-6 {
    height: 50%; }
  .grid-y > .small-7 {
    height: 58.3333333333%; }
  .grid-y > .small-8 {
    height: 66.6666666667%; }
  .grid-y > .small-9 {
    height: 75%; }
  .grid-y > .small-10 {
    height: 83.3333333333%; }
  .grid-y > .small-11 {
    height: 91.6666666667%; }
  .grid-y > .small-12 {
    height: 100%; }
  @media print, screen and (min-width: 40em) {
    .grid-y > .medium-auto {
      flex: 1 1 0px;
      height: auto; }
    .grid-y > .medium-shrink, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 {
      flex: 0 0 auto; }
    .grid-y > .medium-shrink {
      height: auto; }
    .grid-y > .medium-1 {
      height: 8.3333333333%; }
    .grid-y > .medium-2 {
      height: 16.6666666667%; }
    .grid-y > .medium-3 {
      height: 25%; }
    .grid-y > .medium-4 {
      height: 33.3333333333%; }
    .grid-y > .medium-5 {
      height: 41.6666666667%; }
    .grid-y > .medium-6 {
      height: 50%; }
    .grid-y > .medium-7 {
      height: 58.3333333333%; }
    .grid-y > .medium-8 {
      height: 66.6666666667%; }
    .grid-y > .medium-9 {
      height: 75%; }
    .grid-y > .medium-10 {
      height: 83.3333333333%; }
    .grid-y > .medium-11 {
      height: 91.6666666667%; }
    .grid-y > .medium-12 {
      height: 100%; } }
  @media print, screen and (min-width: 64em) {
    .grid-y > .large-auto {
      flex: 1 1 0px;
      height: auto; }
    .grid-y > .large-shrink, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 {
      flex: 0 0 auto; }
    .grid-y > .large-shrink {
      height: auto; }
    .grid-y > .large-1 {
      height: 8.3333333333%; }
    .grid-y > .large-2 {
      height: 16.6666666667%; }
    .grid-y > .large-3 {
      height: 25%; }
    .grid-y > .large-4 {
      height: 33.3333333333%; }
    .grid-y > .large-5 {
      height: 41.6666666667%; }
    .grid-y > .large-6 {
      height: 50%; }
    .grid-y > .large-7 {
      height: 58.3333333333%; }
    .grid-y > .large-8 {
      height: 66.6666666667%; }
    .grid-y > .large-9 {
      height: 75%; }
    .grid-y > .large-10 {
      height: 83.3333333333%; }
    .grid-y > .large-11 {
      height: 91.6666666667%; }
    .grid-y > .large-12 {
      height: 100%; } }
.grid-padding-y .grid-padding-y {
  margin-top: -0.9375rem;
  margin-bottom: -0.9375rem; }
  @media print, screen and (min-width: 64em) {
    .grid-padding-y .grid-padding-y {
      margin-top: -1.5625rem;
      margin-bottom: -1.5625rem; } }
.grid-padding-y > .cell {
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem; }
  @media print, screen and (min-width: 64em) {
    .grid-padding-y > .cell {
      padding-top: 1.5625rem;
      padding-bottom: 1.5625rem; } }
.grid-margin-y {
  margin-top: -0.9375rem;
  margin-bottom: -0.9375rem; }
  @media print, screen and (min-width: 64em) {
    .grid-margin-y {
      margin-top: -1.5625rem;
      margin-bottom: -1.5625rem; } }
  .grid-margin-y > .cell {
    height: calc(100% - 1.875rem);
    margin-top: 0.9375rem;
    margin-bottom: 0.9375rem; }
  @media print, screen and (min-width: 64em) {
    .grid-margin-y > .cell {
      height: calc(100% - 3.125rem);
      margin-top: 1.5625rem;
      margin-bottom: 1.5625rem; } }
  .grid-margin-y > .auto {
    height: auto; }
  .grid-margin-y > .shrink {
    height: auto; }
  .grid-margin-y > .small-1 {
    height: calc(8.3333333333% - 1.875rem); }
  .grid-margin-y > .small-2 {
    height: calc(16.6666666667% - 1.875rem); }
  .grid-margin-y > .small-3 {
    height: calc(25% - 1.875rem); }
  .grid-margin-y > .small-4 {
    height: calc(33.3333333333% - 1.875rem); }
  .grid-margin-y > .small-5 {
    height: calc(41.6666666667% - 1.875rem); }
  .grid-margin-y > .small-6 {
    height: calc(50% - 1.875rem); }
  .grid-margin-y > .small-7 {
    height: calc(58.3333333333% - 1.875rem); }
  .grid-margin-y > .small-8 {
    height: calc(66.6666666667% - 1.875rem); }
  .grid-margin-y > .small-9 {
    height: calc(75% - 1.875rem); }
  .grid-margin-y > .small-10 {
    height: calc(83.3333333333% - 1.875rem); }
  .grid-margin-y > .small-11 {
    height: calc(91.6666666667% - 1.875rem); }
  .grid-margin-y > .small-12 {
    height: calc(100% - 1.875rem); }
  @media print, screen and (min-width: 40em) {
    .grid-margin-y > .medium-auto {
      height: auto; }
    .grid-margin-y > .medium-shrink {
      height: auto; }
    .grid-margin-y > .medium-1 {
      height: calc(8.3333333333% - 1.875rem); }
    .grid-margin-y > .medium-2 {
      height: calc(16.6666666667% - 1.875rem); }
    .grid-margin-y > .medium-3 {
      height: calc(25% - 1.875rem); }
    .grid-margin-y > .medium-4 {
      height: calc(33.3333333333% - 1.875rem); }
    .grid-margin-y > .medium-5 {
      height: calc(41.6666666667% - 1.875rem); }
    .grid-margin-y > .medium-6 {
      height: calc(50% - 1.875rem); }
    .grid-margin-y > .medium-7 {
      height: calc(58.3333333333% - 1.875rem); }
    .grid-margin-y > .medium-8 {
      height: calc(66.6666666667% - 1.875rem); }
    .grid-margin-y > .medium-9 {
      height: calc(75% - 1.875rem); }
    .grid-margin-y > .medium-10 {
      height: calc(83.3333333333% - 1.875rem); }
    .grid-margin-y > .medium-11 {
      height: calc(91.6666666667% - 1.875rem); }
    .grid-margin-y > .medium-12 {
      height: calc(100% - 1.875rem); } }
  @media print, screen and (min-width: 64em) {
    .grid-margin-y > .auto {
      height: auto; }
    .grid-margin-y > .shrink {
      height: auto; }
    .grid-margin-y > .small-1 {
      height: calc(8.3333333333% - 3.125rem); }
    .grid-margin-y > .small-2 {
      height: calc(16.6666666667% - 3.125rem); }
    .grid-margin-y > .small-3 {
      height: calc(25% - 3.125rem); }
    .grid-margin-y > .small-4 {
      height: calc(33.3333333333% - 3.125rem); }
    .grid-margin-y > .small-5 {
      height: calc(41.6666666667% - 3.125rem); }
    .grid-margin-y > .small-6 {
      height: calc(50% - 3.125rem); }
    .grid-margin-y > .small-7 {
      height: calc(58.3333333333% - 3.125rem); }
    .grid-margin-y > .small-8 {
      height: calc(66.6666666667% - 3.125rem); }
    .grid-margin-y > .small-9 {
      height: calc(75% - 3.125rem); }
    .grid-margin-y > .small-10 {
      height: calc(83.3333333333% - 3.125rem); }
    .grid-margin-y > .small-11 {
      height: calc(91.6666666667% - 3.125rem); }
    .grid-margin-y > .small-12 {
      height: calc(100% - 3.125rem); }
    .grid-margin-y > .medium-auto {
      height: auto; }
    .grid-margin-y > .medium-shrink {
      height: auto; }
    .grid-margin-y > .medium-1 {
      height: calc(8.3333333333% - 3.125rem); }
    .grid-margin-y > .medium-2 {
      height: calc(16.6666666667% - 3.125rem); }
    .grid-margin-y > .medium-3 {
      height: calc(25% - 3.125rem); }
    .grid-margin-y > .medium-4 {
      height: calc(33.3333333333% - 3.125rem); }
    .grid-margin-y > .medium-5 {
      height: calc(41.6666666667% - 3.125rem); }
    .grid-margin-y > .medium-6 {
      height: calc(50% - 3.125rem); }
    .grid-margin-y > .medium-7 {
      height: calc(58.3333333333% - 3.125rem); }
    .grid-margin-y > .medium-8 {
      height: calc(66.6666666667% - 3.125rem); }
    .grid-margin-y > .medium-9 {
      height: calc(75% - 3.125rem); }
    .grid-margin-y > .medium-10 {
      height: calc(83.3333333333% - 3.125rem); }
    .grid-margin-y > .medium-11 {
      height: calc(91.6666666667% - 3.125rem); }
    .grid-margin-y > .medium-12 {
      height: calc(100% - 3.125rem); }
    .grid-margin-y > .large-auto {
      height: auto; }
    .grid-margin-y > .large-shrink {
      height: auto; }
    .grid-margin-y > .large-1 {
      height: calc(8.3333333333% - 3.125rem); }
    .grid-margin-y > .large-2 {
      height: calc(16.6666666667% - 3.125rem); }
    .grid-margin-y > .large-3 {
      height: calc(25% - 3.125rem); }
    .grid-margin-y > .large-4 {
      height: calc(33.3333333333% - 3.125rem); }
    .grid-margin-y > .large-5 {
      height: calc(41.6666666667% - 3.125rem); }
    .grid-margin-y > .large-6 {
      height: calc(50% - 3.125rem); }
    .grid-margin-y > .large-7 {
      height: calc(58.3333333333% - 3.125rem); }
    .grid-margin-y > .large-8 {
      height: calc(66.6666666667% - 3.125rem); }
    .grid-margin-y > .large-9 {
      height: calc(75% - 3.125rem); }
    .grid-margin-y > .large-10 {
      height: calc(83.3333333333% - 3.125rem); }
    .grid-margin-y > .large-11 {
      height: calc(91.6666666667% - 3.125rem); }
    .grid-margin-y > .large-12 {
      height: calc(100% - 3.125rem); } }
.grid-frame {
  overflow: hidden;
  position: relative;
  flex-wrap: nowrap;
  align-items: stretch;
  width: 100vw; }

.cell .grid-frame {
  width: 100%; }

.cell-block {
  overflow-x: auto;
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar; }

.cell-block-y {
  overflow-y: auto;
  max-height: 100%;
  min-height: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar; }

.cell-block-container {
  display: flex;
  flex-direction: column;
  max-height: 100%; }
  .cell-block-container > .grid-x {
    max-height: 100%;
    flex-wrap: nowrap; }

@media print, screen and (min-width: 40em) {
  .medium-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100vw; }
  .cell .medium-grid-frame {
    width: 100%; }
  .medium-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
  .medium-cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%; }
    .medium-cell-block-container > .grid-x {
      max-height: 100%;
      flex-wrap: nowrap; }
  .medium-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; } }

@media print, screen and (min-width: 64em) {
  .large-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100vw; }
  .cell .large-grid-frame {
    width: 100%; }
  .large-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
  .large-cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%; }
    .large-cell-block-container > .grid-x {
      max-height: 100%;
      flex-wrap: nowrap; }
  .large-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; } }

.grid-y.grid-frame {
  width: auto;
  overflow: hidden;
  position: relative;
  flex-wrap: nowrap;
  align-items: stretch;
  height: 100vh; }

@media print, screen and (min-width: 40em) {
  .grid-y.medium-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh; } }

@media print, screen and (min-width: 64em) {
  .grid-y.large-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh; } }

.cell .grid-y.grid-frame {
  height: 100%; }

@media print, screen and (min-width: 40em) {
  .cell .grid-y.medium-grid-frame {
    height: 100%; } }

@media print, screen and (min-width: 64em) {
  .cell .grid-y.large-grid-frame {
    height: 100%; } }

.grid-margin-y {
  margin-top: -0.9375rem;
  margin-bottom: -0.9375rem; }
  @media print, screen and (min-width: 64em) {
    .grid-margin-y {
      margin-top: -1.5625rem;
      margin-bottom: -1.5625rem; } }
  .grid-margin-y > .cell {
    height: calc(100% - 1.875rem);
    margin-top: 0.9375rem;
    margin-bottom: 0.9375rem; }
  @media print, screen and (min-width: 64em) {
    .grid-margin-y > .cell {
      height: calc(100% - 3.125rem);
      margin-top: 1.5625rem;
      margin-bottom: 1.5625rem; } }
  .grid-margin-y > .auto {
    height: auto; }
  .grid-margin-y > .shrink {
    height: auto; }
  .grid-margin-y > .small-1 {
    height: calc(8.3333333333% - 1.875rem); }
  .grid-margin-y > .small-2 {
    height: calc(16.6666666667% - 1.875rem); }
  .grid-margin-y > .small-3 {
    height: calc(25% - 1.875rem); }
  .grid-margin-y > .small-4 {
    height: calc(33.3333333333% - 1.875rem); }
  .grid-margin-y > .small-5 {
    height: calc(41.6666666667% - 1.875rem); }
  .grid-margin-y > .small-6 {
    height: calc(50% - 1.875rem); }
  .grid-margin-y > .small-7 {
    height: calc(58.3333333333% - 1.875rem); }
  .grid-margin-y > .small-8 {
    height: calc(66.6666666667% - 1.875rem); }
  .grid-margin-y > .small-9 {
    height: calc(75% - 1.875rem); }
  .grid-margin-y > .small-10 {
    height: calc(83.3333333333% - 1.875rem); }
  .grid-margin-y > .small-11 {
    height: calc(91.6666666667% - 1.875rem); }
  .grid-margin-y > .small-12 {
    height: calc(100% - 1.875rem); }
  @media print, screen and (min-width: 40em) {
    .grid-margin-y > .medium-auto {
      height: auto; }
    .grid-margin-y > .medium-shrink {
      height: auto; }
    .grid-margin-y > .medium-1 {
      height: calc(8.3333333333% - 1.875rem); }
    .grid-margin-y > .medium-2 {
      height: calc(16.6666666667% - 1.875rem); }
    .grid-margin-y > .medium-3 {
      height: calc(25% - 1.875rem); }
    .grid-margin-y > .medium-4 {
      height: calc(33.3333333333% - 1.875rem); }
    .grid-margin-y > .medium-5 {
      height: calc(41.6666666667% - 1.875rem); }
    .grid-margin-y > .medium-6 {
      height: calc(50% - 1.875rem); }
    .grid-margin-y > .medium-7 {
      height: calc(58.3333333333% - 1.875rem); }
    .grid-margin-y > .medium-8 {
      height: calc(66.6666666667% - 1.875rem); }
    .grid-margin-y > .medium-9 {
      height: calc(75% - 1.875rem); }
    .grid-margin-y > .medium-10 {
      height: calc(83.3333333333% - 1.875rem); }
    .grid-margin-y > .medium-11 {
      height: calc(91.6666666667% - 1.875rem); }
    .grid-margin-y > .medium-12 {
      height: calc(100% - 1.875rem); } }
  @media print, screen and (min-width: 64em) {
    .grid-margin-y > .auto {
      height: auto; }
    .grid-margin-y > .shrink {
      height: auto; }
    .grid-margin-y > .small-1 {
      height: calc(8.3333333333% - 3.125rem); }
    .grid-margin-y > .small-2 {
      height: calc(16.6666666667% - 3.125rem); }
    .grid-margin-y > .small-3 {
      height: calc(25% - 3.125rem); }
    .grid-margin-y > .small-4 {
      height: calc(33.3333333333% - 3.125rem); }
    .grid-margin-y > .small-5 {
      height: calc(41.6666666667% - 3.125rem); }
    .grid-margin-y > .small-6 {
      height: calc(50% - 3.125rem); }
    .grid-margin-y > .small-7 {
      height: calc(58.3333333333% - 3.125rem); }
    .grid-margin-y > .small-8 {
      height: calc(66.6666666667% - 3.125rem); }
    .grid-margin-y > .small-9 {
      height: calc(75% - 3.125rem); }
    .grid-margin-y > .small-10 {
      height: calc(83.3333333333% - 3.125rem); }
    .grid-margin-y > .small-11 {
      height: calc(91.6666666667% - 3.125rem); }
    .grid-margin-y > .small-12 {
      height: calc(100% - 3.125rem); }
    .grid-margin-y > .medium-auto {
      height: auto; }
    .grid-margin-y > .medium-shrink {
      height: auto; }
    .grid-margin-y > .medium-1 {
      height: calc(8.3333333333% - 3.125rem); }
    .grid-margin-y > .medium-2 {
      height: calc(16.6666666667% - 3.125rem); }
    .grid-margin-y > .medium-3 {
      height: calc(25% - 3.125rem); }
    .grid-margin-y > .medium-4 {
      height: calc(33.3333333333% - 3.125rem); }
    .grid-margin-y > .medium-5 {
      height: calc(41.6666666667% - 3.125rem); }
    .grid-margin-y > .medium-6 {
      height: calc(50% - 3.125rem); }
    .grid-margin-y > .medium-7 {
      height: calc(58.3333333333% - 3.125rem); }
    .grid-margin-y > .medium-8 {
      height: calc(66.6666666667% - 3.125rem); }
    .grid-margin-y > .medium-9 {
      height: calc(75% - 3.125rem); }
    .grid-margin-y > .medium-10 {
      height: calc(83.3333333333% - 3.125rem); }
    .grid-margin-y > .medium-11 {
      height: calc(91.6666666667% - 3.125rem); }
    .grid-margin-y > .medium-12 {
      height: calc(100% - 3.125rem); }
    .grid-margin-y > .large-auto {
      height: auto; }
    .grid-margin-y > .large-shrink {
      height: auto; }
    .grid-margin-y > .large-1 {
      height: calc(8.3333333333% - 3.125rem); }
    .grid-margin-y > .large-2 {
      height: calc(16.6666666667% - 3.125rem); }
    .grid-margin-y > .large-3 {
      height: calc(25% - 3.125rem); }
    .grid-margin-y > .large-4 {
      height: calc(33.3333333333% - 3.125rem); }
    .grid-margin-y > .large-5 {
      height: calc(41.6666666667% - 3.125rem); }
    .grid-margin-y > .large-6 {
      height: calc(50% - 3.125rem); }
    .grid-margin-y > .large-7 {
      height: calc(58.3333333333% - 3.125rem); }
    .grid-margin-y > .large-8 {
      height: calc(66.6666666667% - 3.125rem); }
    .grid-margin-y > .large-9 {
      height: calc(75% - 3.125rem); }
    .grid-margin-y > .large-10 {
      height: calc(83.3333333333% - 3.125rem); }
    .grid-margin-y > .large-11 {
      height: calc(91.6666666667% - 3.125rem); }
    .grid-margin-y > .large-12 {
      height: calc(100% - 3.125rem); } }
.grid-frame.grid-margin-y {
  height: calc(100vh + 1.875rem); }
  @media print, screen and (min-width: 40em) {
    .grid-frame.grid-margin-y {
      height: calc(100vh + 1.875rem); } }
  @media print, screen and (min-width: 64em) {
    .grid-frame.grid-margin-y {
      height: calc(100vh + 3.125rem); } }
@media print, screen and (min-width: 40em) {
  .grid-margin-y.medium-grid-frame {
    height: calc(100vh + 1.875rem); } }

@media print, screen and (min-width: 64em) {
  .grid-margin-y.large-grid-frame {
    height: calc(100vh + 3.125rem); } }

body {
  -webkit-font-smoothing: antialiased;
  margin: 0;
  padding: 0; }

a {
  text-decoration: none; }

ul {
  padding: 0;
  margin: 0;
  list-style: none; }

img {
  width: 100%;
  height: auto;
  display: block; }

figure {
  margin: 0px; }

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

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

h1, h2, h3, h4, h5, ul, li, p, ol, blockquote {
  margin: 0;
  font-weight: normal;
  margin: 0; }

/* -- OVERALL LAYOUT -- */
/* -- COLOURS -- */
/* -- SITEWIDE & GENERIC -- */
/*

@mixin orange {
	
	color: $orange-p3;
	
	@supports not (color: color(display-p3 1 1 1)) {
		color: inherit;
		background-image: url(images/p3-orange.png);
		background-size: cover;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	
}

@mixin red {
	
	color: $red-p3;
	
	@supports not (color: color(display-p3 1 1 1)) {
		color: inherit;
		background-image: url(images/p3-red.png);
		background-size: cover; 
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	
}

@mixin blue {
	
	color: $blue-p3;
	
	@supports not (color: color(display-p3 1 1 1)) {
		color: inherit;
		background-image: url(images/p3-blue.png);
		background-size: cover;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	
}


@mixin p3-override {
	
	
	
	@supports not (color: color(display-p3 1 1 1)) {
		background-image: none;
		-webkit-background-clip: inherit;
		-webkit-text-fill-color: inherit;
	}
	
}






@mixin bg-orange {
	
	background-color: $orange-p3;
	color: $white;
	
	@supports not (color: color(display-p3 1 1 1)) {
		
		background-image: url(images/p3-orange.png);
		background-size: cover;
	}
	
}

@mixin bg-red {
	
	background-color: $red-p3;

	
	* {
		color: $white;
	}
	
	@supports not (color: color(display-p3 1 1 1)) {
		
		background-image: url(images/p3-red.png);
		background-size: cover;
	}
	
}

@mixin bg-blue {
	
	background-color: $blue-p3;
	color: $white;
	
	@supports not (color: color(display-p3 1 1 1)) {
		
		background-image: url(images/p3-blue.png);
		background-size: cover;
	}
	
}
*/
/* -- FONTS & TYPOGRAPHY -- */
/*


$fontsize-desktop-s: 	1rem; 			//16pt
$fontsize-desktop-m: 	1.25rem;  	// 20pt
$fontsize-desktop-l: 	1.6875rem; 	// 27pt
$fontsize-desktop-xl: 	2.25rem; 	// 36pt 
$fontsize-desktop-xxl: 	3.375rem; 		// 54pt

$fontsize-mobile-xs:	0.875rem;	//	14pt
$fontsize-mobile-s:		1rem;		//	16pt
$fontsize-mobile-m:		1.125rem;	//	18pt
$fontsize-mobile-l:		1.6875rem; 	// 	27pt
$fontsize-mobile-xl:	2rem; 		//	32pt
$fontsize-mobile-xxl:	2.25rem; 	//	36pt
*/
@keyframes float {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.1); }
  100% {
    transform: scale(1); } }

/* @import must be at top of file, otherwise CSS will not work */
@font-face {
  font-family: 'Nexa-Bold';
  src: url("fonts/Nexa-Bold/font.woff2") format("woff2"), url("webFonts/Nexa-Bold/font.woff") format("woff"); }

@font-face {
  font-family: 'Nexa-Heavy';
  src: url("fonts/Nexa-Heavy/font.woff2") format("woff2"), url("webFonts/Nexa-Heavy/font.woff") format("woff"); }

@font-face {
  font-family: 'Nexa-Regular';
  src: url("fonts/Nexa-Regular/font.woff2") format("woff2"), url("webFonts/Nexa-Regular/font.woff") format("woff"); }

@font-face {
  font-family: 'Nexa-RegularItalic';
  src: url("fonts/Nexa-RegularItalic/font.woff2") format("woff2"), url("webFonts/Nexa-RegularItalic/font.woff") format("woff"); }

@font-face {
  font-family: 'Nexa-BoldItalic';
  src: url("fonts/Nexa-BoldItalic/font.woff2") format("woff2"), url("webFonts/Nexa-BoldItalic/font.woff") format("woff"); }

/*
Font: 		Odudo
Style: 		Semi Bold
URL: 		https://www.youworkforthem.com/font/T6016/odudo
Foundry: 	Thom Niessink
Foundry: 	https://www.youworkforthem.com/designer/521/thom-niessink
Copyright:	Copyright (c) 2015 by thmbnl. graphic design. All rights reserved
Version: 	17
Created:	October 20, 2016
License: 	https://www.youworkforthem.com/font-license 
License: 	The WebFont(s) listed in this document must follow the YouWorkForThem
			WebFont license rules. All other parties are strictly restricted 
			from using the WebFonts(s) listed without a purchased license. 
			All details above must always remain unaltered and visible in your CSS.
*/
@font-face {
  font-family: 'Odudo-SemiBold';
  src: url("fonts/odudo/odudo-semi-bold.eot");
  src: url("fonts/odudo/odudo-semi-bold.eot?#iefix") format("embedded-opentype"), url("fonts/odudo/odudo-semi-bold.woff2") format("woff2"), url("fonts/odudo/odudo-semi-bold.woff") format("woff"), url("fonts/odudo/odudo-semi-bold.ttf") format("truetype"), url("fonts/odudo/odudo-semi-bold.svg#youworkforthem") format("svg");
  font-weight: normal;
  font-style: normal; }

::selection {
  background: #003EAB;
  /* WebKit/Blink Browsers */
  color: #FFFFFF; }

::-moz-selection {
  background: #003EAB;
  /* Gecko Browsers */
  color: #FFFFFF; }

body, .gutenblock {
  font-family: 'Nexa-Regular', sans-serif; }
  body h1, body h2, body h3, body h4, body h5, body li, body p, body a, body strong, .gutenblock h1, .gutenblock h2, .gutenblock h3, .gutenblock h4, .gutenblock h5, .gutenblock li, .gutenblock p, .gutenblock a, .gutenblock strong {
    color: #FA3731;
    /*
	@supports not (color: color(display-p3 1 1 1)) {
		color: inherit;
		background-image: url(images/p3-red.png);
		background-size: cover; 
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
*/ }
  body h1, body h2, body h3, body h4, .gutenblock h1, .gutenblock h2, .gutenblock h3, .gutenblock h4 {
    text-transform: lowercase; }

p, cite {
  font-size: 1rem; }
  @media print, screen and (min-width: 64em) {
    p, cite {
      font-size: 1.125rem; } }
strong {
  font-weight: normal;
  font-family: "Nexa-Heavy", "Arial Black", "Arial Bold", arial, sans-serif; }

.intro a {
  border-bottom: 3px solid; }

.gutenblock p, .wp-block-quote p {
  margin-bottom: 1rem; }
  .gutenblock p:last-of-type, .wp-block-quote p:last-of-type {
    margin-bottom: 0; }

.gutenblock.paragraph:first-of-type p {
  font-size: 1.25rem;
  font-family: nexa-bold;
  font-weight: normal; }
  @media print, screen and (min-width: 64em) {
    .gutenblock.paragraph:first-of-type p {
      font-size: 1.5rem; } }
.gutenblock h2, .gutenblock h3, .gutenblock h4 {
  font-family: "Odudo-SemiBold", "Arial Black", "Arial Bold", arial, sans-serif;
  font-size: 1.5rem;
  text-transform: none;
  margin-bottom: 1rem; }
  .gutenblock h2 + p, .gutenblock h3 + p, .gutenblock h4 + p {
    margin-top: 0px; }

.gutenblock.paragraph.heading + .paragraph p:first-of-type {
  margin-top: 0px; }

.gutenblock.heading h2 {
  margin-bottom: 0; }

.single blockquote {
  color: #FA3731;
  /*
	@supports not (color: color(display-p3 1 1 1)) {
		color: inherit;
		background-image: url(images/p3-red.png);
		background-size: cover; 
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
*/ }
  .single blockquote p {
    position: relative;
    padding-left: 3rem; }
    @media print, screen and (min-width: 64em) {
      .single blockquote p {
        font-size: 1.5rem;
        padding-left: 5rem; } }
    .single blockquote p:first-of-type {
      border-top: 4px solid; }
      .single blockquote p:first-of-type:before {
        content: '“';
        font-size: 6rem;
        font-family: "Nexa-Heavy";
        position: absolute;
        display: inline-block;
        height: 50px;
        top: 2rem;
        line-height: 0.75;
        left: -0.5rem; }
        @media print, screen and (min-width: 64em) {
          .single blockquote p:first-of-type:before {
            font-size: 9rem; } }
  .single blockquote cite {
    padding-left: 3rem;
    font-style: normal; }
    @media print, screen and (min-width: 64em) {
      .single blockquote cite {
        padding-left: 5rem; } }
body, iframe {
  cursor: url("images/o-test-red.png") 25 25, auto; }

body a {
  cursor: url("images/o-test-red-hover.png") 25 25, auto; }

.colour-blue {
  cursor: url("images/o-test.png") 25 25, auto; }

.colour-blue a {
  cursor: url("images/o-test-hover.png") 25 25, auto; }

body.wp-toolbar, body.wp-admin {
  cursor: default !important; }

.logo {
  flex: 0 0 auto;
  width: calc(16.6666666667% - 1.875rem);
  margin-left: 0.9375rem;
  margin-right: 0.9375rem; }
  .mobile-nav .logo {
    flex: 0 0 auto;
    width: calc(100% - 1.875rem);
    margin-left: 0.9375rem;
    margin-right: 0.9375rem; }
  .logo h1, .logo h2 {
    font-size: inherit; }
  .logo a {
    color: #FFFFFF;
    background: url(images/nopla-red.svg) no-repeat 0 0;
    background-size: 100% auto;
    width: 6.625rem !important;
    height: 2.625rem !important;
    display: inline-block; }
    @media print, screen and (min-width: 64em) {
      .logo a {
        width: 7.5rem !important;
        height: 3rem !important; } }
    .logo a span {
      border: 0;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px; }

header.main {
  position: absolute;
  width: 100%;
  font-size: 1.5rem;
  font-family: "Odudo-SemiBold", "Arial Black", "Arial Bold", arial, sans-serif;
  padding-top: 30px;
  z-index: 1000; }
  @media print, screen and (min-width: 64em) {
    header.main {
      position: fixed;
      padding-top: 2rem; } }
  header.main .navigation {
    flex: 0 0 auto;
    width: calc(83.3333333333% - 1.875rem);
    margin-left: 0.9375rem;
    margin-right: 0.9375rem; }
    @media print, screen and (max-width: 63.99875em) {
      header.main .navigation {
        display: none; } }
    header.main .navigation ul {
      margin-top: 0.5rem;
      text-align: right; }
      header.main .navigation ul li {
        display: inline-block;
        text-transform: lowercase;
        margin-left: 3.5rem; }
        header.main .navigation ul li a {
          display: inline-block;
          color: inherit;
          padding: 0.125rem 0.75rem 0.5rem;
          line-height: 1; }
        header.main .navigation ul li.search label input {
          border: 0;
          clip: rect(0 0 0 0);
          height: 1px;
          margin: -1px;
          overflow: hidden;
          padding: 0;
          position: absolute;
          width: 1px; }
        header.main .navigation ul li.current-menu-item a {
          background-color: #FA3731;
          /*
	@supports not (color: color(display-p3 1 1 1)) {
		
		background-image: url(images/p3-red.png);
		background-size: cover;
	}
*/
          color: #FFFFFF !important; }
          header.main .navigation ul li.current-menu-item a * {
            color: #FFFFFF; }
  .single-product header.main .logo h1 a, .single-product header.main .logo h2 a, .page-template-homepage header.main .logo h1 a, .page-template-homepage header.main .logo h2 a {
    background: url(images/nopla-white.svg) no-repeat 0 0;
    background-size: 100% auto; }
  .single-product header.main .navigation ul li a, .page-template-homepage header.main .navigation ul li a {
    color: #FFFFFF; }

.single-product .navigation .search label path, .single-product .navigation .search label rect, .page-template-homepage .navigation .search label path, .page-template-homepage .navigation .search label rect {
  fill: white; }

.scrolling .navigation .search label path, .scrolling .navigation .search label rect {
  fill: #FA3731; }

.colour-blue .scrolling .navigation .search label path, .colour-blue .scrolling .navigation .search label rect {
  fill: #003EAB; }

.colour-blue.scrolling .navigation .search label path, .colour-blue.scrolling .navigation .search label rect {
  fill: #003EAB; }

.blog .navigation.open .search, .single-post .navigation.open .search, .page .navigation.open .search {
  color: #FA3731;
  /*
	@supports not (color: color(display-p3 1 1 1)) {
		color: inherit;
		background-image: url(images/p3-red.png);
		background-size: cover; 
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
*/ }

.single-product header.main .open input[type="search"], .page-template-homepage header.main .open input[type="search"] {
  color: white !important;
  outline-color: white !important; }

header.main.scrolling .open input[type="search"] {
  outline: 4px solid #FA3731 !important;
  color: #FA3731 !important; }

.colour-blue header.main.scrolling .open input[type="search"] {
  outline: 4px solid #003EAB !important;
  color: #003EAB !important; }

.single-product nav ul li.menu-item-259 {
  color: #FA3731;
  /*
	@supports not (color: color(display-p3 1 1 1)) {
		color: inherit;
		background-image: url(images/p3-red.png);
		background-size: cover; 
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
*/ }
  .single-product nav ul li.menu-item-259 a {
    background-color: #FFFFFF;
    color: inherit !important; }

.single-product .colour-blue nav ul li.menu-item-259, .single-product.colour-blue nav ul li.menu-item-259 {
  color: #003EAB;
  /*
	@supports not (color: color(display-p3 1 1 1)) {
		color: inherit;
		background-image: url(images/p3-blue.png);
		background-size: cover;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
*/ }
  .single-product .colour-blue nav ul li.menu-item-259 a, .single-product.colour-blue nav ul li.menu-item-259 a {
    color: inherit !important; }

header.main {
  top: 0px;
  -webkit-transition: all 0.125s ease;
  -moz-transition: all 0.125s ease;
  -o-transition: all 0.125s ease;
  transition: all 0.125s ease; }
  header.main.nav-up {
    top: -5.5rem; }
  @media print, screen and (min-width: 64em) {
    header.main.nav-down.scrolling {
      background-color: #FFFFFF;
      top: -1.5rem;
      color: #FA3731;
      /*
	@supports not (color: color(display-p3 1 1 1)) {
		color: inherit;
		background-image: url(images/p3-red.png);
		background-size: cover; 
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
*/
      border-bottom: 0.75rem #FFFFFF solid; }
      header.main.nav-down.scrolling ul {
        margin-top: 0.5rem; }
      header.main.nav-down.scrolling .logo h1 a, header.main.nav-down.scrolling .logo h2 a {
        background: url(images/nopla-red.svg) no-repeat 0 0 !important;
        background-size: 100% auto; }
      header.main.nav-down.scrolling nav li a {
        color: #FA3731;
        /*
	@supports not (color: color(display-p3 1 1 1)) {
		color: inherit;
		background-image: url(images/p3-red.png);
		background-size: cover; 
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
*/ }
      .colour-blue header.main.nav-down.scrolling nav li a {
        color: #003EAB;
        /*
	@supports not (color: color(display-p3 1 1 1)) {
		color: inherit;
		background-image: url(images/p3-blue.png);
		background-size: cover;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
*/ }
      .colour-blue header.main.nav-down.scrolling .logo h1 a {
        background: url(images/nopla-blue.svg) no-repeat 0 0 !important;
        background-size: 100% auto; }
    header.main.colour-blue.nav-down.scrolling {
      color: #003EAB;
      /*
	@supports not (color: color(display-p3 1 1 1)) {
		color: inherit;
		background-image: url(images/p3-blue.png);
		background-size: cover;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
*/ }
      header.main.colour-blue.nav-down.scrolling .logo h1 a, header.main.colour-blue.nav-down.scrolling .logo h2 a {
        background: url(images/nopla-blue.svg) no-repeat 0 0 !important;
        background-size: 100% auto; }
      header.main.colour-blue.nav-down.scrolling nav li a {
        color: #003EAB;
        /*
	@supports not (color: color(display-p3 1 1 1)) {
		color: inherit;
		background-image: url(images/p3-blue.png);
		background-size: cover;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
*/ } }
.navigation nav ul {
  white-space: nowrap; }
  .navigation nav ul li.search label span {
    display: none; }
  .navigation nav ul li.search label a {
    padding-right: 0px; }
  .navigation nav ul li.search input[type="search"] {
    width: 0px;
    -webkit-appearance: none;
    border: 0px;
    padding: 0px;
    font-family: inherit;
    font-size: 1.5rem;
    font-weight: normal;
    background-color: transparent;
    outline: 4px solid transparent;
    height: 2.5rem;
    margin: 0;
    -webkit-transition: all 0s ease;
    -moz-transition: all 0s ease;
    -o-transition: all 0s ease;
    transition: all 0s ease; }
  .navigation nav ul li.search button {
    -webkit-appearance: none; }
  .navigation nav ul li.search input[type="image"] {
    opacity: 0.75;
    pointer-events: none; }

.navigation.open nav ul li:not(.search) {
  display: none;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none; }

.navigation.open nav ul li.search {
  color: #FFFFFF; }
  .navigation.open nav ul li.search input[type="search"] {
    width: 20rem;
    outline-color: inherit;
    z-index: 20;
    position: relative;
    margin: 0 1rem;
    color: inherit;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    .navigation.open nav ul li.search input[type="search"]::placeholder {
      color: inherit;
      opacity: 0.66; }
  .navigation.open nav ul li.search input[type="image"] {
    opacity: 1;
    pointer-events: all; }

.nav-toggler {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2000000 !important;
  position: fixed;
  bottom: 30px;
  right: 15px;
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 50%;
  border: 4px solid white;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  background-color: #FA3731;
  /*
	@supports not (color: color(display-p3 1 1 1)) {
		
		background-image: url(images/p3-red.png);
		background-size: cover;
	}
*/ }
  .nav-toggler * {
    color: #FFFFFF; }
  .nav-toggler.colour-blue {
    background-color: #003EAB;
    color: #FFFFFF;
    /*
	@supports not (color: color(display-p3 1 1 1)) {
		
		background-image: url(images/p3-blue.png);
		background-size: cover;
	}
*/ }
  @media print, screen and (min-width: 64em) {
    .nav-toggler {
      display: none; } }
#nav-icon {
  width: 2.5rem;
  height: 1.5rem;
  display: block;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer; }

#nav-icon span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: white;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out; }

#nav-icon span:nth-child(1) {
  top: 0px; }

#nav-icon span:nth-child(2), #nav-icon span:nth-child(3) {
  top: 10px; }

#nav-icon span:nth-child(4) {
  top: 20px; }

.nav-toggler.open {
  color: #FA3731;
  /*
	@supports not (color: color(display-p3 1 1 1)) {
		color: inherit;
		background-image: url(images/p3-red.png);
		background-size: cover; 
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
*/
  border: 4px solid;
  background: #FFFFFF; }
  .colour-blue .nav-toggler.open {
    color: #003EAB;
    /*
	@supports not (color: color(display-p3 1 1 1)) {
		color: inherit;
		background-image: url(images/p3-blue.png);
		background-size: cover;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
*/ }
  .nav-toggler.open #nav-icon span {
    height: 3.5px;
    background-color: #FA3731;
    /*
	@supports not (color: color(display-p3 1 1 1)) {
		
		background-image: url(images/p3-red.png);
		background-size: cover;
	}
*/ }
    .nav-toggler.open #nav-icon span * {
      color: #FFFFFF; }
    .colour-blue .nav-toggler.open #nav-icon span {
      background-color: #003EAB;
      color: #FFFFFF;
      /*
	@supports not (color: color(display-p3 1 1 1)) {
		
		background-image: url(images/p3-blue.png);
		background-size: cover;
	}
*/ }
  .nav-toggler.open #nav-icon span:nth-child(1) {
    top: 7px;
    width: 0%;
    left: 50%; }
  .nav-toggler.open #nav-icon span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }
  .nav-toggler.open #nav-icon span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .nav-toggler.open #nav-icon span:nth-child(4) {
    top: 6px;
    width: 0%;
    left: 50%; }

.mobile-nav {
  padding-top: 30px;
  background-color: #FA3731;
  /*
	@supports not (color: color(display-p3 1 1 1)) {
		
		background-image: url(images/p3-red.png);
		background-size: cover;
	}
*/
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  width: 100vw;
  height: 100vh;
  z-index: 10000;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease; }
  .mobile-nav * {
    color: #FFFFFF; }
  .colour-blue .mobile-nav {
    background-color: #003EAB;
    color: #FFFFFF;
    /*
	@supports not (color: color(display-p3 1 1 1)) {
		
		background-image: url(images/p3-blue.png);
		background-size: cover;
	}
*/ }
  .mobile-nav.open {
    opacity: 1;
    pointer-events: all; }
  .mobile-nav .navigation-mobile {
    flex: 0 0 auto;
    width: calc(100% - 1.875rem);
    margin-left: 0.9375rem;
    margin-right: 0.9375rem; }
    .mobile-nav .navigation-mobile > nav, .mobile-nav .navigation-mobile > ul {
      margin-bottom: 3rem; }
      .mobile-nav .navigation-mobile > nav li, .mobile-nav .navigation-mobile > ul li {
        display: block;
        margin: 0.5rem 0; }
        .mobile-nav .navigation-mobile > nav li.search, .mobile-nav .navigation-mobile > ul li.search {
          margin-top: -0.25rem !important;
          font-size: inherit;
          border-radius: 0; }
          .mobile-nav .navigation-mobile > nav li.search form, .mobile-nav .navigation-mobile > ul li.search form {
            display: flex;
            align-items: center; }
          .mobile-nav .navigation-mobile > nav li.search span, .mobile-nav .navigation-mobile > ul li.search span {
            display: none; }
          .mobile-nav .navigation-mobile > nav li.search input[type=search], .mobile-nav .navigation-mobile > ul li.search input[type=search] {
            color: inherit;
            background-color: transparent;
            -webkit-appearance: none;
            font-family: "Odudo-SemiBold", "Arial Black", "Arial Bold", arial, sans-serif;
            font-size: inherit !important;
            border: none;
            border-bottom: 4px solid;
            color: #FFFFFF;
            padding: 0.5rem 0rem;
            background-color: rgba(255, 255, 255, 0.2);
            flex-grow: 0;
            max-width: 20rem;
            border-radius: 0px;
            width: 0px;
            -webkit-transition: all 0.25s ease;
            -moz-transition: all 0.25s ease;
            -o-transition: all 0.25s ease;
            transition: all 0.25s ease; }
            .mobile-nav .navigation-mobile > nav li.search input[type=search]::placeholder, .mobile-nav .navigation-mobile > ul li.search input[type=search]::placeholder {
              text-transform: lowercase;
              color: #FFFFFF; }
            @media print, screen and (min-width: 40em) {
              .mobile-nav .navigation-mobile > nav li.search input[type=search], .mobile-nav .navigation-mobile > ul li.search input[type=search] {
                font-size: 250% !important;
                max-width: 30rem; } }
          .mobile-nav .navigation-mobile > nav li.search input[type=image], .mobile-nav .navigation-mobile > ul li.search input[type=image] {
            width: 1.5rem;
            height: 2rem;
            opacity: 0.75;
            pointer-events: none; }
          .mobile-nav .navigation-mobile > nav li.search .search-button, .mobile-nav .navigation-mobile > ul li.search .search-button {
            margin-top: 0.5rem;
            margin-left: 0.5rem; }
            @media print, screen and (min-width: 40em) {
              .mobile-nav .navigation-mobile > nav li.search .search-button, .mobile-nav .navigation-mobile > ul li.search .search-button {
                margin-top: 1rem;
                margin-left: 1rem; } }
            @media print, screen and (min-width: 40em) {
              .mobile-nav .navigation-mobile > nav li.search .search-button svg, .mobile-nav .navigation-mobile > ul li.search .search-button svg {
                width: 3rem;
                height: 4rem; } }
            .mobile-nav .navigation-mobile > nav li.search .search-button svg path, .mobile-nav .navigation-mobile > nav li.search .search-button svg rect, .mobile-nav .navigation-mobile > ul li.search .search-button svg path, .mobile-nav .navigation-mobile > ul li.search .search-button svg rect {
              fill: white !important;
              opacity: 0.666; }
          .mobile-nav .navigation-mobile > nav li.search input[type=submit], .mobile-nav .navigation-mobile > ul li.search input[type=submit] {
            display: none; }
          .mobile-nav .navigation-mobile > nav li.search form.open input[type=search], .mobile-nav .navigation-mobile > ul li.search form.open input[type=search] {
            flex-grow: 1;
            padding: 0.5rem 0.5rem;
            margin-left: 0.5rem; }
            .mobile-nav .navigation-mobile > nav li.search form.open input[type=search]:focus, .mobile-nav .navigation-mobile > ul li.search form.open input[type=search]:focus {
              outline: none; }
          .mobile-nav .navigation-mobile > nav li.search form.open input[type=image], .mobile-nav .navigation-mobile > ul li.search form.open input[type=image] {
            pointer-events: all;
            opacity: 1; }
      @media print, screen and (min-width: 40em) {
        .mobile-nav .navigation-mobile > nav:last-of-type, .mobile-nav .navigation-mobile > ul:last-of-type {
          width: 50%;
          float: left; } }
    @media print, screen and (min-width: 40em) {
      .mobile-nav .navigation-mobile > nav:first-of-type {
        margin-top: 3rem;
        margin-bottom: 5rem; } }
    .mobile-nav .navigation-mobile > nav:first-of-type li {
      margin: 1rem 0; }
      .mobile-nav .navigation-mobile > nav:first-of-type li a {
        font-size: 1.5rem; }
        @media print, screen and (min-width: 40em) {
          .mobile-nav .navigation-mobile > nav:first-of-type li a {
            font-size: 400% !important; } }
.shopify-buy-frame--toggle {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);
  border: 3px solid white;
  border-right: 0px;
  border-radius: 6px 0px 0px 6px; }

.container, .shop-listing .ajax-load-more-wrap .alm-listing {
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto; }
  @media print, screen and (min-width: 64em) {
    .container, .shop-listing .ajax-load-more-wrap .alm-listing {
      padding-right: 1.5625rem;
      padding-left: 1.5625rem; } }
.row, .shop-listing .alm-reveal {
  display: flex;
  flex-flow: row wrap; }

main, footer.main {
  overflow-x: hidden; }

.tape {
  height: 15rem;
  margin-left: -5rem;
  margin-right: -5rem;
  padding-left: 5rem;
  padding-right: 5rem;
  margin-top: -7.5rem;
  margin-bottom: -7.5rem;
  background: #FFFFFF url(images/nopla-red-45deg.svg);
  background-size: 3.75rem; }
  .tape.left {
    -ms-transform: rotate(-4deg);
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg); }
  .tape.right {
    -ms-transform: rotate(-4deg);
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg); }
  .colour-blue .tape {
    background: #FFFFFF url(images/nopla-blue-45deg.svg);
    background-size: 3.75rem; }

header.page-header {
  margin-bottom: 60px; }
  @media print, screen and (min-width: 64em) {
    header.page-header {
      margin-bottom: 8rem; } }
.page-header div {
  height: 5rem;
  margin-left: -5rem;
  margin-right: -5rem;
  padding-left: 5rem;
  padding-right: 5rem; }
  @media print, screen and (min-width: 64em) {
    .page-header div {
      height: 9.5rem; } }
  .page-header div:first-of-type {
    display: block;
    margin-bottom: -6.75rem;
    background: transparent url(images/nopla-red-45deg.svg);
    background-size: 1.25rem; }
    @media print, screen and (min-width: 64em) {
      .page-header div:first-of-type {
        margin-bottom: -9.5rem;
        background-size: 3.75rem; } }
  .page-header div.header {
    background-color: #FA3731;
    /*
	@supports not (color: color(display-p3 1 1 1)) {
		
		background-image: url(images/p3-red.png);
		background-size: cover;
	}
*/
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #FFFFFF;
    position: relative;
    z-index: 500; }
    .page-header div.header * {
      color: #FFFFFF; }
    @media print, screen and (max-width: 63.99875em) {
      .page-header div.header {
        padding-left: 7rem;
        padding-right: 7rem; } }
    .page-header div.header h1, .page-header div.header h2 {
      font-size: 1.875rem;
      font-family: "Odudo-SemiBold", "Arial Black", "Arial Bold", arial, sans-serif;
      color: #FFFFFF;
      margin-top: -0.25rem; }
      @media print, screen and (max-width: 63.99875em) {
        .page-header div.header h1, .page-header div.header h2 {
          line-height: 30px; } }
      @media print, screen and (min-width: 64em) {
        .page-header div.header h1, .page-header div.header h2 {
          font-size: 3rem; } }
.page-header.left div:first-of-type {
  -ms-transform: rotate(4deg);
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg); }

.page-header.left div.header {
  -ms-transform: rotate(-4deg);
  -webkit-transform: rotate(-4deg);
  transform: rotate(-4deg); }

.page-header.right div:first-of-type {
  -ms-transform: rotate(-4deg);
  -webkit-transform: rotate(-4deg);
  transform: rotate(-4deg); }

.page-header.right div.header {
  -ms-transform: rotate(4deg);
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg); }

.news-stories > div.news-wrapper {
  flex: 0 0 auto;
  width: calc(100% - 1.875rem);
  margin-left: 0.9375rem;
  margin-right: 0.9375rem; }
  @media print, screen and (min-width: 40em) {
    .news-stories > div.news-wrapper {
      display: flex; } }
.news-stories.alm-reveal {
  padding-right: 15px;
  padding-left: 15px; }
  @media print, screen and (min-width: 64em) {
    .news-stories.alm-reveal {
      padding-right: 16.6666666667px;
      padding-left: 16.6666666667px; } }
div.news-item {
  width: 100%;
  position: relative; }
  @media print, screen and (max-width: 39.99875em) {
    div.news-item {
      margin-bottom: 30px; } }
  @media print, screen and (min-width: 40em) {
    div.news-item {
      width: 50%;
      margin-bottom: 50px; } }
  div.news-item > div {
    position: relative; }
    div.news-item > div a {
      display: flex;
      flex-direction: column; }
    div.news-item > div div.text {
      width: calc(100% + 30px);
      background-color: #FA3731;
      /*
	@supports not (color: color(display-p3 1 1 1)) {
		
		background-image: url(images/p3-red.png);
		background-size: cover;
	}
*/
      color: #FFFFFF;
      z-index: 2;
      position: relative;
      padding: 22.5px 30px; }
      div.news-item > div div.text * {
        color: #FFFFFF; }
      @media print, screen and (max-width: 39.99875em) {
        div.news-item > div div.text {
          margin-left: -30px; } }
      @media print, screen and (max-width: 63.99875em) {
        div.news-item > div div.text {
          order: 2 !important; } }
      @media print, screen and (min-width: 40em) {
        div.news-item > div div.text {
          width: 90%; } }
      @media print, screen and (min-width: 64em) {
        div.news-item > div div.text {
          padding: 1.25rem 6rem 1.25rem 25px;
          background-image: url("images/arrow-up-white.svg");
          background-repeat: no-repeat;
          background-size: 44px auto;
          background-position: right 1.75rem top 1.75rem; } }
      @media screen and (min-width: 75em) {
        div.news-item > div div.text {
          width: 65%; } }
    div.news-item > div div.image {
      position: relative; }
      @media print, screen and (max-width: 63.99875em) {
        div.news-item > div div.image {
          order: 1 !important;
          width: calc(100% + 30px); } }
  div.news-item a h3, div.news-item p {
    color: #FFFFFF !important; }
    @supports not (color: color(display-p3 1 1 1)) {
      div.news-item a h3, div.news-item p {
        background-image: none;
        -webkit-background-clip: inherit;
        -webkit-text-fill-color: inherit; } }
  div.news-item h3 {
    font-family: "Odudo-SemiBold", "Arial Black", "Arial Bold", arial, sans-serif;
    font-size: 1.5rem; }
  @media print, screen and (max-width: 63.99875em) {
    div.news-item p {
      font-size: 1rem; } }
  @media print, screen and (min-width: 64em) {
    div.news-item:nth-of-type(odd) > div div.text {
      order: 2;
      position: absolute;
      bottom: -3.75rem;
      left: -50px; } }
  div.news-item:nth-of-type(odd) div.image {
    order: 1; }
    div.news-item:nth-of-type(odd) div.image img {
      -webkit-transition: all 0.125s ease;
      -moz-transition: all 0.125s ease;
      -o-transition: all 0.125s ease;
      transition: all 0.125s ease; }
  div.news-item:nth-of-type(odd) div.bg {
    width: 100%;
    height: 100%;
    transform-origin: 100% 0;
    position: absolute;
    display: block;
    background: url("images/3d-rectangle.svg") 0 0 no-repeat;
    background-size: 100%;
    -webkit-transition: all 0.125s ease;
    -moz-transition: all 0.125s ease;
    -o-transition: all 0.125s ease;
    transition: all 0.125s ease;
    transform-origin: 100% 0;
    z-index: -1; }
  div.news-item:nth-of-type(odd):hover div.bg {
    transform: scale(1.08);
    -webkit-transition: all 0.125s ease;
    -moz-transition: all 0.125s ease;
    -o-transition: all 0.125s ease;
    transition: all 0.125s ease; }
  div.news-item:nth-of-type(odd):hover div.image img {
    position: relative;
    -webkit-transition: all 0.125s ease;
    -moz-transition: all 0.125s ease;
    -o-transition: all 0.125s ease;
    transition: all 0.125s ease;
    transform: translate(-8%, 8%); }
  @media print, screen and (min-width: 64em) {
    div.news-item:nth-of-type(even) > div div.text {
      margin-bottom: -3.75rem;
      background-image: url("images/arrow-down-white.svg");
      background-repeat: no-repeat;
      background-size: 44px auto;
      background-position: right 1.75rem bottom 1.75rem; } }
  div.news-item:nth-of-type(even) div.image img {
    -webkit-transition: all 0.125s ease;
    -moz-transition: all 0.125s ease;
    -o-transition: all 0.125s ease;
    transition: all 0.125s ease; }
  div.news-item:nth-of-type(even) div.bg {
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    background: url("images/3d-rectangle-flip.svg") 0 0 no-repeat;
    background-size: 100%;
    -webkit-transition: all 0.125s ease;
    -moz-transition: all 0.125s ease;
    -o-transition: all 0.125s ease;
    transition: all 0.125s ease;
    transform-origin: 0% 0;
    z-index: -1; }
  div.news-item:nth-of-type(even):hover div.bg {
    transform: scale(1.08);
    -webkit-transition: all 0.125s ease;
    -moz-transition: all 0.125s ease;
    -o-transition: all 0.125s ease;
    transition: all 0.125s ease; }
  div.news-item:nth-of-type(even):hover div.image img {
    position: relative;
    -webkit-transition: all 0.125s ease;
    -moz-transition: all 0.125s ease;
    -o-transition: all 0.125s ease;
    transition: all 0.125s ease;
    transform: translate(8%, 8%); }
  div.news-item:nth-of-type(4n+3) > div div.text {
    right: 0;
    left: auto; }
  div.news-item:nth-of-type(4n+4) > div div.text {
    right: 0px;
    left: auto;
    float: right; }

.alm-listing, .alm-reveal {
  width: 100% !important; }

body.page-template-homepage .video {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  right: 0px;
  top: 0px;
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  text-align: center; }
  body.page-template-homepage .video video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: 50% 50%; }

body.page-template-homepage .header-image, body.page-template-homepage .shop-link {
  position: relative; }
  body.page-template-homepage .header-image .image, body.page-template-homepage .shop-link .image {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    overflow-y: hidden; }
    body.page-template-homepage .header-image .image > div, body.page-template-homepage .shop-link .image > div {
      height: 100%; }
    body.page-template-homepage .header-image .image img, body.page-template-homepage .shop-link .image img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
      object-position: 50% 50%; }

body.page-template-homepage .header-image, body.page-template-homepage .shop-link {
  background-color: #FA3731;
  /*
	@supports not (color: color(display-p3 1 1 1)) {
		
		background-image: url(images/p3-red.png);
		background-size: cover;
	}
*/
  height: 100vh;
  display: flex;
  justify-content: center; }
  body.page-template-homepage .header-image *, body.page-template-homepage .shop-link * {
    color: #FFFFFF; }
  body.page-template-homepage .header-image div.text, body.page-template-homepage .shop-link div.text {
    display: block;
    line-height: 0.9;
    text-align: center;
    align-self: center;
    color: #FFFFFF;
    font-family: "Odudo-SemiBold", "Arial Black", "Arial Bold", arial, sans-serif;
    font-size: 8.5vw;
    -ms-transform: rotate(-4deg);
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
    text-transform: lowercase; }
    @supports not (color: color(display-p3 1 1 1)) {
      body.page-template-homepage .header-image div.text, body.page-template-homepage .shop-link div.text {
        background-image: none;
        -webkit-background-clip: inherit;
        -webkit-text-fill-color: inherit; } }
    body.page-template-homepage .header-image div.text a, body.page-template-homepage .shop-link div.text a {
      padding-right: 1.25em;
      background: url(images/arrow-right-white.svg) no-repeat right bottom 1rem;
      color: #FFFFFF;
      display: inline; }
      @media print, screen and (max-width: 63.99875em) {
        body.page-template-homepage .header-image div.text a, body.page-template-homepage .shop-link div.text a {
          background: url(images/arrow-right-white.svg) no-repeat right bottom 0.5rem;
          background-size: auto 60%; } }
    @media print, screen and (min-width: 40em) {
      body.page-template-homepage .header-image div.text, body.page-template-homepage .shop-link div.text {
        font-size: 6rem; } }
    @media print, screen and (max-width: 63.99875em) {
      body.page-template-homepage .header-image div.text, body.page-template-homepage .shop-link div.text {
        margin-top: -90px; } }
  body.page-template-homepage .header-image h1, body.page-template-homepage .header-image h2, body.page-template-homepage .shop-link h1, body.page-template-homepage .shop-link h2 {
    font-size: inherit;
    color: inherit; }

body.page-template-homepage .intro {
  position: relative;
  margin-left: -5rem;
  margin-right: -5rem;
  padding-left: 5rem;
  padding-right: 5rem;
  -ms-transform: rotate(4deg);
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg);
  background-color: #FFFFFF;
  margin-top: -3.5vw;
  margin-bottom: -3.5vw;
  z-index: 20; }
  body.page-template-homepage .intro .row > div {
    text-align: center;
    flex: 0 0 auto;
    width: calc(100% - 1.875rem);
    margin-left: 0.9375rem;
    margin-right: 0.9375rem;
    font-size: 1.125rem;
    padding-top: 60px;
    padding-bottom: 60px; }
    @media print, screen and (min-width: 40em) {
      body.page-template-homepage .intro .row > div {
        flex: 0 0 auto;
        width: calc(66.6666666667% - 1.875rem);
        margin-left: 0.9375rem;
        margin-right: 0.9375rem;
        margin-left: calc(16.6666666667% + 0.9375rem); } }
    @media print, screen and (min-width: 64em) {
      body.page-template-homepage .intro .row > div {
        flex: 0 0 auto;
        width: calc(50% - 3.125rem);
        margin-left: 1.5625rem;
        margin-right: 1.5625rem;
        margin-left: calc(25% + 1.5625rem);
        font-size: 1.5rem;
        padding-top: 5.25rem;
        padding-bottom: 5.25rem; } }
    body.page-template-homepage .intro .row > div p, body.page-template-homepage .intro .row > div li {
      font-size: inherit; }

body.page-template-homepage .header-image div.text a {
  background: none;
  padding-right: 0px; }

body.page-template-homepage .swiper-container {
  width: 100%;
  height: 100%; }

body.page-template-homepage .carousel-item h3 {
  font-family: "Odudo-SemiBold", "Arial Black", "Arial Bold", arial, sans-serif;
  font-size: 1.25rem;
  margin-top: 30px; }
  @media print, screen and (min-width: 64em) {
    body.page-template-homepage .carousel-item h3 {
      font-size: 1.5rem;
      margin-top: 2rem; } }
body.page-template-homepage .carousel-item p {
  max-width: 20rem; }
  @media print, screen and (max-width: 63.99875em) {
    body.page-template-homepage .carousel-item p {
      font-size: 0.875rem;
      max-width: 12rem; } }
body.page-template-homepage .carousel-intro {
  position: relative;
  width: 100%; }
  body.page-template-homepage .carousel-intro .row div {
    flex: 0 0 auto;
    width: calc(100% - 1.875rem);
    margin-left: 0.9375rem;
    margin-right: 0.9375rem; }
  @media print, screen and (min-width: 64em) {
    body.page-template-homepage .carousel-intro .row {
      position: absolute;
      width: 100%; }
      body.page-template-homepage .carousel-intro .row div {
        flex: 0 0 auto;
        width: calc(33.3333333333% - 3.125rem);
        margin-left: 1.5625rem;
        margin-right: 1.5625rem; } }
  body.page-template-homepage .carousel-intro h2 {
    font-size: 1.875rem;
    font-family: "Odudo-SemiBold", "Arial Black", "Arial Bold", arial, sans-serif; }
    @media print, screen and (min-width: 64em) {
      body.page-template-homepage .carousel-intro h2 {
        font-size: 3rem; } }
body.page-template-homepage .carousel {
  padding-bottom: 60px;
  padding-top: 30px;
  position: relative; }
  @media print, screen and (max-width: 63.99875em) {
    body.page-template-homepage .carousel:before {
      content: " ";
      display: block;
      height: 90px;
      -ms-transform: rotate(-4deg);
      -webkit-transform: rotate(-4deg);
      transform: rotate(-4deg);
      position: absolute;
      width: calc(100vw + 60px);
      margin-left: -30px;
      background-color: #FFFFFF;
      top: -30px; } }
  @media print, screen and (min-width: 64em) {
    body.page-template-homepage .carousel {
      padding-top: calc(7.5rem + 15rem);
      padding-bottom: 11rem; } }
body.page-template-homepage .swiper-wrapper {
  padding-bottom: 30px; }
  @media print, screen and (max-width: 63.99875em) {
    body.page-template-homepage .swiper-wrapper {
      margin-top: 30px; } }
  @media print, screen and (min-width: 64em) {
    body.page-template-homepage .swiper-wrapper {
      margin-left: 4vw !important;
      padding-bottom: 3rem;
      position: relative;
      background-color: #FFFFFF; }
      body.page-template-homepage .swiper-wrapper:before {
        display: block;
        height: 100%;
        position: absolute;
        width: 60px;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 90%);
        content: " ";
        top: 0;
        left: -60px; } }
body.page-template-homepage .swiper-scrollbar {
  display: block !important;
  background-color: rgba(219, 217, 214, 0.5);
  height: 9px; }
  @media screen and (min-width: 75em) {
    body.page-template-homepage .swiper-scrollbar {
      width: 50vw;
      margin-left: calc(50vw - 13.5%); } }
  @media print, screen and (max-width: 63.99875em) {
    body.page-template-homepage .swiper-scrollbar {
      margin-left: 30px;
      width: calc(100% - 60px);
      left: 0px; } }
body.page-template-homepage .swiper-scrollbar-drag {
  background-color: #FA3731;
  /*
	@supports not (color: color(display-p3 1 1 1)) {
		
		background-image: url(images/p3-red.png);
		background-size: cover;
	}
*/ }
  body.page-template-homepage .swiper-scrollbar-drag * {
    color: #FFFFFF; }

.usps {
  position: relative;
  padding-top: 45px;
  padding-bottom: 75px; }
  @media print, screen and (min-width: 64em) {
    .usps {
      padding-top: 9rem;
      padding-bottom: 18rem; } }
  .usps .row div {
    flex: 0 0 auto;
    width: calc(100% - 1.875rem);
    margin-left: 0.9375rem;
    margin-right: 0.9375rem;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px; }
    @media print, screen and (max-width: 63.99875em) {
      .usps .row div {
        box-shadow: 0px 0px 19px 23px rgba(250, 55, 49, 0.7);
        background: rgba(250, 55, 49, 0.7); } }
    @media print, screen and (min-width: 40em) {
      .usps .row div {
        flex: 0 0 auto;
        width: calc(50% - 1.875rem);
        margin-left: 0.9375rem;
        margin-right: 0.9375rem;
        margin-left: calc(25% + 0.9375rem); } }
    @media print, screen and (min-width: 64em) {
      .usps .row div {
        flex: 0 0 auto;
        width: calc(33.3333333333% - 3.125rem);
        margin-left: 1.5625rem;
        margin-right: 1.5625rem;
        margin-left: calc(33.3333333333% + 1.5625rem); } }
    .usps .row div h3, .usps .row div p {
      color: #FFFFFF;
      display: inline-block; }
      @supports not (color: color(display-p3 1 1 1)) {
        .usps .row div h3, .usps .row div p {
          background-image: none;
          -webkit-background-clip: inherit;
          -webkit-text-fill-color: inherit; } }
    .usps .row div h3 {
      font-family: "Odudo-SemiBold", "Arial Black", "Arial Bold", arial, sans-serif;
      font-size: 1.875rem; }
      @media print, screen and (min-width: 64em) {
        .usps .row div h3 {
          font-size: 3rem; } }
    .usps .row div p {
      font-size: 1.125rem; }
      @media print, screen and (min-width: 64em) {
        .usps .row div p {
          font-size: 1.5rem; } }
  @media print, screen and (max-width: 63.99875em) {
    .usps + .tape.left {
      display: none; } }
.page-template-homepage .featured-news {
  margin-top: 60px;
  margin-bottom: 60px; }
  @media print, screen and (min-width: 64em) {
    .page-template-homepage .featured-news {
      margin-top: 11rem;
      margin-bottom: 11rem; } }
.featured-news .more-news.row > div {
  flex: 0 0 auto;
  width: calc(100% - 1.875rem);
  margin-left: 0.9375rem;
  margin-right: 0.9375rem;
  text-align: center; }
  .featured-news .more-news.row > div a {
    font-size: 1.5rem;
    font-family: "Odudo-SemiBold", "Arial Black", "Arial Bold", arial, sans-serif;
    text-transform: lowercase;
    display: inline-block;
    border: 4px solid; }
    @media print, screen and (max-width: 63.99875em) {
      .featured-news .more-news.row > div a {
        width: 100%;
        padding: 0.75rem 1rem 1.25rem;
        margin-top: 30px; } }
    @media print, screen and (min-width: 64em) {
      .featured-news .more-news.row > div a {
        margin-top: 5.5rem;
        padding: 0.25em 1em 0.33em;
        font-size: 3rem; } }
.nopla-inthenews {
  background-color: #FA3731;
  /*
	@supports not (color: color(display-p3 1 1 1)) {
		
		background-image: url(images/p3-red.png);
		background-size: cover;
	}
*/
  margin-left: -5rem;
  margin-right: -5rem;
  padding-left: 5rem;
  padding-right: 5rem;
  -ms-transform: rotate(-4deg);
  -webkit-transform: rotate(-4deg);
  transform: rotate(-4deg); }
  .nopla-inthenews * {
    color: #FFFFFF; }
  @media print, screen and (min-width: 64em) {
    .nopla-inthenews {
      padding-top: 7rem;
      padding-bottom: 7rem; } }
  .nopla-inthenews .container {
    -ms-transform: rotate(4deg);
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
    padding-top: 60px;
    padding-bottom: 60px; }
    @media print, screen and (min-width: 64em) {
      .nopla-inthenews .container {
        padding-top: 7rem;
        padding-bottom: 7rem; } }
  .nopla-inthenews .heading {
    margin-bottom: 60px; }
    @media print, screen and (min-width: 64em) {
      .nopla-inthenews .heading {
        margin-bottom: 7rem; } }
    .nopla-inthenews .heading div {
      flex: 0 0 auto;
      width: calc(100% - 1.875rem);
      margin-left: 0.9375rem;
      margin-right: 0.9375rem;
      text-align: center; }
      .nopla-inthenews .heading div h2 {
        color: #FFFFFF; }
        @media print, screen and (max-width: 63.99875em) {
          .nopla-inthenews .heading div h2 {
            font-size: 1.875rem; } }
  .nopla-inthenews .testimonials {
    justify-content: center;
    display: flex; }
    .nopla-inthenews .testimonials > div {
      display: flex;
      flex: 1;
      flex: 0 0 auto;
      width: calc(100% - 1.875rem);
      margin-left: 0.9375rem;
      margin-right: 0.9375rem;
      margin-bottom: 60px; }
      @media print, screen and (max-width: 39.99875em) {
        .nopla-inthenews .testimonials > div:last-of-type {
          margin-bottom: 0; } }
      @media print, screen and (min-width: 40em) {
        .nopla-inthenews .testimonials > div {
          flex: 0 0 auto;
          width: calc(50% - 1.875rem);
          margin-left: 0.9375rem;
          margin-right: 0.9375rem;
          margin-bottom: 2rem; } }
      @media screen and (min-width: 75em) {
        .nopla-inthenews .testimonials > div {
          flex: 0 0 auto;
          width: calc(25% - 3.125rem);
          margin-left: 1.5625rem;
          margin-right: 1.5625rem; } }
      .nopla-inthenews .testimonials > div blockquote {
        display: flex;
        flex-direction: column;
        height: 100%; }
        .nopla-inthenews .testimonials > div blockquote p {
          flex: 1;
          width: 100%;
          margin-bottom: 1em;
          font-size: 1.25rem;
          font-family: "Odudo-SemiBold", "Arial Black", "Arial Bold", arial, sans-serif;
          color: #FFFFFF;
          text-align: center; }
          @media print, screen and (max-width: 63.99875em) {
            .nopla-inthenews .testimonials > div blockquote p {
              opacity: 0.8; } }
          @media print, screen and (min-width: 64em) {
            .nopla-inthenews .testimonials > div blockquote p {
              font-size: 1.5rem; } }
        .nopla-inthenews .testimonials > div blockquote span {
          border: 0;
          clip: rect(0 0 0 0);
          height: 1px;
          margin: -1px;
          overflow: hidden;
          padding: 0;
          position: absolute;
          width: 1px; }
        .nopla-inthenews .testimonials > div blockquote footer {
          flex-direction: column;
          flex: 1; }
          .nopla-inthenews .testimonials > div blockquote footer cite {
            display: flex;
            height: 100%;
            flex-grow: 1;
            text-align: center;
            justify-content: center;
            position: relative;
            -webkit-transition: all 0.25s ease;
            -moz-transition: all 0.25s ease;
            -o-transition: all 0.25s ease;
            transition: all 0.25s ease; }
            .nopla-inthenews .testimonials > div blockquote footer cite:hover {
              opacity: 0.5; }
            .nopla-inthenews .testimonials > div blockquote footer cite a {
              position: absolute;
              background-color: transparent;
              width: 100%;
              height: 100%;
              top: 0px;
              left: 0px; }
      .nopla-inthenews .testimonials > div img {
        align-self: center;
        max-height: 12rem;
        width: auto;
        max-width: 100%; }
  .nopla-inthenews h2 {
    font-size: 3rem;
    font-family: "Odudo-SemiBold", "Arial Black", "Arial Bold", arial, sans-serif; }

.subscribe {
  padding-top: 60px;
  margin-bottom: 60px; }
  .subscribe .row div.mc-intro {
    flex: 0 0 auto;
    width: calc(100% - 1.875rem);
    margin-left: 0.9375rem;
    margin-right: 0.9375rem;
    text-align: center; }
    @media print, screen and (min-width: 40em) {
      .subscribe .row div.mc-intro {
        flex: 0 0 auto;
        width: calc(66.6666666667% - 1.875rem);
        margin-left: 0.9375rem;
        margin-right: 0.9375rem;
        margin-left: calc(16.6666666667% + 0.9375rem); } }
    .subscribe .row div.mc-intro h2 i {
      margin-left: 1rem;
      transform: scale(1.2) rotate(4deg); }
  .subscribe .row div#mc_embed_signup {
    flex: 0 0 auto;
    width: calc(100% - 1.875rem);
    margin-left: 0.9375rem;
    margin-right: 0.9375rem; }
    @media print, screen and (min-width: 40em) {
      .subscribe .row div#mc_embed_signup {
        flex: 0 0 auto;
        width: calc(83.3333333333% - 1.875rem);
        margin-left: 0.9375rem;
        margin-right: 0.9375rem;
        margin-left: calc(8.3333333333% + 0.9375rem); } }
    @media print, screen and (min-width: 64em) {
      .subscribe .row div#mc_embed_signup {
        flex: 0 0 auto;
        width: calc(66.6666666667% - 3.125rem);
        margin-left: 1.5625rem;
        margin-right: 1.5625rem;
        margin-left: calc(16.6666666667% + 1.5625rem); } }
    .subscribe .row div#mc_embed_signup div.field {
      margin-top: 1rem; }
      .subscribe .row div#mc_embed_signup div.field input[type=text], .subscribe .row div#mc_embed_signup div.field input[type=email] {
        color: #FA3731;
        /*
	@supports not (color: color(display-p3 1 1 1)) {
		color: inherit;
		background-image: url(images/p3-red.png);
		background-size: cover; 
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
*/
        border: 4px solid;
        padding: 0.75rem;
        font-size: 1.125rem;
        font-family: "Odudo-SemiBold", "Arial Black", "Arial Bold", arial, sans-serif; }
        @media print, screen and (min-width: 40em) {
          .subscribe .row div#mc_embed_signup div.field input[type=text], .subscribe .row div#mc_embed_signup div.field input[type=email] {
            font-size: 1.5rem; } }
        .subscribe .row div#mc_embed_signup div.field input[type=text]::placeholder, .subscribe .row div#mc_embed_signup div.field input[type=email]::placeholder {
          color: #999; }
      .subscribe .row div#mc_embed_signup div.field input.mce_inline_error {
        background-color: rgba(250, 55, 49, 0.15); }
      .subscribe .row div#mc_embed_signup div.field input + div.mce_inline_error, .subscribe .row div#mc_embed_signup div.field .datefield + div.mce_inline_error {
        background-color: #FA3731;
        /*
	@supports not (color: color(display-p3 1 1 1)) {
		
		background-image: url(images/p3-red.png);
		background-size: cover;
	}
*/
        padding: 0.75rem;
        font-family: "Odudo-SemiBold", "Arial Black", "Arial Bold", arial, sans-serif;
        font-weight: normal;
        font-size: 1.25rem; }
        .subscribe .row div#mc_embed_signup div.field input + div.mce_inline_error *, .subscribe .row div#mc_embed_signup div.field .datefield + div.mce_inline_error * {
          color: #FFFFFF; }
        @media print, screen and (min-width: 40em) {
          .subscribe .row div#mc_embed_signup div.field input + div.mce_inline_error, .subscribe .row div#mc_embed_signup div.field .datefield + div.mce_inline_error {
            font-size: 1.25rem; } }
      .subscribe .row div#mc_embed_signup div.field.email input {
        width: 100%; }
      @media print, screen and (min-width: 40em) {
        .subscribe .row div#mc_embed_signup div.field.names {
          display: flex;
          justify-content: space-between; } }
      @media print, screen and (max-width: 39.99875em) {
        .subscribe .row div#mc_embed_signup div.field.names input {
          display: block;
          width: 100%; }
          .subscribe .row div#mc_embed_signup div.field.names input:first-of-type {
            margin-bottom: 1rem; } }
      @media print, screen and (min-width: 40em) {
        .subscribe .row div#mc_embed_signup div.field.names input {
          width: 48%;
          float: left; } }
      .subscribe .row div#mc_embed_signup div.field.birthday {
        text-align: center; }
        .subscribe .row div#mc_embed_signup div.field.birthday label {
          font-family: "Odudo-SemiBold", "Arial Black", "Arial Bold", arial, sans-serif;
          font-size: 1.5rem;
          margin-bottom: 0.5rem;
          display: block;
          color: #FA3731;
          /*
	@supports not (color: color(display-p3 1 1 1)) {
		color: inherit;
		background-image: url(images/p3-red.png);
		background-size: cover; 
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
*/ }
    .subscribe .row div#mc_embed_signup div.content__gdprLegal {
      text-align: center;
      margin-top: 1rem; }
      .subscribe .row div#mc_embed_signup div.content__gdprLegal p {
        font-size: 0.75rem; }
        .subscribe .row div#mc_embed_signup div.content__gdprLegal p a {
          text-decoration: underline; }
    .subscribe .row div#mc_embed_signup div.submit {
      text-align: center;
      margin-top: 1rem; }
      .subscribe .row div#mc_embed_signup div.submit input.button {
        -webkit-appearance: none;
        border: none;
        background-color: #FA3731;
        /*
	@supports not (color: color(display-p3 1 1 1)) {
		
		background-image: url(images/p3-red.png);
		background-size: cover;
	}
*/
        color: white;
        font-family: "Odudo-SemiBold", "Arial Black", "Arial Bold", arial, sans-serif;
        font-size: 1.5rem;
        padding: 0.75rem 1.5rem;
        border: 4px solid; }
        .subscribe .row div#mc_embed_signup div.submit input.button * {
          color: #FFFFFF; }
  .subscribe .row h2 {
    font-size: 1.875rem;
    font-family: "Odudo-SemiBold", "Arial Black", "Arial Bold", arial, sans-serif;
    margin-bottom: 1.5rem; }
    @media print, screen and (max-width: 63.99875em) {
      .subscribe .row h2 {
        margin-bottom: 0.75rem; } }
    @media print, screen and (min-width: 64em) {
      .subscribe .row h2 {
        font-size: 3rem; } }
  @media print, screen and (max-width: 63.99875em) {
    .subscribe .row p {
      font-size: 0.875rem; } }
.usp-grid {
  background-color: #FA3731;
  /*
	@supports not (color: color(display-p3 1 1 1)) {
		
		background-image: url(images/p3-red.png);
		background-size: cover;
	}
*/
  width: 100vw;
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(7, 1fr);
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  z-index: -1; }
  .usp-grid * {
    color: #FFFFFF; }
  .usp-grid > div {
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    animation: float 5s ease-in-out infinite; }
    .usp-grid > div > div {
      display: block; }
      @media print, screen and (max-width: 63.99875em) {
        .usp-grid > div > div img {
          max-width: 4rem; } }
    .usp-grid > div:nth-of-type(1) > div, .usp-grid > div:nth-of-type(7) > div, .usp-grid > div:nth-of-type(4) > div, .usp-grid > div:nth-of-type(10) > div, .usp-grid > div:nth-of-type(9) > div, .usp-grid > div:nth-of-type(13) > div, .usp-grid > div:nth-of-type(14) > div {
      margin-left: -4rem; }
    .usp-grid > div:nth-of-type(3n) {
      animation: float 6s ease-in-out infinite; }
    .usp-grid > div:nth-of-type(4n) {
      animation: float 7s ease-in-out infinite; }
    .usp-grid > div:nth-of-type(4n+1) {
      animation: float 8s ease-in-out infinite; }
    .usp-grid > div:nth-of-type(2) {
      grid-row: 2/2;
      grid-column: 2/2; }
    .usp-grid > div:nth-of-type(3) {
      grid-column: 1;
      grid-row: 3; }
    .usp-grid > div:nth-of-type(4) {
      grid-column: 2;
      grid-row: 4; }
    .usp-grid > div:nth-of-type(5) {
      grid-column: 1;
      grid-row: 5; }
    .usp-grid > div:nth-of-type(6) {
      grid-column: 2;
      grid-row: 6; }
    .usp-grid > div:nth-of-type(7) {
      grid-column: 1;
      grid-row: 7; }
    .usp-grid > div:nth-of-type(8) {
      grid-column: 4;
      grid-row: 1; }
    .usp-grid > div:nth-of-type(9) {
      grid-column: 5;
      grid-row: 2; }
    .usp-grid > div:nth-of-type(10) {
      grid-column: 4;
      grid-row: 3; }
    .usp-grid > div:nth-of-type(11) {
      grid-column: 5;
      grid-row: 4; }
    .usp-grid > div:nth-of-type(12) {
      grid-column: 4;
      grid-row: 5; }
    .usp-grid > div:nth-of-type(13) {
      grid-column: 5;
      grid-row: 6; }
    .usp-grid > div:nth-of-type(14) {
      grid-column: 4;
      grid-row: 7; }

.product-header {
  position: relative;
  min-height: 90vh; }
  @media print, screen and (min-width: 64em) {
    .product-header {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding-bottom: 7rem;
      padding-top: 7rem; } }
  .product-header .container {
    display: block;
    width: 100%; }
  @media print, screen and (min-width: 64em) {
    .product-header .container.product-overview div.wrapper p,
    .product-header .container.colours-and-buy div.wrapper {
      padding-right: 4rem; } }
  @media print, screen and (max-width: 63.99875em) {
    .product-header .container.product-overview {
      padding-top: 105px;
      background-color: #FA3731;
      /*
	@supports not (color: color(display-p3 1 1 1)) {
		
		background-image: url(images/p3-red.png);
		background-size: cover;
	}
*/ }
      .product-header .container.product-overview * {
        color: #FFFFFF; }
      .colour-blue .product-header .container.product-overview {
        background-color: #003EAB;
        color: #FFFFFF;
        /*
	@supports not (color: color(display-p3 1 1 1)) {
		
		background-image: url(images/p3-blue.png);
		background-size: cover;
	}
*/ } }
  .product-header .container.product-overview div.wrapper {
    color: #FFFFFF;
    flex: 0 0 auto;
    width: calc(100% - 1.875rem);
    margin-left: 0.9375rem;
    margin-right: 0.9375rem; }
    @media print, screen and (min-width: 64em) {
      .product-header .container.product-overview div.wrapper {
        flex: 0 0 auto;
        width: calc(50% - 3.125rem);
        margin-left: 1.5625rem;
        margin-right: 1.5625rem; } }
    @media screen and (min-width: 75em) {
      .product-header .container.product-overview div.wrapper {
        flex: 0 0 auto;
        width: calc(41.6666666667% - 3.125rem);
        margin-left: 1.5625rem;
        margin-right: 1.5625rem; } }
    .product-header .container.product-overview div.wrapper h1 {
      font-family: "Odudo-SemiBold", "Arial Black", "Arial Bold", arial, sans-serif;
      font-size: 1.875rem;
      color: inherit;
      margin-bottom: 0.5em; }
      @media print, screen and (min-width: 64em) {
        .product-header .container.product-overview div.wrapper h1 {
          font-size: 3rem; } }
    .product-header .container.product-overview div.wrapper p {
      color: inherit; }
    .product-header .container.product-overview div.wrapper strong, .product-header .container.product-overview div.wrapper s {
      color: inherit;
      font-family: "Odudo-SemiBold", "Arial Black", "Arial Bold", arial, sans-serif;
      font-size: 1.875rem;
      margin-top: 0.5em;
      margin-bottom: 1em;
      display: block; }
      .product-header .container.product-overview div.wrapper strong span, .product-header .container.product-overview div.wrapper s span {
        font-size: 1.125rem; }
      @media print, screen and (min-width: 64em) {
        .product-header .container.product-overview div.wrapper strong, .product-header .container.product-overview div.wrapper s {
          font-size: 3rem; } }
    .product-header .container.product-overview div.wrapper s {
      margin-bottom: 0;
      text-decoration: none;
      display: inline-block;
      position: relative; }
      .product-header .container.product-overview div.wrapper s i {
        font-style: normal;
        opacity: 0.5; }
      .product-header .container.product-overview div.wrapper s:after {
        display: block;
        position: absolute;
        background-color: #FFFFFF;
        height: 4px;
        width: 2rem;
        content: " ";
        width: calc(100% + 2rem);
        -ms-transform: rotate(-4deg);
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg);
        top: 50%;
        left: -1rem; }
    .product-header .container.product-overview div.wrapper a {
      border-bottom: 2px solid;
      color: inherit; }
      .product-header .container.product-overview div.wrapper a:hover {
        opacity: 0.666; }
    .product-header .container.product-overview div.wrapper .original-price + .price strong {
      margin-top: 0; }
  .product-header .container.colours-and-buy div.wrapper {
    flex: 0 0 auto;
    width: calc(100% - 1.875rem);
    margin-left: 0.9375rem;
    margin-right: 0.9375rem; }
    @media print, screen and (min-width: 64em) {
      .product-header .container.colours-and-buy div.wrapper {
        flex: 0 0 auto;
        width: calc(50% - 3.125rem);
        margin-left: 1.5625rem;
        margin-right: 1.5625rem; } }
    @media screen and (min-width: 75em) {
      .product-header .container.colours-and-buy div.wrapper {
        flex: 0 0 auto;
        width: calc(41.6666666667% - 3.125rem);
        margin-left: 1.5625rem;
        margin-right: 1.5625rem; } }
  @media print, screen and (min-width: 64em) {
    .product-header .mobile-image {
      display: none; } }
  .product-header .colours > div {
    background-color: white;
    height: 5rem;
    display: flex;
    justify-content: center;
    align-content: center; }
    .product-header .colours > div h3 {
      font-family: "Odudo-SemiBold", "Arial Black", "Arial Bold", arial, sans-serif;
      font-size: 1.5rem;
      align-self: center; }
      .product-header .colours > div h3 span {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px; }
    .product-header .colours > div ul {
      display: flex;
      justify-content: center;
      align-content: center; }
      .product-header .colours > div ul li {
        align-self: center;
        margin-left: 1rem; }
        .product-header .colours > div ul li span {
          border: 0;
          clip: rect(0 0 0 0);
          height: 1px;
          margin: -1px;
          overflow: hidden;
          padding: 0;
          position: absolute;
          width: 1px; }
        .product-header .colours > div ul li img.swatch {
          width: 1.8125rem;
          height: auto;
          display: block; }
          @media print, screen and (min-width: 64em) {
            .product-header .colours > div ul li img.swatch {
              width: 2.8125rem; } }
  @media print, screen and (min-width: 64em) {
    .product-header .header-image {
      position: absolute;
      width: 100%;
      top: 0px;
      left: 0px;
      z-index: -1;
      height: 100%;
      overflow: hidden; } }
  .product-header .header-image .desktop-image {
    display: none; }
    @media print, screen and (min-width: 64em) {
      .product-header .header-image .desktop-image {
        display: block;
        position: absolute;
        width: 100%;
        top: 0px;
        left: 0px;
        height: 100%; } }
    .product-header .header-image .desktop-image img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
      object-position: 50% 50%;
      position: absolute; }
  .colour-blue .product-header .colours > div h3 {
    color: #003EAB;
    /*
	@supports not (color: color(display-p3 1 1 1)) {
		color: inherit;
		background-image: url(images/p3-blue.png);
		background-size: cover;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
*/ }

.buy-hide {
  display: none !important; }

.shopify-buy-cart-wrapper {
  z-index: 50000; }

.buy-button .shopify-buy__btn-wrapper button {
  font-family: "Odudo-SemiBold", "Arial Black", "Arial Bold", arial, sans-serif !important;
  font-size: 1.5rem;
  -webkit-appearance: none;
  background-color: #FA3731;
  /*
	@supports not (color: color(display-p3 1 1 1)) {
		
		background-image: url(images/p3-red.png);
		background-size: cover;
	}
*/
  color: #FFFFFF;
  border: 3px solid #FFFFFF;
  display: block;
  margin: 0;
  width: 100%;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  height: 5rem;
  box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.3);
  margin-top: 1rem;
  cursor: pointer;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease; }
  .buy-button .shopify-buy__btn-wrapper button * {
    color: #FFFFFF; }
  .buy-button .shopify-buy__btn-wrapper button:hover {
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    transform: translateY(0.125rem); }
  @media print, screen and (max-width: 63.99875em) {
    .buy-button .shopify-buy__btn-wrapper button {
      line-height: 1em; } }
.colour-blue .buy-button .shopify-buy__btn-wrapper button {
  background-color: #003EAB;
  color: #FFFFFF;
  /*
	@supports not (color: color(display-p3 1 1 1)) {
		
		background-image: url(images/p3-blue.png);
		background-size: cover;
	}
*/ }

.buy-gift-button .shopify-buy__btn-wrapper button {
  font-family: "Odudo-SemiBold", "Arial Black", "Arial Bold", arial, sans-serif !important;
  font-size: 1.5rem;
  -webkit-appearance: none;
  background: transparent;
  border: none;
  color: #FFFFFF;
  display: block;
  margin: 0;
  width: 100%;
  margin-top: 2rem;
  cursor: pointer;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  text-decoration: underline; }
  @media print, screen and (max-width: 63.99875em) {
    .buy-gift-button .shopify-buy__btn-wrapper button {
      line-height: 1em;
      color: #FA3731;
      /*
	@supports not (color: color(display-p3 1 1 1)) {
		color: inherit;
		background-image: url(images/p3-red.png);
		background-size: cover; 
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
*/ }
      .colour-blue .buy-gift-button .shopify-buy__btn-wrapper button {
        color: #003EAB;
        /*
	@supports not (color: color(display-p3 1 1 1)) {
		color: inherit;
		background-image: url(images/p3-blue.png);
		background-size: cover;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
*/ } }
.details-header .tape {
  -ms-transform: rotate(-4deg);
  -webkit-transform: rotate(-4deg);
  transform: rotate(-4deg);
  height: 9.5rem;
  margin-bottom: -4.75rem;
  margin-top: 3rem;
  display: none; }
  @media print, screen and (min-width: 64em) {
    .details-header .tape {
      margin-top: -4.75rem;
      display: block; } }
.details-header .heading h2 {
  font-family: "Odudo-SemiBold", "Arial Black", "Arial Bold", arial, sans-serif;
  color: inherit; }

@media print, screen and (max-width: 63.99875em) {
  .details-header .heading {
    margin-top: 90px; }
    .details-header .heading h2 {
      color: #FA3731;
      /*
	@supports not (color: color(display-p3 1 1 1)) {
		color: inherit;
		background-image: url(images/p3-red.png);
		background-size: cover; 
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
*/
      font-size: 1.875rem;
      padding-right: 30px;
      padding-left: 30px;
      text-align: center; } }

@media print, screen and (min-width: 64em) {
  .details-header .heading {
    background-color: #FA3731;
    /*
	@supports not (color: color(display-p3 1 1 1)) {
		
		background-image: url(images/p3-red.png);
		background-size: cover;
	}
*/
    -ms-transform: rotate(4deg);
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
    margin-left: -5rem;
    margin-right: -5rem;
    padding-left: 5rem;
    padding-right: 5rem;
    height: 9.5rem;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center; }
    .details-header .heading * {
      color: #FFFFFF; }
    .details-header .heading h2 {
      font-size: 3rem; } }

@media print, screen and (min-width: 64em) {
  .colour-blue .details-header .heading {
    background-color: #003EAB;
    color: #FFFFFF;
    /*
	@supports not (color: color(display-p3 1 1 1)) {
		
		background-image: url(images/p3-blue.png);
		background-size: cover;
	}
*/ } }

@media print, screen and (max-width: 63.99875em) {
  .colour-blue .details-header .heading h2 {
    color: #003EAB;
    /*
	@supports not (color: color(display-p3 1 1 1)) {
		color: inherit;
		background-image: url(images/p3-blue.png);
		background-size: cover;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
*/ } }

.container.product-items {
  padding-top: 30px; }
  @media print, screen and (min-width: 64em) {
    .container.product-items {
      padding-top: 9rem; } }
.row.product-item {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 3.5rem; }
  @media print, screen and (min-width: 64em) {
    .row.product-item {
      padding-left: 25px;
      padding-right: 25px; } }
  @media print, screen and (min-width: 64em) {
    .row.product-item .gallery {
      width: calc(50% - 1.5625rem);
      order: 2; } }
  .row.product-item .gallery ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    background: transparent url(images/nopla-red-45deg.svg);
    background-size: 2%; }
    .row.product-item .gallery ul.images-1 {
      grid-template-columns: 1fr; }
    @media print, screen and (min-width: 64em) {
      .row.product-item .gallery ul.images-2 li {
        position: relative;
        padding-bottom: 150%; } }
  .row.product-item .contents-text a {
    border-bottom: 2px solid;
    color: inherit; }
    .row.product-item .contents-text a:hover {
      opacity: 0.666; }
  @media print, screen and (min-width: 64em) {
    .row.product-item .contents-text {
      width: calc(50% + 1.5625rem);
      order: 1;
      margin-top: 9rem; } }
  .row.product-item .details {
    margin-top: 25px;
    position: relative;
    z-index: 2; }
    @media print, screen and (max-width: 63.99875em) {
      .row.product-item .details {
        width: calc(100% + 30px);
        margin-right: -30px; } }
    @media print, screen and (min-width: 64em) {
      .row.product-item .details {
        padding-left: 3.5rem; } }
    .row.product-item .details > div {
      color: #FA3731;
      /*
	@supports not (color: color(display-p3 1 1 1)) {
		color: inherit;
		background-image: url(images/p3-red.png);
		background-size: cover; 
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
*/
      font-size: 0.875rem;
      border: 3px solid;
      padding: 1.5rem;
      padding-right: 3.5rem;
      background-color: #FFFFFF; }
      @media print, screen and (min-width: 64em) {
        .row.product-item .details > div {
          border: 5px solid;
          font-size: 1rem; } }
      .row.product-item .details > div li, .row.product-item .details > div p {
        font-size: inherit; }
        @media print, screen and (min-width: 64em) {
          .row.product-item .details > div li, .row.product-item .details > div p {
            margin-bottom: 1.5rem; } }
        .row.product-item .details > div li:last-of-type, .row.product-item .details > div p:last-of-type {
          margin-bottom: 0; }
  .row.product-item .overview {
    background-color: #FA3731;
    /*
	@supports not (color: color(display-p3 1 1 1)) {
		
		background-image: url(images/p3-red.png);
		background-size: cover;
	}
*/
    padding: 30px; }
    .row.product-item .overview * {
      color: #FFFFFF; }
    @media print, screen and (max-width: 63.99875em) {
      .row.product-item .overview {
        width: calc(100% + 30px);
        margin-left: -30px;
        padding-bottom: 120px;
        margin-bottom: -120px; } }
    @media print, screen and (min-width: 64em) {
      .row.product-item .overview {
        padding-left: 5rem;
        padding-right: 3.5rem;
        padding-bottom: 6.5rem;
        margin-bottom: -6.5rem;
        padding-top: 5rem; } }
    .row.product-item .overview * {
      color: #FFFFFF; }
    .row.product-item .overview .icon {
      width: 5.25rem;
      height: 5.25rem;
      border: 2px solid #FFFFFF;
      border-radius: 50%;
      padding: 0;
      margin-bottom: 22.5px;
      clip-path: circle(2.625rem at center); }
      @media print, screen and (min-width: 64em) {
        .row.product-item .overview .icon {
          border-width: 4px;
          width: 6.5rem;
          height: 6.5rem;
          margin-bottom: 1.5rem;
          clip-path: circle(3.25rem at center); } }
      .row.product-item .overview .icon img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        object-position: 50% 50%; }
    .row.product-item .overview h3 {
      font-size: 1.5rem;
      margin-bottom: 1em;
      font-family: "Odudo-SemiBold", "Arial Black", "Arial Bold", arial, sans-serif; }
      @media print, screen and (min-width: 64em) {
        .row.product-item .overview h3 {
          font-size: 2.25rem; } }
    .row.product-item .overview h3, .row.product-item .overview p {
      margin-bottom: 1.5rem; }
    .row.product-item .overview p:last-of-type {
      margin-bottom: 0px; }
    @media print, screen and (max-width: 63.99875em) {
      .row.product-item .overview p {
        font-size: 1rem; } }
  .colour-blue .row.product-item .gallery ul {
    background: transparent url(images/nopla-blue-45deg.svg);
    background-size: 2%; }
  .colour-blue .row.product-item .details > div {
    color: #003EAB;
    /*
	@supports not (color: color(display-p3 1 1 1)) {
		color: inherit;
		background-image: url(images/p3-blue.png);
		background-size: cover;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
*/ }
    .colour-blue .row.product-item .details > div * {
      color: inherit !important; }
  .colour-blue .row.product-item .overview {
    background-color: #003EAB;
    color: #FFFFFF;
    /*
	@supports not (color: color(display-p3 1 1 1)) {
		
		background-image: url(images/p3-blue.png);
		background-size: cover;
	}
*/ }

body:not(.page-template-homepage):not(.single-product) main {
  padding-top: 9rem; }

.shop-listing .item {
  flex: 0 0 auto;
  width: calc(100% - 1.875rem);
  margin-left: 0.9375rem;
  margin-right: 0.9375rem;
  margin-bottom: 60px; }
  @media print, screen and (min-width: 40em) {
    .shop-listing .item {
      flex: 0 0 auto;
      width: calc(50% - 1.875rem);
      margin-left: 0.9375rem;
      margin-right: 0.9375rem; } }
  @media print, screen and (min-width: 64em) {
    .shop-listing .item {
      flex: 0 0 auto;
      width: calc(41.6666666667% - 3.125rem);
      margin-left: 1.5625rem;
      margin-right: 1.5625rem; }
      .shop-listing .item:nth-of-type(odd) {
        margin-left: calc(8.3333333333% + 1.5625rem); } }
.shop-listing .image img {
  margin-bottom: 1.5rem; }

.shop-listing h3 {
  font-family: "Odudo-SemiBold", "Arial Black", "Arial Bold", arial, sans-serif;
  font-size: 1.5rem;
  position: relative; }
  @media print, screen and (min-width: 64em) {
    .shop-listing h3 {
      font-size: 2.25rem; } }
  .shop-listing h3 span {
    font-size: 1.5rem;
    position: absolute;
    display: inline-block;
    border: 4px solid;
    padding: 0.5rem 0.75rem;
    left: -1rem;
    top: -3.5rem;
    transform: rotate(-4deg);
    background-color: #FFFFFF; }
    .shop-listing h3 span i {
      border: 0;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px; }

.shop-listing .colours span {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.shop-listing .colours img {
  width: 1.5rem;
  height: auto; }

.shop-listing .excerpt {
  color: #FA3731;
  /*
	@supports not (color: color(display-p3 1 1 1)) {
		color: inherit;
		background-image: url(images/p3-red.png);
		background-size: cover; 
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
*/
  margin-top: 1.75rem;
  padding-top: 1.75rem;
  border-top: 4px solid; }
  @media print, screen and (max-width: 63.99875em) {
    .shop-listing .excerpt {
      margin-top: 15px;
      padding-top: 15px; } }
  @media print, screen and (max-width: 63.99875em) {
    .shop-listing .excerpt p {
      font-size: 1rem; } }
.shop-listing .details {
  display: flex;
  align-items: center;
  flex-direction: row;
  margin-top: 1rem; }

.shop-listing .original-price {
  font-family: "Odudo-SemiBold", "Arial Black", "Arial Bold", arial, sans-serif;
  font-weight: normal;
  font-size: 1.5rem;
  margin-right: 0.5rem; }
  .shop-listing .original-price s {
    position: relative;
    display: inline-block;
    text-decoration: none; }
    .shop-listing .original-price s:after {
      display: block;
      position: absolute;
      background-color: #FA3731;
      height: 4px;
      width: 2rem;
      content: " ";
      width: calc(100% + 0.5rem);
      -ms-transform: rotate(-4deg);
      -webkit-transform: rotate(-4deg);
      transform: rotate(-4deg);
      top: 50%;
      left: -0.25rem;
      mix-blend-mode: multiply; }
  .shop-listing .original-price i {
    font-style: normal;
    opacity: 0.5; }

.shop-listing .price {
  background-color: #FA3731;
  /*
	@supports not (color: color(display-p3 1 1 1)) {
		
		background-image: url(images/p3-red.png);
		background-size: cover;
	}
*/
  display: inline-block;
  color: #FFFFFF;
  padding: 0.5rem 0.75rem; }
  .shop-listing .price * {
    color: #FFFFFF; }
  .shop-listing .price strong {
    color: inherit;
    font-family: "Odudo-SemiBold", "Arial Black", "Arial Bold", arial, sans-serif;
    font-weight: normal;
    font-size: 1.5rem; }

.shop-listing h4 {
  display: inline-block;
  text-transform: capitalize;
  font-size: 1rem; }
  @media print, screen and (min-width: 64em) {
    .shop-listing h4 {
      font-size: 1.125rem; } }
.shop-listing .colours {
  flex-grow: 1;
  display: flex;
  align-items: center; }
  .shop-listing .colours ul {
    display: inline-block; }
    .shop-listing .colours ul li {
      margin-left: 0.5em;
      display: block;
      float: left; }
      @media print, screen and (max-width: 63.99875em) {
        .shop-listing .colours ul li {
          width: 2rem;
          height: 2rem; } }
      .shop-listing .colours ul li img {
        display: block;
        width: 100%;
        height: 100%; }

.shop-filters {
  font-family: "Odudo-SemiBold", "Arial Black", "Arial Bold", arial, sans-serif; }
  .shop-filters .row > div {
    flex: 0 0 auto;
    width: calc(100% - 1.875rem);
    margin-left: 0.9375rem;
    margin-right: 0.9375rem;
    text-align: center; }
    .shop-filters .row > div .alm-filters-container {
      display: flex !important;
      flex-wrap: wrap;
      justify-content: space-around;
      width: 100%;
      justify-content: center !important; }
      .shop-filters .row > div .alm-filters-container .alm-filter {
        display: flex;
        flex-wrap: wrap;
        order: 2 !important;
        justify-content: space-around; }
        .shop-filters .row > div .alm-filters-container .alm-filter ul {
          display: flex !important;
          justify-content: space-around;
          flex-wrap: wrap;
          order: 2 !important; }
      .shop-filters .row > div .alm-filters-container .alm-filters--controls {
        width: auto !important;
        order: 1 !important;
        align-items: flex-start !important; }
      .shop-filters .row > div .alm-filters-container button {
        -webkit-appearance: none;
        height: 3.125rem !important;
        line-height: 0px !important; }
        @media print, screen and (max-width: 63.99875em) {
          .shop-filters .row > div .alm-filters-container button {
            height: 2.66rem !important; } }
      .shop-filters .row > div .alm-filters-container .hidden {
        display: block;
        background-color: #FA3731;
        color: #FFFFFF !important; }
  .shop-filters li.alm-filter--radio {
    display: inline !important; }
    .shop-filters li.alm-filter--radio .active {
      background-color: #FA3731;
      color: #FFFFFF !important; }
  .shop-filters .alm-filter--link, .shop-filters button {
    color: inherit !important;
    font-family: "Odudo-SemiBold", "Arial Black", "Arial Bold", arial, sans-serif;
    font-size: 1.5rem !important;
    padding: 0.25rem 0.75rem !important;
    border: 4px solid #FA3731 !important;
    display: inline-block !important;
    float: left;
    color: #FA3731 !important;
    -webkit-appearance: none !important;
    border-radius: 0px !important;
    height: auto !important;
    line-height: auto !important;
    margin-left: 1rem !important;
    margin-right: 1rem !important; }
    @media print, screen and (max-width: 63.99875em) {
      .shop-filters .alm-filter--link, .shop-filters button {
        font-size: 1.125rem !important;
        margin-left: 0.5rem !important;
        margin-right: 0.5rem !important;
        padding: 0.25rem 0.5rem !important; } }
    .shop-filters .alm-filter--link:before, .shop-filters .alm-filter--link:after, .shop-filters button:before, .shop-filters button:after {
      display: none !important; }

.generic-content .featured-image {
  margin-top: -10.25rem; }
  @media print, screen and (max-width: 63.99875em) {
    .generic-content .featured-image {
      padding: 0;
      margin-top: calc(-100px); } }
  @media print, screen and (min-width: 64em) {
    .generic-content .featured-image .row > div {
      flex: 0 0 auto;
      width: calc(83.3333333333% - 3.125rem);
      margin-left: 1.5625rem;
      margin-right: 1.5625rem;
      margin-left: calc(8.3333333333% + 1.5625rem); } }
.generic-content .text-content .row > div {
  color: #FA3731;
  /*
	@supports not (color: color(display-p3 1 1 1)) {
		color: inherit;
		background-image: url(images/p3-red.png);
		background-size: cover; 
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
*/
  flex: 0 0 auto;
  width: calc(100% - 1.875rem);
  margin-left: 0.9375rem;
  margin-right: 0.9375rem;
  margin-top: 3.5rem;
  padding-top: 2.5rem;
  border-top: 4px solid; }
  @media print, screen and (min-width: 64em) {
    .generic-content .text-content .row > div {
      flex: 0 0 auto;
      width: calc(50% - 3.125rem);
      margin-left: 1.5625rem;
      margin-right: 1.5625rem;
      margin-left: calc(25% + 1.5625rem); } }
  .generic-content .text-content .row > div p:first-of-type {
    font-size: 1.5rem;
    font-family: 'Nexa-Bold';
    margin-bottom: 2.5rem; }

.team {
  background-color: #FA3731;
  /*
	@supports not (color: color(display-p3 1 1 1)) {
		
		background-image: url(images/p3-red.png);
		background-size: cover;
	}
*/
  margin-top: 5rem;
  padding-top: 60px;
  padding-bottom: 90px; }
  .team * {
    color: #FFFFFF; }
  @media print, screen and (min-width: 64em) {
    .team {
      padding-top: 6rem;
      padding-bottom: 20rem; } }
  .team .person {
    flex: 0 0 auto;
    width: calc(66.6666666667% - 1.875rem);
    margin-left: 0.9375rem;
    margin-right: 0.9375rem; }
    @media print, screen and (max-width: 63.99875em) {
      .team .person {
        margin-bottom: 60px; }
        .team .person:nth-of-type(even) {
          margin-left: calc(33.3333333333% + 0.9375rem); } }
    @media print, screen and (min-width: 64em) {
      .team .person {
        flex: 0 0 auto;
        width: calc(33.3333333333% - 3.125rem);
        margin-left: 1.5625rem;
        margin-right: 1.5625rem; } }
  .team h3 {
    font-size: 1.5rem;
    font-family: "Odudo-SemiBold", "Arial Black", "Arial Bold", arial, sans-serif;
    margin-top: 15px; }
    @media print, screen and (min-width: 64em) {
      .team h3 {
        margin-top: 2.5rem; } }
  @media print, screen and (max-width: 63.99875em) {
    .team p {
      font-size: 1rem; } }
@media print, screen and (min-width: 64em) {
  .page-shop .page-header {
    margin-bottom: 100px; }
  .page-shop .shop-filters {
    margin-bottom: 50px; } }

.page-about .page-header.midpage, .page-nopla-about-us .page-header.midpage {
  background-color: #FA3731;
  /*
	@supports not (color: color(display-p3 1 1 1)) {
		
		background-image: url(images/p3-red.png);
		background-size: cover;
	}
*/ }
  .page-about .page-header.midpage *, .page-nopla-about-us .page-header.midpage * {
    color: #FFFFFF; }
  .page-about .page-header.midpage div, .page-nopla-about-us .page-header.midpage div {
    position: relative; }
    .page-about .page-header.midpage div:first-of-type, .page-nopla-about-us .page-header.midpage div:first-of-type {
      margin-top: -4rem;
      margin-bottom: -3.5rem;
      background-color: #FFFFFF; }
      @media print, screen and (max-width: 63.99875em) {
        .page-about .page-header.midpage div:first-of-type, .page-nopla-about-us .page-header.midpage div:first-of-type {
          margin-bottom: -5rem;
          z-index: 20; } }
.page-about .featured-news, .page-nopla-about-us .featured-news {
  background-color: #FA3731;
  /*
	@supports not (color: color(display-p3 1 1 1)) {
		
		background-image: url(images/p3-red.png);
		background-size: cover;
	}
*/
  z-index: 2;
  position: relative;
  padding-top: 60px;
  padding-bottom: 0;
  /*
		&:before {
			content: " ";
			@include tilt-left;
			right: -$column-gutter-small;
			background-color: pink;
			width: 100%;
			height: 200px;
			display: block;
			position: absolute;
			z-index: 0;
			top: -$column-gutter-small;
			height: $column-gutter-small*2;
		}
*/ }
  .page-about .featured-news *, .page-nopla-about-us .featured-news * {
    color: #FFFFFF; }
  @media print, screen and (min-width: 64em) {
    .page-about .featured-news, .page-nopla-about-us .featured-news {
      padding-top: 3rem;
      padding-bottom: 6rem; } }
  .page-about .featured-news .news-item a div.text, .page-nopla-about-us .featured-news .news-item a div.text {
    background: #FFFFFF !important;
    color: #FA3731;
    /*
	@supports not (color: color(display-p3 1 1 1)) {
		color: inherit;
		background-image: url(images/p3-red.png);
		background-size: cover; 
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
*/ }
    .page-about .featured-news .news-item a div.text h3, .page-about .featured-news .news-item a div.text p, .page-nopla-about-us .featured-news .news-item a div.text h3, .page-nopla-about-us .featured-news .news-item a div.text p {
      color: inherit !important; }
  .page-about .featured-news .news-item a div.bg, .page-nopla-about-us .featured-news .news-item a div.bg {
    background: url("images/3d-rectangle-darker.svg") 0 0 no-repeat; }
  .page-about .featured-news .news-item:nth-of-type(even) a div.bg, .page-nopla-about-us .featured-news .news-item:nth-of-type(even) a div.bg {
    background: url("images/3d-rectangle-flip-darker.svg") 0 0 no-repeat; }

.page:not(.page-nopla-about-us) .page-header.midpage {
  margin-top: 5rem; }
  @media print, screen and (min-width: 40em) {
    .page:not(.page-nopla-about-us) .page-header.midpage {
      margin-top: 10rem; } }
.page:not(.page-nopla-about-us) .featured-news {
  margin-top: 5rem; }

.faq-category {
  background-color: #FA3731;
  /*
	@supports not (color: color(display-p3 1 1 1)) {
		
		background-image: url(images/p3-red.png);
		background-size: cover;
	}
*/
  flex: 0 0 auto;
  width: calc(41.6666666667% - 1.875rem);
  margin-left: 0.9375rem;
  margin-right: 0.9375rem;
  padding: 15px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  flex: 0 0 auto;
  width: calc(100% - 1.875rem);
  margin-left: 0.9375rem;
  margin-right: 0.9375rem; }
  .faq-category * {
    color: #FFFFFF; }
  @media print, screen and (min-width: 64em) {
    .faq-category {
      flex: 0 0 auto;
      width: calc(41.6666666667% - 3.125rem);
      margin-left: 1.5625rem;
      margin-right: 1.5625rem;
      padding: 25px;
      padding-bottom: 50px;
      margin-bottom: 50px; }
      .faq-category:nth-of-type(odd) {
        margin-left: calc(8.3333333333% + 1.5625rem); } }
  @media print, screen and (max-width: 63.99875em) {
    .faq-category p {
      font-size: 1rem; } }
  .faq-category h3 {
    font-family: "Odudo-SemiBold", "Arial Black", "Arial Bold", arial, sans-serif;
    font-size: 1.875rem;
    margin-bottom: 25px;
    background: url(images/arrow-right-white.svg) no-repeat right 0.666rem;
    background-size: 1.5rem; }
    @media print, screen and (min-width: 64em) {
      .faq-category h3 {
        font-size: 2.25rem;
        background: url(images/arrow-right-white.svg) no-repeat right 0.25rem;
        background-size: 2.625rem; } }
    .faq-category h3 a {
      display: block;
      padding-right: 2rem; }
      @media print, screen and (min-width: 64em) {
        .faq-category h3 a {
          padding-right: 3rem; } }
      .faq-category h3 a:hover {
        text-decoration: underline; }

@media print, screen and (max-width: 63.99875em) {
  div.fancybox-slide {
    width: calc(100% - 0px);
    padding: 30px; } }

.page-faqs .fancybox-content {
  max-width: 35.25rem !important; }

div.fancybox-infobar {
  color: white !important; }
  div.fancybox-infobar span {
    color: inherit !important; }

.fancybox-bg {
  opacity: 0.95 !important;
  background: #FA3731 !important; }
  @supports not (color: color(display-p3 1 1 1)) {
    .fancybox-bg {
      background-image: url(images/p3-red.png) !important;
      background-size: cover !important; } }

div.fancybox-container {
  z-index: 2000001 !important; }

.fancybox-content {
  background: transparent !important; }

body.tax-faq_category main {
  padding-top: 0px !important; }

body.tax-faq_category h1 {
  color: #FFFFFF;
  font-size: 1.875rem;
  font-family: "Odudo-SemiBold", "Arial Black", "Arial Bold", arial, sans-serif;
  margin-bottom: 25px; }
  @media print, screen and (max-width: 63.99875em) {
    body.tax-faq_category h1 {
      padding-right: 2rem; } }
  @media print, screen and (min-width: 64em) {
    body.tax-faq_category h1 {
      font-size: 2.25rem; } }
body.tax-faq_category .taxonomy-intro {
  position: relative; }
  body.tax-faq_category .taxonomy-intro p {
    color: #FFFFFF; }
    @media print, screen and (max-width: 63.99875em) {
      body.tax-faq_category .taxonomy-intro p {
        font-size: 1rem; } }
    body.tax-faq_category .taxonomy-intro p * {
      color: inherit; }
  body.tax-faq_category .taxonomy-intro .close-button {
    display: inline-block;
    color: #FFFFFF;
    font-size: 3rem;
    position: absolute;
    right: 0px;
    top: 0px; }

body.tax-faq_category .faq-item {
  margin-top: 30px;
  background: #FFFFFF;
  color: #FA3731;
  /*
	@supports not (color: color(display-p3 1 1 1)) {
		color: inherit;
		background-image: url(images/p3-red.png);
		background-size: cover; 
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
*/
  padding: 25px 1rem; }
  @media print, screen and (min-width: 64em) {
    body.tax-faq_category .faq-item {
      margin-top: 50px; } }
  body.tax-faq_category .faq-item h2 {
    font-size: 1.25rem;
    font-family: "Odudo-SemiBold", "Arial Black", "Arial Bold", arial, sans-serif;
    text-transform: none;
    margin-bottom: 1em; }
    @media print, screen and (min-width: 64em) {
      body.tax-faq_category .faq-item h2 {
        font-size: 1.5rem; } }
  body.tax-faq_category .faq-item span {
    text-transform: uppercase;
    display: inline; }
  body.tax-faq_category .faq-item p {
    margin-bottom: 1em; }
    @media print, screen and (max-width: 63.99875em) {
      body.tax-faq_category .faq-item p {
        font-size: 1rem; } }
    body.tax-faq_category .faq-item p:first-of-type:before {
      content: "A: "; }

.fancybox-button.fancybox-close-small {
  opacity: 1 !important;
  width: 2.5rem;
  height: 2.5rem;
  position: absolute !important;
  right: -0.5rem;
  top: 0;
  padding: 0 !important; }
  @media print, screen and (min-width: 64em) {
    .fancybox-button.fancybox-close-small {
      right: -5rem;
      top: -1rem;
      width: 4rem;
      height: 4rem; } }
  .fancybox-button.fancybox-close-small svg {
    color: #FFFFFF;
    width: 100% !important;
    height: 100% !important; }

.alm-btn-wrap {
  text-align: center; }
  @media print, screen and (max-width: 63.99875em) {
    .alm-btn-wrap {
      margin-top: 30px;
      margin-bottom: 60px; } }
  @media print, screen and (min-width: 64em) {
    .alm-btn-wrap {
      margin-top: 5rem; } }
button.alm-load-more-btn {
  color: #FA3731;
  /*
	@supports not (color: color(display-p3 1 1 1)) {
		color: inherit;
		background-image: url(images/p3-red.png);
		background-size: cover; 
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
*/
  border: 4px solid;
  font-size: 1.5rem;
  font-family: "Odudo-SemiBold", "Arial Black", "Arial Bold", arial, sans-serif;
  text-transform: lowercase;
  padding: 0.25rem 5rem 0.75rem 3rem;
  background: transparent url(images/arrow-down-red.svg) no-repeat right 3rem center;
  background-size: 1.25rem auto; }
  @media print, screen and (min-width: 64em) {
    button.alm-load-more-btn {
      padding: 0.25rem 6rem 0.75rem 3rem;
      font-size: 2.25rem;
      background: transparent url(images/arrow-down-red.svg) no-repeat right 3rem center;
      background-size: 2rem auto; } }
  button.alm-load-more-btn.done {
    background: transparent url(images/tick-red.svg) no-repeat right 3rem center;
    background-size: 1.5rem auto; }
    @media print, screen and (min-width: 64em) {
      button.alm-load-more-btn.done {
        background: transparent url(images/tick-red.svg) no-repeat right 3rem center;
        background-size: 2rem auto; } }
.author-social {
  flex: 0 0 auto;
  width: calc(100% - 1.875rem);
  margin-left: 0.9375rem;
  margin-right: 0.9375rem;
  font-family: "Odudo-SemiBold", "Arial Black", "Arial Bold", arial, sans-serif;
  text-transform: lowercase;
  color: #FA3731;
  /*
	@supports not (color: color(display-p3 1 1 1)) {
		color: inherit;
		background-image: url(images/p3-red.png);
		background-size: cover; 
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
*/
  border-bottom: 4px solid; }
  @media print, screen and (max-width: 63.99875em) {
    .author-social {
      margin-bottom: 15px;
      padding-bottom: 22.5px; }
      .author-social p {
        font-size: 1rem;
        margin-top: 30px !important;
        margin-bottom: 15px !important; } }
  @media print, screen and (min-width: 64em) {
    .author-social {
      flex: 0 0 auto;
      width: calc(50% - 3.125rem);
      margin-left: 1.5625rem;
      margin-right: 1.5625rem;
      margin-left: calc(25% + 1.5625rem);
      padding-bottom: 25px;
      margin-top: 25px;
      margin-bottom: 25px; }
      .author-social .social-sharing {
        margin-top: 0px !important;
        float: right; }
      .author-social > p {
        float: left;
        display: inline-block; }
        .author-social > p a {
          border-bottom: 2px solid; } }
@media print, screen and (min-width: 64em) {
  .social-sharing {
    text-align: right;
    float: right; } }

.social-sharing p, .social-sharing ul {
  display: inline;
  vertical-align: middle; }
  .social-sharing p li, .social-sharing ul li {
    display: inline;
    vertical-align: middle; }
    .social-sharing p li span, .social-sharing ul li span {
      border: 0;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px; }
    .social-sharing p li i, .social-sharing ul li i {
      font-size: 1.5rem;
      vertical-align: middle;
      margin-left: 0.5em; }
      @media print, screen and (min-width: 64em) {
        .social-sharing p li i, .social-sharing ul li i {
          font-size: 2rem; } }
footer.article-footer {
  font-size: 1rem; }
  footer.article-footer .separator {
    flex: 0 0 auto;
    width: calc(100% - 1.875rem);
    margin-left: 0.9375rem;
    margin-right: 0.9375rem; }
    @media print, screen and (min-width: 64em) {
      footer.article-footer .separator {
        flex: 0 0 auto;
        width: calc(100% - 3.125rem);
        margin-left: 1.5625rem;
        margin-right: 1.5625rem; } }
    footer.article-footer .separator hr {
      background-color: #FA3731;
      /*
	@supports not (color: color(display-p3 1 1 1)) {
		
		background-image: url(images/p3-red.png);
		background-size: cover;
	}
*/
      height: 4px;
      border: none;
      margin-bottom: 30px; }
      footer.article-footer .separator hr * {
        color: #FFFFFF; }
      @media print, screen and (min-width: 64em) {
        footer.article-footer .separator hr {
          margin-bottom: 50px; } }
  @media print, screen and (min-width: 64em) {
    footer.article-footer {
      font-size: 1.125rem; } }
  footer.article-footer .tags {
    flex: 0 0 auto;
    width: calc(100% - 1.875rem);
    margin-left: 0.9375rem;
    margin-right: 0.9375rem; }
    @media print, screen and (min-width: 64em) {
      footer.article-footer .tags {
        flex: 0 0 auto;
        width: calc(50% - 3.125rem);
        margin-left: 1.5625rem;
        margin-right: 1.5625rem; } }
    footer.article-footer .tags ul, footer.article-footer .tags li {
      display: inline; }
    footer.article-footer .tags h3, footer.article-footer .tags li {
      font-size: inherit; }
    footer.article-footer .tags h3 {
      font-family: "Odudo-SemiBold", "Arial Black", "Arial Bold", arial, sans-serif;
      margin-bottom: 0.25em; }
      @media print, screen and (min-width: 64em) {
        footer.article-footer .tags h3 {
          font-size: 1.5rem;
          margin-bottom: 25px; } }
    footer.article-footer .tags li {
      margin-right: 1rem; }
      footer.article-footer .tags li a {
        border-bottom: 2px solid; }
  footer.article-footer .social-sharing {
    flex: 0 0 auto;
    width: calc(100% - 1.875rem);
    margin-left: 0.9375rem;
    margin-right: 0.9375rem; }
    @media print, screen and (max-width: 63.99875em) {
      footer.article-footer .social-sharing {
        margin-top: 30px; } }
    @media print, screen and (min-width: 64em) {
      footer.article-footer .social-sharing {
        flex: 0 0 auto;
        width: calc(50% - 3.125rem);
        margin-left: 1.5625rem;
        margin-right: 1.5625rem;
        text-align: right; } }
    footer.article-footer .social-sharing p {
      font-size: inherit;
      font-family: "Odudo-SemiBold", "Arial Black", "Arial Bold", arial, sans-serif;
      text-transform: lowercase; }
      @media print, screen and (min-width: 64em) {
        footer.article-footer .social-sharing p {
          font-size: 1.5rem; } }
.gutenblock.paragraph {
  margin-top: 0em;
  margin-bottom: 0em; }
  .gutenblock.paragraph > div {
    flex: 0 0 auto;
    width: calc(100% - 1.875rem);
    margin-left: 0.9375rem;
    margin-right: 0.9375rem; }
    @media print, screen and (min-width: 64em) {
      .gutenblock.paragraph > div {
        flex: 0 0 auto;
        width: calc(50% - 3.125rem);
        margin-left: 1.5625rem;
        margin-right: 1.5625rem;
        margin-left: calc(25% + 1.5625rem); } }
.gutenberg-blocks > ul {
  display: flex;
  flex-flow: row wrap; }
  .gutenberg-blocks > ul li {
    flex: 0 0 auto;
    width: calc(100% - 1.875rem);
    margin-left: 0.9375rem;
    margin-right: 0.9375rem;
    border-left: 4px solid;
    padding-left: 2.5rem; }
    @media print, screen and (min-width: 64em) {
      .gutenberg-blocks > ul li {
        flex: 0 0 auto;
        width: calc(50% - 3.125rem);
        margin-left: 1.5625rem;
        margin-right: 1.5625rem;
        margin-left: calc(25% + 1.5625rem);
        padding-left: 3.5rem; } }
    .gutenberg-blocks > ul li:last-of-type {
      padding-bottom: 0px; }
    .gutenberg-blocks > ul li:before {
      content: "— ";
      position: absolute;
      margin-left: -1.5rem; }

.gutenberg-blocks > blockquote.wp-block-quote {
  display: flex;
  flex-flow: row wrap; }
  .gutenberg-blocks > blockquote.wp-block-quote p, .gutenberg-blocks > blockquote.wp-block-quote cite {
    flex: 0 0 auto;
    width: calc(100% - 1.875rem);
    margin-left: 0.9375rem;
    margin-right: 0.9375rem; }
    @media print, screen and (min-width: 64em) {
      .gutenberg-blocks > blockquote.wp-block-quote p, .gutenberg-blocks > blockquote.wp-block-quote cite {
        flex: 0 0 auto;
        width: calc(50% - 3.125rem);
        margin-left: 1.5625rem;
        margin-right: 1.5625rem;
        margin-left: calc(25% + 1.5625rem); } }
.wp-block-embed > div {
  flex: 0 0 auto;
  width: calc(100% - 1.875rem);
  margin-left: 0.9375rem;
  margin-right: 0.9375rem; }
  @media print, screen and (min-width: 64em) {
    .wp-block-embed > div {
      flex: 0 0 auto;
      width: calc(50% - 3.125rem);
      margin-left: 1.5625rem;
      margin-right: 1.5625rem;
      margin-left: calc(25% + 1.5625rem); } }
.gutenblock, .wp-block-quote, .wp-block-embed {
  margin-top: 1rem;
  margin-bottom: 1rem; }
  @media print, screen and (min-width: 64em) {
    .gutenblock, .wp-block-quote, .wp-block-embed {
      margin-top: 100px;
      margin-bottom: 100px; } }
.gutenberg-blocks .gutenblock.paragraph {
  margin-top: 1rem;
  margin-bottom: 1rem; }

.gutenberg-blocks > ul li {
  padding-bottom: 1rem; }

.generic-content blockquote {
  padding-top: 2rem; }

.generic-content blockquote p {
  margin-top: 1rem;
  padding-top: 3rem; }

@media print, screen and (min-width: 64em) {
  .textimage > div {
    flex: 0 0 auto;
    width: calc(50% - 3.125rem);
    margin-left: 1.5625rem;
    margin-right: 1.5625rem; } }

@media print, screen and (max-width: 63.99875em) {
  .textimage > div.image {
    width: calc(100% + 60px);
    margin-left: -30px;
    margin-right: -30px;
    margin-bottom: 1rem;
    margin-top: 2rem; } }

@media print, screen and (max-width: 63.99875em) {
  .textimage > div.text {
    flex: 0 0 auto;
    width: calc(100% - 1.875rem);
    margin-left: 0.9375rem;
    margin-right: 0.9375rem; } }

.textimage.onright .text {
  order: 2; }

.textimage.onright .image {
  order: 1; }

@media print, screen and (min-width: 64em) {
  .imageblock > div.image {
    flex: 0 0 auto;
    width: calc(50% - 3.125rem);
    margin-left: 1.5625rem;
    margin-right: 1.5625rem;
    margin-left: calc(25% + 1.5625rem); } }

.imageblock > div.image img {
  width: 100%;
  height: auto; }

@media print, screen and (max-width: 63.99875em) {
  .imageblock > div.image.extra {
    width: calc(100% + 60px);
    margin-left: -30px;
    margin-right: -30px; } }

@media print, screen and (min-width: 64em) {
  .imageblock > div.image.extra {
    flex: 0 0 auto;
    width: calc(100% - 3.125rem);
    margin-left: 1.5625rem;
    margin-right: 1.5625rem;
    margin-left: calc(0% + 1.5625rem); } }

.gallery-wrapper {
  flex: 0 0 auto;
  width: calc(100% - 1.875rem);
  margin-left: 0.9375rem;
  margin-right: 0.9375rem;
  display: grid;
  grid-gap: 50px;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px; }
  @media print, screen and (max-width: 39.99875em) {
    .gallery-wrapper {
      padding: 22.5px;
      margin-top: 1rem; } }
  @media print, screen and (min-width: 40em) {
    .gallery-wrapper {
      grid-template-columns: repeat(3, 1fr);
      grid-gap: 50px; } }
  @media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
    .gallery-wrapper {
      margin-top: 50px;
      margin-bottom: 50px; } }
  @media print, screen and (min-width: 64em) {
    .gallery-wrapper {
      flex: 0 0 auto;
      width: calc(50% - 3.125rem);
      margin-left: 1.5625rem;
      margin-right: 1.5625rem;
      margin-left: calc(25% + 1.5625rem); } }
  .block-editor-block-list__layout .gallery-wrapper {
    /*
		background-color: lime;
		@include xy-cell(6); 
		@include xy-cell-offset(3);
*/ }
  .gallery-wrapper .item {
    position: relative; }
    .gallery-wrapper .item img {
      -webkit-transition: all 0.25s ease;
      -moz-transition: all 0.25s ease;
      -o-transition: all 0.25s ease;
      transition: all 0.25s ease; }
    .gallery-wrapper .item:hover img {
      transform: translate(0.33rem, 0.33rem); }
    .gallery-wrapper .item:before {
      display: block;
      position: absolute;
      content: " ";
      background: url(images/3d-square.svg) no-repeat;
      width: 115%;
      height: 115%;
      z-index: -1;
      top: -15%;
      left: -15%; }
    .gallery-wrapper .item:nth-of-type(2):before {
      top: 0;
      left: 0; }
    @media print, screen and (min-width: 64em) {
      .gallery-wrapper .item:nth-of-type(3):before {
        transform: scaleX(-1);
        top: -15%;
        left: 0; }
      .gallery-wrapper .item:nth-of-type(3):hover img {
        transform: translate(0.33rem, -0.33rem); } }
    .gallery-wrapper .item:nth-of-type(4):before, .gallery-wrapper .item:nth-of-type(5):before, .gallery-wrapper .item:nth-of-type(6):before {
      transform: scaleX(-1);
      top: 0%;
      left: -15%; }
    .gallery-wrapper .item:nth-of-type(4):hover img, .gallery-wrapper .item:nth-of-type(5):hover img, .gallery-wrapper .item:nth-of-type(6):hover img {
      transform: translate(0.33rem, -0.33rem); }

.search-heading .row div {
  flex: 0 0 auto;
  width: calc(100% - 1.875rem);
  margin-left: 0.9375rem;
  margin-right: 0.9375rem;
  text-align: center;
  font-family: "Odudo-SemiBold", "Arial Black", "Arial Bold", arial, sans-serif;
  margin-bottom: 30px; }
  @media print, screen and (min-width: 64em) {
    .search-heading .row div {
      margin-bottom: 50px;
      font-size: 1.5rem; } }
.no-results {
  flex: 0 0 auto;
  width: calc(100% - 1.875rem);
  margin-left: 0.9375rem;
  margin-right: 0.9375rem;
  text-align: center;
  margin-top: 50px; }

.edit-post-visual-editor .editor-post-title__block,
.edit-post-visual-editor .editor-block-list__block,
.edit-post-visual-editor .wp-block {
  max-width: 1280px; }

button[aria-label="Change alignment"] {
  display: none !important; }

.edit-post-visual-editor .wp-block,
.edit-post-visual-editor .wp-block * {
  color: #23282E; }
  .edit-post-visual-editor .wp-block.rich-text, .edit-post-visual-editor .wp-block .editor-post-title__input,
  .edit-post-visual-editor .wp-block *.rich-text,
  .edit-post-visual-editor .wp-block * .editor-post-title__input {
    max-width: 35rem;
    margin-right: auto;
    margin-left: auto; }
  .edit-post-visual-editor .wp-block.wp-block-quote p,
  .edit-post-visual-editor .wp-block *.wp-block-quote p {
    font-size: 1.5rem; }
    .edit-post-visual-editor .wp-block.wp-block-quote p:before,
    .edit-post-visual-editor .wp-block *.wp-block-quote p:before {
      content: '"';
      margin-left: -0.5rem; }
  .edit-post-visual-editor .wp-block .textimage h1, .edit-post-visual-editor .wp-block .textimage h2, .edit-post-visual-editor .wp-block .textimage h3,
  .edit-post-visual-editor .wp-block * .textimage h1,
  .edit-post-visual-editor .wp-block * .textimage h2,
  .edit-post-visual-editor .wp-block * .textimage h3 {
    margin-top: 0px; }

.edit-post-visual-editor p, .edit-post-visual-editor li, .edit-post-visual-editor cite {
  font-family: "Nexa-Regular", arial, sans-serif !important; }

.edit-post-visual-editor strong {
  font-family: "Nexa-Heavy", "Arial Black", "Arial Bold", arial, sans-serif !important; }

.edit-post-visual-editor h1, .edit-post-visual-editor h2, .edit-post-visual-editor h3, .edit-post-visual-editor h4, .edit-post-visual-editor .editor-post-title__input {
  font-family: "Odudo-SemiBold", "Arial Black", "Arial Bold", arial, sans-serif !important; }

.edit-post-visual-editor .editor-post-title__input {
  text-align: center !important; }

footer.main {
  padding-top: 30px;
  overflow: hidden; }
  @media print, screen and (min-width: 40em) {
    footer.main {
      padding-top: 10rem; } }
  .page-about footer.main {
    background-color: #FA3731;
    /*
	@supports not (color: color(display-p3 1 1 1)) {
		
		background-image: url(images/p3-red.png);
		background-size: cover;
	}
*/ }
    .page-about footer.main * {
      color: #FFFFFF; }
    @media print, screen and (max-width: 63.99875em) {
      .page-about footer.main {
        padding-top: 60px; } }
    .page-about footer.main .insta-link a * {
      color: #FA3731;
      /*
	@supports not (color: color(display-p3 1 1 1)) {
		color: inherit;
		background-image: url(images/p3-red.png);
		background-size: cover; 
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
*/ }
    @media print, screen and (max-width: 63.99875em) {
      .page-about footer.main .insta-link {
        z-index: 0;
        position: relative;
        height: 4.5rem; }
        .page-about footer.main .insta-link:after {
          display: block;
          content: " ";
          width: 100%;
          height: 60px;
          background-color: white;
          top: 60px;
          left: 0px;
          position: absolute; } }
  footer.main ul li {
    display: inline-block; }
    footer.main ul li a {
      color: #FFFFFF;
      font-family: "Odudo-SemiBold", "Arial Black", "Arial Bold", arial, sans-serif;
      font-size: 1.125rem;
      text-transform: lowercase; }
  footer.main .footer-nav {
    background-color: #FA3731;
    /*
	@supports not (color: color(display-p3 1 1 1)) {
		
		background-image: url(images/p3-red.png);
		background-size: cover;
	}
*/
    padding-top: 90px;
    padding-bottom: 120px; }
    footer.main .footer-nav * {
      color: #FFFFFF; }
    @media print, screen and (min-width: 40em) {
      footer.main .footer-nav {
        padding-top: 12rem;
        padding-bottom: 2rem; } }
    footer.main .footer-nav .row > div {
      flex: 0 0 auto;
      width: calc(50% - 1.875rem);
      margin-left: 0.9375rem;
      margin-right: 0.9375rem; }
  footer.main ul.logos {
    text-align: right; }
    footer.main ul.logos span {
      border: 0;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px; }
    footer.main ul.logos li {
      margin: 0;
      padding: 0;
      display: inline-block;
      height: 2.75rem;
      position: relative;
      margin-left: 1rem;
      margin-top: -0.25rem; }
      @media print, screen and (min-width: 40em) {
        footer.main ul.logos li {
          height: 3.75rem;
          margin-left: 2rem;
          margin-top: -1.5rem; } }
    footer.main ul.logos img {
      height: 100% !important;
      width: auto !important;
      position: relative;
      max-height: 3.75rem; }
  footer.main h1 span, footer.main h2 span {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }
  footer.main h1 a, footer.main h2 a {
    color: #FFFFFF;
    background: url(images/nopla-white.svg) no-repeat 0 0;
    background-size: 100% auto;
    width: 6.625rem;
    height: 2.625rem;
    display: inline-block; }
    @media print, screen and (min-width: 64em) {
      footer.main h1 a, footer.main h2 a {
        width: 7.5rem;
        height: 3rem; } }
  footer.main h1, footer.main ul.logos {
    height: 4.25rem; }
  footer.main ul.logos {
    text-align: right; }
  footer.main ul.footer-menu li {
    margin-right: 2em; }
  @media print, screen and (max-width: 63.99875em) {
    footer.main ul.footer-menu {
      display: none; } }
  footer.main ul.social-menu {
    text-align: right; }
    @media print, screen and (max-width: 63.99875em) {
      footer.main ul.social-menu {
        display: none; } }
    footer.main ul.social-menu li {
      margin-left: 2em; }
  .colour-blue footer.main .footer-nav, footer.main.colour-blue .footer-nav {
    background-color: #003EAB;
    color: #FFFFFF;
    /*
	@supports not (color: color(display-p3 1 1 1)) {
		
		background-image: url(images/p3-blue.png);
		background-size: cover;
	}
*/ }

.insta-link {
  font-family: "Odudo-SemiBold", "Arial Black", "Arial Bold", arial, sans-serif;
  font-size: 1.25rem;
  height: 2rem;
  background-color: #FFFFFF;
  display: flex !important;
  flex-direction: row;
  align-content: flex-end;
  position: relative;
  -ms-transform: rotate(4deg);
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg);
  margin-left: -5rem;
  margin-right: -5rem;
  padding-left: 5rem;
  padding-right: 5rem;
  color: #FA3731;
  /*
	@supports not (color: color(display-p3 1 1 1)) {
		color: inherit;
		background-image: url(images/p3-red.png);
		background-size: cover; 
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
*/ }
  @media print, screen and (min-width: 64em) {
    .insta-link {
      font-size: 2.25rem;
      height: 9.5rem; } }
  .insta-link .container {
    align-self: center;
    width: 100%; }
    .insta-link .container .row div {
      flex: 0 0 auto;
      width: calc(100% - 1.875rem);
      margin-left: 0.9375rem;
      margin-right: 0.9375rem; }
  .insta-link a {
    display: flex; }
  .insta-link i {
    font-size: 2rem; }
    @media print, screen and (min-width: 64em) {
      .insta-link i {
        font-size: 3.5rem; } }
  .insta-link span {
    margin-left: 0.25em; }
  .colour-blue .insta-link {
    color: #003EAB;
    /*
	@supports not (color: color(display-p3 1 1 1)) {
		color: inherit;
		background-image: url(images/p3-blue.png);
		background-size: cover;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
*/ }
    .colour-blue .insta-link a {
      color: inherit; }

.instagram {
  height: 6.5rem;
  background: #FFFFFF url(images/nopla-red-45deg.svg);
  background-size: 1.6rem;
  position: relative;
  z-index: 2;
  -ms-transform: rotate(-4deg);
  -webkit-transform: rotate(-4deg);
  transform: rotate(-4deg);
  margin-left: -5rem;
  margin-right: -5rem;
  padding-left: 5rem;
  padding-right: 5rem;
  margin-top: -0rem;
  margin-bottom: -3rem; }
  @media print, screen and (min-width: 64em) {
    .instagram {
      height: 9.5rem;
      margin-top: -6rem;
      margin-bottom: -3rem; } }
  .instagram .container {
    height: 100%;
    text-align: center; }
    .instagram .container > div {
      display: block;
      position: relative;
      height: 100%; }
      @media print, screen and (max-width: 39.99875em) {
        .instagram .container > div {
          min-width: 25rem;
          width: 120%;
          margin-left: -2rem; } }
  .instagram #sb_instagram.sbi {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .instagram #sb_instagram #sbi_images {
    display: flex;
    justify-content: space-between; }
    .instagram #sb_instagram #sbi_images .sbi_item {
      display: block;
      max-width: 6.25rem !important;
      max-height: 6.25rem !important;
      margin-top: auto;
      margin-bottom: auto;
      margin-left: 1rem !important;
      margin-right: 1rem !important;
      outline: 4px solid #FFFFFF; }
      @media print, screen and (max-width: 39.99875em) {
        .instagram #sb_instagram #sbi_images .sbi_item {
          margin-left: 0.5rem !important;
          margin-right: 0.5rem !important;
          max-width: 4.25rem !important;
          max-height: 4.25rem !important; }
          .instagram #sb_instagram #sbi_images .sbi_item svg {
            display: none !important; } }
      @media (min-width: 800px) {
        .instagram #sb_instagram #sbi_images .sbi_item {
          display: block !important; } }
      @media (min-width: 640px) {
        .instagram #sb_instagram #sbi_images .sbi_item {
          display: none; }
          .instagram #sb_instagram #sbi_images .sbi_item:nth-child(-n+8) {
            display: block; } }
      @media (min-width: 500px) {
        .instagram #sb_instagram #sbi_images .sbi_item {
          display: none; }
          .instagram #sb_instagram #sbi_images .sbi_item:nth-child(-n+7) {
            display: block; } }
      @media (min-width: 400px) {
        .instagram #sb_instagram #sbi_images .sbi_item {
          display: none; }
          .instagram #sb_instagram #sbi_images .sbi_item:nth-child(-n+6) {
            display: block; } }
      @media (min-width: 0px) {
        .instagram #sb_instagram #sbi_images .sbi_item {
          display: none; }
          .instagram #sb_instagram #sbi_images .sbi_item:nth-child(-n+5) {
            display: block; } }
      .instagram #sb_instagram #sbi_images .sbi_item:hover {
        transform: scale(1.75, 1.75) rotate(4deg);
        z-index: 2; }
      .instagram #sb_instagram #sbi_images .sbi_item * {
        opacity: 1 !important; }
      .instagram #sb_instagram #sbi_images .sbi_item:first-of-type {
        margin-left: 0rem !important; }
      .instagram #sb_instagram #sbi_images .sbi_item:last-of-type {
        margin-right: 0rem !important; }
  .colour-blue .instagram {
    background: #FFFFFF url(images/nopla-blue-45deg.svg);
    background-size: 1.6rem; }