/*@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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .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: 767px) {
  .grid.g1-mobile,
  .inline-grid.g1-mobile {
    grid-template-columns: repeat(1, minmax(auto, 1fr));
  }
}
@media (max-width: 767px) {
  .grid.g1-mobile .fifth-mobile,
  .inline-grid.g1-mobile .fifth-mobile {
    grid-column-end: span 1;
  }
}
@media (max-width: 767px) {
  .grid.g1-mobile .quarter-mobile,
  .inline-grid.g1-mobile .quarter-mobile {
    grid-column-end: span 1;
  }
}
@media (max-width: 767px) {
  .grid.g1-mobile .third-mobile,
  .inline-grid.g1-mobile .third-mobile {
    grid-column-end: span 1;
  }
}
@media (max-width: 767px) {
  .grid.g1-mobile .half-mobile,
  .inline-grid.g1-mobile .half-mobile {
    grid-column-end: span 1;
  }
}
@media (max-width: 767px) {
  .grid.g1-mobile .full-mobile,
  .inline-grid.g1-mobile .full-mobile {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  .grid.g2-mobile,
  .inline-grid.g2-mobile {
    grid-template-columns: repeat(2, minmax(auto, 1fr));
  }
}
@media (max-width: 767px) {
  .grid.g2-mobile .fifth-mobile,
  .inline-grid.g2-mobile .fifth-mobile {
    grid-column-end: span 1;
  }
}
@media (max-width: 767px) {
  .grid.g2-mobile .quarter-mobile,
  .inline-grid.g2-mobile .quarter-mobile {
    grid-column-end: span 1;
  }
}
@media (max-width: 767px) {
  .grid.g2-mobile .third-mobile,
  .inline-grid.g2-mobile .third-mobile {
    grid-column-end: span 1;
  }
}
@media (max-width: 767px) {
  .grid.g2-mobile .half-mobile,
  .inline-grid.g2-mobile .half-mobile {
    grid-column-end: span 1;
  }
}
@media (max-width: 767px) {
  .grid.g2-mobile .full-mobile,
  .inline-grid.g2-mobile .full-mobile {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  .grid.g3-mobile,
  .inline-grid.g3-mobile {
    grid-template-columns: repeat(3, minmax(auto, 1fr));
  }
}
@media (max-width: 767px) {
  .grid.g3-mobile .fifth-mobile,
  .inline-grid.g3-mobile .fifth-mobile {
    grid-column-end: span 1;
  }
}
@media (max-width: 767px) {
  .grid.g3-mobile .quarter-mobile,
  .inline-grid.g3-mobile .quarter-mobile {
    grid-column-end: span 1;
  }
}
@media (max-width: 767px) {
  .grid.g3-mobile .third-mobile,
  .inline-grid.g3-mobile .third-mobile {
    grid-column-end: span 1;
  }
}
@media (max-width: 767px) {
  .grid.g3-mobile .half-mobile,
  .inline-grid.g3-mobile .half-mobile {
    grid-column-end: span 2;
  }
}
@media (max-width: 767px) {
  .grid.g3-mobile .full-mobile,
  .inline-grid.g3-mobile .full-mobile {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  .grid.g4-mobile,
  .inline-grid.g4-mobile {
    grid-template-columns: repeat(4, minmax(auto, 1fr));
  }
}
@media (max-width: 767px) {
  .grid.g4-mobile .fifth-mobile,
  .inline-grid.g4-mobile .fifth-mobile {
    grid-column-end: span 1;
  }
}
@media (max-width: 767px) {
  .grid.g4-mobile .quarter-mobile,
  .inline-grid.g4-mobile .quarter-mobile {
    grid-column-end: span 1;
  }
}
@media (max-width: 767px) {
  .grid.g4-mobile .third-mobile,
  .inline-grid.g4-mobile .third-mobile {
    grid-column-end: span 2;
  }
}
@media (max-width: 767px) {
  .grid.g4-mobile .half-mobile,
  .inline-grid.g4-mobile .half-mobile {
    grid-column-end: span 2;
  }
}
@media (max-width: 767px) {
  .grid.g4-mobile .full-mobile,
  .inline-grid.g4-mobile .full-mobile {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  .grid.g5-mobile,
  .inline-grid.g5-mobile {
    grid-template-columns: repeat(5, minmax(auto, 1fr));
  }
}
@media (max-width: 767px) {
  .grid.g5-mobile .fifth-mobile,
  .inline-grid.g5-mobile .fifth-mobile {
    grid-column-end: span 1;
  }
}
@media (max-width: 767px) {
  .grid.g5-mobile .quarter-mobile,
  .inline-grid.g5-mobile .quarter-mobile {
    grid-column-end: span 2;
  }
}
@media (max-width: 767px) {
  .grid.g5-mobile .third-mobile,
  .inline-grid.g5-mobile .third-mobile {
    grid-column-end: span 2;
  }
}
@media (max-width: 767px) {
  .grid.g5-mobile .half-mobile,
  .inline-grid.g5-mobile .half-mobile {
    grid-column-end: span 3;
  }
}
@media (max-width: 767px) {
  .grid.g5-mobile .full-mobile,
  .inline-grid.g5-mobile .full-mobile {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  .grid.g6-mobile,
  .inline-grid.g6-mobile {
    grid-template-columns: repeat(6, minmax(auto, 1fr));
  }
}
@media (max-width: 767px) {
  .grid.g6-mobile .fifth-mobile,
  .inline-grid.g6-mobile .fifth-mobile {
    grid-column-end: span 2;
  }
}
@media (max-width: 767px) {
  .grid.g6-mobile .quarter-mobile,
  .inline-grid.g6-mobile .quarter-mobile {
    grid-column-end: span 2;
  }
}
@media (max-width: 767px) {
  .grid.g6-mobile .third-mobile,
  .inline-grid.g6-mobile .third-mobile {
    grid-column-end: span 2;
  }
}
@media (max-width: 767px) {
  .grid.g6-mobile .half-mobile,
  .inline-grid.g6-mobile .half-mobile {
    grid-column-end: span 3;
  }
}
@media (max-width: 767px) {
  .grid.g6-mobile .full-mobile,
  .inline-grid.g6-mobile .full-mobile {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  .grid.g7-mobile,
  .inline-grid.g7-mobile {
    grid-template-columns: repeat(7, minmax(auto, 1fr));
  }
}
@media (max-width: 767px) {
  .grid.g7-mobile .fifth-mobile,
  .inline-grid.g7-mobile .fifth-mobile {
    grid-column-end: span 2;
  }
}
@media (max-width: 767px) {
  .grid.g7-mobile .quarter-mobile,
  .inline-grid.g7-mobile .quarter-mobile {
    grid-column-end: span 2;
  }
}
@media (max-width: 767px) {
  .grid.g7-mobile .third-mobile,
  .inline-grid.g7-mobile .third-mobile {
    grid-column-end: span 3;
  }
}
@media (max-width: 767px) {
  .grid.g7-mobile .half-mobile,
  .inline-grid.g7-mobile .half-mobile {
    grid-column-end: span 4;
  }
}
@media (max-width: 767px) {
  .grid.g7-mobile .full-mobile,
  .inline-grid.g7-mobile .full-mobile {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  .grid.g8-mobile,
  .inline-grid.g8-mobile {
    grid-template-columns: repeat(8, minmax(auto, 1fr));
  }
}
@media (max-width: 767px) {
  .grid.g8-mobile .fifth-mobile,
  .inline-grid.g8-mobile .fifth-mobile {
    grid-column-end: span 2;
  }
}
@media (max-width: 767px) {
  .grid.g8-mobile .quarter-mobile,
  .inline-grid.g8-mobile .quarter-mobile {
    grid-column-end: span 2;
  }
}
@media (max-width: 767px) {
  .grid.g8-mobile .third-mobile,
  .inline-grid.g8-mobile .third-mobile {
    grid-column-end: span 3;
  }
}
@media (max-width: 767px) {
  .grid.g8-mobile .half-mobile,
  .inline-grid.g8-mobile .half-mobile {
    grid-column-end: span 4;
  }
}
@media (max-width: 767px) {
  .grid.g8-mobile .full-mobile,
  .inline-grid.g8-mobile .full-mobile {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  .grid.g9-mobile,
  .inline-grid.g9-mobile {
    grid-template-columns: repeat(9, minmax(auto, 1fr));
  }
}
@media (max-width: 767px) {
  .grid.g9-mobile .fifth-mobile,
  .inline-grid.g9-mobile .fifth-mobile {
    grid-column-end: span 2;
  }
}
@media (max-width: 767px) {
  .grid.g9-mobile .quarter-mobile,
  .inline-grid.g9-mobile .quarter-mobile {
    grid-column-end: span 3;
  }
}
@media (max-width: 767px) {
  .grid.g9-mobile .third-mobile,
  .inline-grid.g9-mobile .third-mobile {
    grid-column-end: span 3;
  }
}
@media (max-width: 767px) {
  .grid.g9-mobile .half-mobile,
  .inline-grid.g9-mobile .half-mobile {
    grid-column-end: span 5;
  }
}
@media (max-width: 767px) {
  .grid.g9-mobile .full-mobile,
  .inline-grid.g9-mobile .full-mobile {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  .grid.g10-mobile,
  .inline-grid.g10-mobile {
    grid-template-columns: repeat(10, minmax(auto, 1fr));
  }
}
@media (max-width: 767px) {
  .grid.g10-mobile .fifth-mobile,
  .inline-grid.g10-mobile .fifth-mobile {
    grid-column-end: span 2;
  }
}
@media (max-width: 767px) {
  .grid.g10-mobile .quarter-mobile,
  .inline-grid.g10-mobile .quarter-mobile {
    grid-column-end: span 3;
  }
}
@media (max-width: 767px) {
  .grid.g10-mobile .third-mobile,
  .inline-grid.g10-mobile .third-mobile {
    grid-column-end: span 4;
  }
}
@media (max-width: 767px) {
  .grid.g10-mobile .half-mobile,
  .inline-grid.g10-mobile .half-mobile {
    grid-column-end: span 5;
  }
}
@media (max-width: 767px) {
  .grid.g10-mobile .full-mobile,
  .inline-grid.g10-mobile .full-mobile {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  .grid.g11-mobile,
  .inline-grid.g11-mobile {
    grid-template-columns: repeat(11, minmax(auto, 1fr));
  }
}
@media (max-width: 767px) {
  .grid.g11-mobile .fifth-mobile,
  .inline-grid.g11-mobile .fifth-mobile {
    grid-column-end: span 3;
  }
}
@media (max-width: 767px) {
  .grid.g11-mobile .quarter-mobile,
  .inline-grid.g11-mobile .quarter-mobile {
    grid-column-end: span 3;
  }
}
@media (max-width: 767px) {
  .grid.g11-mobile .third-mobile,
  .inline-grid.g11-mobile .third-mobile {
    grid-column-end: span 4;
  }
}
@media (max-width: 767px) {
  .grid.g11-mobile .half-mobile,
  .inline-grid.g11-mobile .half-mobile {
    grid-column-end: span 6;
  }
}
@media (max-width: 767px) {
  .grid.g11-mobile .full-mobile,
  .inline-grid.g11-mobile .full-mobile {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  .grid.g12-mobile,
  .inline-grid.g12-mobile {
    grid-template-columns: repeat(12, minmax(auto, 1fr));
  }
}
@media (max-width: 767px) {
  .grid.g12-mobile .fifth-mobile,
  .inline-grid.g12-mobile .fifth-mobile {
    grid-column-end: span 3;
  }
}
@media (max-width: 767px) {
  .grid.g12-mobile .quarter-mobile,
  .inline-grid.g12-mobile .quarter-mobile {
    grid-column-end: span 3;
  }
}
@media (max-width: 767px) {
  .grid.g12-mobile .third-mobile,
  .inline-grid.g12-mobile .third-mobile {
    grid-column-end: span 4;
  }
}
@media (max-width: 767px) {
  .grid.g12-mobile .half-mobile,
  .inline-grid.g12-mobile .half-mobile {
    grid-column-end: span 6;
  }
}
@media (max-width: 767px) {
  .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: 767px) {
  .grid .span-1-mobile,
  .inline-grid .span-1-mobile {
    grid-column-end: span 1;
    position: relative;
  }
}
@media (max-width: 767px) {
  .grid .span-2-mobile,
  .inline-grid .span-2-mobile {
    grid-column-end: span 2;
    position: relative;
  }
}
@media (max-width: 767px) {
  .grid .span-3-mobile,
  .inline-grid .span-3-mobile {
    grid-column-end: span 3;
    position: relative;
  }
}
@media (max-width: 767px) {
  .grid .span-4-mobile,
  .inline-grid .span-4-mobile {
    grid-column-end: span 4;
    position: relative;
  }
}
@media (max-width: 767px) {
  .grid .span-5-mobile,
  .inline-grid .span-5-mobile {
    grid-column-end: span 5;
    position: relative;
  }
}
@media (max-width: 767px) {
  .grid .span-6-mobile,
  .inline-grid .span-6-mobile {
    grid-column-end: span 6;
    position: relative;
  }
}
@media (max-width: 767px) {
  .grid .span-7-mobile,
  .inline-grid .span-7-mobile {
    grid-column-end: span 7;
    position: relative;
  }
}
@media (max-width: 767px) {
  .grid .span-8-mobile,
  .inline-grid .span-8-mobile {
    grid-column-end: span 8;
    position: relative;
  }
}
@media (max-width: 767px) {
  .grid .span-9-mobile,
  .inline-grid .span-9-mobile {
    grid-column-end: span 9;
    position: relative;
  }
}
@media (max-width: 767px) {
  .grid .span-10-mobile,
  .inline-grid .span-10-mobile {
    grid-column-end: span 10;
    position: relative;
  }
}
@media (max-width: 767px) {
  .grid .span-11-mobile,
  .inline-grid .span-11-mobile {
    grid-column-end: span 11;
    position: relative;
  }
}
@media (max-width: 767px) {
  .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: 767px) {
  .grid .start-1-mobile,
  .inline-grid .start-1-mobile {
    grid-column-start: 1;
    position: relative;
  }
}
@media (max-width: 767px) {
  .grid .start-2-mobile,
  .inline-grid .start-2-mobile {
    grid-column-start: 2;
    position: relative;
  }
}
@media (max-width: 767px) {
  .grid .start-3-mobile,
  .inline-grid .start-3-mobile {
    grid-column-start: 3;
    position: relative;
  }
}
@media (max-width: 767px) {
  .grid .start-4-mobile,
  .inline-grid .start-4-mobile {
    grid-column-start: 4;
    position: relative;
  }
}
@media (max-width: 767px) {
  .grid .start-5-mobile,
  .inline-grid .start-5-mobile {
    grid-column-start: 5;
    position: relative;
  }
}
@media (max-width: 767px) {
  .grid .start-6-mobile,
  .inline-grid .start-6-mobile {
    grid-column-start: 6;
    position: relative;
  }
}
@media (max-width: 767px) {
  .grid .start-7-mobile,
  .inline-grid .start-7-mobile {
    grid-column-start: 7;
    position: relative;
  }
}
@media (max-width: 767px) {
  .grid .start-8-mobile,
  .inline-grid .start-8-mobile {
    grid-column-start: 8;
    position: relative;
  }
}
@media (max-width: 767px) {
  .grid .start-9-mobile,
  .inline-grid .start-9-mobile {
    grid-column-start: 9;
    position: relative;
  }
}
@media (max-width: 767px) {
  .grid .start-10-mobile,
  .inline-grid .start-10-mobile {
    grid-column-start: 10;
    position: relative;
  }
}
@media (max-width: 767px) {
  .grid .start-11-mobile,
  .inline-grid .start-11-mobile {
    grid-column-start: 11;
    position: relative;
  }
}
@media (max-width: 767px) {
  .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: 767px) {
  .grid .half-mobile,
  .inline-grid .half-mobile {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  .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: 767px) {
  .gap-0-5-mobile {
    grid-gap: 7px;
  }
}
@media (max-width: 767px) {
  .gap-0-mobile {
    grid-gap: 0;
  }
}
@media (max-width: 767px) {
  .gap-1-mobile {
    grid-gap: 14px;
  }
}
@media (max-width: 767px) {
  .gap-1-5-mobile {
    grid-gap: 21px;
  }
}
@media (max-width: 767px) {
  .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: 767px) {
  .display-none-mob,
  .display-none-mobile {
    display: none;
  }
}
@media (max-width: 767px) {
  .display-inline-block-mobile {
    display: inline-block;
  }
}
@media (max-width: 767px) {
  .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: 767px) {
  .order-1-mobile {
    order: 1;
  }
}
@media (max-width: 767px) {
  .order-2-mobile {
    order: 2;
  }
}
@media (max-width: 767px) {
  .order-3-mobile {
    order: 3;
  }
}
@media (max-width: 767px) {
  .order-4-mobile {
    order: 4;
  }
}
@media (max-width: 767px) {
  .order-5-mobile {
    order: 5;
  }
}
@media (max-width: 767px) {
  .order-6-mobile {
    order: 6;
  }
}
@media (max-width: 767px) {
  .order-7-mobile {
    order: 7;
  }
}
@media (max-width: 767px) {
  .order-8-mobile {
    order: 8;
  }
}
@media (max-width: 767px) {
  .order-9-mobile {
    order: 9;
  }
}
@media (max-width: 767px) {
  .order-10-mobile {
    order: 10;
  }
}
html {
  margin: 0;
  box-sizing: border-box;
  font-family: 'Gothic A1', sans-serif;
  font-size: 100%;
  line-height: 1.4;
  font-weight: 300;
}
html *,
html *:before,
html *:after {
  box-sizing: inherit;
}
html body {
  margin: 0;
  position: relative;
  background: none;
}
html body .page {
  position: relative;
  display: flex;
  flex-direction: column;
}
html body main {
  flex: 1;
}
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;
}
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;
}
h3 {
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.3;
  font-weight: 700;
  text-transform: none;
}
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;
}
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,
#weddingListDisplay {
  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-y: scroll;
}
#productTabletPreview .product-display-bg,
#weddingListDisplay .product-display-bg,
#productTabletPreview .weddinglist-display-bg,
#weddingListDisplay .weddinglist-display-bg {
  min-height: 100vh;
  padding: 28px 0;
}
#productTabletPreview .weddinglist-display-bg,
#weddingListDisplay .weddinglist-display-bg {
  padding: 28px;
}
.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 .product-tags .product-tag.clubprice {
  background: black;
  color: white;
}
.load,
.load:before,
.load:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  animation-fill-mode: both;
  animation: bblFadInOut 1.8s infinite ease-in-out;
}
.load {
  color: #d34500d9;
  font-size: 7px;
  position: relative;
  text-indent: -9999em;
  transform: translateZ(0);
  animation-delay: -0.16s;
  margin: 0 auto;
}
.load.prerender {
  visibility: hidden;
}
.load.margin-t-200 {
  margin: 200px auto;
}
.load:before,
.load:after {
  content: '';
  position: absolute;
  top: 0;
}
.load:before {
  left: -3.5em;
  animation-delay: -0.32s;
}
.load: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;
  }
}
.margin-t-100 {
  margin-top: 100px;
}
.screen-saver {
  background: black;
  width: 100%;
  height: 100%;
  z-index: 1000;
  display: block;
  position: relative;
}
.screen-saver video,
.screen-saver img {
  width: 100%;
  height: 100vh;
}
#goto-top-button.active {
  bottom: 114px;
}
.kai-tablet {
  position: fixed;
  right: 14px;
  bottom: 28px;
  background: #D34500;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  padding: 18px;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
}
.kai-tablet img {
  width: 100%;
}
.notice {
  padding-left: 1.4rem;
}
.notice::before {
  font-size: 1rem;
}
.info-stock {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10.5px;
}
.info-stock .stock-nettsortiment,
.info-stock .stock-store {
  font-size: 0.8rem;
  line-height: 1;
  font-weight: 400;
}
.info-stock .stock-nettsortiment .stock-display-wrapper,
.info-stock .stock-store .stock-display-wrapper {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  gap: 7px;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.info-stock .stock-nettsortiment .stock-display-wrapper i::before,
.info-stock .stock-store .stock-display-wrapper i::before {
  display: block;
}
.info-stock.margin-t-1 {
  gap: 7px;
}
.info-stock.margin-t-1 .stock-nettsortiment,
.info-stock.margin-t-1 .stock-store {
  font-size: 0.7rem;
}
.frontpage-container {
  width: 100%;
  height: 100vh;
  background: black;
  position: absolute;
  top: 0;
  z-index: 11;
}
.frontpage-container .inner-wrapper {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}
.frontpage-container .inner-wrapper .logo-wrapper {
  display: flex;
  justify-content: flex-start;
}
.frontpage-container .inner-wrapper .logo-wrapper .logo {
  height: 120px;
  width: 120px;
  display: block;
  position: absolute;
  margin: 60px;
}
.frontpage-container .inner-wrapper .logo-wrapper .logo img {
  height: 120px;
  width: 120px;
}
.button-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 0;
  height: 100vh;
}
.button-list.sub {
  gap: 14px;
}
.button-list li {
  list-style: none;
  display: flex;
  justify-content: center;
  width: 50%;
  padding: 14px 0;
}
.button-list li a {
  display: flex;
  flex-direction: column;
  color: white;
  font-size: 2rem;
  background-color: #030304;
  height: 180px;
  width: 100%;
  text-align: center;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border: 2px solid white;
}
.button-list li a.bw {
  background-color: #D34500 !important;
}
.button-list li a .icon {
  height: 60px;
  width: 60px;
  margin: 20px;
}
.button-list li a .icon img {
  width: 100%;
}
.button-list li a:focus {
  background-color: #D34500;
  color: white;
  border: 2px solid #D34500;
}
.button-list li a:active {
  background-color: #D34500;
  color: white;
  border: 2px solid #D34500;
}
.button-list li.sub {
  padding: 7px 0;
}
.button-list li.sub a {
  height: 100px;
  font-size: 2rem;
}
.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;
  padding: 0 40px;
  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: 'Gothic A1', 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.9rem;
  margin-top: 14px;
}
.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: 1.2rem;
  gap: 14px;
  padding: 14px 0;
  border-bottom: 1px solid black;
}
.tablet-autocomplete-wrapper .tablet-autocomplete-list li a picture {
  width: 60px;
  height: 60px;
  margin: 0;
}
.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: 1.3rem;
  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:focus {
  outline: none !important;
}
.product-list {
  padding: 0 14px;
  margin-bottom: 100px;
}
.btn.loading.load-more {
  background: #252525 !important;
}
.btn:focus {
  box-shadow: none!important;
}
.prerender {
  visibility: hidden;
}
.fade-in {
  opacity: 0;
  transform: translateY(10px);
  animation: fadeInAnimation 0.5s ease-in-out forwards;
}
@keyframes fadeInAnimation {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.display-capped-list.display-full-list.display-flex li {
  display: flex;
}
.display-capped-list.display-full-list li {
  display: flex;
}
.display-capped-list.display-flex li:nth-of-type(-n+5) {
  display: flex;
}
.display-capped-list li {
  display: none;
}
.display-capped-list li:nth-of-type(-n+5) {
  display: flex;
}
.show-all-brands {
  margin-left: auto;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  padding: 5.6px 7px;
  font-size: 1rem;
}
.tabletWedding .weddingListSearchContainer {
  margin-top: 100px;
}
.tabletWedding {
  padding: 28px;
}
.tabletWedding ul {
  margin-top: 28px;
}
.tabletWedding .weddingListSearchContainer form {
  display: flex;
  justify-content: center;
  gap: 7px;
}
.tabletWedding .weddingListSearchContainer form input {
  height: 60px;
  width: 60%;
  font-size: 1.4rem;
  border: solid;
  border-width: thin;
  text-align: center;
  border-radius: 5px;
  outline: none;
  margin: 0;
  font-weight: 300;
}
.tabletWedding .weddingListSearchContainer form button {
  padding: 0 40px;
  margin: 0;
  font-size: 1.4rem;
}
.tabletWedding .close-button {
  background: #F8F7F7;
}
.tabletWedding .weddingdate {
  display: flex;
  justify-content: space-between;
}
.tabletWedding .weddingdate li {
  border: none;
}
.tabletWedding .weddingListSearchContainer form button {
  border-radius: 5px;
}
.tabletWedding ul li p.weddingDate {
  color: black;
}
.tabletWedding ul li p.weddingDate {
  margin: 0;
}
.tabletWedding ul li p.weddingDate {
  font-size: 1.2rem;
  margin-bottom: 14px;
}
.tabletWedding table th.wanted-header {
  text-align: center;
}
.tabletWedding table tr td {
  vertical-align: middle;
}
.weddinglist-header {
  background: #ffffff;
  padding: 28px;
}
.circle-px24 {
  width: 36px;
  height: 36px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wishlist-image img {
  width: 100%;
}
.bg-37 {
  background: #ebfaf4;
}
.weddinglist-ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.weddinglist-ul .header {
  font-weight: 600;
  font-size: 1.4rem;
}
.filter-btn {
  display: flex;
  align-items: center;
  width: fit-content;
  position: fixed;
  bottom: 28px;
  left: 14px;
  z-index: 2;
  background: #252525;
  color: white;
  border-radius: 8px;
  justify-content: center;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
  padding: 14px 28px;
  font-weight: 600;
  cursor: pointer;
}
.filter-btn.facet-active {
  background: #D34500;
}
.filter-btn i:before {
  display: block;
}
.filter-btn span {
  line-height: 1.2;
}
.filter-btn img {
  width: 14px;
  height: 14px;
}
.product-filter-wrapper {
  background: #F8F7F7;
  position: fixed !important;
  color: #252525;
  width: 50%;
  height: 100%;
  top: 0;
  left: 0;
  transform: translate3d(-100%, 0, 0);
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  z-index: 20;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 767px) {
  .product-filter-wrapper {
    width: 100%;
  }
}
.product-filter-wrapper.active {
  transform: translate3d(0, 0, 0);
}
.product-filter-wrapper.active .product-filter-wrapper-close-btn {
  display: block;
}
.product-filter-wrapper header {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  gap: 14px;
  position: relative;
  padding: 14px;
  margin: 0;
}
.product-filter-wrapper header .product-filter-wrapper-btn-toggle,
.product-filter-wrapper header .product-filter-btn {
  transform: rotate(45deg);
}
.product-filter-wrapper header .product-filter-wrapper-btn-toggle i,
.product-filter-wrapper header .product-filter-btn i {
  display: inline-block;
  line-height: 0.8;
  color: black;
}
.product-filter-wrapper header .empty-product-filter {
  margin-left: auto;
  border: 1px solid #E6E6E6;
  border-radius: 4px;
  padding: 5.6px 7px;
}
.product-filter-wrapper header .empty-product-filter:hover {
  background: #E6E6E6;
}
.product-filter-wrapper section {
  position: relative;
  padding: 14px;
  overflow-y: scroll;
}
.product-filter-wrapper section .facet-container {
  border-bottom: 1px solid #E6E6E6;
}
.product-filter-wrapper section .facet-container .facet-content.facet-expanded {
  display: block;
}
.product-filter-wrapper section .facet-container .facet-content.facet-collapsed {
  display: none;
}
.product-filter-wrapper section .facet-container i::before {
  display: block;
}
.product-filter-wrapper section .facet-search {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  gap: 3.5px;
  border: 1px solid #E6E6E6;
  border-radius: 4px;
  padding: 3.5px 7px;
}
.product-filter-wrapper section .facet-search:hover {
  background: #E6E6E6;
}
.product-filter-wrapper section .facet-search:focus-within {
  background: #E6E6E6;
}
.product-filter-wrapper section .facet-search i::before {
  display: block;
  font-size: 0.9rem;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .product-filter-wrapper section .facet-search i::before {
    font-size: 0.8rem;
    line-height: 1;
  }
}
.product-filter-wrapper section .facet-search input {
  position: relative;
  border: none;
  background: transparent;
  outline: none;
  padding: 6px;
  width: 100%;
  transition: all 0.2s ease-in-out;
  font-size: 0.9rem;
  color: #252525;
}
@media (max-width: 767px) {
  .product-filter-wrapper section .facet-search input {
    font-size: 1rem;
  }
}
.product-filter-wrapper section .facet-search input::placeholder {
  color: #252525;
  text-align: left;
}
.product-filter-wrapper section.active {
  display: block;
}
.product-filter-wrapper section ul {
  list-style: none;
  padding: 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 14px;
}
.product-filter-wrapper section ul.colors {
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 7px;
}
.product-filter-wrapper section ul li {
  width: fit-content;
  padding: 0;
}
.product-filter-wrapper section ul li a {
  text-transform: none;
  margin: 0;
  font-weight: 400;
}
.product-filter-wrapper section ul li label {
  text-transform: none;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.4;
  user-select: none;
  margin: 0;
}
.product-filter-wrapper footer {
  padding: 14px;
  background: #F8F7F7;
  color: black;
  margin: 0;
  margin-top: auto;
}
.product-filter-wrapper footer a {
  border-radius: 4px;
}
.product-filter-wrapper footer #productlist-filter-result {
  margin-left: 7px;
}
.product-filter-wrapper footer #productlist-filter-result:empty {
  margin-left: 0;
}
.product-filter-wrapper footer .product-filter-btn:hover {
  color: white;
}
.productfilter-hr {
  display: none;
}
.productfilter-hr.active {
  display: block;
}
#product-filter-btn {
  padding: 14px 0;
  font-weight: 600;
}
#product-filter-btn.facet-active {
  background: #D34500;
  color: white;
  border-radius: 4px;
  padding: 10.5px 14px;
}
#product-filter-btn.facet-active:hover {
  background: #FF9966;
  color: white;
}
#product-filter-btn.hover-black:hover {
  color: black;
}
/*.product-filter-btn:not(.facet-active) {

    &:hover {
        color: white;
    }
}*/
input[type=checkbox].checkbox-color {
  position: absolute;
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
input[type=checkbox].checkbox-color:focus + label {
  outline: 1px solid #252525;
  border: 1px solid #252525;
}
input[type=checkbox].checkbox-color[data-color="assorted"] + label:before,
input[type=checkbox].checkbox-color[data-color="assortert"] + label:before {
  background: linear-gradient(45deg, #2A68AA 0%, #2A68AA 33%, #619E5E 34%, #619E5E 49%, #FF9966 50%, #FF9966 65%, #FEACBA 66%, #FEACBA 100%);
}
input[type=checkbox].checkbox-color[data-color="beige"] + label:before {
  background: #EDDECD;
}
input[type=checkbox].checkbox-color[data-color="blue"] + label:before,
input[type=checkbox].checkbox-color[data-color="blå"] + label:before {
  background: #2A68AA;
}
input[type=checkbox].checkbox-color[data-color="bronze"] + label:before,
input[type=checkbox].checkbox-color[data-color="bronse"] + label:before {
  background: linear-gradient(45deg, #694016 0%, #bfa278 50%, #694016 100%);
}
input[type=checkbox].checkbox-color[data-color="brown"] + label:before,
input[type=checkbox].checkbox-color[data-color="brun"] + label:before {
  background: #804A00;
}
input[type=checkbox].checkbox-color[data-color="grey"] + label:before,
input[type=checkbox].checkbox-color[data-color="grå"] + label:before {
  background: #C0C0C0;
}
input[type=checkbox].checkbox-color[data-color="green"] + label:before,
input[type=checkbox].checkbox-color[data-color="grønn"] + label:before {
  background: #619E5E;
}
input[type=checkbox].checkbox-color[data-color="yellow"] + label:before,
input[type=checkbox].checkbox-color[data-color="gul"] + label:before {
  background: #FFDC4F;
}
input[type=checkbox].checkbox-color[data-color="gold"] + label:before,
input[type=checkbox].checkbox-color[data-color="gull"] + label:before {
  background: linear-gradient(45deg, #885e20 0%, #e9bc6a 50%, #885e20 100%);
}
input[type=checkbox].checkbox-color[data-color="white"] + label:before,
input[type=checkbox].checkbox-color[data-color="hvit"] + label:before {
  background: white;
}
input[type=checkbox].checkbox-color[data-color="clear"] + label:before,
input[type=checkbox].checkbox-color[data-color="klar"] + label:before {
  background: linear-gradient(45deg, #c5d5e6 0%, #f2f3f5 50%, #c5d5e6 100%);
}
input[type=checkbox].checkbox-color[data-color="copper"] + label:before,
input[type=checkbox].checkbox-color[data-color="kobber"] + label:before {
  background: linear-gradient(45deg, #7f4c19 0%, #fbca95 50%, #7f4c19 100%);
}
input[type=checkbox].checkbox-color[data-color="cream"] + label:before,
input[type=checkbox].checkbox-color[data-color="krem"] + label:before {
  background: #FFF4E4;
}
input[type=checkbox].checkbox-color[data-color="purple"] + label:before,
input[type=checkbox].checkbox-color[data-color="lilla"] + label:before {
  background: #996BAC;
}
input[type=checkbox].checkbox-color[data-color="marble"] + label:before,
input[type=checkbox].checkbox-color[data-color="marmor"] + label:before {
  background: url('/gfx/productfilter/marble.png') no-repeat center center;
}
input[type=checkbox].checkbox-color[data-color="brass"] + label:before,
input[type=checkbox].checkbox-color[data-color="messing"] + label:before {
  background: linear-gradient(45deg, #af8c58 0%, #ffe5c7 50%, #af8c58 100%);
}
input[type=checkbox].checkbox-color[data-color="multi"] + label:before {
  background: linear-gradient(45deg, #ecddcc 0%, #ecddcc 24%, #ff9866 25%, #ff9866 49%, #d24700 50%, #d24700 74%, #2a2a2a 75%, #2a2a2a 100%);
}
input[type=checkbox].checkbox-color[data-color="orange"] + label:before,
input[type=checkbox].checkbox-color[data-color="oransje"] + label:before {
  background: #FF9966;
}
input[type=checkbox].checkbox-color[data-color="pink"] + label:before,
input[type=checkbox].checkbox-color[data-color="rosa"] + label:before {
  background: #FEACBA;
}
input[type=checkbox].checkbox-color[data-color="red"] + label:before,
input[type=checkbox].checkbox-color[data-color="rød"] + label:before {
  background: #D30006;
}
input[type=checkbox].checkbox-color[data-color="steel"] + label:before,
input[type=checkbox].checkbox-color[data-color="stål"] + label:before {
  background: linear-gradient(45deg, #838a97 0%, #efeeef 50%, #939393 100%);
}
input[type=checkbox].checkbox-color[data-color="black"] + label:before,
input[type=checkbox].checkbox-color[data-color="svart"] + label:before {
  background: #252525;
}
input[type=checkbox].checkbox-color[data-color="silver"] + label:before,
input[type=checkbox].checkbox-color[data-color="sølv"] + label:before {
  background: linear-gradient(45deg, #bfbfbf 0%, #efeeef 50%, #bfbfbf 100%);
}
input[type=checkbox].checkbox-color[data-color="wood"] + label:before,
input[type=checkbox].checkbox-color[data-color="tre"] + label:before {
  background: url('/gfx/productfilter/wood.png') no-repeat center center;
}
input[type=checkbox].checkbox-color[data-color="cyan"] + label:before,
input[type=checkbox].checkbox-color[data-color="turkis"] + label:before {
  background: #88DDD4;
}
input[type=checkbox].checkbox-color:checked + label {
  background: #555;
  color: white;
}
input[type=checkbox].checkbox-color.inactive + label {
  opacity: 0.4;
}
input[type=checkbox].checkbox-color + label {
  border-radius: 4px;
  border: 1px solid #F8F7F7;
  background: #E6E6E6;
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 2.1px 4.2px;
  cursor: pointer;
  margin: 0;
}
input[type=checkbox].checkbox-color + label:hover {
  border-color: #555;
}
input[type=checkbox].checkbox-color + label:before {
  content: "";
  position: relative;
  display: inline-block;
  margin: auto;
  margin-right: 3.5px;
  background: white;
  border-radius: 100%;
  aspect-ratio: 1;
  width: 0.8rem;
  height: 0.8rem;
  border: 1px solid rgba(0, 0, 0, 0.3);
}
.countdown {
  width: 100%;
}
.countdown.list-template-wrapper {
  margin-bottom: 7px;
}
.countdown.list-template-wrapper p {
  font-size: 0.8rem;
  line-height: 1;
}
.countdown.list-template-wrapper p.stripped {
  line-height: 1;
  margin: 0;
}
.countDown.product-campaign {
  padding: 0;
  margin-top: 7px;
}
.countDown.product-campaign .timer {
  grid-column-gap: 7px;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: auto;
  display: inline-grid;
  grid-template-columns: repeat(4, minmax(auto, 1fr));
}
@media (max-width: 767px) {
  .countDown.product-campaign .timer {
    grid-column-gap: 7px;
  }
}
.countDown.product-campaign .timer .time {
  font-size: 1.3rem;
  font-weight: 800;
  color: black;
  line-height: 1.2;
  position: relative;
}
.countDown.product-campaign .timer .time::before {
  content: ":";
  position: absolute;
  left: -7px;
}
.countDown.product-campaign .timer .time:first-of-type::before {
  content: "";
}
.countDown.product-campaign .timer .unit {
  font-size: 0.6rem;
  color: #555;
}
.countDown.list-template-countdown {
  text-align: left;
  margin-top: 0;
}
.countDown.list-template-countdown .timer {
  grid-column-gap: 10px;
}
.countDown.list-template-countdown .timer .time {
  font-size: 0.8rem;
}
.product-tag-content {
  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;
}
@media (max-width: 767px) {
  .product-tag-content {
    font-size: 0.6rem;
  }
}
.product-tag-content:empty {
  padding: 0;
  min-height: 0;
}
.product-tag-content.ourprice {
  background: #D34500;
  color: white;
}
.product-tag-content.ourprice-dark-orange {
  background: #A44118;
  color: white;
}
.product-tag-content.clubprice {
  background: black;
  color: white;
}
.product-tag-content.preorder,
.product-tag-content.coupon,
.product-tag-content.introduction,
.product-tag-content.new-item {
  background: #F8F7F7;
  color: #555;
}
.product-tag-content.ls {
  background: #252525;
  color: white;
}
.product-tag-content.bw {
  background: black;
  color: #FF9966;
}
.product-tag-content.cm {
  background: black;
  color: #FF9966;
}
.product-tag-content.expandable {
  pointer-events: all;
  cursor: pointer;
}
.product-tag-content.expandable > * {
  pointer-events: none;
}
.product-tag-content > a {
  display: inline-block;
  width: auto;
}
.product-tag-content span {
  vertical-align: middle;
}
.product-tag-content.internet {
  cursor: pointer;
}
.product-tag-content.outlet {
  background: yellow;
  color: black;
}
.product-tag-content i {
  line-height: 0.8;
  display: inline-block;
  vertical-align: middle;
}
.product-tag-content ~ .extra {
  font-weight: 400;
  font-size: 0.8rem;
  max-height: 0;
  transition: all 0.4s ease-in-out;
  overflow: hidden;
  position: absolute;
  z-index: 2;
  bottom: 100%;
  width: 100%;
  background: white;
}
.product-tag-content ~ .extra.active {
  max-height: 400px;
}
.product-tag-content ~ .extra hr {
  margin: 3.5px 0;
  border-top: 1px solid #E6E6E6;
}
.product-tag-content ~ .extra p {
  padding: 7px 0;
  text-transform: none;
  line-height: 1.2;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .product-tag-content ~ .extra p {
    margin: 0;
    padding: 7px;
  }
}
.product-tag-content ~ .extra a {
  display: block;
  margin: 3.5px 0 0 0;
  padding: 7px;
  font-weight: 500;
  font-size: 0.8rem;
}
.product-list .product .product-tags {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 3.5px;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.product-list .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;
  z-index: 1;
}
@media (max-width: 767px) {
  .product-list .product .product-tags .product-tag {
    font-size: 0.6rem;
  }
}
.product-list .product .product-tags .product-tag:empty {
  padding: 0;
  min-height: 0;
}
.product-list .product .product-tags .product-tag.ourprice {
  background: #D34500;
  color: white;
}
.product-list .product .product-tags .product-tag.ourprice-dark-orange {
  background: #A44118;
  color: white;
}
.product-list .product .product-tags .product-tag.clubprice {
  background: black;
  color: white;
}
.product-list .product .product-tags .product-tag.preorder,
.product-list .product .product-tags .product-tag.coupon,
.product-list .product .product-tags .product-tag.introduction,
.product-list .product .product-tags .product-tag.new-item {
  background: #F8F7F7;
  color: #555;
}
.product-list .product .product-tags .product-tag.ls {
  background: #252525;
  color: white;
}
.product-list .product .product-tags .product-tag.bw {
  background: black;
  color: #FF9966;
}
.product-list .product .product-tags .product-tag.cm {
  background: black;
  color: #FF9966;
}
.product-list .product .product-tags .product-tag.expandable {
  pointer-events: all;
  cursor: pointer;
}
.product-list .product .product-tags .product-tag.expandable > * {
  pointer-events: none;
}
.product-list .product .product-tags .product-tag > a {
  display: inline-block;
  width: auto;
}
.product-list .product .product-tags .product-tag span {
  vertical-align: middle;
}
.product-list .product .product-tags .product-tag.internet {
  cursor: pointer;
}
.product-list .product .product-tags .product-tag.outlet {
  background: yellow;
  color: black;
}
.product-list .product .product-tags .product-tag i {
  line-height: 0.8;
  display: inline-block;
  vertical-align: middle;
}
.product-list .product .product-tags .product-tag ~ .extra {
  font-weight: 400;
  font-size: 0.8rem;
  max-height: 0;
  transition: all 0.4s ease-in-out;
  overflow: hidden;
  position: absolute;
  z-index: 2;
  bottom: 100%;
  width: 100%;
  background: white;
}
.product-list .product .product-tags .product-tag ~ .extra.active {
  max-height: 400px;
}
.product-list .product .product-tags .product-tag ~ .extra hr {
  margin: 3.5px 0;
  border-top: 1px solid #E6E6E6;
}
.product-list .product .product-tags .product-tag ~ .extra p {
  padding: 7px 0;
  text-transform: none;
  line-height: 1.2;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .product-list .product .product-tags .product-tag ~ .extra p {
    margin: 0;
    padding: 7px;
  }
}
.product-list .product .product-tags .product-tag ~ .extra a {
  display: block;
  margin: 3.5px 0 0 0;
  padding: 7px;
  font-weight: 500;
  font-size: 0.8rem;
}
.ourprice-checkout {
  font-weight: 400;
  font-size: 0.8rem;
  background: white;
  max-height: none;
  padding: 7px;
  transition: all 0.4s ease-in-out;
  position: absolute;
  z-index: 2;
  max-width: 300px;
}
@media (max-width: 767px) {
  .ourprice-checkout {
    max-width: 100%;
  }
}
.ourprice-checkout.left:after,
.ourprice-checkout.left:before {
  left: 25%;
}
.ourprice-checkout.right:after,
.ourprice-checkout.right:before {
  left: 75%;
}
.ourprice-checkout .triangle {
  position: absolute;
  left: 50%;
  z-index: 1;
  top: 0;
  transform: translate3d(-50%, -100%, 0);
}
.ourprice-checkout .triangle:after {
  position: absolute;
  content: "";
  display: block;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid white;
  z-index: 1;
  bottom: 0;
  left: 2px;
}
.ourprice-checkout .triangle:before {
  position: absolute;
  content: "";
  display: block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid black;
  bottom: 0;
  left: 0;
}
.ourprice-checkout.active {
  position: absolute;
  z-index: 2;
  background: white;
  border: 1px solid black;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  width: 100%;
}
.single-product-inner .product-tags {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 3.5px;
  position: relative;
}
@media (max-width: 767px) {
  .single-product-inner .product-tags {
    position: absolute;
    bottom: 42px;
    left: 14px;
  }
}
.single-product-inner .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;
}
@media (max-width: 767px) {
  .single-product-inner .product-tags .product-tag {
    font-size: 0.6rem;
  }
}
.single-product-inner .product-tags .product-tag:empty {
  padding: 0;
  min-height: 0;
}
.single-product-inner .product-tags .product-tag.ourprice {
  background: #D34500;
  color: white;
}
.single-product-inner .product-tags .product-tag.ourprice-dark-orange {
  background: #A44118;
  color: white;
}
.single-product-inner .product-tags .product-tag.clubprice {
  background: black;
  color: white;
}
.single-product-inner .product-tags .product-tag.preorder,
.single-product-inner .product-tags .product-tag.coupon,
.single-product-inner .product-tags .product-tag.introduction,
.single-product-inner .product-tags .product-tag.new-item {
  background: #F8F7F7;
  color: #555;
}
.single-product-inner .product-tags .product-tag.ls {
  background: #252525;
  color: white;
}
.single-product-inner .product-tags .product-tag.bw {
  background: black;
  color: #FF9966;
}
.single-product-inner .product-tags .product-tag.cm {
  background: black;
  color: #FF9966;
}
.single-product-inner .product-tags .product-tag.expandable {
  pointer-events: all;
  cursor: pointer;
}
.single-product-inner .product-tags .product-tag.expandable > * {
  pointer-events: none;
}
.single-product-inner .product-tags .product-tag > a {
  display: inline-block;
  width: auto;
}
.single-product-inner .product-tags .product-tag span {
  vertical-align: middle;
}
.single-product-inner .product-tags .product-tag.internet {
  cursor: pointer;
}
.single-product-inner .product-tags .product-tag.outlet {
  background: yellow;
  color: black;
}
.single-product-inner .product-tags .product-tag i {
  line-height: 0.8;
  display: inline-block;
  vertical-align: middle;
}
.single-product-inner .product-tags .product-tag ~ .extra {
  font-weight: 400;
  font-size: 0.8rem;
  max-height: 0;
  transition: all 0.4s ease-in-out;
  overflow: hidden;
  position: absolute;
  z-index: 2;
  bottom: 100%;
  width: 100%;
  background: white;
}
.single-product-inner .product-tags .product-tag ~ .extra.active {
  max-height: 400px;
}
.single-product-inner .product-tags .product-tag ~ .extra hr {
  margin: 3.5px 0;
  border-top: 1px solid #E6E6E6;
}
.single-product-inner .product-tags .product-tag ~ .extra p {
  padding: 7px 0;
  text-transform: none;
  line-height: 1.2;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .single-product-inner .product-tags .product-tag ~ .extra p {
    margin: 0;
    padding: 7px;
  }
}
.single-product-inner .product-tags .product-tag ~ .extra a {
  display: block;
  margin: 3.5px 0 0 0;
  padding: 7px;
  font-weight: 500;
  font-size: 0.8rem;
}
@media (max-width: 767px) {
  .single-product-inner .disabled.hammerSlider + .product-tags {
    bottom: 14px;
  }
}
.single-product-description-wrapper .brand {
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  margin: 0;
  text-decoration: none;
}
.single-product-description-wrapper .model {
  font-size: 1.4rem;
  line-height: 1.4;
  padding: 0;
}
.single-product-description-wrapper .priceWrapper .priceInfo {
  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-basis: 100%;
  -moz-flex-basis: 100%;
  -ms-flex-basis: 100%;
  flex-basis: 100%;
  -webkit-flex-shrink: 1;
  -moz-flex-shrink: 1;
  -ms-flex-shrink: 1;
  flex-shrink: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
}
.single-product-description-wrapper .priceWrapper .priceInfo .priceInner {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
}
.single-product-description-wrapper .priceWrapper .priceInfo .priceInner .small {
  text-decoration: line-through;
  margin: 0;
}
.single-product-description-wrapper .priceWrapper .priceInfo .priceInner .price {
  margin: 0;
  margin-bottom: auto;
  text-transform: none;
  font-weight: 800;
  font-size: 2.3rem;
  line-height: 1.2;
}
.single-product-description-wrapper .priceWrapper .priceInfo .priceInner .price.orange {
  color: #D34500;
}
.single-product-description-wrapper .campaign-info .product-tags .product-tag {
  display: none;
}
.single-product-description-wrapper .campaign-info .disclaimertext {
  padding: 28px;
  line-height: 1.4;
  margin: 0;
}
.single-product-description-wrapper .campaign-end-info {
  font-size: 0.9rem;
}
.single-product-description-wrapper .notifyMe p {
  font-size: 0.9rem;
}
#qrcode {
  max-width: 80px;
  max-height: 80px;
  margin: 0 auto;
}
#qrcode img {
  margin: 0;
}
.standard-details {
  margin-bottom: 0;
  padding: 0;
  position: relative;
  border-bottom: 1px solid #555;
  transition: none;
  max-height: 60px;
  overflow: hidden;
  font-size: 0.9rem;
}
.standard-details summary {
  position: relative;
  list-style: none;
  font-size: 1.2rem;
  line-height: 1.2;
  font-weight: 600;
  cursor: pointer;
  padding: 14px 0;
}
.standard-details summary::marker {
  display: none;
}
.standard-details summary::-webkit-details-marker {
  display: none;
}
.standard-details[open] {
  max-height: 2000px;
  transition: all 0.4s ease-in-out;
}
.standard-details[open]:after {
  transform: rotate(-180deg);
}
.standard-details[open] summary {
  margin-bottom: 14px;
}
.standard-details:after {
  content: "\41";
  font-family: "kitchnno" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  top: 19.6px;
  right: 0;
  transition: all 0.1s ease-in-out;
  pointer-events: none;
}
.standard-details.details-desc summary {
  padding: 0 0 14px 0;
}
@media (max-width: 767px) {
  .standard-details.details-desc summary {
    padding: 14px 0;
  }
}
.standard-details.details-desc:first-of-type {
  border-top: none;
  /*@media @mobile {
                border-top: 1px solid @border-grey;
            }*/
}
.standard-details.details-desc:last-of-type {
  border-bottom: none;
}
@media (max-width: 767px) {
  .standard-details.details-desc:last-of-type {
    border-bottom: 1px solid #555;
  }
}
.standard-details.details-desc:after {
  content: "";
}
@media (max-width: 767px) {
  .standard-details.details-desc:after {
    content: "\41";
  }
}
@media (min-width: 768px) {
  .standard-details.details-desc[open] > summary {
    pointer-events: none;
    cursor: default;
  }
}
.standard-details .data-list-product {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px 0;
  margin: 14px auto;
  padding: 0;
}
.standard-details .data-list-product dt,
.standard-details .data-list-product dd {
  margin: 0;
  border-bottom: 1px solid #E6E6E6;
  padding-bottom: 2px;
}
.standard-details .data-list-product dt:last-of-type,
.standard-details .data-list-product dd:last-of-type {
  border: 0;
}
.standard-details .data-list-product dt a,
.standard-details .data-list-product dd a {
  color: #D34500;
}
.standard-details .data-list-product dt a:hover,
.standard-details .data-list-product dd a:hover {
  text-decoration-color: #D34500;
}
.standard-details .data-list-product dt {
  font-weight: 600;
}