/*@pt-sans: 'PT Sans', sans-serif;
@open-sans: 'Open Sans', sans-serif;
@gothic: 'Gothic A1', sans-serif;*/
/*@droid-sans: 'Droid Sans', sans-serif;
@flood-std: 'Flood Std', sans-serif;
@caveat: 'Caveat', sans-serif;
@pt-serif: 'PT Serif','Georgia', 'Times', 'Times New Roman', serif;*/
/*@color-senary: @light-medium-grey;
@color-septenary: @very-light-grey;
@color-octonary: @trans-dark-grey;
@color-nonary: @white;
@color-denary: @medium-light-grey;*/
/*@color-quaternary: rgba(186,186,186,0.6);
@trans-dark-grey: rgba(53, 53, 53, 0.9);
@color-quaternary: #6c6c6c;
@medium-light-grey: #F8F7F7;
@color-quaternary: #c9c9c9;
@light-medium-grey: #dedfde;
@light-grey: #ececec;
@very-light-grey: #f6f6f6;*/
/* FLEX */
.flex-wrapper,
.display-flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /*.article-wrapper {
        padding: @default-padding*0.5;
    }*/
}
.flex-wrapper.no-wrap,
.display-flex.no-wrap {
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
@media (max-width: 850px) {
  .flex-wrapper.wrap-mobile,
  .display-flex.wrap-mobile {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.flex-wrapper.flex-direction-col,
.display-flex.flex-direction-col {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.flex-wrapper.flex-direction-col-rev,
.display-flex.flex-direction-col-rev {
  -webkit-flex-direction: column-reverse;
  -moz-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.flex-wrapper.flex-direction-row,
.display-flex.flex-direction-row {
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
@media (max-width: 850px) {
  .flex-wrapper.flex-direction-row-mobile,
  .display-flex.flex-direction-row-mobile {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
@media (max-width: 850px) {
  .flex-wrapper.flex-direction-col-mobile,
  .display-flex.flex-direction-col-mobile {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media (max-width: 1024px) {
  .flex-wrapper.flex-direction-col-tablet,
  .display-flex.flex-direction-col-tablet {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media (max-width: 850px) {
  .flex-wrapper.flex-direction-col-rev-mobile,
  .display-flex.flex-direction-col-rev-mobile {
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
.flex-wrapper .quarter,
.display-flex .quarter {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 25%;
}
@media (max-width: 850px) {
  .flex-wrapper .quarter,
  .display-flex .quarter {
    width: 100%;
  }
}
.flex-wrapper .half,
.display-flex .half {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 50%;
}
@media (max-width: 850px) {
  .flex-wrapper .half,
  .display-flex .half {
    width: 100%;
  }
}
.flex-wrapper .half-quarter,
.display-flex .half-quarter {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 75%;
}
@media (max-width: 850px) {
  .flex-wrapper .half-quarter,
  .display-flex .half-quarter {
    width: 100%;
  }
}
.flex-wrapper .flex-basis-auto,
.display-flex .flex-basis-auto {
  -webkit-flex-basis: auto;
  -moz-flex-basis: auto;
  -ms-flex-basis: auto;
  flex-basis: auto;
}
.flex-wrapper .flex-basis-p10,
.display-flex .flex-basis-p10 {
  -webkit-flex-basis: 10%;
  -moz-flex-basis: 10%;
  -ms-flex-basis: 10%;
  flex-basis: 10%;
}
.flex-wrapper .flex-basis-p20,
.display-flex .flex-basis-p20 {
  -webkit-flex-basis: 20%;
  -moz-flex-basis: 20%;
  -ms-flex-basis: 20%;
  flex-basis: 20%;
}
.flex-wrapper .flex-basis-p30,
.display-flex .flex-basis-p30 {
  -webkit-flex-basis: 30%;
  -moz-flex-basis: 30%;
  -ms-flex-basis: 30%;
  flex-basis: 30%;
}
.flex-wrapper .flex-basis-p40,
.display-flex .flex-basis-p40 {
  -webkit-flex-basis: 40%;
  -moz-flex-basis: 40%;
  -ms-flex-basis: 40%;
  flex-basis: 40%;
}
.flex-wrapper .flex-basis-p50,
.display-flex .flex-basis-p50 {
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  -ms-flex-basis: 50%;
  flex-basis: 50%;
}
.flex-wrapper .flex-basis-p60,
.display-flex .flex-basis-p60 {
  -webkit-flex-basis: 60%;
  -moz-flex-basis: 60%;
  -ms-flex-basis: 60%;
  flex-basis: 60%;
}
.flex-wrapper .flex-basis-p70,
.display-flex .flex-basis-p70 {
  -webkit-flex-basis: 70%;
  -moz-flex-basis: 70%;
  -ms-flex-basis: 70%;
  flex-basis: 70%;
}
.flex-wrapper .flex-basis-p80,
.display-flex .flex-basis-p80 {
  -webkit-flex-basis: 80%;
  -moz-flex-basis: 80%;
  -ms-flex-basis: 80%;
  flex-basis: 80%;
}
.flex-wrapper .flex-basis-p90,
.display-flex .flex-basis-p90 {
  -webkit-flex-basis: 90%;
  -moz-flex-basis: 90%;
  -ms-flex-basis: 90%;
  flex-basis: 90%;
}
.flex-wrapper .flex-basis-p100,
.display-flex .flex-basis-p100 {
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  -ms-flex-basis: 100%;
  flex-basis: 100%;
}
.flex-wrapper .flex-grow-0,
.display-flex .flex-grow-0 {
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-grow: 0;
  flex-grow: 0;
}
.flex-wrapper .flex-grow-1,
.display-flex .flex-grow-1 {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
}
.flex-wrapper .flex-grow-2,
.display-flex .flex-grow-2 {
  -webkit-flex-grow: 2;
  -moz-flex-grow: 2;
  -ms-flex-grow: 2;
  flex-grow: 2;
}
.flex-wrapper .flex-grow-3,
.display-flex .flex-grow-3 {
  -webkit-flex-grow: 3;
  -moz-flex-grow: 3;
  -ms-flex-grow: 3;
  flex-grow: 3;
}
.flex-wrapper .flex-shrink-0,
.display-flex .flex-shrink-0 {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
}
.flex-wrapper .flex-shrink-1,
.display-flex .flex-shrink-1 {
  -webkit-flex-shrink: 1;
  -moz-flex-shrink: 1;
  -ms-flex-shrink: 1;
  flex-shrink: 1;
}
.flex-col-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
/* GRID */
.display-grid {
  display: grid;
}
.grid {
  display: grid;
}
.inline-grid {
  display: inline-grid;
}
.grid,
.inline-grid {
  grid-gap: 14px;
  grid-template-columns: repeat(12, minmax(auto, 1fr));
  list-style: none;
}
.grid.g1,
.inline-grid.g1 {
  grid-template-columns: repeat(1, minmax(auto, 1fr));
}
.grid.g1 > .sixth,
.inline-grid.g1 > .sixth {
  grid-column-end: span 1;
}
@media (max-width: 1024px) {
  .grid.g1 > .sixth-tablet,
  .inline-grid.g1 > .sixth-tablet {
    grid-column-end: span 1;
  }
}
@media (max-width: 850px) {
  .grid.g1 > .sixth-mobile,
  .inline-grid.g1 > .sixth-mobile {
    grid-column-end: span 1;
  }
}
.grid.g1 > .fifth,
.inline-grid.g1 > .fifth {
  grid-column-end: span 1;
  grid-column-start: auto;
}
@media (max-width: 1024px) {
  .grid.g1 > .fifth-tablet,
  .inline-grid.g1 > .fifth-tablet {
    grid-column-end: span 1;
    grid-column-start: auto;
  }
}
@media (max-width: 850px) {
  .grid.g1 > .fifth-mobile,
  .inline-grid.g1 > .fifth-mobile {
    grid-column-end: span 1;
    grid-column-start: auto;
  }
}
.grid.g1 > .quarter,
.inline-grid.g1 > .quarter {
  grid-column-end: span 1;
  grid-column-start: auto;
}
@media (max-width: 1024px) {
  .grid.g1 > .quarter-tablet,
  .inline-grid.g1 > .quarter-tablet {
    grid-column-end: span 1;
    grid-column-start: auto;
  }
}
@media (max-width: 850px) {
  .grid.g1 > .quarter-mobile,
  .inline-grid.g1 > .quarter-mobile {
    grid-column-end: span 1;
    grid-column-start: auto;
  }
}
.grid.g1 > .third,
.inline-grid.g1 > .third {
  grid-column-end: span 1;
  grid-column-start: auto;
}
@media (max-width: 1024px) {
  .grid.g1 > .third-tablet,
  .inline-grid.g1 > .third-tablet {
    grid-column-end: span 1;
    grid-column-start: auto;
  }
}
@media (max-width: 850px) {
  .grid.g1 > .third-mobile,
  .inline-grid.g1 > .third-mobile {
    grid-column-end: span 1;
    grid-column-start: auto;
  }
}
.grid.g1 > .half,
.inline-grid.g1 > .half {
  grid-column-end: span 1;
  grid-column-start: auto;
}
@media (max-width: 1024px) {
  .grid.g1 > .half-tablet,
  .inline-grid.g1 > .half-tablet {
    grid-column-end: span 1;
    grid-column-start: auto;
  }
}
@media (max-width: 850px) {
  .grid.g1 > .half-mobile,
  .inline-grid.g1 > .half-mobile {
    grid-column-start: auto;
    grid-column-end: span 1;
  }
}
@media (max-width: 1024px) {
  .grid.g1 > .full-tablet,
  .inline-grid.g1 > .full-tablet {
    grid-column: 1/-1;
  }
}
@media (max-width: 850px) {
  .grid.g1 > .full-mobile,
  .inline-grid.g1 > .full-mobile {
    grid-column: 1/-1;
  }
}
.grid.g1-auto,
.inline-grid.g1-auto {
  grid-template-columns: repeat(1, minmax(auto,auto));
}
.grid .span-1,
.inline-grid .span-1 {
  grid-column-end: span 1;
  position: relative;
}
.grid .start-1,
.inline-grid .start-1 {
  grid-column-start: 1;
  position: relative;
}
.grid.g2,
.inline-grid.g2 {
  grid-template-columns: repeat(2, minmax(auto, 1fr));
}
.grid.g2 > .sixth,
.inline-grid.g2 > .sixth {
  grid-column-end: span 1;
}
@media (max-width: 1024px) {
  .grid.g2 > .sixth-tablet,
  .inline-grid.g2 > .sixth-tablet {
    grid-column-end: span 1;
  }
}
@media (max-width: 850px) {
  .grid.g2 > .sixth-mobile,
  .inline-grid.g2 > .sixth-mobile {
    grid-column-end: span 1;
  }
}
.grid.g2 > .fifth,
.inline-grid.g2 > .fifth {
  grid-column-end: span 1;
  grid-column-start: auto;
}
@media (max-width: 1024px) {
  .grid.g2 > .fifth-tablet,
  .inline-grid.g2 > .fifth-tablet {
    grid-column-end: span 1;
    grid-column-start: auto;
  }
}
@media (max-width: 850px) {
  .grid.g2 > .fifth-mobile,
  .inline-grid.g2 > .fifth-mobile {
    grid-column-end: span 1;
    grid-column-start: auto;
  }
}
.grid.g2 > .quarter,
.inline-grid.g2 > .quarter {
  grid-column-end: span 1;
  grid-column-start: auto;
}
@media (max-width: 1024px) {
  .grid.g2 > .quarter-tablet,
  .inline-grid.g2 > .quarter-tablet {
    grid-column-end: span 1;
    grid-column-start: auto;
  }
}
@media (max-width: 850px) {
  .grid.g2 > .quarter-mobile,
  .inline-grid.g2 > .quarter-mobile {
    grid-column-end: span 1;
    grid-column-start: auto;
  }
}
.grid.g2 > .third,
.inline-grid.g2 > .third {
  grid-column-end: span 1;
  grid-column-start: auto;
}
@media (max-width: 1024px) {
  .grid.g2 > .third-tablet,
  .inline-grid.g2 > .third-tablet {
    grid-column-end: span 1;
    grid-column-start: auto;
  }
}
@media (max-width: 850px) {
  .grid.g2 > .third-mobile,
  .inline-grid.g2 > .third-mobile {
    grid-column-end: span 1;
    grid-column-start: auto;
  }
}
.grid.g2 > .half,
.inline-grid.g2 > .half {
  grid-column-end: span 1;
  grid-column-start: auto;
}
@media (max-width: 1024px) {
  .grid.g2 > .half-tablet,
  .inline-grid.g2 > .half-tablet {
    grid-column-end: span 1;
    grid-column-start: auto;
  }
}
@media (max-width: 850px) {
  .grid.g2 > .half-mobile,
  .inline-grid.g2 > .half-mobile {
    grid-column-start: auto;
    grid-column-end: span 1;
  }
}
@media (max-width: 1024px) {
  .grid.g2 > .full-tablet,
  .inline-grid.g2 > .full-tablet {
    grid-column: 1/-1;
  }
}
@media (max-width: 850px) {
  .grid.g2 > .full-mobile,
  .inline-grid.g2 > .full-mobile {
    grid-column: 1/-1;
  }
}
.grid.g2-auto,
.inline-grid.g2-auto {
  grid-template-columns: repeat(2, minmax(auto,auto));
}
.grid .span-2,
.inline-grid .span-2 {
  grid-column-end: span 2;
  position: relative;
}
.grid .start-2,
.inline-grid .start-2 {
  grid-column-start: 2;
  position: relative;
}
.grid.g3,
.inline-grid.g3 {
  grid-template-columns: repeat(3, minmax(auto, 1fr));
}
.grid.g3 > .sixth,
.inline-grid.g3 > .sixth {
  grid-column-end: span 1;
}
@media (max-width: 1024px) {
  .grid.g3 > .sixth-tablet,
  .inline-grid.g3 > .sixth-tablet {
    grid-column-end: span 1;
  }
}
@media (max-width: 850px) {
  .grid.g3 > .sixth-mobile,
  .inline-grid.g3 > .sixth-mobile {
    grid-column-end: span 1;
  }
}
.grid.g3 > .fifth,
.inline-grid.g3 > .fifth {
  grid-column-end: span 1;
  grid-column-start: auto;
}
@media (max-width: 1024px) {
  .grid.g3 > .fifth-tablet,
  .inline-grid.g3 > .fifth-tablet {
    grid-column-end: span 1;
    grid-column-start: auto;
  }
}
@media (max-width: 850px) {
  .grid.g3 > .fifth-mobile,
  .inline-grid.g3 > .fifth-mobile {
    grid-column-end: span 1;
    grid-column-start: auto;
  }
}
.grid.g3 > .quarter,
.inline-grid.g3 > .quarter {
  grid-column-end: span 1;
  grid-column-start: auto;
}
@media (max-width: 1024px) {
  .grid.g3 > .quarter-tablet,
  .inline-grid.g3 > .quarter-tablet {
    grid-column-end: span 1;
    grid-column-start: auto;
  }
}
@media (max-width: 850px) {
  .grid.g3 > .quarter-mobile,
  .inline-grid.g3 > .quarter-mobile {
    grid-column-end: span 1;
    grid-column-start: auto;
  }
}
.grid.g3 > .third,
.inline-grid.g3 > .third {
  grid-column-end: span 1;
  grid-column-start: auto;
}
@media (max-width: 1024px) {
  .grid.g3 > .third-tablet,
  .inline-grid.g3 > .third-tablet {
    grid-column-end: span 1;
    grid-column-start: auto;
  }
}
@media (max-width: 850px) {
  .grid.g3 > .third-mobile,
  .inline-grid.g3 > .third-mobile {
    grid-column-end: span 1;
    grid-column-start: auto;
  }
}
.grid.g3 > .half,
.inline-grid.g3 > .half {
  grid-column-end: span 2;
  grid-column-start: auto;
}
@media (max-width: 1024px) {
  .grid.g3 > .half-tablet,
  .inline-grid.g3 > .half-tablet {
    grid-column-end: span 2;
    grid-column-start: auto;
  }
}
@media (max-width: 850px) {
  .grid.g3 > .half-mobile,
  .inline-grid.g3 > .half-mobile {
    grid-column-start: auto;
    grid-column-end: span 2;
  }
}
@media (max-width: 1024px) {
  .grid.g3 > .full-tablet,
  .inline-grid.g3 > .full-tablet {
    grid-column: 1/-1;
  }
}
@media (max-width: 850px) {
  .grid.g3 > .full-mobile,
  .inline-grid.g3 > .full-mobile {
    grid-column: 1/-1;
  }
}
.grid.g3-auto,
.inline-grid.g3-auto {
  grid-template-columns: repeat(3, minmax(auto,auto));
}
.grid .span-3,
.inline-grid .span-3 {
  grid-column-end: span 3;
  position: relative;
}
.grid .start-3,
.inline-grid .start-3 {
  grid-column-start: 3;
  position: relative;
}
.grid.g4,
.inline-grid.g4 {
  grid-template-columns: repeat(4, minmax(auto, 1fr));
}
.grid.g4 > .sixth,
.inline-grid.g4 > .sixth {
  grid-column-end: span 1;
}
@media (max-width: 1024px) {
  .grid.g4 > .sixth-tablet,
  .inline-grid.g4 > .sixth-tablet {
    grid-column-end: span 1;
  }
}
@media (max-width: 850px) {
  .grid.g4 > .sixth-mobile,
  .inline-grid.g4 > .sixth-mobile {
    grid-column-end: span 1;
  }
}
.grid.g4 > .fifth,
.inline-grid.g4 > .fifth {
  grid-column-end: span 1;
  grid-column-start: auto;
}
@media (max-width: 1024px) {
  .grid.g4 > .fifth-tablet,
  .inline-grid.g4 > .fifth-tablet {
    grid-column-end: span 1;
    grid-column-start: auto;
  }
}
@media (max-width: 850px) {
  .grid.g4 > .fifth-mobile,
  .inline-grid.g4 > .fifth-mobile {
    grid-column-end: span 1;
    grid-column-start: auto;
  }
}
.grid.g4 > .quarter,
.inline-grid.g4 > .quarter {
  grid-column-end: span 1;
  grid-column-start: auto;
}
@media (max-width: 1024px) {
  .grid.g4 > .quarter-tablet,
  .inline-grid.g4 > .quarter-tablet {
    grid-column-end: span 1;
    grid-column-start: auto;
  }
}
@media (max-width: 850px) {
  .grid.g4 > .quarter-mobile,
  .inline-grid.g4 > .quarter-mobile {
    grid-column-end: span 1;
    grid-column-start: auto;
  }
}
.grid.g4 > .third,
.inline-grid.g4 > .third {
  grid-column-end: span 2;
  grid-column-start: auto;
}
@media (max-width: 1024px) {
  .grid.g4 > .third-tablet,
  .inline-grid.g4 > .third-tablet {
    grid-column-end: span 2;
    grid-column-start: auto;
  }
}
@media (max-width: 850px) {
  .grid.g4 > .third-mobile,
  .inline-grid.g4 > .third-mobile {
    grid-column-end: span 2;
    grid-column-start: auto;
  }
}
.grid.g4 > .half,
.inline-grid.g4 > .half {
  grid-column-end: span 2;
  grid-column-start: auto;
}
@media (max-width: 1024px) {
  .grid.g4 > .half-tablet,
  .inline-grid.g4 > .half-tablet {
    grid-column-end: span 2;
    grid-column-start: auto;
  }
}
@media (max-width: 850px) {
  .grid.g4 > .half-mobile,
  .inline-grid.g4 > .half-mobile {
    grid-column-start: auto;
    grid-column-end: span 2;
  }
}
@media (max-width: 1024px) {
  .grid.g4 > .full-tablet,
  .inline-grid.g4 > .full-tablet {
    grid-column: 1/-1;
  }
}
@media (max-width: 850px) {
  .grid.g4 > .full-mobile,
  .inline-grid.g4 > .full-mobile {
    grid-column: 1/-1;
  }
}
.grid.g4-auto,
.inline-grid.g4-auto {
  grid-template-columns: repeat(4, minmax(auto,auto));
}
.grid .span-4,
.inline-grid .span-4 {
  grid-column-end: span 4;
  position: relative;
}
.grid .start-4,
.inline-grid .start-4 {
  grid-column-start: 4;
  position: relative;
}
.grid.g5,
.inline-grid.g5 {
  grid-template-columns: repeat(5, minmax(auto, 1fr));
}
.grid.g5 > .sixth,
.inline-grid.g5 > .sixth {
  grid-column-end: span 1;
}
@media (max-width: 1024px) {
  .grid.g5 > .sixth-tablet,
  .inline-grid.g5 > .sixth-tablet {
    grid-column-end: span 1;
  }
}
@media (max-width: 850px) {
  .grid.g5 > .sixth-mobile,
  .inline-grid.g5 > .sixth-mobile {
    grid-column-end: span 1;
  }
}
.grid.g5 > .fifth,
.inline-grid.g5 > .fifth {
  grid-column-end: span 1;
  grid-column-start: auto;
}
@media (max-width: 1024px) {
  .grid.g5 > .fifth-tablet,
  .inline-grid.g5 > .fifth-tablet {
    grid-column-end: span 1;
    grid-column-start: auto;
  }
}
@media (max-width: 850px) {
  .grid.g5 > .fifth-mobile,
  .inline-grid.g5 > .fifth-mobile {
    grid-column-end: span 1;
    grid-column-start: auto;
  }
}
.grid.g5 > .quarter,
.inline-grid.g5 > .quarter {
  grid-column-end: span 2;
  grid-column-start: auto;
}
@media (max-width: 1024px) {
  .grid.g5 > .quarter-tablet,
  .inline-grid.g5 > .quarter-tablet {
    grid-column-end: span 2;
    grid-column-start: auto;
  }
}
@media (max-width: 850px) {
  .grid.g5 > .quarter-mobile,
  .inline-grid.g5 > .quarter-mobile {
    grid-column-end: span 2;
    grid-column-start: auto;
  }
}
.grid.g5 > .third,
.inline-grid.g5 > .third {
  grid-column-end: span 2;
  grid-column-start: auto;
}
@media (max-width: 1024px) {
  .grid.g5 > .third-tablet,
  .inline-grid.g5 > .third-tablet {
    grid-column-end: span 2;
    grid-column-start: auto;
  }
}
@media (max-width: 850px) {
  .grid.g5 > .third-mobile,
  .inline-grid.g5 > .third-mobile {
    grid-column-end: span 2;
    grid-column-start: auto;
  }
}
.grid.g5 > .half,
.inline-grid.g5 > .half {
  grid-column-end: span 3;
  grid-column-start: auto;
}
@media (max-width: 1024px) {
  .grid.g5 > .half-tablet,
  .inline-grid.g5 > .half-tablet {
    grid-column-end: span 3;
    grid-column-start: auto;
  }
}
@media (max-width: 850px) {
  .grid.g5 > .half-mobile,
  .inline-grid.g5 > .half-mobile {
    grid-column-start: auto;
    grid-column-end: span 3;
  }
}
@media (max-width: 1024px) {
  .grid.g5 > .full-tablet,
  .inline-grid.g5 > .full-tablet {
    grid-column: 1/-1;
  }
}
@media (max-width: 850px) {
  .grid.g5 > .full-mobile,
  .inline-grid.g5 > .full-mobile {
    grid-column: 1/-1;
  }
}
.grid.g5-auto,
.inline-grid.g5-auto {
  grid-template-columns: repeat(5, minmax(auto,auto));
}
.grid .span-5,
.inline-grid .span-5 {
  grid-column-end: span 5;
  position: relative;
}
.grid .start-5,
.inline-grid .start-5 {
  grid-column-start: 5;
  position: relative;
}
.grid.g6,
.inline-grid.g6 {
  grid-template-columns: repeat(6, minmax(auto, 1fr));
}
.grid.g6 > .sixth,
.inline-grid.g6 > .sixth {
  grid-column-end: span 1;
}
@media (max-width: 1024px) {
  .grid.g6 > .sixth-tablet,
  .inline-grid.g6 > .sixth-tablet {
    grid-column-end: span 1;
  }
}
@media (max-width: 850px) {
  .grid.g6 > .sixth-mobile,
  .inline-grid.g6 > .sixth-mobile {
    grid-column-end: span 1;
  }
}
.grid.g6 > .fifth,
.inline-grid.g6 > .fifth {
  grid-column-end: span 2;
  grid-column-start: auto;
}
@media (max-width: 1024px) {
  .grid.g6 > .fifth-tablet,
  .inline-grid.g6 > .fifth-tablet {
    grid-column-end: span 2;
    grid-column-start: auto;
  }
}
@media (max-width: 850px) {
  .grid.g6 > .fifth-mobile,
  .inline-grid.g6 > .fifth-mobile {
    grid-column-end: span 2;
    grid-column-start: auto;
  }
}
.grid.g6 > .quarter,
.inline-grid.g6 > .quarter {
  grid-column-end: span 2;
  grid-column-start: auto;
}
@media (max-width: 1024px) {
  .grid.g6 > .quarter-tablet,
  .inline-grid.g6 > .quarter-tablet {
    grid-column-end: span 2;
    grid-column-start: auto;
  }
}
@media (max-width: 850px) {
  .grid.g6 > .quarter-mobile,
  .inline-grid.g6 > .quarter-mobile {
    grid-column-end: span 2;
    grid-column-start: auto;
  }
}
.grid.g6 > .third,
.inline-grid.g6 > .third {
  grid-column-end: span 2;
  grid-column-start: auto;
}
@media (max-width: 1024px) {
  .grid.g6 > .third-tablet,
  .inline-grid.g6 > .third-tablet {
    grid-column-end: span 2;
    grid-column-start: auto;
  }
}
@media (max-width: 850px) {
  .grid.g6 > .third-mobile,
  .inline-grid.g6 > .third-mobile {
    grid-column-end: span 2;
    grid-column-start: auto;
  }
}
.grid.g6 > .half,
.inline-grid.g6 > .half {
  grid-column-end: span 3;
  grid-column-start: auto;
}
@media (max-width: 1024px) {
  .grid.g6 > .half-tablet,
  .inline-grid.g6 > .half-tablet {
    grid-column-end: span 3;
    grid-column-start: auto;
  }
}
@media (max-width: 850px) {
  .grid.g6 > .half-mobile,
  .inline-grid.g6 > .half-mobile {
    grid-column-start: auto;
    grid-column-end: span 3;
  }
}
@media (max-width: 1024px) {
  .grid.g6 > .full-tablet,
  .inline-grid.g6 > .full-tablet {
    grid-column: 1/-1;
  }
}
@media (max-width: 850px) {
  .grid.g6 > .full-mobile,
  .inline-grid.g6 > .full-mobile {
    grid-column: 1/-1;
  }
}
.grid.g6-auto,
.inline-grid.g6-auto {
  grid-template-columns: repeat(6, minmax(auto,auto));
}
.grid .span-6,
.inline-grid .span-6 {
  grid-column-end: span 6;
  position: relative;
}
.grid .start-6,
.inline-grid .start-6 {
  grid-column-start: 6;
  position: relative;
}
.grid.g7,
.inline-grid.g7 {
  grid-template-columns: repeat(7, minmax(auto, 1fr));
}
.grid.g7 > .sixth,
.inline-grid.g7 > .sixth {
  grid-column-end: span 2;
}
@media (max-width: 1024px) {
  .grid.g7 > .sixth-tablet,
  .inline-grid.g7 > .sixth-tablet {
    grid-column-end: span 2;
  }
}
@media (max-width: 850px) {
  .grid.g7 > .sixth-mobile,
  .inline-grid.g7 > .sixth-mobile {
    grid-column-end: span 2;
  }
}
.grid.g7 > .fifth,
.inline-grid.g7 > .fifth {
  grid-column-end: span 2;
  grid-column-start: auto;
}
@media (max-width: 1024px) {
  .grid.g7 > .fifth-tablet,
  .inline-grid.g7 > .fifth-tablet {
    grid-column-end: span 2;
    grid-column-start: auto;
  }
}
@media (max-width: 850px) {
  .grid.g7 > .fifth-mobile,
  .inline-grid.g7 > .fifth-mobile {
    grid-column-end: span 2;
    grid-column-start: auto;
  }
}
.grid.g7 > .quarter,
.inline-grid.g7 > .quarter {
  grid-column-end: span 2;
  grid-column-start: auto;
}
@media (max-width: 1024px) {
  .grid.g7 > .quarter-tablet,
  .inline-grid.g7 > .quarter-tablet {
    grid-column-end: span 2;
    grid-column-start: auto;
  }
}
@media (max-width: 850px) {
  .grid.g7 > .quarter-mobile,
  .inline-grid.g7 > .quarter-mobile {
    grid-column-end: span 2;
    grid-column-start: auto;
  }
}
.grid.g7 > .third,
.inline-grid.g7 > .third {
  grid-column-end: span 3;
  grid-column-start: auto;
}
@media (max-width: 1024px) {
  .grid.g7 > .third-tablet,
  .inline-grid.g7 > .third-tablet {
    grid-column-end: span 3;
    grid-column-start: auto;
  }
}
@media (max-width: 850px) {
  .grid.g7 > .third-mobile,
  .inline-grid.g7 > .third-mobile {
    grid-column-end: span 3;
    grid-column-start: auto;
  }
}
.grid.g7 > .half,
.inline-grid.g7 > .half {
  grid-column-end: span 4;
  grid-column-start: auto;
}
@media (max-width: 1024px) {
  .grid.g7 > .half-tablet,
  .inline-grid.g7 > .half-tablet {
    grid-column-end: span 4;
    grid-column-start: auto;
  }
}
@media (max-width: 850px) {
  .grid.g7 > .half-mobile,
  .inline-grid.g7 > .half-mobile {
    grid-column-start: auto;
    grid-column-end: span 4;
  }
}
@media (max-width: 1024px) {
  .grid.g7 > .full-tablet,
  .inline-grid.g7 > .full-tablet {
    grid-column: 1/-1;
  }
}
@media (max-width: 850px) {
  .grid.g7 > .full-mobile,
  .inline-grid.g7 > .full-mobile {
    grid-column: 1/-1;
  }
}
.grid.g7-auto,
.inline-grid.g7-auto {
  grid-template-columns: repeat(7, minmax(auto,auto));
}
.grid .span-7,
.inline-grid .span-7 {
  grid-column-end: span 7;
  position: relative;
}
.grid .start-7,
.inline-grid .start-7 {
  grid-column-start: 7;
  position: relative;
}
.grid.g8,
.inline-grid.g8 {
  grid-template-columns: repeat(8, minmax(auto, 1fr));
}
.grid.g8 > .sixth,
.inline-grid.g8 > .sixth {
  grid-column-end: span 2;
}
@media (max-width: 1024px) {
  .grid.g8 > .sixth-tablet,
  .inline-grid.g8 > .sixth-tablet {
    grid-column-end: span 2;
  }
}
@media (max-width: 850px) {
  .grid.g8 > .sixth-mobile,
  .inline-grid.g8 > .sixth-mobile {
    grid-column-end: span 2;
  }
}
.grid.g8 > .fifth,
.inline-grid.g8 > .fifth {
  grid-column-end: span 2;
  grid-column-start: auto;
}
@media (max-width: 1024px) {
  .grid.g8 > .fifth-tablet,
  .inline-grid.g8 > .fifth-tablet {
    grid-column-end: span 2;
    grid-column-start: auto;
  }
}
@media (max-width: 850px) {
  .grid.g8 > .fifth-mobile,
  .inline-grid.g8 > .fifth-mobile {
    grid-column-end: span 2;
    grid-column-start: auto;
  }
}
.grid.g8 > .quarter,
.inline-grid.g8 > .quarter {
  grid-column-end: span 2;
  grid-column-start: auto;
}
@media (max-width: 1024px) {
  .grid.g8 > .quarter-tablet,
  .inline-grid.g8 > .quarter-tablet {
    grid-column-end: span 2;
    grid-column-start: auto;
  }
}
@media (max-width: 850px) {
  .grid.g8 > .quarter-mobile,
  .inline-grid.g8 > .quarter-mobile {
    grid-column-end: span 2;
    grid-column-start: auto;
  }
}
.grid.g8 > .third,
.inline-grid.g8 > .third {
  grid-column-end: span 3;
  grid-column-start: auto;
}
@media (max-width: 1024px) {
  .grid.g8 > .third-tablet,
  .inline-grid.g8 > .third-tablet {
    grid-column-end: span 3;
    grid-column-start: auto;
  }
}
@media (max-width: 850px) {
  .grid.g8 > .third-mobile,
  .inline-grid.g8 > .third-mobile {
    grid-column-end: span 3;
    grid-column-start: auto;
  }
}
.grid.g8 > .half,
.inline-grid.g8 > .half {
  grid-column-end: span 4;
  grid-column-start: auto;
}
@media (max-width: 1024px) {
  .grid.g8 > .half-tablet,
  .inline-grid.g8 > .half-tablet {
    grid-column-end: span 4;
    grid-column-start: auto;
  }
}
@media (max-width: 850px) {
  .grid.g8 > .half-mobile,
  .inline-grid.g8 > .half-mobile {
    grid-column-start: auto;
    grid-column-end: span 4;
  }
}
@media (max-width: 1024px) {
  .grid.g8 > .full-tablet,
  .inline-grid.g8 > .full-tablet {
    grid-column: 1/-1;
  }
}
@media (max-width: 850px) {
  .grid.g8 > .full-mobile,
  .inline-grid.g8 > .full-mobile {
    grid-column: 1/-1;
  }
}
.grid.g8-auto,
.inline-grid.g8-auto {
  grid-template-columns: repeat(8, minmax(auto,auto));
}
.grid .span-8,
.inline-grid .span-8 {
  grid-column-end: span 8;
  position: relative;
}
.grid .start-8,
.inline-grid .start-8 {
  grid-column-start: 8;
  position: relative;
}
.grid.g9,
.inline-grid.g9 {
  grid-template-columns: repeat(9, minmax(auto, 1fr));
}
.grid.g9 > .sixth,
.inline-grid.g9 > .sixth {
  grid-column-end: span 2;
}
@media (max-width: 1024px) {
  .grid.g9 > .sixth-tablet,
  .inline-grid.g9 > .sixth-tablet {
    grid-column-end: span 2;
  }
}
@media (max-width: 850px) {
  .grid.g9 > .sixth-mobile,
  .inline-grid.g9 > .sixth-mobile {
    grid-column-end: span 2;
  }
}
.grid.g9 > .fifth,
.inline-grid.g9 > .fifth {
  grid-column-end: span 2;
  grid-column-start: auto;
}
@media (max-width: 1024px) {
  .grid.g9 > .fifth-tablet,
  .inline-grid.g9 > .fifth-tablet {
    grid-column-end: span 2;
    grid-column-start: auto;
  }
}
@media (max-width: 850px) {
  .grid.g9 > .fifth-mobile,
  .inline-grid.g9 > .fifth-mobile {
    grid-column-end: span 2;
    grid-column-start: auto;
  }
}
.grid.g9 > .quarter,
.inline-grid.g9 > .quarter {
  grid-column-end: span 3;
  grid-column-start: auto;
}
@media (max-width: 1024px) {
  .grid.g9 > .quarter-tablet,
  .inline-grid.g9 > .quarter-tablet {
    grid-column-end: span 3;
    grid-column-start: auto;
  }
}
@media (max-width: 850px) {
  .grid.g9 > .quarter-mobile,
  .inline-grid.g9 > .quarter-mobile {
    grid-column-end: span 3;
    grid-column-start: auto;
  }
}
.grid.g9 > .third,
.inline-grid.g9 > .third {
  grid-column-end: span 3;
  grid-column-start: auto;
}
@media (max-width: 1024px) {
  .grid.g9 > .third-tablet,
  .inline-grid.g9 > .third-tablet {
    grid-column-end: span 3;
    grid-column-start: auto;
  }
}
@media (max-width: 850px) {
  .grid.g9 > .third-mobile,
  .inline-grid.g9 > .third-mobile {
    grid-column-end: span 3;
    grid-column-start: auto;
  }
}
.grid.g9 > .half,
.inline-grid.g9 > .half {
  grid-column-end: span 5;
  grid-column-start: auto;
}
@media (max-width: 1024px) {
  .grid.g9 > .half-tablet,
  .inline-grid.g9 > .half-tablet {
    grid-column-end: span 5;
    grid-column-start: auto;
  }
}
@media (max-width: 850px) {
  .grid.g9 > .half-mobile,
  .inline-grid.g9 > .half-mobile {
    grid-column-start: auto;
    grid-column-end: span 5;
  }
}
@media (max-width: 1024px) {
  .grid.g9 > .full-tablet,
  .inline-grid.g9 > .full-tablet {
    grid-column: 1/-1;
  }
}
@media (max-width: 850px) {
  .grid.g9 > .full-mobile,
  .inline-grid.g9 > .full-mobile {
    grid-column: 1/-1;
  }
}
.grid.g9-auto,
.inline-grid.g9-auto {
  grid-template-columns: repeat(9, minmax(auto,auto));
}
.grid .span-9,
.inline-grid .span-9 {
  grid-column-end: span 9;
  position: relative;
}
.grid .start-9,
.inline-grid .start-9 {
  grid-column-start: 9;
  position: relative;
}
.grid.g10,
.inline-grid.g10 {
  grid-template-columns: repeat(10, minmax(auto, 1fr));
}
.grid.g10 > .sixth,
.inline-grid.g10 > .sixth {
  grid-column-end: span 2;
}
@media (max-width: 1024px) {
  .grid.g10 > .sixth-tablet,
  .inline-grid.g10 > .sixth-tablet {
    grid-column-end: span 2;
  }
}
@media (max-width: 850px) {
  .grid.g10 > .sixth-mobile,
  .inline-grid.g10 > .sixth-mobile {
    grid-column-end: span 2;
  }
}
.grid.g10 > .fifth,
.inline-grid.g10 > .fifth {
  grid-column-end: span 2;
  grid-column-start: auto;
}
@media (max-width: 1024px) {
  .grid.g10 > .fifth-tablet,
  .inline-grid.g10 > .fifth-tablet {
    grid-column-end: span 2;
    grid-column-start: auto;
  }
}
@media (max-width: 850px) {
  .grid.g10 > .fifth-mobile,
  .inline-grid.g10 > .fifth-mobile {
    grid-column-end: span 2;
    grid-column-start: auto;
  }
}
.grid.g10 > .quarter,
.inline-grid.g10 > .quarter {
  grid-column-end: span 3;
  grid-column-start: auto;
}
@media (max-width: 1024px) {
  .grid.g10 > .quarter-tablet,
  .inline-grid.g10 > .quarter-tablet {
    grid-column-end: span 3;
    grid-column-start: auto;
  }
}
@media (max-width: 850px) {
  .grid.g10 > .quarter-mobile,
  .inline-grid.g10 > .quarter-mobile {
    grid-column-end: span 3;
    grid-column-start: auto;
  }
}
.grid.g10 > .third,
.inline-grid.g10 > .third {
  grid-column-end: span 4;
  grid-column-start: auto;
}
@media (max-width: 1024px) {
  .grid.g10 > .third-tablet,
  .inline-grid.g10 > .third-tablet {
    grid-column-end: span 4;
    grid-column-start: auto;
  }
}
@media (max-width: 850px) {
  .grid.g10 > .third-mobile,
  .inline-grid.g10 > .third-mobile {
    grid-column-end: span 4;
    grid-column-start: auto;
  }
}
.grid.g10 > .half,
.inline-grid.g10 > .half {
  grid-column-end: span 5;
  grid-column-start: auto;
}
@media (max-width: 1024px) {
  .grid.g10 > .half-tablet,
  .inline-grid.g10 > .half-tablet {
    grid-column-end: span 5;
    grid-column-start: auto;
  }
}
@media (max-width: 850px) {
  .grid.g10 > .half-mobile,
  .inline-grid.g10 > .half-mobile {
    grid-column-start: auto;
    grid-column-end: span 5;
  }
}
@media (max-width: 1024px) {
  .grid.g10 > .full-tablet,
  .inline-grid.g10 > .full-tablet {
    grid-column: 1/-1;
  }
}
@media (max-width: 850px) {
  .grid.g10 > .full-mobile,
  .inline-grid.g10 > .full-mobile {
    grid-column: 1/-1;
  }
}
.grid.g10-auto,
.inline-grid.g10-auto {
  grid-template-columns: repeat(10, minmax(auto,auto));
}
.grid .span-10,
.inline-grid .span-10 {
  grid-column-end: span 10;
  position: relative;
}
.grid .start-10,
.inline-grid .start-10 {
  grid-column-start: 10;
  position: relative;
}
.grid.g11,
.inline-grid.g11 {
  grid-template-columns: repeat(11, minmax(auto, 1fr));
}
.grid.g11 > .sixth,
.inline-grid.g11 > .sixth {
  grid-column-end: span 2;
}
@media (max-width: 1024px) {
  .grid.g11 > .sixth-tablet,
  .inline-grid.g11 > .sixth-tablet {
    grid-column-end: span 2;
  }
}
@media (max-width: 850px) {
  .grid.g11 > .sixth-mobile,
  .inline-grid.g11 > .sixth-mobile {
    grid-column-end: span 2;
  }
}
.grid.g11 > .fifth,
.inline-grid.g11 > .fifth {
  grid-column-end: span 3;
  grid-column-start: auto;
}
@media (max-width: 1024px) {
  .grid.g11 > .fifth-tablet,
  .inline-grid.g11 > .fifth-tablet {
    grid-column-end: span 3;
    grid-column-start: auto;
  }
}
@media (max-width: 850px) {
  .grid.g11 > .fifth-mobile,
  .inline-grid.g11 > .fifth-mobile {
    grid-column-end: span 3;
    grid-column-start: auto;
  }
}
.grid.g11 > .quarter,
.inline-grid.g11 > .quarter {
  grid-column-end: span 3;
  grid-column-start: auto;
}
@media (max-width: 1024px) {
  .grid.g11 > .quarter-tablet,
  .inline-grid.g11 > .quarter-tablet {
    grid-column-end: span 3;
    grid-column-start: auto;
  }
}
@media (max-width: 850px) {
  .grid.g11 > .quarter-mobile,
  .inline-grid.g11 > .quarter-mobile {
    grid-column-end: span 3;
    grid-column-start: auto;
  }
}
.grid.g11 > .third,
.inline-grid.g11 > .third {
  grid-column-end: span 4;
  grid-column-start: auto;
}
@media (max-width: 1024px) {
  .grid.g11 > .third-tablet,
  .inline-grid.g11 > .third-tablet {
    grid-column-end: span 4;
    grid-column-start: auto;
  }
}
@media (max-width: 850px) {
  .grid.g11 > .third-mobile,
  .inline-grid.g11 > .third-mobile {
    grid-column-end: span 4;
    grid-column-start: auto;
  }
}
.grid.g11 > .half,
.inline-grid.g11 > .half {
  grid-column-end: span 6;
  grid-column-start: auto;
}
@media (max-width: 1024px) {
  .grid.g11 > .half-tablet,
  .inline-grid.g11 > .half-tablet {
    grid-column-end: span 6;
    grid-column-start: auto;
  }
}
@media (max-width: 850px) {
  .grid.g11 > .half-mobile,
  .inline-grid.g11 > .half-mobile {
    grid-column-start: auto;
    grid-column-end: span 6;
  }
}
@media (max-width: 1024px) {
  .grid.g11 > .full-tablet,
  .inline-grid.g11 > .full-tablet {
    grid-column: 1/-1;
  }
}
@media (max-width: 850px) {
  .grid.g11 > .full-mobile,
  .inline-grid.g11 > .full-mobile {
    grid-column: 1/-1;
  }
}
.grid.g11-auto,
.inline-grid.g11-auto {
  grid-template-columns: repeat(11, minmax(auto,auto));
}
.grid .span-11,
.inline-grid .span-11 {
  grid-column-end: span 11;
  position: relative;
}
.grid .start-11,
.inline-grid .start-11 {
  grid-column-start: 11;
  position: relative;
}
.grid.g12,
.inline-grid.g12 {
  grid-template-columns: repeat(12, minmax(auto, 1fr));
}
.grid.g12 > .sixth,
.inline-grid.g12 > .sixth {
  grid-column-end: span 2;
}
@media (max-width: 1024px) {
  .grid.g12 > .sixth-tablet,
  .inline-grid.g12 > .sixth-tablet {
    grid-column-end: span 2;
  }
}
@media (max-width: 850px) {
  .grid.g12 > .sixth-mobile,
  .inline-grid.g12 > .sixth-mobile {
    grid-column-end: span 2;
  }
}
.grid.g12 > .fifth,
.inline-grid.g12 > .fifth {
  grid-column-end: span 3;
  grid-column-start: auto;
}
@media (max-width: 1024px) {
  .grid.g12 > .fifth-tablet,
  .inline-grid.g12 > .fifth-tablet {
    grid-column-end: span 3;
    grid-column-start: auto;
  }
}
@media (max-width: 850px) {
  .grid.g12 > .fifth-mobile,
  .inline-grid.g12 > .fifth-mobile {
    grid-column-end: span 3;
    grid-column-start: auto;
  }
}
.grid.g12 > .quarter,
.inline-grid.g12 > .quarter {
  grid-column-end: span 3;
  grid-column-start: auto;
}
@media (max-width: 1024px) {
  .grid.g12 > .quarter-tablet,
  .inline-grid.g12 > .quarter-tablet {
    grid-column-end: span 3;
    grid-column-start: auto;
  }
}
@media (max-width: 850px) {
  .grid.g12 > .quarter-mobile,
  .inline-grid.g12 > .quarter-mobile {
    grid-column-end: span 3;
    grid-column-start: auto;
  }
}
.grid.g12 > .third,
.inline-grid.g12 > .third {
  grid-column-end: span 4;
  grid-column-start: auto;
}
@media (max-width: 1024px) {
  .grid.g12 > .third-tablet,
  .inline-grid.g12 > .third-tablet {
    grid-column-end: span 4;
    grid-column-start: auto;
  }
}
@media (max-width: 850px) {
  .grid.g12 > .third-mobile,
  .inline-grid.g12 > .third-mobile {
    grid-column-end: span 4;
    grid-column-start: auto;
  }
}
.grid.g12 > .half,
.inline-grid.g12 > .half {
  grid-column-end: span 6;
  grid-column-start: auto;
}
@media (max-width: 1024px) {
  .grid.g12 > .half-tablet,
  .inline-grid.g12 > .half-tablet {
    grid-column-end: span 6;
    grid-column-start: auto;
  }
}
@media (max-width: 850px) {
  .grid.g12 > .half-mobile,
  .inline-grid.g12 > .half-mobile {
    grid-column-start: auto;
    grid-column-end: span 6;
  }
}
@media (max-width: 1024px) {
  .grid.g12 > .full-tablet,
  .inline-grid.g12 > .full-tablet {
    grid-column: 1/-1;
  }
}
@media (max-width: 850px) {
  .grid.g12 > .full-mobile,
  .inline-grid.g12 > .full-mobile {
    grid-column: 1/-1;
  }
}
.grid.g12-auto,
.inline-grid.g12-auto {
  grid-template-columns: repeat(12, minmax(auto,auto));
}
.grid .span-12,
.inline-grid .span-12 {
  grid-column-end: span 12;
  position: relative;
}
.grid .start-12,
.inline-grid .start-12 {
  grid-column-start: 12;
  position: relative;
}
@media (max-width: 1024px) {
  .grid.g1-tablet,
  .inline-grid.g1-tablet {
    grid-template-columns: repeat(1, minmax(auto, 1fr));
  }
}
@media (max-width: 1024px) {
  .grid.g1-tablet .fifth-tablet,
  .inline-grid.g1-tablet .fifth-tablet {
    grid-column-end: span 1;
  }
}
@media (max-width: 1024px) {
  .grid.g1-tablet .quarter-tablet,
  .inline-grid.g1-tablet .quarter-tablet {
    grid-column-end: span 1;
  }
}
@media (max-width: 1024px) {
  .grid.g1-tablet .third-tablet,
  .inline-grid.g1-tablet .third-tablet {
    grid-column-end: span 1;
  }
}
@media (max-width: 1024px) {
  .grid.g1-tablet .half-tablet,
  .inline-grid.g1-tablet .half-tablet {
    grid-column-end: span 1;
  }
}
@media (max-width: 1024px) {
  .grid.g2-tablet,
  .inline-grid.g2-tablet {
    grid-template-columns: repeat(2, minmax(auto, 1fr));
  }
}
@media (max-width: 1024px) {
  .grid.g2-tablet .fifth-tablet,
  .inline-grid.g2-tablet .fifth-tablet {
    grid-column-end: span 1;
  }
}
@media (max-width: 1024px) {
  .grid.g2-tablet .quarter-tablet,
  .inline-grid.g2-tablet .quarter-tablet {
    grid-column-end: span 1;
  }
}
@media (max-width: 1024px) {
  .grid.g2-tablet .third-tablet,
  .inline-grid.g2-tablet .third-tablet {
    grid-column-end: span 1;
  }
}
@media (max-width: 1024px) {
  .grid.g2-tablet .half-tablet,
  .inline-grid.g2-tablet .half-tablet {
    grid-column-end: span 1;
  }
}
@media (max-width: 1024px) {
  .grid.g3-tablet,
  .inline-grid.g3-tablet {
    grid-template-columns: repeat(3, minmax(auto, 1fr));
  }
}
@media (max-width: 1024px) {
  .grid.g3-tablet .fifth-tablet,
  .inline-grid.g3-tablet .fifth-tablet {
    grid-column-end: span 1;
  }
}
@media (max-width: 1024px) {
  .grid.g3-tablet .quarter-tablet,
  .inline-grid.g3-tablet .quarter-tablet {
    grid-column-end: span 1;
  }
}
@media (max-width: 1024px) {
  .grid.g3-tablet .third-tablet,
  .inline-grid.g3-tablet .third-tablet {
    grid-column-end: span 1;
  }
}
@media (max-width: 1024px) {
  .grid.g3-tablet .half-tablet,
  .inline-grid.g3-tablet .half-tablet {
    grid-column-end: span 2;
  }
}
@media (max-width: 1024px) {
  .grid.g4-tablet,
  .inline-grid.g4-tablet {
    grid-template-columns: repeat(4, minmax(auto, 1fr));
  }
}
@media (max-width: 1024px) {
  .grid.g4-tablet .fifth-tablet,
  .inline-grid.g4-tablet .fifth-tablet {
    grid-column-end: span 1;
  }
}
@media (max-width: 1024px) {
  .grid.g4-tablet .quarter-tablet,
  .inline-grid.g4-tablet .quarter-tablet {
    grid-column-end: span 1;
  }
}
@media (max-width: 1024px) {
  .grid.g4-tablet .third-tablet,
  .inline-grid.g4-tablet .third-tablet {
    grid-column-end: span 2;
  }
}
@media (max-width: 1024px) {
  .grid.g4-tablet .half-tablet,
  .inline-grid.g4-tablet .half-tablet {
    grid-column-end: span 2;
  }
}
@media (max-width: 1024px) {
  .grid.g5-tablet,
  .inline-grid.g5-tablet {
    grid-template-columns: repeat(5, minmax(auto, 1fr));
  }
}
@media (max-width: 1024px) {
  .grid.g5-tablet .fifth-tablet,
  .inline-grid.g5-tablet .fifth-tablet {
    grid-column-end: span 1;
  }
}
@media (max-width: 1024px) {
  .grid.g5-tablet .quarter-tablet,
  .inline-grid.g5-tablet .quarter-tablet {
    grid-column-end: span 2;
  }
}
@media (max-width: 1024px) {
  .grid.g5-tablet .third-tablet,
  .inline-grid.g5-tablet .third-tablet {
    grid-column-end: span 2;
  }
}
@media (max-width: 1024px) {
  .grid.g5-tablet .half-tablet,
  .inline-grid.g5-tablet .half-tablet {
    grid-column-end: span 3;
  }
}
@media (max-width: 1024px) {
  .grid.g6-tablet,
  .inline-grid.g6-tablet {
    grid-template-columns: repeat(6, minmax(auto, 1fr));
  }
}
@media (max-width: 1024px) {
  .grid.g6-tablet .fifth-tablet,
  .inline-grid.g6-tablet .fifth-tablet {
    grid-column-end: span 2;
  }
}
@media (max-width: 1024px) {
  .grid.g6-tablet .quarter-tablet,
  .inline-grid.g6-tablet .quarter-tablet {
    grid-column-end: span 2;
  }
}
@media (max-width: 1024px) {
  .grid.g6-tablet .third-tablet,
  .inline-grid.g6-tablet .third-tablet {
    grid-column-end: span 2;
  }
}
@media (max-width: 1024px) {
  .grid.g6-tablet .half-tablet,
  .inline-grid.g6-tablet .half-tablet {
    grid-column-end: span 3;
  }
}
@media (max-width: 1024px) {
  .grid.g7-tablet,
  .inline-grid.g7-tablet {
    grid-template-columns: repeat(7, minmax(auto, 1fr));
  }
}
@media (max-width: 1024px) {
  .grid.g7-tablet .fifth-tablet,
  .inline-grid.g7-tablet .fifth-tablet {
    grid-column-end: span 2;
  }
}
@media (max-width: 1024px) {
  .grid.g7-tablet .quarter-tablet,
  .inline-grid.g7-tablet .quarter-tablet {
    grid-column-end: span 2;
  }
}
@media (max-width: 1024px) {
  .grid.g7-tablet .third-tablet,
  .inline-grid.g7-tablet .third-tablet {
    grid-column-end: span 3;
  }
}
@media (max-width: 1024px) {
  .grid.g7-tablet .half-tablet,
  .inline-grid.g7-tablet .half-tablet {
    grid-column-end: span 4;
  }
}
@media (max-width: 1024px) {
  .grid.g8-tablet,
  .inline-grid.g8-tablet {
    grid-template-columns: repeat(8, minmax(auto, 1fr));
  }
}
@media (max-width: 1024px) {
  .grid.g8-tablet .fifth-tablet,
  .inline-grid.g8-tablet .fifth-tablet {
    grid-column-end: span 2;
  }
}
@media (max-width: 1024px) {
  .grid.g8-tablet .quarter-tablet,
  .inline-grid.g8-tablet .quarter-tablet {
    grid-column-end: span 2;
  }
}
@media (max-width: 1024px) {
  .grid.g8-tablet .third-tablet,
  .inline-grid.g8-tablet .third-tablet {
    grid-column-end: span 3;
  }
}
@media (max-width: 1024px) {
  .grid.g8-tablet .half-tablet,
  .inline-grid.g8-tablet .half-tablet {
    grid-column-end: span 4;
  }
}
@media (max-width: 1024px) {
  .grid.g9-tablet,
  .inline-grid.g9-tablet {
    grid-template-columns: repeat(9, minmax(auto, 1fr));
  }
}
@media (max-width: 1024px) {
  .grid.g9-tablet .fifth-tablet,
  .inline-grid.g9-tablet .fifth-tablet {
    grid-column-end: span 2;
  }
}
@media (max-width: 1024px) {
  .grid.g9-tablet .quarter-tablet,
  .inline-grid.g9-tablet .quarter-tablet {
    grid-column-end: span 3;
  }
}
@media (max-width: 1024px) {
  .grid.g9-tablet .third-tablet,
  .inline-grid.g9-tablet .third-tablet {
    grid-column-end: span 3;
  }
}
@media (max-width: 1024px) {
  .grid.g9-tablet .half-tablet,
  .inline-grid.g9-tablet .half-tablet {
    grid-column-end: span 5;
  }
}
@media (max-width: 1024px) {
  .grid.g10-tablet,
  .inline-grid.g10-tablet {
    grid-template-columns: repeat(10, minmax(auto, 1fr));
  }
}
@media (max-width: 1024px) {
  .grid.g10-tablet .fifth-tablet,
  .inline-grid.g10-tablet .fifth-tablet {
    grid-column-end: span 2;
  }
}
@media (max-width: 1024px) {
  .grid.g10-tablet .quarter-tablet,
  .inline-grid.g10-tablet .quarter-tablet {
    grid-column-end: span 3;
  }
}
@media (max-width: 1024px) {
  .grid.g10-tablet .third-tablet,
  .inline-grid.g10-tablet .third-tablet {
    grid-column-end: span 4;
  }
}
@media (max-width: 1024px) {
  .grid.g10-tablet .half-tablet,
  .inline-grid.g10-tablet .half-tablet {
    grid-column-end: span 5;
  }
}
@media (max-width: 1024px) {
  .grid.g11-tablet,
  .inline-grid.g11-tablet {
    grid-template-columns: repeat(11, minmax(auto, 1fr));
  }
}
@media (max-width: 1024px) {
  .grid.g11-tablet .fifth-tablet,
  .inline-grid.g11-tablet .fifth-tablet {
    grid-column-end: span 3;
  }
}
@media (max-width: 1024px) {
  .grid.g11-tablet .quarter-tablet,
  .inline-grid.g11-tablet .quarter-tablet {
    grid-column-end: span 3;
  }
}
@media (max-width: 1024px) {
  .grid.g11-tablet .third-tablet,
  .inline-grid.g11-tablet .third-tablet {
    grid-column-end: span 4;
  }
}
@media (max-width: 1024px) {
  .grid.g11-tablet .half-tablet,
  .inline-grid.g11-tablet .half-tablet {
    grid-column-end: span 6;
  }
}
@media (max-width: 1024px) {
  .grid.g12-tablet,
  .inline-grid.g12-tablet {
    grid-template-columns: repeat(12, minmax(auto, 1fr));
  }
}
@media (max-width: 1024px) {
  .grid.g12-tablet .fifth-tablet,
  .inline-grid.g12-tablet .fifth-tablet {
    grid-column-end: span 3;
  }
}
@media (max-width: 1024px) {
  .grid.g12-tablet .quarter-tablet,
  .inline-grid.g12-tablet .quarter-tablet {
    grid-column-end: span 3;
  }
}
@media (max-width: 1024px) {
  .grid.g12-tablet .third-tablet,
  .inline-grid.g12-tablet .third-tablet {
    grid-column-end: span 4;
  }
}
@media (max-width: 1024px) {
  .grid.g12-tablet .half-tablet,
  .inline-grid.g12-tablet .half-tablet {
    grid-column-end: span 6;
  }
}
@media (max-width: 850px) {
  .grid.g1-mobile,
  .inline-grid.g1-mobile {
    grid-template-columns: repeat(1, minmax(auto, 1fr));
  }
}
@media (max-width: 850px) {
  .grid.g1-mobile .fifth-mobile,
  .inline-grid.g1-mobile .fifth-mobile {
    grid-column-end: span 1;
  }
}
@media (max-width: 850px) {
  .grid.g1-mobile .quarter-mobile,
  .inline-grid.g1-mobile .quarter-mobile {
    grid-column-end: span 1;
  }
}
@media (max-width: 850px) {
  .grid.g1-mobile .third-mobile,
  .inline-grid.g1-mobile .third-mobile {
    grid-column-end: span 1;
  }
}
@media (max-width: 850px) {
  .grid.g1-mobile .half-mobile,
  .inline-grid.g1-mobile .half-mobile {
    grid-column-end: span 1;
  }
}
@media (max-width: 850px) {
  .grid.g1-mobile .full-mobile,
  .inline-grid.g1-mobile .full-mobile {
    grid-column: 1/-1;
  }
}
@media (max-width: 850px) {
  .grid.g2-mobile,
  .inline-grid.g2-mobile {
    grid-template-columns: repeat(2, minmax(auto, 1fr));
  }
}
@media (max-width: 850px) {
  .grid.g2-mobile .fifth-mobile,
  .inline-grid.g2-mobile .fifth-mobile {
    grid-column-end: span 1;
  }
}
@media (max-width: 850px) {
  .grid.g2-mobile .quarter-mobile,
  .inline-grid.g2-mobile .quarter-mobile {
    grid-column-end: span 1;
  }
}
@media (max-width: 850px) {
  .grid.g2-mobile .third-mobile,
  .inline-grid.g2-mobile .third-mobile {
    grid-column-end: span 1;
  }
}
@media (max-width: 850px) {
  .grid.g2-mobile .half-mobile,
  .inline-grid.g2-mobile .half-mobile {
    grid-column-end: span 1;
  }
}
@media (max-width: 850px) {
  .grid.g2-mobile .full-mobile,
  .inline-grid.g2-mobile .full-mobile {
    grid-column: 1/-1;
  }
}
@media (max-width: 850px) {
  .grid.g3-mobile,
  .inline-grid.g3-mobile {
    grid-template-columns: repeat(3, minmax(auto, 1fr));
  }
}
@media (max-width: 850px) {
  .grid.g3-mobile .fifth-mobile,
  .inline-grid.g3-mobile .fifth-mobile {
    grid-column-end: span 1;
  }
}
@media (max-width: 850px) {
  .grid.g3-mobile .quarter-mobile,
  .inline-grid.g3-mobile .quarter-mobile {
    grid-column-end: span 1;
  }
}
@media (max-width: 850px) {
  .grid.g3-mobile .third-mobile,
  .inline-grid.g3-mobile .third-mobile {
    grid-column-end: span 1;
  }
}
@media (max-width: 850px) {
  .grid.g3-mobile .half-mobile,
  .inline-grid.g3-mobile .half-mobile {
    grid-column-end: span 2;
  }
}
@media (max-width: 850px) {
  .grid.g3-mobile .full-mobile,
  .inline-grid.g3-mobile .full-mobile {
    grid-column: 1/-1;
  }
}
@media (max-width: 850px) {
  .grid.g4-mobile,
  .inline-grid.g4-mobile {
    grid-template-columns: repeat(4, minmax(auto, 1fr));
  }
}
@media (max-width: 850px) {
  .grid.g4-mobile .fifth-mobile,
  .inline-grid.g4-mobile .fifth-mobile {
    grid-column-end: span 1;
  }
}
@media (max-width: 850px) {
  .grid.g4-mobile .quarter-mobile,
  .inline-grid.g4-mobile .quarter-mobile {
    grid-column-end: span 1;
  }
}
@media (max-width: 850px) {
  .grid.g4-mobile .third-mobile,
  .inline-grid.g4-mobile .third-mobile {
    grid-column-end: span 2;
  }
}
@media (max-width: 850px) {
  .grid.g4-mobile .half-mobile,
  .inline-grid.g4-mobile .half-mobile {
    grid-column-end: span 2;
  }
}
@media (max-width: 850px) {
  .grid.g4-mobile .full-mobile,
  .inline-grid.g4-mobile .full-mobile {
    grid-column: 1/-1;
  }
}
@media (max-width: 850px) {
  .grid.g5-mobile,
  .inline-grid.g5-mobile {
    grid-template-columns: repeat(5, minmax(auto, 1fr));
  }
}
@media (max-width: 850px) {
  .grid.g5-mobile .fifth-mobile,
  .inline-grid.g5-mobile .fifth-mobile {
    grid-column-end: span 1;
  }
}
@media (max-width: 850px) {
  .grid.g5-mobile .quarter-mobile,
  .inline-grid.g5-mobile .quarter-mobile {
    grid-column-end: span 2;
  }
}
@media (max-width: 850px) {
  .grid.g5-mobile .third-mobile,
  .inline-grid.g5-mobile .third-mobile {
    grid-column-end: span 2;
  }
}
@media (max-width: 850px) {
  .grid.g5-mobile .half-mobile,
  .inline-grid.g5-mobile .half-mobile {
    grid-column-end: span 3;
  }
}
@media (max-width: 850px) {
  .grid.g5-mobile .full-mobile,
  .inline-grid.g5-mobile .full-mobile {
    grid-column: 1/-1;
  }
}
@media (max-width: 850px) {
  .grid.g6-mobile,
  .inline-grid.g6-mobile {
    grid-template-columns: repeat(6, minmax(auto, 1fr));
  }
}
@media (max-width: 850px) {
  .grid.g6-mobile .fifth-mobile,
  .inline-grid.g6-mobile .fifth-mobile {
    grid-column-end: span 2;
  }
}
@media (max-width: 850px) {
  .grid.g6-mobile .quarter-mobile,
  .inline-grid.g6-mobile .quarter-mobile {
    grid-column-end: span 2;
  }
}
@media (max-width: 850px) {
  .grid.g6-mobile .third-mobile,
  .inline-grid.g6-mobile .third-mobile {
    grid-column-end: span 2;
  }
}
@media (max-width: 850px) {
  .grid.g6-mobile .half-mobile,
  .inline-grid.g6-mobile .half-mobile {
    grid-column-end: span 3;
  }
}
@media (max-width: 850px) {
  .grid.g6-mobile .full-mobile,
  .inline-grid.g6-mobile .full-mobile {
    grid-column: 1/-1;
  }
}
@media (max-width: 850px) {
  .grid.g7-mobile,
  .inline-grid.g7-mobile {
    grid-template-columns: repeat(7, minmax(auto, 1fr));
  }
}
@media (max-width: 850px) {
  .grid.g7-mobile .fifth-mobile,
  .inline-grid.g7-mobile .fifth-mobile {
    grid-column-end: span 2;
  }
}
@media (max-width: 850px) {
  .grid.g7-mobile .quarter-mobile,
  .inline-grid.g7-mobile .quarter-mobile {
    grid-column-end: span 2;
  }
}
@media (max-width: 850px) {
  .grid.g7-mobile .third-mobile,
  .inline-grid.g7-mobile .third-mobile {
    grid-column-end: span 3;
  }
}
@media (max-width: 850px) {
  .grid.g7-mobile .half-mobile,
  .inline-grid.g7-mobile .half-mobile {
    grid-column-end: span 4;
  }
}
@media (max-width: 850px) {
  .grid.g7-mobile .full-mobile,
  .inline-grid.g7-mobile .full-mobile {
    grid-column: 1/-1;
  }
}
@media (max-width: 850px) {
  .grid.g8-mobile,
  .inline-grid.g8-mobile {
    grid-template-columns: repeat(8, minmax(auto, 1fr));
  }
}
@media (max-width: 850px) {
  .grid.g8-mobile .fifth-mobile,
  .inline-grid.g8-mobile .fifth-mobile {
    grid-column-end: span 2;
  }
}
@media (max-width: 850px) {
  .grid.g8-mobile .quarter-mobile,
  .inline-grid.g8-mobile .quarter-mobile {
    grid-column-end: span 2;
  }
}
@media (max-width: 850px) {
  .grid.g8-mobile .third-mobile,
  .inline-grid.g8-mobile .third-mobile {
    grid-column-end: span 3;
  }
}
@media (max-width: 850px) {
  .grid.g8-mobile .half-mobile,
  .inline-grid.g8-mobile .half-mobile {
    grid-column-end: span 4;
  }
}
@media (max-width: 850px) {
  .grid.g8-mobile .full-mobile,
  .inline-grid.g8-mobile .full-mobile {
    grid-column: 1/-1;
  }
}
@media (max-width: 850px) {
  .grid.g9-mobile,
  .inline-grid.g9-mobile {
    grid-template-columns: repeat(9, minmax(auto, 1fr));
  }
}
@media (max-width: 850px) {
  .grid.g9-mobile .fifth-mobile,
  .inline-grid.g9-mobile .fifth-mobile {
    grid-column-end: span 2;
  }
}
@media (max-width: 850px) {
  .grid.g9-mobile .quarter-mobile,
  .inline-grid.g9-mobile .quarter-mobile {
    grid-column-end: span 3;
  }
}
@media (max-width: 850px) {
  .grid.g9-mobile .third-mobile,
  .inline-grid.g9-mobile .third-mobile {
    grid-column-end: span 3;
  }
}
@media (max-width: 850px) {
  .grid.g9-mobile .half-mobile,
  .inline-grid.g9-mobile .half-mobile {
    grid-column-end: span 5;
  }
}
@media (max-width: 850px) {
  .grid.g9-mobile .full-mobile,
  .inline-grid.g9-mobile .full-mobile {
    grid-column: 1/-1;
  }
}
@media (max-width: 850px) {
  .grid.g10-mobile,
  .inline-grid.g10-mobile {
    grid-template-columns: repeat(10, minmax(auto, 1fr));
  }
}
@media (max-width: 850px) {
  .grid.g10-mobile .fifth-mobile,
  .inline-grid.g10-mobile .fifth-mobile {
    grid-column-end: span 2;
  }
}
@media (max-width: 850px) {
  .grid.g10-mobile .quarter-mobile,
  .inline-grid.g10-mobile .quarter-mobile {
    grid-column-end: span 3;
  }
}
@media (max-width: 850px) {
  .grid.g10-mobile .third-mobile,
  .inline-grid.g10-mobile .third-mobile {
    grid-column-end: span 4;
  }
}
@media (max-width: 850px) {
  .grid.g10-mobile .half-mobile,
  .inline-grid.g10-mobile .half-mobile {
    grid-column-end: span 5;
  }
}
@media (max-width: 850px) {
  .grid.g10-mobile .full-mobile,
  .inline-grid.g10-mobile .full-mobile {
    grid-column: 1/-1;
  }
}
@media (max-width: 850px) {
  .grid.g11-mobile,
  .inline-grid.g11-mobile {
    grid-template-columns: repeat(11, minmax(auto, 1fr));
  }
}
@media (max-width: 850px) {
  .grid.g11-mobile .fifth-mobile,
  .inline-grid.g11-mobile .fifth-mobile {
    grid-column-end: span 3;
  }
}
@media (max-width: 850px) {
  .grid.g11-mobile .quarter-mobile,
  .inline-grid.g11-mobile .quarter-mobile {
    grid-column-end: span 3;
  }
}
@media (max-width: 850px) {
  .grid.g11-mobile .third-mobile,
  .inline-grid.g11-mobile .third-mobile {
    grid-column-end: span 4;
  }
}
@media (max-width: 850px) {
  .grid.g11-mobile .half-mobile,
  .inline-grid.g11-mobile .half-mobile {
    grid-column-end: span 6;
  }
}
@media (max-width: 850px) {
  .grid.g11-mobile .full-mobile,
  .inline-grid.g11-mobile .full-mobile {
    grid-column: 1/-1;
  }
}
@media (max-width: 850px) {
  .grid.g12-mobile,
  .inline-grid.g12-mobile {
    grid-template-columns: repeat(12, minmax(auto, 1fr));
  }
}
@media (max-width: 850px) {
  .grid.g12-mobile .fifth-mobile,
  .inline-grid.g12-mobile .fifth-mobile {
    grid-column-end: span 3;
  }
}
@media (max-width: 850px) {
  .grid.g12-mobile .quarter-mobile,
  .inline-grid.g12-mobile .quarter-mobile {
    grid-column-end: span 3;
  }
}
@media (max-width: 850px) {
  .grid.g12-mobile .third-mobile,
  .inline-grid.g12-mobile .third-mobile {
    grid-column-end: span 4;
  }
}
@media (max-width: 850px) {
  .grid.g12-mobile .half-mobile,
  .inline-grid.g12-mobile .half-mobile {
    grid-column-end: span 6;
  }
}
@media (max-width: 850px) {
  .grid.g12-mobile .full-mobile,
  .inline-grid.g12-mobile .full-mobile {
    grid-column: 1/-1;
  }
}
@media (max-width: 1024px) {
  .grid .span-1-tablet,
  .inline-grid .span-1-tablet {
    grid-column-end: span 1;
    position: relative;
  }
}
@media (max-width: 1024px) {
  .grid .span-2-tablet,
  .inline-grid .span-2-tablet {
    grid-column-end: span 2;
    position: relative;
  }
}
@media (max-width: 1024px) {
  .grid .span-3-tablet,
  .inline-grid .span-3-tablet {
    grid-column-end: span 3;
    position: relative;
  }
}
@media (max-width: 1024px) {
  .grid .span-4-tablet,
  .inline-grid .span-4-tablet {
    grid-column-end: span 4;
    position: relative;
  }
}
@media (max-width: 1024px) {
  .grid .span-5-tablet,
  .inline-grid .span-5-tablet {
    grid-column-end: span 5;
    position: relative;
  }
}
@media (max-width: 1024px) {
  .grid .span-6-tablet,
  .inline-grid .span-6-tablet {
    grid-column-end: span 6;
    position: relative;
  }
}
@media (max-width: 1024px) {
  .grid .span-7-tablet,
  .inline-grid .span-7-tablet {
    grid-column-end: span 7;
    position: relative;
  }
}
@media (max-width: 1024px) {
  .grid .span-8-tablet,
  .inline-grid .span-8-tablet {
    grid-column-end: span 8;
    position: relative;
  }
}
@media (max-width: 1024px) {
  .grid .span-9-tablet,
  .inline-grid .span-9-tablet {
    grid-column-end: span 9;
    position: relative;
  }
}
@media (max-width: 1024px) {
  .grid .span-10-tablet,
  .inline-grid .span-10-tablet {
    grid-column-end: span 10;
    position: relative;
  }
}
@media (max-width: 1024px) {
  .grid .span-11-tablet,
  .inline-grid .span-11-tablet {
    grid-column-end: span 11;
    position: relative;
  }
}
@media (max-width: 1024px) {
  .grid .span-12-tablet,
  .inline-grid .span-12-tablet {
    grid-column-end: span 12;
    position: relative;
  }
}
@media (max-width: 768px) {
  .grid .span-1-tablet-small,
  .inline-grid .span-1-tablet-small {
    grid-column-end: span 1;
    position: relative;
  }
}
@media (max-width: 768px) {
  .grid .span-2-tablet-small,
  .inline-grid .span-2-tablet-small {
    grid-column-end: span 2;
    position: relative;
  }
}
@media (max-width: 768px) {
  .grid .span-3-tablet-small,
  .inline-grid .span-3-tablet-small {
    grid-column-end: span 3;
    position: relative;
  }
}
@media (max-width: 768px) {
  .grid .span-4-tablet-small,
  .inline-grid .span-4-tablet-small {
    grid-column-end: span 4;
    position: relative;
  }
}
@media (max-width: 768px) {
  .grid .span-5-tablet-small,
  .inline-grid .span-5-tablet-small {
    grid-column-end: span 5;
    position: relative;
  }
}
@media (max-width: 768px) {
  .grid .span-6-tablet-small,
  .inline-grid .span-6-tablet-small {
    grid-column-end: span 6;
    position: relative;
  }
}
@media (max-width: 768px) {
  .grid .span-7-tablet-small,
  .inline-grid .span-7-tablet-small {
    grid-column-end: span 7;
    position: relative;
  }
}
@media (max-width: 768px) {
  .grid .span-8-tablet-small,
  .inline-grid .span-8-tablet-small {
    grid-column-end: span 8;
    position: relative;
  }
}
@media (max-width: 768px) {
  .grid .span-9-tablet-small,
  .inline-grid .span-9-tablet-small {
    grid-column-end: span 9;
    position: relative;
  }
}
@media (max-width: 768px) {
  .grid .span-10-tablet-small,
  .inline-grid .span-10-tablet-small {
    grid-column-end: span 10;
    position: relative;
  }
}
@media (max-width: 768px) {
  .grid .span-11-tablet-small,
  .inline-grid .span-11-tablet-small {
    grid-column-end: span 11;
    position: relative;
  }
}
@media (max-width: 768px) {
  .grid .span-12-tablet-small,
  .inline-grid .span-12-tablet-small {
    grid-column-end: span 12;
    position: relative;
  }
}
@media (max-width: 850px) {
  .grid .span-1-mobile,
  .inline-grid .span-1-mobile {
    grid-column-end: span 1;
    position: relative;
  }
}
@media (max-width: 850px) {
  .grid .span-2-mobile,
  .inline-grid .span-2-mobile {
    grid-column-end: span 2;
    position: relative;
  }
}
@media (max-width: 850px) {
  .grid .span-3-mobile,
  .inline-grid .span-3-mobile {
    grid-column-end: span 3;
    position: relative;
  }
}
@media (max-width: 850px) {
  .grid .span-4-mobile,
  .inline-grid .span-4-mobile {
    grid-column-end: span 4;
    position: relative;
  }
}
@media (max-width: 850px) {
  .grid .span-5-mobile,
  .inline-grid .span-5-mobile {
    grid-column-end: span 5;
    position: relative;
  }
}
@media (max-width: 850px) {
  .grid .span-6-mobile,
  .inline-grid .span-6-mobile {
    grid-column-end: span 6;
    position: relative;
  }
}
@media (max-width: 850px) {
  .grid .span-7-mobile,
  .inline-grid .span-7-mobile {
    grid-column-end: span 7;
    position: relative;
  }
}
@media (max-width: 850px) {
  .grid .span-8-mobile,
  .inline-grid .span-8-mobile {
    grid-column-end: span 8;
    position: relative;
  }
}
@media (max-width: 850px) {
  .grid .span-9-mobile,
  .inline-grid .span-9-mobile {
    grid-column-end: span 9;
    position: relative;
  }
}
@media (max-width: 850px) {
  .grid .span-10-mobile,
  .inline-grid .span-10-mobile {
    grid-column-end: span 10;
    position: relative;
  }
}
@media (max-width: 850px) {
  .grid .span-11-mobile,
  .inline-grid .span-11-mobile {
    grid-column-end: span 11;
    position: relative;
  }
}
@media (max-width: 850px) {
  .grid .span-12-mobile,
  .inline-grid .span-12-mobile {
    grid-column-end: span 12;
    position: relative;
  }
}
@media (max-width: 1024px) {
  .grid .start-1-tablet,
  .inline-grid .start-1-tablet {
    grid-column-start: 1;
    position: relative;
  }
}
@media (max-width: 1024px) {
  .grid .start-2-tablet,
  .inline-grid .start-2-tablet {
    grid-column-start: 2;
    position: relative;
  }
}
@media (max-width: 1024px) {
  .grid .start-3-tablet,
  .inline-grid .start-3-tablet {
    grid-column-start: 3;
    position: relative;
  }
}
@media (max-width: 1024px) {
  .grid .start-4-tablet,
  .inline-grid .start-4-tablet {
    grid-column-start: 4;
    position: relative;
  }
}
@media (max-width: 1024px) {
  .grid .start-5-tablet,
  .inline-grid .start-5-tablet {
    grid-column-start: 5;
    position: relative;
  }
}
@media (max-width: 1024px) {
  .grid .start-6-tablet,
  .inline-grid .start-6-tablet {
    grid-column-start: 6;
    position: relative;
  }
}
@media (max-width: 1024px) {
  .grid .start-7-tablet,
  .inline-grid .start-7-tablet {
    grid-column-start: 7;
    position: relative;
  }
}
@media (max-width: 1024px) {
  .grid .start-8-tablet,
  .inline-grid .start-8-tablet {
    grid-column-start: 8;
    position: relative;
  }
}
@media (max-width: 1024px) {
  .grid .start-9-tablet,
  .inline-grid .start-9-tablet {
    grid-column-start: 9;
    position: relative;
  }
}
@media (max-width: 1024px) {
  .grid .start-10-tablet,
  .inline-grid .start-10-tablet {
    grid-column-start: 10;
    position: relative;
  }
}
@media (max-width: 1024px) {
  .grid .start-11-tablet,
  .inline-grid .start-11-tablet {
    grid-column-start: 11;
    position: relative;
  }
}
@media (max-width: 1024px) {
  .grid .start-12-tablet,
  .inline-grid .start-12-tablet {
    grid-column-start: 12;
    position: relative;
  }
}
@media (max-width: 850px) {
  .grid .start-1-mobile,
  .inline-grid .start-1-mobile {
    grid-column-start: 1;
    position: relative;
  }
}
@media (max-width: 850px) {
  .grid .start-2-mobile,
  .inline-grid .start-2-mobile {
    grid-column-start: 2;
    position: relative;
  }
}
@media (max-width: 850px) {
  .grid .start-3-mobile,
  .inline-grid .start-3-mobile {
    grid-column-start: 3;
    position: relative;
  }
}
@media (max-width: 850px) {
  .grid .start-4-mobile,
  .inline-grid .start-4-mobile {
    grid-column-start: 4;
    position: relative;
  }
}
@media (max-width: 850px) {
  .grid .start-5-mobile,
  .inline-grid .start-5-mobile {
    grid-column-start: 5;
    position: relative;
  }
}
@media (max-width: 850px) {
  .grid .start-6-mobile,
  .inline-grid .start-6-mobile {
    grid-column-start: 6;
    position: relative;
  }
}
@media (max-width: 850px) {
  .grid .start-7-mobile,
  .inline-grid .start-7-mobile {
    grid-column-start: 7;
    position: relative;
  }
}
@media (max-width: 850px) {
  .grid .start-8-mobile,
  .inline-grid .start-8-mobile {
    grid-column-start: 8;
    position: relative;
  }
}
@media (max-width: 850px) {
  .grid .start-9-mobile,
  .inline-grid .start-9-mobile {
    grid-column-start: 9;
    position: relative;
  }
}
@media (max-width: 850px) {
  .grid .start-10-mobile,
  .inline-grid .start-10-mobile {
    grid-column-start: 10;
    position: relative;
  }
}
@media (max-width: 850px) {
  .grid .start-11-mobile,
  .inline-grid .start-11-mobile {
    grid-column-start: 11;
    position: relative;
  }
}
@media (max-width: 850px) {
  .grid .start-12-mobile,
  .inline-grid .start-12-mobile {
    grid-column-start: 12;
    position: relative;
  }
}
.grid.max-width,
.inline-grid.max-width {
  max-width: 1440px;
  width: 100%;
}
.grid > *,
.inline-grid > * {
  width: 100%;
}
.grid .full,
.inline-grid .full {
  grid-column: 1/-1;
}
@media (max-width: 850px) {
  .grid .half-mobile,
  .inline-grid .half-mobile {
    grid-column: 1/-1;
  }
}
@media (max-width: 850px) {
  .grid .full-mobile,
  .inline-grid .full-mobile {
    grid-column: 1/-1;
  }
}
.grid .row-span-2,
.inline-grid .row-span-2 {
  grid-row-end: span 2;
}
.gap-0 {
  grid-gap: 0;
}
.gap-0-25 {
  grid-gap: 3.5px;
}
.gap-0-5 {
  grid-gap: 7px;
}
.gap-0-5--0 {
  grid-gap: 7px 0;
}
.gap-0--0-5 {
  grid-gap: 0 7px;
}
.gap-0--1 {
  grid-gap: 0 14px;
}
.gap-1--0 {
  grid-gap: 14px 0;
}
.gap-1 {
  grid-gap: 14px;
}
.gap-2 {
  grid-gap: 28px;
}
.gap-3 {
  grid-gap: 42px;
}
.gap-4 {
  grid-gap: 56px;
}
.gap-4--2 {
  grid-gap: 56px 28px;
}
.gap-6--3 {
  grid-gap: 84px 42px;
}
.gap-8--4 {
  grid-gap: 112px 56px;
}
@media (max-width: 850px) {
  .gap-0-5-mobile {
    grid-gap: 7px;
  }
}
@media (max-width: 850px) {
  .gap-0-mobile {
    grid-gap: 0;
  }
}
@media (max-width: 850px) {
  .gap-1-mobile {
    grid-gap: 14px;
  }
}
@media (max-width: 850px) {
  .gap-1-5-mobile {
    grid-gap: 21px;
  }
}
@media (max-width: 850px) {
  .gap-2-mobile {
    grid-gap: 28px;
  }
}
/* DISPLAY */
.display-none {
  display: none;
}
.display-block {
  display: block;
}
.display-inline-block {
  display: inline-block;
}
.display-inline {
  display: inline;
}
.display-contents {
  display: contents;
}
@media (max-width: 768px) {
  .display-none-tablet-portrait {
    display: none;
  }
}
@media (max-width: 1024px) {
  .display-none-tablet {
    display: none;
  }
}
@media (max-width: 1024px) {
  .display-block-tablet {
    display: block;
  }
}
@media (max-width: 850px) {
  .display-none-mob,
  .display-none-mobile {
    display: none;
  }
}
@media (max-width: 850px) {
  .display-inline-block-mobile {
    display: inline-block;
  }
}
@media (max-width: 850px) {
  .display-block-mobile {
    display: block;
  }
}
/* ORDER */
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.order-3 {
  order: 3;
}
.order-4 {
  order: 4;
}
.order-5 {
  order: 5;
}
.order-6 {
  order: 6;
}
.order-7 {
  order: 7;
}
.order-8 {
  order: 8;
}
.order-9 {
  order: 9;
}
.order-10 {
  order: 10;
}
@media (max-width: 1024px) {
  .order-1-tablet {
    order: 1;
  }
}
@media (max-width: 1024px) {
  .order-2-tablet {
    order: 2;
  }
}
@media (max-width: 1024px) {
  .order-3-tablet {
    order: 3;
  }
}
@media (max-width: 1024px) {
  .order-4-tablet {
    order: 4;
  }
}
@media (max-width: 1024px) {
  .order-5-tablet {
    order: 5;
  }
}
@media (max-width: 1024px) {
  .order-6-tablet {
    order: 6;
  }
}
@media (max-width: 1024px) {
  .order-7-tablet {
    order: 7;
  }
}
@media (max-width: 1024px) {
  .order-8-tablet {
    order: 8;
  }
}
@media (max-width: 1024px) {
  .order-9-tablet {
    order: 9;
  }
}
@media (max-width: 1024px) {
  .order-10-tablet {
    order: 10;
  }
}
@media (max-width: 850px) {
  .order-1-mobile {
    order: 1;
  }
}
@media (max-width: 850px) {
  .order-2-mobile {
    order: 2;
  }
}
@media (max-width: 850px) {
  .order-3-mobile {
    order: 3;
  }
}
@media (max-width: 850px) {
  .order-4-mobile {
    order: 4;
  }
}
@media (max-width: 850px) {
  .order-5-mobile {
    order: 5;
  }
}
@media (max-width: 850px) {
  .order-6-mobile {
    order: 6;
  }
}
@media (max-width: 850px) {
  .order-7-mobile {
    order: 7;
  }
}
@media (max-width: 850px) {
  .order-8-mobile {
    order: 8;
  }
}
@media (max-width: 850px) {
  .order-9-mobile {
    order: 9;
  }
}
@media (max-width: 850px) {
  .order-10-mobile {
    order: 10;
  }
}
/*html, body {
    margin: 0;
    box-sizing: border-box;
    font-family: @default-font;
    font-size: 100%;
    line-height: 1.4;
    font-weight: 300;
}*/
html {
  margin: 0;
  box-sizing: border-box;
  font-family: 'NK News Gothic', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif !important;
  font-size: 100%;
  line-height: 1.4;
  font-weight: 300;
}
html *,
html *:before,
html *:after {
  box-sizing: inherit;
}
html ::-webkit-scrollbar-thumb:hover {
  background: black !important;
  cursor: pointer;
}
html ::-webkit-scrollbar-thumb {
  background: black !important;
}
html body {
  margin: 0;
  position: relative;
  background: none;
  font-family: 'NK News Gothic', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif !important;
  color: #232323;
}
html body.prev {
  overflow: auto;
}
html body > section {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  padding: 112px 14px;
}
html body > section .wrapper {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}
html body > section .wrapper .vippsText {
  font-size: 1.7rem;
  font-weight: 400;
  color: #ff5b24;
}
html body.overlay {
  overflow: hidden;
  /*.loginContainer {
                z-index: 5;
            }*/
}
html body.overlay > section {
  overflow-y: hidden;
}
html body.overlay.stopScroll {
  position: relative;
}
html body.overlay:before {
  pointer-events: auto;
  opacity: 1;
  background: rgba(61, 60, 60, 0.8);
}
html body:before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 4;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
}
html body ::-webkit-scrollbar-thumb:hover {
  background: black !important;
  cursor: pointer;
}
html body ::-webkit-scrollbar-thumb {
  background: black !important;
}
a,
.btn-link {
  color: black;
  text-decoration: none;
}
a:hover,
.btn-link:hover {
  color: black;
}
.btn-primary {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}
.btn:focus,
.btn:active:focus,
.btn-link.nav-link:focus,
.form-control:focus,
.form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}
.content {
  padding-top: 1.1rem;
}
#header .nav .home-btn i {
  font-size: 2em!important;
}
#header .nav .back-forward a i {
  font-size: 1.6em !important;
}
#header .searchbar-wrapper .searchbar-inner form button i {
  font-size: 1.6em !important;
}
#header .searchbar-wrapper .searchbar-inner form input {
  font-size: 1rem !important;
}
h1:focus {
  outline: none;
}
.valid.modified:not([type=checkbox]) {
  outline: 1px solid #26b050;
}
.invalid {
  outline: 1px solid #e50000;
}
.validation-message {
  color: #e50000;
}
.blazor-error-boundary {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
  padding: 1rem 1rem 1rem 3.7rem;
  color: white;
}
.blazor-error-boundary::after {
  content: "An error has occurred.";
}
.darker-border-checkbox.form-check-input {
  border-color: #929292;
}
#productSection {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  padding: 112px 14px;
}
gap-0-25 {
  gap: 3.5px;
}
#productTabletPreview {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(61, 60, 60, 0.8);
  /*display: flex;
    align-items: center;
    justify-content: center;*/
  z-index: 1000;
  padding-top: 0 !important;
  overflow: auto;
}
#productTabletPreview .product-display-bg {
  min-height: 100vh;
  padding: 28px 0;
}
.close-button {
  position: fixed;
  top: 14px;
  right: 14px;
  background: none;
  border: none;
  font-size: 1.4rem;
  cursor: pointer;
  z-index: 1001;
  background: #E6E6E6;
  padding: 7px;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
}
.close-button i {
  margin: auto;
  line-height: 0.8;
}
#productTabletPreview .single-product-wrapper .product .image-slider .slider-track .image-slider-wrapper .product-display-badge.moveForDiscount {
  top: 58px;
}
#productTabletPreview .single-product-wrapper .product .product-tags .product-tag.bw {
  background: black;
  color: #FF9966;
}
#productTabletPreview .single-product-wrapper .product .single-product-description-wrapper .info-stock {
  margin-left: 14px;
  margin-top: 14px;
}
#goto-top-button a {
  background: black;
  color: white;
}
.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  animation-fill-mode: both;
  animation: bblFadInOut 1.8s infinite ease-in-out;
}
.loader {
  color: black;
  font-size: 7px;
  position: relative;
  text-indent: -9999em;
  transform: translateZ(0);
  animation-delay: -0.16s;
  margin: 56px auto;
}
.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0;
}
.loader:before {
  left: -3.5em;
  animation-delay: -0.32s;
}
.loader:after {
  left: 3.5em;
}
@keyframes bblFadInOut {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
.frontpage-container {
  width: 100%;
  height: 100vh;
  background: black;
  position: absolute;
  top: 0;
  z-index: 11;
  background-image: url(../gfx/NK_miljobilde5.jpg) !important;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.frontpage-container .inner-wrapper {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}
.frontpage-container .inner-wrapper .logo-wrapper {
  display: flex;
  justify-content: center;
}
.frontpage-container .inner-wrapper .logo-wrapper .logo {
  height: 100px !important;
  width: 100px !important;
  display: block;
  position: absolute;
  margin: 84px auto;
}
.frontpage-container .inner-wrapper .logo-wrapper .logo img {
  height: 100% !important;
  width: 100% !important;
  border: none!important;
}
.button-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 0;
  height: 100vh;
  gap: 0 !important;
}
.button-list.sub {
  gap: 14px !important;
}
.button-list li {
  list-style: none;
  display: flex;
  justify-content: center;
  width: 70%;
  padding: 14px 0;
}
.button-list li a {
  display: flex;
  flex-direction: column;
  color: white !important;
  font-size: 1.6rem !important;
  background-color: #000000e8 !important;
  height: 150px !important;
  width: 70%;
  text-align: center;
  align-items: center;
  justify-content: center;
  border-radius: 0 !important;
  text-transform: uppercase;
  font-family: "NK Franklin", sans-serif;
  border: 4px solid white !important;
  border: none !important;
}
.button-list li a.bw {
  background-color: #D34500 !important;
}
.button-list li a .icon {
  height: 70px;
  width: 70px;
  margin: 20px;
}
.button-list li a .icon img {
  width: 100%;
}
.button-list li a:focus {
  background-color: white !important;
  color: black !important;
}
.button-list li a:active {
  background-color: white !important;
  color: black !important;
}
.button-list li.sub {
  padding: 7px 0;
}
.button-list li.sub a {
  height: 80px !important;
  font-size: 1.4rem !important;
}
.screensaver {
  position: absolute;
  z-index: 999;
}
#header {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  width: 100%;
  background: #fff;
  top: 0;
  padding: 12px 0;
  border-bottom: 1px solid #d3d3d3;
  z-index: 2;
}
#header .nav {
  width: 20%;
  display: flex;
  justify-content: space-between;
}
#header .nav .home-btn {
  margin-left: 22px;
}
#header .nav .home-btn i {
  font-size: 2.4em;
}
#header .nav .home-btn i::before {
  display: block;
}
#header .nav .back-forward {
  display: flex;
  gap: 14px;
  align-content: center;
  flex-wrap: wrap;
}
#header .nav .back-forward a i {
  font-size: 2em;
}
#header .nav .back-forward a i::before {
  display: block;
}
#header .searchbar-wrapper {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}
#header .searchbar-wrapper .searchbar-inner {
  margin: 0 auto;
  width: 100%;
  max-width: 1440px;
  display: block;
  position: relative;
  display: flex;
  align-items: flex-start;
}
#header .searchbar-wrapper .searchbar-inner form {
  margin: auto;
  width: 100%;
  flex: 0 1 auto;
}
#header .searchbar-wrapper .searchbar-inner form input {
  display: inline-block;
  padding: 10px;
  font-size: 1.3rem;
  width: 80%;
  margin: 0 auto;
  border: 0;
  margin-left: 18.2px;
}
#header .searchbar-wrapper .searchbar-inner form button {
  background: none;
  border: none;
  padding: 0;
}
#header .searchbar-wrapper .searchbar-inner form button i {
  font-size: 2em;
}
#searchBtn {
  overflow: unset;
  color: black;
}
.input-wrapper input::placeholder {
  font-weight: 300;
}
.input-wrapper input {
  font-family: 'NK News Gothic', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-weight: 300;
}
.tablet-autocomplete-wrapper {
  position: absolute;
  top: 74px;
  left: 0;
  display: flex;
  flex-direction: column;
  padding: 14px;
  background: white;
  width: 100%;
}
.tablet-autocomplete-wrapper .product-count {
  font-weight: 600;
  font-size: 0.8rem;
  margin-top: 14px;
  text-transform: uppercase;
  font-family: "NK Franklin", sans-serif;
  letter-spacing: 0.4px;
}
.tablet-autocomplete-wrapper .tablet-autocomplete-list {
  list-style: none;
  padding: 0;
  margin: 0;
  left: 0;
  top: 100px;
  display: flex;
  flex-direction: column;
  margin-top: 14px;
}
.tablet-autocomplete-wrapper .tablet-autocomplete-list li a {
  display: flex;
  align-items: center;
  font-size: 0.9rem;
  gap: 14px;
  padding: 14px 0;
  border-bottom: 1px solid black;
}
.tablet-autocomplete-wrapper .tablet-autocomplete-list li a picture {
  width: 50px;
  height: 50px;
  margin: 0;
}
.tablet-autocomplete-wrapper .tablet-autocomplete-list li a picture img {
  width: 100%;
}
.tablet-autocomplete-wrapper .tablet-autocomplete-list li a .ac-brand {
  font-weight: 600;
  margin-right: 7px;
}
.tablet-autocomplete-wrapper .tablet-autocomplete-list li a .ac-price {
  margin-left: auto;
}
.tablet-autocomplete-wrapper .tablet-autocomplete-list li a.show-all {
  border-bottom: none;
  padding: 28px 0;
}
.no-result {
  text-align: center;
}
#productTabletPreview .single-product-wrapper .product {
  position: relative;
}
#productTabletPreview .single-product-wrapper .product .discount {
  position: absolute;
  background: #252525;
  color: #fff;
  font-weight: 600;
  text-align: center;
  left: 0;
  top: 14px;
  z-index: 1;
  font-size: 1.4rem;
  padding: 5.6px 8.4px;
  width: auto;
}
#productTabletPreview .single-product-wrapper .product .image-slider {
  position: relative;
  max-width: 600px;
  margin: 0 auto;
  overflow: hidden;
}
#productTabletPreview .single-product-wrapper .product .image-slider .slider-track {
  display: flex;
  transition: transform 0.5s ease;
}
#productTabletPreview .single-product-wrapper .product .image-slider .slider-track .image-slider-wrapper {
  display: flex;
}
#productTabletPreview .single-product-wrapper .product .image-slider .slider-track .image-slider-wrapper img {
  width: 100%;
  height: auto;
  display: block;
  padding: 1px;
  flex-shrink: 0;
  margin: auto 0;
}
#productTabletPreview .single-product-wrapper .product .image-slider .slider-track .image-slider-wrapper .product-display-badge {
  position: absolute;
  height: 120px;
  width: 120px;
  top: 0;
  left: 0;
  right: auto;
  object-fit: contain;
}
#productTabletPreview .single-product-wrapper .product .image-slider .slider-track .image-slider-wrapper .product-display-badge img {
  max-height: 100%;
  max-width: 100%;
  margin: auto;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#productTabletPreview .single-product-wrapper .product .image-slider .slider-controls {
  position: absolute;
  top: 50%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
}
#productTabletPreview .single-product-wrapper .product .image-slider .slider-controls button {
  background: none;
  border: none;
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  text-decoration: none !important;
  font-size: 2rem;
  line-height: 0.8;
}
#productTabletPreview .single-product-wrapper .product .image-slider .slider-controls button.left {
  left: 14px;
  right: auto;
}
#productTabletPreview .single-product-wrapper .product .image-slider .slider-controls button.right {
  right: 14px;
  left: auto;
}
#productTabletPreview .single-product-wrapper .product .image-slider .slider-controls button .icon {
  vertical-align: middle;
  display: inline-block;
  color: black;
}
#productTabletPreview .single-product-wrapper .product .image-slider .slider-indicators {
  text-align: center;
  padding: 14px 0;
  display: flex;
  gap: 7px;
  justify-content: center;
}
#productTabletPreview .single-product-wrapper .product .image-slider .slider-indicators .indicator {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: #e6e6e6;
  border-radius: 50%;
  cursor: pointer;
}
#productTabletPreview .single-product-wrapper .product .image-slider .slider-indicators .indicator.active {
  background-color: #000;
}
#productTabletPreview .single-product-wrapper .product .image-slider .thumbnail-container {
  display: flex;
  justify-content: center;
  gap: 14px;
  margin: 14px 0 0 0;
}
#productTabletPreview .single-product-wrapper .product .image-slider .thumbnail-container .thumbnail {
  width: 60px;
  height: 60px;
  border: 1px solid #dadada;
}
#productTabletPreview .single-product-wrapper .product .image-slider .thumbnail-container .thumbnail img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  padding: 0;
}
#productTabletPreview .single-product-wrapper .product .product-tags {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 3.5px;
  padding: 0 0 14px;
  position: relative;
}
#productTabletPreview .single-product-wrapper .product .product-tags .product-tag {
  display: inline-block;
  position: relative;
  margin: 0;
  width: auto;
  background: #e6e6e6;
  font-size: 0.8rem;
  line-height: 1;
  font-weight: 700;
  padding: 7px;
  text-transform: uppercase;
  color: #555;
  font-weight: 800;
}
.search-query {
  text-transform: none;
  text-align: center;
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 28px;
}
.search-query span {
  font-weight: 600;
}
.products-count {
  font-weight: 500;
  font-size: 0.8rem;
}
#tablet-related-products,
#tablet-additional-products {
  flex-wrap: nowrap;
  overflow: scroll;
}
#tablet-related-products .product,
#tablet-additional-products .product {
  width: 25%;
  min-width: 30%;
}
.product-list-select {
  font-size: 0.7rem !important;
  font-weight: 300;
  border: 1px solid black;
}
.product-list-select:focus {
  outline: none !important;
}
.product-text .brand {
  font-size: 0.8rem !important;
  font-family: "NK Franklin", sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 0.4px;
  color: #232323 !important;
}
.product-text .model {
  margin: 7px 0 !important;
  font-weight: 300 !important;
  font-size: 0.8rem !important;
  color: #232323 !important;
  line-height: 1.4 !important;
}
.product-text .priceWrapper .small {
  display: none;
}
.product-text .priceWrapper .priceTag {
  font-size: 0.8rem !important;
  font-weight: bold !important;
  font-family: 'NK News Gothic', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif !important;
  color: #232323 !important;
}
.filter-wrapper {
  display: block;
  margin-bottom: 28px;
  border-bottom: none;
}
.filter-wrapper .category-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  justify-content: center;
  align-items: center;
  gap: 7px;
}
.filter-wrapper .category-list .category {
  position: relative;
  display: flex;
  justify-content: center;
  flex: 0 1 auto;
  text-align: start;
}
.filter-wrapper .category-list .category a {
  color: white;
  background: black;
  border: 1px solid black;
  text-decoration: none;
  padding: 10.5px 14px;
}
.filter-wrapper .category-list .category a.selected {
  background: white;
  color: black;
}
.filter-wrapper .category-list .category a .name {
  display: block;
  text-align: center;
  font-size: 0.7rem;
  text-transform: uppercase;
}
@media (max-width: 850px) {
  .product-info-wrapper {
    width: 100% !important;
  }
}
.product-info-wrapper .info-stock {
  display: grid;
  grid-template-columns: auto auto;
  gap: 14px;
  margin-top: 7px;
  align-self: flex-end;
  width: 100%;
}
@media (max-width: 850px) {
  .product-info-wrapper .info-stock {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
.product-info-wrapper .info-stock .stock-nettsortiment,
.product-info-wrapper .info-stock .stock-store {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: flex-start;
}
.product-info-wrapper .info-stock .stock-nettsortiment i,
.product-info-wrapper .info-stock .stock-store i {
  font-size: 0.7rem;
  line-height: 1.2;
  margin-right: 3.5px;
  margin-top: 3.5px;
}
.product-info-wrapper .info-stock .stock-nettsortiment span,
.product-info-wrapper .info-stock .stock-store span {
  font-size: 0.7rem;
  line-height: 1.4;
}
.product-info-wrapper .info-stock .stock-nettsortiment a,
.product-info-wrapper .info-stock .stock-store a {
  font-size: 0.7rem;
  line-height: 1.4;
  display: inline-block;
}
.product-info-wrapper .info-stock .stock-store {
  display: flex!important;
  justify-content: flex-end;
  flex-direction: column!important;
}
@media (max-width: 850px) {
  .product-info-wrapper .info-stock .stock-store {
    align-items: flex-start;
    justify-content: flex-start;
  }
}
.product-info-wrapper .info-stock .stock-store .stock-display-wrapper {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
}
@media (max-width: 850px) {
  .product-info-wrapper .info-stock .stock-store .stock-display-wrapper {
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
  }
}
.product-info-wrapper .info-stock .stock-store .stock-display-wrapper .stock-display {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: column-reverse;
  -moz-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  text-align: right;
}
@media (max-width: 850px) {
  .product-info-wrapper .info-stock .stock-store .stock-display-wrapper .stock-display {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;
  }
}
.pagination-text {
  font-size: 0.8rem;
  text-transform: uppercase;
  line-height: normal;
}
.range-bar .progress {
  background: black !important;
}
.pagination-btn {
  background: white !important;
  border: 1px solid black !important;
  color: black !important;
  font-family: 'NK News Gothic', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif !important;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 0.8rem;
}
.pagination-btn:focus {
  background: black;
  color: white;
}
.single-product-description-wrapper {
  color: #232323;
}
.single-product-description-wrapper .brand {
  text-transform: uppercase !important;
  font-family: "NK Franklin", sans-serif;
  font-size: 1.2rem !important;
  letter-spacing: 0.4px !important;
}
.single-product-description-wrapper .model {
  font-weight: 300 !important;
  font-size: 0.9rem !important;
  margin: 7px 0;
}
.single-product-description-wrapper .price {
  font-weight: 600;
  margin: 0;
}
.single-product-description-wrapper .desc {
  font-size: 0.8rem;
}
.single-product-description-wrapper .buy-btn {
  font-size: 0.75rem;
  margin: 28px 14px;
  text-transform: uppercase;
  font-family: 'NK News Gothic', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-weight: 300;
  border: none;
}
.single-product-description-wrapper .info-stock .stock-store {
  flex-direction: column !important;
}
.single-product-description-wrapper .info-stock .stock-store i::before {
  display: block;
  line-height: 1.4;
}
#product-description {
  font-size: 0.8rem;
  color: #232323;
}
#product-description h2 {
  text-transform: uppercase;
  font-size: 0.8rem;
  border-bottom: 2px solid black;
  width: fit-content;
  text-align: left;
  line-height: 1.6;
  margin-bottom: 14px;
  font-weight: bold;
}
.data-list-product:after {
  line-height: 0.6;
}
.data-list-product dd,
.data-list-product dt {
  border-bottom: none;
  color: #232323;
  font-weight: 300;
}
.data-list-product dt {
  color: black !important;
  font-weight: 600;
}
.standard-details summary {
  text-transform: uppercase;
  font-size: 0.8rem;
}
.stock-display span {
  font-size: 0.7rem;
}
#brandSection .wrapper {
  padding: 112px 14px;
}
#brandSection .wrapper h1 {
  text-transform: uppercase;
  font-size: 1.2rem;
}
#brandSection .wrapper .letter-container {
  /*background: @color-1;*/
  padding: 42px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  max-width: 100%;
}
#brandSection .wrapper .letter-container button {
  border: none;
  background: black;
  color: white;
  padding: 3.5px 28px;
  font-weight: 300;
  font-size: 0.8rem;
}
#brandSection .wrapper .letter-container .letters {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  margin-left: 28px;
  width: 100%;
  max-width: 100%;
  justify-content: space-between;
}
#brandSection .wrapper .letter-container .letters a {
  font-size: 1.1rem;
  font-weight: 500;
}
#brandSection .wrapper .letter-container .letters a.selected {
  font-weight: 600;
}
#brandSection .wrapper #brands-list-tablet .brand-list-inner {
  flex-direction: column;
}
#brandSection .wrapper #brands-list-tablet .brand-list-inner h3 {
  font-size: 1.1rem;
  margin-bottom: 14px;
}
#brandSection .wrapper #brands-list-tablet .brand-list-inner ul li {
  grid-column: span 4 !important;
  padding: 3.5px 0;
}
#brandSection .wrapper #brands-list-tablet .brand-list-inner ul li span {
  font-size: 0.75rem;
  margin: 0;
}
.quick-cart {
  position: fixed;
  bottom: 28px;
  left: 28px;
  border-radius: 0 0 0 36px;
  height: auto;
  min-height: 200px;
  max-height: 90%;
  overflow-y: scroll;
  width: 400px;
  padding: 14px;
  background: white;
  -webkit-box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.12);
  z-index: 1001;
  transform-origin: bottom left;
  transform: scale(0);
  opacity: 0;
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
.quick-cart.active {
  transform: scale(1);
  opacity: 1;
}
.quick-cart h2 {
  font-family: "NK Franklin", sans-serif;
  text-transform: uppercase;
  text-align: center;
  margin: 7px 0 14px 0;
  letter-spacing: 0.4px;
}
.quick-cart .empty-cart-text {
  text-align: center;
  font-size: 0.8rem;
}
.quick-cart ul {
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 3.5px;
}
.quick-cart ul .cart-item {
  display: flex;
  width: 100%;
  gap: 14px;
}
.quick-cart ul .cart-item .product-image {
  width: 30%;
}
.quick-cart ul .cart-item .product-image img {
  width: 100%;
  display: block;
}
.quick-cart ul .cart-item .product-info {
  width: 70%;
  display: flex;
  flex-direction: column;
  font-size: 0.8rem;
}
.quick-cart ul .cart-item .product-info h3 {
  font-family: "NK Franklin", sans-serif;
  letter-spacing: 0.4px;
  font-size: 0.9rem;
}
.quick-cart ul .cart-item .product-info p {
  margin: 3.5px 0;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
}
.quick-cart ul .cart-item .product-info span {
  font-weight: 600;
}
.quick-cart ul .cart-item .product-info .product-qty {
  width: fit-content;
  border: 1px solid black;
  margin-top: 7px;
}
.quick-cart ul .cart-item .product-info .product-qty button {
  padding: 10.5px 7px;
  border: none;
}
.quick-cart ul .cart-item .product-info .product-qty input {
  height: 100%;
  border: none;
  max-width: 40px;
  text-align: center;
}
.quick-cart ul .cart-item .product-info .delete-item {
  display: flex;
  align-items: flex-end;
  position: relative;
  margin-left: auto;
}
.quick-cart ul .cart-item .product-info .delete-item i {
  font-size: 1.2rem;
}
.quick-cart ul .cart-item .product-info .delete-item i:before {
  display: block;
}
.quick-cart ul .cart-item .product-info .confirm-dialog {
  position: absolute;
  padding: 14px;
  background: white;
  -webkit-box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.12);
  border-radius: 6px;
  z-index: 1003;
}
.quick-cart ul .cart-item .product-info .confirm-dialog button {
  padding: 7px 14px;
  border: 1px solid black;
}
.quick-cart .price-total {
  font-family: "NK Franklin", sans-serif;
  letter-spacing: 0.4px;
  font-size: 0.9rem;
  display: flex;
  justify-content: center;
  text-transform: uppercase;
}
.quick-cart .checkout-info-text {
  text-align: center;
  font-size: 0.8rem;
}
.quick-cart .checkout-btn {
  font-family: 'NK News Gothic', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 0.75rem;
  display: flex;
  margin: 0 auto;
}
.quick-cart .margin-btm {
  height: 70px;
}
.quick-cart-btn {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: black;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  bottom: 28px;
  left: 28px;
  -webkit-box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.12);
  z-index: 1002;
}
.quick-cart-btn.open {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.quick-cart-btn img {
  width: 34px;
  height: 34px;
  position: relative;
}
.quick-cart-btn img.close {
  width: 24px;
  height: 24px;
}
.quick-cart-btn .cart-items-count {
  position: absolute;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  margin-top: 14px;
  font-weight: 600;
}
.quick-cart-btn .cart-items-count span {
  font-size: 1rem;
}