/* Default Colors (can remove) */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after {
  content: '';
  content: none;
}

q:before, q:after {
  content: '';
  content: none;
}

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

/* Small 39.9375em */
/* Medium 63.9375 */
/* Large 74.9375 */
/* XLarge 85.9375  */
.row {
  box-sizing: border-box;
  margin: 0 auto;
  width: 100%;
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
  max-width: 1440px;
}

.row.reverse {
  flex-direction: row-reverse;
}

.row.natural-height {
  align-items: flex-start;
}

.row.flex-column {
  flex-direction: column;
}

.column {
  box-sizing: border-box;
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.column.reverse {
  flex-direction: column-reverse;
}

.first {
  order: -1;
}

.last {
  order: 1;
}

.align-start {
  align-self: flex-start;
}

.align-end {
  align-self: flex-end;
}

.align-center {
  align-self: center;
}

.align-baseline {
  align-self: baseline;
}

.align-stretch {
  align-self: stretch;
}

.column.xsmall {
  box-sizing: border-box;
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.column.xsmall-0 {
  box-sizing: border-box;
  flex-basis: 0%;
  max-width: 0%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.column.offset-0-xsmall {
  margin-left: 0%;
}

.column.xsmall-offset-0 {
  margin-left: 0%;
}

.column.xsmall-1 {
  box-sizing: border-box;
  flex-basis: 8.33333333%;
  max-width: 8.33333333%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.column.offset-1-xsmall {
  margin-left: 8.33333333%;
}

.column.xsmall-offset-1 {
  margin-left: 8.33333333%;
}

.column.xsmall-2 {
  box-sizing: border-box;
  flex-basis: 16.66666667%;
  max-width: 16.66666667%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.column.offset-2-xsmall {
  margin-left: 16.66666667%;
}

.column.xsmall-offset-2 {
  margin-left: 16.66666667%;
}

.column.xsmall-3 {
  box-sizing: border-box;
  flex-basis: 25%;
  max-width: 25%;
  padding-left: 1rem;
  padding-right: 1rem;
}

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

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

.column.xsmall-4 {
  box-sizing: border-box;
  flex-basis: 33.33333333%;
  max-width: 33.33333333%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.column.offset-4-xsmall {
  margin-left: 33.33333333%;
}

.column.xsmall-offset-4 {
  margin-left: 33.33333333%;
}

.column.xsmall-5 {
  box-sizing: border-box;
  flex-basis: 41.66666667%;
  max-width: 41.66666667%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.column.offset-5-xsmall {
  margin-left: 41.66666667%;
}

.column.xsmall-offset-5 {
  margin-left: 41.66666667%;
}

.column.xsmall-6 {
  box-sizing: border-box;
  flex-basis: 50%;
  max-width: 50%;
  padding-left: 1rem;
  padding-right: 1rem;
}

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

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

.column.xsmall-7 {
  box-sizing: border-box;
  flex-basis: 58.33333333%;
  max-width: 58.33333333%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.column.offset-7-xsmall {
  margin-left: 58.33333333%;
}

.column.xsmall-offset-7 {
  margin-left: 58.33333333%;
}

.column.xsmall-8 {
  box-sizing: border-box;
  flex-basis: 66.66666667%;
  max-width: 66.66666667%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.column.offset-8-xsmall {
  margin-left: 66.66666667%;
}

.column.xsmall-offset-8 {
  margin-left: 66.66666667%;
}

.column.xsmall-9 {
  box-sizing: border-box;
  flex-basis: 75%;
  max-width: 75%;
  padding-left: 1rem;
  padding-right: 1rem;
}

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

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

.column.xsmall-10 {
  box-sizing: border-box;
  flex-basis: 83.33333333%;
  max-width: 83.33333333%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.column.offset-10-xsmall {
  margin-left: 83.33333333%;
}

.column.xsmall-offset-10 {
  margin-left: 83.33333333%;
}

.column.xsmall-11 {
  box-sizing: border-box;
  flex-basis: 91.66666667%;
  max-width: 91.66666667%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.column.offset-11-xsmall {
  margin-left: 91.66666667%;
}

.column.xsmall-offset-11 {
  margin-left: 91.66666667%;
}

.column.xsmall-12 {
  box-sizing: border-box;
  flex-basis: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.column.offset-12-xsmall {
  margin-left: 100%;
}

.column.xsmall-offset-12 {
  margin-left: 100%;
}

.row.start-xsmall {
  justify-content: flex-start;
}

.row.center-xsmall {
  justify-content: center;
}

.row.end-xsmall {
  justify-content: flex-end;
}

.row.top-xsmall {
  align-items: flex-start;
}

.row.middle-xsmall {
  align-items: center;
}

.row.bottom-xsmall {
  align-items: flex-end;
}

.row.around-xsmall {
  justify-content: space-around;
}

.row.between-xsmall {
  justify-content: space-between;
}

.first-xsmall {
  order: -1;
}

.last-xsmall {
  order: 1;
}

@media only screen and (min-width: 30rem) {
  .column.small {
    box-sizing: border-box;
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .column.small-0 {
    box-sizing: border-box;
    flex-basis: 0%;
    max-width: 0%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .column.offset-0-small {
    margin-left: 0%;
  }
  .column.small-offset-0 {
    margin-left: 0%;
  }
  .column.small-1 {
    box-sizing: border-box;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .column.offset-1-small {
    margin-left: 8.33333333%;
  }
  .column.small-offset-1 {
    margin-left: 8.33333333%;
  }
  .column.small-2 {
    box-sizing: border-box;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .column.offset-2-small {
    margin-left: 16.66666667%;
  }
  .column.small-offset-2 {
    margin-left: 16.66666667%;
  }
  .column.small-3 {
    box-sizing: border-box;
    flex-basis: 25%;
    max-width: 25%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .column.offset-3-small {
    margin-left: 25%;
  }
  .column.small-offset-3 {
    margin-left: 25%;
  }
  .column.small-4 {
    box-sizing: border-box;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .column.offset-4-small {
    margin-left: 33.33333333%;
  }
  .column.small-offset-4 {
    margin-left: 33.33333333%;
  }
  .column.small-5 {
    box-sizing: border-box;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .column.offset-5-small {
    margin-left: 41.66666667%;
  }
  .column.small-offset-5 {
    margin-left: 41.66666667%;
  }
  .column.small-6 {
    box-sizing: border-box;
    flex-basis: 50%;
    max-width: 50%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .column.offset-6-small {
    margin-left: 50%;
  }
  .column.small-offset-6 {
    margin-left: 50%;
  }
  .column.small-7 {
    box-sizing: border-box;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .column.offset-7-small {
    margin-left: 58.33333333%;
  }
  .column.small-offset-7 {
    margin-left: 58.33333333%;
  }
  .column.small-8 {
    box-sizing: border-box;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .column.offset-8-small {
    margin-left: 66.66666667%;
  }
  .column.small-offset-8 {
    margin-left: 66.66666667%;
  }
  .column.small-9 {
    box-sizing: border-box;
    flex-basis: 75%;
    max-width: 75%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .column.offset-9-small {
    margin-left: 75%;
  }
  .column.small-offset-9 {
    margin-left: 75%;
  }
  .column.small-10 {
    box-sizing: border-box;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .column.offset-10-small {
    margin-left: 83.33333333%;
  }
  .column.small-offset-10 {
    margin-left: 83.33333333%;
  }
  .column.small-11 {
    box-sizing: border-box;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .column.offset-11-small {
    margin-left: 91.66666667%;
  }
  .column.small-offset-11 {
    margin-left: 91.66666667%;
  }
  .column.small-12 {
    box-sizing: border-box;
    flex-basis: 100%;
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .column.offset-12-small {
    margin-left: 100%;
  }
  .column.small-offset-12 {
    margin-left: 100%;
  }
  .row.start-small {
    justify-content: flex-start;
  }
  .row.center-small {
    justify-content: center;
  }
  .row.end-small {
    justify-content: flex-end;
  }
  .row.top-small {
    align-items: flex-start;
  }
  .row.middle-small {
    align-items: center;
  }
  .row.bottom-small {
    align-items: flex-end;
  }
  .row.around-small {
    justify-content: space-around;
  }
  .row.between-small {
    justify-content: space-between;
  }
  .first-small {
    order: -1;
  }
  .last-small {
    order: 1;
  }
}

@media only screen and (min-width: 50rem) {
  .column.medium {
    box-sizing: border-box;
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .column.medium-0 {
    box-sizing: border-box;
    flex-basis: 0%;
    max-width: 0%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .column.offset-0-medium {
    margin-left: 0%;
  }
  .column.medium-offset-0 {
    margin-left: 0%;
  }
  .column.medium-1 {
    box-sizing: border-box;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .column.offset-1-medium {
    margin-left: 8.33333333%;
  }
  .column.medium-offset-1 {
    margin-left: 8.33333333%;
  }
  .column.medium-2 {
    box-sizing: border-box;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .column.offset-2-medium {
    margin-left: 16.66666667%;
  }
  .column.medium-offset-2 {
    margin-left: 16.66666667%;
  }
  .column.medium-3 {
    box-sizing: border-box;
    flex-basis: 25%;
    max-width: 25%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .column.offset-3-medium {
    margin-left: 25%;
  }
  .column.medium-offset-3 {
    margin-left: 25%;
  }
  .column.medium-4 {
    box-sizing: border-box;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .column.offset-4-medium {
    margin-left: 33.33333333%;
  }
  .column.medium-offset-4 {
    margin-left: 33.33333333%;
  }
  .column.medium-5 {
    box-sizing: border-box;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .column.offset-5-medium {
    margin-left: 41.66666667%;
  }
  .column.medium-offset-5 {
    margin-left: 41.66666667%;
  }
  .column.medium-6 {
    box-sizing: border-box;
    flex-basis: 50%;
    max-width: 50%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .column.offset-6-medium {
    margin-left: 50%;
  }
  .column.medium-offset-6 {
    margin-left: 50%;
  }
  .column.medium-7 {
    box-sizing: border-box;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .column.offset-7-medium {
    margin-left: 58.33333333%;
  }
  .column.medium-offset-7 {
    margin-left: 58.33333333%;
  }
  .column.medium-8 {
    box-sizing: border-box;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .column.offset-8-medium {
    margin-left: 66.66666667%;
  }
  .column.medium-offset-8 {
    margin-left: 66.66666667%;
  }
  .column.medium-9 {
    box-sizing: border-box;
    flex-basis: 75%;
    max-width: 75%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .column.offset-9-medium {
    margin-left: 75%;
  }
  .column.medium-offset-9 {
    margin-left: 75%;
  }
  .column.medium-10 {
    box-sizing: border-box;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .column.offset-10-medium {
    margin-left: 83.33333333%;
  }
  .column.medium-offset-10 {
    margin-left: 83.33333333%;
  }
  .column.medium-11 {
    box-sizing: border-box;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .column.offset-11-medium {
    margin-left: 91.66666667%;
  }
  .column.medium-offset-11 {
    margin-left: 91.66666667%;
  }
  .column.medium-12 {
    box-sizing: border-box;
    flex-basis: 100%;
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .column.offset-12-medium {
    margin-left: 100%;
  }
  .column.medium-offset-12 {
    margin-left: 100%;
  }
  .row.start-medium {
    justify-content: flex-start;
  }
  .row.center-medium {
    justify-content: center;
  }
  .row.end-medium {
    justify-content: flex-end;
  }
  .row.top-medium {
    align-items: flex-start;
  }
  .row.middle-medium {
    align-items: center;
  }
  .row.bottom-medium {
    align-items: flex-end;
  }
  .row.around-medium {
    justify-content: space-around;
  }
  .row.between-medium {
    justify-content: space-between;
  }
  .first-medium {
    order: -1;
  }
  .last-medium {
    order: 1;
  }
}

@media only screen and (min-width: 75rem) {
  .column.large {
    box-sizing: border-box;
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .column.large-0 {
    box-sizing: border-box;
    flex-basis: 0%;
    max-width: 0%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .column.offset-0-large {
    margin-left: 0%;
  }
  .column.large-offset-0 {
    margin-left: 0%;
  }
  .column.large-1 {
    box-sizing: border-box;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .column.offset-1-large {
    margin-left: 8.33333333%;
  }
  .column.large-offset-1 {
    margin-left: 8.33333333%;
  }
  .column.large-2 {
    box-sizing: border-box;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .column.offset-2-large {
    margin-left: 16.66666667%;
  }
  .column.large-offset-2 {
    margin-left: 16.66666667%;
  }
  .column.large-3 {
    box-sizing: border-box;
    flex-basis: 25%;
    max-width: 25%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .column.offset-3-large {
    margin-left: 25%;
  }
  .column.large-offset-3 {
    margin-left: 25%;
  }
  .column.large-4 {
    box-sizing: border-box;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .column.offset-4-large {
    margin-left: 33.33333333%;
  }
  .column.large-offset-4 {
    margin-left: 33.33333333%;
  }
  .column.large-5 {
    box-sizing: border-box;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .column.offset-5-large {
    margin-left: 41.66666667%;
  }
  .column.large-offset-5 {
    margin-left: 41.66666667%;
  }
  .column.large-6 {
    box-sizing: border-box;
    flex-basis: 50%;
    max-width: 50%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .column.offset-6-large {
    margin-left: 50%;
  }
  .column.large-offset-6 {
    margin-left: 50%;
  }
  .column.large-7 {
    box-sizing: border-box;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .column.offset-7-large {
    margin-left: 58.33333333%;
  }
  .column.large-offset-7 {
    margin-left: 58.33333333%;
  }
  .column.large-8 {
    box-sizing: border-box;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .column.offset-8-large {
    margin-left: 66.66666667%;
  }
  .column.large-offset-8 {
    margin-left: 66.66666667%;
  }
  .column.large-9 {
    box-sizing: border-box;
    flex-basis: 75%;
    max-width: 75%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .column.offset-9-large {
    margin-left: 75%;
  }
  .column.large-offset-9 {
    margin-left: 75%;
  }
  .column.large-10 {
    box-sizing: border-box;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .column.offset-10-large {
    margin-left: 83.33333333%;
  }
  .column.large-offset-10 {
    margin-left: 83.33333333%;
  }
  .column.large-11 {
    box-sizing: border-box;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .column.offset-11-large {
    margin-left: 91.66666667%;
  }
  .column.large-offset-11 {
    margin-left: 91.66666667%;
  }
  .column.large-12 {
    box-sizing: border-box;
    flex-basis: 100%;
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .column.offset-12-large {
    margin-left: 100%;
  }
  .column.large-offset-12 {
    margin-left: 100%;
  }
  .row.start-large {
    justify-content: flex-start;
  }
  .row.center-large {
    justify-content: center;
  }
  .row.end-large {
    justify-content: flex-end;
  }
  .row.top-large {
    align-items: flex-start;
  }
  .row.middle-large {
    align-items: center;
  }
  .row.bottom-large {
    align-items: flex-end;
  }
  .row.around-large {
    justify-content: space-around;
  }
  .row.between-large {
    justify-content: space-between;
  }
  .first-large {
    order: -1;
  }
  .last-large {
    order: 1;
  }
}

@media only screen and (min-width: 86rem) {
  .column.xlarge {
    box-sizing: border-box;
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .column.xlarge-0 {
    box-sizing: border-box;
    flex-basis: 0%;
    max-width: 0%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .column.offset-0-xlarge {
    margin-left: 0%;
  }
  .column.xlarge-offset-0 {
    margin-left: 0%;
  }
  .column.xlarge-1 {
    box-sizing: border-box;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .column.offset-1-xlarge {
    margin-left: 8.33333333%;
  }
  .column.xlarge-offset-1 {
    margin-left: 8.33333333%;
  }
  .column.xlarge-2 {
    box-sizing: border-box;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .column.offset-2-xlarge {
    margin-left: 16.66666667%;
  }
  .column.xlarge-offset-2 {
    margin-left: 16.66666667%;
  }
  .column.xlarge-3 {
    box-sizing: border-box;
    flex-basis: 25%;
    max-width: 25%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .column.offset-3-xlarge {
    margin-left: 25%;
  }
  .column.xlarge-offset-3 {
    margin-left: 25%;
  }
  .column.xlarge-4 {
    box-sizing: border-box;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .column.offset-4-xlarge {
    margin-left: 33.33333333%;
  }
  .column.xlarge-offset-4 {
    margin-left: 33.33333333%;
  }
  .column.xlarge-5 {
    box-sizing: border-box;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .column.offset-5-xlarge {
    margin-left: 41.66666667%;
  }
  .column.xlarge-offset-5 {
    margin-left: 41.66666667%;
  }
  .column.xlarge-6 {
    box-sizing: border-box;
    flex-basis: 50%;
    max-width: 50%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .column.offset-6-xlarge {
    margin-left: 50%;
  }
  .column.xlarge-offset-6 {
    margin-left: 50%;
  }
  .column.xlarge-7 {
    box-sizing: border-box;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .column.offset-7-xlarge {
    margin-left: 58.33333333%;
  }
  .column.xlarge-offset-7 {
    margin-left: 58.33333333%;
  }
  .column.xlarge-8 {
    box-sizing: border-box;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .column.offset-8-xlarge {
    margin-left: 66.66666667%;
  }
  .column.xlarge-offset-8 {
    margin-left: 66.66666667%;
  }
  .column.xlarge-9 {
    box-sizing: border-box;
    flex-basis: 75%;
    max-width: 75%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .column.offset-9-xlarge {
    margin-left: 75%;
  }
  .column.xlarge-offset-9 {
    margin-left: 75%;
  }
  .column.xlarge-10 {
    box-sizing: border-box;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .column.offset-10-xlarge {
    margin-left: 83.33333333%;
  }
  .column.xlarge-offset-10 {
    margin-left: 83.33333333%;
  }
  .column.xlarge-11 {
    box-sizing: border-box;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .column.offset-11-xlarge {
    margin-left: 91.66666667%;
  }
  .column.xlarge-offset-11 {
    margin-left: 91.66666667%;
  }
  .column.xlarge-12 {
    box-sizing: border-box;
    flex-basis: 100%;
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .column.offset-12-xlarge {
    margin-left: 100%;
  }
  .column.xlarge-offset-12 {
    margin-left: 100%;
  }
  .row.start-xlarge {
    justify-content: flex-start;
  }
  .row.center-xlarge {
    justify-content: center;
  }
  .row.end-xlarge {
    justify-content: flex-end;
  }
  .row.top-xlarge {
    align-items: flex-start;
  }
  .row.middle-xlarge {
    align-items: center;
  }
  .row.bottom-xlarge {
    align-items: flex-end;
  }
  .row.around-xlarge {
    justify-content: space-around;
  }
  .row.between-xlarge {
    justify-content: space-between;
  }
  .first-xlarge {
    order: -1;
  }
  .last-xlarge {
    order: 1;
  }
}

.column.gutter-lr {
  padding: 0 1rem;
}

.column.no-gutter {
  padding: 0;
}

.row.collapse > .column {
  padding-left: 0;
  padding-right: 0;
}

.show {
  display: block !important;
}

.row.show {
  display: flex !important;
}

.hide {
  display: none !important;
}

.show-for-xsmall {
  display: block !important;
}

.row.show-for-xsmall {
  display: flex !important;
}

.hide-for-xsmall {
  display: none !important;
}

@media only screen and (max-width: 29.9375rem) {
  .show-for-xsmall-only {
    display: block !important;
  }
  .row.show-for-xsmall-only {
    display: flex !important;
  }
  .hide-for-xsmall-only {
    display: none !important;
  }
}

@media only screen and (min-width: 30rem) {
  .show-for-small {
    display: block !important;
  }
  .row.show-for-small {
    display: flex !important;
  }
  .hide-for-small {
    display: none !important;
  }
}

@media only screen and (min-width: 30rem) and (max-width: 49.9375rem) {
  .show-for-small-only {
    display: block !important;
  }
  .row.show-for-small-only {
    display: flex !important;
  }
  .hide-for-small-only {
    display: none !important;
  }
}

@media only screen and (min-width: 50rem) {
  .show-for-medium {
    display: block !important;
  }
  .row.show-for-medium {
    display: flex !important;
  }
  .hide-for-medium {
    display: none !important;
  }
}

@media only screen and (min-width: 50rem) and (max-width: 74.9375rem) {
  .show-for-medium-only {
    display: block !important;
  }
  .row.show-for-medium-only {
    display: flex !important;
  }
  .hide-for-medium-only {
    display: none !important;
  }
}

@media only screen and (min-width: 75rem) {
  .show-for-large {
    display: block !important;
  }
  .row.show-for-large {
    display: flex !important;
  }
  .hide-for-large {
    display: none !important;
  }
}

@media only screen and (min-width: 75rem) and (max-width: 85.9375rem) {
  .show-for-large-only {
    display: block !important;
  }
  .row.show-for-large-only {
    display: flex !important;
  }
  .hide-for-large-only {
    display: none !important;
  }
}

@media only screen and (min-width: 86rem) {
  .show-for-xlarge {
    display: block !important;
  }
  .row.show-for-xlarge {
    display: flex !important;
  }
  .hide-for-xlarge {
    display: none !important;
  }
}

/**
 * These values will not show up in content, but can be
 * queried by JavaScript to know which breakpoint is active.
 * Add or remove as many breakpoints as you like.
 */
body:before {
  content: "xsmall";
  display: none;
  /* Prevent from displaying. */
}

@media only screen and (min-width: 30rem) and (max-width: 49.9375rem) {
  body:before {
    content: "small";
  }
}

@media only screen and (min-width: 50rem) and (max-width: 74.9375rem) {
  body:before {
    content: "medium";
  }
}

@media only screen and (min-width: 75rem) and (max-width: 85.9375rem) {
  body:before {
    content: "large";
  }
}

@media only screen and (min-width: 86rem) {
  body:before {
    content: "xlarge";
  }
}

.grid-container {
  margin: 0 auto;
}

.grid-container {
  padding-left: 0px;
}

@media screen and (min-width: 640px) {
  .grid-container {
    padding-left: calc(5vw - 32px);
  }
}

@media screen and (min-width: 1440px) {
  .grid-container {
    padding-left: 40px;
  }
}

.grid-container {
  padding-right: 0px;
}

@media screen and (min-width: 640px) {
  .grid-container {
    padding-right: calc(5vw - 32px);
  }
}

@media screen and (min-width: 1440px) {
  .grid-container {
    padding-right: 40px;
  }
}

.full-width {
  max-width: 100%;
}

.almost-full-width {
  max-width: calc(100% - 40px);
}

.pad:not(:first-child) {
  padding-top: 1rem;
}

.pad:not(:last-child) {
  padding-bottom: 1rem;
}

.pr0 {
  padding-right: 0 !important;
}

.pl0 {
  padding-left: 0 !important;
}

.pt0 {
  padding-top: 0 !important;
}

.pb0 {
  padding-bottom: 0 !important;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}

.section-title {
  letter-spacing: 3px;
  text-transform: uppercase;
  font-family: "Anton", sans-serif;
  font-weight: 400;
  line-height: 1.67;
}

.section-title {
  font-size: 18px;
}

@media screen and (min-width: 640px) {
  .section-title {
    font-size: calc(0vw + 18px);
  }
}

@media screen and (min-width: 1440px) {
  .section-title {
    font-size: 18px;
  }
}

.styled-content h1, .styled-content .heading-1 {
  font-family: "Anton", sans-serif;
  font-weight: 400;
  line-height: 1.38;
}

.styled-content h1, .styled-content .heading-1 {
  font-size: 48px;
}

@media screen and (min-width: 640px) {
  .styled-content h1, .styled-content .heading-1 {
    font-size: calc(0vw + 48px);
  }
}

@media screen and (min-width: 1440px) {
  .styled-content h1, .styled-content .heading-1 {
    font-size: 48px;
  }
}

.styled-content h2, .styled-content .heading-2 {
  font-family: "Anton", sans-serif;
  font-weight: 400;
  line-height: 1.38;
}

.styled-content h2, .styled-content .heading-2 {
  font-size: 48px;
}

@media screen and (min-width: 640px) {
  .styled-content h2, .styled-content .heading-2 {
    font-size: calc(0vw + 48px);
  }
}

@media screen and (min-width: 1440px) {
  .styled-content h2, .styled-content .heading-2 {
    font-size: 48px;
  }
}

.styled-content p {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1.75;
}

.styled-content p {
  font-size: 16px;
}

@media screen and (min-width: 640px) {
  .styled-content p {
    font-size: calc(0vw + 16px);
  }
}

@media screen and (min-width: 1440px) {
  .styled-content p {
    font-size: 16px;
  }
}

.styled-content p.intro {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1.5;
  font-style: italic;
}

.styled-content p.intro {
  font-size: 24px;
}

@media screen and (min-width: 640px) {
  .styled-content p.intro {
    font-size: calc(0vw + 24px);
  }
}

@media screen and (min-width: 1440px) {
  .styled-content p.intro {
    font-size: 24px;
  }
}

.styled-content p a {
  color: inherit;
}

.styled-content ol, .styled-content ul {
  padding: 8px 0 8px 30px;
}

.styled-content li {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1.75;
}

.styled-content li {
  font-size: 16px;
}

@media screen and (min-width: 640px) {
  .styled-content li {
    font-size: calc(0vw + 16px);
  }
}

@media screen and (min-width: 1440px) {
  .styled-content li {
    font-size: 16px;
  }
}

.styled-content ul li {
  list-style-type: disc;
}

.styled-content h1 + p, .styled-content h2 + p, .styled-content h3 + p, .styled-content h4 + p, .styled-content h5 + p {
  margin-top: 12px;
}

.styled-content p + h1, .styled-content p + h2, .styled-content p + h3, .styled-content p + h4, .styled-content p + h5, .styled-content ul + h1, .styled-content ul + h2, .styled-content ul + h3, .styled-content ul + h4, .styled-content ul + h5, .styled-content ol + h1, .styled-content ol + h2, .styled-content ol + h3, .styled-content ol + h4, .styled-content ol + h5, .styled-content img + h1, .styled-content img + h2, .styled-content img + h3, .styled-content img + h4, .styled-content img + h5 {
  margin-top: 22px;
}

.styled-content p {
  padding: 8px 0;
}

html {
  font-size: 100%;
  font-smooth: subpixel-antialiased;
  font-variant-ligatures: none;
  overflow-y: scroll;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html, body {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.45em;
  height: 100%;
  background-color: #F5F5F5;
}

body.disable-scroll {
  position: fixed;
  width: 100%;
}

.breakpoint-message {
  background-color: #ffffff;
  bottom: 0;
  color: #1f1e1e;
  height: 30px;
  position: fixed;
  right: 0;
  width: 100px;
  z-index: 1000;
}

.atom-section-title-container {
  border-bottom: 1px solid #1f1e1e;
  padding-bottom: 10px;
}

.atom-placeholder-ad {
  background-color: #888888;
  display: block;
  height: 80px;
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
}

[data-nav-bar] {
  background-color: #ffffff;
  position: relative;
  z-index: 2;
  height: 70px;
}

@media only screen and (min-width: 50rem) {
  [data-nav-bar] {
    height: 100px;
  }
}

[data-nav-bar] .grid-container, [data-nav-bar] .full-width {
  height: 100%;
  padding-left: 0;
}

@media only screen and (min-width: 75rem) {
  [data-nav-bar] .grid-container, [data-nav-bar] .full-width {
    padding-left: 40px;
  }
}

[data-nav-bar] .row {
  display: flex;
  align-items: center;
  height: 100%;
}

[data-nav-bar] .logo-column {
  position: relative;
}

[data-nav-bar] .logo-wrapper img {
  height: 70px;
  max-width: 150px;
}

@media only screen and (min-width: 50rem) {
  [data-nav-bar] .logo-wrapper img {
    height: 100px;
  }
}

@media only screen and (min-width: 75rem) {
  [data-nav-bar] .logo-wrapper {
    left: 0;
    position: absolute;
    top: -50px;
  }
  [data-nav-bar] .logo-wrapper img {
    height: auto;
  }
  [data-nav-bar] .logo-wrapper img {
    width: 100px;
  }
}

@media only screen and (min-width: 75rem) and (min-width: 640px) {
  [data-nav-bar] .logo-wrapper img {
    width: calc(6.25vw + 60px);
  }
}

@media only screen and (min-width: 75rem) and (min-width: 1440px) {
  [data-nav-bar] .logo-wrapper img {
    width: 150px;
  }
}

[data-nav-bar] .navigation-wrapper a {
  color: #1f1e1e;
  display: none;
  position: relative;
  text-decoration: none;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  line-height: 1.88;
}

[data-nav-bar] .navigation-wrapper a {
  font-size: 14px;
}

@media screen and (min-width: 640px) {
  [data-nav-bar] .navigation-wrapper a {
    font-size: calc(0vw + 14px);
  }
}

@media screen and (min-width: 1440px) {
  [data-nav-bar] .navigation-wrapper a {
    font-size: 14px;
  }
}

@media only screen and (min-width: 50rem) {
  [data-nav-bar] .navigation-wrapper a {
    display: inline-block;
  }
}

@media only screen and (min-width: 75rem) {
  [data-nav-bar] .navigation-wrapper a {
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    line-height: 1.88;
  }
  [data-nav-bar] .navigation-wrapper a {
    font-size: 16px;
  }
}

@media only screen and (min-width: 75rem) and (min-width: 640px) {
  [data-nav-bar] .navigation-wrapper a {
    font-size: calc(0vw + 16px);
  }
}

@media only screen and (min-width: 75rem) and (min-width: 1440px) {
  [data-nav-bar] .navigation-wrapper a {
    font-size: 16px;
  }
}

[data-nav-bar] .navigation-wrapper a:before {
  background-color: #ffffff;
  bottom: 0;
  content: "";
  height: 3px;
  width: 100%;
  position: absolute;
  transition: all 250ms ease;
}

[data-nav-bar] .navigation-wrapper a:hover:before {
  background-color: #89b13f;
  height: 3px;
}

[data-nav-bar] a + a {
  margin-left: 12px;
}

@media only screen and (min-width: 75rem) {
  [data-nav-bar] a + a {
    margin-left: 20px;
  }
}

[data-nav-bar] .search-container {
  position: relative;
}

[data-nav-bar] .search-input-container {
  align-items: flex-end;
  background-color: #ffffff;
  border-bottom: 2px solid #808080;
  display: flex;
  height: 90%;
  left: 0;
  margin-right: 20px;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: visibility 0ms linear 301ms, opacity 300ms ease 0ms;
  visibility: hidden;
  width: calc(100% - 75px);
  z-index: 2;
}

[data-nav-bar] .search-input-container input {
  border: 0;
  margin-bottom: 10px;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  line-height: 1.5;
}

[data-nav-bar] .search-input-container input {
  font-size: 14px;
}

@media screen and (min-width: 640px) {
  [data-nav-bar] .search-input-container input {
    font-size: calc(0vw + 14px);
  }
}

@media screen and (min-width: 1440px) {
  [data-nav-bar] .search-input-container input {
    font-size: 14px;
  }
}

[data-nav-bar] .button-wrapper {
  align-items: center;
  display: none;
  flex-direction: row;
  justify-content: flex-end;
  z-index: 1;
}

[data-nav-bar] .button-wrapper .search-icon {
  margin-top: 4px;
}

@media only screen and (min-width: 50rem) {
  [data-nav-bar] .button-wrapper {
    display: flex;
  }
}

[data-nav-bar] .search-container.is-active .search-input-container {
  opacity: 1;
  transition: visibility 0ms linear 0ms, opacity 300ms ease 1ms;
  visibility: visible;
}

[data-nav-bar] .search-container.is-active [data-button] {
  opacity: 0;
  transition: visibility 0ms linear 0ms, opacity 300ms ease 1ms;
}

[data-nav-bar] .mobile-container {
  text-align: right;
  display: block;
}

@media only screen and (min-width: 50rem) {
  [data-nav-bar] .mobile-container {
    display: none;
  }
}

.mobile-nav-container {
  background-color: #89b13f;
  align-items: center;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition: visibility 0ms linear 401ms, opacity 400ms ease 0ms;
  visibility: hidden;
  z-index: 10001;
}

.mobile-nav-container .items-container {
  text-align: center;
  transform: scale3d(0.7, 0.7, 0.7);
  transition: all 400ms ease;
}

.mobile-nav-container a {
  font-family: "Anton", sans-serif;
  font-weight: 400;
  line-height: 1.3;
  color: #ffffff;
  display: block;
  letter-spacing: 1px;
  text-decoration: none;
}

.mobile-nav-container a {
  font-size: 24px;
}

@media screen and (min-width: 640px) {
  .mobile-nav-container a {
    font-size: calc(0vw + 24px);
  }
}

@media screen and (min-width: 1440px) {
  .mobile-nav-container a {
    font-size: 24px;
  }
}

.mobile-nav-container a + a {
  margin-top: 10px;
}

.mobile-nav-container.is-active {
  opacity: 1;
  visibility: visible;
  transition: visibility 0ms ease 0ms, opacity 400ms ease 1ms;
}

.mobile-nav-container.is-active .items-container {
  transform: scale3d(1, 1, 1);
}

[data-nav-bar-subnav] {
  left: 460px;
  overflow: hidden;
  position: absolute;
  top: 70px;
  transition: height 400ms ease, left 400ms ease;
  width: 440px;
  z-index: 3;
}

@media only screen and (min-width: 50rem) {
  [data-nav-bar-subnav] {
    top: 100px;
  }
}

[data-nav-bar-subnav] a {
  color: #1f1e1e;
  display: block;
  text-decoration: none;
  text-transform: capitalize;
  transition: all 250ms ease;
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
  line-height: 1.88;
}

[data-nav-bar-subnav] a {
  font-size: 14px;
}

@media screen and (min-width: 640px) {
  [data-nav-bar-subnav] a {
    font-size: calc(0vw + 14px);
  }
}

@media screen and (min-width: 1440px) {
  [data-nav-bar-subnav] a {
    font-size: 14px;
  }
}

[data-nav-bar-subnav] a:hover {
  color: #ffffff;
}

[data-nav-bar-subnav] .bg {
  background-color: #89b13f;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 1;
  transition: height 250ms ease;
}

[data-nav-bar-subnav] .nav-list {
  height: 100%;
  left: 0;
  opacity: 0;
  padding: 10px 22px 40px 18px;
  position: absolute;
  transition: visibility 0ms linear 201ms, opacity 200ms ease 0ms;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 2;
}

[data-nav-bar-subnav] .nav-list.is-long .nav-list-links {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}

[data-nav-bar-subnav] .nav-list-links {
  transition: all 200ms ease;
}

[data-nav-bar-subnav] .nav-list.is-active {
  opacity: 1;
  transition: visibility 0ms linear 0ms, opacity 200ms ease 1ms;
  visibility: visible;
}

[data-top-layout] {
  position: relative;
  max-width: 100vw;
  overflow: hidden;
  z-index: 1;
}

[data-top-layout] .column {
  position: relative;
}

[data-top-layout] .top-line {
  background-color: #f1f1f1;
  position: absolute;
  left: 0;
  height: 1px;
  top: 0px;
  width: 200%;
  z-index: 2;
}

[data-top-layout] .intro-row {
  margin-top: 60px;
}

@media only screen and (min-width: 50rem) {
  [data-top-layout] .intro-row {
    margin-top: 60px;
  }
}

@media only screen and (min-width: 75rem) {
  [data-top-layout] .intro-row {
    margin-top: 90px;
  }
}

@media only screen and (min-width: 86rem) {
  [data-top-layout] .intro-row {
    margin-top: 120px;
  }
}

[data-top-layout] .no-padding-left {
  padding-left: 0;
}

[data-top-layout] .no-padding-right {
  padding-right: 0;
}

[data-five-up] {
  padding-bottom: 40px;
}

@media screen and (min-width: 640px) {
  [data-five-up] {
    padding-bottom: calc(5vw + 8px);
  }
}

@media screen and (min-width: 1440px) {
  [data-five-up] {
    padding-bottom: 80px;
  }
}

[data-five-up] {
  padding-top: 40px;
}

@media screen and (min-width: 640px) {
  [data-five-up] {
    padding-top: calc(5vw + 8px);
  }
}

@media screen and (min-width: 1440px) {
  [data-five-up] {
    padding-top: 80px;
  }
}

[data-five-up] .items-row {
  flex-direction: column;
  flex-wrap: nowrap;
}

[data-five-up] .items-row {
  margin-top: 40px;
}

@media screen and (min-width: 640px) {
  [data-five-up] .items-row {
    margin-top: calc(2.5vw + 24px);
  }
}

@media screen and (min-width: 1440px) {
  [data-five-up] .items-row {
    margin-top: 60px;
  }
}

@media only screen and (min-width: 50rem) {
  [data-five-up] .items-row {
    flex-direction: row;
    flex-wrap: wrap;
  }
}

[data-five-up] .items-row .column + .column {
  margin-top: 30px;
}

@media only screen and (min-width: 50rem) {
  [data-five-up] .items-row .column + .column {
    margin-top: 0;
  }
}

[data-five-up] .button-row {
  text-align: center;
}

[data-five-up] .button-row {
  margin-top: 40px;
}

@media screen and (min-width: 640px) {
  [data-five-up] .button-row {
    margin-top: calc(2.5vw + 24px);
  }
}

@media screen and (min-width: 1440px) {
  [data-five-up] .button-row {
    margin-top: 60px;
  }
}

[data-five-up] .ad-row {
  text-align: center;
}

[data-five-up] .ad-row {
  margin-top: 80px;
}

@media screen and (min-width: 640px) {
  [data-five-up] .ad-row {
    margin-top: calc(5vw + 48px);
  }
}

@media screen and (min-width: 1440px) {
  [data-five-up] .ad-row {
    margin-top: 120px;
  }
}

[data-featured-article] {
  background-color: #ffffff;
}

[data-featured-article] {
  padding-bottom: 40px;
}

@media screen and (min-width: 640px) {
  [data-featured-article] {
    padding-bottom: calc(5vw + 8px);
  }
}

@media screen and (min-width: 1440px) {
  [data-featured-article] {
    padding-bottom: 80px;
  }
}

[data-featured-article] {
  padding-top: 40px;
}

@media screen and (min-width: 640px) {
  [data-featured-article] {
    padding-top: calc(5vw + 8px);
  }
}

@media screen and (min-width: 1440px) {
  [data-featured-article] {
    padding-top: 80px;
  }
}

[data-featured-article] .row {
  align-items: center;
}

[data-featured-article] .content-container .intro, [data-featured-article] .content-container p {
  color: #808080;
}

[data-featured-article] img {
  max-width: 100%;
  margin-top: 30px;
}

@media only screen and (min-width: 50rem) {
  [data-featured-article] img {
    margin-top: 0;
  }
}

[data-three-up] {
  padding-bottom: 40px;
}

@media screen and (min-width: 640px) {
  [data-three-up] {
    padding-bottom: calc(5vw + 8px);
  }
}

@media screen and (min-width: 1440px) {
  [data-three-up] {
    padding-bottom: 80px;
  }
}

[data-three-up] {
  padding-top: 40px;
}

@media screen and (min-width: 640px) {
  [data-three-up] {
    padding-top: calc(5vw + 8px);
  }
}

@media screen and (min-width: 1440px) {
  [data-three-up] {
    padding-top: 80px;
  }
}

[data-three-up] .items-row {
  flex-direction: column;
  flex-wrap: nowrap;
}

[data-three-up] .items-row {
  margin-top: 40px;
}

@media screen and (min-width: 640px) {
  [data-three-up] .items-row {
    margin-top: calc(2.5vw + 24px);
  }
}

@media screen and (min-width: 1440px) {
  [data-three-up] .items-row {
    margin-top: 60px;
  }
}

@media only screen and (min-width: 50rem) {
  [data-three-up] .items-row {
    flex-direction: row;
    flex-wrap: wrap;
  }
}

[data-three-up] .items-row .column + .column {
  margin-top: 30px;
}

@media only screen and (min-width: 50rem) {
  [data-three-up] .items-row .column + .column {
    margin-top: 0;
  }
}

[data-three-up] .button-row {
  text-align: center;
}

[data-three-up] .button-row {
  margin-top: 40px;
}

@media screen and (min-width: 640px) {
  [data-three-up] .button-row {
    margin-top: calc(2.5vw + 24px);
  }
}

@media screen and (min-width: 1440px) {
  [data-three-up] .button-row {
    margin-top: 60px;
  }
}

[data-three-up] .ad-row {
  text-align: center;
}

[data-three-up] .ad-row {
  margin-top: 80px;
}

@media screen and (min-width: 640px) {
  [data-three-up] .ad-row {
    margin-top: calc(5vw + 48px);
  }
}

@media screen and (min-width: 1440px) {
  [data-three-up] .ad-row {
    margin-top: 120px;
  }
}

[data-four-by-four] {
  padding-bottom: 60px;
}

@media screen and (min-width: 640px) {
  [data-four-by-four] {
    padding-bottom: calc(2.5vw + 44px);
  }
}

@media screen and (min-width: 1440px) {
  [data-four-by-four] {
    padding-bottom: 80px;
  }
}

[data-four-by-four] {
  padding-top: 40px;
}

@media screen and (min-width: 640px) {
  [data-four-by-four] {
    padding-top: calc(5vw + 8px);
  }
}

@media screen and (min-width: 1440px) {
  [data-four-by-four] {
    padding-top: 80px;
  }
}

[data-four-by-four] .top-row {
  margin-top: 40px;
}

@media screen and (min-width: 640px) {
  [data-four-by-four] .top-row {
    margin-top: calc(2.5vw + 24px);
  }
}

@media screen and (min-width: 1440px) {
  [data-four-by-four] .top-row {
    margin-top: 60px;
  }
}

[data-four-by-four] .top-row .column + .column {
  margin-top: 30px;
}

@media only screen and (min-width: 30rem) {
  [data-four-by-four] .top-row .column + .column {
    margin-top: 0px;
  }
}

[data-four-by-four] .bottom-row {
  margin-top: 2rem;
}

[data-four-by-four] .bottom-row .column + .column {
  margin-top: 30px;
}

@media only screen and (min-width: 30rem) {
  [data-four-by-four] .bottom-row .column + .column {
    margin-top: 0px;
  }
}

[data-four-by-four] .button-row {
  text-align: center;
}

[data-four-by-four] .button-row {
  margin-top: 40px;
}

@media screen and (min-width: 640px) {
  [data-four-by-four] .button-row {
    margin-top: calc(2.5vw + 24px);
  }
}

@media screen and (min-width: 1440px) {
  [data-four-by-four] .button-row {
    margin-top: 60px;
  }
}

[data-footer] {
  background-color: #333333;
}

[data-footer] {
  padding-bottom: 40px;
}

@media screen and (min-width: 640px) {
  [data-footer] {
    padding-bottom: calc(5vw + 8px);
  }
}

@media screen and (min-width: 1440px) {
  [data-footer] {
    padding-bottom: 80px;
  }
}

[data-footer] {
  padding-top: 40px;
}

@media screen and (min-width: 640px) {
  [data-footer] {
    padding-top: calc(5vw + 8px);
  }
}

@media screen and (min-width: 1440px) {
  [data-footer] {
    padding-top: 80px;
  }
}

[data-footer] .row {
  flex-direction: column;
}

@media only screen and (min-width: 50rem) {
  [data-footer] .row {
    flex-direction: row;
  }
}

[data-footer] .line {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: #808080;
  width: 1px;
}

[data-footer] .first-column {
  position: relative;
}

[data-footer] .first-column .content-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  padding: 20px 20px;
}

@media only screen and (min-width: 50rem) {
  [data-footer] .first-column .content-container {
    padding: 30px 30px;
  }
}

[data-footer] .first-column .content-container .logo {
  display: none;
}

@media only screen and (min-width: 75rem) {
  [data-footer] .first-column .content-container .logo {
    max-width: 130px;
  }
}

[data-footer] .social-and-links-container .social-container {
  display: flex;
  flex-direction: columns;
}

[data-footer] .social-and-links-container .social-container a + a {
  margin-left: 20px;
}

[data-footer] .social-and-links-container .links-container {
  margin-top: 20px;
}

[data-footer] .social-and-links-container .links-container a {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1.71;
  color: #808080;
  display: block;
  text-decoration: none;
}

[data-footer] .social-and-links-container .links-container a {
  font-size: 14px;
}

@media screen and (min-width: 640px) {
  [data-footer] .social-and-links-container .links-container a {
    font-size: calc(0vw + 14px);
  }
}

@media screen and (min-width: 1440px) {
  [data-footer] .social-and-links-container .links-container a {
    font-size: 14px;
  }
}

[data-footer] .social-and-links-container .links-container a + a {
  margin-top: 6px;
}

[data-footer] .second-column {
  position: relative;
}

[data-footer] .second-column .line {
  display: none;
}

@media only screen and (min-width: 50rem) {
  [data-footer] .second-column .line {
    display: block;
  }
}

[data-footer] .second-column .content-container {
  padding: 20px 20px;
}

@media only screen and (min-width: 50rem) {
  [data-footer] .second-column .content-container {
    padding: 30px 30px;
  }
}

[data-footer] .second-column .form-title {
  color: #ffffff;
  font-family: "Anton", sans-serif;
  font-weight: 400;
  line-height: 1.3;
}

[data-footer] .second-column .form-title {
  font-size: 16px;
}

@media screen and (min-width: 640px) {
  [data-footer] .second-column .form-title {
    font-size: calc(0.25vw + 14.4px);
  }
}

@media screen and (min-width: 1440px) {
  [data-footer] .second-column .form-title {
    font-size: 18px;
  }
}

[data-footer] .second-column .form-intro {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1.71;
  color: #808080;
  margin-top: 12px;
}

[data-footer] .second-column .form-intro {
  font-size: 14px;
}

@media screen and (min-width: 640px) {
  [data-footer] .second-column .form-intro {
    font-size: calc(0vw + 14px);
  }
}

@media screen and (min-width: 1440px) {
  [data-footer] .second-column .form-intro {
    font-size: 14px;
  }
}

[data-footer] .second-column input {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1.71;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #808080;
  color: #ffffff;
  display: block;
  margin-top: 12px;
  padding: 12px 0;
  width: 100%;
}

[data-footer] .second-column input {
  font-size: 14px;
}

@media screen and (min-width: 640px) {
  [data-footer] .second-column input {
    font-size: calc(0vw + 14px);
  }
}

@media screen and (min-width: 1440px) {
  [data-footer] .second-column input {
    font-size: 14px;
  }
}

[data-footer] .second-column [data-button] {
  display: inline-block;
  margin-top: 30px;
}

[data-footer] .third-column {
  position: relative;
}

[data-footer] .third-column .line {
  display: none;
}

@media only screen and (min-width: 50rem) {
  [data-footer] .third-column .line {
    display: block;
  }
}

[data-footer] .third-column .content-container {
  padding: 20px 20px;
}

@media only screen and (min-width: 50rem) {
  [data-footer] .third-column .content-container {
    padding: 30px 30px;
  }
}

[data-footer] .third-column p {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1.71;
  padding: 8px 0;
  color: #808080;
}

[data-footer] .third-column p {
  font-size: 14px;
}

@media screen and (min-width: 640px) {
  [data-footer] .third-column p {
    font-size: calc(0vw + 14px);
  }
}

@media screen and (min-width: 1440px) {
  [data-footer] .third-column p {
    font-size: 14px;
  }
}

[data-modal] {
  align-items: center;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  transform: translate3d(0, 30px, 0);
  transition: visibility 0ms linear 401ms, opacity 400ms ease 0ms, transform 400ms ease 0ms;
  visibility: hidden;
  z-index: 10001;
}

[data-modal].is-active {
  opacity: 1;
  visibility: visible;
  transform: translate3d(0, 0, 0);
  transition: visibility 0ms linear 0ms, opacity 400ms ease 1ms, transform 400ms ease 1ms;
}

[data-modal] .content-container {
  border-radius: 0px;
  border: 10px solid #89b13f;
  background-color: #ffffff;
  position: relative;
  padding: 40px 20px;
  max-width: 450px;
  width: 90%;
}

@media only screen and (min-width: 50rem) {
  [data-modal] .content-container {
    padding: 70px 90px;
    width: 75%;
  }
}

@media only screen and (min-width: 75rem) {
  [data-modal] .content-container {
    width: 50%;
  }
}

[data-modal] .content-container .form-title {
  color: #1f1e1e;
  font-family: "Anton", sans-serif;
  font-weight: 400;
  line-height: 1.3;
}

[data-modal] .content-container .form-title {
  font-size: 28px;
}

@media screen and (min-width: 640px) {
  [data-modal] .content-container .form-title {
    font-size: calc(0vw + 28px);
  }
}

@media screen and (min-width: 1440px) {
  [data-modal] .content-container .form-title {
    font-size: 28px;
  }
}

[data-modal] .content-container .form-intro {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1.71;
  color: #888888;
  margin-top: 20px;
}

[data-modal] .content-container .form-intro {
  font-size: 14px;
}

@media screen and (min-width: 640px) {
  [data-modal] .content-container .form-intro {
    font-size: calc(0vw + 14px);
  }
}

@media screen and (min-width: 1440px) {
  [data-modal] .content-container .form-intro {
    font-size: 14px;
  }
}

[data-modal] .content-container .input-container {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-top: 30px;
}

@media only screen and (min-width: 50rem) {
  [data-modal] .content-container .input-container {
    flex-direction: row;
  }
}

[data-modal] .content-container input {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1.71;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #808080;
  color: #1f1e1e;
  display: block;
  margin-top: 12px;
  padding: 12px 0;
  width: 100%;
  max-width: 400px;
}

[data-modal] .content-container input {
  font-size: 14px;
}

@media screen and (min-width: 640px) {
  [data-modal] .content-container input {
    font-size: calc(0vw + 14px);
  }
}

@media screen and (min-width: 1440px) {
  [data-modal] .content-container input {
    font-size: 14px;
  }
}

[data-modal] .content-container [data-button] {
  display: inline-block;
  margin-top: 40px;
}

@media only screen and (min-width: 50rem) {
  [data-modal] .content-container [data-button] {
    margin-top: 0;
  }
}

.modal-bg {
  background-color: rgba(31, 30, 30, 0.7);
  bottom: 0;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition: visibility 0ms ease 401ms, opacity 400ms ease 0ms;
  visibility: hidden;
  z-index: 10000;
}

.modal-bg.is-active {
  opacity: 1;
  visibility: visible;
  transition: visibility 0ms ease 0ms, opacity 400ms ease 1ms;
}

[data-hero-gallery] {
  position: relative;
}

[data-hero-gallery] .image-gallery {
  opacity: 0;
  transition: opacity 250ms ease;
}

@media only screen and (min-width: 50rem) {
  [data-hero-gallery] .image-gallery {
    padding-bottom: 100px;
  }
}

@media only screen and (min-width: 75rem) {
  [data-hero-gallery] .image-gallery {
    padding-bottom: 125px;
  }
}

[data-hero-gallery] .image-gallery .Wallop-item {
  background-size: cover;
  padding-top: .682392586%;
  max-height: 810px;
}

[data-hero-gallery] .image-gallery img {
  max-width: 100%;
  opacity: 0;
}

[data-hero-gallery] .image-gallery.is-visible {
  opacity: 1;
}

[data-hero-gallery] .content-gallery {
  background-color: #ffffff;
  position: relative;
  width: 100%;
  z-index: 10000;
}

@media only screen and (min-width: 50rem) {
  [data-hero-gallery] .content-gallery {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 80%;
  }
}

@media only screen and (min-width: 75rem) {
  [data-hero-gallery] .content-gallery {
    width: 50%;
  }
}

[data-hero-gallery] .content-gallery .content-wrapper {
  display: block;
  padding: 60px 20px 50px 20px;
  text-decoration: none;
}

@media only screen and (min-width: 30rem) {
  [data-hero-gallery] .content-gallery .content-wrapper {
    padding: 60px 20px 40px 20px;
  }
}

@media only screen and (min-width: 50rem) {
  [data-hero-gallery] .content-gallery .content-wrapper {
    padding: 60px 20px 40px 20px;
  }
}

@media only screen and (min-width: 75rem) {
  [data-hero-gallery] .content-gallery .content-wrapper {
    padding: 80px 30px 80px 30px;
  }
}

[data-hero-gallery] .content-gallery .content-wrapper .hero-title {
  color: #1f1e1e;
  font-family: "Anton", sans-serif;
  font-weight: 400;
  line-height: 1.71;
}

[data-hero-gallery] .content-gallery .content-wrapper .hero-title {
  font-size: 28px;
}

@media screen and (min-width: 640px) {
  [data-hero-gallery] .content-gallery .content-wrapper .hero-title {
    font-size: calc(0vw + 28px);
  }
}

@media screen and (min-width: 1440px) {
  [data-hero-gallery] .content-gallery .content-wrapper .hero-title {
    font-size: 28px;
  }
}

[data-hero-gallery] .content-gallery .content-wrapper p {
  color: #808080;
  margin-top: 12px;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1.71;
}

[data-hero-gallery] .content-gallery .content-wrapper p {
  font-size: 14px;
}

@media screen and (min-width: 640px) {
  [data-hero-gallery] .content-gallery .content-wrapper p {
    font-size: calc(0vw + 14px);
  }
}

@media screen and (min-width: 1440px) {
  [data-hero-gallery] .content-gallery .content-wrapper p {
    font-size: 14px;
  }
}

[data-hero-gallery] .content-gallery .content-wrapper span {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1.71;
  color: #89b13f;
  display: inline-block;
  font-weight: 700;
  margin-top: 20px;
}

[data-hero-gallery] .content-gallery .content-wrapper span {
  font-size: 14px;
}

@media screen and (min-width: 640px) {
  [data-hero-gallery] .content-gallery .content-wrapper span {
    font-size: calc(0vw + 14px);
  }
}

@media screen and (min-width: 1440px) {
  [data-hero-gallery] .content-gallery .content-wrapper span {
    font-size: 14px;
  }
}

[data-hero-gallery] .content-gallery .buttons-container {
  position: absolute;
  left: 20px;
  top: 25px;
  z-index: 2;
}

@media only screen and (min-width: 50rem) {
  [data-hero-gallery] .content-gallery .buttons-container {
    top: 20px;
    left: 30px;
  }
}

@media only screen and (min-width: 75rem) {
  [data-hero-gallery] .content-gallery .buttons-container {
    top: 50px;
    left: 30px;
  }
}

[data-hero-gallery] .content-gallery .buttons-container a {
  text-decoration: none;
  opacity: 0.6;
  transition: opacity 200ms ease;
}

[data-hero-gallery] .content-gallery .buttons-container a:hover {
  opacity: 0.8;
}

[data-hero-gallery] .content-gallery .buttons-container a + a {
  margin-left: 20px;
}

[data-hero-gallery] .pager-container {
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%;
  display: flex;
}

[data-hero-gallery] .pager-container .pager-item {
  background-color: #e08b4c;
  flex: 1;
  height: 10px;
  opacity: 0.6;
  text-decoration: none;
  transition: all 200ms ease;
}

[data-hero-gallery] .pager-container .pager-item.is-active, [data-hero-gallery] .pager-container .pager-item:hover {
  opacity: 1;
}

[data-hero-gallery] .pager-container .pager-item + .pager-item {
  margin-left: 5px;
}

[data-sidebar-listing] {
  background-color: #ffffff;
  padding: 60px 1rem 0 1rem;
  position: relative;
}

@media only screen and (min-width: 50rem) {
  [data-sidebar-listing] {
    padding: 40px 2rem 0 2rem;
  }
}

[data-sidebar-listing] .social-container img {
  height: 30px;
}

@media only screen and (min-width: 30rem) {
  [data-sidebar-listing] .social-container img {
    height: 20px;
  }
}

@media only screen and (min-width: 75rem) {
  [data-sidebar-listing] .social-container img {
    height: 30px;
  }
}

[data-sidebar-listing] .social-container a {
  text-decoration: none;
}

[data-sidebar-listing] .social-container a + a {
  margin-left: 20px;
}

@media only screen and (min-width: 30rem) {
  [data-sidebar-listing] .social-container a + a {
    margin-left: 6px;
  }
}

@media only screen and (min-width: 75rem) {
  [data-sidebar-listing] .social-container a + a {
    margin-left: 20px;
  }
}

[data-sidebar-listing] .section-title {
  display: inline-block;
  margin-top: 40px;
}

@media only screen and (min-width: 30rem) {
  [data-sidebar-listing] .section-title {
    margin-top: 60px;
  }
}

[data-sidebar-listing] .section-title + [data-sidebar-item] {
  margin-top: 10px;
}

[data-intro-content] .top-container h1 {
  font-family: "Anton", sans-serif;
  font-weight: 400;
  line-height: 1.38;
}

[data-intro-content] .top-container h1 {
  font-size: 48px;
}

@media screen and (min-width: 640px) {
  [data-intro-content] .top-container h1 {
    font-size: calc(0vw + 48px);
  }
}

@media screen and (min-width: 1440px) {
  [data-intro-content] .top-container h1 {
    font-size: 48px;
  }
}

[data-intro-content] .top-container .intro {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1.5;
  font-style: italic;
  color: #808080;
  margin-top: 20px;
}

[data-intro-content] .top-container .intro {
  font-size: 24px;
}

@media screen and (min-width: 640px) {
  [data-intro-content] .top-container .intro {
    font-size: calc(0vw + 24px);
  }
}

@media screen and (min-width: 1440px) {
  [data-intro-content] .top-container .intro {
    font-size: 24px;
  }
}

[data-intro-content] .image-and-content-wrapper {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-top: 40px;
}

@media only screen and (min-width: 50rem) {
  [data-intro-content] .image-and-content-wrapper {
    flex-direction: row;
  }
}

[data-intro-content] .image-and-content-wrapper img {
  width: 100%;
}

@media only screen and (min-width: 30rem) {
  [data-intro-content] .image-and-content-wrapper img {
    width: auto;
  }
}

[data-intro-content] .image-and-content-wrapper .content-wrapper {
  margin-bottom: 60px;
  margin-left: 0px;
  margin-top: 30px;
}

@media only screen and (min-width: 50rem) {
  [data-intro-content] .image-and-content-wrapper .content-wrapper {
    margin-left: 40px;
  }
}

[data-intro-content] .image-and-content-wrapper .content-wrapper p {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1.75;
  font-style: italic;
  color: #808080;
}

[data-intro-content] .image-and-content-wrapper .content-wrapper p {
  font-size: 16px;
}

@media screen and (min-width: 640px) {
  [data-intro-content] .image-and-content-wrapper .content-wrapper p {
    font-size: calc(0vw + 16px);
  }
}

@media screen and (min-width: 1440px) {
  [data-intro-content] .image-and-content-wrapper .content-wrapper p {
    font-size: 16px;
  }
}

[data-intro-content] .image-and-content-wrapper .content-wrapper [data-button] {
  display: inline-block;
  margin-top: 40px;
}

[data-image-item] {
  position: relative;
  text-decoration: none;
}

[data-image-item] img {
  max-width: 100%;
  width: 100%;
}

[data-image-item] p {
  font-style: italic;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1.56;
  color: #808080;
}

[data-image-item] p {
  font-size: 18px;
}

@media screen and (min-width: 640px) {
  [data-image-item] p {
    font-size: calc(0vw + 18px);
  }
}

@media screen and (min-width: 1440px) {
  [data-image-item] p {
    font-size: 18px;
  }
}

[data-side-item] {
  display: flex;
  flex-direction: row;
  text-decoration: none;
  background-color: #ffffff;
  padding: 40px 40px;
  align-items: center;
}

[data-side-item] img {
  max-width: 70px;
}

@media only screen and (min-width: 75rem) {
  [data-side-item] img {
    max-width: 150px;
  }
}

[data-side-item] .content-container {
  margin-left: 30px;
}

[data-side-item] .content-container .item-title {
  font-family: "Anton", sans-serif;
  font-weight: 400;
  line-height: 1.27;
  color: #1f1e1e;
  display: block;
}

[data-side-item] .content-container .item-title {
  font-size: 22px;
}

@media screen and (min-width: 640px) {
  [data-side-item] .content-container .item-title {
    font-size: calc(0vw + 22px);
  }
}

@media screen and (min-width: 1440px) {
  [data-side-item] .content-container .item-title {
    font-size: 22px;
  }
}

[data-side-item] .content-container .price {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1.71;
  font-weight: 700;
  color: #89b13f;
  display: block;
  margin-top: 8px;
}

[data-side-item] .content-container .price {
  font-size: 14px;
}

@media screen and (min-width: 640px) {
  [data-side-item] .content-container .price {
    font-size: calc(0vw + 14px);
  }
}

@media screen and (min-width: 1440px) {
  [data-side-item] .content-container .price {
    font-size: 14px;
  }
}

[data-side-item] .content-container .description {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1.71;
  border-top: 1px solid #808080;
  color: #808080;
  display: block;
  margin-top: 12px;
  padding-top: 12px;
}

[data-side-item] .content-container .description {
  font-size: 14px;
}

@media screen and (min-width: 640px) {
  [data-side-item] .content-container .description {
    font-size: calc(0vw + 14px);
  }
}

@media screen and (min-width: 1440px) {
  [data-side-item] .content-container .description {
    font-size: 14px;
  }
}

[data-sidebar-item] {
  border-top: 1px solid #c7c7c7;
  display: flex;
  padding: 20px 0;
}

@media only screen and (min-width: 75rem) {
  [data-sidebar-item] {
    padding: 30px 0;
  }
}

[data-sidebar-item] img {
  display: none;
}

@media only screen and (min-width: 75rem) {
  [data-sidebar-item] img {
    display: block;
  }
}

@media only screen and (min-width: 75rem) {
  [data-sidebar-item] .content-container {
    margin-left: 20px;
  }
}

[data-sidebar-item] .item-title {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1.71;
  font-weight: 700;
  color: #89b13f;
}

[data-sidebar-item] .item-title {
  font-size: 14px;
}

@media screen and (min-width: 640px) {
  [data-sidebar-item] .item-title {
    font-size: calc(0vw + 14px);
  }
}

@media screen and (min-width: 1440px) {
  [data-sidebar-item] .item-title {
    font-size: 14px;
  }
}

[data-sidebar-item] p {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1.71;
  color: #1f1e1e;
  font-style: italic;
}

[data-sidebar-item] p {
  font-size: 14px;
}

@media screen and (min-width: 640px) {
  [data-sidebar-item] p {
    font-size: calc(0vw + 14px);
  }
}

@media screen and (min-width: 1440px) {
  [data-sidebar-item] p {
    font-size: 14px;
  }
}

.atom-section-title-container {
  border-bottom: 1px solid #1f1e1e;
  padding-bottom: 10px;
}

.atom-placeholder-ad {
  background-color: #888888;
  display: block;
  height: 80px;
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
}

[data-button] {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  line-height: 1.88;
  background-color: #e08b4c;
  border-radius: 30px;
  color: #ffffff;
  padding: 12px 30px;
  text-decoration: none;
}

[data-button] {
  font-size: 16px;
}

@media screen and (min-width: 640px) {
  [data-button] {
    font-size: calc(0vw + 16px);
  }
}

@media screen and (min-width: 1440px) {
  [data-button] {
    font-size: 16px;
  }
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}

.hamburger:hover {
  opacity: 0.7;
}

.hamburger.is-active:hover {
  opacity: 0.7;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: #000;
}

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 40px;
  height: 4px;
  background-color: #000;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -10px;
}

.hamburger-inner::after {
  bottom: -10px;
}

/*
   * 3DX
   */
.hamburger--3dx .hamburger-box {
  perspective: 80px;
}

.hamburger--3dx .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(180deg);
}

.hamburger--3dx.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dx.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DX Reverse
   */
.hamburger--3dx-r .hamburger-box {
  perspective: 80px;
}

.hamburger--3dx-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(-180deg);
}

.hamburger--3dx-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dx-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DY
   */
.hamburger--3dy .hamburger-box {
  perspective: 80px;
}

.hamburger--3dy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(-180deg);
}

.hamburger--3dy.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dy.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DY Reverse
   */
.hamburger--3dy-r .hamburger-box {
  perspective: 80px;
}

.hamburger--3dy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg);
}

.hamburger--3dy-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dy-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DXY
   */
.hamburger--3dxy .hamburger-box {
  perspective: 80px;
}

.hamburger--3dxy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg);
}

.hamburger--3dxy.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dxy.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DXY Reverse
   */
.hamburger--3dxy-r .hamburger-box {
  perspective: 80px;
}

.hamburger--3dxy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
}

.hamburger--3dxy-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dxy-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * Arrow
   */
.hamburger--arrow.is-active .hamburger-inner::before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

.hamburger--arrow.is-active .hamburger-inner::after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
   * Arrow Right
   */
.hamburger--arrow-r.is-active .hamburger-inner::before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

.hamburger--arrow-r.is-active .hamburger-inner::after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
   * Arrow Alt
   */
.hamburger--arrowalt .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
   * Arrow Alt Right
   */
.hamburger--arrowalt-r .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
   * Arrow Turn
   */
.hamburger--arrowturn.is-active .hamburger-inner {
  transform: rotate(-180deg);
}

.hamburger--arrowturn.is-active .hamburger-inner::before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

.hamburger--arrowturn.is-active .hamburger-inner::after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
   * Arrow Turn Right
   */
.hamburger--arrowturn-r.is-active .hamburger-inner {
  transform: rotate(-180deg);
}

.hamburger--arrowturn-r.is-active .hamburger-inner::before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

.hamburger--arrowturn-r.is-active .hamburger-inner::after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
   * Boring
   */
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
  transition-property: none;
}

.hamburger--boring.is-active .hamburger-inner {
  transform: rotate(45deg);
}

.hamburger--boring.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}

.hamburger--boring.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
}

/*
   * Collapse
   */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse .hamburger-inner::after {
  top: -20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Collapse Reverse
   */
.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r .hamburger-inner::after {
  top: -20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse-r .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Elastic
   */
.hamburger--elastic .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic .hamburger-inner::before {
  top: 10px;
  transition: opacity 0.125s 0.275s ease;
}

.hamburger--elastic .hamburger-inner::after {
  top: 20px;
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(135deg);
  transition-delay: 0.075s;
}

.hamburger--elastic.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0;
}

.hamburger--elastic.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(-270deg);
  transition-delay: 0.075s;
}

/*
   * Elastic Reverse
   */
.hamburger--elastic-r .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic-r .hamburger-inner::before {
  top: 10px;
  transition: opacity 0.125s 0.275s ease;
}

.hamburger--elastic-r .hamburger-inner::after {
  top: 20px;
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-135deg);
  transition-delay: 0.075s;
}

.hamburger--elastic-r.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0;
}

.hamburger--elastic-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(270deg);
  transition-delay: 0.075s;
}

/*
   * Emphatic
   */
.hamburger--emphatic {
  overflow: hidden;
}

.hamburger--emphatic .hamburger-inner {
  transition: background-color 0.125s 0.175s ease-in;
}

.hamburger--emphatic .hamburger-inner::before {
  left: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}

.hamburger--emphatic .hamburger-inner::after {
  top: 10px;
  right: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}

.hamburger--emphatic.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent !important;
}

.hamburger--emphatic.is-active .hamburger-inner::before {
  left: -80px;
  top: -80px;
  transform: translate3d(80px, 80px, 0) rotate(45deg);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.hamburger--emphatic.is-active .hamburger-inner::after {
  right: -80px;
  top: -80px;
  transform: translate3d(-80px, 80px, 0) rotate(-45deg);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
   * Emphatic Reverse
   */
.hamburger--emphatic-r {
  overflow: hidden;
}

.hamburger--emphatic-r .hamburger-inner {
  transition: background-color 0.125s 0.175s ease-in;
}

.hamburger--emphatic-r .hamburger-inner::before {
  left: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}

.hamburger--emphatic-r .hamburger-inner::after {
  top: 10px;
  right: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}

.hamburger--emphatic-r.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent !important;
}

.hamburger--emphatic-r.is-active .hamburger-inner::before {
  left: -80px;
  top: 80px;
  transform: translate3d(80px, -80px, 0) rotate(-45deg);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.hamburger--emphatic-r.is-active .hamburger-inner::after {
  right: -80px;
  top: 80px;
  transform: translate3d(-80px, -80px, 0) rotate(45deg);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
   * Minus
   */
.hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
  transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
}

.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
  opacity: 0;
  transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
}

.hamburger--minus.is-active .hamburger-inner::before {
  top: 0;
}

.hamburger--minus.is-active .hamburger-inner::after {
  bottom: 0;
}

/*
   * Slider
   */
.hamburger--slider .hamburger-inner {
  top: 2px;
}

.hamburger--slider .hamburger-inner::before {
  top: 10px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}

.hamburger--slider .hamburger-inner::after {
  top: 20px;
}

.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--slider.is-active .hamburger-inner::before {
  transform: rotate(-45deg) translate3d(-5.71428571px, -6px, 0);
  opacity: 0;
}

.hamburger--slider.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(-90deg);
}

/*
   * Slider Reverse
   */
.hamburger--slider-r .hamburger-inner {
  top: 2px;
}

.hamburger--slider-r .hamburger-inner::before {
  top: 10px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}

.hamburger--slider-r .hamburger-inner::after {
  top: 20px;
}

.hamburger--slider-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-45deg);
}

.hamburger--slider-r.is-active .hamburger-inner::before {
  transform: rotate(45deg) translate3d(5.71428571px, -6px, 0);
  opacity: 0;
}

.hamburger--slider-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(90deg);
}

/*
   * Spin
   */
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}

.hamburger--spin .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}

.hamburger--spin.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Spin Reverse
   */
.hamburger--spin-r .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}

.hamburger--spin-r .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r.is-active .hamburger-inner {
  transform: rotate(-225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}

.hamburger--spin-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Spring
   */
.hamburger--spring .hamburger-inner {
  top: 2px;
  transition: background-color 0s 0.13s linear;
}

.hamburger--spring .hamburger-inner::before {
  top: 10px;
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring .hamburger-inner::after {
  top: 20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring.is-active .hamburger-inner {
  transition-delay: 0.22s;
  background-color: transparent !important;
}

.hamburger--spring.is-active .hamburger-inner::before {
  top: 0;
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--spring.is-active .hamburger-inner::after {
  top: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 10px, 0) rotate(-45deg);
}

/*
   * Spring Reverse
   */
.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring-r .hamburger-inner::after {
  top: -20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
}

.hamburger--spring-r .hamburger-inner::before {
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spring-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
}

.hamburger--spring-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(90deg);
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Stand
   */
.hamburger--stand .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}

.hamburger--stand .hamburger-inner::before {
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand .hamburger-inner::after {
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand.is-active .hamburger-inner {
  transform: rotate(90deg);
  background-color: transparent !important;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}

.hamburger--stand.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-45deg);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(45deg);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Stand Reverse
   */
.hamburger--stand-r .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}

.hamburger--stand-r .hamburger-inner::before {
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand-r .hamburger-inner::after {
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand-r.is-active .hamburger-inner {
  transform: rotate(-90deg);
  background-color: transparent !important;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}

.hamburger--stand-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-45deg);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(45deg);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Squeeze
   */
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze .hamburger-inner::before {
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}

.hamburger--squeeze .hamburger-inner::after {
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}

.hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Vortex
   */
.hamburger--vortex .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
  transition-duration: 0s;
  transition-delay: 0.1s;
  transition-timing-function: linear;
}

.hamburger--vortex .hamburger-inner::before {
  transition-property: top, opacity;
}

.hamburger--vortex .hamburger-inner::after {
  transition-property: bottom, transform;
}

.hamburger--vortex.is-active .hamburger-inner {
  transform: rotate(765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
  transition-delay: 0s;
}

.hamburger--vortex.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}

.hamburger--vortex.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(90deg);
}

/*
   * Vortex Reverse
   */
.hamburger--vortex-r .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
  transition-duration: 0s;
  transition-delay: 0.1s;
  transition-timing-function: linear;
}

.hamburger--vortex-r .hamburger-inner::before {
  transition-property: top, opacity;
}

.hamburger--vortex-r .hamburger-inner::after {
  transition-property: bottom, transform;
}

.hamburger--vortex-r.is-active .hamburger-inner {
  transform: rotate(-765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
  transition-delay: 0s;
}

.hamburger--vortex-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}

.hamburger--vortex-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
}

input:active, input:focus, input:visited, input:hover {
  outline: none;
}