html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
q,
small,
strong,
sub,
sup,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
figure,
label,
legend,
button,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  border: 0;
  margin: 0;
  padding: 0; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal; }

article,
aside,
figure,
figure img,
figcaption,
hgroup,
footer,
header,
nav,
section,
video,
object {
  display: block; }

a img {
  border: 0; }

figure {
  position: relative; }

figure img {
  width: 100%; }

img,
object,
embed {
  max-width: 100%; }

img {
  height: auto; }

ul {
  list-style: none; }

/**
  Breakpoints

*/
/**
  Grid

*/
/**
  Typo

*/
.grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  margin-left: -12px;
  margin-right: -12px; }
  .grid.collapse {
    margin-left: 0;
    margin-right: 0; }
    .grid.collapse .col,
    .grid.collapse [class^='col-'] {
      padding: 0; }
  .grid.uncollapse {
    margin-left: -12px;
    margin-right: -12px; }
    .grid.uncollapse .col,
    .grid.uncollapse [class^='col-'] {
      padding: 0 12px; }

@media (min-width: 320px) {
  .align-xs-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    text-align: left; }
  .align-xs-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center; }
  .align-xs-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    text-align: right; }
  .align-xs-top {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .align-xs-middle {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .align-xs-bottom {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .around-xs {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .between-xs {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .reverse-xs {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; } }

@media (min-width: 480px) {
  .align-s-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    text-align: left; }
  .align-s-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center; }
  .align-s-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    text-align: right; }
  .align-s-top {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .align-s-middle {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .align-s-bottom {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .around-s {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .between-s {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .reverse-s {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; } }

@media (min-width: 768px) {
  .align-m-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    text-align: left; }
  .align-m-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center; }
  .align-m-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    text-align: right; }
  .align-m-top {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .align-m-middle {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .align-m-bottom {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .around-m {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .between-m {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .reverse-m {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; } }

@media (min-width: 977px) {
  .align-l-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    text-align: left; }
  .align-l-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center; }
  .align-l-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    text-align: right; }
  .align-l-top {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .align-l-middle {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .align-l-bottom {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .around-l {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .between-l {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .reverse-l {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; } }

@media (min-width: 1200px) {
  .align-xl-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    text-align: left; }
  .align-xl-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center; }
  .align-xl-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    text-align: right; }
  .align-xl-top {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .align-xl-middle {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .align-xl-bottom {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .around-xl {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .between-xl {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .reverse-xl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; } }

@media (min-width: 1680px) {
  .align-xxl-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    text-align: left; }
  .align-xxl-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center; }
  .align-xxl-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    text-align: right; }
  .align-xxl-top {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .align-xxl-middle {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .align-xxl-bottom {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .around-xxl {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .between-xxl {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .reverse-xxl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; } }

@media (min-width: 1780px) {
  .align-xxxl-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    text-align: left; }
  .align-xxxl-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center; }
  .align-xxxl-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    text-align: right; }
  .align-xxxl-top {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .align-xxxl-middle {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .align-xxxl-bottom {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .around-xxxl {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .between-xxxl {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .reverse-xxxl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; } }

.col,
[class^='col-'] {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  padding: 0 12px; }

.grid-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

@media (min-width: 320px) {
  .col-xs-1 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 1) - 0.1px);
        flex-basis: calc((100% / 12 * 1) - 0.1px);
    max-width: calc((100% / 12 * 1) - 0.1px); }
  .offset-xs-1 {
    margin-left: calc((100% / 12 * 1 - 0.1px)); }
  .order-xs-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .gap-xs-1 {
    margin-bottom: calc( (100% / 12 * 0.5 - 0.1px) / -2); }
    .gap-xs-1 > * {
      margin-bottom: calc( (100% / 12 * 0.5 - 0.1px)); }
  .col-xs-2 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 2) - 0.1px);
        flex-basis: calc((100% / 12 * 2) - 0.1px);
    max-width: calc((100% / 12 * 2) - 0.1px); }
  .offset-xs-2 {
    margin-left: calc((100% / 12 * 2 - 0.1px)); }
  .order-xs-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .gap-xs-2 {
    margin-bottom: calc( (100% / 12 * 1 - 0.1px) / -2); }
    .gap-xs-2 > * {
      margin-bottom: calc( (100% / 12 * 1 - 0.1px)); }
  .col-xs-3 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 3) - 0.1px);
        flex-basis: calc((100% / 12 * 3) - 0.1px);
    max-width: calc((100% / 12 * 3) - 0.1px); }
  .offset-xs-3 {
    margin-left: calc((100% / 12 * 3 - 0.1px)); }
  .order-xs-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3; }
  .gap-xs-3 {
    margin-bottom: calc( (100% / 12 * 1.5 - 0.1px) / -2); }
    .gap-xs-3 > * {
      margin-bottom: calc( (100% / 12 * 1.5 - 0.1px)); }
  .col-xs-4 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 4) - 0.1px);
        flex-basis: calc((100% / 12 * 4) - 0.1px);
    max-width: calc((100% / 12 * 4) - 0.1px); }
  .offset-xs-4 {
    margin-left: calc((100% / 12 * 4 - 0.1px)); }
  .order-xs-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4; }
  .gap-xs-4 {
    margin-bottom: calc( (100% / 12 * 2 - 0.1px) / -2); }
    .gap-xs-4 > * {
      margin-bottom: calc( (100% / 12 * 2 - 0.1px)); }
  .col-xs-5 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 5) - 0.1px);
        flex-basis: calc((100% / 12 * 5) - 0.1px);
    max-width: calc((100% / 12 * 5) - 0.1px); }
  .offset-xs-5 {
    margin-left: calc((100% / 12 * 5 - 0.1px)); }
  .order-xs-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5; }
  .gap-xs-5 {
    margin-bottom: calc( (100% / 12 * 2.5 - 0.1px) / -2); }
    .gap-xs-5 > * {
      margin-bottom: calc( (100% / 12 * 2.5 - 0.1px)); }
  .col-xs-6 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 6) - 0.1px);
        flex-basis: calc((100% / 12 * 6) - 0.1px);
    max-width: calc((100% / 12 * 6) - 0.1px); }
  .offset-xs-6 {
    margin-left: calc((100% / 12 * 6 - 0.1px)); }
  .order-xs-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6; }
  .gap-xs-6 {
    margin-bottom: calc( (100% / 12 * 3 - 0.1px) / -2); }
    .gap-xs-6 > * {
      margin-bottom: calc( (100% / 12 * 3 - 0.1px)); }
  .col-xs-7 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 7) - 0.1px);
        flex-basis: calc((100% / 12 * 7) - 0.1px);
    max-width: calc((100% / 12 * 7) - 0.1px); }
  .offset-xs-7 {
    margin-left: calc((100% / 12 * 7 - 0.1px)); }
  .order-xs-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7; }
  .gap-xs-7 {
    margin-bottom: calc( (100% / 12 * 3.5 - 0.1px) / -2); }
    .gap-xs-7 > * {
      margin-bottom: calc( (100% / 12 * 3.5 - 0.1px)); }
  .col-xs-8 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 8) - 0.1px);
        flex-basis: calc((100% / 12 * 8) - 0.1px);
    max-width: calc((100% / 12 * 8) - 0.1px); }
  .offset-xs-8 {
    margin-left: calc((100% / 12 * 8 - 0.1px)); }
  .order-xs-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8; }
  .gap-xs-8 {
    margin-bottom: calc( (100% / 12 * 4 - 0.1px) / -2); }
    .gap-xs-8 > * {
      margin-bottom: calc( (100% / 12 * 4 - 0.1px)); }
  .col-xs-9 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 9) - 0.1px);
        flex-basis: calc((100% / 12 * 9) - 0.1px);
    max-width: calc((100% / 12 * 9) - 0.1px); }
  .offset-xs-9 {
    margin-left: calc((100% / 12 * 9 - 0.1px)); }
  .order-xs-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9; }
  .gap-xs-9 {
    margin-bottom: calc( (100% / 12 * 4.5 - 0.1px) / -2); }
    .gap-xs-9 > * {
      margin-bottom: calc( (100% / 12 * 4.5 - 0.1px)); }
  .col-xs-10 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 10) - 0.1px);
        flex-basis: calc((100% / 12 * 10) - 0.1px);
    max-width: calc((100% / 12 * 10) - 0.1px); }
  .offset-xs-10 {
    margin-left: calc((100% / 12 * 10 - 0.1px)); }
  .order-xs-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10; }
  .gap-xs-10 {
    margin-bottom: calc( (100% / 12 * 5 - 0.1px) / -2); }
    .gap-xs-10 > * {
      margin-bottom: calc( (100% / 12 * 5 - 0.1px)); }
  .col-xs-11 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 11) - 0.1px);
        flex-basis: calc((100% / 12 * 11) - 0.1px);
    max-width: calc((100% / 12 * 11) - 0.1px); }
  .offset-xs-11 {
    margin-left: calc((100% / 12 * 11 - 0.1px)); }
  .order-xs-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11; }
  .gap-xs-11 {
    margin-bottom: calc( (100% / 12 * 5.5 - 0.1px) / -2); }
    .gap-xs-11 > * {
      margin-bottom: calc( (100% / 12 * 5.5 - 0.1px)); }
  .col-xs-12 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 12) - 0.1px);
        flex-basis: calc((100% / 12 * 12) - 0.1px);
    max-width: calc((100% / 12 * 12) - 0.1px); }
  .offset-xs-12 {
    margin-left: calc((100% / 12 * 12 - 0.1px)); }
  .order-xs-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12; }
  .gap-xs-12 {
    margin-bottom: calc( (100% / 12 * 6 - 0.1px) / -2); }
    .gap-xs-12 > * {
      margin-bottom: calc( (100% / 12 * 6 - 0.1px)); } }

@media (min-width: 480px) {
  .col-s-1 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 1) - 0.1px);
        flex-basis: calc((100% / 12 * 1) - 0.1px);
    max-width: calc((100% / 12 * 1) - 0.1px); }
  .offset-s-1 {
    margin-left: calc((100% / 12 * 1 - 0.1px)); }
  .order-s-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .gap-s-1 {
    margin-bottom: calc( (100% / 12 * 0.5 - 0.1px) / -2); }
    .gap-s-1 > * {
      margin-bottom: calc( (100% / 12 * 0.5 - 0.1px)); }
  .col-s-2 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 2) - 0.1px);
        flex-basis: calc((100% / 12 * 2) - 0.1px);
    max-width: calc((100% / 12 * 2) - 0.1px); }
  .offset-s-2 {
    margin-left: calc((100% / 12 * 2 - 0.1px)); }
  .order-s-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .gap-s-2 {
    margin-bottom: calc( (100% / 12 * 1 - 0.1px) / -2); }
    .gap-s-2 > * {
      margin-bottom: calc( (100% / 12 * 1 - 0.1px)); }
  .col-s-3 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 3) - 0.1px);
        flex-basis: calc((100% / 12 * 3) - 0.1px);
    max-width: calc((100% / 12 * 3) - 0.1px); }
  .offset-s-3 {
    margin-left: calc((100% / 12 * 3 - 0.1px)); }
  .order-s-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3; }
  .gap-s-3 {
    margin-bottom: calc( (100% / 12 * 1.5 - 0.1px) / -2); }
    .gap-s-3 > * {
      margin-bottom: calc( (100% / 12 * 1.5 - 0.1px)); }
  .col-s-4 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 4) - 0.1px);
        flex-basis: calc((100% / 12 * 4) - 0.1px);
    max-width: calc((100% / 12 * 4) - 0.1px); }
  .offset-s-4 {
    margin-left: calc((100% / 12 * 4 - 0.1px)); }
  .order-s-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4; }
  .gap-s-4 {
    margin-bottom: calc( (100% / 12 * 2 - 0.1px) / -2); }
    .gap-s-4 > * {
      margin-bottom: calc( (100% / 12 * 2 - 0.1px)); }
  .col-s-5 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 5) - 0.1px);
        flex-basis: calc((100% / 12 * 5) - 0.1px);
    max-width: calc((100% / 12 * 5) - 0.1px); }
  .offset-s-5 {
    margin-left: calc((100% / 12 * 5 - 0.1px)); }
  .order-s-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5; }
  .gap-s-5 {
    margin-bottom: calc( (100% / 12 * 2.5 - 0.1px) / -2); }
    .gap-s-5 > * {
      margin-bottom: calc( (100% / 12 * 2.5 - 0.1px)); }
  .col-s-6 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 6) - 0.1px);
        flex-basis: calc((100% / 12 * 6) - 0.1px);
    max-width: calc((100% / 12 * 6) - 0.1px); }
  .offset-s-6 {
    margin-left: calc((100% / 12 * 6 - 0.1px)); }
  .order-s-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6; }
  .gap-s-6 {
    margin-bottom: calc( (100% / 12 * 3 - 0.1px) / -2); }
    .gap-s-6 > * {
      margin-bottom: calc( (100% / 12 * 3 - 0.1px)); }
  .col-s-7 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 7) - 0.1px);
        flex-basis: calc((100% / 12 * 7) - 0.1px);
    max-width: calc((100% / 12 * 7) - 0.1px); }
  .offset-s-7 {
    margin-left: calc((100% / 12 * 7 - 0.1px)); }
  .order-s-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7; }
  .gap-s-7 {
    margin-bottom: calc( (100% / 12 * 3.5 - 0.1px) / -2); }
    .gap-s-7 > * {
      margin-bottom: calc( (100% / 12 * 3.5 - 0.1px)); }
  .col-s-8 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 8) - 0.1px);
        flex-basis: calc((100% / 12 * 8) - 0.1px);
    max-width: calc((100% / 12 * 8) - 0.1px); }
  .offset-s-8 {
    margin-left: calc((100% / 12 * 8 - 0.1px)); }
  .order-s-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8; }
  .gap-s-8 {
    margin-bottom: calc( (100% / 12 * 4 - 0.1px) / -2); }
    .gap-s-8 > * {
      margin-bottom: calc( (100% / 12 * 4 - 0.1px)); }
  .col-s-9 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 9) - 0.1px);
        flex-basis: calc((100% / 12 * 9) - 0.1px);
    max-width: calc((100% / 12 * 9) - 0.1px); }
  .offset-s-9 {
    margin-left: calc((100% / 12 * 9 - 0.1px)); }
  .order-s-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9; }
  .gap-s-9 {
    margin-bottom: calc( (100% / 12 * 4.5 - 0.1px) / -2); }
    .gap-s-9 > * {
      margin-bottom: calc( (100% / 12 * 4.5 - 0.1px)); }
  .col-s-10 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 10) - 0.1px);
        flex-basis: calc((100% / 12 * 10) - 0.1px);
    max-width: calc((100% / 12 * 10) - 0.1px); }
  .offset-s-10 {
    margin-left: calc((100% / 12 * 10 - 0.1px)); }
  .order-s-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10; }
  .gap-s-10 {
    margin-bottom: calc( (100% / 12 * 5 - 0.1px) / -2); }
    .gap-s-10 > * {
      margin-bottom: calc( (100% / 12 * 5 - 0.1px)); }
  .col-s-11 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 11) - 0.1px);
        flex-basis: calc((100% / 12 * 11) - 0.1px);
    max-width: calc((100% / 12 * 11) - 0.1px); }
  .offset-s-11 {
    margin-left: calc((100% / 12 * 11 - 0.1px)); }
  .order-s-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11; }
  .gap-s-11 {
    margin-bottom: calc( (100% / 12 * 5.5 - 0.1px) / -2); }
    .gap-s-11 > * {
      margin-bottom: calc( (100% / 12 * 5.5 - 0.1px)); }
  .col-s-12 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 12) - 0.1px);
        flex-basis: calc((100% / 12 * 12) - 0.1px);
    max-width: calc((100% / 12 * 12) - 0.1px); }
  .offset-s-12 {
    margin-left: calc((100% / 12 * 12 - 0.1px)); }
  .order-s-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12; }
  .gap-s-12 {
    margin-bottom: calc( (100% / 12 * 6 - 0.1px) / -2); }
    .gap-s-12 > * {
      margin-bottom: calc( (100% / 12 * 6 - 0.1px)); } }

@media (min-width: 768px) {
  .col-m-1 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 1) - 0.1px);
        flex-basis: calc((100% / 12 * 1) - 0.1px);
    max-width: calc((100% / 12 * 1) - 0.1px); }
  .offset-m-1 {
    margin-left: calc((100% / 12 * 1 - 0.1px)); }
  .order-m-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .gap-m-1 {
    margin-bottom: calc( (100% / 12 * 0.5 - 0.1px) / -2); }
    .gap-m-1 > * {
      margin-bottom: calc( (100% / 12 * 0.5 - 0.1px)); }
  .col-m-2 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 2) - 0.1px);
        flex-basis: calc((100% / 12 * 2) - 0.1px);
    max-width: calc((100% / 12 * 2) - 0.1px); }
  .offset-m-2 {
    margin-left: calc((100% / 12 * 2 - 0.1px)); }
  .order-m-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .gap-m-2 {
    margin-bottom: calc( (100% / 12 * 1 - 0.1px) / -2); }
    .gap-m-2 > * {
      margin-bottom: calc( (100% / 12 * 1 - 0.1px)); }
  .col-m-3 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 3) - 0.1px);
        flex-basis: calc((100% / 12 * 3) - 0.1px);
    max-width: calc((100% / 12 * 3) - 0.1px); }
  .offset-m-3 {
    margin-left: calc((100% / 12 * 3 - 0.1px)); }
  .order-m-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3; }
  .gap-m-3 {
    margin-bottom: calc( (100% / 12 * 1.5 - 0.1px) / -2); }
    .gap-m-3 > * {
      margin-bottom: calc( (100% / 12 * 1.5 - 0.1px)); }
  .col-m-4 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 4) - 0.1px);
        flex-basis: calc((100% / 12 * 4) - 0.1px);
    max-width: calc((100% / 12 * 4) - 0.1px); }
  .offset-m-4 {
    margin-left: calc((100% / 12 * 4 - 0.1px)); }
  .order-m-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4; }
  .gap-m-4 {
    margin-bottom: calc( (100% / 12 * 2 - 0.1px) / -2); }
    .gap-m-4 > * {
      margin-bottom: calc( (100% / 12 * 2 - 0.1px)); }
  .col-m-5 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 5) - 0.1px);
        flex-basis: calc((100% / 12 * 5) - 0.1px);
    max-width: calc((100% / 12 * 5) - 0.1px); }
  .offset-m-5 {
    margin-left: calc((100% / 12 * 5 - 0.1px)); }
  .order-m-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5; }
  .gap-m-5 {
    margin-bottom: calc( (100% / 12 * 2.5 - 0.1px) / -2); }
    .gap-m-5 > * {
      margin-bottom: calc( (100% / 12 * 2.5 - 0.1px)); }
  .col-m-6 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 6) - 0.1px);
        flex-basis: calc((100% / 12 * 6) - 0.1px);
    max-width: calc((100% / 12 * 6) - 0.1px); }
  .offset-m-6 {
    margin-left: calc((100% / 12 * 6 - 0.1px)); }
  .order-m-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6; }
  .gap-m-6 {
    margin-bottom: calc( (100% / 12 * 3 - 0.1px) / -2); }
    .gap-m-6 > * {
      margin-bottom: calc( (100% / 12 * 3 - 0.1px)); }
  .col-m-7 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 7) - 0.1px);
        flex-basis: calc((100% / 12 * 7) - 0.1px);
    max-width: calc((100% / 12 * 7) - 0.1px); }
  .offset-m-7 {
    margin-left: calc((100% / 12 * 7 - 0.1px)); }
  .order-m-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7; }
  .gap-m-7 {
    margin-bottom: calc( (100% / 12 * 3.5 - 0.1px) / -2); }
    .gap-m-7 > * {
      margin-bottom: calc( (100% / 12 * 3.5 - 0.1px)); }
  .col-m-8 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 8) - 0.1px);
        flex-basis: calc((100% / 12 * 8) - 0.1px);
    max-width: calc((100% / 12 * 8) - 0.1px); }
  .offset-m-8 {
    margin-left: calc((100% / 12 * 8 - 0.1px)); }
  .order-m-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8; }
  .gap-m-8 {
    margin-bottom: calc( (100% / 12 * 4 - 0.1px) / -2); }
    .gap-m-8 > * {
      margin-bottom: calc( (100% / 12 * 4 - 0.1px)); }
  .col-m-9 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 9) - 0.1px);
        flex-basis: calc((100% / 12 * 9) - 0.1px);
    max-width: calc((100% / 12 * 9) - 0.1px); }
  .offset-m-9 {
    margin-left: calc((100% / 12 * 9 - 0.1px)); }
  .order-m-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9; }
  .gap-m-9 {
    margin-bottom: calc( (100% / 12 * 4.5 - 0.1px) / -2); }
    .gap-m-9 > * {
      margin-bottom: calc( (100% / 12 * 4.5 - 0.1px)); }
  .col-m-10 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 10) - 0.1px);
        flex-basis: calc((100% / 12 * 10) - 0.1px);
    max-width: calc((100% / 12 * 10) - 0.1px); }
  .offset-m-10 {
    margin-left: calc((100% / 12 * 10 - 0.1px)); }
  .order-m-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10; }
  .gap-m-10 {
    margin-bottom: calc( (100% / 12 * 5 - 0.1px) / -2); }
    .gap-m-10 > * {
      margin-bottom: calc( (100% / 12 * 5 - 0.1px)); }
  .col-m-11 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 11) - 0.1px);
        flex-basis: calc((100% / 12 * 11) - 0.1px);
    max-width: calc((100% / 12 * 11) - 0.1px); }
  .offset-m-11 {
    margin-left: calc((100% / 12 * 11 - 0.1px)); }
  .order-m-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11; }
  .gap-m-11 {
    margin-bottom: calc( (100% / 12 * 5.5 - 0.1px) / -2); }
    .gap-m-11 > * {
      margin-bottom: calc( (100% / 12 * 5.5 - 0.1px)); }
  .col-m-12 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 12) - 0.1px);
        flex-basis: calc((100% / 12 * 12) - 0.1px);
    max-width: calc((100% / 12 * 12) - 0.1px); }
  .offset-m-12 {
    margin-left: calc((100% / 12 * 12 - 0.1px)); }
  .order-m-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12; }
  .gap-m-12 {
    margin-bottom: calc( (100% / 12 * 6 - 0.1px) / -2); }
    .gap-m-12 > * {
      margin-bottom: calc( (100% / 12 * 6 - 0.1px)); } }

@media (min-width: 977px) {
  .col-l-1 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 1) - 0.1px);
        flex-basis: calc((100% / 12 * 1) - 0.1px);
    max-width: calc((100% / 12 * 1) - 0.1px); }
  .offset-l-1 {
    margin-left: calc((100% / 12 * 1 - 0.1px)); }
  .order-l-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .gap-l-1 {
    margin-bottom: calc( (100% / 12 * 0.5 - 0.1px) / -2); }
    .gap-l-1 > * {
      margin-bottom: calc( (100% / 12 * 0.5 - 0.1px)); }
  .col-l-2 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 2) - 0.1px);
        flex-basis: calc((100% / 12 * 2) - 0.1px);
    max-width: calc((100% / 12 * 2) - 0.1px); }
  .offset-l-2 {
    margin-left: calc((100% / 12 * 2 - 0.1px)); }
  .order-l-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .gap-l-2 {
    margin-bottom: calc( (100% / 12 * 1 - 0.1px) / -2); }
    .gap-l-2 > * {
      margin-bottom: calc( (100% / 12 * 1 - 0.1px)); }
  .col-l-3 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 3) - 0.1px);
        flex-basis: calc((100% / 12 * 3) - 0.1px);
    max-width: calc((100% / 12 * 3) - 0.1px); }
  .offset-l-3 {
    margin-left: calc((100% / 12 * 3 - 0.1px)); }
  .order-l-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3; }
  .gap-l-3 {
    margin-bottom: calc( (100% / 12 * 1.5 - 0.1px) / -2); }
    .gap-l-3 > * {
      margin-bottom: calc( (100% / 12 * 1.5 - 0.1px)); }
  .col-l-4 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 4) - 0.1px);
        flex-basis: calc((100% / 12 * 4) - 0.1px);
    max-width: calc((100% / 12 * 4) - 0.1px); }
  .offset-l-4 {
    margin-left: calc((100% / 12 * 4 - 0.1px)); }
  .order-l-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4; }
  .gap-l-4 {
    margin-bottom: calc( (100% / 12 * 2 - 0.1px) / -2); }
    .gap-l-4 > * {
      margin-bottom: calc( (100% / 12 * 2 - 0.1px)); }
  .col-l-5 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 5) - 0.1px);
        flex-basis: calc((100% / 12 * 5) - 0.1px);
    max-width: calc((100% / 12 * 5) - 0.1px); }
  .offset-l-5 {
    margin-left: calc((100% / 12 * 5 - 0.1px)); }
  .order-l-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5; }
  .gap-l-5 {
    margin-bottom: calc( (100% / 12 * 2.5 - 0.1px) / -2); }
    .gap-l-5 > * {
      margin-bottom: calc( (100% / 12 * 2.5 - 0.1px)); }
  .col-l-6 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 6) - 0.1px);
        flex-basis: calc((100% / 12 * 6) - 0.1px);
    max-width: calc((100% / 12 * 6) - 0.1px); }
  .offset-l-6 {
    margin-left: calc((100% / 12 * 6 - 0.1px)); }
  .order-l-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6; }
  .gap-l-6 {
    margin-bottom: calc( (100% / 12 * 3 - 0.1px) / -2); }
    .gap-l-6 > * {
      margin-bottom: calc( (100% / 12 * 3 - 0.1px)); }
  .col-l-7 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 7) - 0.1px);
        flex-basis: calc((100% / 12 * 7) - 0.1px);
    max-width: calc((100% / 12 * 7) - 0.1px); }
  .offset-l-7 {
    margin-left: calc((100% / 12 * 7 - 0.1px)); }
  .order-l-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7; }
  .gap-l-7 {
    margin-bottom: calc( (100% / 12 * 3.5 - 0.1px) / -2); }
    .gap-l-7 > * {
      margin-bottom: calc( (100% / 12 * 3.5 - 0.1px)); }
  .col-l-8 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 8) - 0.1px);
        flex-basis: calc((100% / 12 * 8) - 0.1px);
    max-width: calc((100% / 12 * 8) - 0.1px); }
  .offset-l-8 {
    margin-left: calc((100% / 12 * 8 - 0.1px)); }
  .order-l-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8; }
  .gap-l-8 {
    margin-bottom: calc( (100% / 12 * 4 - 0.1px) / -2); }
    .gap-l-8 > * {
      margin-bottom: calc( (100% / 12 * 4 - 0.1px)); }
  .col-l-9 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 9) - 0.1px);
        flex-basis: calc((100% / 12 * 9) - 0.1px);
    max-width: calc((100% / 12 * 9) - 0.1px); }
  .offset-l-9 {
    margin-left: calc((100% / 12 * 9 - 0.1px)); }
  .order-l-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9; }
  .gap-l-9 {
    margin-bottom: calc( (100% / 12 * 4.5 - 0.1px) / -2); }
    .gap-l-9 > * {
      margin-bottom: calc( (100% / 12 * 4.5 - 0.1px)); }
  .col-l-10 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 10) - 0.1px);
        flex-basis: calc((100% / 12 * 10) - 0.1px);
    max-width: calc((100% / 12 * 10) - 0.1px); }
  .offset-l-10 {
    margin-left: calc((100% / 12 * 10 - 0.1px)); }
  .order-l-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10; }
  .gap-l-10 {
    margin-bottom: calc( (100% / 12 * 5 - 0.1px) / -2); }
    .gap-l-10 > * {
      margin-bottom: calc( (100% / 12 * 5 - 0.1px)); }
  .col-l-11 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 11) - 0.1px);
        flex-basis: calc((100% / 12 * 11) - 0.1px);
    max-width: calc((100% / 12 * 11) - 0.1px); }
  .offset-l-11 {
    margin-left: calc((100% / 12 * 11 - 0.1px)); }
  .order-l-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11; }
  .gap-l-11 {
    margin-bottom: calc( (100% / 12 * 5.5 - 0.1px) / -2); }
    .gap-l-11 > * {
      margin-bottom: calc( (100% / 12 * 5.5 - 0.1px)); }
  .col-l-12 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 12) - 0.1px);
        flex-basis: calc((100% / 12 * 12) - 0.1px);
    max-width: calc((100% / 12 * 12) - 0.1px); }
  .offset-l-12 {
    margin-left: calc((100% / 12 * 12 - 0.1px)); }
  .order-l-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12; }
  .gap-l-12 {
    margin-bottom: calc( (100% / 12 * 6 - 0.1px) / -2); }
    .gap-l-12 > * {
      margin-bottom: calc( (100% / 12 * 6 - 0.1px)); } }

@media (min-width: 1200px) {
  .col-xl-1 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 1) - 0.1px);
        flex-basis: calc((100% / 12 * 1) - 0.1px);
    max-width: calc((100% / 12 * 1) - 0.1px); }
  .offset-xl-1 {
    margin-left: calc((100% / 12 * 1 - 0.1px)); }
  .order-xl-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .gap-xl-1 {
    margin-bottom: calc( (100% / 12 * 0.5 - 0.1px) / -2); }
    .gap-xl-1 > * {
      margin-bottom: calc( (100% / 12 * 0.5 - 0.1px)); }
  .col-xl-2 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 2) - 0.1px);
        flex-basis: calc((100% / 12 * 2) - 0.1px);
    max-width: calc((100% / 12 * 2) - 0.1px); }
  .offset-xl-2 {
    margin-left: calc((100% / 12 * 2 - 0.1px)); }
  .order-xl-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .gap-xl-2 {
    margin-bottom: calc( (100% / 12 * 1 - 0.1px) / -2); }
    .gap-xl-2 > * {
      margin-bottom: calc( (100% / 12 * 1 - 0.1px)); }
  .col-xl-3 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 3) - 0.1px);
        flex-basis: calc((100% / 12 * 3) - 0.1px);
    max-width: calc((100% / 12 * 3) - 0.1px); }
  .offset-xl-3 {
    margin-left: calc((100% / 12 * 3 - 0.1px)); }
  .order-xl-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3; }
  .gap-xl-3 {
    margin-bottom: calc( (100% / 12 * 1.5 - 0.1px) / -2); }
    .gap-xl-3 > * {
      margin-bottom: calc( (100% / 12 * 1.5 - 0.1px)); }
  .col-xl-4 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 4) - 0.1px);
        flex-basis: calc((100% / 12 * 4) - 0.1px);
    max-width: calc((100% / 12 * 4) - 0.1px); }
  .offset-xl-4 {
    margin-left: calc((100% / 12 * 4 - 0.1px)); }
  .order-xl-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4; }
  .gap-xl-4 {
    margin-bottom: calc( (100% / 12 * 2 - 0.1px) / -2); }
    .gap-xl-4 > * {
      margin-bottom: calc( (100% / 12 * 2 - 0.1px)); }
  .col-xl-5 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 5) - 0.1px);
        flex-basis: calc((100% / 12 * 5) - 0.1px);
    max-width: calc((100% / 12 * 5) - 0.1px); }
  .offset-xl-5 {
    margin-left: calc((100% / 12 * 5 - 0.1px)); }
  .order-xl-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5; }
  .gap-xl-5 {
    margin-bottom: calc( (100% / 12 * 2.5 - 0.1px) / -2); }
    .gap-xl-5 > * {
      margin-bottom: calc( (100% / 12 * 2.5 - 0.1px)); }
  .col-xl-6 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 6) - 0.1px);
        flex-basis: calc((100% / 12 * 6) - 0.1px);
    max-width: calc((100% / 12 * 6) - 0.1px); }
  .offset-xl-6 {
    margin-left: calc((100% / 12 * 6 - 0.1px)); }
  .order-xl-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6; }
  .gap-xl-6 {
    margin-bottom: calc( (100% / 12 * 3 - 0.1px) / -2); }
    .gap-xl-6 > * {
      margin-bottom: calc( (100% / 12 * 3 - 0.1px)); }
  .col-xl-7 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 7) - 0.1px);
        flex-basis: calc((100% / 12 * 7) - 0.1px);
    max-width: calc((100% / 12 * 7) - 0.1px); }
  .offset-xl-7 {
    margin-left: calc((100% / 12 * 7 - 0.1px)); }
  .order-xl-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7; }
  .gap-xl-7 {
    margin-bottom: calc( (100% / 12 * 3.5 - 0.1px) / -2); }
    .gap-xl-7 > * {
      margin-bottom: calc( (100% / 12 * 3.5 - 0.1px)); }
  .col-xl-8 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 8) - 0.1px);
        flex-basis: calc((100% / 12 * 8) - 0.1px);
    max-width: calc((100% / 12 * 8) - 0.1px); }
  .offset-xl-8 {
    margin-left: calc((100% / 12 * 8 - 0.1px)); }
  .order-xl-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8; }
  .gap-xl-8 {
    margin-bottom: calc( (100% / 12 * 4 - 0.1px) / -2); }
    .gap-xl-8 > * {
      margin-bottom: calc( (100% / 12 * 4 - 0.1px)); }
  .col-xl-9 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 9) - 0.1px);
        flex-basis: calc((100% / 12 * 9) - 0.1px);
    max-width: calc((100% / 12 * 9) - 0.1px); }
  .offset-xl-9 {
    margin-left: calc((100% / 12 * 9 - 0.1px)); }
  .order-xl-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9; }
  .gap-xl-9 {
    margin-bottom: calc( (100% / 12 * 4.5 - 0.1px) / -2); }
    .gap-xl-9 > * {
      margin-bottom: calc( (100% / 12 * 4.5 - 0.1px)); }
  .col-xl-10 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 10) - 0.1px);
        flex-basis: calc((100% / 12 * 10) - 0.1px);
    max-width: calc((100% / 12 * 10) - 0.1px); }
  .offset-xl-10 {
    margin-left: calc((100% / 12 * 10 - 0.1px)); }
  .order-xl-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10; }
  .gap-xl-10 {
    margin-bottom: calc( (100% / 12 * 5 - 0.1px) / -2); }
    .gap-xl-10 > * {
      margin-bottom: calc( (100% / 12 * 5 - 0.1px)); }
  .col-xl-11 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 11) - 0.1px);
        flex-basis: calc((100% / 12 * 11) - 0.1px);
    max-width: calc((100% / 12 * 11) - 0.1px); }
  .offset-xl-11 {
    margin-left: calc((100% / 12 * 11 - 0.1px)); }
  .order-xl-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11; }
  .gap-xl-11 {
    margin-bottom: calc( (100% / 12 * 5.5 - 0.1px) / -2); }
    .gap-xl-11 > * {
      margin-bottom: calc( (100% / 12 * 5.5 - 0.1px)); }
  .col-xl-12 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 12) - 0.1px);
        flex-basis: calc((100% / 12 * 12) - 0.1px);
    max-width: calc((100% / 12 * 12) - 0.1px); }
  .offset-xl-12 {
    margin-left: calc((100% / 12 * 12 - 0.1px)); }
  .order-xl-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12; }
  .gap-xl-12 {
    margin-bottom: calc( (100% / 12 * 6 - 0.1px) / -2); }
    .gap-xl-12 > * {
      margin-bottom: calc( (100% / 12 * 6 - 0.1px)); } }

@media (min-width: 1680px) {
  .col-xxl-1 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 1) - 0.1px);
        flex-basis: calc((100% / 12 * 1) - 0.1px);
    max-width: calc((100% / 12 * 1) - 0.1px); }
  .offset-xxl-1 {
    margin-left: calc((100% / 12 * 1 - 0.1px)); }
  .order-xxl-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .gap-xxl-1 {
    margin-bottom: calc( (100% / 12 * 0.5 - 0.1px) / -2); }
    .gap-xxl-1 > * {
      margin-bottom: calc( (100% / 12 * 0.5 - 0.1px)); }
  .col-xxl-2 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 2) - 0.1px);
        flex-basis: calc((100% / 12 * 2) - 0.1px);
    max-width: calc((100% / 12 * 2) - 0.1px); }
  .offset-xxl-2 {
    margin-left: calc((100% / 12 * 2 - 0.1px)); }
  .order-xxl-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .gap-xxl-2 {
    margin-bottom: calc( (100% / 12 * 1 - 0.1px) / -2); }
    .gap-xxl-2 > * {
      margin-bottom: calc( (100% / 12 * 1 - 0.1px)); }
  .col-xxl-3 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 3) - 0.1px);
        flex-basis: calc((100% / 12 * 3) - 0.1px);
    max-width: calc((100% / 12 * 3) - 0.1px); }
  .offset-xxl-3 {
    margin-left: calc((100% / 12 * 3 - 0.1px)); }
  .order-xxl-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3; }
  .gap-xxl-3 {
    margin-bottom: calc( (100% / 12 * 1.5 - 0.1px) / -2); }
    .gap-xxl-3 > * {
      margin-bottom: calc( (100% / 12 * 1.5 - 0.1px)); }
  .col-xxl-4 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 4) - 0.1px);
        flex-basis: calc((100% / 12 * 4) - 0.1px);
    max-width: calc((100% / 12 * 4) - 0.1px); }
  .offset-xxl-4 {
    margin-left: calc((100% / 12 * 4 - 0.1px)); }
  .order-xxl-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4; }
  .gap-xxl-4 {
    margin-bottom: calc( (100% / 12 * 2 - 0.1px) / -2); }
    .gap-xxl-4 > * {
      margin-bottom: calc( (100% / 12 * 2 - 0.1px)); }
  .col-xxl-5 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 5) - 0.1px);
        flex-basis: calc((100% / 12 * 5) - 0.1px);
    max-width: calc((100% / 12 * 5) - 0.1px); }
  .offset-xxl-5 {
    margin-left: calc((100% / 12 * 5 - 0.1px)); }
  .order-xxl-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5; }
  .gap-xxl-5 {
    margin-bottom: calc( (100% / 12 * 2.5 - 0.1px) / -2); }
    .gap-xxl-5 > * {
      margin-bottom: calc( (100% / 12 * 2.5 - 0.1px)); }
  .col-xxl-6 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 6) - 0.1px);
        flex-basis: calc((100% / 12 * 6) - 0.1px);
    max-width: calc((100% / 12 * 6) - 0.1px); }
  .offset-xxl-6 {
    margin-left: calc((100% / 12 * 6 - 0.1px)); }
  .order-xxl-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6; }
  .gap-xxl-6 {
    margin-bottom: calc( (100% / 12 * 3 - 0.1px) / -2); }
    .gap-xxl-6 > * {
      margin-bottom: calc( (100% / 12 * 3 - 0.1px)); }
  .col-xxl-7 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 7) - 0.1px);
        flex-basis: calc((100% / 12 * 7) - 0.1px);
    max-width: calc((100% / 12 * 7) - 0.1px); }
  .offset-xxl-7 {
    margin-left: calc((100% / 12 * 7 - 0.1px)); }
  .order-xxl-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7; }
  .gap-xxl-7 {
    margin-bottom: calc( (100% / 12 * 3.5 - 0.1px) / -2); }
    .gap-xxl-7 > * {
      margin-bottom: calc( (100% / 12 * 3.5 - 0.1px)); }
  .col-xxl-8 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 8) - 0.1px);
        flex-basis: calc((100% / 12 * 8) - 0.1px);
    max-width: calc((100% / 12 * 8) - 0.1px); }
  .offset-xxl-8 {
    margin-left: calc((100% / 12 * 8 - 0.1px)); }
  .order-xxl-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8; }
  .gap-xxl-8 {
    margin-bottom: calc( (100% / 12 * 4 - 0.1px) / -2); }
    .gap-xxl-8 > * {
      margin-bottom: calc( (100% / 12 * 4 - 0.1px)); }
  .col-xxl-9 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 9) - 0.1px);
        flex-basis: calc((100% / 12 * 9) - 0.1px);
    max-width: calc((100% / 12 * 9) - 0.1px); }
  .offset-xxl-9 {
    margin-left: calc((100% / 12 * 9 - 0.1px)); }
  .order-xxl-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9; }
  .gap-xxl-9 {
    margin-bottom: calc( (100% / 12 * 4.5 - 0.1px) / -2); }
    .gap-xxl-9 > * {
      margin-bottom: calc( (100% / 12 * 4.5 - 0.1px)); }
  .col-xxl-10 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 10) - 0.1px);
        flex-basis: calc((100% / 12 * 10) - 0.1px);
    max-width: calc((100% / 12 * 10) - 0.1px); }
  .offset-xxl-10 {
    margin-left: calc((100% / 12 * 10 - 0.1px)); }
  .order-xxl-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10; }
  .gap-xxl-10 {
    margin-bottom: calc( (100% / 12 * 5 - 0.1px) / -2); }
    .gap-xxl-10 > * {
      margin-bottom: calc( (100% / 12 * 5 - 0.1px)); }
  .col-xxl-11 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 11) - 0.1px);
        flex-basis: calc((100% / 12 * 11) - 0.1px);
    max-width: calc((100% / 12 * 11) - 0.1px); }
  .offset-xxl-11 {
    margin-left: calc((100% / 12 * 11 - 0.1px)); }
  .order-xxl-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11; }
  .gap-xxl-11 {
    margin-bottom: calc( (100% / 12 * 5.5 - 0.1px) / -2); }
    .gap-xxl-11 > * {
      margin-bottom: calc( (100% / 12 * 5.5 - 0.1px)); }
  .col-xxl-12 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 12) - 0.1px);
        flex-basis: calc((100% / 12 * 12) - 0.1px);
    max-width: calc((100% / 12 * 12) - 0.1px); }
  .offset-xxl-12 {
    margin-left: calc((100% / 12 * 12 - 0.1px)); }
  .order-xxl-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12; }
  .gap-xxl-12 {
    margin-bottom: calc( (100% / 12 * 6 - 0.1px) / -2); }
    .gap-xxl-12 > * {
      margin-bottom: calc( (100% / 12 * 6 - 0.1px)); } }

@media (min-width: 1780px) {
  .col-xxxl-1 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 1) - 0.1px);
        flex-basis: calc((100% / 12 * 1) - 0.1px);
    max-width: calc((100% / 12 * 1) - 0.1px); }
  .offset-xxxl-1 {
    margin-left: calc((100% / 12 * 1 - 0.1px)); }
  .order-xxxl-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .gap-xxxl-1 {
    margin-bottom: calc( (100% / 12 * 0.5 - 0.1px) / -2); }
    .gap-xxxl-1 > * {
      margin-bottom: calc( (100% / 12 * 0.5 - 0.1px)); }
  .col-xxxl-2 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 2) - 0.1px);
        flex-basis: calc((100% / 12 * 2) - 0.1px);
    max-width: calc((100% / 12 * 2) - 0.1px); }
  .offset-xxxl-2 {
    margin-left: calc((100% / 12 * 2 - 0.1px)); }
  .order-xxxl-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .gap-xxxl-2 {
    margin-bottom: calc( (100% / 12 * 1 - 0.1px) / -2); }
    .gap-xxxl-2 > * {
      margin-bottom: calc( (100% / 12 * 1 - 0.1px)); }
  .col-xxxl-3 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 3) - 0.1px);
        flex-basis: calc((100% / 12 * 3) - 0.1px);
    max-width: calc((100% / 12 * 3) - 0.1px); }
  .offset-xxxl-3 {
    margin-left: calc((100% / 12 * 3 - 0.1px)); }
  .order-xxxl-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3; }
  .gap-xxxl-3 {
    margin-bottom: calc( (100% / 12 * 1.5 - 0.1px) / -2); }
    .gap-xxxl-3 > * {
      margin-bottom: calc( (100% / 12 * 1.5 - 0.1px)); }
  .col-xxxl-4 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 4) - 0.1px);
        flex-basis: calc((100% / 12 * 4) - 0.1px);
    max-width: calc((100% / 12 * 4) - 0.1px); }
  .offset-xxxl-4 {
    margin-left: calc((100% / 12 * 4 - 0.1px)); }
  .order-xxxl-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4; }
  .gap-xxxl-4 {
    margin-bottom: calc( (100% / 12 * 2 - 0.1px) / -2); }
    .gap-xxxl-4 > * {
      margin-bottom: calc( (100% / 12 * 2 - 0.1px)); }
  .col-xxxl-5 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 5) - 0.1px);
        flex-basis: calc((100% / 12 * 5) - 0.1px);
    max-width: calc((100% / 12 * 5) - 0.1px); }
  .offset-xxxl-5 {
    margin-left: calc((100% / 12 * 5 - 0.1px)); }
  .order-xxxl-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5; }
  .gap-xxxl-5 {
    margin-bottom: calc( (100% / 12 * 2.5 - 0.1px) / -2); }
    .gap-xxxl-5 > * {
      margin-bottom: calc( (100% / 12 * 2.5 - 0.1px)); }
  .col-xxxl-6 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 6) - 0.1px);
        flex-basis: calc((100% / 12 * 6) - 0.1px);
    max-width: calc((100% / 12 * 6) - 0.1px); }
  .offset-xxxl-6 {
    margin-left: calc((100% / 12 * 6 - 0.1px)); }
  .order-xxxl-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6; }
  .gap-xxxl-6 {
    margin-bottom: calc( (100% / 12 * 3 - 0.1px) / -2); }
    .gap-xxxl-6 > * {
      margin-bottom: calc( (100% / 12 * 3 - 0.1px)); }
  .col-xxxl-7 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 7) - 0.1px);
        flex-basis: calc((100% / 12 * 7) - 0.1px);
    max-width: calc((100% / 12 * 7) - 0.1px); }
  .offset-xxxl-7 {
    margin-left: calc((100% / 12 * 7 - 0.1px)); }
  .order-xxxl-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7; }
  .gap-xxxl-7 {
    margin-bottom: calc( (100% / 12 * 3.5 - 0.1px) / -2); }
    .gap-xxxl-7 > * {
      margin-bottom: calc( (100% / 12 * 3.5 - 0.1px)); }
  .col-xxxl-8 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 8) - 0.1px);
        flex-basis: calc((100% / 12 * 8) - 0.1px);
    max-width: calc((100% / 12 * 8) - 0.1px); }
  .offset-xxxl-8 {
    margin-left: calc((100% / 12 * 8 - 0.1px)); }
  .order-xxxl-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8; }
  .gap-xxxl-8 {
    margin-bottom: calc( (100% / 12 * 4 - 0.1px) / -2); }
    .gap-xxxl-8 > * {
      margin-bottom: calc( (100% / 12 * 4 - 0.1px)); }
  .col-xxxl-9 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 9) - 0.1px);
        flex-basis: calc((100% / 12 * 9) - 0.1px);
    max-width: calc((100% / 12 * 9) - 0.1px); }
  .offset-xxxl-9 {
    margin-left: calc((100% / 12 * 9 - 0.1px)); }
  .order-xxxl-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9; }
  .gap-xxxl-9 {
    margin-bottom: calc( (100% / 12 * 4.5 - 0.1px) / -2); }
    .gap-xxxl-9 > * {
      margin-bottom: calc( (100% / 12 * 4.5 - 0.1px)); }
  .col-xxxl-10 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 10) - 0.1px);
        flex-basis: calc((100% / 12 * 10) - 0.1px);
    max-width: calc((100% / 12 * 10) - 0.1px); }
  .offset-xxxl-10 {
    margin-left: calc((100% / 12 * 10 - 0.1px)); }
  .order-xxxl-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10; }
  .gap-xxxl-10 {
    margin-bottom: calc( (100% / 12 * 5 - 0.1px) / -2); }
    .gap-xxxl-10 > * {
      margin-bottom: calc( (100% / 12 * 5 - 0.1px)); }
  .col-xxxl-11 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 11) - 0.1px);
        flex-basis: calc((100% / 12 * 11) - 0.1px);
    max-width: calc((100% / 12 * 11) - 0.1px); }
  .offset-xxxl-11 {
    margin-left: calc((100% / 12 * 11 - 0.1px)); }
  .order-xxxl-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11; }
  .gap-xxxl-11 {
    margin-bottom: calc( (100% / 12 * 5.5 - 0.1px) / -2); }
    .gap-xxxl-11 > * {
      margin-bottom: calc( (100% / 12 * 5.5 - 0.1px)); }
  .col-xxxl-12 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc((100% / 12 * 12) - 0.1px);
        flex-basis: calc((100% / 12 * 12) - 0.1px);
    max-width: calc((100% / 12 * 12) - 0.1px); }
  .offset-xxxl-12 {
    margin-left: calc((100% / 12 * 12 - 0.1px)); }
  .order-xxxl-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12; }
  .gap-xxxl-12 {
    margin-bottom: calc( (100% / 12 * 6 - 0.1px) / -2); }
    .gap-xxxl-12 > * {
      margin-bottom: calc( (100% / 12 * 6 - 0.1px)); } }

.ratio-16x9 {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden; }
  .ratio-16x9 > * {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    background-size: cover; }

.ratio-4x3 {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 75%;
  overflow: hidden; }
  .ratio-4x3 > * {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    background-size: cover; }

.ratio-3x2 {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 66.66667%;
  overflow: hidden; }
  .ratio-3x2 > * {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    background-size: cover; }

.ratio-9x16 {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 177.77778%;
  overflow: hidden; }
  .ratio-9x16 > * {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    background-size: cover; }

.ratio-3x4 {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 133.33333%;
  overflow: hidden; }
  .ratio-3x4 > * {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    background-size: cover; }

.ratio-2x3 {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 150%;
  overflow: hidden; }
  .ratio-2x3 > * {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    background-size: cover; }

.ratio-2x2 {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  overflow: hidden; }
  .ratio-2x2 > * {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    background-size: cover; }

.hero-heading-intro {
  text-transform: uppercase;
  color: #134728;
  line-height: 0.9;
  font-weight: 700;
  word-break: break-word;
  font-size: 2rem;
  letter-spacing: -.15rem; }
  @media (min-width: 768px) {
    .hero-heading-intro {
      font-size: 4.3vw;
      letter-spacing: -.1vw; } }
  @media (min-width: 1680px) {
    .hero-heading-intro {
      font-size: 4.3vw;
      letter-spacing: -.2vw; } }
  .hero-heading-intro span {
    color: #84c641; }

.hero-meta {
  text-transform: uppercase;
  color: #134728;
  font-family: "house-of-cards", sans-serif;
  font-size: 1.75rem;
  line-height: 1;
  font-weight: 400;
  font-size: 1rem;
  margin-bottom: 0.5rem; }
  @media (min-width: 768px) {
    .hero-meta {
      font-size: 1.95vw;
      margin-bottom: 1vw; } }
  @media (min-width: 1680px) {
    .hero-meta {
      font-size: 1.95rem;
      margin-bottom: 1rem; } }

.hero-heading-1 {
  text-transform: uppercase;
  color: #134728;
  line-height: 1;
  font-weight: 700;
  word-break: break-word;
  font-size: 2rem;
  letter-spacing: -0.15rem; }
  .hero-heading-1 span {
    color: #84c641; }
  @media (min-width: 768px) {
    .hero-heading-1 {
      font-size: 4.5vw;
      letter-spacing: -0.2vw; } }
  @media (min-width: 1680px) {
    .hero-heading-1 {
      font-size: 4.5rem;
      letter-spacing: -0.2rem; } }

.hero-heading-2 {
  text-transform: uppercase;
  color: #134728;
  line-height: 1;
  font-weight: 700;
  word-break: break-word;
  font-size: 2rem;
  letter-spacing: -0.15rem;
  margin-bottom: 1rem; }
  .hero-heading-2 span {
    color: #84c641; }
  @media (min-width: 768px) {
    .hero-heading-2 {
      font-size: 5vw;
      margin-bottom: 2vw;
      letter-spacing: -0.2vw; } }
  @media (min-width: 1680px) {
    .hero-heading-2 {
      font-size: 5rem;
      margin-bottom: 2rem;
      letter-spacing: -0.2rem; } }

.meta {
  text-transform: uppercase;
  color: #84c641;
  font-family: "house-of-cards", sans-serif;
  font-size: 1rem;
  margin-bottom: 0.5rem;
  display: block; }

.card-heading-1 {
  text-transform: uppercase;
  color: white;
  font-family: "petala-pro", sans-serif;
  font-weight: 700;
  letter-spacing: -0.015rem;
  font-size: 1.1rem;
  line-height: 1; }
  @media (min-width: 768px) {
    .card-heading-1 {
      font-size: 1.7vw;
      line-height: 1;
      letter-spacing: -0.025vw; } }
  @media (min-width: 1680px) {
    .card-heading-1 {
      font-size: 1.3rem;
      line-height: 1;
      letter-spacing: -0.025rem; } }

.card-heading-2 {
  text-transform: uppercase;
  color: #134728;
  font-family: "petala-pro", sans-serif;
  font-size: 1.15rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: -0.025rem; }

.section-heading {
  text-transform: uppercase;
  color: #194c2d;
  font-family: "house-of-cards", sans-serif;
  display: block;
  font-size: 1.8rem; }
  @media (min-width: 768px) {
    .section-heading {
      font-size: 3.8vw; } }
  @media (min-width: 1680px) {
    .section-heading {
      font-size: 3.2rem; } }

.section-heading-2 {
  text-transform: uppercase;
  color: #194c2d;
  font-family: "petala-pro", sans-serif;
  display: block;
  font-weight: 700;
  font-size: 1.4rem;
  margin-bottom: 0.5rem;
  letter-spacing: -0.025rem;
  line-height: 1.1; }
  @media (min-width: 768px) {
    .section-heading-2 {
      font-size: 3.2vw;
      margin-bottom: 1.5vw;
      letter-spacing: -0.025vw; } }
  @media (min-width: 1680px) {
    .section-heading-2 {
      font-size: 3.2rem;
      margin-bottom: 1.5rem;
      letter-spacing: -0.025rem; } }

.customer-story__quote {
  color: white;
  font-family: "house-of-cards", sans-serif;
  font-size: 1.2rem;
  line-height: 1.6;
  margin-bottom: 1rem; }
  @media (min-width: 977px) {
    .customer-story__quote {
      font-size: 2.4vw;
      line-height: 3.4vw;
      margin-bottom: 2vw; } }
  @media (min-width: 1680px) {
    .customer-story__quote {
      font-size: 1.7rem;
      line-height: 1.8;
      margin-bottom: 2rem; } }

.c2a-section__heading {
  color: white;
  font-family: "house-of-cards", sans-serif;
  text-transform: uppercase;
  font-size: 1.4rem;
  line-height: 1.3;
  margin-bottom: 0.25rem; }
  @media (min-width: 977px) {
    .c2a-section__heading {
      font-size: 2.95vw;
      line-height: 1.6vw;
      margin-bottom: 2.5vw; } }
  @media (min-width: 1680px) {
    .c2a-section__heading {
      font-size: 1.95rem;
      line-height: 1.6;
      margin-bottom: 0.5rem; } }

.footer__heading {
  text-transform: uppercase;
  color: #194c2d;
  font-family: "house-of-cards", sans-serif;
  font-size: 1rem;
  margin-bottom: 1.5rem;
  display: block; }

.popup-c2a__heading {
  color: #194c2d;
  font-family: "house-of-cards", sans-serif;
  text-transform: uppercase;
  font-size: 1.4rem;
  line-height: 1.3;
  margin-bottom: 0.25rem; }
  @media (min-width: 977px) {
    .popup-c2a__heading {
      font-size: 2.95vw;
      line-height: 1.6vw;
      margin-bottom: 2.5vw; } }
  @media (min-width: 1680px) {
    .popup-c2a__heading {
      font-size: 1.95rem;
      line-height: 1.6;
      margin-bottom: 0.5rem; } }

.h-highlights__heading {
  text-transform: uppercase;
  color: white;
  font-size: 1.7rem;
  font-weight: 700;
  display: block;
  font-size: 1.2rem;
  letter-spacing: -0.015rem;
  line-height: 1.1; }
  @media (min-width: 768px) {
    .h-highlights__heading {
      font-size: 1.7vw;
      letter-spacing: -0.025vw; } }
  @media (min-width: 1680px) {
    .h-highlights__heading {
      font-size: 1.7rem;
      letter-spacing: -0.025rem; } }

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

*:focus {
  outline: none; }

html {
  min-width: 300px;
  font-size: 19px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased; }

body {
  background-color: white;
  font-family: "petala-pro", sans-serif;
  font-weight: 300;
  color: #3c4c29;
  overflow-x: hidden;
  overflow-y: auto; }

main {
  z-index: 1;
  position: relative; }

.section {
  padding: 4vw 0; }

.container {
  position: relative;
  padding: 0 15px;
  margin: 0 auto;
  width: 90%;
  max-width: 1640px; }
  .container--fixed {
    max-width: 1640px; }

.editor p {
  margin-bottom: 2rem; }

.editor address {
  font-style: normal; }

.editor h1,
.editor h2,
.editor h3,
.editor h4 {
  font-weight: 600; }

.editor h3 {
  margin-bottom: 1rem; }

.editor h4 {
  margin-bottom: 1rem; }

.editor a {
  text-decoration: none;
  color: #3c4c29; }

.header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative; }
  .header__inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding: 1rem 0; }
  .header__left {
    position: absolute;
    left: 0;
    bottom: 1.5rem;
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .header__right {
    position: absolute;
    right: 0;
    bottom: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .header .button {
    margin-left: auto; }
    @media (max-width: 976px) {
      .header .button {
        display: none; } }
  .header__btm {
    background-color: #134728;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0.65rem 1.5rem; }
  .header__message {
    font-size: 0.85rem;
    color: white !important;
    text-decoration: none; }
    @media (max-width: 976px) {
      .header__message {
        font-size: 0.70rem;
        text-align: center; } }
    .header__message strong {
      font-weight: 600; }
  .header__benefits {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2rem;
    color: white; }
    @media (max-width: 976px) {
      .header__benefits {
        display: none; } }
    .header__benefits li {
      line-height: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      gap: 0.5rem;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      font-size: 0.85rem; }
      .header__benefits li:before {
        content: '';
        display: inline-block;
        width: 13px;
        height: 13px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 13px auto;
        background-image: url("../../img/ico-benefit.svg"); }
  .header__shop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    gap: 1.5rem; }
  .header__cart-wrap {
    position: relative; }
    .header__cart-wrap .counter {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      text-align: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      min-width: 20px;
      border-radius: 20px;
      height: 20px;
      line-height: 0;
      background-color: #84c641;
      color: white;
      position: absolute;
      z-index: 2;
      right: -10px;
      top: -10px;
      font-size: 14px; }
  .header__cart {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 35px;
    overflow: hidden;
    text-indent: -5000em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 30px auto;
    background-image: url("../../img/ico-cart.svg"); }
    .header__cart:hover {
      cursor: pointer; }
  .header__myaccount {
    display: inline-block;
    width: 24px;
    height: 36px;
    overflow: hidden;
    text-indent: -5000em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px auto;
    background-image: url("../../img/ico-account.svg"); }
    .header__myaccount:hover {
      cursor: pointer; }
  .header .hamburger {
    margin-right: 2.5rem;
    margin-left: 1.5rem; }

.logo {
  background-color: white;
  z-index: 2;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 25%;
  max-width: 120px; }
  .logo img {
    width: 100%;
    height: auto; }
  @media (min-width: 977px) {
    .logo {
      margin: 0 auto; } }

.primary-nav, .primary-nav-right {
  -ms-flex-negative: 0;
      flex-shrink: 0; }
  @media screen and (max-width: 1540px) {
    .primary-nav, .primary-nav-right {
      display: none; } }
  .primary-nav ul, .primary-nav-right ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
  .primary-nav a, .primary-nav-right a {
    padding: 0.5rem;
    padding-left: 0;
    margin-right: 0.75rem;
    text-decoration: none;
    text-transform: uppercase;
    color: #134728;
    font-family: "house-of-cards", sans-serif;
    -webkit-transition: color 150ms ease-in;
    transition: color 150ms ease-in; }
    .primary-nav a:hover, .primary-nav-right a:hover {
      color: #84c641; }

.primary-nav-right {
  margin-left: auto; }

.footer {
  padding: 4vw 0; }
  .footer__whatsapp {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-top: 1rem; }
    .footer__whatsapp span {
      width: 22px;
      height: 22px;
      overflow: hidden;
      text-indent: -5000em;
      display: inline-block;
      background-color: blue;
      background-color: transparent;
      background-position: center;
      background-repeat: no-repeat;
      background-size: 22px auto;
      background-image: url("../../img/ico-whatsapp.svg");
      margin-right: 0.5rem; }
      .footer__whatsapp span:hover {
        cursor: pointer; }
  @media (max-width: 976px) {
    .footer [class^='col-'] {
      margin-bottom: 2rem; } }
  .footer__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
  @media (min-width: 1680px) {
    .footer__address {
      padding-left: 3.5vw; } }
  .footer__logo {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 1;
        flex-shrink: 1; }
    @media (max-width: 1679px) {
      .footer__logo {
        display: none; } }
  .footer address {
    font-style: normal;
    margin-bottom: 2rem; }
  .footer a {
    text-decoration: none;
    color: #194c2d; }
  .footer__signup {
    margin-top: 1rem; }
    .footer__signup button {
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      width: 24px;
      height: 24px;
      background-size: 14px auto;
      background-image: url("../../img/ico-browse-right.svg");
      background-position: center;
      background-repeat: no-repeat;
      overflow: hidden;
      text-indent: -5000rem;
      background-color: transparent; }
      .footer__signup button:focus {
        outline: none; }

.legal-bar__inner {
  border-top: 1px solid #dedede;
  padding: 2rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media (min-width: 977px) {
    .legal-bar__inner {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }

.legal-bar a {
  text-decoration: none;
  color: #194c2d; }

.legal-bar__buildby {
  font-size: 0.8rem; }
  @media (min-width: 977px) {
    .legal-bar__buildby {
      margin-right: 0.5rem;
      margin-left: auto; } }

.legal-bar__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media (min-width: 977px) {
    .legal-bar__nav {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }
  .legal-bar__nav li {
    margin: 0 0 0.5rem 0;
    font-size: 0.8rem; }
    @media (min-width: 977px) {
      .legal-bar__nav li {
        margin: 0 0.5rem 0 0; } }

.site-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh; }

.mobile-nav {
  text-align: center; }
  .mobile-nav li {
    overflow: hidden; }
  .mobile-nav a {
    text-decoration: none;
    padding: 0.5rem;
    text-transform: uppercase;
    color: #194c2d;
    font-family: "house-of-cards", sans-serif;
    margin-bottom: 0.5rem;
    display: block;
    -webkit-transition: color 150ms ease-in;
    transition: color 150ms ease-in;
    font-size: 1.4rem; }
    @media (min-width: 768px) {
      .mobile-nav a {
        font-size: 4.2vw; } }
    @media (min-width: 1680px) {
      .mobile-nav a {
        font-size: 3.2rem; } }
    .mobile-nav a:hover {
      color: #84c641; }

.home__inner {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.ds-button {
  display: inline-block;
  background: transparent;
  border: 2px solid #134728;
  text-transform: uppercase;
  color: #134728;
  font-family: "house-of-cards", sans-serif;
  padding: 0 1.5rem;
  text-align: center;
  height: 44px;
  line-height: 44px;
  min-width: 188px;
  font-size: 0.9rem;
  text-decoration: none;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out; }
  .ds-button--02 {
    border: 2px solid white;
    color: white !important; }
  .ds-button:hover {
    cursor: pointer;
    background-color: #84c641;
    color: white;
    border-color: #84c641; }
  .ds-button:focus {
    outline: none; }

.h-hero {
  padding: 4vw 0;
  margin: auto 0; }
  .h-hero__inner {
    position: relative; }
  .h-hero .badge {
    position: absolute;
    right: 0;
    top: 0; }
    @media (max-width: 976px) {
      .h-hero .badge {
        display: none; } }

.hn-hero {
  padding: 2vw 0 4vw 0;
  margin: auto 0; }
  .hn-hero__inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }
    @media (min-width: 977px) {
      .hn-hero__inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; } }
  .hn-hero__left {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%; }
    @media (min-width: 977px) {
      .hn-hero__left {
        width: 50%; } }
  .hn-hero__right {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 100%; }
    @media (min-width: 977px) {
      .hn-hero__right {
        width: 50%; } }
  .hn-hero__text {
    width: 90%;
    margin: 0 auto 0 auto; }
    @media (min-width: 977px) {
      .hn-hero__text {
        margin: 0 0 0 auto;
        width: 90%;
        max-width: calc(1640 / 2 * 1px); } }
  .hn-hero__heading {
    margin-bottom: 2rem; }
  .hn-hero__teaser {
    max-width: 400px;
    margin-bottom: 2rem; }
  .hn-hero .badge {
    position: absolute;
    right: 0;
    top: 0; }
    @media (max-width: 976px) {
      .hn-hero .badge {
        display: none; } }
  .hn-hero__list {
    margin-top: -2rem; }
  .hn-hero__list-inner {
    background-color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0rem 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.12);
            box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.12); }
    @media (min-width: 768px) {
      .hn-hero__list-inner {
        overflow: hidden;
        margin: 0 -0.5rem;
        padding: 1rem 1rem;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }

.hn-hero-item {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #194c2d;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #D5E3DB;
  width: 100%;
  padding: 1rem 0.5rem; }
  .hn-hero-item:hover {
    cursor: pointer; }
  @media (min-width: 768px) {
    .hn-hero-item {
      width: 33%;
      border-bottom: none; } }
  @media (min-width: 1200px) {
    .hn-hero-item {
      width: 25%; } }
  @media (min-width: 768px) {
    .hn-hero-item:nth-child(4) {
      display: none; } }
  @media (min-width: 1200px) {
    .hn-hero-item:nth-child(4) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
  .hn-hero-item__text {
    width: 80%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1; }
  .hn-hero-item__icon {
    width: 20%;
    margin-right: 1rem;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .hn-hero-item__icon img {
      width: 50%; }
      @media (min-width: 768px) {
        .hn-hero-item__icon img {
          width: 100%; } }
  .hn-hero-item__heading {
    font-family: "house-of-cards", sans-serif;
    text-transform: uppercase; }

.badge {
  position: relative;
  width: 195px;
  height: 195px;
  background-color: #f5821f;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: white;
  font-family: "house-of-cards", sans-serif;
  padding: 0 1.5rem;
  text-align: center;
  font-size: 1.4rem;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: background-color 150ms ease-in;
  transition: background-color 150ms ease-in; }
  .badge:hover {
    background-color: #84c641; }

.hamburger {
  position: relative;
  z-index: 999;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-block; }
  .hamburger--active .bar:nth-of-type(1) {
    -webkit-transform: translateY(5.5px) rotate(45deg);
            transform: translateY(5.5px) rotate(45deg); }
  .hamburger--active .bar:nth-of-type(2) {
    -webkit-transform: translateY(-5.5px) rotate(-45deg);
            transform: translateY(-5.5px) rotate(-45deg); }

.bar {
  position: relative;
  display: block;
  height: 2px;
  width: 34px;
  margin: 9px 0;
  background-color: #134728;
  -webkit-transition: 0.4s;
  transition: 0.4s; }

.m-topbar {
  padding-top: 3rem; }
  .m-topbar__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    @media (min-width: 768px) {
      .m-topbar__inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; } }
  .m-topbar nav {
    overflow: hidden;
    overflow-x: auto; }
  .m-topbar ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
  .m-topbar a {
    padding: 0.5rem;
    padding-left: 0;
    margin-right: 1rem;
    text-decoration: none;
    text-transform: uppercase;
    color: #134728;
    font-family: "house-of-cards", sans-serif;
    -webkit-transition: color 150ms ease-in;
    transition: color 150ms ease-in; }
    .m-topbar a:hover {
      color: #84c641; }
  .m-topbar__search {
    margin: 1rem 0; }
    @media (min-width: 768px) {
      .m-topbar__search {
        margin: 0rem;
        max-width: 300px; } }
    .m-topbar__search button {
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      width: 24px;
      height: 24px;
      background-image: url("../../img/ico-search.svg");
      background-position: center;
      background-repeat: no-repeat;
      overflow: hidden;
      text-indent: -5000rem;
      background-color: transparent; }
      .m-topbar__search button:focus {
        outline: none; }

.m-slider__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media (min-width: 977px) {
    .m-slider__inner {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }

.m-slider__visuals {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  width: 100%;
  background-color: #f9f9f9; }
  @media (min-width: 977px) {
    .m-slider__visuals {
      width: 70%; } }

.m-slider__img-wrap {
  width: 100%;
  padding-bottom: 56.25%; }

.m-slider__img {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }

.m-slider__nav {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  width: 100%;
  background-color: #134728;
  padding: 0 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @media (min-width: 977px) {
    .m-slider__nav {
      width: 30%;
      padding: 0 3vw; } }

.m-slider__item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  width: 100%;
  display: block;
  padding: 2rem 0;
  text-decoration: none;
  color: white; }
  .m-slider__item:last-child {
    border-bottom: none; }

.browse {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }
  .browse__next {
    background-image: url("../../img/ico-browse-right.svg") !important; }
    .browse__next:hover {
      background-image: url("../../img/ico-browse-right-white.svg") !important; }
  .browse button {
    border: 2px solid #3c4c29;
    width: 44px;
    height: 44px;
    overflow: hidden;
    text-indent: -5000em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 14px auto;
    background-image: url("../../img/ico-browse-left.svg");
    -webkit-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out; }
    .browse button:hover {
      cursor: pointer;
      background-color: #84c641;
      color: white;
      border-color: #84c641;
      background-image: url("../../img/ico-browse-left-white.svg"); }
    .browse button:last-child {
      margin-left: 0.5rem; }

.card-slider__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 2rem; }
  @media (min-width: 768px) {
    .card-slider__header {
      margin-bottom: 2vw; } }

.card-slider__more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 3rem 0; }

.m-card {
  width: 100%;
  display: block;
  border-bottom: 1px solid #3c4c29;
  padding-bottom: 2rem;
  text-decoration: none;
  margin-bottom: 2rem; }
  .m-card:hover .m-card__img {
    -webkit-transform: scale(1.2);
            transform: scale(1.2); }
  .m-card__visual {
    width: 100%;
    padding-bottom: 120%;
    background-color: #f9f9f9;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 1rem;
    position: relative;
    overflow: hidden; }
  .m-card__img {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #f9f9f9;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: -webkit-transform 3000ms ease-in;
    transition: -webkit-transform 3000ms ease-in;
    transition: transform 3000ms ease-in;
    transition: transform 3000ms ease-in, -webkit-transform 3000ms ease-in; }

.customer-story__inner {
  background-color: #134728; }

.customer-story__visual {
  width: 100%;
  padding-bottom: 100%;
  background-color: #f9f9f9;
  background-image: url("../img/customer-story.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }

.customer-story__text {
  padding: 2rem;
  color: white; }
  @media (min-width: 977px) {
    .customer-story__text {
      padding: 4vw; } }

.author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .author--dark .author__name {
    color: #134728; }
  .author--dark .author__avatar {
    background-color: rgba(0, 0, 0, 0.05); }
  .author__avatar {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    margin-right: 1rem;
    background-color: rgba(255, 255, 255, 0.15);
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  .author__text span {
    display: block; }
  .author__name {
    color: white;
    font-family: "house-of-cards", sans-serif; }
  .author__meta {
    font-size: 0.8rem; }

.c2a-section__inner {
  background-color: #134728;
  color: white;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media (min-width: 977px) {
    .c2a-section__inner {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }

.c2a-section__text {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  padding: 4rem; }
  @media (min-width: 977px) {
    .c2a-section__text {
      width: 50%;
      min-height: 500px;
      border-right: 1px solid rgba(255, 255, 255, 0.3); } }
  .c2a-section__text:last-child {
    border-right: none; }

.c2a-section p {
  margin-bottom: 2rem; }

.socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }
  .socials--vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .socials--vertical a {
      margin-right: 0;
      margin-bottom: 0.5rem; }
  .socials a {
    border: 2px solid #3c4c29;
    width: 44px;
    height: 44px;
    overflow: hidden;
    text-indent: -5000em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 14px auto;
    margin-right: 0.5rem; }
    .socials a:hover {
      cursor: pointer; }
  .socials__facebook {
    background-image: url("../../img/ico-facebook.svg"); }
  .socials__twitter {
    background-image: url("../../img/ico-twitter.svg");
    background-size: 17px auto; }
  .socials__instagram {
    background-image: url("../../img/ico-instagram.svg");
    background-size: 15px auto; }
  .socials__linkedin {
    background-image: url("../../img/ico-linkedin.svg");
    background-size: 15px auto; }

.m-hero .label {
  margin-bottom: 1rem; }

.m-hero__heading {
  margin-bottom: 2rem; }

.m-hero__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }

.m-hero__text {
  width: 60%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1; }

.m-hero__share {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end; }

.label {
  background-color: #84c641;
  padding: 0.25rem 0.5rem;
  text-transform: uppercase;
  color: white;
  font-family: "house-of-cards", sans-serif;
  font-size: 0.8rem;
  display: inline-block; }

.visual {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }
  .visual--by9x16 {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 177.77778%;
    overflow: hidden; }
    .visual--by9x16 > * {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      background-size: cover; }
  .visual--16by9, .visual--by16x9 {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden; }
    .visual--16by9 > *, .visual--by16x9 > * {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      background-size: cover; }
  .visual--by3x4 {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 133.33333%;
    overflow: hidden; }
    .visual--by3x4 > * {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      background-size: cover; }
  .visual--by4x3 {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 75%;
    overflow: hidden; }
    .visual--by4x3 > * {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      background-size: cover; }
  .visual--by1x1 {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    overflow: hidden; }
    .visual--by1x1 > * {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      background-size: cover; }

.hr {
  display: block;
  height: 1px;
  background-color: #3c4c29;
  margin-bottom: 3rem; }

.form .input {
  margin-bottom: 1rem; }

.form__footer {
  margin-top: 2rem; }

.input {
  border-bottom: 1px solid #3c4c29;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #3c4c29; }
  .input > input {
    border: none;
    background-color: transparent;
    font-size: 0.9rem;
    font-family: "petala-pro", sans-serif;
    color: #3c4c29;
    padding: 0.5rem 0;
    margin-right: 1rem;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1; }
    .input > input:focus {
      outline: none; }
  .input > textarea {
    border: none;
    background-color: transparent;
    font-size: 0.9rem;
    font-family: "petala-pro", sans-serif;
    color: #3c4c29;
    padding: 0.5rem 0;
    margin-right: 1rem;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    min-height: 300px; }
    .input > textarea:focus {
      outline: none; }

.popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  visibility: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .popup--fullscreen .popup__transparent {
    background-color: white; }
  .popup--fullscreen .popup__close {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 99; }
  .popup--fullscreen .popup__window {
    width: 100vw;
    min-height: 100vh;
    max-width: 100vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .popup--fullscreen .popup__header {
    display: none; }
  .popup__transparent {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.5); }
  .popup__window {
    position: relative;
    z-index: 2;
    background-color: white;
    width: 100%;
    max-width: 1340px;
    margin: auto;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
    @media (min-width: 977px) {
      .popup__window {
        width: 90%; } }
  .popup__header {
    height: 56px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .popup__close {
    width: 56px;
    height: 56px;
    background-color: #80c53b;
    overflow: hidden;
    text-indent: -5000em;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px auto;
    background-image: url("../../img/ico-close.svg"); }
    .popup__close:hover {
      cursor: pointer; }
    .popup__close:focus {
      outline: none; }
  .popup__body {
    padding: 3rem; }

.popup-c2a {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media (min-width: 977px) {
    .popup-c2a {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; } }
  .popup-c2a__text {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-bottom: 1px solid #dedede;
    text-align: center;
    padding: 1.5rem 0; }
    .popup-c2a__text:last-child {
      border-right: none;
      border-bottom: none; }
    @media (min-width: 977px) {
      .popup-c2a__text {
        width: 50%;
        border-bottom: none;
        border-right: 1px solid #dedede;
        padding: 2vw 0; } }
  .popup-c2a p {
    margin-bottom: 2rem; }
    @media (min-width: 977px) {
      .popup-c2a p {
        width: 60%; } }

.h-highlights {
  width: 100%;
  height: 100%;
  position: relative; }
  .h-highlights__card {
    background-color: f9f9f9;
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 56%;
    overflow: hidden; }
    .h-highlights__card:hover .h-highlights__img {
      -webkit-transform: scale(1.2);
              transform: scale(1.2); }
  .h-highlights__text {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.15);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding: 2rem; }
  .h-highlights .swiper-button-prev,
  .h-highlights .swiper-button-next {
    color: white; }
  .h-highlights__heading {
    width: 80%; }
  .h-highlights__img {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #f9f9f9;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: -webkit-transform 3000ms ease-in;
    transition: -webkit-transform 3000ms ease-in;
    transition: transform 3000ms ease-in;
    transition: transform 3000ms ease-in, -webkit-transform 3000ms ease-in; }

@media (max-width: 976px) {
  .content-block [class^='col-'] {
    margin-bottom: 2rem; } }

.contacts {
  margin-top: 2rem; }
  .contacts .author {
    margin-bottom: 1rem; }

.intro {
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #134728;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .intro__logo {
    color: white;
    margin: auto; }

.j-card {
  padding: 2rem 0;
  border-bottom: 1px solid #134728; }
  .j-card:last-child {
    border-bottom: none; }
  .j-card > p {
    margin-bottom: 2rem; }
  .j-card__heading {
    text-transform: uppercase;
    color: #134728;
    font-size: 1.4rem;
    font-weight: 700; }
    @media (min-width: 977px) {
      .j-card__heading {
        font-size: 2.4rem; } }

.j-count {
  padding: 2rem 0; }

.job-form {
  padding: 4rem 0 0 0; }

.job-details__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  border-bottom: 1px solid #134728;
  padding: 0.75rem 0; }

.job-details h3, .job-details p {
  width: 50%; }

.job-details h3 {
  font-weight: bold; }

.job-details-horz {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 1.5rem 0; }
  @media (min-width: 768px) {
    .job-details-horz {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }
  .job-details-horz__item {
    margin-bottom: 0.5rem; }
    @media (max-width: 767px) {
      .job-details-horz__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; } }
    @media (min-width: 768px) {
      .job-details-horz__item {
        display: inline-block;
        margin-bottom: 0;
        margin-right: 1rem; } }
  @media (max-width: 767px) {
    .job-details-horz h3, .job-details-horz p {
      width: 50%; } }
  @media (min-width: 768px) {
    .job-details-horz h3, .job-details-horz p {
      display: inline-block; } }
  .job-details-horz h3 {
    font-weight: 600; }

.gform_wrapper ul {
  padding: 0;
  margin: 0; }

.gform_heading,
.gform_body,
.gform_footer {
  clear: both;
  padding-bottom: 20px; }

ul.gform_fields {
  list-style: none;
  margin: 0 -15px;
  padding: 0; }

li.gfield {
  clear: both;
  overflow: auto;
  padding: 0 15px 20px; }
  li.gfield.hidden_label .gfield_label {
    display: none; }

.ginput_container span {
  margin-bottom: 10px; }

.ginput_container input.large,
.ginput_container select.large,
.ginput_container textarea.large {
  width: 100%; }

.ginput_container input.medium,
.ginput_container select.medium,
.ginput_container textarea.medium {
  width: 66%; }

.ginput_container input.small,
.ginput_container select.small,
.ginput_container textarea.small {
  width: 33%; }

.ginput_container input:not([type='file']),
.ginput_container textarea {
  margin: 2px;
  border: 1px solid #3c4c29;
  padding: 12px 15px;
  font-size: 1rem;
  font-weight: 300;
  font-family: "petala-pro", sans-serif;
  background-color: #fff;
  -webkit-transition: border 200ms ease-in;
  transition: border 200ms ease-in;
  color: #3c4c29; }
  .ginput_container input:not([type='file']):focus,
  .ginput_container textarea:focus {
    border: 1px solid get-color("accent");
    outline: none; }

label.gfield_label {
  display: block;
  padding-bottom: 10px; }
  .left_label label.gfield_label {
    display: inline-block;
    float: left;
    width: 25%; }
  .right_label label.gfield_label {
    display: inline-block;
    float: right;
    width: 25%; }

.gfield_required {
  padding-left: 5px; }

ul.gfield_checkbox,
ul.gfield_radio {
  list-style: none;
  padding: 0; }
  ul.gfield_checkbox input,
  ul.gfield_radio input {
    margin-right: 10px;
    position: relative;
    top: -1px; }

ul.gfield_radio input {
  margin-left: 2px; }

.gsection h2 {
  border-bottom: 3px solid black;
  padding-bottom: 15px; }

.gf_progressbar_wrapper {
  padding-bottom: 15px; }

.gf_progressbar {
  background: gray; }

.gf_progressbar_percentage {
  background: red;
  padding: 5px 10px;
  text-align: right; }

.gfield_time_hour,
.gfield_time_minute,
.gfield_time_ampm {
  display: inline;
  display: inline-block; }

.gfield_time_hour label,
.gfield_time_minute label {
  display: block; }

.gfield_time_ampm {
  vertical-align: top; }

.ginput_full {
  display: block; }
  .ginput_full input,
  .ginput_full select,
  .ginput_full textarea {
    margin-bottom: 5px;
    width: 100%; }
  .ginput_full label {
    display: block; }

.ginput_left {
  float: left;
  padding-right: 10px;
  width: 50%; }
  .ginput_left input,
  .ginput_left select,
  .ginput_left textarea {
    margin-bottom: 5px;
    width: 100%; }
  .ginput_left label {
    display: block; }

.ginput_right {
  float: right;
  width: 50%; }
  .ginput_right input,
  .ginput_right select,
  .ginput_right textarea {
    margin-bottom: 5px;
    width: 100%; }
  .ginput_right label {
    display: block; }

.ginput_right {
  float: right;
  width: 50%; }

li.gf_left_half {
  clear: none;
  float: left;
  padding-right: 10px;
  padding-bottom: 10px;
  width: 50%; }

li.gf_right_half {
  clear: none;
  float: right;
  padding-bottom: 10px;
  width: 50%; }

li.gf_left_third {
  clear: none;
  float: left;
  padding-right: 10px;
  padding-bottom: 10px;
  width: 33%; }

li.gf_middle_third {
  clear: none;
  float: left;
  padding-right: 10px;
  padding-bottom: 10px;
  width: 34%; }

li.gf_right_third {
  clear: none;
  float: right;
  padding-bottom: 10px;
  width: 33%; }

li.gf_first_quarter {
  clear: none;
  float: left;
  padding-right: 10px;
  padding-bottom: 10px;
  width: 25%; }

li.gf_second_quarter {
  clear: none;
  float: left;
  padding-right: 10px;
  padding-bottom: 10px;
  width: 25%; }

li.gf_third_quarter {
  clear: none;
  float: left;
  padding-bottom: 10px;
  width: 25%; }

li.gf_fourth_quarter {
  clear: none;
  float: right;
  padding-bottom: 10px;
  width: 25%; }

@media screen and (max-width: 480px) {
  li.gf_left_half, li.gf_right_half, li.gf_left_third, li.gf_middle_third, li.gf_right_third, li.gf_first_quarter, li.gf_second_quarter, li.gf_third_quarter, li.gf_fourth_quarter {
    width: 100%; } }

.gf_list_2col ul.gfield_checkbox li,
.gf_list_2col ul.gfield_radio li {
  float: left;
  padding-bottom: 10px;
  width: 50%; }

.gf_list_3col ul.gfield_checkbox li,
.gf_list_3col ul.gfield_radio li {
  float: left;
  padding-bottom: 10px;
  width: 33%; }

.gf_list_4col ul.gfield_checkbox li,
.gf_list_4col ul.gfield_radio li {
  float: left;
  padding-bottom: 10px;
  width: 25%; }

.gf_list_5col ul.gfield_checkbox li,
.gf_list_5col ul.gfield_radio li {
  float: left;
  padding-bottom: 10px;
  width: 20%; }

.gf_list_inline ul.gfield_checkbox li,
.gf_list_inline ul.gfield_radio li {
  display: inline-block;
  padding-right: 10px;
  padding-bottom: 10px; }

@media screen and (max-width: 480px) {
  .gf_list_2col ul.gfield_checkbox li,
  .gf_list_2col ul.gfield_radio li,
  .gf_list_3col ul.gfield_checkbox li,
  .gf_list_3col ul.gfield_radio li,
  .gf_list_4col ul.gfield_checkbox li,
  .gf_list_4col ul.gfield_radio li,
  .gf_list_5col ul.gfield_checkbox li,
  .gf_list_5col ul.gfield_radio li {
    width: 100%; } }

.ginput_container_select,
.gfield_time_ampm {
  overflow: hidden;
  position: relative;
  border: 1px solid get-color("line");
  margin: 2px;
  border-radius: 3px;
  background-color: #fff;
  display: inline-block; }
  .ginput_container_select:hover,
  .gfield_time_ampm:hover {
    cursor: hand;
    cursor: pointer; }
    .ginput_container_select:hover:after,
    .gfield_time_ampm:hover:after {
      opacity: 1; }
  .ginput_container_select:after,
  .gfield_time_ampm:after {
    content: '';
    display: block;
    position: absolute;
    width: 32px;
    height: 32px;
    right: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    opacity: 0.6;
    -webkit-transition: opacity 150ms ease-in;
    transition: opacity 150ms ease-in;
    pointer-events: none; }
  .ginput_container_select select,
  .gfield_time_ampm select {
    padding: 12px 15px;
    padding-right: 60px;
    width: 130% !important;
    font-size: 1rem;
    font-weight: 300;
    font-family: "petala-pro", sans-serif;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none; }
    .ginput_container_select select:hover,
    .gfield_time_ampm select:hover {
      cursor: hand;
      cursor: pointer; }
    .ginput_container_select select:focus,
    .gfield_time_ampm select:focus {
      outline: none; }

.ginput_container_multiselect select {
  overflow: hidden;
  position: relative;
  border: 1px solid get-color("line");
  border-radius: 3px;
  background-color: #fff;
  display: inline-block; }
  .ginput_container_multiselect select option {
    padding: 5px 15px;
    font-size: 1rem;
    font-weight: 300;
    font-family: "petala-pro", sans-serif;
    background-color: #fff;
    -webkit-transition: border 200ms ease-in;
    transition: border 200ms ease-in;
    color: get-color("base-text"); }
  .ginput_container_multiselect select:focus {
    outline: none; }

.ginput_container_radio input[type="radio"] {
  display: none; }

.ginput_container_radio input[type="radio"]:checked + label:after {
  display: block; }

.ginput_container_radio > ul > li {
  margin-bottom: 5px; }

.ginput_container_radio > ul > li > label {
  padding-left: 30px;
  position: relative; }
  .ginput_container_radio > ul > li > label:hover {
    cursor: pointer;
    cursor: hand; }
  .ginput_container_radio > ul > li > label:before {
    content: '';
    display: block;
    border: 1px solid get-color("line");
    background-color: #fff;
    width: 18px;
    height: 18px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    margin-right: 10px;
    border-radius: 50%; }
  .ginput_container_radio > ul > li > label:after {
    content: '';
    width: 10px;
    height: 10px;
    display: none;
    position: absolute;
    left: 4px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    border-radius: 50%;
    background-color: get-color("accent"); }

.ginput_container_checkbox input[type="checkbox"] {
  display: none; }

.ginput_container_checkbox input[type="checkbox"]:checked + label:after {
  display: block; }

.ginput_container_checkbox > ul > li {
  margin-bottom: 5px; }

.ginput_container_checkbox > ul > li > label {
  padding-left: 30px;
  position: relative; }
  .ginput_container_checkbox > ul > li > label:hover {
    cursor: pointer;
    cursor: hand; }
  .ginput_container_checkbox > ul > li > label:before {
    content: '';
    display: block;
    border: 1px solid get-color("line");
    background-color: #fff;
    width: 18px;
    height: 18px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    margin-right: 10px; }
  .ginput_container_checkbox > ul > li > label:after {
    content: '';
    width: 10px;
    height: 10px;
    display: none;
    position: absolute;
    left: 4px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background-color: get-color("accent"); }

.ui-datepicker {
  width: 216px;
  height: auto;
  margin: 5px auto 0;
  font: 9pt Arial, sans-serif;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); }

.ui-datepicker a {
  text-decoration: none; }

.ui-datepicker table {
  width: 100%;
  border-collapse: collapse; }

.ui-datepicker-header {
  background-color: #666;
  /* set the header background color */
  color: #e0e0e0;
  font-weight: bold;
  -webkit-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, 0.2);
  box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, 0.2);
  text-shadow: 1px -1px 0px #000;
  -webkit-filter: dropshadow(color=#000, offx=1, offy=-1);
          filter: dropshadow(color=#000, offx=1, offy=-1);
  line-height: 30px;
  min-height: 30px !important;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #666; }

.ui-datepicker-title {
  text-align: center; }

.ui-datepicker-title select {
  margin-top: 2.5%; }

.ui-datepicker-prev,
.ui-datepicker-next {
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  cursor: pointer;
  background-image: url("../images/datepicker/arrow.png");
  background-repeat: no-repeat;
  line-height: 600%;
  overflow: hidden; }

.ui-datepicker-prev {
  float: left;
  background-position: center -30px; }

.ui-datepicker-next {
  float: right;
  background-position: center 0px; }

.ui-datepicker thead {
  background: #f7f7f7;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#f1f1f1));
  background: linear-gradient(to bottom, #f7f7f7 0%, #f1f1f1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f1f1f1',GradientType=0 );
  border-bottom: 1px solid #bbb; }

.ui-datepicker th {
  text-transform: uppercase;
  text-align: center;
  font-size: 6pt;
  padding: 5px 0;
  color: #666666;
  text-shadow: 1px 0px 0px #fff;
  -webkit-filter: dropshadow(color=#fff, offx=1, offy=0);
          filter: dropshadow(color=#fff, offx=1, offy=0); }

.ui-datepicker tbody td {
  padding: 0;
  border-top: 1px solid #bbb;
  border-right: 1px solid #bbb; }

.ui-datepicker tbody td:last-child {
  border-right: 0px; }

.ui-datepicker tbody tr {
  border-bottom: 1px solid #bbb; }

.ui-datepicker tbody tr:last-child {
  border-bottom: 0px; }

.ui-datepicker td span,
.ui-datepicker td a {
  display: inline-block;
  font-weight: bold;
  text-align: center;
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: #666666;
  text-shadow: 1px 1px 0px #fff;
  -webkit-filter: dropshadow(color=#fff, offx=1, offy=1);
          filter: dropshadow(color=#fff, offx=1, offy=1); }

.ui-datepicker-calendar .ui-state-default {
  background: #ededed;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZWRlZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#dedede));
  background: linear-gradient(to bottom, #ededed 0%, #dedede 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede',GradientType=0 );
  -webkit-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, 0.5);
  box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, 0.5); }

.ui-datepicker-calendar .ui-state-hover {
  background: #f7f7f7; }

.ui-datepicker-calendar .ui-state-active {
  background: #FFF2AA;
  /* set the active date background color */
  border: 1px solid #c19163;
  /* set the active date border color */
  color: #666;
  /* set the active date font color */
  -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  text-shadow: 0px 1px 0px #FFF;
  -webkit-filter: dropshadow(color=#FFF, offx=0, offy=1);
          filter: dropshadow(color=#FFF, offx=0, offy=1);
  position: relative;
  margin: -1px; }

.ui-datepicker-unselectable .ui-state-default {
  background: #f4f4f4;
  color: #b4b3b3; }

.ui-datepicker-calendar td:first-child .ui-state-active {
  width: 29px;
  margin-left: 0; }

.ui-datepicker-calendar td:last-child .ui-state-active {
  width: 29px;
  margin-right: 0; }

.ui-datepicker-calendar tr:last-child .ui-state-active {
  height: 29px;
  margin-bottom: 0; }

td.ui-datepicker-unselectable.ui-state-disabled {
  background-color: #d7d7d7; }

table.ui-datepicker-calendar {
  margin: 0 0 0 0 !important; }

body div#ui-datepicker-div[style] {
  z-index: 9999 !important; }

.validation_error {
  font-size: 1rem;
  font-weight: bold;
  padding-bottom: 15px; }

li.gfield.gfield_error {
  margin-bottom: 15px;
  padding-top: 15px; }

li.gfield .validation_message {
  margin-top: 10px;
  font-size: 0.9rem;
  color: red; }

.gform_validation_container {
  display: none; }

/* typography */
div.product .product_title, .woocommerce-products-header__title {
  text-transform: uppercase;
  color: #134728;
  line-height: 1;
  font-weight: 400;
  word-break: break-word;
  font-family: "house-of-cards", sans-serif;
  font-size: 2rem;
  margin-bottom: 1rem; }
  @media (min-width: 768px) {
    div.product .product_title, .woocommerce-products-header__title {
      font-size: 3.0vw;
      margin-bottom: 1rem; } }
  @media (min-width: 1680px) {
    div.product .product_title, .woocommerce-products-header__title {
      font-size: 3.0rem;
      margin-bottom: 1rem; } }

.woocommerce-loop-product__title {
  color: #134728;
  line-height: 1;
  font-weight: 600;
  word-break: break-word;
  font-family: "petala-pro", sans-serif;
  font-size: 1.6rem;
  margin-bottom: 0.5rem !important; }
  @media (min-width: 768px) {
    .woocommerce-loop-product__title {
      font-size: 3.0vw;
      margin-bottom: 1rem !important; } }
  @media (min-width: 1680px) {
    .woocommerce-loop-product__title {
      font-size: 3.0rem;
      margin-bottom: 1rem !important; } }

.products > h2, .ds-section-heading {
  text-transform: uppercase;
  color: #134728;
  line-height: 1;
  font-weight: 400;
  word-break: break-word;
  font-family: "house-of-cards", sans-serif;
  font-size: 2rem;
  margin-bottom: 1rem; }
  @media (min-width: 768px) {
    .products > h2, .ds-section-heading {
      font-size: 3.0vw;
      margin-bottom: 2rem; } }
  @media (min-width: 1680px) {
    .products > h2, .ds-section-heading {
      font-size: 3.0rem;
      margin-bottom: 2rem; } }

.woocommerce-product-details__short-description {
  margin-bottom: 1rem; }
  @media (min-width: 768px) {
    .woocommerce-product-details__short-description {
      margin-bottom: 1rem; } }
  @media (min-width: 1680px) {
    .woocommerce-product-details__short-description {
      margin-bottom: 1rem; } }

div.product p.price {
  text-transform: uppercase;
  color: #134728;
  line-height: 1;
  font-weight: 400;
  word-break: break-word;
  font-family: "house-of-cards", sans-serif;
  font-size: 1.5rem !important;
  margin-bottom: 1rem;
  color: #134728  !important; }
  @media (min-width: 768px) {
    div.product p.price {
      font-size: 1.5vw  !important;
      margin-bottom: 1rem; } }
  @media (min-width: 1680px) {
    div.product p.price {
      font-size: 1.5rem !important;
      margin-bottom: 1rem; } }

.ds-product-card__price .price {
  text-transform: uppercase;
  color: #134728;
  line-height: 1;
  font-weight: 400;
  word-break: break-word;
  font-family: "house-of-cards", sans-serif;
  font-size: 1.15rem !important;
  margin-bottom: 1.5rem !important;
  color: #134728  !important; }
  @media (min-width: 768px) {
    .ds-product-card__price .price {
      font-size: 1.5vw  !important;
      margin-bottom: 1rem !important; } }
  @media (min-width: 1680px) {
    .ds-product-card__price .price {
      font-size: 1.5rem !important;
      margin-bottom: 1rem !important; } }

/* button */
.button, .wp-element-button {
  background-color: #80C53B !important;
  border-radius: 0 !important;
  text-transform: uppercase;
  color: white !important;
  line-height: 1;
  font-weight: 400 !important;
  word-break: break-word;
  font-family: "house-of-cards", sans-serif;
  padding: 0.85rem 1rem !important;
  text-decoration: none;
  font-size: 1.0rem; }

.woocommerce .product .cart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }
  .woocommerce .product .cart .quantity {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 1;
        flex-shrink: 1; }
  .woocommerce .product .cart .button {
    margin-left: 1rem; }
  .woocommerce .product .cart .quantity .qty {
    width: 3.631em;
    text-align: center;
    border: 2px solid #134728;
    padding: 0.55rem 1rem;
    min-width: 85px;
    font-size: 1rem;
    height: 100%; }

/* shoppingcart */
.wc-block-components-product-name, .wc-block-components-product-name {
  color: #134728;
  text-decoration: none;
  font-weight: 600 !important; }

.wc-block-components-title, .wc-block-components-checkout-order-summary__title-text {
  font-weight: 600 !important; }

/* basic links */
.woocommerce p {
  margin-bottom: 1rem; }

.woocommerce a {
  color: #134728; }

.ds-product-tabs {
  margin-top: 2rem; }
  .ds-product-tabs__item {
    padding: 0.85rem 0;
    border-bottom: 1px solid #134728; }
    .ds-product-tabs__item:first-child {
      border-top: 1px solid #134728; }
    .ds-product-tabs__item.active .ds-product-tabs__heading:after {
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
    .ds-product-tabs__item.active .ds-product-tabs__content {
      display: block; }
  .ds-product-tabs__heading {
    font-weight: 600;
    position: relative; }
    .ds-product-tabs__heading:after {
      content: '';
      display: inline-block;
      width: 22px;
      height: 22px;
      background-image: url("../../img/ico-toggle.svg");
      position: absolute;
      right: 0;
      top: 0;
      background-size: 17px auto;
      background-repeat: no-repeat;
      background-position: center;
      -webkit-transition: -webkit-transform 150ms ease-in;
      transition: -webkit-transform 150ms ease-in;
      transition: transform 150ms ease-in;
      transition: transform 150ms ease-in, -webkit-transform 150ms ease-in; }
  .ds-product-tabs__content {
    padding: 1.5rem 0;
    display: none; }

.ds-product-card__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%; }
  @media (min-width: 977px) {
    .ds-product-card__footer {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }

.ds-product-card__action {
  width: 100%;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2; }
  @media (min-width: 977px) {
    .ds-product-card__action {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
      width: 50%;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1; } }
  .ds-product-card__action .button {
    margin-top: 0 !important; }
    @media (max-width: 976px) {
      .ds-product-card__action .button {
        width: 100% !important;
        text-align: center; } }

.ds-product-card__price {
  width: 100%;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1; }
  @media (min-width: 977px) {
    .ds-product-card__price {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      width: 50%;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end; } }

.ds-category-card {
  display: block;
  text-align: center;
  text-decoration: none; }
  .ds-category-card__visual {
    width: 100%;
    padding-bottom: 100%;
    border: 1px solid #dedede;
    margin-bottom: 1rem;
    position: relative; }
    .ds-category-card__visual > img {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
  .ds-category-card__label {
    text-decoration: none;
    color: #134728 !important;
    font-weight: 600; }

.ds-category-nav {
  width: 80%; }
  .ds-category-nav a {
    display: block;
    border-top: 1px solid #C6E1D1;
    text-decoration: none;
    padding: 0.85rem 0;
    font-family: "house-of-cards", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    color: #134728; }
    .ds-category-nav a:last-child {
      border-bottom: 1px solid #C6E1D1; }

.ds-hero {
  margin-top: 1.5rem; }

.woocommerce-MyAccount-navigation {
  line-height: 1; }
  .woocommerce-MyAccount-navigation ul {
    width: 80%; }
  .woocommerce-MyAccount-navigation li {
    padding: 0;
    margin: 0;
    display: block;
    border-bottom: 1px solid #dedede;
    padding: 0 0 0.75rem 0;
    margin: 0 0 0.75rem 0; }
    .woocommerce-MyAccount-navigation li.is-active {
      font-weight: 600; }
  .woocommerce-MyAccount-navigation a {
    text-decoration: none;
    color: #134728; }

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