@charset "UTF-8";
@media (min-width: 1024px) {
  .legacy {
    margin-left: 26px;
  }
}
.legacy .entry-content img {
  margin: 0 0 1.5rem;
}
.legacy .alignnone,
.legacy img.alignnone {
  display: inline;
}
.legacy .alignleft,
.legacy img.alignleft {
  margin-right: 1.5rem;
  display: inline;
  float: left;
}
.legacy .alignright,
.legacy img.alignright {
  margin-left: 1.5rem;
  display: inline;
  float: right;
}
.legacy .aligncenter,
.legacy img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both;
}
.legacy .wp-caption {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 1.5rem;
  text-align: center;
  padding-top: 0.5rem;
}
.legacy .wp-caption img {
  border: 0 none;
  padding: 0;
  margin: 0;
}
.legacy .wp-caption p.wp-caption-text {
  margin: 0;
  font-size: 1.2rem;
  line-height: 1.5;
}
.legacy .wp-smiley {
  margin: 0 !important;
  max-height: 1em;
}
.legacy blockquote.left {
  float: left;
  margin-right: 2rem;
  text-align: right;
  margin-left: 0;
  width: 33%;
}
.legacy blockquote.right {
  margin-left: 2rem;
  text-align: left;
  margin-right: 0;
  width: 33%;
  float: right;
}
.legacy .bit-images-2 {
  width: 50% !important;
  margin: 0 !important;
  height: auto;
}
.legacy .bit-images-2 img {
  width: 100%;
  height: auto;
}
@media (max-width: 768px) {
  .legacy .bit-images-2 {
    width: 100% !important;
  }
}
.legacy .img-responsive, .legacy .entry-content img, .legacy .alignnone,
.legacy img.alignnone, .legacy .alignleft,
.legacy img.alignleft, .legacy .alignright,
.legacy img.alignright, .legacy .aligncenter,
.legacy img.aligncenter, .legacy .wp-caption img {
  display: block;
  max-width: 100%;
  height: auto;
}
.legacy .clearfix {
  *zoom: 1;
}
.legacy .clearfix:before, .legacy .clearfix:after {
  content: " ";
  display: table;
}
.legacy .clearfix:after {
  clear: both;
}
.legacy .pull-right {
  float: right;
}
.legacy .pull-left {
  float: left;
}
.legacy .pull-none {
  float: none;
}
.legacy .block {
  display: block;
}
.legacy .text-left {
  text-align: left;
}
.legacy .text-right {
  text-align: right;
}
.legacy .text-center {
  text-align: center;
}
.legacy .text-break-word {
  word-wrap: break-word;
}
.legacy .list-unstyled,
.legacy ul.list-unstyled {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}
.legacy .list-unstyled li,
.legacy ul.list-unstyled li {
  list-style: none;
}
.legacy .margin-top {
  margin-top: 5rem !important;
}
.legacy .margin-top-double {
  margin-top: 10rem !important;
}
.legacy .margin-top-half {
  margin-top: 2.5rem !important;
}
.legacy .margin-bottom {
  margin-bottom: 5rem !important;
}
.legacy .margin-bottom-double {
  margin-bottom: 10rem !important;
}
.legacy .margin-bottom-half {
  margin-bottom: 2.5rem !important;
}
.legacy .margin-left {
  margin-left: 5rem !important;
}
.legacy .margin-left-half {
  margin-left: 2.5rem !important;
}
.legacy .margin-left-double {
  margin-left: 10rem !important;
}
.legacy .margin-right {
  margin-right: 5rem !important;
}
.legacy .margin-right-half {
  margin-right: 2.5rem !important;
}
.legacy .margin-right-double {
  margin-right: 10rem !important;
}
.legacy .margin {
  margin: 5rem !important;
}
.legacy .margin-double {
  margin: 10rem !important;
}
.legacy .margin-half {
  margin: 2.5rem !important;
}
.legacy .margin-none {
  margin: 0 !important;
}
.legacy .padding {
  padding: 5rem !important;
}
.legacy .padding-double {
  padding: 10rem !important;
}
.legacy .padding-half {
  padding: 2.5rem !important;
}
.legacy .padding-none {
  padding: 0 !important;
}
.legacy .padding-top {
  padding-top: 5rem !important;
}
.legacy .padding-top-half {
  padding-top: 2.5rem !important;
}
.legacy .padding-top-double {
  padding-top: 10rem !important;
}
.legacy .padding-top-none {
  padding-top: 0 !important;
}
.legacy .padding-bottom {
  padding-bottom: 5rem !important;
}
.legacy .padding-bottom-half {
  padding-bottom: 2.5rem !important;
}
.legacy .padding-bottom-double {
  padding-bottom: 10rem !important;
}
.legacy .padding-bottom-none {
  padding-bottom: 0 !important;
}
.legacy .padding-left-half {
  padding-left: 2.5rem !important;
}
.legacy .padding-left-double {
  padding-left: 10rem !important;
}
.legacy .padding-left {
  padding-left: 5rem !important;
}
.legacy .padding-left-none {
  padding-left: 0 !important;
}
.legacy .padding-right-half {
  padding-right: 2.5rem !important;
}
.legacy .padding-right {
  padding-right: 5rem !important;
}
.legacy .padding-right-double {
  padding-right: 10rem !important;
}
.legacy .padding-right-none {
  padding-right: 0 !important;
}
.legacy input[type=submit]:not([class*=tw-]),
.legacy button:not([class*=tw-]),
.legacy .button {
  display: inline-block;
  padding: 0.8rem 1.2rem;
  cursor: pointer;
  background-color: #4a4a4a;
  background-image: none;
  border: 0;
  border-radius: 0.3rem;
  font-family: "myriad-pro", sans-serif;
  font-size: 1.9rem;
  font-weight: 700;
  line-height: 1.6842;
  text-align: center;
  text-decoration: none;
  color: #fff;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-appearance: none;
}
.legacy input[type=submit]:not([class*=tw-]):hover,
.legacy button:not([class*=tw-]):hover,
.legacy .button:hover {
  text-decoration: none;
}
.legacy input[type=submit]:not([class*=tw-]):focus,
.legacy button:not([class*=tw-]):focus,
.legacy .button:focus {
  outline: 0;
}
.legacy input[type=text]:not([class*=tw-]),
.legacy input[type=email]:not([class*=tw-]),
.legacy input[type=password]:not([class*=tw-]),
.legacy input[type=tel]:not([class*=tw-]),
.legacy input[type=search]:not([class*=tw-]),
.legacy input[type=number]:not([class*=tw-]),
.legacy input[type=time]:not([class*=tw-]),
.legacy input[type=date]:not([class*=tw-]),
.legacy input[type=datetime]:not([class*=tw-]),
.legacy input[type=color]:not([class*=tw-]),
.legacy input[type=url]:not([class*=tw-]),
.legacy textarea:not([class*=tw-]) {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  border: 0.1rem solid #4a4a4a;
  border-radius: 0;
  padding: 0.4rem 0.6rem;
  font-family: "myriad-pro", sans-serif;
  font-size: 1.9rem;
  line-height: 1.6842;
  background-color: #fff;
  background-image: none;
  -webkit-appearance: none;
}
.legacy input[type=text]:not([class*=tw-]):focus,
.legacy input[type=email]:not([class*=tw-]):focus,
.legacy input[type=password]:not([class*=tw-]):focus,
.legacy input[type=tel]:not([class*=tw-]):focus,
.legacy input[type=search]:not([class*=tw-]):focus,
.legacy input[type=number]:not([class*=tw-]):focus,
.legacy input[type=time]:not([class*=tw-]):focus,
.legacy input[type=date]:not([class*=tw-]):focus,
.legacy input[type=datetime]:not([class*=tw-]):focus,
.legacy input[type=color]:not([class*=tw-]):focus,
.legacy input[type=url]:not([class*=tw-]):focus,
.legacy textarea:not([class*=tw-]):focus {
  border-color: #4a4a4a;
  outline: 0;
}
.legacy select:not([class*=tw-]) {
  display: block;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding: 0.4rem 0.6rem;
  font-family: "myriad-pro", sans-serif;
  font-size: 1.9rem;
  line-height: 1.6842;
  color: #000;
  border: 0.1rem solid #4a4a4a;
  background-color: transparent;
  background-image: none;
}
.legacy select:not([class*=tw-]):focus {
  outline: 0;
}
@media screen and (min-width: 0 \0 ) {
  .legacy select:not([class*=tw-]) {
    background: none;
    padding: 4px 6px;
  }
}
.legacy .gform_wrapper .gform_fields {
  margin: 0;
  list-style-type: none;
}
.legacy .gform_wrapper .gform_fields .gfield {
  list-style-type: none;
  width: 100%;
  position: relative;
  margin-bottom: 1rem;
  padding-left: 0;
}
.legacy .gform_wrapper .gform_fields .gfield.gform_hidden {
  display: none;
}
.legacy .gform_wrapper .gform_fields .gfield_label {
  font-weight: 400;
  display: block;
  margin-bottom: 1rem;
}
.legacy .gform_wrapper .gform_fields .gfield_required {
  color: #ed1c24;
}
.legacy .gform_wrapper .gform_fields .gfield_radio label, .legacy .gform_wrapper .gform_fields .gfield_checkbox label {
  font-size: 1.9rem;
  padding-left: 1rem;
}
.legacy .gform_wrapper .gform_fields .gfield_description {
  color: #4a4a4a;
}
.legacy .gform_wrapper .gform_fields .gfield_description.validation_message {
  font-size: 1.9rem;
  color: #ed1c24;
  text-align: right;
}
.legacy .gform_wrapper .gform_fields .gfield_error .gfield_label,
.legacy .gform_wrapper .gform_fields .gfield_error .gfield_checkbox,
.legacy .gform_wrapper .gform_fields .gfield_error .gfield_radio {
  color: #ed1c24;
}
.legacy .gform_wrapper .gform_fields .ginput_container {
  margin-bottom: 1rem;
}
.legacy .gform_wrapper .gform_fields .ginput_container label,
.legacy .gform_wrapper .gform_fields .ginput_container .instruction {
  font-size: 1.9rem;
}
.legacy .gform_wrapper .gform_footer {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  margin: 0;
  padding-top: 0;
}
.legacy .gform_wrapper .validation_error {
  color: #ed1c24;
}
.legacy .gform_validation_container,
.legacy .gform_wrapper .gform_validation_container,
.legacy body .gform_wrapper .gform_body ul.gform_fields li.gfield.gform_validation_container,
.legacy body .gform_wrapper li.gform_validation_container,
.legacy body .gform_wrapper ul.gform_fields li.gfield.gform_validation_container {
  display: none !important;
  position: absolute !important;
  left: -1000px;
}
.legacy .visible-tablet,
.legacy .visible-mobile {
  display: none !important;
}
.legacy .visible-desktop,
.legacy .visible-md {
  display: block !important;
}
.legacy .visible-lg {
  display: none !important;
}
.legacy .visible-tablet-table-cell,
.legacy .visible-mobile-table-cell {
  display: none !important;
}
.legacy .visible-desktop-table-cell,
.legacy .visible-md {
  display: table-cell !important;
}
@media (max-width: 767px) {
  .legacy .visible-desktop,
  .legacy .visible-md,
  .legacy .visible-tablet,
  .legacy .visible-sm {
    display: none !important;
  }
  .legacy .visible-mobile {
    display: block !important;
  }
  .legacy .visible-mobile.visible-tablet,
  .legacy .visible-mobile .visible-sm {
    display: block !important;
  }
  .legacy .visible-desktop-table-cell,
  .legacy .visible-tablet-table-cell {
    display: none !important;
  }
  .legacy .visible-mobile-table-cell {
    display: table-cell !important;
  }
  .legacy .visible-mobile-table-cell.visible-tablet-table-cell {
    display: table-cell !important;
  }
  .legacy .hidden-mobile {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .legacy .visible-desktop,
  .legacy .visible-mobile {
    display: none !important;
  }
  .legacy .visible-tablet {
    display: block !important;
  }
  .legacy .visible-tablet.visible-mobile {
    display: block !important;
  }
  .legacy .visible-tablet.visible-desktop {
    display: block !important;
  }
  .legacy .visible-desktop-table-cell, .legacy .visible-mobile-table-cell {
    display: none !important;
  }
  .legacy .visible-tablet-table-cell {
    display: table-cell !important;
  }
  .legacy .visible-tablet-table-cell.visible-mobile-table-cell {
    display: table-cell !important;
  }
  .legacy .visible-tablet-table-cell.visible-desktop-table-cell {
    display: table-cell !important;
  }
  .legacy .hidden-tablet {
    display: none !important;
  }
}
@media only screen and (min-width: 1024px) {
  .legacy .hidden-desktop {
    display: none !important;
  }
}
@media only screen and (min-width: 1201px) {
  .legacy .hidden-lg {
    display: none !important;
  }
  .legacy .visible-lg {
    display: block !important;
  }
}
.legacy .flex {
  display: flex;
}
.legacy .flex--wrap {
  flex-wrap: wrap;
}
.legacy .flex--nowrap {
  flex-wrap: nowrap;
}
.legacy .flex--row {
  flex-direction: row;
}
.legacy .flex--column {
  flex-direction: column;
}
.legacy .flex--align-center {
  align-items: center;
}
.legacy .flex--align-flex-start {
  align-items: flex-start;
}
.legacy .flex--align-flex-end {
  align-items: flex-end;
}
.legacy .flex--align-stretch {
  align-items: stretch;
}
.legacy .flex--justify-center {
  justify-content: center;
}
.legacy .flex--justify-flex-start {
  justify-content: flex-start;
}
.legacy .flex--justify-flex-end {
  justify-content: flex-end;
}
.legacy .flex--justify-space-between {
  justify-content: space-between;
}
.legacy .flex--justify-space-around {
  justify-content: space-around;
}
.legacy {
  /* Soda Custom v0.5
   * By Jannes & Mannes
   * Licensed under the MIT license, 2014
   * No documentation available yet.
   *
   * Based on:
   * Lemonade V2
   * By Joe Richardson (@joericho)
   * Licensed under the MIT license, 2014
   * Documentation: http://lemonade.im
   */
  /**
   * Grid setup
   *
   * The grid will calculate dimensions based on these two variables:
   * $soda-columns will inform the grid loops how many columns there should be.
   * $soda-gutter will inform the grid loops how big eac column's gutters should be.
   *
   * The grid will name columns, rows, offsets based on these three variables:
   * $soda-class-row string used for the row class
   * $soda-class-col string used for the column class
   * $soda-class-off string used for the offset class
   */
}
.legacy *,
.legacy ::after,
.legacy ::before {
  box-sizing: border-box;
}
.legacy html {
  font-size: 62.5%;
}
.legacy .container {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  max-width: 119rem;
  margin: 0 auto;
}
.legacy {
  /**
   * Grid setup
   *
   * The grid will calculate dimensions based on these two variables:
   * $soda-columns will inform the grid loops how many columns there should be.
   * $soda-gutter will inform the grid loops how big eac column's gutters should be.
   *
   * The grid will name columns, rows, offsets based on these three variables:
   * $soda-class-row string used for the row class
   * $soda-class-col string used for the column class
   * $soda-class-off string used for the offset class
   */
  /**
   * Row wrapper class, flex box parent.
   */
}
.legacy .frame {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.legacy .container .frame {
  margin-left: -2.5rem;
  margin-right: -2.5rem;
}
.legacy .bit-xl, .legacy .bit-lg, .legacy .bit-md, .legacy .bit-sm, .legacy .bit-xs, .legacy .bit-xxs {
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
}
.legacy .frame--direction-row {
  flex-direction: row;
}
.legacy .frame--direction-row-reverse {
  flex-direction: row-reverse;
}
.legacy .frame--direction-column {
  flex-direction: column;
}
.legacy .frame--direction-column-reverse {
  flex-direction: column-reverse;
}
.legacy {
  /**
   * Grid setup
   *
   * The grid will calculate dimensions based on these two variables:
   * $soda-columns will inform the grid loops how many columns there should be.
   * $soda-gutter will inform the grid loops how big eac column's gutters should be.
   *
   * The grid will name columns, rows, offsets based on these three variables:
   * $soda-class-row string used for the row class
   * $soda-class-col string used for the column class
   * $soda-class-off string used for the offset class
   */
  /**
   * Generate a set of grid column classes using a namespace
   *
   * .bit-[namespace] for intelligent column division
   * .bit-[namespace]-[number] for a column that covers a specific number of columns (e.g. 1-12 by default)
   * .bit-offset-[namespace]-[number] for pushing a col a specific number of columns (e.g. 1-11 by default)
   * .bit-offset-[namespace]-reset for resetting a col's offset for that and larger namespaces
   */
}
.legacy [class^=bit] {
  max-width: 100%;
  flex: 0 0 100%;
}
.legacy .bit-xl-12, .legacy .bit-xl-11, .legacy .bit-xl-10, .legacy .bit-xl-9, .legacy .bit-xl-8, .legacy .bit-xl-7, .legacy .bit-xl-6, .legacy .bit-xl-5, .legacy .bit-xl-4, .legacy .bit-xl-3, .legacy .bit-xl-2, .legacy .bit-xl-1, .legacy .bit-lg-12, .legacy .bit-lg-11, .legacy .bit-lg-10, .legacy .bit-lg-9, .legacy .bit-lg-8, .legacy .bit-lg-7, .legacy .bit-lg-6, .legacy .bit-lg-5, .legacy .bit-lg-4, .legacy .bit-lg-3, .legacy .bit-lg-2, .legacy .bit-lg-1, .legacy .bit-md-12, .legacy .bit-md-11, .legacy .bit-md-10, .legacy .bit-md-9, .legacy .bit-md-8, .legacy .bit-md-7, .legacy .bit-md-6, .legacy .bit-md-5, .legacy .bit-md-4, .legacy .bit-md-3, .legacy .bit-md-2, .legacy .bit-md-1, .legacy .bit-sm-12, .legacy .bit-sm-11, .legacy .bit-sm-10, .legacy .bit-sm-9, .legacy .bit-sm-8, .legacy .bit-sm-7, .legacy .bit-sm-6, .legacy .bit-sm-5, .legacy .bit-sm-4, .legacy .bit-sm-3, .legacy .bit-sm-2, .legacy .bit-sm-1, .legacy .bit-xs-12, .legacy .bit-xs-11, .legacy .bit-xs-10, .legacy .bit-xs-9, .legacy .bit-xs-8, .legacy .bit-xs-7, .legacy .bit-xs-6, .legacy .bit-xs-5, .legacy .bit-xs-4, .legacy .bit-xs-3, .legacy .bit-xs-2, .legacy .bit-xs-1, .legacy .bit-xxs-12, .legacy .bit-xxs-11, .legacy .bit-xxs-10, .legacy .bit-xxs-9, .legacy .bit-xxs-8, .legacy .bit-xxs-7, .legacy .bit-xxs-6, .legacy .bit-xxs-5, .legacy .bit-xxs-4, .legacy .bit-xxs-3, .legacy .bit-xxs-2, .legacy .bit-xxs-1, .legacy .bit-xl, .legacy .bit-lg, .legacy .bit-md, .legacy .bit-sm, .legacy .bit-xs, .legacy .bit-xxs {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.legacy .bit-xxs-1 {
  max-width: 8.3333333333%;
  flex: 0 0 8.3333333333%;
}
.legacy .bit-xxs-2 {
  max-width: 16.6666666667%;
  flex: 0 0 16.6666666667%;
}
.legacy .bit-xxs-3 {
  max-width: 25%;
  flex: 0 0 25%;
}
.legacy .bit-xxs-4 {
  max-width: 33.3333333333%;
  flex: 0 0 33.3333333333%;
}
.legacy .bit-xxs-5 {
  max-width: 41.6666666667%;
  flex: 0 0 41.6666666667%;
}
.legacy .bit-xxs-6 {
  max-width: 50%;
  flex: 0 0 50%;
}
.legacy .bit-xxs-7 {
  max-width: 58.3333333333%;
  flex: 0 0 58.3333333333%;
}
.legacy .bit-xxs-8 {
  max-width: 66.6666666667%;
  flex: 0 0 66.6666666667%;
}
.legacy .bit-xxs-9 {
  max-width: 75%;
  flex: 0 0 75%;
}
.legacy .bit-xxs-10 {
  max-width: 83.3333333333%;
  flex: 0 0 83.3333333333%;
}
.legacy .bit-xxs-11 {
  max-width: 91.6666666667%;
  flex: 0 0 91.6666666667%;
}
.legacy .bit-xxs-12 {
  flex: 1 1 100%;
  max-width: 100%;
}
.legacy .bit-offset-xxs-0 {
  margin-left: 0%;
}
.legacy .bit-offset-xxs-1 {
  margin-left: 8.3333333333%;
}
.legacy .bit-offset-xxs-2 {
  margin-left: 16.6666666667%;
}
.legacy .bit-offset-xxs-3 {
  margin-left: 25%;
}
.legacy .bit-offset-xxs-4 {
  margin-left: 33.3333333333%;
}
.legacy .bit-offset-xxs-5 {
  margin-left: 41.6666666667%;
}
.legacy .bit-offset-xxs-6 {
  margin-left: 50%;
}
.legacy .bit-offset-xxs-7 {
  margin-left: 58.3333333333%;
}
.legacy .bit-offset-xxs-8 {
  margin-left: 66.6666666667%;
}
.legacy .bit-offset-xxs-9 {
  margin-left: 75%;
}
.legacy .bit-offset-xxs-10 {
  margin-left: 83.3333333333%;
}
.legacy .bit-offset-xxs-11 {
  margin-left: 91.6666666667%;
}
.legacy .bit-offset-xxs-reset {
  margin-left: 0;
}
@media only screen and (min-width: 34em) {
  .legacy .bit-xs-1 {
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }
  .legacy .bit-xs-2 {
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }
  .legacy .bit-xs-3 {
    max-width: 25%;
    flex: 0 0 25%;
  }
  .legacy .bit-xs-4 {
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }
  .legacy .bit-xs-5 {
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }
  .legacy .bit-xs-6 {
    max-width: 50%;
    flex: 0 0 50%;
  }
  .legacy .bit-xs-7 {
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }
  .legacy .bit-xs-8 {
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }
  .legacy .bit-xs-9 {
    max-width: 75%;
    flex: 0 0 75%;
  }
  .legacy .bit-xs-10 {
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }
  .legacy .bit-xs-11 {
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }
  .legacy .bit-xs-12 {
    flex: 1 1 100%;
    max-width: 100%;
  }
  .legacy .bit-offset-xs-0 {
    margin-left: 0%;
  }
  .legacy .bit-offset-xs-1 {
    margin-left: 8.3333333333%;
  }
  .legacy .bit-offset-xs-2 {
    margin-left: 16.6666666667%;
  }
  .legacy .bit-offset-xs-3 {
    margin-left: 25%;
  }
  .legacy .bit-offset-xs-4 {
    margin-left: 33.3333333333%;
  }
  .legacy .bit-offset-xs-5 {
    margin-left: 41.6666666667%;
  }
  .legacy .bit-offset-xs-6 {
    margin-left: 50%;
  }
  .legacy .bit-offset-xs-7 {
    margin-left: 58.3333333333%;
  }
  .legacy .bit-offset-xs-8 {
    margin-left: 66.6666666667%;
  }
  .legacy .bit-offset-xs-9 {
    margin-left: 75%;
  }
  .legacy .bit-offset-xs-10 {
    margin-left: 83.3333333333%;
  }
  .legacy .bit-offset-xs-11 {
    margin-left: 91.6666666667%;
  }
  .legacy .bit-offset-xs-reset {
    margin-left: 0;
  }
}
@media only screen and (min-width: 48em) {
  .legacy .bit-sm-1 {
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }
  .legacy .bit-sm-2 {
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }
  .legacy .bit-sm-3 {
    max-width: 25%;
    flex: 0 0 25%;
  }
  .legacy .bit-sm-4 {
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }
  .legacy .bit-sm-5 {
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }
  .legacy .bit-sm-6 {
    max-width: 50%;
    flex: 0 0 50%;
  }
  .legacy .bit-sm-7 {
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }
  .legacy .bit-sm-8 {
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }
  .legacy .bit-sm-9 {
    max-width: 75%;
    flex: 0 0 75%;
  }
  .legacy .bit-sm-10 {
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }
  .legacy .bit-sm-11 {
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }
  .legacy .bit-sm-12 {
    flex: 1 1 100%;
    max-width: 100%;
  }
  .legacy .bit-offset-sm-0 {
    margin-left: 0%;
  }
  .legacy .bit-offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .legacy .bit-offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .legacy .bit-offset-sm-3 {
    margin-left: 25%;
  }
  .legacy .bit-offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .legacy .bit-offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .legacy .bit-offset-sm-6 {
    margin-left: 50%;
  }
  .legacy .bit-offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .legacy .bit-offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .legacy .bit-offset-sm-9 {
    margin-left: 75%;
  }
  .legacy .bit-offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .legacy .bit-offset-sm-11 {
    margin-left: 91.6666666667%;
  }
  .legacy .bit-offset-sm-reset {
    margin-left: 0;
  }
}
@media only screen and (min-width: 64em) {
  .legacy .bit-md-1 {
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }
  .legacy .bit-md-2 {
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }
  .legacy .bit-md-3 {
    max-width: 25%;
    flex: 0 0 25%;
  }
  .legacy .bit-md-4 {
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }
  .legacy .bit-md-5 {
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }
  .legacy .bit-md-6 {
    max-width: 50%;
    flex: 0 0 50%;
  }
  .legacy .bit-md-7 {
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }
  .legacy .bit-md-8 {
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }
  .legacy .bit-md-9 {
    max-width: 75%;
    flex: 0 0 75%;
  }
  .legacy .bit-md-10 {
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }
  .legacy .bit-md-11 {
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }
  .legacy .bit-md-12 {
    flex: 1 1 100%;
    max-width: 100%;
  }
  .legacy .bit-offset-md-0 {
    margin-left: 0%;
  }
  .legacy .bit-offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .legacy .bit-offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .legacy .bit-offset-md-3 {
    margin-left: 25%;
  }
  .legacy .bit-offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .legacy .bit-offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .legacy .bit-offset-md-6 {
    margin-left: 50%;
  }
  .legacy .bit-offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .legacy .bit-offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .legacy .bit-offset-md-9 {
    margin-left: 75%;
  }
  .legacy .bit-offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .legacy .bit-offset-md-11 {
    margin-left: 91.6666666667%;
  }
  .legacy .bit-offset-md-reset {
    margin-left: 0;
  }
}
@media only screen and (min-width: 75.0625em) {
  .legacy .bit-lg-1 {
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }
  .legacy .bit-lg-2 {
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }
  .legacy .bit-lg-3 {
    max-width: 25%;
    flex: 0 0 25%;
  }
  .legacy .bit-lg-4 {
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }
  .legacy .bit-lg-5 {
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }
  .legacy .bit-lg-6 {
    max-width: 50%;
    flex: 0 0 50%;
  }
  .legacy .bit-lg-7 {
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }
  .legacy .bit-lg-8 {
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }
  .legacy .bit-lg-9 {
    max-width: 75%;
    flex: 0 0 75%;
  }
  .legacy .bit-lg-10 {
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }
  .legacy .bit-lg-11 {
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }
  .legacy .bit-lg-12 {
    flex: 1 1 100%;
    max-width: 100%;
  }
  .legacy .bit-offset-lg-0 {
    margin-left: 0%;
  }
  .legacy .bit-offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .legacy .bit-offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .legacy .bit-offset-lg-3 {
    margin-left: 25%;
  }
  .legacy .bit-offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .legacy .bit-offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .legacy .bit-offset-lg-6 {
    margin-left: 50%;
  }
  .legacy .bit-offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .legacy .bit-offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .legacy .bit-offset-lg-9 {
    margin-left: 75%;
  }
  .legacy .bit-offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .legacy .bit-offset-lg-11 {
    margin-left: 91.6666666667%;
  }
  .legacy .bit-offset-lg-reset {
    margin-left: 0;
  }
}
@media only screen and (min-width: 90em) {
  .legacy .bit-xl-1 {
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }
  .legacy .bit-xl-2 {
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }
  .legacy .bit-xl-3 {
    max-width: 25%;
    flex: 0 0 25%;
  }
  .legacy .bit-xl-4 {
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }
  .legacy .bit-xl-5 {
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }
  .legacy .bit-xl-6 {
    max-width: 50%;
    flex: 0 0 50%;
  }
  .legacy .bit-xl-7 {
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }
  .legacy .bit-xl-8 {
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }
  .legacy .bit-xl-9 {
    max-width: 75%;
    flex: 0 0 75%;
  }
  .legacy .bit-xl-10 {
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }
  .legacy .bit-xl-11 {
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }
  .legacy .bit-xl-12 {
    flex: 1 1 100%;
    max-width: 100%;
  }
  .legacy .bit-offset-xl-0 {
    margin-left: 0%;
  }
  .legacy .bit-offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .legacy .bit-offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .legacy .bit-offset-xl-3 {
    margin-left: 25%;
  }
  .legacy .bit-offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .legacy .bit-offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .legacy .bit-offset-xl-6 {
    margin-left: 50%;
  }
  .legacy .bit-offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .legacy .bit-offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .legacy .bit-offset-xl-9 {
    margin-left: 75%;
  }
  .legacy .bit-offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .legacy .bit-offset-xl-11 {
    margin-left: 91.6666666667%;
  }
  .legacy .bit-offset-xl-reset {
    margin-left: 0;
  }
}
.legacy .bit-order-xxs-1 {
  order: 1;
}
.legacy .bit-order-xxs-2 {
  order: 2;
}
.legacy .bit-order-xxs-3 {
  order: 3;
}
.legacy .bit-order-xxs-4 {
  order: 4;
}
.legacy .bit-order-xxs-5 {
  order: 5;
}
.legacy .bit-order-xxs-6 {
  order: 6;
}
.legacy .bit-order-xxs-7 {
  order: 7;
}
.legacy .bit-order-xxs-8 {
  order: 8;
}
.legacy .bit-order-xxs-9 {
  order: 9;
}
.legacy .bit-order-xxs-10 {
  order: 10;
}
.legacy .bit-order-xxs-11 {
  order: 11;
}
.legacy .bit-offset-xxs-reset {
  margin-left: 0;
}
@media only screen and (min-width: 34em) {
  .legacy .bit-order-xs-1 {
    order: 1;
  }
  .legacy .bit-order-xs-2 {
    order: 2;
  }
  .legacy .bit-order-xs-3 {
    order: 3;
  }
  .legacy .bit-order-xs-4 {
    order: 4;
  }
  .legacy .bit-order-xs-5 {
    order: 5;
  }
  .legacy .bit-order-xs-6 {
    order: 6;
  }
  .legacy .bit-order-xs-7 {
    order: 7;
  }
  .legacy .bit-order-xs-8 {
    order: 8;
  }
  .legacy .bit-order-xs-9 {
    order: 9;
  }
  .legacy .bit-order-xs-10 {
    order: 10;
  }
  .legacy .bit-order-xs-11 {
    order: 11;
  }
  .legacy .bit-offset-xs-reset {
    margin-left: 0;
  }
}
@media only screen and (min-width: 48em) {
  .legacy .bit-order-sm-1 {
    order: 1;
  }
  .legacy .bit-order-sm-2 {
    order: 2;
  }
  .legacy .bit-order-sm-3 {
    order: 3;
  }
  .legacy .bit-order-sm-4 {
    order: 4;
  }
  .legacy .bit-order-sm-5 {
    order: 5;
  }
  .legacy .bit-order-sm-6 {
    order: 6;
  }
  .legacy .bit-order-sm-7 {
    order: 7;
  }
  .legacy .bit-order-sm-8 {
    order: 8;
  }
  .legacy .bit-order-sm-9 {
    order: 9;
  }
  .legacy .bit-order-sm-10 {
    order: 10;
  }
  .legacy .bit-order-sm-11 {
    order: 11;
  }
  .legacy .bit-offset-sm-reset {
    margin-left: 0;
  }
}
@media only screen and (min-width: 64em) {
  .legacy .bit-order-md-1 {
    order: 1;
  }
  .legacy .bit-order-md-2 {
    order: 2;
  }
  .legacy .bit-order-md-3 {
    order: 3;
  }
  .legacy .bit-order-md-4 {
    order: 4;
  }
  .legacy .bit-order-md-5 {
    order: 5;
  }
  .legacy .bit-order-md-6 {
    order: 6;
  }
  .legacy .bit-order-md-7 {
    order: 7;
  }
  .legacy .bit-order-md-8 {
    order: 8;
  }
  .legacy .bit-order-md-9 {
    order: 9;
  }
  .legacy .bit-order-md-10 {
    order: 10;
  }
  .legacy .bit-order-md-11 {
    order: 11;
  }
  .legacy .bit-offset-md-reset {
    margin-left: 0;
  }
}
@media only screen and (min-width: 75.0625em) {
  .legacy .bit-order-lg-1 {
    order: 1;
  }
  .legacy .bit-order-lg-2 {
    order: 2;
  }
  .legacy .bit-order-lg-3 {
    order: 3;
  }
  .legacy .bit-order-lg-4 {
    order: 4;
  }
  .legacy .bit-order-lg-5 {
    order: 5;
  }
  .legacy .bit-order-lg-6 {
    order: 6;
  }
  .legacy .bit-order-lg-7 {
    order: 7;
  }
  .legacy .bit-order-lg-8 {
    order: 8;
  }
  .legacy .bit-order-lg-9 {
    order: 9;
  }
  .legacy .bit-order-lg-10 {
    order: 10;
  }
  .legacy .bit-order-lg-11 {
    order: 11;
  }
  .legacy .bit-offset-lg-reset {
    margin-left: 0;
  }
}
@media only screen and (min-width: 90em) {
  .legacy .bit-order-xl-1 {
    order: 1;
  }
  .legacy .bit-order-xl-2 {
    order: 2;
  }
  .legacy .bit-order-xl-3 {
    order: 3;
  }
  .legacy .bit-order-xl-4 {
    order: 4;
  }
  .legacy .bit-order-xl-5 {
    order: 5;
  }
  .legacy .bit-order-xl-6 {
    order: 6;
  }
  .legacy .bit-order-xl-7 {
    order: 7;
  }
  .legacy .bit-order-xl-8 {
    order: 8;
  }
  .legacy .bit-order-xl-9 {
    order: 9;
  }
  .legacy .bit-order-xl-10 {
    order: 10;
  }
  .legacy .bit-order-xl-11 {
    order: 11;
  }
  .legacy .bit-offset-xl-reset {
    margin-left: 0;
  }
}
.legacy .flex {
  display: flex;
}
.legacy .frame--align-xxs-flex-start {
  align-items: flex-start;
}
.legacy .frame--align-xxs-flex-end {
  align-items: flex-end;
}
.legacy .frame--align-xxs-center {
  align-items: center;
}
.legacy .frame--align-xxs-baseline {
  align-items: baseline;
}
.legacy .frame--align-xxs-stretch {
  align-items: stretch;
}
.legacy .frame--justify-xxs-flex-start {
  justify-content: flex-start;
}
.legacy .frame--justify-xxs-flex-end {
  justify-content: flex-end;
}
.legacy .frame--justify-xxs-center {
  justify-content: center;
}
.legacy .frame--justify-xxs-space-around {
  justify-content: space-around;
}
.legacy .frame--justify-xxs-space-between {
  justify-content: space-between;
}
.legacy .bit--align-xxs-flex-start {
  align-self: flex-start;
}
.legacy .bit--align-xxs-flex-end {
  align-self: flex-end;
}
.legacy .bit--align-xxs-center {
  align-self: center;
}
.legacy .bit--align-xxs-baseline {
  align-self: baseline;
}
.legacy .bit--align-xxs-stretch {
  align-self: stretch;
}
@media only screen and (min-width: 34em) {
  .legacy .frame--align-xs-flex-start {
    align-items: flex-start;
  }
  .legacy .frame--align-xs-flex-end {
    align-items: flex-end;
  }
  .legacy .frame--align-xs-center {
    align-items: center;
  }
  .legacy .frame--align-xs-baseline {
    align-items: baseline;
  }
  .legacy .frame--align-xs-stretch {
    align-items: stretch;
  }
  .legacy .frame--justify-xs-flex-start {
    justify-content: flex-start;
  }
  .legacy .frame--justify-xs-flex-end {
    justify-content: flex-end;
  }
  .legacy .frame--justify-xs-center {
    justify-content: center;
  }
  .legacy .frame--justify-xs-space-around {
    justify-content: space-around;
  }
  .legacy .frame--justify-xs-space-between {
    justify-content: space-between;
  }
  .legacy .bit--align-xs-flex-start {
    align-self: flex-start;
  }
  .legacy .bit--align-xs-flex-end {
    align-self: flex-end;
  }
  .legacy .bit--align-xs-center {
    align-self: center;
  }
  .legacy .bit--align-xs-baseline {
    align-self: baseline;
  }
  .legacy .bit--align-xs-stretch {
    align-self: stretch;
  }
}
@media only screen and (min-width: 48em) {
  .legacy .frame--align-sm-flex-start {
    align-items: flex-start;
  }
  .legacy .frame--align-sm-flex-end {
    align-items: flex-end;
  }
  .legacy .frame--align-sm-center {
    align-items: center;
  }
  .legacy .frame--align-sm-baseline {
    align-items: baseline;
  }
  .legacy .frame--align-sm-stretch {
    align-items: stretch;
  }
  .legacy .frame--justify-sm-flex-start {
    justify-content: flex-start;
  }
  .legacy .frame--justify-sm-flex-end {
    justify-content: flex-end;
  }
  .legacy .frame--justify-sm-center {
    justify-content: center;
  }
  .legacy .frame--justify-sm-space-around {
    justify-content: space-around;
  }
  .legacy .frame--justify-sm-space-between {
    justify-content: space-between;
  }
  .legacy .bit--align-sm-flex-start {
    align-self: flex-start;
  }
  .legacy .bit--align-sm-flex-end {
    align-self: flex-end;
  }
  .legacy .bit--align-sm-center {
    align-self: center;
  }
  .legacy .bit--align-sm-baseline {
    align-self: baseline;
  }
  .legacy .bit--align-sm-stretch {
    align-self: stretch;
  }
}
@media only screen and (min-width: 64em) {
  .legacy .frame--align-md-flex-start {
    align-items: flex-start;
  }
  .legacy .frame--align-md-flex-end {
    align-items: flex-end;
  }
  .legacy .frame--align-md-center {
    align-items: center;
  }
  .legacy .frame--align-md-baseline {
    align-items: baseline;
  }
  .legacy .frame--align-md-stretch {
    align-items: stretch;
  }
  .legacy .frame--justify-md-flex-start {
    justify-content: flex-start;
  }
  .legacy .frame--justify-md-flex-end {
    justify-content: flex-end;
  }
  .legacy .frame--justify-md-center {
    justify-content: center;
  }
  .legacy .frame--justify-md-space-around {
    justify-content: space-around;
  }
  .legacy .frame--justify-md-space-between {
    justify-content: space-between;
  }
  .legacy .bit--align-md-flex-start {
    align-self: flex-start;
  }
  .legacy .bit--align-md-flex-end {
    align-self: flex-end;
  }
  .legacy .bit--align-md-center {
    align-self: center;
  }
  .legacy .bit--align-md-baseline {
    align-self: baseline;
  }
  .legacy .bit--align-md-stretch {
    align-self: stretch;
  }
}
@media only screen and (min-width: 75.0625em) {
  .legacy .frame--align-lg-flex-start {
    align-items: flex-start;
  }
  .legacy .frame--align-lg-flex-end {
    align-items: flex-end;
  }
  .legacy .frame--align-lg-center {
    align-items: center;
  }
  .legacy .frame--align-lg-baseline {
    align-items: baseline;
  }
  .legacy .frame--align-lg-stretch {
    align-items: stretch;
  }
  .legacy .frame--justify-lg-flex-start {
    justify-content: flex-start;
  }
  .legacy .frame--justify-lg-flex-end {
    justify-content: flex-end;
  }
  .legacy .frame--justify-lg-center {
    justify-content: center;
  }
  .legacy .frame--justify-lg-space-around {
    justify-content: space-around;
  }
  .legacy .frame--justify-lg-space-between {
    justify-content: space-between;
  }
  .legacy .bit--align-lg-flex-start {
    align-self: flex-start;
  }
  .legacy .bit--align-lg-flex-end {
    align-self: flex-end;
  }
  .legacy .bit--align-lg-center {
    align-self: center;
  }
  .legacy .bit--align-lg-baseline {
    align-self: baseline;
  }
  .legacy .bit--align-lg-stretch {
    align-self: stretch;
  }
}
@media only screen and (min-width: 90em) {
  .legacy .frame--align-xl-flex-start {
    align-items: flex-start;
  }
  .legacy .frame--align-xl-flex-end {
    align-items: flex-end;
  }
  .legacy .frame--align-xl-center {
    align-items: center;
  }
  .legacy .frame--align-xl-baseline {
    align-items: baseline;
  }
  .legacy .frame--align-xl-stretch {
    align-items: stretch;
  }
  .legacy .frame--justify-xl-flex-start {
    justify-content: flex-start;
  }
  .legacy .frame--justify-xl-flex-end {
    justify-content: flex-end;
  }
  .legacy .frame--justify-xl-center {
    justify-content: center;
  }
  .legacy .frame--justify-xl-space-around {
    justify-content: space-around;
  }
  .legacy .frame--justify-xl-space-between {
    justify-content: space-between;
  }
  .legacy .bit--align-xl-flex-start {
    align-self: flex-start;
  }
  .legacy .bit--align-xl-flex-end {
    align-self: flex-end;
  }
  .legacy .bit--align-xl-center {
    align-self: center;
  }
  .legacy .bit--align-xl-baseline {
    align-self: baseline;
  }
  .legacy .bit--align-xl-stretch {
    align-self: stretch;
  }
}
.legacy {
  /**
   * Grid setup
   *
   * The grid will calculate dimensions based on these two variables:
   * $soda-columns will inform the grid loops how many columns there should be.
   * $soda-gutter will inform the grid loops how big eac column's gutters should be.
   *
   * The grid will name columns, rows, offsets based on these three variables:
   * $soda-class-row string used for the row class
   * $soda-class-col string used for the column class
   * $soda-class-off string used for the offset class
   */
}
.legacy .visible-xxs {
  display: flex !important;
}
.legacy .hidden-xxs {
  display: none !important;
}
@media only screen and (min-width: 34em) {
  .legacy .visible-xxs {
    display: none !important;
  }
}
@media only screen and (min-width: 34em) and (max-width: 47.9375em) {
  .legacy .visible-xs {
    display: flex !important;
  }
  .legacy .hidden-xs {
    display: none !important;
  }
}
@media only screen and (min-width: 48em) and (max-width: 63.9375em) {
  .legacy .visible-sm {
    display: flex !important;
  }
  .legacy .hidden-sm {
    display: none !important;
  }
}
@media only screen and (min-width: 64em) and (max-width: 75em) {
  .legacy .visible-md {
    display: flex !important;
  }
  .legacy .hidden-md {
    display: none !important;
  }
}
@media only screen and (min-width: 75.0625em) and (max-width: 89.9375em) {
  .legacy .visible-lg {
    display: flex !important;
  }
  .legacy .hidden-lg {
    display: none !important;
  }
}
@media only screen and (min-width: 90em) {
  .legacy .visible-xl {
    display: flex !important;
  }
  .legacy .hidden-xl {
    display: none !important;
  }
}
.legacy .text-left {
  text-align: left;
}
.legacy .text-right {
  text-align: right;
}
.legacy .text-center {
  text-align: center;
}
.legacy .text-justify {
  text-align: justify;
}
.legacy {
  /* Slider */
}
.legacy .slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.legacy .slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.legacy .slick-list:focus {
  outline: none;
}
.legacy .slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.legacy .slick-slider .slick-track, .legacy .slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}
.legacy .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.legacy .slick-track:before, .legacy .slick-track:after {
  display: table;
  content: "";
}
.legacy .slick-track:after {
  clear: both;
}
.legacy .slick-loading .slick-track {
  visibility: hidden;
}
.legacy .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
.legacy [dir=rtl] .slick-slide {
  float: right;
}
.legacy .slick-slide img {
  display: block;
}
.legacy .slick-slide.slick-loading img {
  display: none;
}
.legacy .slick-slide.dragging img {
  pointer-events: none;
}
.legacy .slick-initialized .slick-slide {
  display: block;
}
.legacy .slick-loading .slick-slide {
  visibility: hidden;
}
.legacy .slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.legacy .slick-arrow.slick-hidden {
  display: none;
}
.legacy {
  /* Slider */
}
.slick-loading .legacy .slick-list {
  background: #fff url("../vendor/slick-carousel/slick/ajax-loader.gif") center center no-repeat;
}
.legacy {
  /* Icons */
}
@font-face {
  font-family: "slick";
  src: url("../vendor/slick-carousel/slick/fonts/slick.eot");
  src: url("../vendor/slick-carousel/slick/fonts/slick.eot?#iefix") format("embedded-opentype"), url("../vendor/slick-carousel/slick/fonts/slick.woff") format("woff"), url("../vendor/slick-carousel/slick/fonts/slick.ttf") format("truetype"), url("../vendor/slick-carousel/slick/fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
.legacy {
  /* Arrows */
}
.legacy .slick-prev,
.legacy .slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.legacy .slick-prev:hover, .legacy .slick-prev:focus,
.legacy .slick-next:hover,
.legacy .slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.legacy .slick-prev:hover:before, .legacy .slick-prev:focus:before,
.legacy .slick-next:hover:before,
.legacy .slick-next:focus:before {
  opacity: 1;
}
.legacy .slick-prev.slick-disabled:before,
.legacy .slick-next.slick-disabled:before {
  opacity: 0.25;
}
.legacy .slick-prev:before,
.legacy .slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: #18526A;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.legacy .slick-prev {
  left: -25px;
}
[dir=rtl] .legacy .slick-prev {
  left: auto;
  right: -25px;
}
.legacy .slick-prev:before {
  content: "←";
}
[dir=rtl] .legacy .slick-prev:before {
  content: "→";
}
.legacy .slick-next {
  right: -25px;
}
[dir=rtl] .legacy .slick-next {
  left: -25px;
  right: auto;
}
.legacy .slick-next:before {
  content: "→";
}
[dir=rtl] .legacy .slick-next:before {
  content: "←";
}
.legacy {
  /* Dots */
}
.legacy .slick-dotted.slick-slider {
  margin-bottom: 30px;
}
.legacy .slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.legacy .slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.legacy .slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.legacy .slick-dots li button:hover, .legacy .slick-dots li button:focus {
  outline: none;
}
.legacy .slick-dots li button:hover:before, .legacy .slick-dots li button:focus:before {
  opacity: 1;
}
.legacy .slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.legacy .slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}
.legacy ul {
  margin-left: 2.4rem;
  list-style-type: disc;
}
.legacy ol {
  margin-left: 2.4rem;
  list-style-type: decimal;
}
.legacy strong, .legacy b {
  font-weight: 700;
}
.legacy em:not([class^=fa-]), .legacy i:not([class^=fa-]) {
  font-style: italic;
}
.legacy p {
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
}
.legacy h1 + p, .legacy h2 + p, .legacy h3 + p, .legacy h4 + p, .legacy h5 + p, .legacy h6 + p {
  padding-top: 0;
}
.legacy hr {
  border: 0;
  border-top: 0.1rem solid #000;
}
.legacy table {
  margin-bottom: 2.5rem;
}
.legacy table > thead {
  border-bottom: 0.1rem solid #4a4a4a;
}
.legacy table tr > th, .legacy table tr > td {
  padding: 0.3rem 0;
}
.legacy pre {
  display: block;
  overflow: auto;
  font-family: monospace;
  padding: 1rem;
  margin: 0 0 1rem;
  font-size: 1.4rem;
  line-height: 1.42857143;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 0.1rem solid #ccc;
  border-radius: 0.4rem;
}
.legacy code {
  display: inline-block;
  vertical-align: 15%;
  font-family: monospace;
  padding: 0.3rem 0.6rem;
  margin: 0.1rem 0;
  font-size: 1.4rem;
  line-height: 1.42857143;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 0.1rem solid #ccc;
  border-radius: 0.4rem;
}
.legacy html {
  font-size: 62.5%;
}
.legacy body {
  font-size: 1.5rem;
}
@media only screen and (min-width: 768px) {
  .legacy body {
    font-size: 1.9rem;
  }
}
.legacy body {
  background: #fff;
  font-family: "myriad-pro", sans-serif;
  font-weight: 400;
  line-height: 1.6842;
  color: #18526A;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.legacy .site-wrapper {
  border-left: 1.5rem #E6462A solid;
}
@media (min-width: 768px) {
  .legacy .site-wrapper {
    border-width: 3rem;
  }
}
.legacy a {
  text-decoration: none;
  transition: border 0.2s, background 0.2s, color 0.2s;
  -webkit-backface-visibility: hidden;
  color: #18526A;
}
.legacy a:hover {
  text-decoration: none;
  color: rgb(9.8769230769, 33.7461538462, 43.6230769231);
}
.legacy h1, .legacy .h1,
.legacy h2, .legacy .h2,
.legacy h3, .legacy .h3,
.legacy h4, .legacy .h4,
.legacy h5, .legacy .h5,
.legacy h6, .legacy .h6 {
  font-family: "myriad-pro", sans-serif;
  line-height: 1.25;
}
.legacy h1 small, .legacy .h1 small,
.legacy h2 small, .legacy .h2 small,
.legacy h3 small, .legacy .h3 small,
.legacy h4 small, .legacy .h4 small,
.legacy h5 small, .legacy .h5 small,
.legacy h6 small, .legacy .h6 small {
  font-size: 1.2rem;
}
@media only screen and (min-width: 768px) {
  .legacy h1 small, .legacy .h1 small,
  .legacy h2 small, .legacy .h2 small,
  .legacy h3 small, .legacy .h3 small,
  .legacy h4 small, .legacy .h4 small,
  .legacy h5 small, .legacy .h5 small,
  .legacy h6 small, .legacy .h6 small {
    font-size: 1.3rem;
  }
}
.legacy h1 small, .legacy .h1 small,
.legacy h2 small, .legacy .h2 small,
.legacy h3 small, .legacy .h3 small,
.legacy h4 small, .legacy .h4 small,
.legacy h5 small, .legacy .h5 small,
.legacy h6 small, .legacy .h6 small {
  display: block;
}
.legacy h1,
.legacy .h1 {
  font-size: 2.3rem;
}
@media only screen and (min-width: 768px) {
  .legacy h1,
  .legacy .h1 {
    font-size: 4.8rem;
  }
}
.legacy h1,
.legacy .h1 {
  padding-bottom: 1.25rem;
  font-weight: 600;
  line-height: 1;
  color: #18526A;
}
.legacy h2, .legacy .h2 {
  font-size: 2rem;
}
@media only screen and (min-width: 768px) {
  .legacy h2, .legacy .h2 {
    font-size: 3.2rem;
  }
}
.legacy h2, .legacy .h2 {
  padding-bottom: 1.25rem;
  color: #18526A;
}
.legacy h3, .legacy .h3 {
  font-size: 2rem;
}
@media only screen and (min-width: 768px) {
  .legacy h3, .legacy .h3 {
    font-size: 2.3rem;
  }
}
.legacy h3, .legacy .h3 {
  padding-bottom: 1.25rem;
  font-weight: 700;
  color: #18526A;
}
.legacy h4, .legacy .h4 {
  font-size: 1.5rem;
}
@media only screen and (min-width: 768px) {
  .legacy h4, .legacy .h4 {
    font-size: 1.9rem;
  }
}
.legacy h4, .legacy .h4 {
  padding-top: 1.25rem;
  padding-bottom: 0.625rem;
  font-weight: 700;
}
.legacy h5, .legacy .h5 {
  font-size: 1.5rem;
}
@media only screen and (min-width: 768px) {
  .legacy h5, .legacy .h5 {
    font-size: 1.9rem;
  }
}
.legacy h5, .legacy .h5 {
  padding-bottom: 1.25rem;
}
.legacy h6, .legacy .h6 {
  font-size: 1.2rem;
}
@media only screen and (min-width: 768px) {
  .legacy h6, .legacy .h6 {
    font-size: 1.3rem;
  }
}
.legacy .lead {
  font-size: 2rem;
}
@media only screen and (min-width: 768px) {
  .legacy .lead {
    font-size: 2.3rem;
  }
}
.legacy blockquote {
  margin: 2.5rem 0;
  font-size: 2rem;
}
@media only screen and (min-width: 768px) {
  .legacy blockquote {
    font-size: 2rem;
  }
}
.legacy blockquote {
  font-style: italic;
  line-height: 1.5;
  border-left: 0.5rem #E6462A solid;
  padding: 2.5rem;
}
.legacy blockquote p {
  margin: 0;
  padding: 0;
}
.legacy ul,
.legacy ol {
  margin-bottom: 1.25rem;
  margin-left: 5rem;
}
.legacy ul.list--unstyled,
.legacy ol.list--unstyled {
  margin: 0;
  list-style: none;
}
@media (min-width: 90em) {
  .legacy .container-xl {
    max-width: 144.5rem;
  }
}
.legacy .article-breadcrumb__inner {
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .legacy .article-breadcrumb__inner {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
.legacy .article-breadcrumb__breadcrumb {
  display: inline-block;
}
@media (min-width: 768px) {
  .legacy .article-breadcrumb__breadcrumb {
    margin-left: -5rem;
  }
}
.legacy .article-breadcrumb__breadcrumb span {
  font-size: 1.2rem;
  font-weight: 700;
}
@media (min-width: 768px) {
  .legacy .article-breadcrumb__breadcrumb span {
    display: inline-flex;
    font-size: 1.4rem;
    align-items: center;
  }
}
.legacy .article-breadcrumb__breadcrumb a,
.legacy .article-breadcrumb__breadcrumb .breadcrumb_last {
  padding: 0 0.8rem;
  font-size: 1.4rem;
  font-weight: 400;
}
@media (min-width: 768px) {
  .legacy .article-breadcrumb__breadcrumb a,
  .legacy .article-breadcrumb__breadcrumb .breadcrumb_last {
    padding: 0 1.4rem;
    font-size: 1.9rem;
  }
}
.legacy .article-breadcrumb__breadcrumb > span > span > a {
  padding-left: 0;
}
.legacy .article-card {
  position: relative;
  display: block;
  padding: 2.5rem;
  margin-top: 5rem;
  border: 1px solid #B9CBD2;
  flex: 1;
}
@media (min-width: 1024px) {
  .legacy .article-card {
    padding: 4rem;
  }
}
.legacy .article-card:hover {
  border-color: #18526A;
}
.legacy .article-card__image {
  position: relative;
  width: 10rem;
  height: 3.5rem;
  margin: 0 auto;
}
.legacy .article-card__image img {
  position: absolute;
  bottom: 0;
  left: 0;
}
.legacy .article-card__title {
  font-size: 1.5rem;
}
@media only screen and (min-width: 768px) {
  .legacy .article-card__title {
    font-size: 1.9rem;
  }
}
.legacy .article-card__title {
  padding-top: 1.7rem;
  padding-bottom: 0;
  word-break: break-word;
}
.legacy .article-card__label {
  font-size: 1.4rem;
}
@media only screen and (min-width: 768px) {
  .legacy .article-card__label {
    font-size: 1.7rem;
  }
}
.legacy .article-card__label {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  padding: 0.3rem 1.4rem;
  font-weight: 700;
  color: #fff;
  background-color: #18526A;
  transform: translate(-50%, 50%);
}
.legacy .article-card--small {
  padding: 1.5rem 1.1rem 3.2rem;
  margin-top: 10rem;
}
.legacy .article-card--small .article-card__title {
  font-size: 1.4rem;
}
@media only screen and (min-width: 768px) {
  .legacy .article-card--small .article-card__title {
    font-size: 1.6rem;
  }
}
.legacy .article-card--small .article-card__label {
  font-size: 1.4rem;
}
@media only screen and (min-width: 768px) {
  .legacy .article-card--small .article-card__label {
    font-size: 1.6rem;
  }
}
.legacy .article-card--small .article-card__label {
  padding: 0.2rem 1.4rem;
}
.legacy .article-category-card {
  padding: 1rem;
  flex: 0 1 100%;
}
@media (min-width: 768px) {
  .legacy .article-category-card {
    flex: 0 1 50%;
  }
}
@media (min-width: 1024px) {
  .legacy .article-category-card {
    flex: 0 1 33.3333333333%;
  }
}
@media (min-width: 90em) {
  .legacy .article-category-card {
    flex: 0 1 25%;
  }
}
.legacy .article-category-card__content {
  display: block;
  position: relative;
  z-index: 2;
  margin-left: 1.5rem;
  background-color: #17659E;
}
.legacy .article-category-card__content--buitenvogels {
  background-color: #1d91db;
}
.legacy .article-category-card__content--geiten {
  background-color: #51a982;
}
.legacy .article-category-card__content--honden {
  background-color: #b6985e;
}
.legacy .article-category-card__content--katten {
  background-color: #b6985e;
}
.legacy .article-category-card__content--kippen {
  background-color: #63a53c;
}
.legacy .article-category-card__content--cavias {
  background-color: #e0ad39;
}
.legacy .article-category-card__content--konijnen {
  background-color: #b99110;
}
.legacy .article-category-card__content--kooivogels {
  background-color: #d17837;
}
.legacy .article-category-card__content--paarden {
  background-color: #848cba;
}
.legacy .article-category-card__content--parkdieren {
  background-color: #7bb13a;
}
.legacy .article-category-card__content--postduiven {
  background-color: #b63db8;
}
.legacy .article-category-card__content--sierduiven {
  background-color: #566a86;
}
.legacy .article-category-card__content--siervogels {
  background-color: #921a1d;
}
.legacy .article-category-card__content--watervogels {
  background-color: #50aaae;
}
.legacy .article-category-card__content--schapen {
  background-color: #b0aa00;
}
.legacy .article-category-card__content--multiple-categories {
  background-color: #17659E;
}
.legacy .article-category-card__title {
  padding: 1rem 0.6rem 1rem 1.6rem;
  font-weight: bold;
  color: #fff;
}
.legacy .article-category-card__image-wrapper {
  width: 100%;
  height: 18rem;
  background-size: cover;
}
@media (min-width: 768px) {
  .legacy .article-category-card__image-wrapper {
    height: 14rem;
  }
}
.legacy .article-category-card__dropdown-list {
  position: relative;
  z-index: 1;
  padding: 3.5rem 1.5rem 1rem;
  margin-top: -2.5rem;
  border: 1px solid #17659E;
}
.legacy .article-category-card__dropdown-list__inner {
  display: none;
}
.legacy .article-category-card__dropdown-list__sub-terms {
  margin-left: 2.4rem;
  font-size: 1.5rem;
  font-weight: bold;
}
.article-category-card--open .legacy .article-category-card__dropdown-list {
  border-bottom: 0.4rem solid;
}
.article-category-card--open .legacy .article-category-card__dropdown-list--buitenvogels {
  border-bottom: 0.4rem solid #1d91db;
}
.article-category-card--open .legacy .article-category-card__dropdown-list--geiten {
  border-bottom: 0.4rem solid #51a982;
}
.article-category-card--open .legacy .article-category-card__dropdown-list--honden {
  border-bottom: 0.4rem solid #b6985e;
}
.article-category-card--open .legacy .article-category-card__dropdown-list--katten {
  border-bottom: 0.4rem solid #b6985e;
}
.article-category-card--open .legacy .article-category-card__dropdown-list--kippen {
  border-bottom: 0.4rem solid #63a53c;
}
.article-category-card--open .legacy .article-category-card__dropdown-list--cavias {
  border-bottom: 0.4rem solid #e0ad39;
}
.article-category-card--open .legacy .article-category-card__dropdown-list--konijnen {
  border-bottom: 0.4rem solid #b99110;
}
.article-category-card--open .legacy .article-category-card__dropdown-list--kooivogels {
  border-bottom: 0.4rem solid #d17837;
}
.article-category-card--open .legacy .article-category-card__dropdown-list--paarden {
  border-bottom: 0.4rem solid #848cba;
}
.article-category-card--open .legacy .article-category-card__dropdown-list--parkdieren {
  border-bottom: 0.4rem solid #7bb13a;
}
.article-category-card--open .legacy .article-category-card__dropdown-list--postduiven {
  border-bottom: 0.4rem solid #b63db8;
}
.article-category-card--open .legacy .article-category-card__dropdown-list--sierduiven {
  border-bottom: 0.4rem solid #566a86;
}
.article-category-card--open .legacy .article-category-card__dropdown-list--siervogels {
  border-bottom: 0.4rem solid #921a1d;
}
.article-category-card--open .legacy .article-category-card__dropdown-list--watervogels {
  border-bottom: 0.4rem solid #50aaae;
}
.article-category-card--open .legacy .article-category-card__dropdown-list--schapen {
  border-bottom: 0.4rem solid #b0aa00;
}
.article-category-card--open .legacy .article-category-card__dropdown-list--multiple-categories {
  border-bottom: 0.4rem solid #17659E;
}
.legacy .article-category-card__dropdown-list--buitenvogels {
  border-color: #1d91db;
}
.legacy .article-category-card__dropdown-list--geiten {
  border-color: #51a982;
}
.legacy .article-category-card__dropdown-list--honden {
  border-color: #b6985e;
}
.legacy .article-category-card__dropdown-list--katten {
  border-color: #b6985e;
}
.legacy .article-category-card__dropdown-list--kippen {
  border-color: #63a53c;
}
.legacy .article-category-card__dropdown-list--cavias {
  border-color: #e0ad39;
}
.legacy .article-category-card__dropdown-list--konijnen {
  border-color: #b99110;
}
.legacy .article-category-card__dropdown-list--kooivogels {
  border-color: #d17837;
}
.legacy .article-category-card__dropdown-list--paarden {
  border-color: #848cba;
}
.legacy .article-category-card__dropdown-list--parkdieren {
  border-color: #7bb13a;
}
.legacy .article-category-card__dropdown-list--postduiven {
  border-color: #b63db8;
}
.legacy .article-category-card__dropdown-list--sierduiven {
  border-color: #566a86;
}
.legacy .article-category-card__dropdown-list--siervogels {
  border-color: #921a1d;
}
.legacy .article-category-card__dropdown-list--watervogels {
  border-color: #50aaae;
}
.legacy .article-category-card__dropdown-list--schapen {
  border-color: #b0aa00;
}
.legacy .article-category-card__dropdown-list--multiple-categories {
  border-color: #17659E;
}
.legacy .article-cta-food-advice__inner {
  display: flex;
}
.legacy .article-cta-food-advice__image {
  display: none;
  height: 39.1rem;
  flex: 0 0 15rem;
}
@media (min-width: 481px) {
  .legacy .article-cta-food-advice__image {
    display: block;
  }
}
@media (min-width: 1024px) {
  .legacy .article-cta-food-advice__image {
    flex: 0 0 25rem;
  }
}
.legacy .article-cta-food-advice__content {
  display: flex;
  flex-flow: column nowrap;
}
@media (min-width: 481px) {
  .legacy .article-cta-food-advice__content {
    padding-left: 2.5rem;
  }
}
.legacy .article-cta-food-advice__buttons {
  display: flex;
  margin-top: 2.5rem;
  flex-flow: column nowrap;
}
@media (min-width: 481px) {
  .legacy .article-cta-food-advice__buttons {
    margin-top: auto;
  }
}
.legacy .article-group-card__image-container {
  width: 34.8rem;
  max-width: 100%;
  height: 20rem;
}
@media (min-width: 1024px) {
  .legacy .article-group-card__image-container {
    height: 40rem;
  }
}
.legacy .article-group-card__image-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.legacy .article-group-cta {
  border-top: 2px solid #E6462A;
}
.legacy .article-group-cta__inner {
  background: #fff;
  position: relative;
  width: 90%;
  padding: 5rem 4.4rem 8.8rem;
  border-right: 1px solid rgba(24, 82, 106, 0.29);
  border-bottom: 1px solid rgba(24, 82, 106, 0.29);
  border-left: 1px solid rgba(24, 82, 106, 0.29);
}
.legacy .article-group-cta__title {
  font-weight: 600;
}
.legacy .article-group-cta__button-wrapper {
  position: absolute;
  bottom: -2.2rem;
  left: 4.4rem;
  width: 100%;
}
.legacy .article-group-cta + .article-group-cta {
  margin-top: 5rem;
}
.legacy .article-group {
  display: flex;
  margin: 0;
  flex-flow: row wrap;
}
.legacy .article-menu {
  padding-right: 48px;
  padding-left: 48px;
}
@media (min-width: 1024px) {
  .legacy .article-menu {
    padding-right: 4.2rem;
    padding-left: 4.2rem;
  }
}
.legacy .article-menu__header h2 {
  color: #fff;
  text-transform: uppercase;
}
.legacy .article-menu__border {
  position: relative;
  z-index: 30;
  margin-top: 1rem;
  margin-right: 0;
  margin-bottom: 1.7rem;
  border-bottom: 2px solid currentColor;
}
.legacy .article-menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.legacy .article-menu ul li {
  padding: 0;
  margin: 0;
  list-style: none;
}
.legacy .article-menu__quick-menu ul li {
  padding-top: 0.5rem;
  padding-bottom: 0.7rem;
}
.legacy .article-menu__quick-menu ul li > a {
  font-size: 23px;
}
@media only screen and (min-width: 1024px) {
  .legacy .article-menu__quick-menu ul li > a {
    font-size: 2.3rem;
  }
}
.legacy .article-menu__quick-menu ul li > a {
  display: block;
  font-weight: 700;
  line-height: 1.25;
  color: #B9CBD2;
}
.legacy .article-menu__quick-menu ul li > a:hover {
  color: #fff;
  text-decoration: underline;
}
.legacy .article-menu .article-menu__list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.legacy .article-menu .article-menu__list li {
  padding-top: 0.5rem;
  padding-bottom: 0.7rem;
}
.legacy .article-menu .article-menu__list li > a {
  font-size: 23px;
}
@media only screen and (min-width: 1024px) {
  .legacy .article-menu .article-menu__list li > a {
    font-size: 2.3rem;
  }
}
.legacy .article-menu .article-menu__list li > a {
  display: block;
  font-weight: 700;
  line-height: 1.25;
  color: #B9CBD2;
}
.legacy .article-menu .article-menu__list li > a:hover {
  color: #fff;
  text-decoration: underline;
}
.legacy .article-menu .article-menu__list li > a.article-menu__list__link--active {
  color: #fff;
}
.legacy .article-menu .article-menu__list li > a + .article-menu__list--post {
  padding-top: 0.5rem;
}
.legacy .article-menu .article-menu__list--sub {
  padding-top: 0.4rem;
  padding-left: 2.5rem;
}
.legacy .article-menu .article-menu__list--sub > li {
  padding-top: 0.2rem;
  padding-bottom: 0.3rem;
}
.legacy .article-menu .article-menu__list--sub > li > a {
  font-size: 19px;
}
@media only screen and (min-width: 1024px) {
  .legacy .article-menu .article-menu__list--sub > li > a {
    font-size: 1.9rem;
  }
}
.legacy .article-menu .article-menu__list--sub > li > a {
  position: relative;
  padding: 0.3rem 0;
  font-weight: 400;
  line-height: 1.25;
  color: #fff;
}
.legacy .article-menu .article-menu__list--sub > li > a:hover {
  color: #fff;
}
.legacy .article-menu .article-menu__list--sub > li > a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -2rem;
  width: 0;
  height: 0;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
  border-width: 5px 0 5px 8px;
  transform: translateY(-40%);
}
.legacy .article-menu .article-menu__list--sub > li > a.article-menu__list__link--active {
  font-weight: 700;
}
.legacy .article-menu .article-menu__list--sub > li > a.article-menu__list__link--active::before {
  border-color: #fff transparent transparent;
  border-width: 8px 5px 0 5px;
}
.legacy .article-menu .article-menu__list--post {
  padding-left: 1.7rem;
}
.legacy .article-menu .article-menu__list--post li {
  padding-top: 0;
  padding-bottom: 0;
}
.legacy .article-menu .article-menu__list--post li > a {
  font-size: 1.4rem;
}
@media only screen and (min-width: 768px) {
  .legacy .article-menu .article-menu__list--post li > a {
    font-size: 1.6rem;
  }
}
.legacy .article-menu .article-menu__list--post li > a {
  padding: 0.3rem 0;
  font-weight: 400;
  color: #fff;
}
.legacy .article-menu .article-menu__list--post li > a:hover {
  color: #fff;
}
.legacy .article-menu .article-menu__list--post li > a.article-menu__list__link--active {
  font-weight: 700;
}
.legacy .article-menu-button {
  display: block;
  width: 100%;
}
.legacy .article-order-options__order-types {
  position: relative;
}
.legacy .article-order-options__order-types input[type=radio] {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.legacy .article-order-options__order-types__item {
  position: relative;
  width: 100%;
  margin-bottom: 2.5rem;
  border: 2px solid #B9CBD2;
}
.legacy .article-order-options__order-types__item:has(input[type=radio]:checked) {
  border-color: #18526A;
  margin-bottom: 6rem;
  z-index: 10;
}
.legacy .article-order-options__order-types__item-label {
  position: relative;
  z-index: 3;
  display: flex;
  padding: 2rem 1.7rem;
  transition: all 0.2s ease-in-out;
  justify-content: flex-start;
  align-items: center;
}
.legacy .article-order-options__order-types__item-label:hover {
  font-weight: 700;
  cursor: pointer;
}
.legacy .article-order-options__order-types__item-label::before {
  margin-right: 1.35rem;
  transition: all 0.35s;
  display: inline-block;
  content: "";
  height: 0;
  width: 0;
  pointer-events: none;
}
.legacy .article-order-options__order-types__item-content {
  position: relative;
  max-height: 0;
  padding: 0 1em;
  background: #fff;
  transition: all 0.35s;
  z-index: 3;
  opacity: 0;
}
.legacy .article-order-options__order-types__item-content a:not(.button):not([class*=animal-color-]) {
  color: #E6462A;
  text-decoration: underline;
}
.legacy .article-order-options__order-types__item-content a:not(.button):not([class*=animal-color-]):hover {
  color: rgb(174.9642857143, 43.5357142857, 20.5357142857);
}
.legacy .article-order-options__order-types__item-content__dealers a:not(.button):not([class*=animal-color-]) {
  text-decoration: none;
}
.legacy .article-order-options__order-types__item-link {
  position: absolute;
  bottom: -1rem;
  left: 4rem;
  transform: translateY(50%);
  z-index: 4;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.35s, opacity 0.35s;
}
.legacy .article-order-options__order-types input:checked + .article-order-options__order-types__item-label {
  font-weight: 700;
}
.legacy .article-order-options__order-types input:checked + .article-order-options__order-types__item-label::before {
  transform: rotate(90deg);
}
.legacy .article-order-options__order-types input:checked ~ .article-order-options__order-types__item-content {
  max-height: 100vh;
  padding: 0 4rem 4rem;
  margin: 1rem;
  opacity: 1;
}
.legacy .article-order-options__order-types input:checked ~ .article-order-options__order-types__item-content .article-order-options__order-types__item-link {
  visibility: visible;
  opacity: 1;
}
.legacy .article-related-groups {
  position: relative;
}
@media (min-width: 768px) {
  .legacy .article-related-groups:after {
    content: "";
    position: absolute;
    top: 70%;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    display: block;
    background-color: #fff;
  }
}
.legacy .article-related-groups__card {
  position: relative;
  z-index: 2;
  display: block;
  flex: 1;
}
.legacy .article-related-groups__card__image {
  padding-bottom: 67.055393586%;
  background-color: #fff;
  opacity: 1;
  transition: opacity 0.3s;
}
.legacy .article-related-groups__card__title {
  padding-top: 1.7rem;
  transition: color 0.3s;
}
.legacy .article-related-groups__card:hover .article-related-groups__card__title {
  color: #0b2b7b;
}
.legacy .article-related-groups__card:hover .article-related-groups__card__image {
  opacity: 0.9;
}
.legacy .article-tabs {
  position: relative;
}
@media (min-width: 768px) {
  .legacy .article-tabs {
    position: sticky;
    top: 10rem;
    left: 0;
    z-index: 30;
  }
}
.legacy .article-tabs__list {
  padding-top: 1.25rem;
  margin: 0 2.5rem;
  list-style: none;
}
@media (min-width: 768px) {
  .legacy .article-tabs__list {
    position: relative;
    z-index: 2;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    margin: 0 1.2rem;
    background-color: #fff;
  }
  .legacy .article-tabs__list li {
    margin: 0 0.5rem;
    flex: 1 0 auto;
  }
}
@media (min-width: 1024px) {
  .legacy .article-tabs__list {
    margin: 0;
  }
  .legacy .article-tabs__list li {
    margin: 0 2.4rem;
  }
}
.legacy .article-tabs__list-border {
  position: relative;
  z-index: 1;
  margin: 2.5rem 2.5rem 0;
}
@media (min-width: 768px) {
  .legacy .article-tabs__list-border {
    margin: 0;
  }
}
.legacy .article-tabs__link {
  display: block;
  padding: 1.2rem 2.5rem 1.4rem;
  margin-bottom: 0.5rem;
  text-align: center;
  background-color: #fff;
  border: 1px solid #B9CBD2;
  transition: border 0.2s, background 0.2s, color 0.2s, font-weight 0.2s;
}
@media (min-width: 768px) {
  .legacy .article-tabs__link {
    height: 6rem;
    padding: 1.2rem 1rem 1.4rem;
    margin-bottom: -2px;
  }
}
@media (min-width: 1024px) {
  .legacy .article-tabs__link {
    padding: 1.2rem 2.5rem 1.4rem;
  }
}
.legacy .article-tabs__link:hover {
  border-color: #18526A;
}
@media (min-width: 768px) {
  .legacy .article-tabs__link--active {
    font-weight: 700;
    border-bottom-color: #fff;
    border-width: 2px;
  }
}
@media (min-width: 1024px) {
  .legacy .article-tabs__link--active:hover {
    font-weight: 700;
  }
}
@media (min-width: 768px) {
  .legacy .article__basic-information {
    padding-left: 0;
  }
}
@media (min-width: 1024px) {
  .legacy .article__basic-information {
    padding-left: 2.5rem;
  }
}
@media (min-width: 1201px) {
  .legacy .article__basic-information {
    padding-left: 0;
  }
}
.legacy .article__title {
  font-family: "ff-cocon-pro", "myriad-pro", sans-serif;
}
.legacy .article__image-container {
  padding-top: 0;
}
@media (min-width: 1201px) {
  .legacy .article__image-container {
    padding-left: 0;
  }
}
.legacy .article__image img {
  width: auto;
  max-height: 42.3rem;
  margin: 0 auto;
}
.legacy .article__sub-title {
  padding: 0 0 0.6rem;
}
.legacy .article__weights {
  position: relative;
  display: flex;
}
.legacy .article__weights-item {
  padding: 1.3rem 0 1.7rem;
  margin-right: 2rem;
  font-size: 23px;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
  flex: 1;
}
.legacy .article__bottom-line {
  margin-top: 1.5rem;
}
@media (min-width: 1024px) {
  .legacy .article__bottom-line {
    margin-top: 2.5rem;
  }
}
.legacy .article__bottom-line--cb {
  margin-top: -1.5rem;
}
@media (min-width: 1024px) {
  .legacy .article__bottom-line--cb {
    margin-top: -7.5rem;
  }
}
.legacy .article__column-element {
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}
.legacy .article__two-columns {
  -moz-columns: 1;
       columns: 1;
  -moz-column-gap: 5rem;
       column-gap: 5rem;
}
@media (min-width: 768px) {
  .legacy .article__two-columns {
    -moz-columns: 2;
         columns: 2;
  }
}
.legacy .article__description-image {
  z-index: -1;
}
.legacy .article__description-image img {
  max-width: 30rem;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1201px) {
  .legacy .article__description-image img {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .legacy .article__description-image {
    transform: translateY(6.5rem);
  }
}
.legacy .article__reviews {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.legacy .article__reviews-count {
  text-decoration: underline;
  font-size: 1.4rem;
}
@media only screen and (min-width: 768px) {
  .legacy .article__reviews-count {
    font-size: 1.7rem;
  }
}
.legacy .article__reviews-count:hover {
  text-decoration: none;
}
.legacy .article__product-videos {
  margin-left: -4px;
  width: calc(100% + 6px);
}
.legacy .article__product-videos .slider {
  display: flex;
}
.legacy .article__product-videos .slider.slick-initialized {
  display: block;
}
.legacy .article__product-videos .slide {
  width: 33%;
}
.legacy .article__product-videos button.slick-arrow:not([class*=tw-]) {
  background: transparent;
}
.legacy .article__product-videos button.slick-arrow:not([class*=tw-])::before {
  font-family: "myriad-pro", sans-serif;
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="15" fill="none" viewBox="0 0 10 15"><path stroke="%2318526A" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.4" d="m1.5 13.5 7-5.867-7-6.133"/></svg>');
  background-position: center;
  background-repeat: no-repeat;
}
.legacy .article__product-videos button.slick-arrow:not([class*=tw-]).slick-prev::before {
  transform: rotate(180deg);
}
.legacy .assortiment-banner {
  width: 100%;
  height: 8rem;
  margin-top: 2.5rem;
  background-color: #17659E;
  background-position: top -8rem center;
  background-repeat: no-repeat;
  border-bottom: 1.2rem solid #17659E;
}
@media (min-width: 1024px) {
  .legacy .assortiment-banner {
    height: 20rem;
    margin-top: 0;
  }
}
.legacy .assortiment-bg:before {
  content: "";
  position: absolute;
  top: 0;
  right: -100vw;
  bottom: 0;
  left: 0;
  z-index: -1;
  margin: 14rem 0 0 7rem;
  bottom: -19rem;
}
.legacy .assortiment-bg--buitenvogels:before {
  background-color: #D1E9F7;
}
.legacy .assortiment-bg--geiten:before {
  background-color: #DCEDE6;
}
.legacy .assortiment-bg--honden:before {
  background-color: #F0EADE;
}
.legacy .assortiment-bg--katten:before {
  background-color: #F0EADE;
}
.legacy .assortiment-bg--kippen:before {
  background-color: #DFEDD8;
}
.legacy .assortiment-bg--cavias:before {
  background-color: #F8EED7;
}
.legacy .assortiment-bg--konijnen:before {
  background-color: #F1E9CF;
}
.legacy .assortiment-bg--kooivogels:before {
  background-color: #F5E4D7;
}
.legacy .assortiment-bg--paarden:before {
  background-color: #E6E8F1;
}
.legacy .assortiment-bg--parkdieren:before {
  background-color: #E4EFD7;
}
.legacy .assortiment-bg--postduiven:before {
  background-color: #F7EBF7;
}
.legacy .assortiment-bg--sierduiven:before {
  background-color: #DDE1E6;
}
.legacy .assortiment-bg--siervogels:before {
  background-color: #F4E8E8;
}
.legacy .assortiment-bg--watervogels:before {
  background-color: #DCEEEE;
}
.legacy .assortiment-bg--schapen:before {
  background-color: #EFEECC;
}
.legacy .assortiment-bg--multiple-categories:before {
  background-color: #17659E;
}
.legacy .assortiment-content__facts {
  position: relative;
}
.legacy .assortiment-content__facts:after {
  content: "";
  position: absolute;
  top: 0;
  height: 0.2rem;
  left: -4.5rem;
  right: 0;
  z-index: 9;
}
.legacy .assortiment-content__facts--buitenvogels:after {
  background-color: #1d91db;
}
.legacy .assortiment-content__facts--geiten:after {
  background-color: #51a982;
}
.legacy .assortiment-content__facts--honden:after {
  background-color: #b6985e;
}
.legacy .assortiment-content__facts--katten:after {
  background-color: #b6985e;
}
.legacy .assortiment-content__facts--kippen:after {
  background-color: #63a53c;
}
.legacy .assortiment-content__facts--cavias:after {
  background-color: #e0ad39;
}
.legacy .assortiment-content__facts--konijnen:after {
  background-color: #b99110;
}
.legacy .assortiment-content__facts--kooivogels:after {
  background-color: #d17837;
}
.legacy .assortiment-content__facts--paarden:after {
  background-color: #848cba;
}
.legacy .assortiment-content__facts--parkdieren:after {
  background-color: #7bb13a;
}
.legacy .assortiment-content__facts--postduiven:after {
  background-color: #b63db8;
}
.legacy .assortiment-content__facts--sierduiven:after {
  background-color: #566a86;
}
.legacy .assortiment-content__facts--siervogels:after {
  background-color: #921a1d;
}
.legacy .assortiment-content__facts--watervogels:after {
  background-color: #50aaae;
}
.legacy .assortiment-content__facts--schapen:after {
  background-color: #b0aa00;
}
.legacy .assortiment-content__facts--multiple-categories:after {
  background-color: #17659E;
}
.legacy .assortiment-content__facts__title {
  color: #63a53c;
}
.legacy .assortiment-content__facts__content {
  background-color: #fff;
  border: 1px solid #18526A;
  padding: 4.4rem;
}
.legacy .assortiment-content__facts__slider-container {
  overflow: hidden;
}
.legacy .assortiment-content__facts__slider-arrows {
  font-size: 2.4rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.legacy .assortiment-content__facts__slider-arrows.swiper-button-disabled {
  color: #DDDDDD;
}
.legacy .assortiment-content__facts__slider-arrows--prev {
  left: -1.5rem;
}
.legacy .assortiment-content__facts__slider-arrows--next {
  right: -1.5rem;
}
@media (min-width: 1024px) {
  .legacy .assortiment-filter {
    position: sticky;
    top: 34rem;
    bottom: 5rem;
    z-index: 900;
  }
}
@media (min-width: 1024px) {
  .legacy .assortiment-filter__inner {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
  }
}
.legacy .assortiment-filter__header {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
}
.legacy .assortiment-filter__toggle-button {
  display: inline-flex;
  padding: 0 0 0 1rem;
  margin: 0;
  color: #E6462A;
  background-color: #fff;
  border-radius: 0;
  transition: border 0.2s, background 0.2s, color 0.2s;
  align-items: center;
}
.legacy .assortiment-filter__toggle-button::after {
  content: "";
  width: 5rem;
  height: 5rem;
  margin-left: 1rem;
  background-color: #E6462A;
  background-image: url("../images/icon-filter.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 3.3rem auto;
  transition: background-color 0.2s;
}
.legacy .assortiment-filter__toggle-button:hover {
  color: #18526A;
}
.legacy .assortiment-filter__toggle-button:hover::after {
  background-color: #18526A;
}
.legacy .assortiment-filter__content {
  display: none;
  background-color: #fff;
  border: 1px solid #E6462A;
  border-top-width: 6px;
}
@media (min-width: 1024px) {
  .legacy .assortiment-filter__content {
    width: 25rem;
    max-height: calc(100vh - 15rem);
    overflow: hidden;
  }
}
.no-js .legacy .assortiment-filter__content {
  display: block;
}
.legacy .assortiment-filter__form-content {
  padding: 2.5rem;
  border-bottom: 1px solid #B9CBD2;
}
@media (min-width: 1024px) {
  .legacy .assortiment-filter__form-content {
    position: relative;
    height: 100%;
    max-height: calc(100vh - 22.8rem);
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 3.1rem;
  }
}
.legacy .assortiment-filter__form-footer {
  height: 7.1rem;
  padding: 1rem 2.5rem;
}
@media (min-width: 1024px) {
  .legacy .assortiment-filter__form-footer {
    padding: 1rem 3.1rem;
  }
}
.legacy .assortiment-filter__submit {
  background-color: #E6462A;
  border-radius: 0;
}
.legacy .assortiment-filter__submit:hover {
  background-color: #18526A;
}
.legacy .assortiment-filter__filter-section {
  padding-bottom: 1rem;
}
.legacy .assortiment-filter__filter-section__header {
  display: flex;
  padding: 0.3rem 0;
  border-bottom: 1px solid #18526A;
  justify-content: space-between;
  align-items: center;
}
.legacy .assortiment-filter__filter-section__header::after {
  font-size: 2rem;
}
@media only screen and (min-width: 1024px) {
  .legacy .assortiment-filter__filter-section__header::after {
    font-size: 2.3rem;
  }
}
.legacy .assortiment-filter__filter-section__header::after {
  content: "\f106";
  display: block;
  margin-right: 0.7rem;
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  transform: rotate(0);
  transition: transform 0.2s;
}
.legacy .assortiment-filter__filter-section__items {
  display: none;
}
.no-js .legacy .assortiment-filter__filter-section__items {
  display: block;
}
.legacy .assortiment-filter__filter-section__item {
  display: block;
}
.legacy .assortiment-filter__filter-section__item label {
  position: relative;
  display: block;
  padding: 0.8rem 1.7rem;
  margin: 0.5rem 0;
  text-align: center;
  cursor: pointer;
  border: 1px solid #B9CBD2;
  transition: background-color 0.2s, border 0.2s;
}
.legacy .assortiment-filter__filter-section__item label::after {
  font-size: 1.4rem;
}
@media only screen and (min-width: 1024px) {
  .legacy .assortiment-filter__filter-section__item label::after {
    font-size: 1.5rem;
  }
}
.legacy .assortiment-filter__filter-section__item label::after {
  content: "\f00d";
  position: absolute;
  top: 50%;
  right: 0.8rem;
  width: 1rem;
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  color: #B9CBD2;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-50%);
  transition: opacity 0.2s, visibility 0.2s, color 0.2s;
}
@media (min-width: 1024px) {
  .legacy .assortiment-filter__filter-section__item label:hover {
    border-color: #18526A;
  }
}
.legacy .assortiment-filter__filter-section__item input {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.legacy .assortiment-filter__filter-section__item input:checked ~ label {
  background-color: #DCE5E8;
  border-color: rgb(153.9565217391, 179.9391304348, 190.0434782609);
}
.legacy .assortiment-filter__filter-section__item input:checked ~ label::after {
  opacity: 1;
  visibility: visible;
}
@media (min-width: 1024px) {
  .legacy .assortiment-filter__filter-section__item input:checked ~ label:hover {
    border-color: #18526A;
  }
  .legacy .assortiment-filter__filter-section__item input:checked ~ label:hover::after {
    color: #18526A;
  }
}
.legacy .assortiment-filter__filter-section--open .assortiment-filter__filter-section__items {
  display: block;
}
.legacy .assortiment-filter__filter-section--open .assortiment-filter__filter-section__header::after {
  transform: rotate(180deg);
}
.legacy .assortiment-filter--open .assortiment-filter__content {
  display: block;
}
.legacy .assortiment-filter--open .assortiment-filter__toggle-button::after {
  background-image: url("../images/icon-close.svg");
}
@media (min-width: 1024px) {
  .legacy .assortiment-filter--open-on-load .assortiment-filter__content {
    display: block;
  }
  .legacy .assortiment-filter--open-on-load .assortiment-filter__toggle-button::after {
    background-image: url("../images/icon-close.svg");
  }
}
.legacy .assortiment-sub-terms-menu {
  display: flex;
  padding: 5rem 0 5rem 4.5rem;
  margin: 0 0 0 -4.5rem;
  border-bottom: 2px solid currentColor;
  flex-flow: wrap;
  gap: 2rem;
}
@media (min-width: 768px) {
  .legacy .assortiment-sub-terms-menu {
    padding: 5rem 0 5rem 4.5rem;
    gap: 2.6rem;
  }
}
.legacy .assortiment-sub-terms-menu__item-wrapper {
  display: flex;
  flex: 0 1 50%;
}
@media (min-width: 768px) {
  .legacy .assortiment-sub-terms-menu__item-wrapper {
    flex: 0 1 33.3333333333%;
  }
}
@media (min-width: 90em) {
  .legacy .assortiment-sub-terms-menu__item-wrapper {
    flex: 0 1 25%;
  }
}
.legacy .assortiment-sub-terms-menu__item {
  position: relative;
  display: flex;
  min-height: 9rem;
  padding: 1rem 1rem;
  color: #18526A;
  overflow: hidden;
  text-align: center;
  background-color: #fff;
  border: 1px solid #18526A;
  flex: 1;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  .legacy .assortiment-sub-terms-menu__item {
    padding: 1rem 3.4rem;
  }
}
.legacy .assortiment-sub-terms-menu__item .h4, .legacy .assortiment-sub-terms-menu__item h4 {
  padding-top: 0.5rem;
}
.legacy .assortiment-sub-terms-menu__item:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.6rem;
  opacity: 0;
  visibility: hidden;
  transform: translateY(100%);
  transition: transform 0.2s;
}
.legacy .assortiment-sub-terms-menu__item:hover {
  color: #18526A;
}
.legacy .assortiment-sub-terms-menu__item:hover:after {
  background-color: #18526A;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.legacy .assortiment-sub-terms-menu__item--active {
  color: #fff;
  background-color: #18526A;
}
.legacy .assortiment-sub-terms-menu__item--active:hover {
  color: #fff;
}
.legacy .assortiment-sub-terms-menu__item--active:after {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.legacy .assortiment-sub-terms-menu__item--active.animal-color--buitenvogels:after {
  background-color: #1d91db;
}
.legacy .assortiment-sub-terms-menu__item--active.animal-color--geiten:after {
  background-color: #51a982;
}
.legacy .assortiment-sub-terms-menu__item--active.animal-color--honden:after {
  background-color: #b6985e;
}
.legacy .assortiment-sub-terms-menu__item--active.animal-color--katten:after {
  background-color: #b6985e;
}
.legacy .assortiment-sub-terms-menu__item--active.animal-color--kippen:after {
  background-color: #63a53c;
}
.legacy .assortiment-sub-terms-menu__item--active.animal-color--cavias:after {
  background-color: #e0ad39;
}
.legacy .assortiment-sub-terms-menu__item--active.animal-color--konijnen:after {
  background-color: #b99110;
}
.legacy .assortiment-sub-terms-menu__item--active.animal-color--kooivogels:after {
  background-color: #d17837;
}
.legacy .assortiment-sub-terms-menu__item--active.animal-color--paarden:after {
  background-color: #848cba;
}
.legacy .assortiment-sub-terms-menu__item--active.animal-color--parkdieren:after {
  background-color: #7bb13a;
}
.legacy .assortiment-sub-terms-menu__item--active.animal-color--postduiven:after {
  background-color: #b63db8;
}
.legacy .assortiment-sub-terms-menu__item--active.animal-color--sierduiven:after {
  background-color: #566a86;
}
.legacy .assortiment-sub-terms-menu__item--active.animal-color--siervogels:after {
  background-color: #921a1d;
}
.legacy .assortiment-sub-terms-menu__item--active.animal-color--watervogels:after {
  background-color: #50aaae;
}
.legacy .assortiment-sub-terms-menu__item--active.animal-color--schapen:after {
  background-color: #b0aa00;
}
.legacy .assortiment-sub-terms-menu__item--active.animal-color--multiple-categories:after {
  background-color: #17659E;
}
.legacy .assortiment-content__title {
  padding-top: 1.5rem;
  padding-bottom: -1rem;
}
@media (min-width: 768px) {
  .legacy .assortiment-content__title {
    padding-top: 5rem;
    padding-bottom: 2.5rem;
  }
}
.legacy .assortiment-content__title--buitenvogels span {
  color: #1d91db;
}
.legacy .assortiment-content__title--geiten span {
  color: #51a982;
}
.legacy .assortiment-content__title--honden span {
  color: #b6985e;
}
.legacy .assortiment-content__title--katten span {
  color: #b6985e;
}
.legacy .assortiment-content__title--kippen span {
  color: #63a53c;
}
.legacy .assortiment-content__title--cavias span {
  color: #e0ad39;
}
.legacy .assortiment-content__title--konijnen span {
  color: #b99110;
}
.legacy .assortiment-content__title--kooivogels span {
  color: #d17837;
}
.legacy .assortiment-content__title--paarden span {
  color: #848cba;
}
.legacy .assortiment-content__title--parkdieren span {
  color: #7bb13a;
}
.legacy .assortiment-content__title--postduiven span {
  color: #b63db8;
}
.legacy .assortiment-content__title--sierduiven span {
  color: #566a86;
}
.legacy .assortiment-content__title--siervogels span {
  color: #921a1d;
}
.legacy .assortiment-content__title--watervogels span {
  color: #50aaae;
}
.legacy .assortiment-content__title--schapen span {
  color: #b0aa00;
}
.legacy .assortiment-content__title--multiple-categories span {
  color: #17659E;
}
.legacy .back-to-top {
  position: fixed;
  right: 1.5rem;
  bottom: 25%;
  z-index: 1000;
  display: inline-flex;
  width: 4rem;
  height: 4rem;
  text-align: center;
  background-color: #18526A;
  border-radius: 50%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  justify-content: center;
  align-items: center;
}
.legacy .back-to-top i {
  margin-top: -0.2rem;
  line-height: 4rem;
  color: #fff;
}
.legacy .back-to-top--show {
  opacity: 1;
  visibility: visible;
}
.legacy input[type=submit].button,
.legacy .rr_form_input input[type=submit]#submitReview,
.legacy button.button,
.legacy .button {
  font-size: 1.5rem;
}
@media only screen and (min-width: 1024px) {
  .legacy input[type=submit].button,
  .legacy .rr_form_input input[type=submit]#submitReview,
  .legacy button.button,
  .legacy .button {
    font-size: 1.9rem;
  }
}
.legacy input[type=submit].button,
.legacy .rr_form_input input[type=submit]#submitReview,
.legacy button.button,
.legacy .button {
  padding: 1rem 4rem;
  font-weight: 700;
  color: #fff;
  background: #E6462A;
  border-radius: 0;
}
.legacy input[type=submit].button:hover,
.legacy .rr_form_input input[type=submit]#submitReview:hover,
.legacy button.button:hover,
.legacy .button:hover {
  color: #fff;
  background: #17659E;
}
.legacy input[type=submit].button--outline,
.legacy .rr_form_input input[type=submit]#submitReview--outline,
.legacy button.button--outline,
.legacy .button--outline {
  color: #18526A;
  background-color: transparent;
  border: 1px solid #B9CBD2;
}
.legacy input[type=submit].button--outline:hover,
.legacy .rr_form_input input[type=submit]#submitReview--outline:hover,
.legacy button.button--outline:hover,
.legacy .button--outline:hover {
  color: #18526A;
  background-color: transparent;
  border-color: #18526A;
}
.legacy input[type=submit].button--download,
.legacy .rr_form_input input[type=submit]#submitReview--download,
.legacy button.button--download,
.legacy .button--download {
  position: relative;
  padding: 1.2rem 4rem 1.2rem 4.5rem;
  margin-bottom: 1.7rem;
  font-weight: 400;
  text-align: left;
}
.legacy input[type=submit].button--download::before,
.legacy .rr_form_input input[type=submit]#submitReview--download::before,
.legacy button.button--download::before,
.legacy .button--download::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 2rem;
  width: 0;
  height: 0;
  transform: translateY(-40%);
}
.legacy input[type=submit].button--full-width,
.legacy .rr_form_input input[type=submit]#submitReview--full-width,
.legacy button.button--full-width,
.legacy .button--full-width {
  width: 100%;
}
.legacy input[type=submit].button--no-styling,
.legacy .rr_form_input input[type=submit]#submitReview--no-styling,
.legacy button.button--no-styling,
.legacy .button--no-styling {
  padding: 0;
  color: inherit;
  background-color: transparent;
  border-radius: 0;
}
.legacy input[type=submit].button--cta-food-advice,
.legacy .rr_form_input input[type=submit]#submitReview--cta-food-advice,
.legacy button.button--cta-food-advice,
.legacy .button--cta-food-advice {
  position: relative;
  padding: 1.2rem 2rem 1.2rem 4.5rem;
  margin-bottom: 1.7rem;
  font-weight: 400;
  text-align: left;
}
.legacy input[type=submit].button--cta-food-advice__bullet-point,
.legacy .rr_form_input input[type=submit]#submitReview--cta-food-advice__bullet-point,
.legacy button.button--cta-food-advice__bullet-point,
.legacy .button--cta-food-advice__bullet-point {
  content: "";
  display: inline-block;
  width: 27px;
  height: 19px;
  position: absolute;
  top: 50%;
  left: 1rem;
  vertical-align: middle;
  transform: translateY(-55%);
}
.legacy input[type=submit].button--read-more,
.legacy .rr_form_input input[type=submit]#submitReview--read-more,
.legacy button.button--read-more,
.legacy .button--read-more {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  padding: 0;
  background-color: transparent;
  margin-top: 2.6rem;
  font-weight: 700;
  font-size: 1.9rem;
  color: #18526A;
}
.legacy input[type=submit].button--read-more:hover,
.legacy .rr_form_input input[type=submit]#submitReview--read-more:hover,
.legacy button.button--read-more:hover,
.legacy .button--read-more:hover {
  background-color: transparent;
  color: #17659E;
}
.legacy input[type=submit].button--read-more--open i,
.legacy .rr_form_input input[type=submit]#submitReview--read-more--open i,
.legacy button.button--read-more--open i,
.legacy .button--read-more--open i {
  transform: rotate(180deg);
}
.legacy .category-filter {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  list-style: none;
}
.legacy .category-filter__item {
  margin-right: 1.875rem;
}
.legacy .category-filter__item a {
  font-size: 1.5rem;
}
@media only screen and (min-width: 768px) {
  .legacy .category-filter__item a {
    font-size: 1.9rem;
  }
}
.legacy .category-filter__item a {
  display: block;
  padding: 0.5rem 0;
  color: #4a4a4a;
}
.legacy .category-filter__item a:hover {
  color: #18526A;
}
.legacy .category-filter__item--active a {
  color: #18526A;
}
.legacy .container--viewport-height {
  min-height: calc(100vh - 23.9rem - 8rem);
}
@media (min-width: 1024px) {
  .legacy .cta__content {
    padding: 5rem;
  }
}
.legacy .cta__title {
  font-size: 2rem;
}
@media only screen and (min-width: 768px) {
  .legacy .cta__title {
    font-size: 3.2rem;
  }
}
@media only screen and (min-width: 1024px) {
  .legacy .cta__title {
    font-size: 4rem;
  }
}
.legacy .cta__title {
  line-height: 1.2;
}
.legacy .cta__image-container {
  padding: 0;
}
@media (min-width: 768px) {
  .legacy .cta__image-container {
    padding: 2.5rem;
  }
}
.legacy .cta__image {
  position: relative;
  display: block;
  height: 0;
  padding-bottom: 50%;
  background-position: center;
  background-size: cover;
}
@media (min-width: 768px) {
  .legacy .cta__image {
    padding-bottom: 80%;
  }
}
@media (min-width: 1024px) {
  .legacy .cta__image {
    margin-top: -7.6rem;
    padding-bottom: 70.28%;
  }
}
.legacy .cta__image img {
  display: none;
}
.legacy .star-rating .screen-reader-text {
  display: none;
}
.legacy .star-rating .star {
  display: inline-block;
}
.legacy .star-rating .star::before {
  color: #caa800;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Pro";
  content: "\f005";
}
.legacy .star-rating .star-full::before {
  font-weight: 700;
}
.legacy .star-rating .star-half::before {
  content: "\f5c0";
  font-weight: 700;
}
.legacy .star-rating .star-empty::before {
  font-weight: 400;
}
.legacy [itemprop=aggregateRating] {
  font-size: 2.3rem;
}
.legacy [itemprop=aggregateRating] .value {
  font-size: 6rem;
  line-height: 1;
  font-weight: 700;
  display: block;
}
.legacy [itemprop=aggregateRating] .votes {
  font-weight: 700;
}
.legacy .customer-review__form {
  visibility: hidden;
  opacity: 0;
  max-height: 0;
  transition: max-height 0.5s 0s ease, opacity 0s 0.2s ease;
}
.legacy .customer-review__form--open {
  visibility: visible;
  opacity: 1;
  max-height: 1000px;
}
.legacy .testimonial {
  margin-top: 5rem;
}
.legacy .rr_title {
  font-size: 1.9rem;
  padding: 0;
}
.legacy .rr_review_name {
  font-size: 1.3rem;
}
.legacy .rr_review_form table {
  width: 100%;
}
.legacy .rr_review_form td {
  vertical-align: top;
}
.legacy .rr_review_form td.rr_form_heading {
  width: 20rem;
}
.legacy .rr_review_form .rr_star::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Pro";
  content: "\f005";
  color: #caa800;
}
.legacy .rr_review_form .rr_star.glyphicon-star::before {
  font-weight: 700;
}
.legacy .rr_review_form .rr_star.glyphicon-star-empty::before {
  font-weight: 400;
}
.legacy .rr-honeydo {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  z-index: -1;
}
.legacy .dealer-locator-sidebar {
  position: absolute;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  background-color: #fff;
}
.legacy .dealer-locator-sidebar--left {
  position: absolute;
  top: 0;
  z-index: 3;
  height: calc(100vh - 120px);
  padding: 3rem 0 5rem;
  box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.12);
}
@media (min-width: 1024px) {
  .legacy .dealer-locator-sidebar--left {
    position: relative;
    width: 300px;
    height: auto;
    padding: 5rem 0;
  }
}
.legacy .dealer-locator-sidebar--right {
  font-size: 1.4rem;
}
@media only screen and (min-width: 768px) {
  .legacy .dealer-locator-sidebar--right {
    font-size: 1.7rem;
  }
}
.legacy .dealer-locator-sidebar--right {
  bottom: 0;
  z-index: 2;
  height: calc(40vh - 120px);
  overflow-y: auto;
  transition: height 0.5s ease-out;
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 1024px) {
  .legacy .dealer-locator-sidebar--right {
    position: sticky;
    top: 10rem;
    width: 256px;
    height: calc(100vh - 120px);
    transform: translateY(0);
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1024px) {
  .legacy .dealer-locator-sidebar.dealer-locator-sidebar-location--open {
    height: calc(100vh - 120px);
  }
}
.legacy .dealer-locator-sidebar .dealer-locator-sidebar-container {
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.legacy .dealer-locator-sidebar .location-container {
  height: 100%;
  padding-top: 5rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 1024px) {
  .legacy .dealer-locator-sidebar .location-container {
    padding-top: 0rem;
    display: flex;
    flex-direction: column;
    overflow-y: unset;
  }
}
.legacy .dealer-locator-sidebar .dealer-locator-sidebar-search__form {
  background: white;
  padding: 0 1rem;
}
.legacy .dealer-locator-sidebar .dealer-locator-sidebar-search__form .search {
  display: flex;
}
.legacy .dealer-locator-sidebar .dealer-locator-sidebar-search__form .search .current-location, .legacy .dealer-locator-sidebar .dealer-locator-sidebar-search__form .search .input, .legacy .dealer-locator-sidebar .dealer-locator-sidebar-search__form .search .submit {
  height: 40px;
}
.legacy .dealer-locator-sidebar .dealer-locator-sidebar-search__form .search .current-location {
  padding: 0rem 1rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
  background: white;
  border: 1px solid #DDDDDD;
  border-right: 0px;
  color: #0b2b7b;
}
.legacy .dealer-locator-sidebar .dealer-locator-sidebar-search__form .search .input {
  flex: 1;
  min-width: 0;
  width: initial;
  border: 1px solid #DDDDDD;
}
.legacy .dealer-locator-sidebar .dealer-locator-sidebar-search__form .search .submit {
  padding: 0 1.5rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  background: #0b2b7b;
  color: #fff;
}
.legacy .dealer-locator-sidebar .dealer-locator-sidebar-search__error {
  display: block;
  padding-top: 0.5rem;
  font-size: 1.7rem;
  color: #ed1c24;
}
.legacy .dealer-locator-sidebar .dealer-locator-sidebar-search .dealer-locator-result-message a {
  font-size: 1.3rem;
  line-height: 1.1;
  white-space: nowrap;
  color: #CE7641;
}
.legacy .dealer-locator-sidebar .dealer-locator-sidebar-filters .dealer-locator-sidebar-filter-list__heading {
  background-color: #FEF6EA;
  font-weight: bold;
  padding: 0 1rem;
}
.legacy .dealer-locator-sidebar .dealer-locator-sidebar-filters .dealer-locator-sidebar-filter-list__content ul.filter_options {
  margin: 1rem 1rem 2rem 1rem;
  list-style: none;
}
.legacy .dealer-locator-sidebar .dealer-locator-sidebar-filters .dealer-locator-sidebar-filter-list__content ul.filter_options--dealer-types {
  margin-bottom: 0;
}
.legacy .dealer-locator-sidebar .dealer-locator-sidebar-filters .dealer-locator-sidebar-filter-list__content ul.filter_options--feed-sale-types {
  margin-top: 0;
}
.legacy .dealer-locator-sidebar .dealer-locator-sidebar-filters .dealer-locator-sidebar-filter-list__content ul.filter_options li {
  padding: 0.4rem 0;
}
.legacy .dealer-locator-sidebar .dealer-locator-sidebar-filters .dealer-locator-sidebar-filter-list__content ul.filter_options li label {
  vertical-align: middle;
}
.legacy .dealer-locator-sidebar .dealer-locator-sidebar-filters .dealer-locator-sidebar-filter-list__content ul.filter_options li label input[type=checkbox] {
  vertical-align: 2px;
  margin: 0 0.5rem 0 0;
  padding: 0;
}
.legacy .dealer-locator-sidebar .location-details {
  flex: 0 0 auto;
}
.legacy .dealer-locator-sidebar .location-details .location-image {
  height: 134px;
  width: 100%;
  max-width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.legacy .dealer-locator-sidebar .location-details .location-content {
  padding: 1rem 1.6rem;
  overflow-wrap: break-word;
}
.legacy .dealer-locator-sidebar .location-details .location-content__title {
  font-weight: bold;
}
.legacy .dealer-locator-sidebar .location-details .location-content__email {
  display: block;
  max-width: 100%;
  overflow: hidden;
  color: #CE7641;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.legacy .dealer-locator-sidebar .location-details .location-buttons {
  padding: 1rem 1.6rem;
}
.legacy .dealer-locator-sidebar .location-details .location-buttons__button {
  font-size: 1.4rem;
}
@media only screen and (min-width: 768px) {
  .legacy .dealer-locator-sidebar .location-details .location-buttons__button {
    font-size: 1.7rem;
  }
}
.legacy .dealer-locator-sidebar .location-details .location-buttons__button {
  padding: 0.7rem 1.3rem;
  margin-right: 1rem;
  color: #CE7641;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #CE7641;
}
.legacy .dealer-locator-sidebar .location-details table.location-hours {
  width: 100%;
  padding: 1rem 1.6rem;
  margin-bottom: 1.4rem;
}
.legacy .dealer-locator-sidebar .location-details table.location-hours th {
  font-weight: bold;
}
.legacy .dealer-locator-sidebar .location-details table.location-hours td {
  width: 50%;
}
.legacy .dealer-locator-sidebar .nearby-locations {
  flex: 0 1 auto;
  display: none;
}
@media (min-width: 1024px) {
  .legacy .dealer-locator-sidebar .nearby-locations {
    display: block;
  }
}
.legacy .dealer-locator-sidebar .nearby-locations.nearby-locations-parent-sidebar-open {
  display: block;
}
.legacy .dealer-locator-sidebar .nearby-locations__header {
  background-color: #FEF6EA;
  font-weight: bold;
  padding: 0 1rem;
  position: sticky;
  top: 0;
  z-index: 1;
}
.legacy .dealer-locator-sidebar .nearby-locations__list {
  margin: 0;
  list-style: none;
  border-bottom: 1px solid #DDDDDD;
}
.legacy .dealer-locator-sidebar .nearby-locations__list .nearby-location {
  padding: 1rem;
  position: relative;
  border-top: 1px solid #DDDDDD;
}
.legacy .dealer-locator-sidebar .nearby-locations__list .nearby-location:hover {
  cursor: pointer;
}
.legacy .dealer-locator-sidebar .nearby-locations__list .nearby-location:first-child {
  border-top: 0;
}
.legacy .dealer-locator-sidebar .nearby-locations__list .nearby-location__title {
  font-weight: bold;
  padding: 0 0 0.5rem;
}
.legacy .dealer-locator-sidebar .nearby-locations__list .nearby-location__address {
  padding: 0;
  color: #9b9b9b;
}
.legacy .dealer-locator-sidebar .nearby-locations__list .nearby-location__arrow-right {
  position: absolute;
  top: 0;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  color: #CE7641;
}
.legacy .dealer-locator-sidebar .location-details-close-button {
  position: absolute;
  padding: 1rem;
  top: 0;
  right: 0;
  background-color: #0b2b7b;
  font-size: 2.3rem;
  color: #fff;
  z-index: 1;
}
.legacy .dealer-locator-sidebar .location-details-toggle-button {
  position: absolute;
  padding: 1rem;
  top: 0;
  width: 100%;
  text-align: center;
  background-color: #0b2b7b;
  font-size: 2.3rem;
  color: #fff;
  z-index: 2;
}
.legacy .dealer-locator-sidebar__toggle-button-sidebar {
  position: absolute;
  top: 40px;
  width: 40px;
  height: 60px;
  text-align: center;
  background: #0b2b7b;
  box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.12);
  border-radius: 0 0.3rem 0.3rem 0;
  color: #fff;
  z-index: 1;
  font-size: 2.3rem;
}
@media (min-width: 1024px) {
  .legacy .dealer-locator-sidebar__toggle-button-sidebar {
    width: 20px;
  }
}
.legacy .dealer-locator-sidebar__toggle-button-sidebar :hover {
  cursor: pointer;
}
.legacy .dealer-locator-sidebar__toggle-button-sidebar--open {
  left: 0px;
}
.legacy .dealer-locator-sidebar__toggle-button-sidebar--close {
  display: none;
}
@media (min-width: 1024px) {
  .legacy .dealer-locator-sidebar__toggle-button-sidebar--close {
    display: block;
    left: 300px;
  }
}
.legacy .dealer-locator-sidebar__toggle-button-sidebar .toggle-arrow {
  line-height: 60px;
}
.legacy .dealer-locator-sidebar__toggle-button-map {
  position: absolute;
  width: 100%;
}
.legacy .dealer-locator-sidebar__toggle-button-map > button {
  display: block;
  width: 95%;
  margin: 0 auto;
  background-color: #0b2b7b;
}
.legacy .garvo-dealer-locator {
  position: relative;
  top: 0;
}
@media (min-width: 1024px) {
  .legacy .garvo-dealer-locator {
    display: flex;
  }
}
.legacy .garvo-dealer-locator__loader {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 9;
}
.legacy .garvo-dealer-locator__map {
  display: block;
  width: 100%;
  flex: 1;
}
.legacy .garvo-dealer-locator__map__content {
  position: sticky;
  top: 10rem;
  width: 100%;
}
.legacy .garvo-dealer-locator__map .vue-map-container {
  width: 100%;
  height: calc(100vh - 120px);
}
@media (min-width: 1024px) {
  .legacy .garvo-dealer-locator__map .vue-map-container {
    height: calc(100vh - 9rem - 120px);
  }
}
@media (min-width: 87em) {
  .legacy .garvo-dealer-locator__map .vue-map-container {
    height: calc(100vh - 5.1rem - 120px);
  }
}
.legacy .garvo-dealer-locator__map .vue-map-container .vue-map {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.legacy .garvo-dealer-locator__map .vue-map-container .vue-map-hidden {
  display: block;
}
.legacy .dealer-locator-legenda {
  z-index: 3;
  height: auto;
  background-color: #FEF6EA;
}
@media (min-width: 1024px) {
  .legacy .dealer-locator-legenda {
    height: 9rem;
  }
}
@media (min-width: 87em) {
  .legacy .dealer-locator-legenda {
    height: 5.1rem;
  }
}
.legacy .dealer-locator-legenda .legenda-items {
  list-style: none;
  margin: 0;
  padding: 1rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.legacy .dealer-locator-legenda .legenda-items .legenda-item {
  display: flex;
  align-items: center;
  padding: 0 1.8rem 0.5rem;
}
.legacy .dealer-locator-legenda .legenda-items .legenda-item__image {
  width: 2rem;
  margin-right: 0.5rem;
}
.legacy .dealer-locator-legenda .legenda-items .legenda-item__title {
  font-size: 1.5rem;
}
.legacy .fancybox-bg {
  background-color: rgba(50, 50, 50, 0.7);
}
.legacy .flag-icon-background {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
.legacy .flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.3333333333em;
  line-height: 1em;
}
.legacy .flag-icon:before {
  content: " ";
}
.legacy .flag-icon.flag-icon-squared {
  width: 1em;
}
.legacy .flag-icon-en {
  background-image: url("../images/flags/4x3/gb.svg");
}
.legacy .flag-icon-en.flag-icon-squared {
  background-image: url("../images/flags/1x1/gb.svg");
}
.legacy .footer {
  background: #17659E;
  margin-top: 10rem;
  min-height: 13.9rem;
  border-left: 1.5rem #E6462A solid;
  position: relative;
}
@media (min-width: 768px) {
  .legacy .footer {
    border-width: 3rem;
  }
}
.legacy .footer:before {
  content: "";
  position: absolute;
  top: -100%;
  height: 100%;
  border-left: 1.5rem #E6462A solid;
  left: -1.5rem;
}
@media (min-width: 768px) {
  .legacy .footer:before {
    border-width: 3rem;
    left: -3rem;
  }
}
.legacy .footer__brand-link {
  display: block;
  margin-top: -7rem;
}
.legacy .footer .footer-menu-wrapper ul {
  margin: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.legacy .footer .footer-menu-wrapper li {
  list-style-type: none;
  margin: 0 1.25rem;
}
.legacy .footer .footer-menu-wrapper li a {
  color: #9b9b9b;
  font-size: 1.3rem;
}
.legacy .footer__socials {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-items: center;
  color: #fff;
  font-size: 1.6rem;
  margin-right: 0.2rem;
  margin-bottom: 1.25rem;
}
.legacy .footer__socials__item {
  color: #fff;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 50%;
  margin-right: 0.8rem;
  background-color: #0b2b7b;
}
.legacy .footer__socials__item:hover {
  color: #fff;
  background-color: #E6462A;
}
.legacy .footer__address {
  color: #fff;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
}
.legacy .footer__contact {
  color: #fff;
  display: flex;
  flex-flow: column;
  align-items: flex-end;
}
.legacy .footer__contact a {
  color: #fff;
}
.legacy .header {
  height: 120px;
  border-left: 1.5rem #E6462A solid;
}
@media (min-width: 768px) {
  .legacy .header {
    border-width: 3rem;
  }
}
.legacy .brand {
  display: none;
}
@media (min-width: 1024px) {
  .legacy .brand {
    display: block;
    max-height: 174px;
  }
}
.legacy .brand__link {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  max-width: 50%;
  margin-top: 15px;
}
@media (min-width: 1024px) {
  .legacy .brand__link {
    left: 0;
    max-height: 174px;
  }
}
.legacy .brand--xs {
  display: block;
  height: 9rem;
}
@media (min-width: 1024px) {
  .legacy .brand--xs {
    display: none;
  }
}
.legacy .page-template-template-dealer-locator .brand {
  display: none;
}
.legacy .page-template-template-dealer-locator .brand__link {
  left: 0.7rem;
}
@media (min-width: 1024px) {
  .legacy .page-template-template-dealer-locator .brand__link {
    left: 1.4rem;
    max-height: 80px;
  }
}
.legacy .page-template-template-dealer-locator .brand--xs {
  display: block;
  max-width: 100%;
  max-height: 80px;
}
.legacy .min-50 {
  margin-left: -50px;
}
.legacy .min-100 {
  margin-left: -100px;
}
.legacy .min-150 {
  margin-left: -150px;
}
.legacy .min-200 {
  margin-left: -200px;
}
.legacy .main-menu {
  position: absolute;
  right: 95px;
  top: 40px;
  z-index: 12;
  display: none;
}
@media (min-width: 1024px) {
  .legacy .main-menu {
    display: block;
  }
}
.legacy .main-menu ul {
  margin: 0;
}
.legacy .main-menu ul li {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.legacy .main-menu ul li a {
  display: block;
  font-size: 24px;
  font-weight: 600;
}
.legacy .main-menu ul li a:link, .legacy .main-menu ul li a:active, .legacy .main-menu ul li a:visited {
  text-decoration: none;
}
.legacy .main-menu ul li a:hover {
  text-decoration: none;
}
.legacy .main-menu > ul > li {
  float: left;
}
.legacy .main-menu > ul > li > a {
  line-height: 40px;
}
.legacy .main-menu > ul > li:nth-child(1) > a {
  color: #1a171b;
}
.legacy .main-menu > ul > li:nth-child(2) > a {
  color: #E6462A;
}
.legacy .main-menu > ul > li:nth-child(3) > a {
  color: #17659E;
}
.legacy .main-menu > ul > li:nth-child(4) > a {
  color: #caa800;
}
.legacy .main-menu > ul > li:nth-child(5) > a {
  color: #699418;
}
.legacy .main-menu > ul > li:nth-child(6) > a {
  color: #0b2b7b;
}
.legacy .main-menu > ul > li:nth-child(7) > a {
  color: #1a171b;
}
.legacy .main-menu > ul > li:nth-child(8) > a {
  color: #E6462A;
}
.legacy .main-menu > ul > li:nth-child(9) > a {
  color: #17659E;
}
.legacy .main-menu > ul > li:nth-child(10) > a {
  color: #caa800;
}
.legacy .main-menu > ul > li:nth-child(11) > a {
  color: #699418;
}
.legacy .main-menu > ul > li:nth-child(12) > a {
  color: #0b2b7b;
}
.legacy .main-menu > ul > li.current-menu-item > a, .legacy .main-menu > ul > li.current_page_ancestor > a {
  font-size: 34px;
  line-height: 34px;
  padding-bottom: 6px;
}
.legacy .main-menu > ul > li .sub-menu-main {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
}
.legacy .main-menu > ul > li .sub-menu-main > ul {
  float: left;
  z-index: 12;
  padding: 10px 20px 10px 10px;
}
.legacy .main-menu > ul > li .sub-menu-main > ul > li > a {
  color: #caa800;
  line-height: 1.6em;
  font-size: 18px;
}
.legacy .main-menu > ul > li .sub-menu-main > ul > li > a:hover {
  color: #17659E;
}
.legacy .main-menu > ul > li .sub-menu-main > ul > li > ul {
  display: none;
}
.legacy .main-menu > ul > li .sub-menu-main > ul > li.current-menu-item > a, .legacy .main-menu > ul > li .sub-menu-main > ul > li.current_page_ancestor > a {
  color: #17659E;
}
.legacy .main-menu > ul > li:hover .sub-menu-main {
  display: block;
}
@media only screen and (max-width: 1025px) {
  .legacy .main-menu .sub-menu {
    display: none;
  }
  .legacy .main-menu .menu-item-has-children {
    background-image: url("../images/show_sub_menu.png");
    background-repeat: no-repeat;
    background-position: right 0;
  }
  .legacy .main-menu .active {
    background-image: url("../images/hide_sub_menu.png");
    background-repeat: no-repeat;
    background-position: right 0;
  }
  .legacy .main-menu ul {
    margin: 0 0 40px 0;
  }
  .legacy .main-menu ul li {
    display: block;
    list-style-type: none;
    margin: 0;
    border-bottom: 1px solid #fff;
  }
  .legacy .main-menu ul li a, .legacy .main-menu ul li a:link, .legacy .main-menu ul li a:active, .legacy .main-menu ul li a:visited {
    display: block;
    width: 75%;
    font-size: 12px;
    padding: 4px 4px 4px 45px;
    color: #000;
    text-decoration: none;
    text-color: #000;
  }
  .legacy .main-menu ul li a:hover {
    text-decoration: none;
  }
  .legacy .main-menu ul li ul {
    margin: 0;
  }
  .legacy .main-menu ul li ul li {
    margin-left: 10px;
  }
  .legacy .main-menu ul li ul li:first-child {
    border-top: 1px solid #fff;
  }
  .legacy .main-menu ul li ul li:last-child {
    border-bottom: none;
  }
  .legacy .main-menu > ul > li > ul {
    background-color: rgba(120, 120, 120, 0.8);
    display: none;
    margin-bottom: 0;
  }
  .legacy .main-menu > ul > li > ul li {
    padding: 0;
    margin-left: 10px;
  }
  .legacy .main-menu > ul > li > ul li:first-child {
    border-top: 1px solid #fff;
  }
  .legacy .main-menu > ul > li > ul li:last-child {
    border-bottom: none;
  }
  .legacy .main-menu > ul > li:hover > ul {
    display: block;
  }
}
.legacy .top-menu {
  position: absolute;
  top: 10px;
  right: 70px;
  display: none;
}
@media (min-width: 1024px) {
  .legacy .top-menu {
    display: block;
  }
}
.legacy .top-menu a {
  color: #caa800;
  font-size: 1.3rem;
  text-decoration: underline;
}
.legacy .top-menu a:hover {
  text-decoration: none;
}
.legacy .top-menu .icon-img, .legacy .top-menu .social-media .icon-img {
  margin-left: 4px;
}
@media only screen and (max-width: 767px) {
  .legacy .top-menu {
    position: absolute;
    top: 10px;
    right: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .legacy .top-menu {
    position: absolute;
    top: 20px;
    right: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .legacy .top-menu {
    position: absolute;
    top: 20px;
    right: 20px;
  }
}
.legacy .search-form-wrapper {
  display: none;
}
@media (min-width: 1201px) {
  .legacy .search-form-wrapper {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .legacy .search-form-wrapper {
    position: absolute;
    right: 70px;
    top: 50px;
    z-index: 90;
    text-align: right;
  }
  .legacy .search-form-wrapper .input-search {
    position: absolute;
    top: 50px;
    background-color: #fff;
    display: none;
    height: 40px;
    right: -70px;
  }
  .legacy .search-form-wrapper .input-search #s {
    height: 25px;
    width: 180px;
    margin: 10px;
    padding: 2px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .legacy .search-form-wrapper {
    position: absolute;
    right: 90px;
    top: 70px;
    z-index: 90;
  }
  .legacy .search-form-wrapper #search-button {
    cursor: pointer;
  }
  .legacy .search-form-wrapper .input-search {
    position: absolute;
    top: 70px;
    background-color: #fff;
    width: 200px;
    display: none;
    height: 40px;
    right: 0;
  }
  .legacy .search-form-wrapper .input-search #s {
    height: 25px;
    width: 180px;
    margin: 10px;
    padding: 2px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .legacy .search-form-wrapper {
    position: absolute;
    right: 65px;
    top: 70px;
    z-index: 90;
    text-align: right;
  }
  .legacy .search-form-wrapper .input-search {
    position: absolute;
    top: 60px;
    background-color: #fff;
    display: none;
    height: 40px;
    right: -75px;
  }
  .legacy .search-form-wrapper .input-search #s {
    height: 25px;
    width: 180px;
    margin: 10px;
    padding: 2px;
  }
}
@media only screen and (max-height: 400px) {
  .legacy .search-form-wrapper {
    top: 50px;
  }
  .legacy .search-form-wrapper .input-search {
    top: 48px;
  }
}
@media only screen and (min-width: 1025px) {
  .legacy .search-form-wrapper {
    position: absolute;
    right: 70px;
    top: 50px;
    z-index: 90;
  }
  .legacy .search-form-wrapper #search-button {
    cursor: pointer;
  }
  .legacy .search-form-wrapper .input-search {
    position: absolute;
    top: 30px;
    background-color: #fff;
    width: 200px;
    display: none;
    height: 40px;
    right: 0;
  }
  .legacy .search-form-wrapper .input-search #s {
    height: 25px;
    width: 180px;
    margin: 7px 0 0 10px;
    padding: 2px;
  }
}
.legacy .social-media {
  display: none;
}
@media (min-width: 1024px) {
  .legacy .social-media {
    display: block;
  }
}
.legacy .social-media {
  position: absolute;
  font-size: 12px;
  color: #897f70;
  line-height: 20px;
  top: 10px;
  right: 345px;
}
.legacy .social-media span, .legacy .social-media img {
  float: left;
  margin-right: 5px;
}
@media only screen and (max-width: 767px) {
  .legacy .social-media {
    top: 10px;
    right: 160px;
    z-index: 13;
  }
  .legacy .social-media span {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .legacy .social-media {
    top: 20px;
    right: 190px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .legacy .social-media {
    top: 20px;
    right: 165px;
  }
}
.legacy ul.usps-list {
  padding: 0;
  margin: 0 0 2.5rem;
}
.legacy ul.usps-list li {
  position: relative;
  padding: 1rem 0 1rem 1.4rem;
  line-height: 1.3;
  list-style-type: disc;
  left: 2.5rem;
}
.legacy ul.usps-list li:last-of-type {
  padding-bottom: 0;
}
.legacy ul.usps-list li a {
  color: #E6462A;
  text-decoration: underline;
}
.legacy ul.usps-list li a:focus {
  color: rgb(174.9642857143, 43.5357142857, 20.5357142857);
}
.legacy {
  /*.menu,
  .main-menu__wrapper {
  	ul {
  		display: flex;
  		flex-flow: row wrap;
  		justify-content: flex-start;
  		list-style: none;
  		margin: 0;
  		padding: 0;

  		> li {
  			list-style: none;
  			margin: 0 $bit-padding / 4;
  			padding: 0;

  			> a {
  				display: block;
  				padding: $bit-padding / 2 $bit-padding;
  				font-family: $font-family-base;
  				font-weight: $font-weight-normal;
  				font-size: $font-size-base;
  				line-height: $line-height-base;
  				color: $font-color;

  				&:hover {
  					color: $color-primary;
  					text-decoration: none;
  				}
  			}

  			&.current-menu-item,
  			&.current-menu-ancestor {
  				> a {
  					color: $color-primary;
  				}
  			}
  		}
  	}
  }*/
}
.legacy .menu-trigger {
  box-sizing: border-box;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  position: relative;
  float: right;
  height: 44px;
  padding: 0 1.25rem;
  background-color: transparent;
  background-image: none;
  border: 0;
}
.legacy .menu-trigger__parent-bit {
  padding: 1.25rem !important;
}
.legacy .menu-trigger__icon-bar, .legacy .menu-trigger__icon-bar:before, .legacy .menu-trigger__icon-bar:after {
  display: block;
  content: "";
  width: 24px;
  height: 2px;
  background-color: #18526A;
  transform-origin: 2% center;
  transition: all 0.3s ease-out;
}
.legacy .menu-trigger__icon-bar:hover, .legacy .menu-trigger__icon-bar:before:hover, .legacy .menu-trigger__icon-bar:after:hover {
  border: 0;
  background-color: #18526A;
}
.legacy .menu-trigger__icon-bar {
  position: relative;
  margin-left: 1.25rem;
}
.legacy .menu-trigger__icon-bar:before {
  position: absolute;
  top: 8px;
  left: 0;
}
.legacy .menu-trigger__icon-bar:after {
  position: absolute;
  top: -8px;
  left: 0;
}
.legacy .menu-trigger--open .menu-trigger__icon-bar {
  width: 4px;
  margin-right: 20px;
  background-color: transparent;
}
.legacy .menu-trigger--open .menu-trigger__icon-bar:before {
  transform: rotate(-45deg);
  width: 24px;
  left: 0;
  background-color: #18526A;
}
.legacy .menu-trigger--open .menu-trigger__icon-bar:after {
  transform: rotate(45deg);
  width: 24px;
  left: 0;
  background-color: #18526A;
}
@media (min-width: 1024px) {
  .legacy .menu-trigger {
    display: none;
  }
}
.legacy .mobile-menu {
  position: fixed;
  top: 0;
  z-index: 1000;
  width: 28rem;
  height: 100%;
  right: 0;
  padding: 2.5rem;
  transform: translateX(28rem);
  transition: transform 0.5s ease;
  background: #fff;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-backface-visibility: hidden;
}
.admin-bar .legacy .mobile-menu {
  padding-top: 8.2rem;
}
.legacy .mobile-menu--open {
  transform: translateX(0);
  box-shadow: -0.1rem 0.1rem 0.5rem 0 rgba(0, 0, 0, 0.15);
}
@media (min-width: 1024px) {
  .legacy .mobile-menu {
    transform: translateX(28rem);
  }
}
@media (max-width: 1023px) {
  .legacy .push-element {
    transform: translateX(0);
    transition: transform 0.5s ease;
    -webkit-backface-visibility: hidden;
  }
}
.legacy .push-element--open {
  transform: translateX(-28rem);
}
@media (min-width: 1024px) {
  .legacy .push-element--open {
    transform: translateX(0);
  }
}
.legacy .mobile-menu .main-menu-wrapper ul {
  display: block;
  margin: 0;
}
.legacy .mobile-menu .main-menu-wrapper ul.sub-menu {
  display: none;
  margin-left: 1.6666666667rem;
}
.legacy .mobile-menu .main-menu-wrapper ul li {
  list-style-type: none;
}
.legacy .mobile-menu .main-menu-wrapper ul li a {
  font-size: 1.9rem;
  line-height: 2;
}
.legacy .mobile-menu .main-menu-wrapper ul li.menu-item-has-children > a {
  position: relative;
  display: block;
}
.legacy .mobile-menu .main-menu-wrapper ul li.menu-item-has-children > a:after {
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  color: #18526A;
  vertical-align: -5%;
  position: absolute;
  right: 0;
}
.legacy .mobile-menu .main-menu-wrapper ul li.menu-item-has-children.sub-menu--open > a:after {
  transform: rotate(180deg);
}
.legacy .pagination-v2 {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  font-family: "myriad-pro", sans-serif;
  font-weight: 400;
}
.legacy .pagination-v2 .page-numbers {
  display: block;
  padding: 1rem;
  color: #4a4a4a;
  text-decoration: none;
  min-width: 4.4rem;
  border: 0;
  text-align: center;
}
.legacy .pagination-v2 .page-numbers.current, .legacy .pagination-v2 .page-numbers:hover {
  color: #18526A;
}
.legacy .pagination-v2 .page-numbers.current {
  font-weight: 700;
}
.legacy .pagination-v2 .dots {
  color: #4a4a4a;
}
.legacy .pagination-v2 .dots:hover {
  color: #4a4a4a;
}
.legacy .card {
  display: block;
  flex: 1;
  border-bottom: 1px solid #E6462A;
}
.legacy .card__image {
  padding-bottom: 75%;
  transform: scale(1);
  transition: transform 0.3s;
  -webkit-backface-visibility: hidden;
}
.legacy .card__image a {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.legacy .card__image__container {
  display: block;
  overflow: hidden;
  margin-bottom: 1.25rem;
}
.legacy .card__title {
  font-size: 2rem;
}
@media only screen and (min-width: 768px) {
  .legacy .card__title {
    font-size: 2.3rem;
  }
}
.legacy .card__title {
  font-weight: 700;
  transition: border 0.2s, background 0.2s, color 0.2s;
  -webkit-backface-visibility: hidden;
}
.legacy .card__quote {
  border-left: 0;
  padding: 1.25rem 0;
  margin: 0;
}
.legacy .card__labels {
  display: block;
  padding-bottom: 1.25rem;
}
.legacy .card__labels + .card__quote,
.legacy .card__labels + p {
  padding-top: 0;
}
.legacy .card:hover .card__image {
  transform: scale(1.05);
}
.legacy .card:hover .card__title {
  color: rgb(9.8769230769, 33.7461538462, 43.6230769231);
}
.legacy .single-review .entry-content-asset {
  margin: 0 auto;
  max-width: 60rem;
  width: 100%;
  position: relative;
}
.legacy .single-review .entry-content-asset:before {
  content: "";
  display: block;
  height: 0;
  padding-bottom: 56.25%;
}
.legacy .single-review .entry-content-asset iframe {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.legacy .social-share {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  color: #fff;
  font-size: 1.9rem;
  margin-right: 0.2rem;
  margin-bottom: 1.25rem;
}
.legacy .social-share__title {
  font-size: 1.9rem;
  padding-bottom: 1.25rem;
}
.legacy a.share-button,
.legacy button.share-button {
  color: #fff;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 50%;
  margin-right: 0.8rem;
  background-color: #0b2b7b;
  border: 0;
  cursor: pointer;
  text-decoration: none;
  font-size: 1.7rem;
}
.legacy a.share-button:hover,
.legacy button.share-button:hover {
  background-color: #fff;
  color: #0b2b7b;
}
.page-template-template-content-blocks .legacy a.share-button, .single-review .legacy a.share-button, .single-blog .legacy a.share-button,
.page-template-template-content-blocks .legacy button.share-button,
.single-review .legacy button.share-button,
.single-blog .legacy button.share-button {
  transition: border 0.2s, background 0.2s, color 0.2s;
}
.page-template-template-content-blocks .legacy a.share-button:hover, .single-review .legacy a.share-button:hover, .single-blog .legacy a.share-button:hover,
.page-template-template-content-blocks .legacy button.share-button:hover,
.single-review .legacy button.share-button:hover,
.single-blog .legacy button.share-button:hover {
  background-color: #E6462A;
  color: #fff;
}
.legacy table.info-table {
  width: 100%;
  border: 1px dashed #9b9b9b;
  border-collapse: collapse;
}
.legacy table.info-table th,
.legacy table.info-table td {
  padding: 0.5rem;
  border: 1px dashed #9b9b9b;
}
.legacy [data-tooltip-top] {
  position: relative;
  cursor: pointer;
}
.legacy [data-tooltip-top]:after, .legacy [data-tooltip-top]:before {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  z-index: 99999;
}
.legacy [data-tooltip-top]:after {
  content: " ";
  position: absolute;
  bottom: 140%;
  left: 50%;
  width: 0;
  border-top: 10px solid #0b2b7b;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  transform: translateX(-50%);
}
.legacy [data-tooltip-top]:before {
  content: attr(data-tooltip-top);
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-bottom: 0.5rem;
  transform: translateX(-20%);
  padding: 0.5rem;
  width: 110px;
  border-radius: 3px;
  background-color: #0b2b7b;
  color: #fff;
  text-align: center;
  font-size: 1.3rem;
}
@media (min-width: 768px) {
  .legacy [data-tooltip-top]:before {
    width: 160px;
  }
}
.legacy [data-tooltip-top]:hover:after, .legacy [data-tooltip-top]:hover:before {
  visibility: visible;
  opacity: 1;
}
.legacy .cb.cb--article_group_assortment_carousel, .legacy .cb.cb--articles_carousel {
  padding-left: 5rem;
  padding-right: 5rem;
  background: #FCF0D5;
}
.legacy .cb.cb--article_group_assortment_carousel .slider .slick-track, .legacy .cb.cb--articles_carousel .slider .slick-track {
  display: flex;
}
.legacy .cb.cb--article_group_assortment_carousel .slider .slide, .legacy .cb.cb--articles_carousel .slider .slide {
  display: flex;
  height: auto;
  padding: 0 2.5rem;
}
.legacy .cb.cb--article_group_assortment_carousel .slider__navigation, .legacy .cb.cb--articles_carousel .slider__navigation {
  margin-top: -3.8rem;
}
@media (min-width: 1024px) {
  .legacy .cb.cb--article_group_assortment_carousel .slider__navigation, .legacy .cb.cb--articles_carousel .slider__navigation {
    margin-top: -6.25rem;
  }
}
.legacy .cb.cb--article_group_assortment_carousel .slider__arrows, .legacy .cb.cb--articles_carousel .slider__arrows {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.legacy .cb.cb--article_group_assortment_carousel .slider__arrows button, .legacy .cb.cb--articles_carousel .slider__arrows button {
  position: relative;
  display: inline;
  background: #fff;
  right: inherit;
  transform: none;
  width: 2.4rem;
  height: 2.4rem;
  left: -3rem;
}
@media (min-width: 1024px) {
  .legacy .cb.cb--article_group_assortment_carousel .slider__arrows button, .legacy .cb.cb--articles_carousel .slider__arrows button {
    width: 4.8rem;
    height: 4.8rem;
    left: 0;
    top: 0;
  }
}
.legacy .cb.cb--article_group_assortment_carousel .slider__arrows button:before, .legacy .cb.cb--articles_carousel .slider__arrows button:before {
  font-weight: 300;
  color: #18526A;
  font-size: 1.2rem;
  width: 2.4rem;
  display: block;
  text-align: center;
  vertical-align: top;
}
@media (min-width: 1024px) {
  .legacy .cb.cb--article_group_assortment_carousel .slider__arrows button:before, .legacy .cb.cb--articles_carousel .slider__arrows button:before {
    width: 4.8rem;
    font-size: 2.5rem;
  }
}
.legacy .cb.cb--article_group_assortment_carousel .slider__arrows button.slick-prev:before, .legacy .cb.cb--articles_carousel .slider__arrows button.slick-prev:before {
  content: "\f060";
}
.legacy .cb.cb--article_group_assortment_carousel .slider__arrows button.slick-next, .legacy .cb.cb--articles_carousel .slider__arrows button.slick-next {
  left: 3rem;
}
.legacy .cb.cb--article_group_assortment_carousel .slider__arrows button.slick-next:before, .legacy .cb.cb--articles_carousel .slider__arrows button.slick-next:before {
  content: "\f061";
}
.legacy .cb.cb--article_groups_carousel {
  padding-left: 5rem;
  padding-right: 5rem;
  background: #FCF0D5;
}
.legacy .cb.cb--article_groups_carousel .slider__navigation {
  margin-top: -3.8rem;
}
@media (min-width: 1024px) {
  .legacy .cb.cb--article_groups_carousel .slider__navigation {
    margin-top: -6.25rem;
  }
}
.legacy .cb.cb--article_groups_carousel .slider__arrows {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.legacy .cb.cb--article_groups_carousel .slider__arrows button {
  position: relative;
  display: inline;
  background: #fff;
  right: inherit;
  transform: none;
  width: 2.4rem;
  height: 2.4rem;
  left: -3rem;
}
@media (min-width: 1024px) {
  .legacy .cb.cb--article_groups_carousel .slider__arrows button {
    width: 4.8rem;
    height: 4.8rem;
    left: 0;
    top: 0;
  }
}
.legacy .cb.cb--article_groups_carousel .slider__arrows button:before {
  font-weight: 300;
  color: #18526A;
  font-size: 1.2rem;
  width: 2.4rem;
  display: block;
  text-align: center;
  vertical-align: top;
}
@media (min-width: 1024px) {
  .legacy .cb.cb--article_groups_carousel .slider__arrows button:before {
    width: 4.8rem;
    font-size: 2.5rem;
  }
}
.legacy .cb.cb--article_groups_carousel .slider__arrows button.slick-prev:before {
  content: "\f060";
}
.legacy .cb.cb--article_groups_carousel .slider__arrows button.slick-next {
  left: 3rem;
}
.legacy .cb.cb--article_groups_carousel .slider__arrows button.slick-next:before {
  content: "\f061";
}
.legacy .cb--video__wrapper {
  position: relative;
  display: block;
  padding-bottom: 56.25%;
  background-color: #17659E;
  align-items: center;
}
.legacy .cb--video__overlay {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 80%;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 0.54;
}
.legacy .cb--play-button {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  z-index: 3;
  width: 80px;
  height: 80px;
}
.legacy .cb.cb--banner {
  padding-top: 0;
}
.legacy .cb--banner__wrapper {
  min-height: 70vh;
  position: relative;
  display: flex;
  align-items: center;
  background-color: #17659E;
}
.legacy .cb--banner__quote {
  font-weight: 700;
  font-size: 3rem;
}
@media only screen and (min-width: 1024px) {
  .legacy .cb--banner__quote {
    font-size: 4.5rem;
  }
}
@media only screen and (min-width: 1201px) {
  .legacy .cb--banner__quote {
    font-size: 6.2rem;
  }
}
.legacy .cb--banner__quote {
  color: #fff;
  text-shadow: 0 10px 30px rgba(0, 0, 0, 0.6);
}
.legacy .cb--banner__quote--no-shadow {
  text-shadow: none;
}
.legacy .cb--banner__sub-title {
  text-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
}
.legacy .cb--banner__sub-title--no-shadow {
  text-shadow: none;
}
.legacy .cb--banner__overlay {
  opacity: 0.54;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  height: 65rem;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
}
.legacy .cb--banner__container {
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .legacy .cb--banner__container {
    margin-top: 9.5rem;
    margin-bottom: 9.5rem;
  }
}
.legacy .cb--banner__container .frame {
  height: 100%;
}
.legacy .cb--banner__container__left {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.legacy .cb--banner__container__right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  color: #fff;
}
.legacy .cb--banner__container__right a {
  color: #fff;
}
.legacy .cb--banner--small .cb--banner__wrapper {
  min-height: 50vh;
}
.legacy .cb--featured-review__quote-container {
  background: #18526A;
  color: #fff;
}
.legacy .cb--featured-review__quote-container__parent-bit {
  padding-top: 0;
}
@media (min-width: 768px) {
  .legacy .cb--featured-review__quote-container__parent-bit {
    padding-top: 2.5rem;
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .legacy .cb--featured-review__img-container img {
    max-width: 128.5714285714%;
  }
}
.legacy .cb--featured-review__frame {
  align-items: center;
}
@media (min-width: 768px) {
  .legacy .cb--featured-review__button-container {
    transform: translateY(-50%);
  }
}
.legacy .cb--featured-review__quote-sub-line {
  color: #CE7641;
}
.legacy .cb--full_width_image.bit-xxs-12 {
  padding: 0;
}
.legacy .cb--full_width_image--responsive.cb {
  padding-top: 5rem;
  padding-bottom: 0;
}
@media (min-width: 1024px) {
  .legacy .cb--full_width_image--responsive.cb {
    padding-top: 7.5rem;
  }
}
.legacy .cb--full_width_image--responsive .cb--full_width_image__image {
  height: 0;
  padding-bottom: 48.6381322957%;
}
.legacy .cb--full_width_image--responsive .cb--full_width_image__image:after {
  right: 0;
  left: 0;
  bottom: -1rem;
  border-radius: 0;
}
.legacy .cb--image .cb__image {
  width: 100%;
  height: auto;
}
.legacy .cb--latest_news__post {
  width: 100%;
}
.legacy .cb--latest_news__post__link__image {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
.legacy .cb--latest_news__post__link__title {
  width: 100%;
}
.legacy .cb--latest_news__post__link__date {
  width: 100%;
}
.legacy .cb--logo_carousel__logos {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
}
.legacy .cb--logo_carousel__logos__logo {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.legacy .cb--logo_carousel__logos__logo a {
  width: 100%;
  height: auto;
}
.legacy .cb--logo_carousel__logos__logo:nth-child(7) {
  display: none;
}
.legacy .cb--logo_carousel .bit-xxs-2:nth-child(7) {
  display: none;
}
.legacy .cb--page_title.cb {
  margin-top: 2.5rem;
  padding-bottom: 0;
}
.legacy .cb--page_title .h1 {
  padding-bottom: 0;
}
@media (min-width: 1024px) {
  .legacy .cb--sale-link {
    margin-top: 10rem;
  }
}
.legacy .cb--sale-link__frame {
  border: 1px solid #B9CBD2;
}
.legacy .cb--sale-link__image {
  position: relative;
  height: 0;
  display: block;
  padding-bottom: 50%;
  overflow: hidden;
  background-position: center;
  background-size: cover;
}
@media (min-width: 768px) {
  .legacy .cb--sale-link__image {
    padding-bottom: calc(100% + 2.5rem * 3);
    margin-top: -7.6rem;
  }
}
@media (min-width: 1024px) {
  .legacy .cb--sale-link__image {
    padding-bottom: 70.28%;
  }
}
.legacy .cb--sale-link__image img {
  display: none;
}
.legacy .cb--text_field {
  width: 100%;
}
.legacy .cb--text_with_image .cb__image-container.img-left {
  order: 1;
}
.legacy .cb--text_with_image .cb__image-container.img-right {
  order: 3;
}
.legacy .cb--text_with_image .cb__text {
  width: 50%;
  order: 2;
}
.legacy .cb--two_columns_text .cb__text {
  width: 100%;
}
.legacy .cb {
  padding: 2.5rem 0;
}
.legacy .cb + .cb {
  padding-top: 0;
}
.legacy .animal-color-text {
  color: #E6462A;
}
.legacy .animal-color-text--alpacaas {
  color: #bc6225;
}
.legacy .animal-color-text--buitenvogels {
  color: #1d91db;
}
.legacy .animal-color-text--ezels {
  color: #e32118;
}
.legacy .animal-color-text--geiten {
  color: #51a982;
}
.legacy .animal-color-text--herten {
  color: #76ac1c;
}
.legacy .animal-color-text--hobbyvarkens {
  color: #747b13;
}
.legacy .animal-color-text--honden {
  color: #b6985e;
}
.legacy .animal-color-text--katten {
  color: #b6985e;
}
.legacy .animal-color-text--kippen {
  color: #63a53c;
}
.legacy .animal-color-text--koeien {
  color: #c3d600;
}
.legacy .animal-color-text--cavias {
  color: #e0ad39;
}
.legacy .animal-color-text--konijnen {
  color: #b99110;
}
.legacy .animal-color-text--kooivogels {
  color: #d17837;
}
.legacy .animal-color-text--paarden {
  color: #848cba;
}
.legacy .animal-color-text--parkdieren {
  color: #7bb13a;
}
.legacy .animal-color-text--postduiven {
  color: #b63db8;
}
.legacy .animal-color-text--schapen {
  color: #b0aa00;
}
.legacy .animal-color-text--sierduiven {
  color: #566a86;
}
.legacy .animal-color-text--siervogels {
  color: #921a1d;
}
.legacy .animal-color-text--watervogels {
  color: #50aaae;
}
.legacy .animal-color-text--multiple-categories {
  color: #17659E;
}
.legacy .animal-color-background {
  background-color: #E9EFDD;
}
.legacy .animal-color-background--buitenvogels {
  background-color: #D1E9F7;
}
.legacy .animal-color-background--geiten {
  background-color: #DCEDE6;
}
.legacy .animal-color-background--honden {
  background-color: #F0EADE;
}
.legacy .animal-color-background--katten {
  background-color: #F0EADE;
}
.legacy .animal-color-background--kippen {
  background-color: #DFEDD8;
}
.legacy .animal-color-background--cavias {
  background-color: #F8EED7;
}
.legacy .animal-color-background--konijnen {
  background-color: #F1E9CF;
}
.legacy .animal-color-background--kooivogels {
  background-color: #F5E4D7;
}
.legacy .animal-color-background--paarden {
  background-color: #E6E8F1;
}
.legacy .animal-color-background--parkdieren {
  background-color: #E4EFD7;
}
.legacy .animal-color-background--postduiven {
  background-color: #F7EBF7;
}
.legacy .animal-color-background--schapen {
  background-color: #b0aa00;
}
.legacy .animal-color-background--sierduiven {
  background-color: #DDE1E6;
}
.legacy .animal-color-background--siervogels {
  background-color: #F4E8E8;
}
.legacy .animal-color-background--watervogels {
  background-color: #DCEEEE;
}
.legacy .animal-color-background--multiple-categories {
  background-color: #B9CBD2;
}
.legacy .animal-color-border {
  border: 1px solid #E6462A;
}
.legacy .animal-color-border--alpacaas {
  border: 1px solid #bc6225;
}
.legacy .animal-color-border--buitenvogels {
  border: 1px solid #1d91db;
}
.legacy .animal-color-border--ezels {
  border: 1px solid #e32118;
}
.legacy .animal-color-border--geiten {
  border: 1px solid #51a982;
}
.legacy .animal-color-border--herten {
  border: 1px solid #76ac1c;
}
.legacy .animal-color-border--hobbyvarkens {
  border: 1px solid #747b13;
}
.legacy .animal-color-border--honden {
  border: 1px solid #b6985e;
}
.legacy .animal-color-border--katten {
  border: 1px solid #b6985e;
}
.legacy .animal-color-border--kippen {
  border: 1px solid #63a53c;
}
.legacy .animal-color-border--koeien {
  border: 1px solid #c3d600;
}
.legacy .animal-color-border--cavias {
  border: 1px solid #e0ad39;
}
.legacy .animal-color-border--konijnen {
  border: 1px solid #b99110;
}
.legacy .animal-color-border--kooivogels {
  border: 1px solid #d17837;
}
.legacy .animal-color-border--paarden {
  border: 1px solid #848cba;
}
.legacy .animal-color-border--parkdieren {
  border: 1px solid #7bb13a;
}
.legacy .animal-color-border--postduiven {
  border: 1px solid #b63db8;
}
.legacy .animal-color-border--schapen {
  border: 1px solid #b0aa00;
}
.legacy .animal-color-border--sierduiven {
  border: 1px solid #566a86;
}
.legacy .animal-color-border--siervogels {
  border: 1px solid #921a1d;
}
.legacy .animal-color-border--watervogels {
  border: 1px solid #50aaae;
}
.legacy .animal-color-border--multiple-categories {
  border: 1px solid #17659E;
}
.legacy .animal-color-border-double {
  border: 2px solid #E6462A;
}
.legacy .animal-color-border-double--alpacaas {
  border: 2px solid #bc6225;
}
.legacy .animal-color-border-double--buitenvogels {
  border: 2px solid #1d91db;
}
.legacy .animal-color-border-double--ezels {
  border: 2px solid #e32118;
}
.legacy .animal-color-border-double--geiten {
  border: 2px solid #51a982;
}
.legacy .animal-color-border-double--herten {
  border: 2px solid #76ac1c;
}
.legacy .animal-color-border-double--hobbyvarkens {
  border: 2px solid #747b13;
}
.legacy .animal-color-border-double--honden {
  border: 2px solid #b6985e;
}
.legacy .animal-color-border-double--katten {
  border: 2px solid #b6985e;
}
.legacy .animal-color-border-double--kippen {
  border: 2px solid #63a53c;
}
.legacy .animal-color-border-double--koeien {
  border: 2px solid #c3d600;
}
.legacy .animal-color-border-double--cavias {
  border: 2px solid #e0ad39;
}
.legacy .animal-color-border-double--konijnen {
  border: 2px solid #b99110;
}
.legacy .animal-color-border-double--kooivogels {
  border: 2px solid #d17837;
}
.legacy .animal-color-border-double--paarden {
  border: 2px solid #848cba;
}
.legacy .animal-color-border-double--parkdieren {
  border: 2px solid #7bb13a;
}
.legacy .animal-color-border-double--postduiven {
  border: 2px solid #b63db8;
}
.legacy .animal-color-border-double--schapen {
  border: 2px solid #b0aa00;
}
.legacy .animal-color-border-double--sierduiven {
  border: 2px solid #566a86;
}
.legacy .animal-color-border-double--siervogels {
  border: 2px solid #921a1d;
}
.legacy .animal-color-border-double--watervogels {
  border: 2px solid #50aaae;
}
.legacy .animal-color-border-double--multiple-categories {
  border: 2px solid #17659E;
}
.legacy .animal-color-border-bottom {
  border-bottom: 2px solid #E6462A;
}
.legacy .animal-color-border-bottom--alpacaas {
  border-bottom: 2px solid #bc6225;
}
.legacy .animal-color-border-bottom--alpacaas.article-tabs__link--active, .legacy .animal-color-border-bottom--alpacaas.article-tabs__link:hover {
  border-bottom-color: #fff;
}
.legacy .animal-color-border-bottom--buitenvogels {
  border-bottom: 2px solid #1d91db;
}
.legacy .animal-color-border-bottom--buitenvogels.article-tabs__link--active, .legacy .animal-color-border-bottom--buitenvogels.article-tabs__link:hover {
  border-bottom-color: #fff;
}
.legacy .animal-color-border-bottom--ezels {
  border-bottom: 2px solid #e32118;
}
.legacy .animal-color-border-bottom--ezels.article-tabs__link--active, .legacy .animal-color-border-bottom--ezels.article-tabs__link:hover {
  border-bottom-color: #fff;
}
.legacy .animal-color-border-bottom--geiten {
  border-bottom: 2px solid #51a982;
}
.legacy .animal-color-border-bottom--geiten.article-tabs__link--active, .legacy .animal-color-border-bottom--geiten.article-tabs__link:hover {
  border-bottom-color: #fff;
}
.legacy .animal-color-border-bottom--herten {
  border-bottom: 2px solid #76ac1c;
}
.legacy .animal-color-border-bottom--herten.article-tabs__link--active, .legacy .animal-color-border-bottom--herten.article-tabs__link:hover {
  border-bottom-color: #fff;
}
.legacy .animal-color-border-bottom--hobbyvarkens {
  border-bottom: 2px solid #747b13;
}
.legacy .animal-color-border-bottom--hobbyvarkens.article-tabs__link--active, .legacy .animal-color-border-bottom--hobbyvarkens.article-tabs__link:hover {
  border-bottom-color: #fff;
}
.legacy .animal-color-border-bottom--honden {
  border-bottom: 2px solid #b6985e;
}
.legacy .animal-color-border-bottom--honden.article-tabs__link--active, .legacy .animal-color-border-bottom--honden.article-tabs__link:hover {
  border-bottom-color: #fff;
}
.legacy .animal-color-border-bottom--katten {
  border-bottom: 2px solid #b6985e;
}
.legacy .animal-color-border-bottom--katten.article-tabs__link--active, .legacy .animal-color-border-bottom--katten.article-tabs__link:hover {
  border-bottom-color: #fff;
}
.legacy .animal-color-border-bottom--kippen {
  border-bottom: 2px solid #63a53c;
}
.legacy .animal-color-border-bottom--kippen.article-tabs__link--active, .legacy .animal-color-border-bottom--kippen.article-tabs__link:hover {
  border-bottom-color: #fff;
}
.legacy .animal-color-border-bottom--koeien {
  border-bottom: 2px solid #c3d600;
}
.legacy .animal-color-border-bottom--koeien.article-tabs__link--active, .legacy .animal-color-border-bottom--koeien.article-tabs__link:hover {
  border-bottom-color: #fff;
}
.legacy .animal-color-border-bottom--cavias {
  border-bottom: 2px solid #e0ad39;
}
.legacy .animal-color-border-bottom--cavias.article-tabs__link--active, .legacy .animal-color-border-bottom--cavias.article-tabs__link:hover {
  border-bottom-color: #fff;
}
.legacy .animal-color-border-bottom--konijnen {
  border-bottom: 2px solid #b99110;
}
.legacy .animal-color-border-bottom--konijnen.article-tabs__link--active, .legacy .animal-color-border-bottom--konijnen.article-tabs__link:hover {
  border-bottom-color: #fff;
}
.legacy .animal-color-border-bottom--kooivogels {
  border-bottom: 2px solid #d17837;
}
.legacy .animal-color-border-bottom--kooivogels.article-tabs__link--active, .legacy .animal-color-border-bottom--kooivogels.article-tabs__link:hover {
  border-bottom-color: #fff;
}
.legacy .animal-color-border-bottom--paarden {
  border-bottom: 2px solid #848cba;
}
.legacy .animal-color-border-bottom--paarden.article-tabs__link--active, .legacy .animal-color-border-bottom--paarden.article-tabs__link:hover {
  border-bottom-color: #fff;
}
.legacy .animal-color-border-bottom--parkdieren {
  border-bottom: 2px solid #7bb13a;
}
.legacy .animal-color-border-bottom--parkdieren.article-tabs__link--active, .legacy .animal-color-border-bottom--parkdieren.article-tabs__link:hover {
  border-bottom-color: #fff;
}
.legacy .animal-color-border-bottom--postduiven {
  border-bottom: 2px solid #b63db8;
}
.legacy .animal-color-border-bottom--postduiven.article-tabs__link--active, .legacy .animal-color-border-bottom--postduiven.article-tabs__link:hover {
  border-bottom-color: #fff;
}
.legacy .animal-color-border-bottom--schapen {
  border-bottom: 2px solid #b0aa00;
}
.legacy .animal-color-border-bottom--schapen.article-tabs__link--active, .legacy .animal-color-border-bottom--schapen.article-tabs__link:hover {
  border-bottom-color: #fff;
}
.legacy .animal-color-border-bottom--sierduiven {
  border-bottom: 2px solid #566a86;
}
.legacy .animal-color-border-bottom--sierduiven.article-tabs__link--active, .legacy .animal-color-border-bottom--sierduiven.article-tabs__link:hover {
  border-bottom-color: #fff;
}
.legacy .animal-color-border-bottom--siervogels {
  border-bottom: 2px solid #921a1d;
}
.legacy .animal-color-border-bottom--siervogels.article-tabs__link--active, .legacy .animal-color-border-bottom--siervogels.article-tabs__link:hover {
  border-bottom-color: #fff;
}
.legacy .animal-color-border-bottom--watervogels {
  border-bottom: 2px solid #50aaae;
}
.legacy .animal-color-border-bottom--watervogels.article-tabs__link--active, .legacy .animal-color-border-bottom--watervogels.article-tabs__link:hover {
  border-bottom-color: #fff;
}
.legacy .animal-color-border-bottom--multiple-categories {
  border-bottom: 2px solid #17659E;
}
.legacy .animal-color-border-bottom--multiple-categories.article-tabs__link--active, .legacy .animal-color-border-bottom--multiple-categories.article-tabs__link:hover {
  border-bottom-color: #fff;
}
.legacy .animal-color-triangle::before {
  border: solid transparent;
  border-color: rgba(230, 70, 42, 0);
  border-left-color: #E6462A;
  border-width: 8px;
  border-left-width: 12px;
}
.legacy .animal-color-triangle--alpacaas::before {
  border: solid transparent;
  border-color: rgba(188, 98, 37, 0);
  border-left-color: #bc6225;
  border-width: 8px;
  border-left-width: 12px;
}
.legacy .animal-color-triangle--buitenvogels::before {
  border: solid transparent;
  border-color: rgba(29, 145, 219, 0);
  border-left-color: #1d91db;
  border-width: 8px;
  border-left-width: 12px;
}
.legacy .animal-color-triangle--ezels::before {
  border: solid transparent;
  border-color: rgba(227, 33, 24, 0);
  border-left-color: #e32118;
  border-width: 8px;
  border-left-width: 12px;
}
.legacy .animal-color-triangle--geiten::before {
  border: solid transparent;
  border-color: rgba(81, 169, 130, 0);
  border-left-color: #51a982;
  border-width: 8px;
  border-left-width: 12px;
}
.legacy .animal-color-triangle--herten::before {
  border: solid transparent;
  border-color: rgba(118, 172, 28, 0);
  border-left-color: #76ac1c;
  border-width: 8px;
  border-left-width: 12px;
}
.legacy .animal-color-triangle--hobbyvarkens::before {
  border: solid transparent;
  border-color: rgba(116, 123, 19, 0);
  border-left-color: #747b13;
  border-width: 8px;
  border-left-width: 12px;
}
.legacy .animal-color-triangle--honden::before {
  border: solid transparent;
  border-color: rgba(182, 152, 94, 0);
  border-left-color: #b6985e;
  border-width: 8px;
  border-left-width: 12px;
}
.legacy .animal-color-triangle--katten::before {
  border: solid transparent;
  border-color: rgba(182, 152, 94, 0);
  border-left-color: #b6985e;
  border-width: 8px;
  border-left-width: 12px;
}
.legacy .animal-color-triangle--kippen::before {
  border: solid transparent;
  border-color: rgba(99, 165, 60, 0);
  border-left-color: #63a53c;
  border-width: 8px;
  border-left-width: 12px;
}
.legacy .animal-color-triangle--koeien::before {
  border: solid transparent;
  border-color: rgba(195, 214, 0, 0);
  border-left-color: #c3d600;
  border-width: 8px;
  border-left-width: 12px;
}
.legacy .animal-color-triangle--cavias::before {
  border: solid transparent;
  border-color: rgba(224, 173, 57, 0);
  border-left-color: #e0ad39;
  border-width: 8px;
  border-left-width: 12px;
}
.legacy .animal-color-triangle--konijnen::before {
  border: solid transparent;
  border-color: rgba(185, 145, 16, 0);
  border-left-color: #b99110;
  border-width: 8px;
  border-left-width: 12px;
}
.legacy .animal-color-triangle--kooivogels::before {
  border: solid transparent;
  border-color: rgba(209, 120, 55, 0);
  border-left-color: #d17837;
  border-width: 8px;
  border-left-width: 12px;
}
.legacy .animal-color-triangle--paarden::before {
  border: solid transparent;
  border-color: rgba(132, 140, 186, 0);
  border-left-color: #848cba;
  border-width: 8px;
  border-left-width: 12px;
}
.legacy .animal-color-triangle--parkdieren::before {
  border: solid transparent;
  border-color: rgba(123, 177, 58, 0);
  border-left-color: #7bb13a;
  border-width: 8px;
  border-left-width: 12px;
}
.legacy .animal-color-triangle--postduiven::before {
  border: solid transparent;
  border-color: rgba(182, 61, 184, 0);
  border-left-color: #b63db8;
  border-width: 8px;
  border-left-width: 12px;
}
.legacy .animal-color-triangle--schapen::before {
  border: solid transparent;
  border-color: rgba(176, 170, 0, 0);
  border-left-color: #b0aa00;
  border-width: 8px;
  border-left-width: 12px;
}
.legacy .animal-color-triangle--sierduiven::before {
  border: solid transparent;
  border-color: rgba(86, 106, 134, 0);
  border-left-color: #566a86;
  border-width: 8px;
  border-left-width: 12px;
}
.legacy .animal-color-triangle--siervogels::before {
  border: solid transparent;
  border-color: rgba(146, 26, 29, 0);
  border-left-color: #921a1d;
  border-width: 8px;
  border-left-width: 12px;
}
.legacy .animal-color-triangle--watervogels::before {
  border: solid transparent;
  border-color: rgba(80, 170, 174, 0);
  border-left-color: #50aaae;
  border-width: 8px;
  border-left-width: 12px;
}
.legacy .animal-color-triangle--multiple-categories::before {
  border: solid transparent;
  border-color: rgba(23, 101, 158, 0);
  border-left-color: #17659E;
  border-width: 8px;
  border-left-width: 12px;
}
.legacy .animal-color-button {
  background-color: #E6462A;
}
.legacy .animal-color-button:hover {
  background-color: rgb(152.1428571429, 37.8571428571, 17.8571428571);
}
.legacy .animal-color-button--alpacaas {
  background-color: #bc6225;
}
.legacy .animal-color-button--alpacaas:hover {
  background-color: rgb(145.3866666667, 75.7866666667, 28.6133333333);
}
.legacy .animal-color-button--buitenvogels {
  background-color: #1d91db;
}
.legacy .animal-color-button--buitenvogels:hover {
  background-color: rgb(23.0362903226, 115.1814516129, 173.9637096774);
}
.legacy .animal-color-button--ezels {
  background-color: #e32118;
}
.legacy .animal-color-button--ezels:hover {
  background-color: rgb(180.8764940239, 26.2948207171, 19.1235059761);
}
.legacy .animal-color-button--geiten {
  background-color: #51a982;
}
.legacy .animal-color-button--geiten:hover {
  background-color: rgb(64.476, 134.524, 103.48);
}
.legacy .animal-color-button--herten {
  background-color: #76ac1c;
}
.legacy .animal-color-button--herten:hover {
  background-color: rgb(87.91, 128.14, 20.86);
}
.legacy .animal-color-button--hobbyvarkens {
  background-color: #747b13;
}
.legacy .animal-color-button--hobbyvarkens:hover {
  background-color: rgb(74.338028169, 78.823943662, 12.176056338);
}
.legacy .animal-color-button--honden {
  background-color: #b6985e;
}
.legacy .animal-color-button--honden:hover {
  background-color: rgb(154.8076923077, 125.9615384615, 70.1923076923);
}
.legacy .animal-color-button--katten {
  background-color: #b6985e;
}
.legacy .animal-color-button--katten:hover {
  background-color: rgb(154.8076923077, 125.9615384615, 70.1923076923);
}
.legacy .animal-color-button--kippen {
  background-color: #63a53c;
}
.legacy .animal-color-button--kippen:hover {
  background-color: rgb(76.56, 127.6, 46.4);
}
.legacy .animal-color-button--koeien {
  background-color: #c3d600;
}
.legacy .animal-color-button--koeien:hover {
  background-color: rgb(148.5280373832, 163, 0);
}
.legacy .animal-color-button--cavias {
  background-color: #e0ad39;
}
.legacy .animal-color-button--cavias:hover {
  background-color: rgb(198.864628821, 147.6419213974, 31.135371179);
}
.legacy .animal-color-button--konijnen {
  background-color: #b99110;
}
.legacy .animal-color-button--konijnen:hover {
  background-color: rgb(138.0597014925, 108.2089552239, 11.9402985075);
}
.legacy .animal-color-button--kooivogels {
  background-color: #d17837;
}
.legacy .animal-color-button--kooivogels:hover {
  background-color: rgb(173.1707317073, 96.1097560976, 39.8292682927);
}
.legacy .animal-color-button--paarden {
  background-color: #848cba;
}
.legacy .animal-color-button--paarden:hover {
  background-color: rgb(99.328125, 109.453125, 167.671875);
}
.legacy .animal-color-button--parkdieren {
  background-color: #7bb13a;
}
.legacy .animal-color-button--parkdieren:hover {
  background-color: rgb(96.3063829787, 138.5872340426, 45.4127659574);
}
.legacy .animal-color-button--postduiven {
  background-color: #b63db8;
}
.legacy .animal-color-button--postduiven:hover {
  background-color: rgb(144.1142857143, 48.3020408163, 145.6979591837);
}
.legacy .animal-color-button--schapen {
  background-color: #b0aa00;
}
.legacy .animal-color-button--schapen:hover {
  background-color: rgb(125, 120.7386363636, 0);
}
.legacy .animal-color-button--sierduiven {
  background-color: #566a86;
}
.legacy .animal-color-button--sierduiven:hover {
  background-color: rgb(66.0636363636, 81.4272727273, 102.9363636364);
}
.legacy .animal-color-button--siervogels {
  background-color: #921a1d;
}
.legacy .animal-color-button--siervogels:hover {
  background-color: rgb(102.7093023256, 18.2906976744, 20.4011627907);
}
.legacy .animal-color-button--watervogels {
  background-color: #50aaae;
}
.legacy .animal-color-button--watervogels:hover {
  background-color: rgb(63.937007874, 135.8661417323, 139.062992126);
}
.legacy .animal-color-button--multiple-categories {
  background-color: #17659E;
}
.legacy .animal-color-button--multiple-categories:hover {
  background-color: rgb(16.5193370166, 72.5414364641, 113.4806629834);
}
.legacy .animal-color-link {
  color: #E6462A;
}
.legacy .animal-color-link:hover {
  color: rgb(152.1428571429, 37.8571428571, 17.8571428571);
}
.legacy .animal-color-link--alpacaas {
  color: #bc6225;
}
.legacy .animal-color-link--alpacaas:hover {
  color: rgb(145.3866666667, 75.7866666667, 28.6133333333);
}
.legacy .animal-color-link--buitenvogels {
  color: #1d91db;
}
.legacy .animal-color-link--buitenvogels:hover {
  color: rgb(23.0362903226, 115.1814516129, 173.9637096774);
}
.legacy .animal-color-link--ezels {
  color: #e32118;
}
.legacy .animal-color-link--ezels:hover {
  color: rgb(180.8764940239, 26.2948207171, 19.1235059761);
}
.legacy .animal-color-link--geiten {
  color: #51a982;
}
.legacy .animal-color-link--geiten:hover {
  color: rgb(64.476, 134.524, 103.48);
}
.legacy .animal-color-link--herten {
  color: #76ac1c;
}
.legacy .animal-color-link--herten:hover {
  color: rgb(87.91, 128.14, 20.86);
}
.legacy .animal-color-link--hobbyvarkens {
  color: #747b13;
}
.legacy .animal-color-link--hobbyvarkens:hover {
  color: rgb(74.338028169, 78.823943662, 12.176056338);
}
.legacy .animal-color-link--honden {
  color: #b6985e;
}
.legacy .animal-color-link--honden:hover {
  color: rgb(154.8076923077, 125.9615384615, 70.1923076923);
}
.legacy .animal-color-link--katten {
  color: #b6985e;
}
.legacy .animal-color-link--katten:hover {
  color: rgb(154.8076923077, 125.9615384615, 70.1923076923);
}
.legacy .animal-color-link--kippen {
  color: #63a53c;
}
.legacy .animal-color-link--kippen:hover {
  color: rgb(76.56, 127.6, 46.4);
}
.legacy .animal-color-link--koeien {
  color: #c3d600;
}
.legacy .animal-color-link--koeien:hover {
  color: rgb(148.5280373832, 163, 0);
}
.legacy .animal-color-link--cavias {
  color: #e0ad39;
}
.legacy .animal-color-link--cavias:hover {
  color: rgb(198.864628821, 147.6419213974, 31.135371179);
}
.legacy .animal-color-link--konijnen {
  color: #b99110;
}
.legacy .animal-color-link--konijnen:hover {
  color: rgb(138.0597014925, 108.2089552239, 11.9402985075);
}
.legacy .animal-color-link--kooivogels {
  color: #d17837;
}
.legacy .animal-color-link--kooivogels:hover {
  color: rgb(173.1707317073, 96.1097560976, 39.8292682927);
}
.legacy .animal-color-link--paarden {
  color: #848cba;
}
.legacy .animal-color-link--paarden:hover {
  color: rgb(99.328125, 109.453125, 167.671875);
}
.legacy .animal-color-link--parkdieren {
  color: #7bb13a;
}
.legacy .animal-color-link--parkdieren:hover {
  color: rgb(96.3063829787, 138.5872340426, 45.4127659574);
}
.legacy .animal-color-link--postduiven {
  color: #b63db8;
}
.legacy .animal-color-link--postduiven:hover {
  color: rgb(144.1142857143, 48.3020408163, 145.6979591837);
}
.legacy .animal-color-link--schapen {
  color: #b0aa00;
}
.legacy .animal-color-link--schapen:hover {
  color: rgb(125, 120.7386363636, 0);
}
.legacy .animal-color-link--sierduiven {
  color: #566a86;
}
.legacy .animal-color-link--sierduiven:hover {
  color: rgb(66.0636363636, 81.4272727273, 102.9363636364);
}
.legacy .animal-color-link--siervogels {
  color: #921a1d;
}
.legacy .animal-color-link--siervogels:hover {
  color: rgb(102.7093023256, 18.2906976744, 20.4011627907);
}
.legacy .animal-color-link--watervogels {
  color: #50aaae;
}
.legacy .animal-color-link--watervogels:hover {
  color: rgb(63.937007874, 135.8661417323, 139.062992126);
}
.legacy .animal-color-link--multiple-categories {
  color: #17659E;
}
.legacy .animal-color-link--multiple-categories:hover {
  color: rgb(16.5193370166, 72.5414364641, 113.4806629834);
}
.legacy .animal-color-content-blocks .cb--play-button {
  color: #E6462A;
}
.legacy .animal-color-content-blocks--alpacaas .cb--play-button {
  color: #bc6225;
}
.legacy .animal-color-content-blocks--buitenvogels .cb--play-button {
  color: #1d91db;
}
.legacy .animal-color-content-blocks--ezels .cb--play-button {
  color: #e32118;
}
.legacy .animal-color-content-blocks--geiten .cb--play-button {
  color: #51a982;
}
.legacy .animal-color-content-blocks--herten .cb--play-button {
  color: #76ac1c;
}
.legacy .animal-color-content-blocks--hobbyvarkens .cb--play-button {
  color: #747b13;
}
.legacy .animal-color-content-blocks--honden .cb--play-button {
  color: #b6985e;
}
.legacy .animal-color-content-blocks--katten .cb--play-button {
  color: #b6985e;
}
.legacy .animal-color-content-blocks--kippen .cb--play-button {
  color: #63a53c;
}
.legacy .animal-color-content-blocks--koeien .cb--play-button {
  color: #c3d600;
}
.legacy .animal-color-content-blocks--cavias .cb--play-button {
  color: #e0ad39;
}
.legacy .animal-color-content-blocks--konijnen .cb--play-button {
  color: #b99110;
}
.legacy .animal-color-content-blocks--kooivogels .cb--play-button {
  color: #d17837;
}
.legacy .animal-color-content-blocks--paarden .cb--play-button {
  color: #848cba;
}
.legacy .animal-color-content-blocks--parkdieren .cb--play-button {
  color: #7bb13a;
}
.legacy .animal-color-content-blocks--postduiven .cb--play-button {
  color: #b63db8;
}
.legacy .animal-color-content-blocks--schapen .cb--play-button {
  color: #b0aa00;
}
.legacy .animal-color-content-blocks--sierduiven .cb--play-button {
  color: #566a86;
}
.legacy .animal-color-content-blocks--siervogels .cb--play-button {
  color: #921a1d;
}
.legacy .animal-color-content-blocks--watervogels .cb--play-button {
  color: #50aaae;
}
.legacy .animal-color-content-blocks--multiple-categories .cb--play-button {
  color: #17659E;
}
.legacy .background--black {
  background-color: #000;
}
.legacy .background--gray-darker {
  background-color: #1a171b;
}
.legacy .background--gray-dark {
  background-color: #323232;
}
.legacy .background--white {
  background-color: #fff;
}
.legacy .background--primary {
  background-color: #18526A;
}
.legacy .background--font-color {
  background-color: #18526A;
}
.legacy .background--red {
  background-color: #E6462A;
}
.legacy .background--blue-lighter {
  background-color: #B9CBD2;
}
.legacy .background--blue {
  background-color: #17659E;
}
.legacy .background--blue-dark {
  background-color: #0b2b7b;
}
.legacy .background--blue-darker {
  background-color: #18526A;
}
.legacy .background--yellow {
  background-color: #caa800;
}
.legacy .background--yellow-light {
  background-color: #FCF0D5;
}
.legacy .background--orange {
  background-color: #CE7641;
}
.legacy .background--green {
  background-color: #699418;
}
.legacy .background--green-lighter {
  background-color: #E9EFDD;
}
.legacy .background--beige {
  background-color: #897F70;
}
.legacy .background--alpacaas {
  background-color: #bc6225;
}
.legacy .background--buitenvogels {
  background-color: #1d91db;
}
.legacy .background--ezels {
  background-color: #e32118;
}
.legacy .background--geiten {
  background-color: #51a982;
}
.legacy .background--herten {
  background-color: #76ac1c;
}
.legacy .background--hobbyvarkens {
  background-color: #747b13;
}
.legacy .background--honden {
  background-color: #b6985e;
}
.legacy .background--katten {
  background-color: #b6985e;
}
.legacy .background--kippen {
  background-color: #63a53c;
}
.legacy .background--koeien {
  background-color: #c3d600;
}
.legacy .background--cavias {
  background-color: #e0ad39;
}
.legacy .background--konijnen {
  background-color: #b99110;
}
.legacy .background--kooivogels {
  background-color: #d17837;
}
.legacy .background--paarden {
  background-color: #848cba;
}
.legacy .background--parkdieren {
  background-color: #7bb13a;
}
.legacy .background--postduiven {
  background-color: #b63db8;
}
.legacy .background--schapen {
  background-color: #b0aa00;
}
.legacy .background--sierduiven {
  background-color: #566a86;
}
.legacy .background--siervogels {
  background-color: #921a1d;
}
.legacy .background--watervogels {
  background-color: #50aaae;
}
.legacy .background--multiple-categories {
  background-color: #17659E;
}
.legacy .text--black {
  color: #000;
}
.legacy .text--gray-darker {
  color: #1a171b;
}
.legacy .text--gray-dark {
  color: #323232;
}
.legacy .text--white {
  color: #fff;
}
.legacy .text--primary {
  color: #18526A;
}
.legacy .text--font-color {
  color: #18526A;
}
.legacy .text--red {
  color: #E6462A;
}
.legacy .text--blue-lighter {
  color: #B9CBD2;
}
.legacy .text--blue {
  color: #17659E;
}
.legacy .text--blue-dark {
  color: #0b2b7b;
}
.legacy .text--blue-darker {
  color: #18526A;
}
.legacy .text--yellow {
  color: #caa800;
}
.legacy .text--yellow-light {
  color: #FCF0D5;
}
.legacy .text--orange {
  color: #CE7641;
}
.legacy .text--green {
  color: #699418;
}
.legacy .text--green-lighter {
  color: #E9EFDD;
}
.legacy .text--beige {
  color: #897F70;
}
.legacy .text--alpacaas {
  color: #bc6225;
}
.legacy .text--buitenvogels {
  color: #1d91db;
}
.legacy .text--ezels {
  color: #e32118;
}
.legacy .text--geiten {
  color: #51a982;
}
.legacy .text--herten {
  color: #76ac1c;
}
.legacy .text--hobbyvarkens {
  color: #747b13;
}
.legacy .text--honden {
  color: #b6985e;
}
.legacy .text--katten {
  color: #b6985e;
}
.legacy .text--kippen {
  color: #63a53c;
}
.legacy .text--koeien {
  color: #c3d600;
}
.legacy .text--cavias {
  color: #e0ad39;
}
.legacy .text--konijnen {
  color: #b99110;
}
.legacy .text--kooivogels {
  color: #d17837;
}
.legacy .text--paarden {
  color: #848cba;
}
.legacy .text--parkdieren {
  color: #7bb13a;
}
.legacy .text--postduiven {
  color: #b63db8;
}
.legacy .text--schapen {
  color: #b0aa00;
}
.legacy .text--sierduiven {
  color: #566a86;
}
.legacy .text--siervogels {
  color: #921a1d;
}
.legacy .text--watervogels {
  color: #50aaae;
}
.legacy .text--multiple-categories {
  color: #17659E;
}
.legacy .visually-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.legacy .responsivebackgroundimage {
  visibility: hidden;
  position: absolute;
  max-width: 100%;
  height: auto;
}
.legacy .responsivebackgroundimage__wrapper {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
}
.legacy .spacer--none {
  padding: 0;
}
.legacy .spacer--xs {
  padding: 1rem;
}
.legacy .spacer--sm {
  padding: -1.8rem;
}
@media (min-width: 768px) {
  .legacy .spacer--sm {
    padding: 1.7rem;
  }
}
.legacy .spacer--sm-bit {
  padding: -1.8rem;
}
@media (min-width: 768px) {
  .legacy .spacer--sm-bit {
    padding: -0.8rem;
  }
}
.legacy .spacer--md {
  padding: -1rem;
}
@media (min-width: 768px) {
  .legacy .spacer--md {
    padding: 2.5rem;
  }
}
.legacy .spacer--md-bit {
  padding: -1rem;
}
@media (min-width: 768px) {
  .legacy .spacer--md-bit {
    padding: 0rem;
  }
}
.legacy .spacer--lg {
  padding: 1.5rem;
}
@media (min-width: 768px) {
  .legacy .spacer--lg {
    padding: 5rem;
  }
}
.legacy .spacer--lg-bit {
  padding: 1.5rem;
}
@media (min-width: 768px) {
  .legacy .spacer--lg-bit {
    padding: 2.5rem;
  }
}
.legacy .spacer--xl {
  padding: 4rem;
}
@media (min-width: 768px) {
  .legacy .spacer--xl {
    padding: 7.5rem;
  }
}
.legacy .spacer--xl-bit {
  padding: 4rem;
}
@media (min-width: 768px) {
  .legacy .spacer--xl-bit {
    padding: 5rem;
  }
}
.legacy .spacer--y--none {
  padding-top: 0;
  padding-bottom: 0;
}
.legacy .spacer--y--xs {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.legacy .spacer--y--sm {
  padding-top: -1.8rem;
  padding-bottom: -1.8rem;
}
@media (min-width: 768px) {
  .legacy .spacer--y--sm {
    padding-top: 1.7rem;
    padding-bottom: 1.7rem;
  }
}
.legacy .spacer--y--sm-bit {
  padding-top: -1.8rem;
  padding-bottom: -1.8rem;
}
@media (min-width: 768px) {
  .legacy .spacer--y--sm-bit {
    padding-top: -0.8rem;
    padding-bottom: -0.8rem;
  }
}
.legacy .spacer--y--md {
  padding-top: -1rem;
  padding-bottom: -1rem;
}
@media (min-width: 768px) {
  .legacy .spacer--y--md {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
.legacy .spacer--y--md-bit {
  padding-top: -1rem;
  padding-bottom: -1rem;
}
@media (min-width: 768px) {
  .legacy .spacer--y--md-bit {
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
}
.legacy .spacer--y--lg {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .legacy .spacer--y--lg {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
.legacy .spacer--y--lg-bit {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .legacy .spacer--y--lg-bit {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
.legacy .spacer--y--xl {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
@media (min-width: 768px) {
  .legacy .spacer--y--xl {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
  }
}
.legacy .spacer--y--xl-bit {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
@media (min-width: 768px) {
  .legacy .spacer--y--xl-bit {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
.legacy .spacer--b--none {
  padding-bottom: 0;
}
.legacy .spacer--b--xs {
  padding-bottom: 1rem;
}
.legacy .spacer--b--sm {
  padding-bottom: -1.8rem;
}
@media (min-width: 768px) {
  .legacy .spacer--b--sm {
    padding-bottom: 1.7rem;
  }
}
.legacy .spacer--b--sm-bit {
  padding-bottom: -1.8rem;
}
@media (min-width: 768px) {
  .legacy .spacer--b--sm-bit {
    padding-bottom: -0.8rem;
  }
}
.legacy .spacer--b--md {
  padding-bottom: -1rem;
}
@media (min-width: 768px) {
  .legacy .spacer--b--md {
    padding-bottom: 2.5rem;
  }
}
.legacy .spacer--b--md-bit {
  padding-bottom: -1rem;
}
@media (min-width: 768px) {
  .legacy .spacer--b--md-bit {
    padding-bottom: 0rem;
  }
}
.legacy .spacer--b--lg {
  padding-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .legacy .spacer--b--lg {
    padding-bottom: 5rem;
  }
}
.legacy .spacer--b--lg-bit {
  padding-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .legacy .spacer--b--lg-bit {
    padding-bottom: 2.5rem;
  }
}
.legacy .spacer--b--xl {
  padding-bottom: 4rem;
}
@media (min-width: 768px) {
  .legacy .spacer--b--xl {
    padding-bottom: 7.5rem;
  }
}
.legacy .spacer--b--xl-bit {
  padding-bottom: 4rem;
}
@media (min-width: 768px) {
  .legacy .spacer--b--xl-bit {
    padding-bottom: 5rem;
  }
}
.legacy .spacer--t--none {
  padding-top: 0;
}
.legacy .spacer--t--xs {
  padding-top: 1rem;
}
.legacy .spacer--t--sm {
  padding-top: -1.8rem;
}
@media (min-width: 768px) {
  .legacy .spacer--t--sm {
    padding-top: 1.7rem;
  }
}
.legacy .spacer--t--sm-bit {
  padding-top: -1.8rem;
}
@media (min-width: 768px) {
  .legacy .spacer--t--sm-bit {
    padding-top: -0.8rem;
  }
}
.legacy .spacer--t--md {
  padding-top: -1rem;
}
@media (min-width: 768px) {
  .legacy .spacer--t--md {
    padding-top: 2.5rem;
  }
}
.legacy .spacer--t--md-bit {
  padding-top: -1rem;
}
@media (min-width: 768px) {
  .legacy .spacer--t--md-bit {
    padding-top: 0rem;
  }
}
.legacy .spacer--t--lg {
  padding-top: 1.5rem;
}
@media (min-width: 768px) {
  .legacy .spacer--t--lg {
    padding-top: 5rem;
  }
}
.legacy .spacer--t--lg-bit {
  padding-top: 1.5rem;
}
@media (min-width: 768px) {
  .legacy .spacer--t--lg-bit {
    padding-top: 2.5rem;
  }
}
.legacy .spacer--t--xl {
  padding-top: 4rem;
}
@media (min-width: 768px) {
  .legacy .spacer--t--xl {
    padding-top: 7.5rem;
  }
}
.legacy .spacer--t--xl-bit {
  padding-top: 4rem;
}
@media (min-width: 768px) {
  .legacy .spacer--t--xl-bit {
    padding-top: 5rem;
  }
}
.legacy .spacer--x--none {
  padding-right: 0;
  padding-left: 0;
}
.legacy .spacer--x--xs {
  padding-right: 1rem;
  padding-left: 1rem;
}
.legacy .spacer--x--sm {
  padding-right: -1.8rem;
  padding-left: -1.8rem;
}
@media (min-width: 768px) {
  .legacy .spacer--x--sm {
    padding-right: 1.7rem;
    padding-left: 1.7rem;
  }
}
.legacy .spacer--x--sm-bit {
  padding-right: -1.8rem;
  padding-left: -1.8rem;
}
@media (min-width: 768px) {
  .legacy .spacer--x--sm-bit {
    padding-right: -0.8rem;
    padding-left: -0.8rem;
  }
}
.legacy .spacer--x--md {
  padding-right: -1rem;
  padding-left: -1rem;
}
@media (min-width: 768px) {
  .legacy .spacer--x--md {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }
}
.legacy .spacer--x--md-bit {
  padding-right: -1rem;
  padding-left: -1rem;
}
@media (min-width: 768px) {
  .legacy .spacer--x--md-bit {
    padding-right: 0rem;
    padding-left: 0rem;
  }
}
.legacy .spacer--x--lg {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}
@media (min-width: 768px) {
  .legacy .spacer--x--lg {
    padding-right: 5rem;
    padding-left: 5rem;
  }
}
.legacy .spacer--x--lg-bit {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}
@media (min-width: 768px) {
  .legacy .spacer--x--lg-bit {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }
}
.legacy .spacer--x--xl {
  padding-right: 4rem;
  padding-left: 4rem;
}
@media (min-width: 768px) {
  .legacy .spacer--x--xl {
    padding-right: 7.5rem;
    padding-left: 7.5rem;
  }
}
.legacy .spacer--x--xl-bit {
  padding-right: 4rem;
  padding-left: 4rem;
}
@media (min-width: 768px) {
  .legacy .spacer--x--xl-bit {
    padding-right: 5rem;
    padding-left: 5rem;
  }
}
.legacy .spacer--l--none {
  padding-left: 0;
}
.legacy .spacer--l--xs {
  padding-left: 1rem;
}
.legacy .spacer--l--sm {
  padding-left: -1.8rem;
}
@media (min-width: 768px) {
  .legacy .spacer--l--sm {
    padding-left: 1.7rem;
  }
}
.legacy .spacer--l--sm-bit {
  padding-left: -1.8rem;
}
@media (min-width: 768px) {
  .legacy .spacer--l--sm-bit {
    padding-left: -0.8rem;
  }
}
.legacy .spacer--l--md {
  padding-left: -1rem;
}
@media (min-width: 768px) {
  .legacy .spacer--l--md {
    padding-left: 2.5rem;
  }
}
.legacy .spacer--l--md-bit {
  padding-left: -1rem;
}
@media (min-width: 768px) {
  .legacy .spacer--l--md-bit {
    padding-left: 0rem;
  }
}
.legacy .spacer--l--lg {
  padding-left: 1.5rem;
}
@media (min-width: 768px) {
  .legacy .spacer--l--lg {
    padding-left: 5rem;
  }
}
.legacy .spacer--l--lg-bit {
  padding-left: 1.5rem;
}
@media (min-width: 768px) {
  .legacy .spacer--l--lg-bit {
    padding-left: 2.5rem;
  }
}
.legacy .spacer--l--xl {
  padding-left: 4rem;
}
@media (min-width: 768px) {
  .legacy .spacer--l--xl {
    padding-left: 7.5rem;
  }
}
.legacy .spacer--l--xl-bit {
  padding-left: 4rem;
}
@media (min-width: 768px) {
  .legacy .spacer--l--xl-bit {
    padding-left: 5rem;
  }
}
.legacy .spacer--r--none {
  padding-right: 0;
}
.legacy .spacer--r--xs {
  padding-right: 1rem;
}
.legacy .spacer--r--sm {
  padding-right: -1.8rem;
}
@media (min-width: 768px) {
  .legacy .spacer--r--sm {
    padding-right: 1.7rem;
  }
}
.legacy .spacer--r--sm-bit {
  padding-right: -1.8rem;
}
@media (min-width: 768px) {
  .legacy .spacer--r--sm-bit {
    padding-right: -0.8rem;
  }
}
.legacy .spacer--r--md {
  padding-right: -1rem;
}
@media (min-width: 768px) {
  .legacy .spacer--r--md {
    padding-right: 2.5rem;
  }
}
.legacy .spacer--r--md-bit {
  padding-right: -1rem;
}
@media (min-width: 768px) {
  .legacy .spacer--r--md-bit {
    padding-right: 0rem;
  }
}
.legacy .spacer--r--lg {
  padding-right: 1.5rem;
}
@media (min-width: 768px) {
  .legacy .spacer--r--lg {
    padding-right: 5rem;
  }
}
.legacy .spacer--r--lg-bit {
  padding-right: 1.5rem;
}
@media (min-width: 768px) {
  .legacy .spacer--r--lg-bit {
    padding-right: 2.5rem;
  }
}
.legacy .spacer--r--xl {
  padding-right: 4rem;
}
@media (min-width: 768px) {
  .legacy .spacer--r--xl {
    padding-right: 7.5rem;
  }
}
.legacy .spacer--r--xl-bit {
  padding-right: 4rem;
}
@media (min-width: 768px) {
  .legacy .spacer--r--xl-bit {
    padding-right: 5rem;
  }
}
.legacy .text--weight-semi-bold {
  font-weight: 600;
}
.legacy .text--weight-bold {
  font-weight: 700;
}