@charset "UTF-8";
/* Styles */
/* Variables */
/* Colors variables */
/* Grid & media queries */
/* Grid */
/* Display-specific Functions (must be included pre-variables) */
/* Media query sizes */
/* Spacing */
/* Easing Equations Adaptation of https://github.com/jamesflorentino/Easing-Equation-for-SASS-SCSS */
/* Cubic */
/* Circ */
/* Expo */
/* Quad */
/* Quart */
/* Quint */
/* Sine */
/* Back */
/* Material Design easing Equations Source : https://material.io/design/motion/speed.html#easing */
/* Standard */
/* Decelerate */
/* Accelerate */
/* Fonts variables */
@font-face { font-family: 'GTWalsheim'; src: url("./../fonts/GT-Walsheim-Pro-Regular.eot"); src: url("./../fonts/GT-Walsheim-Pro-Regular.eot?#iefix") format("embedded-opentype"), url("./../fonts/GT-Walsheim-Pro-Regular.woff") format("woff"), url("./../fonts/GT-Walsheim-Pro-Regular.ttf") format("truetype"); font-weight: 300; font-style: normal; }

@font-face { font-family: 'GTWalsheim'; src: url("./../fonts/GT-Walsheim-Pro-Regular-Oblique.eot"); src: url("./../fonts/GT-Walsheim-Pro-Regular-Oblique.eot?#iefix") format("embedded-opentype"), url("./../fonts/GT-Walsheim-Pro-Regular-Oblique.woff") format("woff"), url("./../fonts/GT-Walsheim-Pro-Regular-Oblique.ttf") format("truetype"); font-weight: 300; font-style: italic; }

@font-face { font-family: 'GTWalsheim'; src: url("./../fonts/GT-Walsheim-Pro-Medium.eot"); src: url("./../fonts/GT-Walsheim-Pro-Medium.eot?#iefix") format("embedded-opentype"), url("./../fonts/GT-Walsheim-Pro-Medium.woff") format("woff"), url("./../fonts/GT-Walsheim-Pro-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; }

@font-face { font-family: 'GTWalsheim'; src: url("./../fonts/GT-Walsheim-Pro-Medium-Oblique.eot"); src: url("./../fonts/GT-Walsheim-Pro-Medium-Oblique.eot?#iefix") format("embedded-opentype"), url("./../fonts/GT-Walsheim-Pro-Medium-Oblique.woff") format("woff"), url("./../fonts/GT-Walsheim-Pro-Medium-Oblique.ttf") format("truetype"); font-weight: 500; font-style: italic; }

@font-face { font-family: 'GTWalsheim'; src: url("./../fonts/GT-Walsheim-Pro-Bold.eot"); src: url("./../fonts/GT-Walsheim-Pro-Bold.eot?#iefix") format("embedded-opentype"), url("./../fonts/GT-Walsheim-Pro-Bold.woff") format("woff"), url("./../fonts/GT-Walsheim-Pro-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; }

@font-face { font-family: 'GTWalsheim'; src: url("./../fonts/GT-Walsheim-Pro-Bold-Oblique.eot"); src: url("./../fonts/GT-Walsheim-Pro-Bold-Oblique.eot?#iefix") format("embedded-opentype"), url("./../fonts/GT-Walsheim-Pro-Bold-Oblique.woff") format("woff"), url("./../fonts/GT-Walsheim-Pro-Bold-Oblique.ttf") format("truetype"); font-weight: 700; font-style: italic; }

/*
add variables here (see https://github.com/postcss/postcss-custom-properties)
*/
/* Fonts */
/* Utils */
/* Functions */
/* Mixins */
/* Media queries */
/* Retina Images */
/* Grid & media queries */
.gridlines { bottom: 0; display: none; left: 2rem; pointer-events: none; position: fixed; right: 2rem; top: 0; width: auto; z-index: 9999; }

@media (min-width: 768px) { .gridlines { left: 1.8rem; right: 1.8rem; } }

@media (min-width: 1024px) { .gridlines { left: 5.2rem; right: 5.2rem; } }

@media (min-width: 1240px) { .gridlines { left: 5rem; right: 5rem; } }

@media (min-width: 1628px) { .gridlines { left: 50%; max-width: 144.8rem; right: auto; transform: translateX(-50%); width: 100%; } }

.gridlines:before, .gridlines:after { border-left: 1px solid rgba(0, 0, 0, 0.15); content: ""; height: 100%; position: absolute; top: 0; transform: scaleY(1); transform-origin: top center; transition: transform 2s; }

.gridlines:before { left: 0.2rem; }

@media (min-width: 768px) { .gridlines:before { left: 1rem; } }

@media (min-width: 1024px) { .gridlines:before { left: 1rem; } }

@media (min-width: 1240px) { .gridlines:before { left: 1.2rem; } }

.gridlines:after { right: 0.2rem; }

@media (min-width: 768px) { .gridlines:after { right: 1rem; } }

@media (min-width: 1024px) { .gridlines:after { right: 1rem; } }

@media (min-width: 1240px) { .gridlines:after { right: 1.2rem; } }

.gridlines span { border-left: 1px solid rgba(0, 0, 0, 0.15); display: none; height: 100%; left: -10vw; position: absolute; top: 0; transform: scaleY(1); transform-origin: top center; transition: transform 2s; }

.gridlines span:nth-of-type(1) { display: block; right: auto; left: calc(8.3333333333% + 0.4rem/2); }

@media (min-width: 768px) { .gridlines span:nth-of-type(1) { left: calc(8.3333333333% + 2rem/2); } }

@media (min-width: 1024px) { .gridlines span:nth-of-type(1) { left: calc(8.3333333333% + 2rem/2); } }

@media (min-width: 1240px) { .gridlines span:nth-of-type(1) { left: calc(8.3333333333% + 2.4rem/2); } }

.gridlines span:nth-of-type(2) { display: block; left: calc(8.3333333333% - 0.4rem/2 - 1px); }

@media (min-width: 768px) { .gridlines span:nth-of-type(2) { left: calc(8.3333333333% - 2rem/2 - 1px); } }

@media (min-width: 1024px) { .gridlines span:nth-of-type(2) { left: calc(8.3333333333% - 2rem/2 - 1px); } }

@media (min-width: 1240px) { .gridlines span:nth-of-type(2) { left: calc(8.3333333333% - 2.4rem/2 - 1px); } }

.gridlines span:nth-of-type(3) { display: block; left: calc(16.6666666667% + 0.4rem/2); }

@media (min-width: 768px) { .gridlines span:nth-of-type(3) { left: calc(16.6666666667% + 2rem/2); } }

@media (min-width: 1024px) { .gridlines span:nth-of-type(3) { left: calc(16.6666666667% + 2rem/2); } }

@media (min-width: 1240px) { .gridlines span:nth-of-type(3) { left: calc(16.6666666667% + 2.4rem/2); } }

.gridlines span:nth-of-type(4) { display: block; left: calc(16.6666666667% - 0.4rem/2 - 1px); }

@media (min-width: 768px) { .gridlines span:nth-of-type(4) { left: calc(16.6666666667% - 2rem/2 - 1px); } }

@media (min-width: 1024px) { .gridlines span:nth-of-type(4) { left: calc(16.6666666667% - 2rem/2 - 1px); } }

@media (min-width: 1240px) { .gridlines span:nth-of-type(4) { left: calc(16.6666666667% - 2.4rem/2 - 1px); } }

.gridlines span:nth-of-type(5) { display: block; left: calc(25% + 0.4rem/2); }

@media (min-width: 768px) { .gridlines span:nth-of-type(5) { left: calc(25% + 2rem/2); } }

@media (min-width: 1024px) { .gridlines span:nth-of-type(5) { left: calc(25% + 2rem/2); } }

@media (min-width: 1240px) { .gridlines span:nth-of-type(5) { left: calc(25% + 2.4rem/2); } }

.gridlines span:nth-of-type(6) { display: block; left: calc(25% - 0.4rem/2 - 1px); }

@media (min-width: 768px) { .gridlines span:nth-of-type(6) { left: calc(25% - 2rem/2 - 1px); } }

@media (min-width: 1024px) { .gridlines span:nth-of-type(6) { left: calc(25% - 2rem/2 - 1px); } }

@media (min-width: 1240px) { .gridlines span:nth-of-type(6) { left: calc(25% - 2.4rem/2 - 1px); } }

.gridlines span:nth-of-type(7) { display: block; left: calc(33.3333333333% + 0.4rem/2); }

@media (min-width: 768px) { .gridlines span:nth-of-type(7) { left: calc(33.3333333333% + 2rem/2); } }

@media (min-width: 1024px) { .gridlines span:nth-of-type(7) { left: calc(33.3333333333% + 2rem/2); } }

@media (min-width: 1240px) { .gridlines span:nth-of-type(7) { left: calc(33.3333333333% + 2.4rem/2); } }

.gridlines span:nth-of-type(8) { display: block; left: calc(33.3333333333% - 0.4rem/2 - 1px); }

@media (min-width: 768px) { .gridlines span:nth-of-type(8) { left: calc(33.3333333333% - 2rem/2 - 1px); } }

@media (min-width: 1024px) { .gridlines span:nth-of-type(8) { left: calc(33.3333333333% - 2rem/2 - 1px); } }

@media (min-width: 1240px) { .gridlines span:nth-of-type(8) { left: calc(33.3333333333% - 2.4rem/2 - 1px); } }

.gridlines span:nth-of-type(9) { display: block; left: calc(41.6666666667% + 0.4rem/2); }

@media (min-width: 768px) { .gridlines span:nth-of-type(9) { left: calc(41.6666666667% + 2rem/2); } }

@media (min-width: 1024px) { .gridlines span:nth-of-type(9) { left: calc(41.6666666667% + 2rem/2); } }

@media (min-width: 1240px) { .gridlines span:nth-of-type(9) { left: calc(41.6666666667% + 2.4rem/2); } }

.gridlines span:nth-of-type(10) { display: block; left: calc(41.6666666667% - 0.4rem/2 - 1px); }

@media (min-width: 768px) { .gridlines span:nth-of-type(10) { left: calc(41.6666666667% - 2rem/2 - 1px); } }

@media (min-width: 1024px) { .gridlines span:nth-of-type(10) { left: calc(41.6666666667% - 2rem/2 - 1px); } }

@media (min-width: 1240px) { .gridlines span:nth-of-type(10) { left: calc(41.6666666667% - 2.4rem/2 - 1px); } }

.gridlines span:nth-of-type(11) { display: block; left: calc(50% + 0.4rem/2); }

@media (min-width: 768px) { .gridlines span:nth-of-type(11) { left: calc(50% + 2rem/2); } }

@media (min-width: 1024px) { .gridlines span:nth-of-type(11) { left: calc(50% + 2rem/2); } }

@media (min-width: 1240px) { .gridlines span:nth-of-type(11) { left: calc(50% + 2.4rem/2); } }

.gridlines span:nth-of-type(12) { display: block; left: calc(50% - 0.4rem/2 - 1px); }

@media (min-width: 768px) { .gridlines span:nth-of-type(12) { left: calc(50% - 2rem/2 - 1px); } }

@media (min-width: 1024px) { .gridlines span:nth-of-type(12) { left: calc(50% - 2rem/2 - 1px); } }

@media (min-width: 1240px) { .gridlines span:nth-of-type(12) { left: calc(50% - 2.4rem/2 - 1px); } }

.gridlines span:nth-of-type(13) { display: block; left: calc(58.3333333333% + 0.4rem/2); }

@media (min-width: 768px) { .gridlines span:nth-of-type(13) { left: calc(58.3333333333% + 2rem/2); } }

@media (min-width: 1024px) { .gridlines span:nth-of-type(13) { left: calc(58.3333333333% + 2rem/2); } }

@media (min-width: 1240px) { .gridlines span:nth-of-type(13) { left: calc(58.3333333333% + 2.4rem/2); } }

.gridlines span:nth-of-type(14) { display: block; left: calc(58.3333333333% - 0.4rem/2 - 1px); }

@media (min-width: 768px) { .gridlines span:nth-of-type(14) { left: calc(58.3333333333% - 2rem/2 - 1px); } }

@media (min-width: 1024px) { .gridlines span:nth-of-type(14) { left: calc(58.3333333333% - 2rem/2 - 1px); } }

@media (min-width: 1240px) { .gridlines span:nth-of-type(14) { left: calc(58.3333333333% - 2.4rem/2 - 1px); } }

.gridlines span:nth-of-type(15) { display: block; left: calc(66.6666666667% + 0.4rem/2); }

@media (min-width: 768px) { .gridlines span:nth-of-type(15) { left: calc(66.6666666667% + 2rem/2); } }

@media (min-width: 1024px) { .gridlines span:nth-of-type(15) { left: calc(66.6666666667% + 2rem/2); } }

@media (min-width: 1240px) { .gridlines span:nth-of-type(15) { left: calc(66.6666666667% + 2.4rem/2); } }

.gridlines span:nth-of-type(16) { display: block; left: calc(66.6666666667% - 0.4rem/2 - 1px); }

@media (min-width: 768px) { .gridlines span:nth-of-type(16) { left: calc(66.6666666667% - 2rem/2 - 1px); } }

@media (min-width: 1024px) { .gridlines span:nth-of-type(16) { left: calc(66.6666666667% - 2rem/2 - 1px); } }

@media (min-width: 1240px) { .gridlines span:nth-of-type(16) { left: calc(66.6666666667% - 2.4rem/2 - 1px); } }

.gridlines span:nth-of-type(17) { display: block; left: calc(75% + 0.4rem/2); }

@media (min-width: 768px) { .gridlines span:nth-of-type(17) { left: calc(75% + 2rem/2); } }

@media (min-width: 1024px) { .gridlines span:nth-of-type(17) { left: calc(75% + 2rem/2); } }

@media (min-width: 1240px) { .gridlines span:nth-of-type(17) { left: calc(75% + 2.4rem/2); } }

.gridlines span:nth-of-type(18) { display: block; left: calc(75% - 0.4rem/2 - 1px); }

@media (min-width: 768px) { .gridlines span:nth-of-type(18) { left: calc(75% - 2rem/2 - 1px); } }

@media (min-width: 1024px) { .gridlines span:nth-of-type(18) { left: calc(75% - 2rem/2 - 1px); } }

@media (min-width: 1240px) { .gridlines span:nth-of-type(18) { left: calc(75% - 2.4rem/2 - 1px); } }

.gridlines span:nth-of-type(19) { display: block; left: calc(83.3333333333% + 0.4rem/2); }

@media (min-width: 768px) { .gridlines span:nth-of-type(19) { left: calc(83.3333333333% + 2rem/2); } }

@media (min-width: 1024px) { .gridlines span:nth-of-type(19) { left: calc(83.3333333333% + 2rem/2); } }

@media (min-width: 1240px) { .gridlines span:nth-of-type(19) { left: calc(83.3333333333% + 2.4rem/2); } }

.gridlines span:nth-of-type(20) { display: block; left: calc(83.3333333333% - 0.4rem/2 - 1px); }

@media (min-width: 768px) { .gridlines span:nth-of-type(20) { left: calc(83.3333333333% - 2rem/2 - 1px); } }

@media (min-width: 1024px) { .gridlines span:nth-of-type(20) { left: calc(83.3333333333% - 2rem/2 - 1px); } }

@media (min-width: 1240px) { .gridlines span:nth-of-type(20) { left: calc(83.3333333333% - 2.4rem/2 - 1px); } }

.gridlines span:nth-of-type(21) { display: block; left: calc(91.6666666667% + 0.4rem/2); }

@media (min-width: 768px) { .gridlines span:nth-of-type(21) { left: calc(91.6666666667% + 2rem/2); } }

@media (min-width: 1024px) { .gridlines span:nth-of-type(21) { left: calc(91.6666666667% + 2rem/2); } }

@media (min-width: 1240px) { .gridlines span:nth-of-type(21) { left: calc(91.6666666667% + 2.4rem/2); } }

.gridlines span:nth-of-type(22) { display: block; left: calc(91.6666666667% - 0.4rem/2 - 1px); }

@media (min-width: 768px) { .gridlines span:nth-of-type(22) { left: calc(91.6666666667% - 2rem/2 - 1px); } }

@media (min-width: 1024px) { .gridlines span:nth-of-type(22) { left: calc(91.6666666667% - 2rem/2 - 1px); } }

@media (min-width: 1240px) { .gridlines span:nth-of-type(22) { left: calc(91.6666666667% - 2.4rem/2 - 1px); } }

.wrap { margin: 0 auto; padding-left: 0.4rem; padding-right: 0.4rem; }

@media (min-width: 768px) { .wrap { padding-left: 2rem; padding-right: 2rem; } }

@media (min-width: 1024px) { .wrap { padding-left: 2rem; padding-right: 2rem; } }

@media (min-width: 1240px) { .wrap { padding-left: 2.4rem; padding-right: 2.4rem; } }

.container { margin: 0 auto; max-width: 100%; padding-left: 2.2rem; padding-right: 2.2rem; }

@media (min-width: 768px) { .container { max-width: 60rem; padding-left: 0; padding-right: 0; } }

@media (min-width: 1024px) { .container { max-width: none; width: 100%; padding-left: 6.2rem; padding-right: 6.2rem; } }

@media (min-width: 1240px) { .container { padding-left: 6.2rem; padding-right: 6.2rem; } }

@media (min-width: 1628px) { .container { max-width: 142.4rem; padding-left: 0; padding-right: 0; } }

.cols { display: block; font-size: 0; margin-left: -0.2rem; margin-right: -0.2rem; }

.cols .cols { width: auto; }

.cols.grid, .cols--grid { display: grid; }

@media (min-width: 768px) { .cols { margin-left: -1rem; margin-right: -1rem; } }

@media (min-width: 1024px) { .cols { margin-left: -1rem; margin-right: -1rem; } }

@media (min-width: 1240px) { .cols { margin-left: -1.2rem; margin-right: -1.2rem; } }

.cols.cols--no-padd { margin-left: 0; margin-right: 0; }

.cols.cols--no-padd .col { padding-left: 0; padding-right: 0; }

.flex { display: flex; flex-wrap: wrap; }

.flex--push { justify-content: space-between; }

.flex--center { justify-content: center; }

.flex--spread { justify-content: space-around; }

.flex--vert-align { align-items: center; }

.flex--vert-align-top { align-items: start; }

.flex--vert-align-bottom { align-items: end; }

.col { display: none; padding-left: 0.2rem; padding-right: 0.2rem; position: relative; vertical-align: top; }

.col--auto { display: inline-block; }

.col--m1 { display: inline-block; width: 8.3334%; }

.col--m2 { display: inline-block; width: 16.6667%; }

.col--m3 { display: inline-block; width: 25%; }

.col--m4 { display: inline-block; width: 33.3334%; }

.col--m5 { display: inline-block; width: 41.6667%; }

.col--m6 { display: inline-block; width: 50%; }

.col--m7 { display: inline-block; width: 58.3334%; }

.col--m8 { display: inline-block; width: 66.6667%; }

.col--m9 { display: inline-block; width: 75%; }

.col--m10 { display: inline-block; width: 83.3334%; }

.col--m11 { display: inline-block; width: 91.6667%; }

.col--m12 { display: inline-block; width: 100%; }

.col--mfirst { order: -1; }

.col--mlast { order: 999; }

@media (min-width: 768px) { .col { padding-left: 1rem; padding-right: 1rem; }
  .col--tp1 { display: inline-block; width: 8.3334%; }
  .col--tp2 { display: inline-block; width: 16.6667%; }
  .col--tp3 { display: inline-block; width: 25%; }
  .col--tp4 { display: inline-block; width: 33.3334%; }
  .col--tp5 { display: inline-block; width: 41.6667%; }
  .col--tp6 { display: inline-block; width: 50%; }
  .col--tp7 { display: inline-block; width: 58.3334%; }
  .col--tp8 { display: inline-block; width: 66.6667%; }
  .col--tp9 { display: inline-block; width: 75%; }
  .col--tp10 { display: inline-block; width: 83.3334%; }
  .col--tp11 { display: inline-block; width: 91.6667%; }
  .col--tp12 { display: inline-block; width: 100%; }
  .col--tpfirst { order: -1; }
  .col--tplast { order: 999; } }

@media (min-width: 1024px) { .col { padding-left: 1rem; padding-right: 1rem; }
  .col--t1 { display: inline-block; width: 8.3334%; }
  .col--t2 { display: inline-block; width: 16.6667%; }
  .col--t3 { display: inline-block; width: 25%; }
  .col--t4 { display: inline-block; width: 33.3334%; }
  .col--t5 { display: inline-block; width: 41.6667%; }
  .col--t6 { display: inline-block; width: 50%; }
  .col--t7 { display: inline-block; width: 58.3334%; }
  .col--t8 { display: inline-block; width: 66.6667%; }
  .col--t9 { display: inline-block; width: 75%; }
  .col--t10 { display: inline-block; width: 83.3334%; }
  .col--t11 { display: inline-block; width: 91.6667%; }
  .col--t12 { display: inline-block; width: 100%; }
  .col--tfirst { order: -1; }
  .col--tlast { order: 999; } }

@media (min-width: 1240px) { .col { padding-left: 1.2rem; padding-right: 1.2rem; }
  .col--d1 { display: inline-block; width: 8.3334%; }
  .col--d2 { display: inline-block; width: 16.6667%; }
  .col--d3 { display: inline-block; width: 25%; }
  .col--d4 { display: inline-block; width: 33.3334%; }
  .col--d5 { display: inline-block; width: 41.6667%; }
  .col--d6 { display: inline-block; width: 50%; }
  .col--d7 { display: inline-block; width: 58.3334%; }
  .col--d8 { display: inline-block; width: 66.6667%; }
  .col--d9 { display: inline-block; width: 75%; }
  .col--d10 { display: inline-block; width: 83.3334%; }
  .col--d11 { display: inline-block; width: 91.6667%; }
  .col--d12 { display: inline-block; width: 100%; }
  .col--dfirst { order: -1; }
  .col--dlast { order: 999; } }

@media (min-width: 1628px) { .col--c1 { display: inline-block; width: 8.3334%; }
  .col--c2 { display: inline-block; width: 16.6667%; }
  .col--c3 { display: inline-block; width: 25%; }
  .col--c4 { display: inline-block; width: 33.3334%; }
  .col--c5 { display: inline-block; width: 41.6667%; }
  .col--c6 { display: inline-block; width: 50%; }
  .col--c7 { display: inline-block; width: 58.3334%; }
  .col--c8 { display: inline-block; width: 66.6667%; }
  .col--c9 { display: inline-block; width: 75%; }
  .col--c10 { display: inline-block; width: 83.3334%; }
  .col--c11 { display: inline-block; width: 91.6667%; }
  .col--c12 { display: inline-block; width: 100%; }
  .col--cfirst { order: -1; }
  .col--clast { order: 999; } }

/* Functions */
/* Resets */
* { box-sizing: border-box; margin: 0; padding: 0; }

html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size: 62.5%; -webkit-font-smoothing: antialiased; }

body { line-height: 1; background: #fff; }

blockquote { quotes: none; }

abbr[title] { border-bottom: 1px dotted; }

pre { white-space: pre-wrap; word-wrap: break-word; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

ul { list-style-type: none; }

address { font-style: normal; }

a:hover, a:active, input, textarea, select, button { outline: 0; }

svg { width: 100%; height: 100%; }

table { border-collapse: collapse; border-spacing: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; max-width: 100%; height: auto; width: 100%; border-radius: 0.4rem; }

input:first-line, select:first-line { display: inline-block; }

button, input, select, textarea { font-family: inherit; color: #222; font-size: 100%; line-height: 1; }

label, button, input, select, textarea, option { vertical-align: baseline; *vertical-align: middle; cursor: pointer; border-radius: 0; }

button, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; *overflow: visible; }

input[type="text"]:active, input[type="text"]:focus, textarea:active, textarea:focus { cursor: text; }

input[type="text"], input[type="tel"], input[type="email"], input[type="password"], textarea { background-clip: padding-box; }

button[disabled], input[disabled] { cursor: default; }

textarea { overflow: auto; vertical-align: top; resize: vertical; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

[hidden] { display: none; }

main, article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }

.browser-outdated { margin: 1em 0; background-color: #b00; color: #fff; padding: 1em 0; text-align: center; }

.browser-outdated a { color: #fff; }

@media print { * { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  a[href^="#"]:after { content: ""; }
  img { max-width: 100% !important; } }

/* Base styles */
/* Selection */
::-moz-selection { background: #000; color: #fff; text-shadow: none; }

::selection { background: #000; color: #fff; text-shadow: none; }

/* Scrolling */
html { box-sizing: border-box; }

html, body { padding: 0; margin: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

body { position: relative; width: 100%; font-family: "GTWalsheim", sans-serif; color: #000; font-size: 1.6rem; }

body.home main, body.category main, body.search main { margin: 0 auto; padding-top: calc(8.7rem + 16rem); }

@media (min-width: 1024px) { body.home main, body.category main, body.search main { padding-top: calc(11.9rem + 6.9rem); } }

body.home .nav-filters, body.category .nav-filters, body.search .nav-filters { display: block; }

main { margin: 0 auto; padding-top: 8.7rem; }

@media (min-width: 1024px) { main { padding-top: 11.9rem; } }

/* Typography */
#body-font-size, .col, body { font-size: 1.6rem; }

@media (min-width: 1240px) { #body-font-size, .col, body { font-size: 1.8rem; } }

html { font-size: 62.5%; }

body { font-family: "GTWalsheim", sans-serif; font-weight: 400; }

body p { letter-spacing: -.02em; line-height: 1.71; margin-bottom: 2rem; margin-top: 0; }

@media (min-width: 1240px) { body p { line-height: 1.5; margin-bottom: 2.5rem; } }

body p a:not(.button) { color: inherit; display: inline-block; position: relative; text-decoration: underline; text-decoration-color: #e24f54; -webkit-text-decoration-skip: skip; text-decoration-skip: ink; transition: color .3s; z-index: 1; }

body p a:not(.button):hover { color: #e24f54; text-decoration-color: #e24f54; }

body p.quote:before { content: '\201C'; /* left double quotation mark */ position: absolute; transform: translateX(-100%); }

body p.quote:after { content: '\201D'; /* right double quotation mark */ }

input, textarea { font-family: "GTWalsheim", sans-serif; font-size: 1.4rem; font-weight: 500; }

button { font-family: "GTWalsheim", sans-serif; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 { letter-spacing: -.02em; margin-bottom: 1rem; margin-top: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

h1, .h1 { font-size: 2.8rem; font-weight: 700; line-height: 1.28; }

@media (min-width: 768px) { h1, .h1 { font-size: 4.8rem; line-height: 1.16; } }

@media (min-width: 1240px) { h1, .h1 { font-size: 6.5rem; line-height: 1.09; } }

h2, .h2 { font-size: 2.8rem; line-height: 1.28; }

@media (min-width: 768px) { h2, .h2 { line-height: 1.42; } }

@media (min-width: 1240px) { h2, .h2 { font-size: 5.4rem; line-height: 1.03; } }

h3, .h3 { font-size: 2.1rem; line-height: 1.33; margin-bottom: 2.5rem; }

@media (min-width: 1240px) { h3, .h3 { font-size: 2.8rem; line-height: 1.28; } }

h4, .h4 { font-size: 1.6rem; line-height: 1.2; }

@media (min-width: 768px) { h4, .h4 { line-height: 1.5; } }

@media (min-width: 1240px) { h4, .h4 { font-size: 2.1rem; line-height: 1.33; } }

h5, .h5 { font-size: 1.1rem; letter-spacing: .05em; font-weight: 700; line-height: 1.45; text-transform: uppercase; margin-bottom: 1rem; }

@media (min-width: 768px) { h5, .h5 { font-size: 1.2rem; line-height: 1.33; } }

p { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

p.subheading { font-size: 1.6rem; margin-bottom: 2rem; }

@media (min-width: 1240px) { p.subheading { font-size: 2.1rem; } }

p.subheading--small { font-size: 1.4rem; }

@media (min-width: 1240px) { p.subheading--small { font-size: 2.1rem; } }

ul.prefixed { list-style-type: none; }

@media (min-width: 1240px) { ul.prefixed { font-size: 1.4rem; } }

ul.prefixed li { position: relative; }

ul.prefixed li .prefix { left: -2rem; position: absolute; top: 0; }

/* Selection */
::-moz-selection { background: #000; color: #fff; text-shadow: none; }

::selection { background: #000; color: #fff; text-shadow: none; }

/* Scroller */
body { height: 100%; position: absolute; }

.site-wrap { height: 100%; overflow-x: hidden; position: relative; }

.scroll { height: 100%; position: relative; left: 0; top: 0; overflow: hidden; position: absolute; width: 100%; }

.scroll__runner { height: 100%; left: 0; overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; position: relative; top: 0; width: 100%; }

/* Common */
.nav { position: absolute; top: 0; left: 0; right: 0; z-index: 50; background-color: #a1ccde; }

@media (min-width: 1024px) { .nav { height: 11.9rem; } }

.nav[data-mobile-nav="true"] .nav__home-link svg { fill: #000; }

.nav[data-mobile-nav="true"] .nav__burger span { background-color: #000; transition: transform 0.4s cubic-bezier(0.77, 0, 0.175, 1); }

.nav[data-mobile-nav="true"] .nav__burger span:first-child { transform: translateY(-0.2rem) rotate(-45deg); }

.nav[data-mobile-nav="true"] .nav__burger span:last-child { transform: translateY(-0.2rem) rotate(45deg); }

.nav[data-mobile-nav="true"] .nav__mobile-nav { opacity: 1; pointer-events: all; transition: opacity .4s; }

.nav[data-mobile-nav="true"] .nav__list li:before { opacity: 1; transition: opacity 2s cubic-bezier(0.165, 0.84, 0.44, 1); }

.nav[data-mobile-nav="true"] .nav__list li:nth-of-type(1):before { transition-delay: .45s; }

.nav[data-mobile-nav="true"] .nav__list li:nth-of-type(1) a { transition-delay: .3s; }

.nav[data-mobile-nav="true"] .nav__list li:nth-of-type(2):before { transition-delay: .65s; }

.nav[data-mobile-nav="true"] .nav__list li:nth-of-type(2) a { transition-delay: .4s; }

.nav[data-mobile-nav="true"] .nav__list li:nth-of-type(3) a { transition-delay: .45s; }

.nav[data-mobile-nav="true"] .nav__list .nav__link--signup { transition-delay: .5s; }

.nav[data-mobile-nav="true"] .button { opacity: 1; transform: translateX(-50%) translateY(0); transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition-delay: .6s; }

.nav[data-mobile-nav="true"] a { opacity: 1; transform: translateY(0); transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }

.nav__burger { height: 2.9rem; position: relative; width: 3.2rem; z-index: 100; }

@media (min-width: 768px) { .nav__burger { display: none; } }

.nav__burger span { display: block; position: absolute; left: 0; top: 50%; background-color: #000; border-radius: .2rem; width: 100%; height: .3rem; transform-origin: center center; transition: background-color 0.4s cubic-bezier(0.77, 0, 0.175, 1), transform 0.4s cubic-bezier(0.77, 0, 0.175, 1); }

.nav__burger span:first-child { transform: translateY(-0.6rem); }

.nav__burger span:last-child { transform: translateY(0.3rem); }

.nav__wrapper { display: flex; justify-content: space-between; align-items: center; padding: 2.8rem 2.2rem; }

@media (min-width: 768px) { .nav__wrapper { padding: 3rem 2.4rem; } }

@media (min-width: 1024px) { .nav__wrapper { padding: 4rem; } }

.nav__home-link svg { height: 2.9rem; width: 9.6rem; fill: #282a2d; transition: background-color 0.4s cubic-bezier(0.77, 0, 0.175, 1); }

@media (min-width: 768px) { .nav__home-link svg { height: 3.6rem; width: 12.1rem; } }

@media (max-width: 1023px) { .nav__dl-link.button { bottom: 4.5rem; left: 50%; opacity: 0; position: absolute; transform: translateX(-50%) translateY(4rem); } }

@media (min-width: 1024px) { .nav__dl-link.button { display: none; } }

@media (max-width: 767px) { .nav__mobile-nav { display: flex; flex-direction: column; justify-content: center; align-items: center; position: fixed; right: 0; bottom: 0; top: 0; left: 0; background-color: #fff; opacity: 0; pointer-events: none; transition: opacity .4s; z-index: 90; }
  .nav__mobile-nav .nav__list { padding: 0; list-style: none; margin: 0; text-align: center; width: 100%; display: flex; flex-direction: column; max-width: 10.7rem; }
  .nav__mobile-nav li:not(:last-child) { position: relative; }
  .nav__mobile-nav li:not(:last-child):before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; border-top: #d2d5d7 .1rem solid; opacity: 0; }
  .nav__mobile-nav .button { bottom: 4.5rem; left: 50%; opacity: 0; position: absolute; transform: translateX(-50%) translateY(4rem); } }

.nav__list { display: flex; list-style: none; }

@media (min-width: 768px) { .nav__list li { margin-right: 2.5rem; } }

.nav__list a { display: inline-block; font-size: 2.1rem; letter-spacing: -.02em; line-height: 3.16; text-decoration: none; opacity: 0; transform: translateY(4rem); }

@media (min-width: 768px) { .nav__list a { font-size: 1.6rem; letter-spacing: 0; line-height: 3.6rem; opacity: 1; transform: none; } }

@media (min-width: 1240px) { .nav__list a { position: relative; }
  .nav__list a:before { content: ""; position: absolute; left: 0; right: 0; bottom: .8rem; height: .2rem; background-color: #fff; border-radius: .1rem; transition: 0.3s transform; transition-timing-function: cubic-bezier(0.12, 0.845, 0.305, 1); transform: scaleX(0); transform-origin: center center; z-index: -1; }
  .nav__list a:hover:before { transition-timing-function: cubic-bezier(0.12, 0.845, 0.305, 1); transform: scaleX(1); } }

.nav__list a:active, .nav__list a:focus, .nav__list a:hover, .nav__list a:link, .nav__list a:visited { color: #282a2d; }

.nav__link--signup { position: relative; font-weight: 700; margin-top: 1.5rem; }

@media (min-width: 768px) { .nav__link--signup { margin-top: 0; } }

@media (min-width: 1240px) { .nav__link--signup:before { display: none; } }

.nav__link--signup svg { position: absolute; left: 50%; height: 1.8rem; width: 2.8rem; stroke: #e24f54; pointer-events: none; transition: stroke .7s; }

@media (min-width: 768px) { .nav__link--signup svg { height: 1.6rem; width: 2.3rem; stroke: #fff; } }

@media (min-width: 1240px) { .nav__link--signup svg { height: 1.8rem; width: 2.8rem; } }

.nav__link--signup svg:first-of-type { top: 0; transform: translateX(-50%) translateY(-0.3rem); }

@media (min-width: 768px) { .nav__link--signup svg:first-of-type { transform: translateX(-50%) translateY(-1.2rem); } }

@media (min-width: 1240px) { .nav__link--signup svg:first-of-type { transform: translateX(-50%) translateY(-1.3rem); } }

.nav__link--signup svg:last-of-type { bottom: 0; transform: translateX(-50%) translateY(0.8rem) rotate(180deg); }

@media (min-width: 768px) { .nav__link--signup svg:last-of-type { transform: translateX(-50%) translateY(1.2rem) rotate(180deg); } }

@media (min-width: 1240px) { .nav__link--signup svg:last-of-type { transform: translateX(-50%) translateY(1.6rem) rotate(180deg); } }

.nav__link--signup svg path { fill: #e24f54; }

@media (min-width: 768px) { .nav__link--signup svg path { fill: #fff; } }

.nav__inner { display: flex; align-items: center; }

.nav__inner:first-child { position: relative; z-index: 100; }

.nav__link--blog { position: relative; font-size: 1.4rem; color: #fff; font-weight: 700; line-height: 1.2; margin-left: 2.5rem; }

.nav__link--blog:after { content: ''; position: absolute; top: -1rem; left: -1rem; right: -1rem; bottom: -1.4rem; background-image: url("./../img/bubble.png"); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; z-index: -1; }

.signup__line--1, .signup__line--3, .signup__line--4, .signup__line--6 { stroke-dasharray: 1.1rem; }

.signup__line--2, .signup__line--5 { stroke-dasharray: 1.8rem; }

.nav-filters { display: none; background-color: #fff; height: 16rem; }

@media (min-width: 1024px) { .nav-filters { position: relative; height: 7rem; }
  .nav-filters:after { content: ''; position: absolute; bottom: 0; left: -4rem; right: -4rem; height: 0.2rem; background-color: #f1f4f6; } }

.nav-filters__wrapper { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; }

@media (min-width: 1024px) { .nav-filters__wrapper { flex-direction: row; } }

.nav-filters__list { display: none; }

@media (min-width: 1024px) { .nav-filters__list { display: flex; } }

.nav-filters__list-item:not(:last-child) { margin-right: 3rem; }

.nav-filters__list-item:last-child { margin-right: 7.5rem; }

.nav-filters__link { display: block; color: #000; text-decoration: none; position: relative; line-height: 4.2rem; font-size: 1.4rem; font-weight: 500; text-transform: uppercase; }

.nav-filters__link:before { content: ""; position: absolute; left: 0; right: 0; bottom: .8rem; height: .2rem; background-color: #e24f54; border-radius: .1rem; transition: 0.3s transform; transition-timing-function: cubic-bezier(0.12, 0.845, 0.305, 1); transform: scaleX(0); transform-origin: center center; }

.nav-filters__link:hover:before, .nav-filters__link--active:before { transition-timing-function: cubic-bezier(0.12, 0.845, 0.305, 1); transform: scaleX(1); }

.nav-filters__search { display: block; width: 100%; padding-left: 2.2rem; padding-right: 2.2rem; margin-bottom: 1.5rem; }

@media (min-width: 768px) { .nav-filters__search { max-width: 60rem; margin: 0 auto 1.5rem; padding-left: 0; padding-right: 0; } }

@media (min-width: 1024px) { .nav-filters__search { width: inherit; max-width: inherit; margin: inherit; } }

.nav-filters__search input[type="text"] { background-color: #f1f4f6; border: 0.2rem solid #f1f4f6; border-radius: 4.8rem; box-shadow: none; display: block; height: 4.8rem; padding-left: 2.4rem; padding-right: 5.3rem; resize: none; transition: border-color .3s, color .3s; width: 100%; color: #9fa7ab; font-weight: 400; line-height: 1.4; }

.nav-filters__search input[type="text"]:focus { border-color: #dee1e3; color: #282a2d; }

.nav-filters__form { position: relative; }

.nav-filters__form button { background-color: #0000; border-radius: 0; height: 1.8rem; min-width: 0; font-size: 0; position: absolute; right: 2.2rem; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); width: 1.8rem; }

.nav-filters__form svg { fill: #000; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.footer { background-color: #fff; padding-bottom: 5.3rem; padding-top: 4.8rem; position: relative; z-index: 2; }

@media (min-width: 1024px) { .footer { padding-bottom: 8.5rem; padding-top: 11.8rem; } }

.footer:before { background-color: #fff; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; z-index: 2; }

.footer .container { position: relative; z-index: 3; }

.footer .cols { padding-left: calc(16.6666666667% * 1); }

@media (min-width: 768px) { .footer .cols { padding-left: 0; } }

.footer .cols .col--d2 { padding-top: 4.4rem; }

@media (min-width: 1240px) { .footer .cols .col--d2 { padding-left: calc(2.4rem * 1.45); padding-top: 0; } }

@media (min-width: 1024px) { .footer[data-anim="true"] .footer__to-top { animation: toTopBounceIn 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.2s 1 forwards; } }

.footer__to-top { background-color: #dee1e3; border-radius: 50%; color: #000; cursor: pointer; height: 4.8rem; position: absolute; right: 16.6666666667%; text-align: center; text-transform: uppercase; transform: translateX(1.6rem) translateY(-0.8rem); width: 4.8rem; z-index: 5; }

@media (min-width: 768px) { .footer__to-top { right: 50%; transform: translateX(30rem) translateX(50%) translateY(-0.8rem); } }

@media (min-width: 1024px) { .footer__to-top { right: 4rem; top: 0; transform: translateY(50%); z-index: 1; } }

.footer__to-top:before, .footer__to-top:after { background-image: url("./../img/button-arrow.svg"); background-position: center center; background-repeat: no-repeat; background-size: contain; content: ""; display: block; font-size: 0; height: .8rem; left: 50%; position: absolute; transform-origin: center center; width: .6rem; }

.footer__to-top:before { top: 1.1rem; transform: translateX(-50%) translateY(0) scaleX(1) rotate(-90deg); transition: transform 0.45s cubic-bezier(0.23, 1, 0.32, 1); transition-delay: .4s; }

.footer__to-top:after { bottom: 1.3rem; transform: translateX(-50%) translateY(1rem) scaleX(0) rotate(-90deg); transition: transform 0.4s cubic-bezier(0.755, 0.05, 0.855, 0.06); }

.footer__to-top:hover .to-top__text { transform: translateX(-50%) translateY(-1rem); transition: transform 0.45s cubic-bezier(0.645, 0.045, 0.355, 1); transition-delay: .2s; }

.footer__to-top:hover:before { transform: translateX(-50%) translateY(-1rem) scaleX(0) rotate(-90deg); transition: transform 0.4s cubic-bezier(0.755, 0.05, 0.855, 0.06); }

.footer__to-top:hover:after { transform: translateX(-50%) translateY(0) scaleX(1) rotate(-90deg); transition: transform 0.45s cubic-bezier(0.23, 1, 0.32, 1); transition-delay: .4s; }

@keyframes toTopBounceIn { from { transform: translateY(50%); }
  50% { transform: translateY(-125%);
    z-index: 1; }
  51% { z-index: 3; }
  to { transform: translateY(-50%);
    z-index: 3; } }

.to-top__text { bottom: 1.2rem; left: 50%; margin-bottom: 0; position: absolute; transform: translateX(-50%) translateY(0); transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); transition-delay: .2s; will-change: transform; }

.footer-logo { display: block; margin-left: -3.6rem; }

@media (min-width: 1024px) { .footer-logo { margin-left: 0; } }

@media (min-width: 1240px) { .footer-logo { text-align: center; } }

.footer-logo a { display: inline-block; line-height: 0; }

.footer-logo svg { width: 9.6rem; height: 2.9rem; }

@media (min-width: 768px) { .footer-logo svg { width: 8.7rem; height: 2.5rem; } }

@media (min-width: 1240px) { .footer-logo svg { width: 12.1rem; height: 3.6rem; } }

.footer__panel { font-size: 1.4rem; }

@media (min-width: 768px) { .footer__panel { padding-top: 1rem; } }

@media (min-width: 1240px) { .footer__panel { font-size: 1.8rem; } }

.footer__panel ul { list-style-type: none; margin: 0; padding: .5rem 0 0; }

@media (min-width: 1024px) { .footer__panel ul { padding: 1.8rem 0 0; } }

.footer__panel li { line-height: 1.71; margin-bottom: 1rem; }

@media (min-width: 1024px) { .footer__panel li { margin-bottom: .8rem; } }

.footer__panel li:last-of-type { margin-bottom: 0; }

.footer__panel a { color: #000; text-decoration: none; transition: color .3s; }

@media (min-width: 1024px) { .footer__panel a:hover { color: #e24f54; } }

.footer__social-links { margin-bottom: 2.5rem; margin-top: 5.2rem; text-align: center; }

@media (min-width: 768px) { .footer__social-links { margin-bottom: 2rem; } }

@media (min-width: 1024px) { .footer__social-links { margin-bottom: 0; margin-top: 8.8rem; } }

.footer__social-links ul { display: inline-block; font-size: 0; list-style-type: none; max-width: 32rem; padding: 0; }

@media (min-width: 768px) { .footer__social-links ul { max-width: none; } }

.footer__social-link { display: inline-block; margin-bottom: 4rem; margin-left: 2.25rem; margin-right: 2.25rem; vertical-align: -webkit-baseline-middle; }

@media (min-width: 1024px) { .footer__social-link { margin-bottom: 0; } }

.footer__social-link svg { fill: #282a2d; transition: fill .3s; }

.footer__social-link a { display: block; line-height: 0; }

@media (min-width: 1024px) { .footer__social-link a:hover svg { fill: #e24f54; } }

.footer__affiliate-links { color: #848687; margin-bottom: 7rem; padding-left: 3rem; padding-right: 3rem; text-align: center; }

.footer__affiliate-links a:not(.button) { color: #000; text-decoration: none; }

@media (min-width: 1024px) { .footer__affiliate-links { font-size: 1.2rem; margin-bottom: 0; margin-top: 5rem; padding-left: 0; padding-right: 0; } }

button, .button { background-color: #e24f54; border: 0; border-radius: 2.4rem; color: #fff; cursor: pointer; display: inline-block; font-size: 1.4rem; font-weight: 500; line-height: 4.8rem; height: 4.8rem; min-width: 21.7rem; outline: none; position: relative; text-align: center; text-decoration: none; text-transform: uppercase; width: auto; -moz-osx-font-smoothing: grayscale; }

@oinclude tabletL { button, .button { padding: 0 3rem; } }

button:before, button:after, .button:before, .button:after { background-image: url("./../img/button-arrow-white.svg"); background-position: center center; background-repeat: no-repeat; background-size: contain; border: none; display: inline-block; content: ""; fill: #fff; height: .8rem; transform-origin: center center; width: .6rem; will-change: transform; }

button:before, .button:before { position: absolute; top: 50%; transform: translateX(-1.3rem) translateY(-50%) translateY(-0.1rem) scaleY(0); transition: transform 0.4s cubic-bezier(0.755, 0.05, 0.855, 0.06); }

button:after, .button:after { margin-left: .7rem; position: relative; top: -.1rem; transform: translateX(0) translateY(-0.1rem) scaleY(1); transition: transform 0.45s cubic-bezier(0.23, 1, 0.32, 1); transition-delay: .4s; }

button:hover span, .button:hover span { transform: translateX(1.3rem) translateY(-0.1rem); }

button:hover:before, .button:hover:before { transform: translateX(0) translateY(-50%) translateY(-0.1rem) scaleY(1); transition: transform 0.45s cubic-bezier(0.23, 1, 0.32, 1); transition-delay: .4s; }

button:hover:after, .button:hover:after { transform: translateX(1.3rem) translateY(-0.1rem) scaleY(0); transition: transform 0.4s cubic-bezier(0.755, 0.05, 0.855, 0.06); }

button span, .button span { display: inline-block; line-height: 4.8rem; transform: translateX(0) translateY(-0.1rem); transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); transition-delay: .2s; user-select: none; white-space: nowrap; will-change: transform; }

button--border, .button--border { border: solid .3rem transparent; line-height: 4.2rem; }

button--border span, .button--border span { line-height: 4.2rem; }

button--white, .button--white { background-color: #fff; border-color: #f1f4f6; color: #282a2d; }

button--white:before, button--white:after, .button--white:before, .button--white:after { background-image: url("./../img/button-arrow.svg"); }

button--comment, .button--comment { border-radius: 0; border-bottom-left-radius: .4rem; border-bottom-right-radius: .4rem; }

button--comment:before, .button--comment:before { display: none; }

button--comment:after, .button--comment:after { background-image: url("./../img/button-arrow-white-vertical.svg"); height: .6rem; margin-left: .7rem; position: relative; top: -.2rem; transform: translateX(0) translateY(-0.1rem) scaleY(1) rotateZ(180deg); transition: transform 0.7s cubic-bezier(0.23, 1, 0.32, 1); transition-delay: 0s; width: .8rem; }

.post-single__comments[data-open="true"] button--comment:after, .post-single__comments[data-open="true"] .button--comment:after { transform: translateX(0) translateY(-0.1rem) scaleY(1) rotateZ(0deg); }

button--comment:hover span, .button--comment:hover span { transform: translateY(-0.1rem); }

button--comment:hover:after, .button--comment:hover:after { transform: translateX(0) translateY(-0.1rem) scaleY(1) rotateZ(180deg); transition: transform 0.7s cubic-bezier(0.23, 1, 0.32, 1); }

.post-single__comments[data-open="true"] button--comment:hover:after, .post-single__comments[data-open="true"] .button--comment:hover:after { transform: translateX(0) translateY(-0.1rem) scaleY(1) rotateZ(0deg); }

button.disabled, .button.disabled { background-color: #cccdce; color: #333; cursor: default; }

button.disabled:before, button.disabled:after, .button.disabled:before, .button.disabled:after { display: none; }

button.disabled:hover span, .button.disabled:hover span { transform: none; }

.link-banner { position: relative; text-align: center; }

.link-banner:after { content: ''; position: absolute; bottom: -6rem; left: 50%; width: 13.1rem; height: 17.2rem; transform: translateX(-50%); background-image: url("./../img/dog.png"); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; }

@media (min-width: 768px) { .link-banner:after { left: calc(50% + 21rem); bottom: -5rem; } }

.link-banner--short { padding-top: 4rem; padding-bottom: 13.5rem; }

@media (min-width: 768px) { .link-banner--short { padding-top: 8rem; padding-bottom: 9rem; } }

.link-banner p { font-size: 1.6rem; margin-left: auto; margin-right: auto; margin-bottom: 2rem; max-width: 70rem; }

@media (min-width: 768px) { .link-banner p { font-size: 2.1rem; margin-bottom: 1.5rem; } }

.link-banner p strong { display: block; line-height: 1.28; font-size: 2.1rem; }

@media (min-width: 1024px) { .link-banner p strong { display: inline-block; } }

.link-banner .button { margin-bottom: 2.2rem; margin-left: 10%; margin-right: 10%; margin-left: auto; margin-right: auto; }

@media (min-width: 768px) { .link-banner .button { margin-bottom: 0; margin-left: 1.2rem; margin-right: 1.2rem; } }

.link-banner .button:last-of-type { margin-bottom: 0; }

.link-banner--red { background-color: #ed6368; color: #fff; }

.link-banner--red p a { text-shadow: -2px 1px #ed6368, -1px 1px #ed6368, 0px 2px #ed6368, 1px 1px #ed6368, 2px 1px #ed6368; }

.link-banner--red p a:before { border-color: #fff; }

.social-icon--twitter { height: 2rem; width: 2.5rem; }

.social-icon--facebook { height: 2.5rem; width: 1.2rem; }

.social-icon--instagram { height: 2.5rem; width: 2.5rem; }

.social-icon--youtube { height: 2.1rem; width: 3rem; }

.social-icon--linkedin { height: 2.4rem; width: 2.4rem; }

.social-icon--google { height: 2.3rem; width: 3.6rem; }

.social-icon--github { height: 2.5rem; width: 2.5rem; }

/* Pages */
/* Home styles */
.home__featured .cols { display: flex; flex-direction: column; }

@media (min-width: 1024px) { .home__featured .cols { flex-direction: row; } }

@media (min-width: 1024px) { .home__featured .post-single { padding-top: 4rem; padding-bottom: 4rem; } }

@media (min-width: 1240px) { .home__featured .post-single { padding-top: 10rem; padding-bottom: 10rem; } }

.home__featured .post-single .button { display: block; margin-top: 5rem; }

@media (min-width: 768px) { .home__featured .post-single .button { display: inline-block; margin-top: 2.5rem; } }

.home__featured .post-single a { display: block; }

@media (min-width: 1024px) { .home__featured .post-single__inner { padding-left: 0; padding-right: 0; } }

.home__featured--top { margin-bottom: 8rem; }

@media (min-width: 1024px) { .home__featured--top { margin-top: 7rem; margin-bottom: 14rem; } }

@media (min-width: 1024px) { .home__featured--top .home__featured-fig { order: 2; } }

@media (min-width: 1024px) { .home__featured--top .post-single { order: 1; margin-right: 8.333333333%; } }

.home__featured--bottom { margin-bottom: 8rem; }

@media (min-width: 1024px) { .home__featured--bottom { margin-bottom: 12rem; } }

@media (min-width: 1240px) { .home__featured--bottom { margin-bottom: 14rem; } }

@media (min-width: 1024px) { .home__featured--bottom .post-single { margin-left: 8.333333333%; } }

.home__featured--secondary { margin-bottom: 8rem; }

@media (min-width: 1024px) { .home__featured--secondary { margin-bottom: 12rem; } }

@media (min-width: 1240px) { .home__featured--secondary { margin-bottom: 14rem; } }

.home__featured--last { margin-bottom: calc(25rem - 7rem - 1rem); }

.home__featured--last .post-single { padding-bottom: 7rem; }

.home__featured-fig { padding-bottom: 4rem; }

@media (min-width: 1024px) { .home__featured-fig { padding-bottom: 0; }
  .home__featured-fig figure { position: relative; height: 100%; }
  .home__featured-fig img { position: absolute; height: 100%; width: 100%; object-fit: cover; } }

.home__popular { padding-bottom: 7rem; background-color: #f1f4f6; margin-bottom: 8rem; }

@media (min-width: 1024px) { .home__popular { margin-bottom: 12rem; padding-bottom: 6rem; } }

@media (min-width: 1240px) { .home__popular { margin-bottom: 14rem; padding-bottom: 10rem; } }

.home__popular .container { position: relative; padding-top: 6.5rem; }

@media (min-width: 1024px) { .home__popular .container { padding-top: 10rem; } }

@media (min-width: 1240px) { .home__popular .container { padding-top: 12rem; } }

.home__popular .post-single:last-child { padding-bottom: 0; }

@media (min-width: 768px) { .home__popular .post-single { padding-bottom: 5rem; } }

@media (min-width: 1240px) { .home__popular .post-single { padding-bottom: 0; } }

.home__popular-title { display: block; position: absolute; top: -3rem; left: 50%; transform: translateX(-50%); color: #e24f54; padding: 1rem 2.2rem; background-color: #fff; font-size: 2.1rem; line-height: 1.33; }

@media (min-width: 1240px) { .home__popular-title { top: -1.4rem; left: 6.2rem; transform: none; } }

@media (min-width: 1628px) { .home__popular-title { left: 0; } }

/* Article styles */
.post-single__header { position: relative; padding: 4.8rem 0 0; text-align: center; }

@media (min-width: 1024px) { .post-single__header { padding-bottom: 4rem; } }

@media (min-width: 1240px) { .post-single__header { padding: 9rem 0 8.75rem; } }

.post-single__header:before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 35rem; background-color: #f1f4f6; }

@media (min-width: 1240px) { .post-single__header:before { height: 70rem; } }

.post-single__header h5 { margin-bottom: 2rem; color: #848687; }

@media (min-width: 1240px) { .post-single__header h5 { margin-bottom: 4rem; } }

.post-single__header h1 { margin: 0 auto; }

@media (min-width: 1024px) { .post-single__header h1 { max-width: 74.4%; } }

@media (min-width: 1240px) { .post-single__share-wrapper { position: absolute; top: 0; left: -8.7rem; bottom: 0; } }

.post-single__share { display: flex; align-items: center; justify-content: center; margin-bottom: 4rem; }

@media (min-width: 1240px) { .post-single__share { margin-bottom: 0; flex-direction: column; position: sticky; top: 15rem; } }

.post-single__share a:not(:last-child) { margin-right: 5rem; }

@media (min-width: 1240px) { .post-single__share a:not(:last-child) { margin-right: 0; margin-bottom: 2rem; }
  .post-single__share a:hover svg { fill: #e24f54; } }

.post-single__share svg { transition: 0.4s fill; }

.post-single__header-wrapper { margin-bottom: 4rem; }

@media (min-width: 1024px) { .post-single__header-wrapper { margin-bottom: 0; } }

.post-single__content-wrapper, .post-single__content-inner-wrapper { text-align: center; padding: 0 2.2rem; line-height: 1.5; }

@media (min-width: 1240px) { .post-single__content-wrapper, .post-single__content-inner-wrapper { padding: 0; } }

.post-single__content-inner, .post-single__content-inner-wrapper { position: relative; text-align: left; margin-bottom: 7rem; }

@media (min-width: 1240px) { .post-single__content-inner, .post-single__content-inner-wrapper { margin-bottom: calc(8rem * 2); } }

.post-single__fig { margin-bottom: 5rem; }

@media (min-width: 1240px) { .post-single__fig { margin-bottom: 9rem; } }

.post-single__excerpt { font-weight: 400; margin-bottom: 4rem; }

@media (min-width: 1240px) { .post-single__excerpt { margin-bottom: 8rem; } }

.post-single__copy h1, .post-single__copy h2, .post-single__copy h3, .post-single__copy h4, .post-single__copy h5, .post-single__copy h6, .post-single__content-inner-wrapper h1, .post-single__content-inner-wrapper h2, .post-single__content-inner-wrapper h3, .post-single__content-inner-wrapper h4, .post-single__content-inner-wrapper h5, .post-single__content-inner-wrapper h6 { margin-top: 5rem; }

@media (min-width: 1240px) { .post-single__copy h1, .post-single__copy h2, .post-single__copy h3, .post-single__copy h4, .post-single__copy h5, .post-single__copy h6, .post-single__content-inner-wrapper h1, .post-single__content-inner-wrapper h2, .post-single__content-inner-wrapper h3, .post-single__content-inner-wrapper h4, .post-single__content-inner-wrapper h5, .post-single__content-inner-wrapper h6 { margin-top: 10rem; } }

.post-single__copy ul, .post-single__content-inner-wrapper ul { margin-bottom: 2.5rem; }

.post-single__copy li, .post-single__content-inner-wrapper li { position: relative; padding-left: 1rem; margin-bottom: 1rem; }

.post-single__copy li:after, .post-single__content-inner-wrapper li:after { content: ''; position: absolute; left: 0; top: 0.9rem; width: 0.3rem; height: 0.3rem; background-color: #000; border-radius: 50%; }

@media (min-width: 1024px) { .post-single__copy li, .post-single__content-inner-wrapper li { padding-left: 2rem; }
  .post-single__copy li:after, .post-single__content-inner-wrapper li:after { top: 0.8rem; } }

.post-single__copy a:not(.button), .post-single__content-inner-wrapper a:not(.button) { color: #e24f54; }

.post-single__cta { border-radius: 0.8rem; text-align: center; background-color: #feeede; padding: 5rem 3rem 5.5rem; margin-top: 4rem; margin-bottom: 4rem; margin-left: calc(- 8.333333333% * 1); margin-right: calc(- 8.333333333% * 1); }

@media (min-width: 1024px) { .post-single__cta { margin-left: 0; margin-right: 0; } }

@media (min-width: 1240px) { .post-single__cta { margin-bottom: 10rem; margin-top: 10rem; } }

.post-single__cta h4 { margin-bottom: 2rem; }

.post-single__img, .wp-block-image { margin-top: 4rem; margin-bottom: 4rem; margin-left: calc(- 8.333333333% * 1); margin-right: calc(- 8.333333333% * 1); }

@media (min-width: 1024px) { .post-single__img, .wp-block-image { margin-bottom: 10rem; margin-top: 10rem; margin-left: 0; margin-right: 0; } }

.post-single__quote, .wp-block-quote { position: relative; font-weight: 300; padding-top: 2rem; padding-left: 2rem; padding-right: 2rem; margin-top: 6rem; margin-bottom: 6rem; font-size: 2.1rem; line-height: 1.33; }

@media (min-width: 1024px) { .post-single__quote, .wp-block-quote { font-size: 2.1rem; margin-top: 10rem; margin-bottom: 10rem; padding-top: 3.7rem; padding-right: 0; } }

@media (min-width: 1240px) { .post-single__quote, .wp-block-quote { font-size: 2.8rem; line-height: 1.28; } }

.post-single__quote:before, .wp-block-quote:before { content: '“'; position: absolute; top: 0; left: 50%; font-size: 9.8rem; padding-right: 4rem; line-height: 0.5; transform: translateX(-50%); }

@media (min-width: 1024px) { .post-single__quote:before, .wp-block-quote:before { padding-right: 8rem; font-size: 11rem; } }

@media (min-width: 1024px) { .post-single__outset { margin-left: calc(- 8.333333333% * 1); margin-right: calc(- 8.333333333% * 1); } }

@media (min-width: 1240px) { .post-single__outset { margin-left: calc(- 8.333333333% * 2); margin-right: calc(- 8.333333333% * 2); } }

.post-single__meta { color: #000; margin-bottom: 4rem; }

@media (min-width: 1024px) { .post-single__meta { margin-top: 8rem; } }

@media (min-width: 1240px) { .post-single__meta { margin-top: 10rem; } }

.post-single__meta span { display: block; margin-bottom: 0; }

@media (min-width: 1024px) { .post-single__meta span { margin-bottom: 1rem; } }

.post-single__author a { color: #000; text-decoration: none; }

.post-single__related { border-top: 0.2rem solid #f1f4f6; padding-top: 7rem; }

@media (min-width: 1024px) { .post-single__related { padding-top: 0; } }

.post-single__related-title { display: none; text-align: center; margin-bottom: 6rem; }

@media (min-width: 1024px) { .post-single__related-title { display: block; } }

.post-single__related-title h2 { padding-top: 6.5rem; }

@media (min-width: 1240px) { .post-single__content-inner-wrapper { position: relative; width: 75%; margin: 0 auto; } }

/* Author styles */
.common-header.author__header { text-align: left; }

.common-header.author__header h1 { margin-bottom: 3rem; text-align: center; }

@media (min-width: 1024px) { .common-header.author__header h1 { text-align: left; } }

@media (max-width: 767px) { .common-header.author__header { position: relative; padding-bottom: 12rem; margin-bottom: 14rem; }
  .common-header.author__header .cols { display: flex; flex-direction: column; }
  .common-header.author__header .author__header-fig { order: 2; text-align: center; position: absolute; bottom: 0; left: 0; right: 0; transform: translateY(50%); } }

@media (min-width: 1024px) { .author__header-fig { margin-left: calc(8.333333333% * 2); } }

.author__header-fig img { width: auto; }

/* Archive styles */
.archive__header.common-header { padding-bottom: 4.8rem; margin-bottom: 4.8rem; }

@media (min-width: 1240px) { .archive__header.common-header { padding-bottom: 9rem; margin-bottom: 14rem; } }

.archive__wrapper { margin-bottom: 3rem; padding-left: 2.2rem; padding-right: 2.2rem; }

@media (min-width: 768px) { .archive__wrapper { margin-bottom: 8rem; } }

@media (min-width: 1024px) { .archive__wrapper { margin-left: calc(8.333333333% * 1); padding-left: 0; padding-right: 0; } }

@media (min-width: 1240px) { .archive__wrapper { margin-bottom: 14rem; margin-left: calc(8.333333333% * 3); } }

.archive__item { margin-bottom: 2.5rem; }

.archive__item a { display: flex; color: #000; text-decoration: none; transition: color .3s; }

.archive__item a:hover { color: #e24f54; }

.archive__item--year { font-weight: 700; text-align: center; margin-bottom: 2rem; font-size: 2rem; }

.archive__item--year:not(:first-child) { padding-top: 4rem; }

@media (min-width: 1024px) { .archive__item--year { font-size: inherit; text-align: left; margin-bottom: 3rem; }
  .archive__item--year:not(:first-child) { padding-top: 7rem; } }

.archive__item-date { font-size: 1.4rem; padding-bottom: 0.2rem; padding-right: 2rem; font-weight: 700; }

@media (min-width: 1024px) { .archive__item-date { padding-right: 3rem; } }

/* Search styles */
.search-no-results .common-header { margin-bottom: 0; }

/* Category styles */
.category__header { display: none; }

@media (min-width: 1024px) { .category__header { display: block; } }

.category__header.common-header { padding-top: 3.5rem; padding-bottom: 4.5rem; }

@media (min-width: 1240px) { .category__header.common-header { margin-bottom: 8rem; } }

/* Blocks */
.posts-wrapper { margin-bottom: 2rem; }

@media (min-width: 1240px) { .posts-wrapper { margin-bottom: 12rem; } }

.posts-wrapper .post-single { padding-bottom: 6rem; }

@media (min-width: 1024px) { .posts-wrapper .post-single { padding-bottom: 12rem; } }

.post-single { padding-bottom: 6rem; }

@media (min-width: 768px) { .post-single { padding-bottom: 2rem; } }

@media (min-width: 500px) and (max-width: 1023px) { .post-single.col--m6 { width: 50%; } }

.post-single a { color: #282a2d; display: block; text-decoration: none; }

@media (min-width: 768px) { .post-single a { display: inline-block; } }

@media (min-width: 1240px) { .post-single a:hover h4 { color: #e24f54; } }

.post-single img { border-radius: .4rem; height: auto; margin-bottom: 2rem; width: 100%; }

@media (min-width: 1240px) { .post-single img { margin-bottom: 4rem; } }

.post-single h4, .post-single h5, .post-single div { color: inherit; }

.post-single h2 { padding: 0 0 0.5rem; }

@media (min-width: 768px) { .post-single h2 { padding: 2rem 0 2.2rem; } }

.post-single h4 { margin-bottom: 0; font-size: 2.1rem; line-height: 1.33; margin-bottom: 1rem; }

@media (min-width: 1240px) { .post-single h4 { transition: color .3s; } }

.post-single h5 { color: #848687; margin-bottom: 1rem; transition: color .3s; }

.post-single p { margin-bottom: 0; }

.post-single__inner { padding: 0 1.5rem; }

@media (min-width: 768px) { .post-single__inner { padding: 0 2.5rem; } }

@media (min-width: 1240px) { .post-single__inner { padding: 0 4.5rem; } }

.common-header { background-color: #f1f4f6; padding-top: 4.8rem; padding-bottom: 10rem; margin-bottom: 10rem; text-align: center; }

@media (min-width: 1024px) { .common-header { margin-bottom: 14rem; } }

@media (min-width: 1240px) { .common-header { padding-top: 9rem; } }

.common-header h1 { color: #282a2d; margin-bottom: 0; }

.common-header p { margin-bottom: 0; }

.nav-filters__xs { display: block; width: 100%; padding-left: 2.2rem; padding-right: 2.2rem; }

@media (min-width: 768px) { .nav-filters__xs { max-width: 60rem; margin: 0 auto; padding-left: 0; padding-right: 0; } }

@media (min-width: 1024px) { .nav-filters__xs { display: none; } }

.mobile-select { position: relative; }

.mobile-select[data-open="true"] .mobile-select__btn svg:first-of-type { transform: translateY(0) rotate(-90deg) scaleY(1); transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1); transition-delay: .5s; }

.mobile-select[data-open="true"] .mobile-select__btn svg:last-of-type { transform: translateY(2rem) rotate(90deg) scaleY(0); transition: transform 0.5s cubic-bezier(0.755, 0.05, 0.855, 0.06); }

.mobile-select[data-open="true"] .mobile-select__list ul { transform: translateY(0); transition: transform 0.8s cubic-bezier(0.12, 0.845, 0.305, 1); transition-delay: 0s; }

.mobile-select[data-open="true"] .mobile-select__list ul li { opacity: 1; transition: opacity .8s; }

.mobile-select[data-open="true"] .mobile-select__list ul li:nth-of-type(1) { transition-delay: .7s; }

.mobile-select[data-open="true"] .mobile-select__list ul li:nth-of-type(2) { transition-delay: .65s; }

.mobile-select[data-open="true"] .mobile-select__list ul li:nth-of-type(3) { transition-delay: .6s; }

.mobile-select[data-open="true"] .mobile-select__list ul li:nth-of-type(4) { transition-delay: .55s; }

.mobile-select[data-open="true"] .mobile-select__list ul li:nth-of-type(5) { transition-delay: .5s; }

.mobile-select[data-open="true"] .mobile-select__list ul li:nth-of-type(6) { transition-delay: .45s; }

.mobile-select[data-open="true"] .mobile-select__list ul li:nth-of-type(7) { transition-delay: .4s; }

.mobile-select[data-open="true"] .mobile-select__list ul li:nth-of-type(8) { transition-delay: .35s; }

.mobile-select[data-open="true"] .mobile-select__list ul li:nth-of-type(9) { transition-delay: .3s; }

.mobile-select[data-open="true"] .mobile-select__list ul li:nth-of-type(10) { transition-delay: .25s; }

.mobile-select[data-open="true"] .mobile-select__list ul li:nth-of-type(11) { transition-delay: .2s; }

.mobile-select__inner { position: relative; }

@media (min-width: 768px) { .mobile-select__inner { text-align: left; } }

@media (min-width: 1024px) { .mobile-select__inner { text-align: center; } }

.mobile-select__btn { background-color: #fff; border: 0.2rem solid #f1f4f6; border-radius: 2.4rem; color: #000; cursor: pointer; display: inline-block; font-size: 1.4rem; font-weight: 500; height: 4.8rem; letter-spacing: -.025em; line-height: 4.8rem; outline: none; padding: 0 2rem; position: relative; text-align: left; text-decoration: none; text-transform: uppercase; width: 100%; z-index: 2; }

.mobile-select__btn svg { height: .8rem; position: absolute; right: 2rem; top: 2rem; width: .6rem; }

.mobile-select__btn svg:first-of-type { transform: translateY(-2rem) rotate(-90deg) scaleY(0); transition: transform 0.5s cubic-bezier(0.755, 0.05, 0.855, 0.06); }

.mobile-select__btn svg:last-of-type { transform: translateY(0) rotate(90deg) scaleY(1); transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1); transition-delay: .5s; }

.mobile-select__list { left: 0; margin-top: -1.4rem; overflow: hidden; pointer-events: none; position: absolute; width: 100%; z-index: 1; }

.mobile-select__list ul { background-color: #fff; border-radius: 0 0 2.4rem 2.4rem; list-style-type: none; margin: 0; padding-bottom: 1.2rem; padding-left: 2rem; padding-top: 2.4rem; position: relative; text-align: left; transform: translateY(-100%); transition: transform 0.8s cubic-bezier(0.595, 0.125, 0.69, 0.345); transition-delay: .1s; will-change: transform; }

.mobile-select__list li { opacity: 0; transition: opacity .4s; user-select: none; }

.mobile-select__list li:nth-of-type(1) { transition-delay: 0s; }

.mobile-select__list li:nth-of-type(2) { transition-delay: .05s; }

.mobile-select__list li:nth-of-type(3) { transition-delay: .1s; }

.mobile-select__list li:nth-of-type(4) { transition-delay: .15s; }

.mobile-select__list li:nth-of-type(5) { transition-delay: .2s; }

.mobile-select__list li:nth-of-type(6) { transition-delay: .25s; }

.mobile-select__list li:nth-of-type(7) { transition-delay: .3s; }

.mobile-select__list li:nth-of-type(8) { transition-delay: .35s; }

.mobile-select__list li:nth-of-type(9) { transition-delay: .4s; }

.mobile-select__list li:nth-of-type(10) { transition-delay: .45s; }

.mobile-select__list li:nth-of-type(11) { transition-delay: .5s; }

.mobile-select__list a, .mobile-select__list span { color: #000; cursor: pointer; display: inline-block; font-size: 1.3rem; padding-bottom: 1rem; padding-right: 2rem; padding-top: 1rem; pointer-events: all; position: relative; text-decoration: none; text-transform: uppercase; }

.mobile-select__list a .mobile-select__arrow, .mobile-select__list span .mobile-select__arrow { height: .8rem; position: absolute; right: .8rem; top: 50%; transform: translateY(-50%); width: .6rem; }

.download-banner { position: fixed; top: 0; left: 0; right: 0; background-color: #fff; display: flex; align-items: center; justify-content: space-between; z-index: 999; padding: 0 2.2rem; height: 5rem; transform: translateY(-200%); transition: 1.2s transform cubic-bezier(0.12, 0.845, 0.305, 1); }

.download-banner[data-visible="true"] { transform: translateY(0); }

@media (min-width: 768px) { .download-banner { height: 8rem; padding: 0 2.4rem; } }

@media (min-width: 1024px) { .download-banner { padding: 0 4rem; } }

.download-banner:after { content: ''; position: absolute; bottom: -0.2rem; left: -4rem; right: -4rem; height: .2rem; background-color: #f1f4f6; }

.download-banner .nav__link--blog:after { bottom: -1.5rem; background-image: url("./../img/bubble-dark.png"); }

@media (max-width: 767px) { .download-banner .nav__home-link svg { height: 2.4rem; width: 8rem; }
  .download-banner .nav__link--blog { margin-left: 2rem; }
  .download-banner .button { min-width: 11.1rem; padding: .7rem 1.2rem; color: #fff; font-size: 1.1rem; font-weight: 600; border-radius: 2rem; line-height: 1.2; height: 2.7rem; border: none; }
  .download-banner .button:after { top: 0rem; }
  .download-banner .button span { line-height: 1.5; } }

.download-banner .button span.download-banner__xs-label { display: inline-block; }

@media (min-width: 768px) { .download-banner .button span.download-banner__xs-label { display: none; } }

.download-banner .button span.download-banner__md-label { display: none; }

@media (min-width: 768px) { .download-banner .button span.download-banner__md-label { display: inline-block; } }

.download-banner__inner { display: flex; align-items: center; }

.post-single__comments { border-top: .2rem solid #e8eaeb; padding: 0 2.2rem 3.5rem; text-align: center; }

@media (min-width: 1240px) { .post-single__comments { padding-bottom: 8rem; } }

.discussion { max-height: 0; overflow: hidden; text-align: left; }

@media (min-width: 1240px) { .discussion { position: relative; width: 75%; margin: 0 auto; } }

.discussion__inner { padding-top: 5rem; }

.post-single__comments[data-open="false"] .discussion__inner { opacity: 0; transition: opacity .3s; }

.post-single__comments[data-open="true"] .discussion__inner { opacity: 1; transition: opacity .3s .5s; }

@media (min-width: 1240px) { .discussion__inner { padding-top: 10rem; } }

.discussion__comments { min-height: .1rem; }

.discussion__comments ol { list-style-type: none; }

.discussion__comments li.depth-2 { margin-left: 3.25rem; }

.discussion__comments article { border: .2rem solid #e8eaeb; border-radius: .4rem; margin-top: 1.6rem; padding: 3.5rem 3.25rem; }

.comment-author { display: inline-block; line-height: 1.71; }

.comment-author b { font-weight: normal; }

.comment-author img { display: none; }

.comment-author .says { display: none; }

.comment-meta { margin-bottom: 2.25rem; }

.comment-metadata { color: #848687; display: block; font-size: 1.1rem; font-weight: 700; letter-spacing: .05em; line-height: 1.45; text-transform: uppercase; }

@media (min-width: 1240px) { .comment-metadata { display: inline-block; font-size: 1.2rem; padding-left: 1.5rem; } }

.comment-metadata a { color: inherit; pointer-events: none; text-decoration: none; }

.comment-metadata .edit-link { display: none; }

.reply { text-align: right; }

.comment-reply-link { color: #e24f54; text-decoration: none; transition: color 0.3s; }

.comment-reply-link:hover { color: #282a2d; }

.comment-reply-title { font-size: 1.1rem; font-weight: 700; letter-spacing: .05em; line-height: 1.45; margin-bottom: 0; margin-top: 1.75rem; text-transform: uppercase; }

.comment-reply-title small { display: block; text-align: center; width: 100%; }

.comment-reply-title a { color: #e24f54; text-decoration: none; transition: color 0.3s; }

.comment-reply-title a:hover { color: #282a2d; }

.comment .comment-form { padding-top: 5rem; }

.form-field { margin-bottom: 4rem; position: relative; }

@media (min-width: 1240px) { .form-field { margin-bottom: 4.7rem; } }

.form-field[data-valid-entry="false"] input, .form-field[data-valid-entry="false"] textarea, .form-field[data-valid-entry="false"] .checkbox-box { border-color: #e24f54; }

.form-field[data-valid-entry="false"] .form-field__validation-error { opacity: 1; }

.form-field--text input, .form-field--text textarea { background-color: #f1f4f6; border: 0.2rem solid #f1f4f6; border-radius: .4rem; box-shadow: none; color: #282a2d; display: block; height: 4.8rem; line-height: normal; outline: none !important; padding-left: 1.6rem; padding-right: 4.7rem; resize: none; transition: border-color .3s; width: 100%; }

.form-field--text input:focus, .form-field--text textarea:focus { border-color: #88cf8f; }

@media (min-width: 1240px) { .form-field--text input, .form-field--text textarea { height: 7rem; font-size: 2.1rem; padding-left: 2rem; padding-right: 6.7rem; } }

.form-field--text textarea { height: 7.4rem; line-height: 1.8; padding-bottom: 1.2rem; padding-right: 1.6rem; padding-top: 1.2rem; }

@media (min-width: 1024px) { .form-field--text textarea { height: 10rem; } }

@media (min-width: 1240px) { .form-field--text textarea { height: 13.5rem; padding-right: 2rem; } }

.form-field--text label { display: block; font-size: 1.1rem; font-weight: 700; letter-spacing: .05em; line-height: 1.45; margin-bottom: .3rem; text-transform: uppercase; }

@media (min-width: 1240px) { .form-field--text label { margin-bottom: 1rem; }
  .newsletter .form-field--text label { margin-bottom: .5rem; } }

.form-field--checkbox { position: relative; }

.form-field--checkbox > label, .form-field--checkbox > a { display: inline-block; font-size: 1.4rem; letter-spacing: -.02em; line-height: 1.71; vertical-align: -webkit-baseline-middle; z-index: 1; }

@media (min-width: 1024px) { .form-field--checkbox > label, .form-field--checkbox > a { font-size: 1.6rem; line-height: 1.5; } }

.form-field--checkbox > label a, .form-field--checkbox > a a { color: inherit; display: inline-block; position: relative; text-decoration: underline; text-decoration-color: #e24f54; -webkit-text-decoration-skip: skip; text-decoration-skip: ink; transition: .3s color; }

.form-field--checkbox > label a:hover, .form-field--checkbox > a a:hover { color: #e24f54; }

.form-field--checkbox > label:last-child { left: 0; line-height: 1.4; padding-left: 4rem; position: absolute; top: 50%; transform: translateY(-50%); width: auto; }

@media (min-width: 1024px) { .form-field--checkbox > label:last-child { padding-left: 5.4rem; } }

.form-field--checkbox p { color: #282a2d; float: right; margin-bottom: 0; margin-top: .6rem; }

@media (min-width: 1240px) { .form-field--checkbox p { font-size: 1.6rem !important; margin-top: .8rem; } }

.form-field--checkbox input { left: -9999rem; opacity: 0; pointer-events: none; position: absolute; top: 0; }

.form-field--checkbox .checkbox-box { background-color: #f1f4f6; border: 0.2rem solid #f1f4f6; border-radius: .4rem; cursor: pointer; display: inline-block; height: 3rem; padding-left: 0; position: relative; transition: border-color .3s; width: 3rem; z-index: 2; }

@media (min-width: 1024px) { .form-field--checkbox .checkbox-box { height: 4rem; width: 4rem; } }

.form-field--checkbox .checkbox-box svg { height: 1rem; left: .7rem; opacity: 0; position: absolute; stroke: #282a2d; top: .8rem; transition: opacity .2s; width: 1.3rem; }

@media (min-width: 1024px) { .form-field--checkbox .checkbox-box svg { height: 1.4rem; left: .9rem; top: 1.1rem; width: 1.8rem; } }

.form-field--checkbox .checkbox-box path { stroke-dasharray: 46px; stroke-dashoffset: 46px; transition: stroke-dashoffset 0s .3s; }

.form-field--checkbox[data-focus="true"] .checkbox-box { border-color: #88cf8f; }

.form-field--checkbox[data-checked="true"] svg { opacity: 1; transition: none; }

.form-field--checkbox[data-checked="true"] path { stroke-dashoffset: 0; transition: stroke-dashoffset 0.5s cubic-bezier(1, 0.255, 0.395, 0.84); }

/*# sourceMappingURL=style.css.map */